/* Documento CSS */

/*--------------------------------------------------------------
                    Tags html
--------------------------------------------------------------*/

 body {
	font:09pt Verdana, Arial, Tahoma;
	color:#7ABCDE;
	background-color:#013360;
	background-image:url("http://www.colegiocpi.com.br/images/bg_geral.gif");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	text-align: center;
    }
a{font-family:  Arial,  verdana, tahoma ;  color:#FF3300; text-decoration:none;}

a:hover{font-family:  Arial,  verdana, tahoma ;   text-decoration:underline;}
	
form{ margin:0px; padding:0px;}

h1{ font-size: 15pt; font-family:  Arial,  verdana, tahoma ;  color:#FF3300; margin: 0px 0px;}

h2{ font-size:10pt;}

p{margin:10px 0px;}

hr{ border:1px #333333 dashed; height:1px; float:left;}

input.topo, select.topo { 
	background-color:#FFEEDD; 
	border:1px #FF9900 solid;
	font:normal 8pt  Arial, Helvetica, sans-serif;
	color:#333333;
	width:140px;
	margin:1px 1px;
	}
	


/*p{ margin: 10px 0px 5px 0px;}*/
/*--------------------------------------------------------------
                    divs
--------------------------------------------------------------*/
#geralzao{ 
	position:relative;
	background:#FFFFFF;
	padding:0px 0px 5px 0px;
	width: 778px; 	
	text-align: left; 
	border:0px #000000 solid;
	margin: 0 auto;
	}
	
#geral{ 
	position:relative;
	background:#FFFFFF;
	padding:0px 0px 5px 0px;
	width: 778px; 	
	text-align: left; 
	border:0px #000000 solid;
	margin: 0 auto;
	}
	
#busca{
	position:absolute;
	top:168px;
	right:10px;
	
	}	

		
#conteudo{
	width:615px;
	float:left;
	border-top:1px #FF9900 solid;
/*	border-right:1px #FF9900 solid;*/
	}

#publicidade_lateral{
	float:right;
	width:160px;
	text-align:center;
	border-top:1px #FF9900 solid;
	border-bottom:1px #FF9900 solid;
	border-left:1px #FF9900 solid;

	}	

#publicidade_lateral img{ border: 0;}

#publicidade {
	margin:5px 0px 0px 3px;
	width: 600px;
	float:left;
	}

#opcoes {
	padding: 3px;
	width: 150px;
	float: right;
	text-align: center;
	}
	
#barratopo {
	float:left;
	margin-top: 5px;
	padding:0px;
	}
		
#menu, #menu_rodape{
	padding-left:5px;
	color: #666666;
	font: normal 08pt tahoma;
	margin-top:15px;	
	}
	
#menu{ float: left;  }

#menu_rodape{ padding-left: 76px;  margin:0px; }
	
#menu ul, #menu_rodape ul{margin:0 ; padding:0; list-style: none; }

#menu ul li, #menu_rodape ul li {float: left; border-left:1px #CCCCCC solid; }	


#menu ul li a, #menu_rodape ul li a{	
	color: #333333;
	padding: 4px 4px;
	text-decoration: none;
	display:block;
	
	} 

#menu ul li a:hover, #menu_rodape ul li a:hover{ 
	background-color: #FFCC00;
	color: #000000; 
	text-decoration: none; 

	} 

	
#publicidade01, #publicidade02 , #publicidade03{
	width:610px;
	padding:2px 0px;
	text-align:right;
	clear:left;
	margin:0px 0px;
/*	border:1px #000000 solid;*/
	
	}
	
#destaque{
	padding:10px 5px 5px 5px;
	width:305px;
	float:left;
	}
	
#outrosdestaques{
	padding:10px 5px 5px 5px;
	width:285px;
	float:right;
	}

#maisnoticias{
	margin-left:2px;
	padding:5px 0px;
	float:left;
	width:606px;
	}

