/* CSS TEMPLATE PORTAL ESCOLA */
/* CSS Document */	

/*-- ALTERAÇÃO CAMINHO DAS IMAGENS PARA FUNCIONAR NO HTML TESTE --*/
	
body 
{
	text-align: center;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#253c45 url("../../../Aparencia/39/1/Imagens/fundo.jpg") top left repeat-x; /*=*/
	padding-top:8px;
}

/*-- -- ACRESCENTA-SE TEXT-ALIGN:LEFT NA TAB PRINCIPAL PARA NAO ATRAPALHAR AS POSITIONS RELATIVES -- -- */
.tabPrincipal 
{			
	margin:auto;
	width:773px;
	background:#1a2a30 url("../../../Aparencia/39/1/Imagens/meio_princ.jpg") top left repeat-y;			
	overflow: auto;
	text-align:left;
}

/*-- -- MUDANÇA NA CLASS TABLOGO PARA O LOGO FICAR SOBRE O TOPO (ACRESCENTADOS: POSITION, LEFT, TOP E Z-INDEX) -- -- */
/*-- -- ACRESCENTA-SE _MARGIN-TOP NEGATIVA COM UM VALOR COMPATIVEL PARA FUNCIONAR NO IE6 (HACK) NA TABLOGO E TABTOPO-- -- */
.tabLogo
{
	width:169px;
	height:143px;
	float:left;
	text-align:center;
	z-index:10;
	position:relative;
	left:0;
	top:0;
	_margin-top:-45px;
}
.tabTopo 
{
	width:604px;
	height:143px;
      float:right;
    _margin-top:-45px;
}

/*-- -- -- || AS TABCONTEUDO DE TODAS AS APARENCIAS DEVEM TER ALTERAÇÃO NA WIDTH PARA 578PX SE TIVEREM O MENU LATERAL. SEM WIDTH SE OCUPAREM TODO O ESPAÇO -- -- --*/
/*-- -- -- QUANDO NAO TIVER MENU LATERAL TIRAR TAMBEM O VERTICAL-ALIGN:TOP; E FLOAT:LEFT -- -- -- */
.tabConteudo
{			
	/*width:578px;
	vertical-align:top;
	float:left;*/
	height:auto;
}

/*-- -- -- || CRIAÇÃO EM TODAS AS APARENCIAS DE UM ESTILO PARA O #printArea ESTAVA NO HTML E FIXAVA O WIDTH DO CONTEUDO -- -- --*/
/*-- -- -- NO CASO DAS APARENCIAS COM MENU HORIZONTAL O WIDTH DEVER SER 555PX E NO SEM 740PX -- -- --*/
#printArea{
	width: 740px;
	overflow-x: auto; 
	overflow-y: hidden; 
	text-align:left;
}

/*-- -- -- EM TABLOGINMENU COLOCA-SE DISPLAY:NONE -- -- --*/
.tabLoginMenu
{
	width:169px;
	vertical-align:top;
	float:left;
	display:none;
}
/*-.- OPCAO DE RODAPE LARGO, CRIA CLASSE tabRodapeLargo E DEIXA A tabRodape COM DISPLAY:NONE; -.- */
/*-.- || NAS OUTRAS APARENCIAS CRIAR A CLASSE tabRodapeLargo, DEIXANDO ESSA COM DISPLAY:NONE; E SUBSTITUIR NA TAB RODAPE O FLOAT:LEFT POR CLEAR:BOTH -.- */
.tabRodape
{
	width:773px;
	height:auto;
	clear:both;	
}

.tabRodapeLargo{
	/*background-color:gray; */ 
	width:100%; 
	height:10px;
	display:none;
}


/*************************************************************/
	
/*Marcadores*/
ul 
{
}
p{
	font:9pt;
	color:#E1E1E1;
	text-align:justify;
	line-height:12pt;
	padding:0 10px 0 10px;
}

/*LOGO*/
.logo_topo 
{
	height:6px;
	background:url("../../../Aparencia/39/1/Imagens/logo_t.jpg") top left repeat-y;
	
}
.logo
{
	height:137px;
	text-align:center;
	background:url("../../../Aparencia/39/1/Imagens/logo.jpg") top left no-repeat;
	vertical-align:middle;
}
.logo_rodape
{
}
.logo p 
{
}
.imglogo
{
	margin-left:7px;/*=*/
	/*width:159px;
	height:137px; LOGO*/
}	


