/*---------------------------------------------------------------------
Folha de estilos básica

versão:		1.1
autor:		brainfonet, Fábio R.Brandão
email:		contato@brainfonet.com / fabio@brainfonet.com
website:	www.brainfonet.com / fabio.brainfonet.com

:-) Copie a vontade pois tudo que é bom deve mesmo ser copiado!
---------------------------------------------------------------------*/

/* =Tipografia (tipografia, titulos e links)
---------------------------------------------------------------------*/
a {
	text-decoration:none;
	color:#666;
}
	
a:hover {
	text-decoration:underline;
	color:#666;
}

.link {
	text-decoration:underline;
	color:#78A428;
}

.link:hover {
	text-decoration:underline;
	color:#78A428;
}

.link2 {
	text-decoration:none;
	color:#fff;
}

.link2:hover {
	text-decoration:underline;
	color:#fff;
}

span {
	font-size:12px;
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	color:#666;
	text-align:left;
}

p {
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:12px;
	color:#666;
	color:#333;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
}

h2 {
	border-bottom:1px dotted #ccc;
	font-family:Verdana, Arial, Helvetica;
	font-size:12px;
	color:#2B7C2F;
	font-weight:bold;
	text-align:left;
}

h3 {
	font-size:12px;
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	color:#FB941C;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

.msg{
	color:#990000;
}

/* =Fluxo (caixas, seções)
---------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}

body {	
	background-color:#d6d6d6;
	margin: 10px 0px 10px 0px;
	background-image:url(imagens/background.gif);
}

#box_geral {
	width:778px;
	margin:0 auto;
	border:1px solid #999;
	background-color:#fff;
}

/* cabecalho do documento */
#box_cabecalho{
	height:190px;
	float:none;
}

/* cabecalho do documento 2 */
#box_cabecalho2{
	height:20px;
	float:none;
}

/* dados */
#box_dados{
	border:1px solid #333;; 
	width:450px; 
	height:300px; 
	background-color:#fff;	
	position:absolute;
	left:50%;
	top:60%;	
	margin:0 auto;
	margin-left:-225px;
	margin-top:-150px;
	z-index:2;
}

/* miolo do documento */
#box_miolo {
	width:610px;
	background-color:#fff;
	margin-top:5px;
	margin-left:5px;
	float:left;
	/*height:1005px;*/	
}

#box_barra_lateral {
	margin-top:5px;
	padding-top:5px;
	width:160px;
	height:1010px;
	background-color:#fff;
	background-repeat:no-repeat;
	border-right:1px solid #ccc;
	float:left;
}

#box_login{
	margin:2px;
	width:155px;
	border-bottom::1px solid #ccc;
	float:none;
}

#box_intro {
	width:356px;
	height:140px;
	float:left;
	margin-right:5px;
}

#box_novidade{
	width:242px;
	height:140px;
	float:left;
}

#box_busca{
	width:242px;
	height:140px;
	float:left;
}

#box_curso{
	width:356px;
	height:600px;
	float:left;
	margin-top:5px;
	margin-right:5px;	
}

#box_calendario {
	width:242px;
	height:130px;
	float:left;
	margin-top:5px;
}

#box_bolsa {
	width:242px;
	height:90px;
	float:left;
	margin-top:5px;
}

#box_mundodigital {
	width:242px;
	height:150px;
	float:left;
	margin-top:5px;
}

#box_vocesabia {
	width:242px;
	height:75px;
	float:left;
	margin-top:5px;
}

#box_galeria {
	width:242px;
	height:220px;
	float:left;
	margin-top:5px;
}

#box_forum {
	width:242px;
	height:220px;
	float:left;
	margin-top:5px;
}

#box_rodape {
	width:773px;
	height:120px;
	float:none;
	clear:both;
	padding-left:5px;
	padding-top:15px;
	background-color:#2B7C2F;
}

.boxform {
	width:250px;
	height:250px;
	margin-left:20px;
	float:left;
}

#curso1, #curso2, #curso3, #curso4, #curso5, #curso6, #curso7{
	float:none; 
	clear:both; 
	height:100px;
}

