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


/*itens que nao serao necessarios*/
img, object, #siae, #Header1_submenu, .menu_edicao, #rodape p.icones
{
	display: none;
}

#cabecalho{background-color: #ffffff; margin-top: 3px;}

#Header1_logo
{
	display: block;
	margin: 10px auto;	
}

/*********GERAL*********/
*
{
	font-family: 'Verdana';
	text-align: justify;
/*	font-size: 11px;*/
}

body
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

form
{
	background-color: #ffffff;
	max-width: 420px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}


/*********TITLES*********/
h1.titulo{color: #ea0000;}

h2
{
	font-size: 12px;
	color: #ffffff;	
	padding-left: 3px;
}

.titulo_unidade_escolar h2{color: #EA0000; text-align: left;}

h3, h4
{
	font-size: 12px;
	color: #ea0000;
	padding-left: 3px;
}

/*********LINKS*********/
a{text-decoration: none;}
a img{border: none;}

.atual, .atual a
{
	color: #EA0000;
}

#canalAtivo{background-color: #EA0000; color: #FFFFFF;}

/*********LISTAS*********/
ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}



/*********MENU*********/
#Header1_menu{
	display: block;
	clear: both;
}

/*O menu principal, eh uma lista*/
#Header1_menu ul li {display: inline;}

#Header1_menu ul li a
{	
	font-weight: bold;
	display: block;
	padding: 0px 4px;
	border-left: solid 5px #EA0000;
	padding-left: 5px;
	margin-bottom: 2px;

	background-color: #F4F4F4;
	color: #EA0000;
}
/*
#menu ul li a.current
{
	background-color: #EA0000;
	color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-color: #999;
	color: #999;
}*/

/*********RESUMO AREAS, ABAS*********/
.abas
{
	text-align: center;
}

/*Para que as abas fiquem alinhadas.*/
.abas li{
	display: inline;
}

/*As classes que definem qual sera a aba utilizada (vermelha, azul, laranja, verde)*/
a.verde, a.azul, a.vermelho, a.laranja
{
	display: none;
}

/*VERDE*/
#aba1 a, #aba1 h3{color: #006633;}

/*AZUL*/
#aba2 a, #aba2 h3{color: #000099;} 

/*VERMELHO*/
#aba3 a, #aba3 h3{color: #A60000;}

/*LARANJA*/
#aba4 a, #aba4 h3{color: #CF6904;}


#noticias h2, #NaMidia h2, #destaques h2, .procura h2{background-color: #999;}
#NaMidia{background-color: #F7F7F7;}
#NaMidia a{display: block;}

