/********************************************
*	Author: Ely Cabral | ejcabral.com.br	*
*	Email: ej_cabral@hotmail.com			*
*	Fone: +55 83 8819.1176					*
*	Copyright: www.dx3.com.br				*
*	Ouvindo: Vinicius de Moraes / Toquinho	*
********************************************/

/******************** class **********************/
.none{display:none;}
a.a_right{float:right; text-align:right; font-size:11px; color:#333;}
.none{display:none;}

h2{font-size:45px; font-weight:lighter; color:#4e5f05; float:left; display:inline; width:100%; margin:0 0 20px 0}

*{margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family:Trebuchet MS, sans-serif; outline:none}
html{overflow-x:hidden;}
body{background:#e1e8f5;}
/******************** div#wrap *********************/
form{width:100%; height:auto !important; min-height:100%; height:100%;  position:relative;}
div#wrap{width:100%; height:auto !important; min-height:100%; height:100%;  position:relative; background:url('../images/mar.jpg') no-repeat bottom center;  padding:0 0 125px 0}

/******************** div#topo *********************/
div#topo{width:100%; height:456px; float:left; display:inline; background:url('../images/paisagem.jpg') no-repeat top center; position:relative; margin:0 0 30px 0;}
div#topo div#barra_branca{width:100%; height:100px; background:#fff; position:absolute; top:15px; left:0;}
div#topo div#barra_arredonda{background:#fff; position:absolute; bottom:20px; left:-20px; height:180px; width:30%;}

div#topo div#cont_topo{width:1000px; margin:0 auto; position:relative;}
div#topo div#cont_topo h1{width:181px; height:90px; position:absolute; top:20px; left:5px;}
div#topo div#cont_topo ul#menu{position:absolute; right:5px; top:20px;}
div#topo div#cont_topo ul#menu li{float:left; display:inline; margin:0 4px;}
div#topo div#cont_topo ul#menu li a{font-size:35px; font-weight:lighter; color:#4e5f05;}
div#topo div#cont_topo ul#menu li a:hover{text-decoration:underline;}
div#topo div#cont_topo p.abav{position:absolute; right:10px; top:70px; font-size:16px; color:#c8d590;}

div#topo div#cont_topo ol#navegacao{position:relative; top:250px; left:5px; float:left; display:inline;}
div#topo div#cont_topo ol#navegacao li{display:block; float:left; display:inline; clear:both; width:210px;}
div#topo div#cont_topo ol#navegacao li:hover{background:#c8d590 url('../images/hover_menu.png') no-repeat center right;}
div#topo div#cont_topo ol#navegacao li a{color:#c8d590; font-size:25px; text-align:left; width:100%; float:left; display:inline;}
div#topo div#cont_topo ol#navegacao li a:hover{ color:#4e5f05;}

div#topo div#cont_topo span.publicidade{position:relative; left:200px; top:250px; width:587px; height:91px;}
div#topo div#cont_topo span.publicidade img{width:587px; height:91px;}

/******************** div#geral *********************/
div#geral{width:980px; height:100%; margin:0 auto 30px auto; background:#fff url('../images/marca.png') no-repeat 25% 10%; clear:both; border:1px solid #ccc;}
div#geral a:hover{color:#4e5f05; background:#c8d590}

/******************** div#col_left ******************/
div#geral div#col_left{float:left; display:inline; width:682px; margin:0 0 0 10px}

/******************** div#noticias ******************/
div#geral div#col_left div#noticias{width:100%; float:left; display:inline; margin:0 0 30px 0}
div#geral div#col_left div#noticias img{float:left; display:inline; margin:5px 10px 0 0; border:2px solid #ccc; width:283px; height:177px;}
div#geral div#col_left div#noticias ul li{list-style:square; list-style-position:inside;}
div#geral div#col_left div#noticias ul li a{color:#55634c; font-size:17px;}


/******************** div#eventos ******************/
div#geral div#col_left div#eventos{width:100%; float:left; display:inline;}
div#geral div#col_left div#eventos ul{clear:both;}
div#geral div#col_left div#eventos ul li{list-style:square; list-style-position:inside;}
div#geral div#col_left div#eventos ul li a{color:#55634c; font-size:17px;}


/******************** div#col_right ******************/
div#geral div#col_right{float:right; display:inline; width:260px; margin:0 10px 0 0; text-align:center;}
div#geral div#col_right a#chat{float:left; display:inline; margin:25px 0 25px 30px}
div#geral div#col_right a:hover{background:none;}

/******************** div#rodape ******************/
div#wrap div#rodape{width:100%; position:absolute; bottom:0;}
div#wrap div#rodape div#associados{width:877px; margin:0 auto;}
div#wrap div#rodape div#associados ul li{float:left; display:inline; margin:0 7px 0 7px}
div#wrap div#rodape a#dx3{position:absolute; bottom:0; right:5px; background:#e1e8f5;}