* { margin: 0; padding: 0; }

body {	
				background-image: url(imagens/Untitled-1.jpg);
				background-repeat:repeat-x;
				background-position: center top;
				text-align: center;
				font: 70% "Trebuchet MS", Verdana, Arial, Tahoma;
				background-color: #395c8c;
				color: #666666;
}


ul { 

				list-style: none;
		
 }
 
 
p {		

				margin-bottom: 10px;

}


h1 { 

				margin-bottom: 5px;
				color: #69A90A;
				font-size: 170%;
		
}


h2 {

				margin-bottom: 2px;
				color: #81C281;
				font-size: 150%;
		
}


h3 {

				color: #709AFE;
				font-size: 130%;
		
}

hr {height: 1px; border-color: #FFFFFF; border-width: 0; border-top-width: 1px;}


#geral {	

				margin: 0 auto;
				width: 780px;
}

#menu {

				margin-top: 24px;
				width: 780px;
		
		}

#menu ul { 

				height: 1%; 
				display: table;
			
			 }


#menu ul li { 
				
				float: left; 
				margin: 0 4px;
				
}
	
				 
#menu ul li.primeira { 
						
				margin-left: 0;
				
}


#menu ul li a { 	
					
				display: block;
				float: left;
				padding: 5px 12px;
				background-color: #E00000;
				color: #FFFFFF;
				font-weight: bold
				
}


#menu ul li a.selecionado, #menu ul li a:hover { 
													
				background-color: #FFFFFF;
				color: #999999;
				text-decoration: none;
													
}



/*MEU CODIGO*/

#topo {

				width: 780px;
				height: 140px;
				margin-top: 22px;
				
}

#logotipo {
			
				width: 140px;
				height: 140px;
				background: url(imagens/logotipo.jpg);
				float: left;
				
}

			
#banner {
			
				width: 468px;
				height: 150px;
				/*background: url(imagens/atencao.jpg);*/
				float: right;
				/*margin-top: 37px;*/
				margin-top: -41px;
				
			
}

#banner-120 {
			
				width: 468px;
				height: 120px;
				/*background: url(imagens/atencao.jpg);*/
				float: right;
				margin-top: -30px;
				
			
}

			
#nome {

				width: 250px;
				height: 28px;
				background: url(imagens/nomecolegio.jpg);
				float: right;
				margin-top: 10px;
		
}


#conteudo { 
			
				width: 100%;
				height: 915px;
				position: relative;
				background-color: #FFFFFF;
				color: #666666;
				padding: 10px;
				margin: 0;
				
			
}



			
#centro {
			
				width: 650px;
				height: 155px;
				float: left;
				
			
			
}

#centro-int {
			
				width: 640px;
				height: 350px;
				float: left;
				
			
			
}

#centro-int-80 {
			
				width: 640px;
				height: 80px;
				float: left;
				
			
			
}


			
#noticias{
			
				width: 300px;
				float: left;
				padding: 0px 10px 0px 0px;
				margin-left: 0px;
				
				
}
			

#noticias img {
							
				
				margin-top: 5px;
				
}

#online {

		width: 300px;
		margin-left: 4px;

}

#esq {
		width: 124px;
		padding: 8px 8px 8px 0px;
		float: left;

}

#esq img{
		border: none;

}

#dir {
		width: 124px;
		padding: 8px 15px 8px 0px;
		float: right;
		
}

#dir img{
		border: none;

}


#vestibular {
		width: 296px;
		float: left;
		margin-top: 5%;
		
		
		

}

#vestibular img {
		
		border-top: #CCCCCC solid 2px;
		border-left: #CCCCCC solid 2px;
		border-right: #CCCCCC solid 2px;
		border-bottom: #CCCCCC solid 2px;

}


#segmento {

							
				width: 295px;
				padding: 9px;
				margin: 8px 0px 5px 0px;
				background: #FCFCFC;
				border: #CCCCCC 2px solid;
				color: #666666;
				font-size: 11px;
				text-align: left;
				line-height: 16px;
				float: left;
				
}