.destaques_portal h2{background-color: #F8F6DF; color:#AB9C20;}

/*********DESTAQUES DA HOME, ROXO*********/

/*titulo dentro de destaques*/
#destaques_botoes{display: none;}
#destaques h3{color: #FFF; display: block;}
#destaques h4, #destaques a{color: #333;}

#destaques #dest1, #destaques #dest2, #destaques #dest3, #destaques #dest4, #destaques #dest5{margin: 3px 10px;}

#destaques #dest1{background-color: #ECFFF5;}
#destaques #dest2{background-color: #F4F4FF;}
#destaques #dest3{background-color: #FFF0F0;}
#destaques #dest4{background-color: #FEF2E7;}
#destaques #dest5{background-color: #F1E9FC;}

#destaques #dest1 h3{background-color: #006633;}
#destaques #dest2 h3{background-color: #009;}
#destaques #dest3 h3{background-color: #A60000;}
#destaques #dest4 h3{background-color: #CF6904;}
#destaques #dest5 h3{background-color: #7E37DF;}


/*********CAIXAS*********/
/*background para oportunidades, ex-alunos, novidades, sites, etc.
Embaixo de cada propriedade, esta a cor de seu titulo e de seus links*/


/*OPORTUNIDADES*/
.oportunidades {display: none;}
.oportunidades h2 {
	/*background-image: url(../imagens_mobile/oportunidades.gif);
	background-repeat: repeat-x;*/
	background-color:#BF3232;
	}
.oportunidades a{color:#BF3232;}


/*EX-ALUNOS*/
.ex_alunos {display:none;}
.ex_alunos h2{background-color: #366795;}
.ex_alunos a{color: #366795;}


/*FAQS*/
.faqs h2{background-color:#BF3232;}
.faqs a{color:#BF3232;}


/*EXAME*/
.exame h2{background-color:#F56916;}
.exame a{color:#F56916;}


/*SITES*/
.sites h2{
	/*background-image: url(../imagens_mobile/sites.gif);
	background-repeat: repeat-x;*/
	background-color: #56B914;
}
.sites a{color: #56B914;}


/*NOTICIAS*/
.noticias h2{
	/*background-image: url(../imagens_mobile/noticias.gif);
	background-repeat: repeat-x;*/
	background-color:#C16A13;
}
.noticias a{color:#C16A13;}


/*MENU_PREMIOS*/
.menu_premio h2{background-color: #AB9C20;}
.menu_premio a{color: #AB9C20;}


/*MENU GALERIA*/
.menu_galeria{display:none;}



.tabcontent{
	display: inline;
}

/*OS MENUS DE NAVEGACAO*/
	/*GERAL*/
	.menu_vermelho h2, .menu_azul h2, .menu_verde h2
	{
		font-size: small;
		color: #FFFFFF;
		text-align: center;
	}
	
	/**/
	.menu_vermelho h2{background-color: #EA0000;}
	.menu_azul h2{background-color:  #0000EA;}
	.menu_verde h2{background-color:#00BF00;}	
	
	.menu_vermelho {background-color: #FFF0F0;}
	.menu_azul {background-color: #F0F0FF;}
	.menu_verde {background-color: #F0FFF0;}
	
	.menu_vermelho a {color: #EA0000;}
	.menu_vermelho a.linkDoCanalAtual, .menu_vermelho li.atual a {background-color: #EA0000; color: #FFFFFF;}
	.menu_verde a {color: #00BF00;}
	
	.menu_verde li.atual a{background-color: #00BF00; color: #FFFFFF;}



/*********ESTATISTICAS*********/
#ListaEstatisticas1_lblPosts a
{
	color: #333333;
}

#ListaEstatisticas1_lblPosts .atual a,
#ListaEstatisticas1_lblPosts .atual
{
	color: #EA0000;
}

/*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_contato
{
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	/*width: 100px;*/
	vertical-align: middle;
	display: block;
	clear: right;
	/*margin-left: 100px;*/
}

/*os inputs para contato*/
#contato .input{	
	
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	/*width: 400px;*/
	width: 100%;
}


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

/*o ID do input de contator*/
#contato #txtContador
{
	width: 32px;
	/*float: right;
	display: inline;*/
	padding: 0px;
	
	/*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;
	color: #333333;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	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: right;
	display: inline;
}

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

#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;
	cursor: hand;
	cursor: pointer;
}

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



/*********SEARCH, PROCURA, BUSCA, LOCALIZAR, ENCONTRAR*********/

/*para que os input dentro do search tenham um tamanho maior*/
#search .input, #search .McmsSearchInputTextBox{	
	color: #666666;
	margin: 0px;
}

/*as margens do combo box (nao disponivel em Internet Explorer)*/
#search select
{
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

/*para que o botao tenha um espacamento da input box*/
#search img
{
/*	margin-left: 15px;
	margin-right: 2px;
	margin-top: 1px;*/
}

/*Para que tanto o título da busca quanto sua descricao nao contenha margem*/
#search h4, #search p
{
	margin: 0px;
}

/*para que o titulo da busca, em vermelho e em negrito, tenha um 
espacamento acima, separando assim os resultados da busca*/
#search h4
{
	margin-top: 15px;
}

#search a{display: none;}

/*configuracoes para o titulo de cada resultado da busca*/
#search h4 a
{
	color: #F4140C;
	border: none;
	display: inline;
	font-weight: bold;
}

/*os botoes para navegar entre os resultados
sao os botoes 'proxima pagina', etc*/
#search #botoes
{
	text-align: right;
	/*margin-top: 10px;*/
}

/*para que o texto 'foram achados...' fique ao centro*/
#search em
{
	text-align: center;
	display: block;
	margin-top: 10px;
}

/*********RODAPE*********/
#rodape{clear:both;}
#rodape p
{
	background: no-repeat top left;
	float: left;
	display: block;
	text-align: center;
}

	#rodape p#DireitosAutorais_DireitosAutorais{text-align:center; float: none; display: block; clear: both;}

	#rodape p.rss, #rodape p.pda, #rodape p.print, #rodape p.mapa
	{width: 26px; height: 26px; line-height: 100px; overflow: hidden; margin-left: 15%;}
	
	#rodape p.rss{background-image: url(/Institucional/imagens/icon_rss.gif);}
	#rodape p.pda{background-image: url(/Institucional/imagens/icon_mobile.gif);}
	#rodape p.print{background-image: url(/Institucional/imagens/icon_printer.gif);}
	#rodape p.mapa{background-image: url(/Institucional/imagens/icon_compass.gif);}