@charset "utf-8";

/* ########## CONFIGURAÇÕES ########## */

div, span, object, input, h1, h2, h3, h4, h5, h6, img, ol, ul, li, form, label, table, tr, th, td, fieldset{margin:0;padding:0;border:0;outline:0;}
html, body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; }
* html li {height:1%;}

ol, ul {list-style:none;}

a {color:#fff; text-decoration:none;}
a:hover {color:#CFF; text-decoration:inherit;}

h1{font-size: 24px; font-weight:lighter; font-family:Arial, Helvetica, sans-serif; }
h2{font-size: 16px; font-weight:lighter; font-family:Arial, Helvetica, sans-serif;  }
h3{font-size: 14px; font-weight:lighter; font-family:Arial, Helvetica, sans-serif; }

h4{font-size: 16px; font-weight:bold;}

.clique{ font-size:14px; margin:0 0 10px 0; text-transform:uppercase; color:#FFCC00; font-weight:lighter; text-align:center;}
.clique a{color:#FFCC00;}
.clique a:hover{color:#CFF;}

/* ########## CONFIGURAÇÕES ########## */

.nb{ border:none !important; }
.bg{background:#4552BA repeat-x top url(imagem/bg.jpg);}

.botao{background:url(imagem/bg-botao.gif) repeat-x 0 0; border:2px #470F9A solid; height:25px !important; line-height:25px  !important; margin:10px auto 0 auto; padding:0 10px; width:auto;  display:block; overflow:hidden; clear:both; float:none; text-align:center; font-size:12px !important;}

.saiba-mais{ width:50px;}
.mais-eventos{ width:110px;}
.blog{width:150px; margin:0px auto !important;}

/* ########## MAIN ########## */

#topo{clear:both; background:url(imagem/bg-topo.jpg) repeat-x bottom;}
#topo-auxiliar{ overflow:auto; clear:both;}
#geral {overflow:hidden; width:943px; margin:20px auto;  height:auto; _height:100%;}
#geral-auxiliar {overflow:auto; width:943px; margin:20px auto; clear:both;}

#topo-area{background:no-repeat center top url(imagem/bg-geral.jpg); width:993px; margin:0 auto; padding:5px 5px 0 5px; }
#topo-area .logo{float:left; width:265px; height:100px; overflow:hidden; font-family:Tahoma, Geneva, sans-serif; font-size: 14px; letter-spacing:-0; text-transform:uppercase; text-align: center; padding:0 10px 0 0;}
#topo-area .logo a{background:url(imagem/i-logo.jpg) no-repeat center top; display:block; padding-top:85px; height:15px;}
#topo-area .logo a:hover{ background:url(imagem/i-logo.jpg) no-repeat center -100px;}
#topo-area .logo a h1{ display:none;}
#topo-area .topo-2 {float:left; overflow:hidden; height:100px; width:718px;}
#topo-area .topo-2 .menus{float:left; width:125px; overflow:hidden;}
#topo-area .topo-2 .horario{float:left; width:593px; overflow:hidden; text-align: right;  font-size:10px; color:#CFF;}
#topo-area .topo-2 .horario .hora{ background:url(imagem/i-relogio.gif) no-repeat left; padding-left:14px;  font-size:12px; color:#fff;}

.menu{clear:both; width:718px; height:15px; padding:30px 0 20px 0; overflow:hidden; border-bottom:#4994D2 solid 1px;}
.menu ul{overflow:auto; }  
.menu ul li{height:15px; overflow:hidden; float:left; display:block; line-height:15px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity:0.9; margin-right:14px;cursor:pointer;}
.menu ul li h2{font-family:Tahoma, Geneva, sans-serif; font-size: 14px; text-transform:uppercase;}
.menu ul li h2 a{display:block;} 
.menu ul li.pop{padding-right:20px; background:url(imagem/menu-arrows.gif) no-repeat right 1px; } 
.menu .ultimo {margin:0;}

.menu-servicos{ width:200px; height:175px !important; margin-left:70px !important; _margin-left:0; }
.menu-eventos{ width:170px; height:50px !important; margin-left:170px !important; _margin-left:0;}
.menu-fc{ width:190px; height:75px !important; margin-left:515px !important; _margin-left:0;}

.menu ul li.pop-up-aberta {float:none !important; position:absolute !important; padding:25px 0 0 0 !important; margin-right:0 !important;}
.menu ul li.pop-up-aberta ul {text-transform:uppercase;}
.menu ul li.pop-up-aberta ul li{float:none !important; clear:both;  background:#3CF;  padding:5px;  margin:0 !important; display:block;}
.menu ul li.pop-up-aberta ul li h3{font-weight:bold;}

.menu ul li.pop-up-aberta ul li a{color:#036;}
.menu ul li.pop-up-aberta ul li a:hover{ color:#000;}


/*.pop-up-aberta { position:absolute; background:#3CF; overflow:hidden; z-index:9999 !important; margin:0 !important; padding:5px !important; float:none; clear:both; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.pop-up-aberta li{ color:#000 !important; padding:5px; margin:0; float:none !important; clear:both; font-size:14px; font-weight:bold;  }
.pop-up-aberta li a{ color:#036;}
.pop-up-aberta li a:hover{ color:#000;}

.pop-up-aberta{ position:absolute; background:#3CF; overflow:hidden; z-index:1 !important; margin-top:20px;}
.pop-up-aberta ul{padding:5px !important; margin:0 !important; float:none; clear:both; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.pop-up-aberta ul li{ color:#000 !important; padding:5px; margin:0; float:none !important; clear:both; font-size:14px; font-weight:bold;  }
.pop-up-aberta ul li a{ color:#036;}
.pop-up-aberta ul li a:hover{ color:#000;}*/


#topo-area .ani{width:980px; height:305px; margin:0 auto; clear:both;}

#main{float:left; width:680px; overflow:hidden; color:#69C; font-size:14px; }
#ld{float:left; width:233px; overflow:hidden; padding-left:30px;}
#ani{height:290px; width:543px; overflow:auto; clear:both; margin-bottom:30px;}

#ld ul.eventos{margin:0 15px; overflow:auto;}
#ld ul.eventos li{ clear:both; overflow:hidden; padding:10px 0; border-bottom:#4994D2 solid 1px; }
#ld ul.eventos li a img{ padding:2px; border:2px #470F9A solid; background:#4DB0DD; margin-right:5px; width:70px; height:53px;}
#ld ul.eventos li a:hover img{ padding:2px; border:2px #4DB0DD solid; background:#4DB0DD; margin-right:5px;}

#servicos{width:680px; padding-right:20px; overflow:auto; clear:both;}
#servicos ul.servico li h2{font-size:16px; font-weight:bold; margin:5px 0;}


.foto-auxiliar{margin-bottom:15px;}

#imagens{ overflow:hidden; }

.auxliar{ background:url(imagem/i-aux.jpg) no-repeat 0 0; margin-bottom:15px; height:100px;}

/* ########## LINHAS ########## */

ul.linha {overflow:hidden; margin:0 !important; padding:0 !important; float:none; clear:both; width:auto;}
ul.linha li{overflow:hidden; list-style:none !important; margin:0 !important; padding:0 0 15px 0 !important;}

ul.linha li.linha1 span{padding-right:6px; background:url(imagem/linha-2.gif) no-repeat right top; display:block; overflow:hidden;  height:17px;}
ul.linha li.linha1 span fieldset{padding-left:6px; background:url(imagem/linha-1.gif) no-repeat left top; display:block; overflow:hidden;  }
ul.linha li.linha1 span fieldset h3{background:#FFF; height:17px; display:block; color:#FFC; overflow:auto; color:#999; line-height:17px; overflow:hidden;  }
ul.linha li.linha1 span fieldset h3 span.hora{color:#999; font-weight:bold; background:url(imagem/i-relogio.gif) left top no-repeat; padding:0 10px 0 16px; border-right:#ccc solid 1px !important; text-align:left; overflow:auto; float:left; line-height:17px;overflow:hidden;  }

ul.linha li.linha2 {margin-right:20px; display:inline;}
ul.linha li.linha2 span{padding-right:6px; background:url(imagem/linha2-2.gif) no-repeat right top; display:inline-block; overflow:hidden;  height:17px;}
ul.linha li.linha2 span h3{padding-left:6px; background:url(imagem/linha2-1.gif) no-repeat left top; overflow:hidden;  }
ul.linha li.linha2 span h3 a{background:#A2DAF2; height:17px; color:#09C; overflow:hidden; line-height:17px; padding:0 5px;}
ul.linha li.linha2 span h3 a:hover{color:#039;}

ul.linha li.linha3 span{padding-right:16px; background:url(imagem/linha3-2.gif) no-repeat right top; overflow:hidden;  height:40px; display:block;}
ul.linha li.linha3 span h2{padding-left:16px; background:url(imagem/linha3-1.gif) no-repeat left top; overflow:hidden; text-transform:uppercase; }
ul.linha li.linha3 span h2 a{background:#47119B; height:40px; color:#66FFFF; overflow:hidden; line-height:40px; padding:0 5px; display:block;}
ul.linha li.linha3 span h2 a:hover{color:#fff;}

ul.linha li.linha3 span h3{ overflow:hidden; text-transform:uppercase; }
ul.linha li.linha3 span h3 a{background:#47119B; height:40px; color:#66FFFF; overflow:hidden; line-height:40px; padding:0 5px; display:block;}
ul.linha li.linha3 span h3 a:hover{color:#fff;}


ul.linha li.linha4 span{padding-right:16px; background:url(imagem/linha4-2.gif) no-repeat right top; overflow:hidden;  height:40px; display:block; text-align:center; }
ul.linha li.linha4 span h2{padding-left:16px; background:url(imagem/linha4-1.gif) no-repeat left top; overflow:hidden; text-transform:uppercase; }
ul.linha li.linha4 span h2 a{background:#FFCC00; height:40px; color:#990099; overflow:hidden; line-height:40px; padding:0 5px; display:block; font-weight:bold !important;}
ul.linha li.linha4 span h2 a:hover{color:#000;}

ul.linha li.linha5 {padding-right:16px  !important; background:url(imagem/linha4-2.gif) no-repeat right top; overflow:hidden;  height:40px; display:block; text-align:left; }
ul.linha li.linha5 h2{padding-left:16px  !important; background:url(imagem/linha4-1.gif) no-repeat left top; overflow:hidden; text-transform:uppercase; }
ul.linha li.linha5 h2 span{background:#FFCC00; height:40px; color:#036; overflow:hidden; line-height:40px; padding:0 5px; display:block; font-weight:bold !important;}

/* BOX 2  - COR DE FUNDO #FFFFFF */
ul.box {overflow:auto;}
ul.box li.top {cursor:default; padding-right:16px; background:url(imagem/box-2.gif) no-repeat right top; display:block; overflow:hidden;}
ul.box li.top span{padding:0 0 0 16px; background:url(imagem/box-1.gif) no-repeat left top; overflow:hidden; display:block; }
ul.box li.top span h1{ background:#fff; display:block; padding:10px 0; height:1%; color:#039; }
ul.box li.main ul{background:#fff; overflow:auto;}
ul.box li.main ul li{padding:0 10px 10px 10px; height:100%;}
ul.box li.main ul li.conteudo{padding:0 20px; overflow:auto; }
ul.box li.main ul li.conteudo ul{ margin:auto 20px;}
ul.box li.main ul li.conteudo ul li{list-style:disc inside; }
ul.box li.main ul li a{ color:#06C;}
ul.box li.main ul li a:hover{ color:#000;}
ul.box li.footer span{padding-right:16px; background:url(imagem/box-4.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box li.footer span h3{ padding:0 0 0 16px; background:url(imagem/box-3.gif) no-repeat left bottom; overflow:hidden; letter-spacing:-1px; text-align:right;}
ul.box li.footer span a{background:#fff; color:#000; display:block; padding-bottom:10px; }
ul.box li.footer span a:hover{color:#666;}

/* ########## RODAPE ########## */

#rodape{clear:both; overflow:auto; border-top:#4994D2 1px solid; background:url(imagem/bg-rodape.jpg) no-repeat bottom; padding-bottom:120px;}
#rodape ul {overflow:hidden;}
#rodape ul li {text-align:center;}
#rodape ul li.tecnoig{position:absolute; height:20px; width:75px; margin:200px 0 0 20px;}

ul.itens-rodape{ padding:0 !important; width:1003px; margin:0 auto; overflow:hidden; }
ul.itens-rodape li{ float:left; padding:0 30px; height:60px; text-align:left !important; color:#CFF; }
ul.itens-rodape li.fc{ width:150px; border-right:#4994D2 solid 1px; } 
ul.itens-rodape li.fc a{ font-weight:bold;}
ul.itens-rodape li.endereco{ width:470px; font-size:14px; color:#FFF; font-weight:bold;} 
ul.itens-rodape li.tel{ width:200px; background:url(imagem/i-telefone-2.jpg) no-repeat left top; } 
ul.itens-rodape li.tel h2{ display:none;}
ul.itens-rodape li h2{text-transform:uppercase; color:#66FFFF;}

ul.menu-rodape{padding:20px 0 !important; overflow:hidden; line-height:30px; clear:both; }
ul.menu-rodape li{height:30px; overflow:hidden; display:inline;}
ul.menu-rodape li a{padding:0 10px; display:inline-block; } 
ul.menu-rodape li.ultimo{ border:0;}


