/********************************************
*	Author: Ely Cabral | ejcabral.com.br	*
*	Email: ely@ejcabral.com.br				*
*	Fone: +55 83 8819.1176					*
*	Copyright: dx3.com.br					*
*	Ouvindo: Alceu Valença					*
********************************************/

*{margin:0; padding:0; border:0; font-family: Trebuchet MS, Helvetica, sans-serif; list-style:none; text-decoration:none;}

html{overflow-x:hidden; overflow: -moz-scrollbars-vertical;}

body{background:#f9f9f9 url('../images/bg.jpg') repeat-x top left;}

/******************** div#float *********************/
div#modal{width:100%; height:auto !important; min-height:100%; height:100%;  position:fixed; background:#fff; top:0; left:0; z-index:10000; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65);}
div#float{position:fixed; width:350px; top:30%; left:35%; height:150px; padding:15px !important; border:2px solid #3d6ba4; background:#3c80bf; z-index:100000;}
div#float h2{font-size:30px; font-weight:lighter; color:#fff; float:left; display:inline; width:100%; text-align:center; margin:0 0 10px 0;}
div#float p{font-size:20px; color:#fff; float:left; display:inline; width:100%; text-align:center;}
div#float .botao{margin:20px 0 0 0}
div#float .botao a{display:inline; width:100px; font-size:14px; padding:7px 20px !important; margin:10px 3px 0 3px; background:#fff; border:1px solid #3d6ba4; color:#000;}

div#geral{width:1009px; margin:0 auto;}

div#topo{width:100%; position:relative; float:left; background:url('../images/bg-menu.jpg') repeat-x 0 20px}
div#topo img{float:left; display:inline; margin:10px 0 0 7px;width:129px; height:45px;}
div#topo p{position:absolute; top:0; right:5px; z-index:1000;}
div#topo p img{width:auto; height:auto; }
div#topo div#menu{float:right; display:inline;  height:44px; width:780px; margin:20px 0 0 0;  }
div#topo div#menu ul{float:left; display:inline;  margin:10px 0 0 100px;}
div#topo div#menu ul li{float:left; display:inline; border-left:1px outset #fff; border-right:1px outset #fff; padding:0 10px 0 15px; height:20px}
div#topo div#menu ul li.sembordaleft{border-left:0;}
div#topo div#menu ul li.sembordaright{border-right:0;}
div#topo div#menu ul li a{font-size:18px;color:#8e8e8e; font-weight:bold;}
div#topo div#menu ul li a:hover{text-decoration:underline;}

/************banner**********************/
div#banner{padding:5px; background:#fff; width:997px; height:190px;float:left; border:1px solid #caced4; margin:2px 0 0 0;}

/*************acesso*********************/
div#acesso{width:987px; height:8px; float:left; margin:10px 0 0 0; padding:10px; background:#f0f0f0; border:1px solid #caced4;}
div#acesso:hover{background:#ccc;}
div#acesso p{float:left; display:inline; color:#b22e37; font-size:11px; font-weight:bold; margin:-5px 5px 0 30px;}
div#acesso p img{margin:0 5px 0 0}
div#acesso p a{color:#333; font-size:14px;}
div#acesso p a:hover{text-decoration:underline;}
div#acesso input{border:1px solid #caced4; background:#f1f0f0; color:#b2b0b0; font-weight:bold; font-size:11px; margin:0 6px 0 0}
div#acesso input#enviar{background:url('../images/seta.png') no-repeat center; border:0; width:13px; height:12px; margin:0; cursor:pointer;}
div#acesso div#ultimas_noticias{float:right; display:inline; height:18px; margin:-10px -10px 0 0;  width:782px; background:#fff; border-left:1px solid #ccc; padding:10px 0 0 10px}
div#acesso div#ultimas_noticias h2{float:left; display:inline; font-size:11px; color:#1a7bad; margin:-3px 0 0 18px; height:15px;}
div#acesso div#ultimas_noticias h2 img{float:left; display:inline; margin:-3px 5px 0 0; width:18px; height:18px;}
div#acesso div#ultimas_noticias ul a{float:left; display:inline; color:#4e4c4c; font-size:12px; margin:-4px 0 0 5px; font-weight:lighter;}
div#acesso div#ultimas_noticias ul a:hover{text-decoration:underline;}
div#acesso div#ultimas_noticias ul li{padding-right:5px;}

/***************abas*********************/
div#abas{border-top:0; padding:0 !important; float:left; width:100%; margin:10px 0 0 0;}
div#abas div#fragment-1, div#geral div#abas div#fragment-2, div#geral div#abas div#fragment-3, div#geral div#abas div#fragment-4{width:100%; height:100%; padding-bottom:10px; background:#fff; overflow:auto; border:1px solid #caced4;}

/**************inicio********************/
div#abas div#fragment-1 ul{width:720px; float:left; display:inline; margin:20px 0 0 180px;}
div#abas div#fragment-1 ul li{float:left; display:inline; width:109px; margin:0 25px 0 25px; border:0; }
div#abas div#fragment-1 ul li p{width:109px; text-align:center; color:#888; font-size:11px; border:0;}
div#abas div#fragment-1 ul li img{width:109px; height:77px; border:1px solid #939191;}
div#abas div#fragment-1 ul li p a{color:#888; font-size:11px; background:none; border:0;}
div#abas div#fragment-1 ul li p a:hover{text-decoration:underline;}

/**************noticias*******************/
div#abas div#fragment-3 h2{color:#888; font-weight:lighter; margin:5px 0 20px 10px;}
div#abas div#fragment-3 ul{width:987px; float:left; display:inline; margin: 0 0 0 10px;}
div#abas div#fragment-3 ul li{width:100%; float:left; display:inline; border-bottom:1px dotted #ccc; padding-bottom:3px; margin:0 0 7px 0}
div#abas div#fragment-3 ul li small{font-size:10px; color:#888; float:left; display:inline; margin:0 5px 0 0}
div#abas div#fragment-3 ul li a{color:#888; font-size:12px; background:none; border:0;  text-align:left;}
div#abas div#fragment-3 ul li a:hover{text-decoration:underline;}
div#abas div#fragment-3 p.paginacao{width:98%; float:left; display:inline; text-align:center; font-size:12px; background:#f0f0f0; padding:10px !important; margin:10px 0 0 0;}
div#abas div#fragment-3 p.paginacao span{width:135px; float:left; display:inline; background:#f0f0f0; margin:0 0 0 420px;}
div#abas div#fragment-3 p.paginacao span a{padding:2px !important; color:#000; background:#f7f7f8; float:left; display:inline; margin:0 2px 0 2px;}
div#abas div#fragment-3 p.paginacao span a:hover{text-decoration:underline;}

/**************portfolio***************/
div#abas div#fragment-4 h2{color:#888; font-weight:lighter; margin:5px 0 20px 10px;}
div#abas div#fragment-4 ul{width:870px; height:auto; float:left; display:inline; margin: 0 0 0 73px;}
div#abas div#fragment-4 ul li{width:183px; height:240px; float:left; display:inline; border:1px solid #ccc; padding:5px !important; margin:10px; background:#f7f7f8;}
div#abas div#fragment-4 ul li img{width:166px; height:auto; padding:5px !important; border:1px outset #ccc; margin:3px 0 0 2px; background:#fff;}
div#abas div#fragment-4 h3{color:#888;  margin:0 0 10px 0; width:100%; float:left; display:inline; text-align:center; font-size:1em;}
div#abas div#fragment-4 dt{color:#666; font-weight:lighter; margin:0; width:100%; float:left; display:inline; text-align:center; font-size:20px; background:#caced4;}
div#abas div#fragment-4 dd{margin:0 0 30px 0; float:left; display:inline; background:#f0f0f0; width:100%;}
div#abas div#fragment-4 ul li a{color:#888; font-size:10px; float:right; clear:both; display:inline; margin:11px 2px 5px 0; font-weight:bold; background:none; border:0;}
div#abas div#fragment-4 ul li a:hover{text-decoration:underline;}
div#abas div#fragment-4 ul li p{color:#888; font-size:12px;}

/*************rodape*******************/
div#rodape{border:1px solid #caced4; padding:10px; float:left; display:inline; width:987px; background:#939191; margin:10px 0 10px 0; position:relative;}
div#rodape p{color:#fff; font-size:12px; float:left; display:inline; margin:3px 0 0 0}
div#rodape ul{width:117px; float:right; display:inline; margin:0; padding:0;}
div#rodape li{float:left; display:inline; margin:0 5px 0 5px; width:auto !important; height:24px; text-align:center;}
div#rodape li img{width:auto !important; height:24px;}
div#rodape a.farol{position:absolute; top:50px; right:10px;}