/*BANNER*/   

.fundo_super{ background-color:#1a2a30;}
.topo_topo 
{
	background:url("../../../Aparencia/39/1/Imagens/banner_t.jpg") top left no-repeat;
	height:6px;
}		
.topo 
{
	background:url("../../../Aparencia/39/1/Imagens/banner.jpg") top left no-repeat;
	width:604px;
	height:137px;
	vertical-align:top;
	overflow:hidden;
}
.topo_rodape 
{
}

.topo p {/*=*/
	color:#ffffff;	font-size:17px;	font-weight:bold;text-align:right;		
}	
	

/*LOGIN*/
/*-- -- COLOCA-SE APENAS DISPLAY: NONE NOS ITENS DE LOGIN(PROPOSTA) PARA QUE NAO APAREÇAM NO MENU -- --*/
/*-- -- E NOS QUE TINHAM ACRESCENTA-SE ANTES .PROPOSTA PARA INDICAR ELE NA PARTE SUPERIOR -- -- */
/*-- -- ACRESCENTA-SE ESTILO A .PROPOSTA E FAZ AS ALTERAÇÕES NECESSÁRIAS NOS RELACIONADOS -- -- */
/*-- -- || NAS OUTRAS APARENCIAS QUE A PROPOSTA FICA JUNTO DO MENU COPIAR OS CONJUNTOS DE CLASSES, COLOCANDO DISPLAY:NONE NA CLASS PROPOSTA E DISPLAY:BLOCK; NO LOGIN NORMAL -- -- */ 
.login_topo, .login_topo2, .login, .login_rodape{
	display:none;
}

.proposta .login_topo,.proposta .login_topo2,.proposta .login,.proposta .login_rodape{
	display:block;
}

.proposta{
	left:443px;
	top:92px;
	position:relative;
	z-index:10;
	width:330px;
	height:0;
}

.login span{
	margin:7px 0 0 23px;
	display:inline-block;
	font-size:12px;
	color:#ffe2b4;
}

.login_topo 
{
	height:10px;
	background:url("../../../Aparencia/39/1/Imagens/login_t.png") top center no-repeat;
	vertical-align:top;
}	
.login_topo2
{
	height:12px;
	background:url("../../../Aparencia/39/1/Imagens/login_t.png") center bottom no-repeat;
	vertical-align:top;
}	
.login 
{
	background:url("../../../Aparencia/39/1/Imagens/login_m.png") top center repeat-y;
	height:24px;
	padding-left:15px;
	
}
.login_rodape 
{		
	height:11px;
	background:url("../../../Aparencia/39/1/Imagens/login_b.png") top center no-repeat;
}	
.login p 
{
}		
/*-.- || TROCAR O TD DAS CLASSES ABAIXO POR SPAN EM TODAS AS APARENCIAS E ACRESCENTAR .TABLOGINMENU ANTES DELAS PARA ESPECIFICAR, NA PRIMEIRA CLASS ADICONAR MARGIN-BOTTOM E DISPLAY BLOCK -.- */
.tabLoginMenu .login span 
{
	color:#ffe2b4;/*=*/
	font-size:11px;
	margin-bottom:10px;
	display:block;
}
.tabLoginMenu .login span a  /*link*/
{
	font-weight:normal;
	font-size:11px;
	color:#ffe2b4;/*=*/
	text-decoration:none;		
}
.tabLoginMenu .login span a:hover
{
	text-decoration: underline;	
}
	
/*MENU*/
.menu_topo 
{
	background:url("../../../Aparencia/39/1/Imagens/menu_t.jpg") top center no-repeat;
	height:12px;
}
.menu
{
	background:url("../../../Aparencia/39/1/Imagens/menu_m.jpg") top center repeat-y;
	font-family:Courier New,Courier,Verdana,Arial,Helvetica,sans-serif;
}	
.menu_rodape 
{
	background:url("../../../Aparencia/39/1/Imagens/menu_b.jpg") top center no-repeat;
	height:8px;
}	
.menu p 
{
}
/*-.- || ACRESCENTAR UM WIDTH 83% NA CLASS .MENU A PARA O MENU FICAR ALINHADO DEPOIS DE TIRAR A TABLE -.- */
.menu a 
{
	/*color:#707274;/*=*/	
	/*font-weight:bold;*/
	text-decoration:none;
	line-height:20px;/*=*/
	width:83%;				
}
.menu a:hover 
{			
	/*color:#DFE5FB;/*=*/
}
.menu_T 
{
	color:#dcceaf;/*=*/
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	margin-left:10px;
	padding-left:14px;
	background:url("../../../Aparencia/39/1/Imagens/bullet.gif") no-repeat;
	background-position:0px 3px; 
	display:block;
	height:20px;
}	

		
.menu_T:hover 		
{	
	color:#154154;/*=*/	
}

/*-- || ACRESCENTAR PADDING-LEFT:32PX DE TODOS OS .MENU_S QUE FOI TIRADO DO HTML --*/
.menu_S 
{
	color:#dcceaf;
	font-size:12px;
	padding-left:32px;
	line-height:20px;
	height:20px;
}
.menu_S:hover 
{		
	color:#154154;	
}
.menu_h1 
{

}

/*.labelFORM{
	color:#B7B7B7;
}*/

.linkFORM{
	color:#5BA7C6;

}

/*-- MENU HORIZONTAL ESTILO --*/
/*-- || EM TODAS AS APARENCIAS SEM MENU HORIZONTAL ACRESCENTAR .MENU_HORIZONTAL{DISPLAY:NONE;} -- */
.menu_horizontal{
	clear:both;
	/*height:46px;*/
	background:#1A2A30 url("../../../Aparencia/39/1/Imagens/menu_horizontal.jpg") repeat-x;
	text-align:left;
}

.menu_horizontal .menu_T{
	background:none;
	display:inline-block;
	padding:0 12px 0 12px;
	margin:0;
	vertical-align:top;
	line-height:52px;
	height:46px;
	background:url("../../../Aparencia/39/1/Imagens/menu_horizontal.jpg") repeat-x;
}

.menu_horizontal .menu_h1{
	width:2px;
	height:46px;
	display:inline-block;
	background:url("../../../Aparencia/39/1/Imagens/divisa.jpg") no-repeat;
}


/*-- --- */

/*TEXBOX - BUTTOM FORM*/
.textBoxFORM{
	border:1px solid #a0a0a0;
	color:#666666;
}

.buttonFORM{
	font-size:10px;
	font-weight:bold;
	border:0px;
	color:#ffe2b4;
	background-color:#366c8a;				
	margin-left:2px;
}

	
/*CONTEÚDO*/	
.conteudo_topo 
{
	background:url("../../../Aparencia/39/1/Imagens/cont_t.jpg") top left no-repeat;
	height:16px;
}
.conteudo 
{
	padding:3px 25px 10px 15px;			
	background:url("../../../Aparencia/39/1/Imagens/cont_m.jpg") top left repeat-y;								
	height:auto; /*AUTO*/
}		
.conteudo_rodape 
{
	height:14px;
	background:url("../../../Aparencia/39/1/Imagens/cont_b.jpg") top left no-repeat;			
}
.conteudo p 
{
}
.conteudo h1 
{
}
.conteudo h2 
{
}
.conteudo h3 
{
}
.conteudo a{
}
		.tituloFerramenta /*Titulo*/
		{   /*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			font-size:18pt;
			font-weight:bold;
			text-decoration:none;
			font-style:normal;
			*/
			font-family:"Verdana"," Arial"," Helvetica"," sans-serif";
			color:#B7B7B7;
			font-size:16pt;
			font-weight:bold;
			text-decoration:none;
			font-style:normal;
			
	

		}
		.subTituloFerramenta{
			font-family:"Trebuchet MS";
			font-weight:bold;
			font-size:12pt;
			/*color:#000000;*/
			color:#B7B7B7;
			text-align:left;
			text-decoration:none;
		}
		a.subTituloFerramenta:Link,a.subTituloFerramenta:visited{
			font-family:"Trebuchet MS";
			font-weight:bold;
			font-size:12pt;
			/*color:#000000;*/
			color:#B7B7B7;
			text-align:left;
			text-decoration:none;	
		}
		a.subTituloFerramenta:active,a.subTituloFerramenta:hover{
			font-family:"Trebuchet MS";
			font-weight:bold;
			font-size:12pt;
			/*color:#000000;*/
			color:#B7B7B7;
			text-align:left;	
			text-decoration:underline;
		}
		.resumoFerramenta{
			font-family:"Trebuchet MS";
			font-size:10pt;
			color:#e1e1e1;
			text-align:justify;
			text-decoration:none;
		}
		/*-.- || ACRESCENTAR A CLASSE ORGANIZADA ABAIXO PARA SE COLOCAR UMA COR DIFERENTE DO RESUMO NO TITULO DAS CAIXAS -.- */
		.resumoFerramenta b span
		{
			color:#ffe2b4;
		}
		.legendaImg{
			font-family:"Trebuchet MS";
			font-size:8pt;
			color:#e1e1e1;
			text-align:left;
			text-decoration:none;
		}
		.textoFerramenta /*Texto*/{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			font-size:10pt;
			font-weight:normal;
			text-decoration:none;
			font-style:normal;
			*/
			font-family:"Verdana"," Arial"," Helvetica"," sans-serif";
			color:#E1E1E1;
			font-size:8pt;
			font-weight:normal;
			text-decoration:none;
			font-style:normal;
			
		

		}
		.dataFerramenta{
			font-family:"Trebuchet MS";
			font-size:8pt;
			color:#e1e1e1;
			text-align:left;
			text-decoration:none;
		}		
		/*a.linkFerramenta:link, a.linkFerramenta:active, a.linkFerramenta:visited /*Link{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10pt;
			color:#006600;
			text-decoration:underline;
			
		}*/
		
		a.linkFerramenta:link{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			font-size:10pt;
			font-weight:normal;
			text-decoration:underline;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#5BA7C6;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		
			

		}
		a.linkFerramenta:active
		{			
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			font-size:10pt;
			font-weight:normal;
			text-decoration:underline;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#5BA7C6;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		}
		a.linkFerramenta:visited
		{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			font-size:10pt;
			font-weight:normal;
			text-decoration:underline;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#336666;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		}
		a.linkFerramenta:hover
		{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			font-size:10pt;
			font-weight:normal;
			text-decoration:none;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#BBBBBB;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		}
		
		.linkFerramenta a:link
		{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			font-size:10pt;
			font-weight:normal;
			text-decoration:underline;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#5BA7C6;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
				
		}
		.linkFerramenta a:active
		{	
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			font-size:10pt;
			font-weight:normal;
			text-decoration:underline;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#5BA7C6;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		}
		.linkFerramenta a:visited
		{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#999999;
			font-size:10pt;
			font-weight:normal;
			text-decoration:underline;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#336666;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		}
		.linkFerramenta a:hover
		{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			font-size:10pt;
			font-weight:normal;
			text-decoration:none;
			font-style:normal;
			*/
			font-family:"Arial"," Verdana"," Helvetica"," sans-serif";
			color:#BBBBBB;
			font-size:8pt;
			font-weight:bold;
			text-decoration:underline;
			font-style:normal;
			
		}
		
		.fundoFerramenta
		{
			/*
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			font-size:10pt;
			font-weight:normal;
			text-decoration:none;
			font-style:normal;
			*/
			font-family:"Verdana"," Arial"," Helvetica"," sans-serif";
			color:#E1E1E1;
			font-size:8pt;
			font-weight:normal;
			text-decoration:none;
			font-style:normal;
			
			background-color:#f0f0f0;
		}

/*RODAPÉ*/	
/*-.- PARA A OPCAO DE RODAPE LARGO AS IMAGENS DEVEM SER ALTERADAS PARA REPEAT-X EM VEZ DE REPEAT-Y -.-*/
.rodape_topo 
{ 
	height:13px;
	background:url("../../../Aparencia/39/1/Imagens/rodape_t.jpg") top right repeat-y;
				
}
.rodape	
{
	color:#dcceaf;/*=*/
	font-weight:bold;
	font-size:10px;
	padding:2px;
	text-align:center;
	background:url("../../../Aparencia/39/1/Imagens/rodape_m.jpg") repeat-y;
	height:30px;
}	
  .rodape	a
{
	color:#dcceaf;/*=*/
	font-weight:bold;
	font-size:10px;
}	

.rodape_rodape 
{
	height:25px;
	background:url("../../../Aparencia/39/1/Imagens/rodape_b.jpg") bottom left repeat-y;
}

.obs{text-align:right; color:#ffe2b4; width:98%; float:right;}

hr{color:#ffe2b4; width:98%;}

.imprimir{font-family: Tahoma; font-size: 10px; color: #ffe2b4;}
		
	/*Caixas Iniciais*/	
		.caixa11 
		{		
			padding:0px 0px 0px 0px;/*top right botton left*/		
			_padding:5px 5px 5px 5px;/* essa linha funciona no IE6 *//*top right botton left*/			
			text-align:center;
			vertical-align:top;
			background:url("../../../Aparencia/39/1/Imagens/Caixa/Caixa11.jpg") no-repeat;
		}	
		
		.caixa11, x:-moz-any-link, x:default 
		{
			padding:0px 0px 0px 0px;/* essa linha funciona no Firefox3 *//*top right botton left*/
			*padding:5px 5px 5px 5px;} /* essa linha funciona no IE7 *//*top right botton left*/ 
			
		.caixa12 
		{			
			padding:0px 0px 0px 0px;/*top right botton left*/		
			_padding:5px 5px 5px 5px;/* essa linha funciona no IE6 *//*top right botton left*/			
			text-align:center;
			vertical-align:top;
			background:url("../../../Aparencia/39/1/Imagens/Caixa/Caixa12.jpg") no-repeat;
		}
		
		.caixa12, x:-moz-any-link, x:default 
		{
			padding:0px 0px 0px 0px;/* essa linha funciona no Firefox3 *//*top right botton left*/
			*padding:5px 5px 5px 5px;} /* essa linha funciona no IE7 *//*top right botton left*/ 
				
		.caixa13 
		{			
			padding:0px 0px 0px 0px;/*top right botton left*/		
			_padding:5px 5px 5px 5px;/* essa linha funciona no IE6 *//*top right botton left*/			
			text-align:center;
			vertical-align:top;
			background:url("../../../Aparencia/39/1/Imagens/Caixa/Caixa13.jpg") no-repeat;
		}	
		
		.caixa13, x:-moz-any-link, x:default 
		{
			padding:0px 0px 0px 0px;/* essa linha funciona no Firefox3 *//*top right botton left*/
			*padding:5px 5px 5px 5px;} /* essa linha funciona no IE7 *//*top right botton left*/ 
			
		.caixa21 
		{	
			padding:0px 0px 0px 0px;/*top right botton left*/		
			_padding:5px 5px 5px 5px;/* essa linha funciona no IE6 *//*top right botton left*/			
			text-align:center;
			vertical-align:top;
			background:url("../../../Aparencia/39/1/Imagens/Caixa/Caixa21.jpg") no-repeat;
		}	
		
		.caixa21, x:-moz-any-link, x:default 
		{
			padding:0px 0px 0px 0px;/* essa linha funciona no Firefox3 *//*top right botton left*/
			*padding:5px 5px 5px 5px;} /* essa linha funciona no IE7 *//*top right botton left*/ 
			
		.caixa22 
		{	
			padding:0px 0px 0px 0px;/*top right botton left*/		
			_padding:5px 5px 5px 5px;/* essa linha funciona no IE6 *//*top right botton left*/			
			text-align:center;
			vertical-align:top;
			background:url("../../../Aparencia/39/1/Imagens/Caixa/Caixa22.jpg") no-repeat;
}
		.caixa22, x:-moz-any-link, x:default 
		{
			padding:0px 0px 0px 0px;/* essa linha funciona no Firefox3 *//*top right botton left*/
			*padding:5px 5px 5px 5px;} /* essa linha funciona no IE7 *//*top right botton left*/
				

/*Geral politica de privacidade acima do topo*/
.linkPolitica a, .linkPolitica a:visited{
	color:#FFE2B4;
}

.linkPolitica a:hover{
	text-decoration:underline;
}