body{margin:0px;}
#pagina{
        width:1280px;
        position:relative;
        margin: 0px auto 0px auto;
        background: transparent url('../img/topo_bg.png') no-repeat 0px 2px;
        text-align:center;
        }
#linha{width:100%;height:2px;background:#262A55;font:normal 1px Arial;}
/* Formatação do Cabeçalho */
#topo{width:960px;height:170px;position:relative;margin: 0px auto 0px auto;}
#topo #rede{width:132px;height:20px;position:absolute;top:0px;left:612px;z-index:1;}
#topo #inst{width:95px;height:20px;position:absolute;top:0px;left:732px;z-index:2;}
#topo #proj{width:124px;height:20px;position:absolute;top:0px;left:816px;z-index:3;}
#topo #logo{width:200px;height:155px;position:absolute;top:3px;left:32px;z-index:3;}
#topo #iascj{width:49px;height:72px;position:absolute;top:38px;left:877px;z-index:3;}
#topo #menu{width:610px;height:20px;position:absolute;top:129px;left:249px;z-index:33;}
#topo #colegio{width:526px;height:50px;position:absolute;top:57px;left:252px;z-index:3;}

/* Formatação do corpo central */
#curva{position:absolute;width:155px;height:20px;background: transparent url('../img/curva.png') no-repeat;z-index:99;left:0px;}
#corpo{background:transparent url('../img/corpo.png') repeat-x;width:1280px; position:relative;margin: 0px auto 0px auto;z-index:100;}
#meio{width:960px;position:relative;margin: 0px auto 0px auto;}
#meio #direita{
	width:700px;
	position:relative;
	float:left;
}
#meio #direita #flash{width:716px;height:266px;overflow:hidden;position:relative;float:left;background:transparent url('../img/flash.png') no-repeat; top:-2px;}

#meio #direita #coluna1{width:400px;float:left;overflow:hidden;position:relative;text-align:left;}
/* Formatação das Notícias */
#meio #direita #noticia{width:400px;overflow:hidden;position:relative;}

#meio #direita #noticia img{width:150px;height:100px;float: left;position:relative;}
#meio #direita #noticia h1{width:240px;height:15px;overflow:hidden;color:#007BA4;font:bold 10px Arial; margin:3px;}

#meio #direita #noticia span{color:#999999;font:normal 10px Arial;margin:3px;}
#meio #direita #mais img{width:15px;height:15px;float: left;position:relative;}
#meio #direita #mais span{color:#163988;font:bolder 12px Arial;margin:3px;top: 3px;position:relative;}

#meio #direita #noticia  a:link {text-decoration: none; color:#666; font:normal 12px Arial; text-align:justify;}
#meio #direita #noticia  a:visited {text-decoration: none; color:#666; font:normal 12px Arial; text-align:justify;}
#meio #direita #noticia  a:hover {text-decoration: underline; color:#666; font:normal 12px Arial; text-align:justify;}




#meio #direita #mais span{
	color:#163988;
	font:bolder 12px Arial;
	margin:3px;
	top:0px;
	position:relative;
	text-align:justify
}
#meio #direita #noticia p{color:#0A2D70;font:bolder 15px Arial; margin:3px;text-align:left; top:-3px;}
.texto{
	color:#616161;
	font:normal 12px Arial;
	position:relative;
	text-align:justify;
	left: 1px;
}

#meio #direita #coluna2{
	width:300px;
	float:right;
	overflow:hidden;
	position:relative;
}

#meio #direita #coluna3{width:716px;clear:both;position:relative;text-align:left;}
/* Formatação do Calendário */
#calendario{background: transparent url('../img/calendario.png') no-repeat 10px 0px;width: 225px;padding-top:30px;float:left;position:relative;}
#calendario span{margin:0px;color:#999999; text-align:right; width:225px;font:normal 11px Arial;float:right;position:relative;}
#calendario #cal_data{height: 33px;width: 35px;float: left;margin: 0px 5px 0px 5px;overflow: hidden;text-align:center;border: solid 0px black;}
#calendario #cal_data h1{margin: 1px auto 1px auto;font: bolder 20px Arial;padding: 0px;height:23px;}
#calendario #cal_data p{font: bolder 10px Arial;margin: -6px auto 0px auto;}
#calendario .cal_dt0{color:#163988;}
#calendario .cal_dt1{color:#99CC00;}
#calendario #cal_tit{width: 180px;float: left;margin: 0px;color: #666666;padding: 2px 0px 2px 0px;font: normal 12px Arial;border: solid 0px black;}
#calendario #cal_div{clear: both;width: 180px;height: 5px;margin: 0px auto 0px auto;font:normal 1px Arial;}

/* Formatação do Enquete */
#enquete{
	background: transparent url('../img/enquete.png') no-repeat 10px 0px;
	padding-top:30px;
	width:225px;
	float:left;
	position:relative;
	text-align:left;
	margin-left:10px;
}
#enquete span{margin:0px;color:#999999; text-align:right; font:normal 11px Arial;float:right;position:relative;}
#enquete ul{ margin:0px 0px 10px 0px;padding:0px;text-decoration:none;list-style: none;}
#enquete ul li{ margin:4px;font:normal 12px Arial;color:#616161;padding:0px;}
#enquete p{margin: 0px 0px 5px 10px;font: normal 13px Verdana; color:#BB0003;}