#segmento h3 {

				font-size: 16px;
				text-transform: uppercase;
				color: #FF3333;
				font-weight: bold;

}

#segmento img {margin-left: 0px;}




#meio {
				width: 320px;
				float: left;
				margin-left: 10px;
				
				
				
}
		

#meio img {
							
				margin-left: -1px;
				margin-top: 5px;
				
}

#convenio {
			
			padding: 10px;
}


		
#direita {
			
				width: 120px;
				float: left;
				height: 100%;
				margin-left: 20px;
				margin-top: -155px;
				
			
						
}	

#direita-int {
			
				width: 120px;
				float: left;
				height: 100%;
				margin-left: 20px;
				margin-top: -350px;
				
			
						
}	

#direita-int-80 {
			
				width: 120px;
				float: left;
				height: 100%;
				margin-left: 20px;
				margin-top: -80px;
				
			
						
}

#direita-colegio {
			
				width: 120px;
				float: left;
				height: 100%;
				margin-left: 20px;
				margin-top: 7px;
				
			
						
}	

#footer {

				width: 100%;
				height: 110px;
				position: relative;
				float: left;
				margin-top: -125px;
				border: #87222D solid 1px;

}

#unidades {

				width: 298px;
				float: left;
				padding: 5px;
				background: url(imagens/bg_footer.jpg);


}

#unidades h4 {

				text-transform: uppercase;
				color: #FFFFFF;
				text-align: left;
				font-size: 120%;


}

#unidades hr {
				
				color: #FFFFFF;
				
}

#unidades-um {

				width: 30%;
				position: relative;
				float: left;
				color: #003366;
				margin-right: 10px;

}

#unidades-um a {

				color: #FFFFFF;
				text-decoration: none;

}

#unidades-um a:hover {

				color: #FFCC00;
				text-decoration: none;

}

#unidades-um ul{

				float: left;
				text-align: left;

}

#unidades-dois {

				width: 30%;
				position: relative;
				float: left;
				color: #003366;

}

#unidades-dois a {

				color: #FFFFFF;
				text-decoration: none;

}

#unidades-dois a:hover {

				color: #FFCC00;
				text-decoration: none;

}

#unidades-dois ul{

				float: left;
				text-align: left;

}

#unidades-tres {

				width: 30%;
				position: relative;
				float: left;
				color: #003366;

}

#unidades-tres a {

				color: #FFFFFF;
				text-decoration: none;

}

#unidades-tres a:hover {

				color: #FFCC00;
				text-decoration: none;

}

#unidades-tres ul{

				float: right;
				text-align: left;

}


#img-unidades {

				width: 472px;
				height: 110px;
				background: url(imagens/foto_rodape.jpg);
				float: left;

}





			
#rodape { 
				text-align: center;
				padding: 10px;
				color: white; 
				clear: both;
				
}


#rodape a { 
			
				color: #FFCC00;
				
}
			
#rodape a:hover {
 
				text-decoration: none;
				
}


/****O COLÉGIO****/

#acontece {

			padding-left: 5px


}

#acontece img {

				border: #CCCCCC solid 2px;

}

#palavra-diretora {
				width: 295px;
				padding: 9px;
				margin: 8px 0px 5px 9px;
				background: #FFFFFF;
				border: #DDDDDD 2px dashed;
				color: #666666;
				font-size: 11px;
				text-align: left;
				line-height: 14px;
				float: left;

}

#palavra-diretora h3 {

				font-size: 16px;
				text-transform: uppercase;
				color: #FF3333;
				font-weight: bold;
				letter-spacing: 0px;

}

#palavra-diretora img {margin-left: -3px;}

#palavra-diretora .palavra {
margin-left: 2px; font-style: italic; font-size: 12px; line-height: 16px; }


/***APROVADOS***/



/***FIQUE LIGADO***/

#fiqueligado {

				width: 295px;
				padding: 7px;
				margin: 8px 0px 5px 0px;
				background: #FCFCFC;
				border: #CCCCCC 2px solid;
				color: #666666;
				font-size: 11px;
				text-align: left;
				line-height: 14px;
				float: left;
				
}