#promocao{
	width:450px; 
	height:500px; 
	border:1px solid #000; 
	background-color:#E7E7E7; 
	position:absolute; 
	left:180px;
	top:220px;
	background-image:url(imagens/bg_promocao.gif);
	background-repeat:no-repeat;
}
#box_popup_interno{
	width:450px; 
	height:500px; 
	border:1px solid #000; 
	background-color:#E7E7E7; 
	position:absolute; 
	left:180px;
	top:220px;
	background-image:url(imagens/teste.jpg);
	background-repeat:no-repeat;
}
#box_esquerda{
	float:left;
	width:300px;
}

#box_direita{
	float:right;	
	width:300px;
}

/* =Geral (listas, formulário, tabelas e botões)
---------------------------------------------------------------------*/
img {
	margin-top:2px;
	margin-bottom:2px;
	margin-right:5px;
	margin-left:5px;
}

.flickr_badge_image img {border: 1px solid black; width:53px; height:53px; margin:1px; float:left;}

.form {
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:12px;
	border:1px solid #ccc;;
	background-color:#fff; 
	color: #333;
}

.botao{
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:10px;
	border:1px solid #ccc;
	background-color:#2B7C2F; 
	color: #fff;
}

.botao2{
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:10px;
	border:1px solid #666;
	background-color:#ccc; 
	color: #000;
}

table{
	border:0px;
}

td {
	font-size:12px;
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	color:#666;
	text-align:left;
}

th {
	font-size:12px;
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	color:#000;
	text-align:left;
}

/* Menu Vertical (Utilizado na barra_lateral */
ul.menu {
	margin:2px;
	padding:0px;
	text-align:left;
	font-weight:bold;
	list-style:none;
}

ul.menu li {
	float:none;
	color:#666;
	display:block;
	font-family:trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	padding:5px;
}

ul.menu li a {
	text-decoration:none;
	color:#666;
	display:block;
}

ul.menu li a:hover {
	text-decoration:underline;
	color:#666;
	display:block;
}

ul.lista_interna {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style:none;
}

ul.lista_interna li {
	padding:2px;
	display:block;
	font-family: trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	float:none;
	background-image:url(imagens/seta1.gif);
	background-repeat:no-repeat;
	background-position: 0px 8px;
	padding: 0px 0px 0px 10px;
}

ul.lista_interna li a {
	text-decoration:none;
	color:#666;
	display:block;
	padding:2px;
}

ul.lista_interna li a:hover {
	padding:2px;
	text-decoration:none;
	/*background-color:#ccff99;*/
	background-color:#2B7C2F;
	color:#fff;
	display:block;
}

ul.lista_interna2 {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style:none;
}

ul.lista_interna2 li {
	font-family: trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:12px;
	color:#006600;
	display:block;
	float:none;
	background-color:#fff;
	background-image:url("imagens/seta1.gif");
	background-repeat:no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 10px;
	margin: 5px 5px 5px 5px;
}

ul.lista_interna2 li a {
	text-decoration:none;
	color:#666;
	display:block;
	padding:2px;
}

ul.lista_interna2 li a:hover {
	padding:2px;
	text-decoration:none;
	background-color:#ccff99;
	display:block;
}

ul.lista_curso {
	margin:0px;
	padding:0px;
	text-align:left;
	list-style:none;
}

ul.lista_curso li {
	padding:2px;
	display:block;
	font-family: trebuchet ms,tahoma,verdana,arial,helvetica;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	float:none;
	background-image:url(imagens/seta1.gif);
	background-repeat:no-repeat;
	background-position: 0px 8px;
	padding: 0px 0px 0px 10px;
}

ul.lista_curso li a {
	text-decoration:none;
	color:#68B121;
	display:block;
	padding:2px;
}

ul.lista_curso li a:hover {
	padding:2px;
	text-decoration:underline;
	color:#68B121;
	display:block;
}

ul.fotos {
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.fotos li {
	padding:3px;
	float:left;
}

ul.fotos li a {
}

ul.fotos li a:hover {
}

ul.instalacoes {
	list-style:none;
	margin:0px;
}

ul.instalacoes li {
	float:left;
	margin:2px;
}

ul.instalacoes li img{
	margin:0px;
	padding:0px;
	border: 5px solid #ccff99;
}

ul.instalacoes li a:hover img{
	margin:0px;
	padding:0px;
	border: 5px solid #006600;
}