/* Formatação de Comunicado */
#comunicado{background: transparent url('../img/comunicados.png') no-repeat 10px 0px;width: 248px;padding-top:30px;float:left;position:relative;}
#comunicado span{margin:0px;color:#999999; text-align:right; width:225px;font:normal 11px Arial;float:right;position:relative;}
#comunicado span a:link {text-decoration: none;margin:0px;color:#999999; text-align:right; width:248px;font:normal 11px Arial;float:right;position:relative;}
#comunicado span a:visited {text-decoration: none;margin:0px;color:#999999; text-align:right; width:248px;font:normal 11px Arial;float:right;position:relative;}
#comunicado span a:hover {text-decoration:  underline;margin:0px;color:#999999; text-align:right; width:248px;font:normal 11px Arial;float:right;position:relative;}

#comunicado #com_data{height: 33px;width: 35px;float: left;margin: 0px 5px 0px 5px;overflow: hidden;text-align:center;border: solid 0px black;color:#FF6600;}
#comunicado #com_data h1{margin: 1px auto 1px auto;font: bolder 20px Arial;padding: 0px;height:23px;}
#comunicado #com_data p{font: bolder 10px Arial;margin: -6px auto 0px auto;}
#comunicado #com_tit{width: 180px;float: left;margin: 0px;color: #666666;padding: 2px 0px 2px 0px;font: normal 12px Arial;border: solid 0px black;}
#comunicado #com_div{clear: both;width: 180px;height: 5px;margin: 0px auto 0px auto;font:normal 1px Arial;}

#comunicado #com_tit{width: 180px;float: left;margin: 0px;color: #666666;padding: 2px 0px 2px 0px;font: normal 12px Arial;border: solid 0px black;}
 
#comunicado #com_tit a:link {text-decoration: none ;width: 180px;float: left;margin: 0px;color: #666666;padding: 0px 0px 0px 0px;font: normal 12px Arial;border: solid 0px black;}
#comunicado #com_tit a:visited {text-decoration: none; width: 180px;float: left;margin: 0px;color: #666666;padding: 0px 0px 0px 0px;font: normal 12px Arial;border: solid 0px black;}
#comunicado #com_tit a:hover {text-decoration:  underline; width: 180px;float: left;margin: 0px;color: #666666;padding: 0px 0px 0px 0px;font: normal 12px Arial;border: solid 0px black;} 


#meio #esquerda{width:244px;position:relative;float:left;}
/* Formatação do Login */
#login{background: transparent url('../img/colegio_on.png') no-repeat 15px 0px;width: 240px;padding-top:35px;position:relative;margin:15px 0px 0px 0px;text-align:left;}
#login p{margin:0px 0px 10px 22px;color:#FF9900;font:normal 11px Arial;}
#login form{margin:0px;padding:0px;}
#login #opcao{margin:0px 0px 10px 20px;}
#login #opcao img{cursor:pointer;}

/* Formatação do Colegios */
#colegios{background: transparent url('../img/nossoscolegios.png') no-repeat 15px 0px;width: 240px;padding-top:30px;position:relative;margin:30px 0px 30px 0px;text-align:left;}
#colegios #regiao{margin:0px 0px 0px 13px;}
#colegios #regiao img{cursor:pointer;}
#colegios h1{font:bolder 15px Arial;color:#000033;margin:15px 0px 5px 15px;}
#colegios p{font:normal 11px Arial;color:#616161;margin:0px 0px 3px 15px;}
#colegios a{text-decoration:none;}

/* Formatação do Rodapé */
#rodape{clear:both;position:relative;width:1280px;height:280px;background: transparent url('../img/rodape_bg.png') repeat-y;}
#rodape #logo{width:480px;height:82px;position:absolute;top:46px;left:192px;z-index:33;font-size:11px;}
#rodape #cab{position:relative;width:1280px;height:150px;background: transparent url('../img/rodape_bg1.png') no-repeat;}
#rodape #iascj{width:205px;height:57px;position:absolute;top:176px;left:174px;z-index:33;}
#rodape #copy{position:relative;top:110px;font:normal 10px Arial;color:#616161;}
#rodape h3{text-align:left;font:bold 12px Arial;color:#D00004;margin:0px;}
#rodape #sud{text-align:left;font:normal 10px Arial;color:#616161;position:absolute;left:411px;}
#rodape #sul{text-align:left;font:normal 10px Arial;color:#616161;position:absolute;left:682px;}
#rodape #cen{text-align:left;font:normal 10px Arial;color:#616161;position:absolute;left:918px;}

/* Formatações Adicionais */
.tit1{margin:10px 0px 0px 0px;}
.clear{clear:both;width:100%;height:1px;font:normal 1px Arial;}
.campo{margin-left:20px;background: transparent url('../img/bt_login_bg.png') no-repeat;border:solid 0px white;height:23px;width:143px;padding:3px 3px 0px 5px;font:normal 11px Arial;position:relative;top:-5px;}

.conteudo {
	font-family: Arial, Helvetica, sans-serif;
}
.conteudo {
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.conteudo a:link {
    font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}

.conteudo a:visited  {
    font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}
.conteudo a:hover  {
    font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
}


.Titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.Titulo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
span.t-secao {
	font: bold 10px/11px Arial;
	color: #000033;
	display: block;
	margin-bottom: 5px;
	text-align:left;
	margin-left: 15px;
	margin-top: 10px;
}
.divisor_trescolunas {
    margin: 10px 0px;
    border-top: 1px solid #e7e7e7;
    overflow: hidden;
}