#fiqueligado h3 {

				font-size: 20px;
				text-transform: uppercase;
				color: #FF3333;
				font-weight: bold;
				letter-spacing: -1px;

}

.item-um {
				width: 95%;
				padding: 3px 3px 0px 0px;
				border-bottom: #CCCCCC dashed 1px;
				margin-bottom: 5px;

}

.item-um p {
				
				margin-left: 3px;
				
				

}

#fiqueligado-dois {

				width: 295px;
				padding: 7px;
				margin: 8px 0px 5px 5px;
				background: #FCFCFC;
				border: #CCCCCC 2px solid;
				color: #666666;
				font-size: 11px;
				text-align: left;
				line-height: 14px;
				float: left;
				
}


#fiqueligado-dois h3 {

				font-size: 20px;
				text-transform: uppercase;
				color: #FF3333;
				font-weight: bold;
				letter-spacing: -2px;

}

#fiqueligado-ler {

				width: 630px;
				padding: 7px 0px 7px 0px;
				margin: 8px 0px 5px 5px;
				
				
				color: #666666;
				font-size: 12px;
				text-align: left;
				line-height: 16px;
				float: left;
				
}

#fiqueligado-ler h2 {

				font-size: 24px;
				text-transform: capitalize;
				color: #999999;
				font-weight: bold;
				letter-spacing: -2px;

}

#fiqueligado-ler ul {
				list-style: inside;
				margin-left: 10px;

}

/*PRE-VESTIBULAR*/

#palavra-vestibular {
				width: 295px;
				padding: 8px;
				margin: 8px 8px 5px 0px;
				background: #FFFFFF;
				border: #DDDDDD 2px dashed;
				color: #666666;
				font-size: 11px;
				text-align: left;
				line-height: 14px;
				float: left;

}

#palavra-vestibular h3 {

				font-size: 16px;
				text-transform: uppercase;
				color: #FF3333;
				font-weight: bold;
				letter-spacing: 0px;

}

#palavra-vestibular img {margin-left: -3px;}

#palavra-vestibular p {line-height: 16px; font-size: 11px; padding: 0px 2px 0px 2px; text-align: justify;}

#palavra-vestibular .palavra {
margin-left: 2px; font-style: italic; font-size: 12px; line-height: 16px; }

#col-vestibular .normal {
list-style: disc; margin-left: 15px; margin-top: 10px;}

#col-vestibular {
				width: 295px;
				padding: 8px;
				margin: 8px 0px 5px 8px;
				background: #FFFFFF;
				border: #DDDDDD 1px solid;
				color: #666666;
				font-size: 11px;
				text-align: left;
				line-height: 14px;
				float: left;

}

#col-vestibular h3 {

				font-size: 16px;
				text-transform: uppercase;
				color: #FF3333;
				font-weight: bold;
				letter-spacing: 0px;

}

#col-vestibular img {margin-left: -1px;}

#col-vestibular p {line-height: 16px; font-size: 11px; padding: 0px 5px 0px 5px; text-align: justify;}

/*CORPO DOCENTE*/

#conteudo-doc { width: 100%; height: 2450px; position: relative;	background-color: #FFFFFF;	color: #666666;
				padding: 10px;	margin: 0;}
				
				#conteudo-doc span {font-size: 10px;}

#topo-galeria { width: 100%; height: 80px; margin: 0; padding: 0; float: left; color: #FFFFFF;}

#galeria-um {width: 147px; float: left; margin: 10px 5px 10px 0px;}