#fatosefotos{
/*	background:#E6E6FF;*/
	margin: 5px 0px 5px 2px;
	width:298px;
	float:left;
	height:280px;
	border-right:1px #EEEEEE solid;
	border-left:1px #EEEEEE solid;
	border-bottom:1px #EEEEEE solid;

	}
#quemmais{
/*	background:#FFEAFF;*/
	margin: 5px 0px 5px 5px;
	width:298px;
	float:left;
	height:280px;
	border-right:1px #EEEEEE solid;
	border-left:1px #EEEEEE solid;
	border-bottom:1px #EEEEEE solid;
	
	}
	
#albumhome img{ margin-left:3px;}

#albumhome{
	margin: 3px 0px 0px 5px;
	width:300px;
	height:300px;
	float:left;
	padding-bottom:10px;
	border-right:1px #EEEEEE solid;
	border-left:1px #EEEEEE solid;
	border-bottom:1px #EEEEEE solid;

	}

#albumhome h1, #artigos h1, #maisnoticias h1{ background:url(../img/separador2.jpg); color:#000000; padding:5px 10px; margin-bottom:10px;}

#artigos{
	float:left;
	margin:3px 0px 0px 2px;
	width:300px;
	height:300px;
	padding-bottom:10px;
	border-right:1px #EEEEEE solid;
	border-left:1px #EEEEEE solid;
	border-bottom:1px #EEEEEE solid;

	}
	
#rodape {
	clear:both;
	padding:5px 0px;
	text-align:center;
	height:100px;
	}
	
#assinatura{
	background-color:#FFCC00; 
	padding:10px 0px; 
	text-align:center; 
	border-top:1px #666666 solid;	
	margin-bottom:0px;	
	
	}	
	
/*--------------------------------------------------------------
                  classes
--------------------------------------------------------------*/

.img_pub{ margin:5px 0px;}	
.texto_com{	padding:5px; background-color:#FF9900; margin:0px; color:#FFFFFF; }
.etiqueta{font:bold 10pt tahoma, verdana, arial ; margin: 5px 0px;}
.subtitulo{ font-style:italic; margin: 5px 0px;}
.legendafoto{ background: #EEEEEE; border:1px #666666 solid; padding:5px; font-size:8pt; margin:3px 1px 0px 1px;}
.img_borda{border:1px #000000 solid;}
.h2_destaques{margin:0px; padding:0px 5px; color:#333333;}
.p_destaques{margin:3px 0px 10px 0px;; font-size:08pt;}
.p_maisnoticias{ padding-left:10px; margin:3px 0px; font-size:09pt; border-bottom:1px #CCCCCC dashed; }
.p_colunas{ /*padding:5px 10px ;*/ margin:7px 7px; font-size:09pt; border-bottom:1px #CCCCCC dashed; }
.p_maisdestaques{ padding:0px 5px ; margin:6px 0px; font-size:09pt; border-bottom:1px #CCCCCC dashed; }
.direita{text-align:right; margin-right:10px;}
.esquerda{text-align:left;}
.centro{text-align:center; }
.justificado{text-align:justify; }
.centro_padding{text-align:center; padding:2px 10px; clear:left;}
.fechar{background-color: #FF9900;	margin:10px 0px 0px 2px; width:200px;display: block; padding: 4px 8px; 	color: #000000;	font: bold 10pt tahoma;}
.negrito{font-weight:bold;}
.linkcinza{color:#333333; text-decoration:none; margin:3px 0px 10px 0px; text-align:justify;}
.linkcinza:hover{color:#FF3300; text-decoration:underline; margin:3px 0px 10px 0px;text-align:justify; }
.input_forms{background-color:#FFF4EA; border:1px #996600 solid; padding:05px;}
.input_busca{border:1px #333333 solid; padding:03px; font:bold 10pt Verdana, Arial, Helvetica, sans-serif; color:#FF6600;}
.desabilitado {color:#CCCCCC;}
.paginacao{font-weight:bold; font-size:18pt;}
.img_album{margin:3px 5px; border:1px #000000 solid;}