
/*		ESTRUTURAL		*/
body{	margin:0; font-family:Verdana, Arial, Helvetica; font-size:11px; background:#DCE8DF;	}

#educ_geralexterno{		}

.hphome{	width:780px;	}

#educ_cabecalho{		background:url(../imagens/estrutura/topo_princ_bg.png) no-repeat center bottom; height:204px;	}

#bg_barrass{	background:url(../imagens/estrutura/bg_ss.png) repeat-x 0 0; height:27px;	}

#barrass{	height:27px; position:relative;	}


/*=Logins*/
#bg_barrass #login .fonts{
	color:#333;
	width:92px;
	background:url(/esc_include/imagens/templates/2010/bg_campos.gif) repeat-x;
	border:2px solid #E9E9E9;
	height:13px;	}

#bg_barrass #senha .fonts{
	color:#333;
	width:92px;
	background:url(/esc_include/imagens/templates/2010/bg_campos.gif) repeat-x;
	border:2px solid #E9E9E9;
	height:13px;	}

#bg_barrass .okFonts{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	background:url(../imagens/estrutura/ok_ss.png) no-repeat 0 0;
	border:none;
	padding:1px 1px 4px 0;
	cursor:pointer;
	width:24px;
	height:22px;	}

#bg_barrass #login{
	position:absolute;
	left:400px; /*=left:320px;*/
	top:3px; /*=top:40%;*/ }

#bg_barrass #senha{
	position:absolute;
	left:500px; /*=left:420px;*/
	top:3px; /*=top:40%;*/ }

#bg_barrass #okS{
	position:absolute;
	left:600px; /*=left:525px;*/
	top:2px; /*=top:40%;*/ }

#bg_barrass #esqueci{
	position:absolute;
	top:3px; /*=top:55%;*/
	left:640px; /*=left:320px;;*/
	width:120px;
	line-height:22px;
	text-align:right;	}

#bg_barrass #esqueci a{
	font-size:10px;
	color:#FFF;
	text-decoration:none;	}

#bg_barrass #esqueci a:hover{	color:#CCC; text-decoration:underline;	}
#bg_barrass #esqueci a:active{	color:#333;	}

#bg_barrass #logoff{
	position:absolute;
	left:700px;
	top:3px;
	width:40px;
	line-height:22px;
	text-align:right;
	border-left:1px solid #CCC;	}

#bg_barrass #logoff a{
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;	}

#bg_barrass #logoff a:hover{	color:#999; text-decoration:underline;	}

#bg_barrass #logoff a:active{	 color:#333;	}

#bg_barrass #ServPessoais{	position:relative;	}

#bg_barrass #ServPessoais a{
	float:left;
	color:#333;
	text-decoration:none;
	padding:3px 5px;
	margin:3px;
	border:1px solid #CCC;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	}

#bg_barrass #ServPessoais a.reco{
	padding-right:22px;
	background-position:3px 2px;
	background-repeat:no-repeat;
	background:#FFF url(/esc_include/imagens/templates/2010/reco.gif) no-repeat 66px 2px ;	}

#bg_barrass #ServPessoais a.joia{
	background:url(/esc_include/imagens/templates/2010/reco.gif) no-repeat center top;
	padding:3px 10px;
	margin-left:-6px;
	border:1px solid #CCC;	}

#bg_barrass #ServPessoais a:hover{	color:#999; background-color:#fff;	}

#bg_barrass #ServPessoais a.meuper{
	-moz-border-radius-topright:5px; 
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topleft:0px; 
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-bottomleft:0px; 
	-webkit-border-bottom-left-radius:0px;	}

#bg_barrass #ServPessoais a.meuper span{	
	background:#CCC;
	padding:3px 5px;	}

#bg_barrass #ServPessoais a:hover.meuper span{	color:#333;	}

#bg_barrass #ServPessoais a.meuper img{	margin:-3px 0px -6px -5px;	}

#bg_barrass #ServPessoais a.add{
	-moz-border-radius-topright:5px; 
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topleft:0px; 
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-bottomleft:0px; 
	-webkit-border-bottom-left-radius:0px;	}

#bg_barrass #ServPessoais a:active{	 color:#333;	}