.gal-um {height: 215px; padding: 5px; border: #CCCCCC dashed 1px; background: #EEEEEE; margin-bottom: 10px;  }

.gal-um h4 {text-transform: uppercase; margin-top: 3px;}

.gal-um img {padding: 2px; border: #003399 groove 1px; margin-top: 3px; margin-bottom: 3px;}



#galeria-dois {width: 147px; height: 80px; background: #CCCCCC; float: left; margin: 10px 5px 10px 5px;}

.gal-dois {height: 215px; padding: 5px; border: #CCCCCC dashed 1px; background: #EEEEEE; margin-bottom: 10px;  }

.gal-dois h4 {text-transform: uppercase; margin-top: 3px;}

.gal-dois img {padding: 2px; border: #003399 groove 1px; margin-top: 3px; margin-bottom: 3px;}



#galeria-tres {width: 147px; height: 80px; background: #CCCCCC; float: left; margin: 10px 5px 10px 5px;}

.gal-tres {height: 215px; padding: 5px; border: #CCCCCC dashed 1px; background: #EEEEEE; margin-bottom: 10px;  }

.gal-tres h4 {text-transform: uppercase; margin-top: 3px;}

.gal-tres img {padding: 2px; border: #003399 groove 1px; margin-top: 3px; margin-bottom: 3px;}



#galeria-quatro {width: 147px; height: 80px; background: #CCCCCC; float: left; margin: 10px 5px 10px 5px;}

.gal-quatro {height: 215px; padding: 5px; border: #CCCCCC dashed 1px; background: #EEEEEE; margin-bottom: 10px;  }

.gal-quatro h4 {text-transform: uppercase; margin-top: 3px;}

.gal-quatro img {padding: 2px; border: #003399 groove 1px; margin-top: 3px; margin-bottom: 3px;}



#galeria-cinco {width: 147px; height: 80px; background: #CCCCCC; float: left; margin: 10px 5px 10px 5px;}

.gal-cinco {height: 215px; padding: 5px; border: #CCCCCC dashed 1px; background: #EEEEEE; margin-bottom: 10px;  }

.gal-cinco h4 {text-transform: uppercase; margin-top: 3px;}

.gal-cinco img {padding: 2px; border: #003399 groove 1px; margin-top: 3px; margin-bottom: 3px;}


/*INFORMATIVOS*/

.imagem-fundo dt {
		color: #000;
		font-weight: bold;
		padding: 0;
		}

	.imagem-fundo dd {
		margin: 0 0 1em 0;
		padding: 0 0 0 10px;
		background-image: url(imagens/arrow.gif);
		background-repeat: no-repeat;
		background-position: 0 .5em;
		}

/*FUNDAMENTAL UM*/

#conteudo-f1 { 
			
				width: 100%;
				height: 1400px;
				position: relative;
				background-color: #FFFFFF;
				color: #666666;
				padding: 10px;
				margin: 0;
				
			
}

.normal {list-style: inside;}


/*GALERIA*/

#galeria {
width: 640px;
height: auto;
float: left;
}

#gal-um {
width: 47%;
height: auto;
float: left;
padding: 5px;
margin-top: 5px;
border: #CCCCCC dashed 1px;

}

	#gal-um img {
	border: #999999 1px solid;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	}
	
	#gal-um hr {
	margin-top: 15px;
	margin-bottom: 10px;
	}
	

#gal-dois {
width: 47%;
height: auto;
float: right;
padding: 5px;
margin-top: 5px;
border: #CCCCCC dashed 1px;

}

	#gal-dois img {
	border: #999999 1px solid;
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	}
	
	#gal-dois hr {
	margin-top: 15px;
	margin-bottom: 10px;
	}
	
	
	
		.tit-gal {
		text-align: left;
		font-size: 15px;
		color: #0033CC;
		
		}
				
		.desc-gal {
		text-align: left;
		font-size: 10px;
		line-height: 14px;
		margin-top: 5px;
		}
		
#navigation {
width: 100%;
margin-top: 10px;
margin-bottom: 7px;
padding: 0px;
text-align: left;
font-size: 10px;
}

#navigation ul {
text-decoration: none;
padding: 0; margin: 0;
}

#navigation ul li {
display: inline;
margin-right: 5px;

}

#navigation ul li a {
text-decoration: none;
background: #E1E1E1;
padding: 5px;
}

#navigation ul li a:hover {
text-decoration: underline;
background: #666666;
padding: 5px;
}