/*Formatação do site */
/*Aroldo de Moura Santos*/
/*Ano de 2008*/

/* 
TAG'S
-----------------------------------------------------*/

body{
margin:0;
padding:0;
text-align:center;
font:normal 10pt "Trebuchet MS", arial, tahoma;
background: #000033;    url(../img/fundo_azul.jpg);
}

h1, h2{font-size:13pt; margin:3px 0 }
h2{font-size:10pt;}
p{margin:5px 0;}
hr{border:1px #CCCCCC dashed;}

/* 
DIV'S
-----------------------------------------------------*/
#geral{
position:relative;
width:980px;
margin:auto;
text-align:left;
color:#666666;
/*border:1px #EEEEEE solid;*/
}

#menutopo{
background:url(../img/topo_menu.jpg) no-repeat;
width:631px;
height:110px;
/*margin-left:-5px;*/
float:right;
}

#ctd_fundo{
background:#FFFFFF;
width:794px;
float:right;
margin-top:10px;
}

#jornal{
background:url(../img/fundo_jornal.jpg) no-repeat;
width:568px;
height:330px;
float:left;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
}


#manchete{
float:left;
padding:10px 10px 0 10px;
}



#manchete h1 a{
text-decoration:none;
font-size:15pt;
color:#000066;
line-height:16pt;
}


#manchete h1 a:hover{
color:#FF3300;
}

#outras_manchetes{
clear:left;
width:330px;
margin:13px 1px 0 230px;;
}

#outras_manchetes ul{
margin:15px;
}

#outras_manchetes ul li{
list-style:url(../img/marcador.gif);
border-bottom:1px #999999 dashed;
padding:4px 0;
letter-spacing:-1px; 
line-height:17px;
}

#outras_manchetes ul li a{
text-decoration:none;
color:#666666;
}

#outras_manchetes ul li a:hover{
color:#FF3300;
}


#menuazul{
position:absolute;
background:url(../img/menu_lateral.jpg) no-repeat;
width:184px;
height:420px;
left:2px;
top:280px;
}

#menuazul ul{
margin:70px 0 0 31px;
padding:0;


}

#menuazul ul li{
list-style:none;
margin:0 0 0 10px;
}

#menuazul ul li a{
display:block;
text-decoration:none;
color:#000033;
padding: 2px 5px;
width:125px;
font-size:10pt;
border-bottom:1px dashed #000066 ;
font-weight:bold;
}

#menuazul ul li a:hover{ color:#FF0000;}

#apresentacao{
float:left;
margin-top:170px;
width:145px;
}


#apresentacao ul{
padding:0;
margin-left:25px;
}

#apresentacao ul li{
list-style:url(../img/marcador.gif);
margin:0px;
}

#apresentacao ul li a	{
display:block;
text-decoration:none;
color:#666666;
padding: 2px 5px;
width:120px;
font-family: arial, verdana, tahoma;
font-size:10px;
border-bottom:0.02em dashed #cccccc ;
margin:0px;
}

#apresentacao ul li a:hover{
color:#FF0000;
}




#outros_destaques, #x{
width:180px;
margin-left:10px;
margin-top:10px;
float:left;
}

#x{width:260px;  height:350px; background:url(../img/promocoes.jpg) no-repeat
}

#outros_destaques ul, #x ul{
padding:0;
margin:0;
}
#x ul{
margin-top:240px; 
}

#outros_destaques ul li, #x ul li{
list-style:none;
margin:0px;
}

#outros_destaques ul li a, #x ul li a	{
display:block;
text-decoration:none;
color:#666666;
padding: 5px 5px;
width:170px;
font-family: arial, verdana, tahoma;
font-size:8pt;
border-bottom:0.02em dotted #cccccc ;
margin:0px;
}

#x ul li a	{width:250px; padding:10px 5px; margin-top:10px; font-weight:bold}

#outros_destaques ul li a:hover, #x ul li a:hover	{
background-color: #99CCFF;
color:#003399;	
}



#galerias{
width:160px;
float:left;
background-color:#FFFFFF;
border-bottom:1px #999999 solid;
margin:15px 0 0 5px;
padding:5px;

}

#galdest{
width:170px;
background-color:#E2E2E2;
text-align:center;
margin:-5px;
margin-bottom:15px;
padding:5px 0;
}
#galdest img{
border:1px #333333 solid;;
}


#galerias h1 a{
text-decoration:none;
font-size:10pt;
color:#333333;
line-height:12pt;
}
#galerias h1 a:hover{
color:#FF3300;
}


#mural{
background:url(../img/fundo_mural.gif) no-repeat;
width:380px;
height:380px;
float:left;
margin:15px 0 15px 15px;
padding-top:135px;
}


#publateral{
width:180px;
height:1100px;
float:right;
margin: 10px 10px 0 0;
text-align:center;

}

#publateral img { margin:3px 0; border:0}

#pub_1 {float:left; margin:15px 0 15px 12px; border:0}

#btn1, #btn2, #btn3{
width:80px;
margin:2px 0 0 3px;
text-align:center;
float:left; 
}
#btn1{

margin:2px 0 0 15px;

}

#btn1 p, #btn2 p, #btn3 p, img{
border:0;
margin:0;

}

#btn1 a, #btn2 a, #btn3 a{
font-weight:bold; 
text-decoration:none; 
color:#FFFFFF;
font-size:9pt;
float:left;

}

#btn1 a:hover, #btn2 a:hover, #btn3 a:hover{
color:#000000;

}



/* 
CLASSES
-----------------------------------------------------*/
.negrito{font-weight:bold}
.a_noticias_detalhes{color:#666666; text-decoration:none}
.a_noticias_detalhes:hover{color:#FF3300; font-weight:bold}
.a_wd{color:#FF9900; text-decoration:underline}
.a_wd:hover{color:#FFFFFF;   }

.paginacao{font-weight:bold; font-size:18pt; border:1px #666666solid; margin:0px 3px; padding:2px 5px; background-color:#666666; color:#FFFFFF}
.desabilitado {color:#cccccc; border:1px #cccccc solid; margin:0px 1px; padding:2px 5px;}
.linkpaginacao{ border:1px #666666 solid; margin:0px 1px; padding:2px 5px; text-decoration:none; color:#333333;}
.linkpaginacao:hover{color:#333333; background-color:#FFCC00}
.input_forms{background-color:#FFF4EA; border:1px #996600 solid; padding:10px; margin-bottom:10px}

/*enquete*/
.container_e{padding:10px 0;clear:left}
.porcento{background-color:#CC9900; font:bold 9pt verdana; text-align:center; float:left; padding:8px 0; border:1px #333333 solid}
.opcao{clear:left; margin-right:25px}
.votos{float:left;}
.links_h{float:left; margin:50px 0 0 5px; width:180px; font:bold 8pt verdana;   }
.links_h a{text-decoration:none; margin-right:15px; color:#FFFFFF;}
.links_h a:hover{color:#000000;}