/*Esse documento .css foi criado por Vinicius Colacino da Rocha.
Esta eh o CSS para IMPRESSAO*/


/*********GERAL*********/
*
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

body{text-align: center; background: #FFF; color: #000;}
form{/*width: 810px;*/ margin: 0 5px; text-align: left;}

	
/*ELEMENTOS QUE NAO SAO NECESSARIO NA IMPRESSAO*/
.tabcontent, #siae, #boxes, object, .procura, .menu_vermelho, #Header1_menu, #Header1_submenu,  
.menu_edicao, #warning, li.chegar, li.mail, #cabecalho img, .menu_galeria, #destaques_botoes, 
#rodape p.rss, #rodape p.pda, #rodape p.print, #rodape p.mapa, #rodape p.icones, #rodape ul
{
	display: none;
}

/*********FONTS*********/
h1, h2, h3, h4, h5, h6{margin: 5px 0px;}

h1, h1 span{font-size: 14pt; font-weight: normal; margin: 6px 0px;}
h1.titulo{border-bottom:4px solid #CCC; padding-bottom:5pt; margin-bottom:5pt;}

h2, h2 span, h3, h3 span{font-size: 10pt; font-weight: normal;}
	.menu_azul h2, .menu_verde h2, .noticias h2, #destaques h2{font-size: 8pt; font-weight: bold;}

h3, h3 span{font-weight: bold;}
h4, h4 span{}

#not_aba1 h6, #not_aba2 h6, #not_aba3 h6, #not_aba4 h6, #not_aba5 h6, #not_aba6 h6
{background-color: #999; color: #FFF; padding-left: 10px;}

#not_aba2{font-weight: bold;}

#not_aba1 a, #not_aba2 a, #not_aba3 a, #not_aba4 a, #not_aba5 a, #not_aba6 a, .noticias a 
{font-weight: normal; margin-left: 20px; color: #333;}

#not_aba1 li a, #not_aba2 li a, #not_aba3 li a, #not_aba4 li a, #not_aba5 li a, #not_aba6 li a, .noticias a
{margin: 0px 0px 0px 5px; text-decoration: none;}

.centro p, .centro_eventos p{line-height: 20px; margin-bottom: 10px; text-indent: 0px;}

/*********LINKS*********/
body a:link:after{content: " (" attr(href) ") "; font-weight:bold;}
#cabecalho a:link:after, .menu_azul a:link:after, object{content: "";}
a img{border:none;}
span.atual a, #canalAtivo{font-weight: bold;}
.noticias a{display: block;}


/*********TOPO, HEADER*********/
#cabecalho{margin-top: 10px;}
#cabecalho a img{display: block;}
#cabecalho .Portuguese_Logo{background: url(/Institucional/Imagens/Logo.jpg);}
#cabecalho .English_Logo{background: url(/Institucional/Imagens/Logo_English.jpg);}
#cabecalho .Spanish_Logo{background: url(/Institucional/Imagens/Logo_Spanish.jpg);}


/*********OUTROS MENUS*********/
.menu_azul, .menu_verde{background-color: #F4F4F4; margin: 0px 0px 10px 0px; border-left: solid 2px #666; padding-left: 10px;}
.menu_verde{display: none;}
/*.menu_verde ul li{display: inline}*/
.menu_azul{position: absolute; top: 5px; right: 5px;}


.centro, .centro_eventos{margin-bottom: 100px; height: auto;}
.centro img, .centro_eventos img{/*float: right;*/ margin: 10px 5px;}

.lateral_esq img{display: none;}

/*.lateral_esq{float: right; margin-left: 10px; clear:both;}
.lateral_esq div{float: left; margin-left: 20px;}*/

.titulo_unidade_escolar{margin: 35px 0px 25px 0px;}

.centro {clear: both;}

.menu_premio a{border-right: solid 1px #333; padding: 0px 5px;}

/*********ABAS*********/
.abas_caixa, #destaques{clear: both; float: left; margin-bottom: 3px;}

.abas_caixa a{text-decoration: none; color: #333;}

.abas_caixa img{
	float: left;
	margin: 0px 5px 0px 3px;
	width: 78px;
	height: 90px;
}

#destaques img{
	border: 0px;
	float: left;
	margin: 0px 5px 0px 3px;
	width: 95px;
	height: 109px;
}

#not_aba1, #not_aba2, #not_aba3, #not_aba4, #not_aba5
{margin-bottom: 10px;}

#not_aba1 ul, #not_aba2 ul, #not_aba3 ul, #not_aba4 ul, #not_aba5 ul{margin-left: 25px;}

/*********ESCOLAS*********/
#tabelaregiao table{width: 550px; width: 100%;}

.gridHeader td{background-color:#F4F4F4; font-weight: bold; text-align: center;}

/*********ESTATISTICAS*********/
/*os 'headers' da table; a parte negritada*/
#estatistica th{
	border-top: solid 1px #004AD2;
	vertical-align: top;
}

/*a parte nao negritada*/
#estatistica td
{
	padding-left: 15px;
	vertical-align: top;
}

/*para que 'previsao' fique em maiusculo*/
#estatistica tfoot th
{
	text-transform: uppercase;
}

/*o numero da previsao para o proximo ano*/
#estatistica tfoot td{
	color: #004AD2;
	font-weight: bold;
	text-align: left;
	border-top: solid 1px #004AD2;
}

/*classe para o numero ficar alinhado a direita*/
.numero
{
	text-align: right;
}

/*********CONTATO*********/
#contato
{
	/*esse ID eh soh para identificar a pagina e evitar que se crie classes semelhantes
	a classes jah existentes.*/
}

/*os labels do formulario para contato*/
#contato label
{
	font-weight: normal;
	font-size: 11px;
	width: 100px;
	vertical-align: middle;
	border-bottom: solid 1px #CCCCCC;
	float: left;
	display: inline;
}

#contato #txtCaracteres, #contato table label, #contato table input
{
	width: auto;
	float: none;
	border: none;
}

#contato table tr td {padding: -10px 0px 0px 0px;}


/*os inputs para contato*/
#contato .input
{
	margin: 5px 5px 5px 0px;
	width: 400px;
}

/*inputs em foco*/
#contato .input:focus{color: #000; background-color: #F4F4F4;}

/*o ID do input de mensagem*/
#contato #txtMensagem
{
	height: 130px;
	overflow: auto;
}

/*o ID do input de contator*/
#contato #txtContador
{
	width: 32px;
	padding: 0px;
	margin-left: 67px;
	/*no FIREFOX esta caixa aparece com o fundo cinza, provavelmente
	por ser uma caixa em que o usuario naum pode inserir dados.*/
	background-color: #FFFFFF;
}


/*a combo da pagina de contatos. tive que criar outra por causa de margem*/
#contato .combo
{
	font-weight:normal;
	font-size: 11px;
	margin: 5px 5px 5px 0px;
	width: auto;
	height: 16px;
}

/*Configuracoes para telefone*/
#contato #ddd, #contato #ddi
{
	width: 25px;
	margin-right: 0px;
}

#contato #prefixo, #contato #sufixo
{
	width: 35px;
	margin-right: 0px;
}

/*para que o botao fique a direita*/
#contato .bt_generico
{
	float: left;
	display: inline;
	margin-left: 10px;
}

#contato #txtCaracteres
{
	text-align: left;
	float: left;
	display: inline;
	margin-left: 100px;
}

#contato #label_tel, #contato #txtCaracteres {color: #666666; font-style: italic; font-size: 10px;}

/*Os Radios Buttons aonde o usuario escolhe o assunto tratado na mensagem.
Configuracoes da font estao em 'Paragrafos, textos', acima.*/
.radio_button
{
	text-align: center;
	margin-left: 103px;
	cursor: pointer;
}

.radio_button *{
	width: auto;
	border: 0px;
}


/*********RODAPE*********/
#rodape{clear: both; border-top: solid 1px #666;}
#rodape p{text-align: center;}