#bg_barrass #ServPessoais a.favs{
	padding-left:22px;
	background:url(/esc_include/imagens/templates/2010/star.png) no-repeat 3px 2px;	}

#bg_barrass #ServPessoais a.add{
	background:url(/esc_include/imagens/templates/2010/add.gif) no-repeat 0 0;
	padding:3px 10px;
	margin-left:-6px;
	border:1px solid #CCC;	}

#bg_barrass #ServPessoais.relativa{	
	position:relative;
	float:left;	}

	/*********************************************************************************************************************************************/


.centraliza_res{	width:780px; margin:auto;	}

#educ_conteudo{	width:631px; float:right;	}

#bg_barraescolas{	/*background:url(../imagens/estrutura/topo_princ_bg.png) no-repeat 0 0; height:204px;*/	}

#topo{	background:url(../imagens/estrutura/topo_princ2.png) no-repeat 140px 5px; height:180px;	}

#educ_bgcorpo{	background:url(../imagens/estrutura/bg_geral.png) repeat-x center top;	}

#educ_corpo{	background:#FFF;	}

#hpconteudo_interna{	background:#FFF; padding:18px; margin:0; min-height:350px;	}

#hpconteudo_interna a{	color:#333; text-decoration:none;	}

#hpconteudo_interna a:hover{	text-decoration:underline;	}

#educ_rodape{	background:url(../imagens/estrutura/bg_rodape_sup.png) no-repeat center top #6CAAAD; height:130px;	}

#educ_rodape p{	padding:30px 0; color:#FFF; font-size:10px; text-align:center; margin:0;	}


/* GERAL */

#hpinterna{	width:630px; float:right; background:url(../imagens/internas/interna_bg.jpg) no-repeat; min-height:525px;	}

.hpinternaconteudo{	clear:both;	}

/* PAGINAS INTERNAS */

#hpconteudo_interna h1{	font-size:14px; color:#399; font-weight:bold; text-transform:uppercase;	}
#hpconteudo_interna h2{	color:#399; font-weight:bold; line-height:30px; font-size:12px;	}

#hpconteudo_interna ul{	margin:0 0 15px -10px;	}

/* HP INTERNA TEXTO - FORMATAR TEXTOS */

.hpinternatexto{	/* Essa não pode ter BACKGROUND, nem HEIGHT. Pois é utilizada em qualquer lugar que tenha texto das páginas internas */
	padding:18px; font-size:10px; color:#333; text-align:justify; line-height:15px;	}

.hpinternatexto a:link, .hpinternatexto a:active, .hpinternatexto a:visited{	text-decoration:none; color:#F90;	}

.hpinternatexto a:hover{	text-decoration:none; color:#FC0;	}

/* HP INTERNA TEXTOTABLE - FORMATAR TABELAS DAS PÁGINAS INTERNAS */

.hpinternatextotable{	font-size:10px; width:100%; background-color:#FFC; border-top:solid 1px #CC0; border-left:solid 1px #CC0;	}

.hpinternatextotable tr th{
	padding:2px;
	border-right:solid 1px #CC0;
	border-bottom:solid 1px #CC0;
	text-align:center;
	font-weight:bold;
	background-color:#F90;
	color:#FFF;	}

.hpinternatextotable tr td{
	padding:2px;
	border-right:solid 1px #CC0;
	border-bottom:solid 1px #CC0;
	text-align:center;
	color:#333;	}

.hpinternatexto img{	margin:0 8px 8px 0; border:1px solid #333;	}

/*		CALENDÁRIO		*/

.calendarioEventos{
	font-family:Verdana, Arial; font-size:10px; width:180px; text-align:center;
	color:#333; padding:2px 1px; margin:15px 34px; border:1px solid #a7c4d2;	}

.calendarioEventos a{	text-decoration:none; color:#666;	}

.calendarioEventosADM{	font-family:Verdana, Arial; font-size:10px; color:#333; padding:2px 1px;	}

.calendarioEventosADM input, textarea{	font-family:Verdana, Arial; font-size:10px; color:#333;	}

.calendarioEventos_titMes{	font-weight:bold; font-size:12px; text-align:center; color:#FFF; padding:2px 1px; background:#a7c4d2;	}

.calendarioEventos_SegundaSexta{	color:#83a5b5;	}
.calendarioEventos td{	}
.calendarioEventos_titCabeSemana td{	font-weight:bold; color:#83A5B5;	}

.calendarioEventos_domingo, .calendarioEventos_sabado{	color:#597A8A;	}

.clasdiv{	padding:5px 4px;	}

.acima3Eventos{	color:#000; background:url(http://www.educacional.com.br/esc_include/CalEventos/img/fundo.gif) no-repeat 0 0;	}

.CalEventos_Legenda{	font-family:Verdana, Arial; font-size:9px; border:1px solid #A7C4D2; width:550px; margin:15px 0 0 100px;	}

.cssGeral{	font-family:Verdana, Arial; font-size:12px;	}

.cssBordaTd{	border:1px solid #000; padding:5px;	}

.cssTab{	font-size:10px; font-family:Verdana, Arial;	}

.exibeDadosEvento{	font-family:Verdana, Arial; font-size:10px; color:#333; margin:8px;	}

/*************************************************
CSS responsável pela DIV do mouseOver
*************************************************/

.tooltip{
	position:absolute; padding:2px; z-index:2; display:block; width:150px; color:#000; background-color:#E8E8E8;
	border:1px solid #FC0; font-family:sans-serif; font-size:10px; line-height:18px; text-align:center;	}

.tooltip a{ text-decoration:none; color:#930;	}

/*		FIM CALENDÁRIO		*/


/* HP INTERNA VOLTAR - FORMATAR O VOLTAR DA PÁGINA INTERNA */

#hpinternavoltar{	float:right; margin:41px 25px 0 0; padding:0;	}
#hpinternavoltar img{	float:right; margin:0;	}

#voltar{	width:750px; height:85px; margin-right:20px; background:url(../imagens/internas/bg_voltar.png) no-repeat right top;	}


/* CÓDIGOS */
pre{	font-family:Arial, Helvetica, sans-serif; color:#F00;	}

code{	font-size:12px; color:#666; word-break:break-all;	}

/* TERMOS */

#termosGeral{	background-color:#04486D; width:100%;	}

#termos{	width:780px;	}

#termos table{	margin-top:20px;	}

#termos_titulo{
	background:url(../imagens/termos/fundo_titulo.png) no-repeat center;
	width:244px;
	height:25px;
	padding-left:15px;
	font:bold 12px Arial, Verdana;
	text-align:justify;
	color:#CAE4F1; /* cor dos titulos */	}

#termos ul{	margin:0; padding:0; width:245px !important; font:11px Arial, Verdana, Helvetica; color:#ADDCF6; /* cor dos conteudos abaixo dos titulos */	}

#termos li{	list-style-position:inside; list-style-type:square; margin:2px 3px 0 12px;	}

#termos li a:link, #termos li a:visited, #termos li a:active{
	color:#ADDCF6; /* cor dos links do conteudos abaixo dos titulos */
	text-decoration:none;	}

#termos li a:hover{
	color:#1B6289; /* cor dos links do conteudos abaixo dos titulos */
	text-decoration:none;	}

#termos hr{
	color:#1B6289; /* cor das linhas que dividem os conteudos */
	background-color:#1B6289; /* cor das linhas que dividem os conteudos */
	height:1px; 
	border:0;
	width:230px;	}

#linha_divisoria hr{	width:100%;	}

#topo_interna{	background:url(../imagens/internas/topo_interna_bg.png) no-repeat 0 0; height:142px; margin:0; padding:0;	}
#topo_interna img{	margin:50px 0 0 450px; padding:0; border:none;	}

#menu{	width:780px;	}

#mescola{	float:left; padding:0; margin:0; list-style:none; position:relative;	}
#mescola ul{	padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:0;	}
#mescola table{	border-collapse:collapse;	}

#mescola ul{}
#mescola li{	padding:0; float:left; margin:0px;	}
#mescola li a{	text-align:center; display:block; float:left; color:#fff; line-height:22px; font-size:10px; text-decoration:none; font-weight:bold;	}
#mescola li a.fly{}

#mescola li:hover, #mescola li a:hover{	position:relative;	}
#mescola li:hover > a{	color:#fff;	}

#mescola ul li a{	border:1px solid #3B8F98; background:#34838D; width:155px; padding:0 10px; text-align:left;}
#mescola ul li a.fly{}
#mescola ul ul li a{	background:#fff;	}
#mescola ul ul li a.fly{}
#mescola ul ul ul li a{	background:#fff;	}

#mescola li a.current, #mescola ul li a.current, #mescola ul ul li a.current, #mescola ul ul ul li a.current{
	background-color:#FF9721; color:#fff;	}

#mescola :hover ul, #mescola :hover ul :hover ul, #mescola :hover ul :hover ul :hover ul{	top:22px; left:5px;	}

#mescola :hover ul ul, #mescola :hover ul :hover ul ul{	left:-9999px;	}

#mescola ul li:hover > a{	background-color:#FF9721; color:#fff;	}
#mescola ul ul li:hover > a{	background-color:#FF9721; color:#fff;	}

		.tab1 a{		background:url(../imagens/estrutura/menu_topo_home.png) no-repeat top; width:58px;  	}
		.tab1 a:hover{	background:url(../imagens/estrutura/menu_topo_home.png) no-repeat bottom;	}
		
		.tab2 a{		background:url(../imagens/estrutura/menu_topo_colegio.png) no-repeat center top;	width:60px;  	}
		.tab2 a:hover{	background:url(../imagens/estrutura/menu_topo_colegio.png) no-repeat center bottom;	}
		
		.tab3 a{		background:url(../imagens/estrutura/menu_topo_formacao.png) no-repeat center top; width:80px; 	}
		.tab3 a:hover{	background:url(../imagens/estrutura/menu_topo_formacao.png) no-repeat center bottom;	}
		
		.tab4 a{		background:url(../imagens/estrutura/menu_topo_ativDesp.png) no-repeat center top;width:153px; 	}
		.tab4 a:hover{	background:url(../imagens/estrutura/menu_topo_ativDesp.png) no-repeat center bottom;	}
		
		.tab5 a{		background:url(../imagens/estrutura/menu_topo_associac.png) no-repeat center top;width:112px; 	}
		.tab5 a:hover{	background:url(../imagens/estrutura/menu_topo_associac.png) no-repeat center bottom;	}
		
		.tab6 a{		background:url(../imagens/estrutura/menu_topo_mural.png) no-repeat center top;width:53px; 	}
		.tab6 a:hover{	background:url(../imagens/estrutura/menu_topo_mural.png) no-repeat center bottom;	}

		.tab7 a{		background:url(../imagens/estrutura/menu_topo_servicos.png) no-repeat center top;width:68px; 	}
		.tab7 a:hover{	background:url(../imagens/estrutura/menu_topo_servicos.png) no-repeat center bottom;	}
		
		.tab8 a{		background:url(../imagens/estrutura/menu_topo_contato.png) no-repeat center top;	width:64px; }
		.tab8 a:hover{	background:url(../imagens/estrutura/menu_topo_contato.png) no-repeat center bottom;	}

		.tab9 a{		background:url(../imagens/estrutura/menu_topo_portalEd.png) no-repeat center top;width:132px; 	}
		.tab9 a:hover{	background:url(../imagens/estrutura/menu_topo_portalEd.png) no-repeat center bottom;	}


/*		GALERIA DE FOTOS		*/

.galeria{	width:100%;	} /* tamanho da tabela */
.galeria img{	border:1px solid #000;	} /* borda das imagens*/
.galeria td{	padding:8px 0 8px 0; text-align: center;	} /* espaçamento das células*/
.galeria tfoot td{	padding:2px 0; text-align:center; color:#f60;	} 

.galeria tfoot a, .galeria tfoot a:active{
	text-decoration:none; border:1px solid #c9c9c9; padding:0 5px; background:#f1f1f1; line-height:17px; font:bold 10px Verdana, Arial; color:#666;	} 

.galeria tfoot a:visited{	color:#999;	}
.galeria tfoot a:hover{	border:1px solid #F60; background:#fff;	}
