@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none; text-decoration:none;}
body{ background:url(../imagens/visitantes/bg.jpg) top center; width:100%; height:1072px;}
#geral{ width:990px; margin:0 auto;}
#top{ background:url(../imagens/top-f.jpg) top center; width:100%; height:165px;}
#top h1.logo a{ background:url(../imagens/logo.jpg) no-repeat; no-repeat; width:315px; height:165px; text-indent:-9999px; overflow:hidden; margin-left:-4px; float:left; display:inline;}
#top div.menu{ width:524px; height:18px; float:right; display:inline; margin-right:38px; margin-top:86px;}
#top div.menu ul li{ display:inline; float:left;}
#top div.menu ul li.bullet{ background:url(../imagens/menu/marcador.gif) no-repeat; width:46px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}
#top div.menu ul li.bot-home a{ background:url(../imagens/menu/home-off.gif) no-repeat; width:50px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}
#top div.menu ul li.bot-evento a{ background:url(../imagens/menu/evento-off.gif) no-repeat; width:85px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}
#top div.menu ul li.bot-participar a{ background:url(../imagens/menu/como-participar-off.gif) no-repeat; width:156px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}
#top div.menu ul li.bot-visitantes a{ background:url(../imagens/menu/visitantes-on.gif) no-repeat; width:95px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}


#bottom{ background:url(../imagens/visitantes/bottom-f.jpg) bottom; width:100%; height:907px;}
#meio{ width:910px; height:540px; margin:0 auto;}
#meio div.meio-esq{ width:285px; float:left;}
#meio div.meio-dir{ width:602px; float:right;}


#meio div.frase-logo{ width:250px; float:left;}
#meio div.frase-logo p{ text-align:center; color:#a9adb0; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#meio div.frase-logo p span.marcador{ background:url(../imagens/marcador2.gif) center no-repeat; width:5px; height:11px; color:white;}

div.conteudo-visitantes{ width:800px; float:left; clear:both; margin-top:90px;}
div.conteudo-visitantes h2{ background:url(../imagens/visitantes/tit-visitantes.gif) no-repeat; width:95px; height:18px; float:left; text-indent:-9999px; overflow:hidden;}
div.conteudo-visitantes p{ margin-top:30px; float:left; clear:both; color:#8e9093; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.conteudo-visitantes ul{ float:left; width:550px; margin-top:30px; clear:both;}
div.conteudo-visitantes ul li{ color:#8e9093; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:26px;}


#rodape{ width:990px; height:200px; margin-top:12px; position:relative; right:5px;}
#rodape div.conteudo-rodape{ width:910px; margin:0px auto; position:relative; top:60px;}
#rodape div.promo-org{ width:148px; height:150px; float:left; margin-right:138px;}
#rodape div.promo-org h3{ background:url(../imagens/tit-promo-org.gif) no-repeat; width:148px; height:17px; text-indent:-9999px; overflow:hidden;}
#rodape div.promo-org span{ width:122px; display:block; margin:30px auto;}

#rodape div.realizacao{ width:66px; height:150px; float:left; margin-right:138px;}
#rodape div.realizacao h3{ background:url(../imagens/tit-realizacao.gif) no-repeat; width:66px; height:17px; text-indent:-9999px; overflow:hidden;}
#rodape div.realizacao span{ width:49px; display:block; margin:30px auto;}

span.left{ float:left;}
span.right{ float:right; position:relative; bottom:10px;}
#rodape div.apoio{ width:160px; height:150px; float:left;}
#rodape div.apoio h3{ background:url(../imagens/tit-apoio.gif) no-repeat; width:36px; height:17px; text-indent:-9999px; overflow:hidden; margin:0 auto;}
#rodape div.apoio span.apoio{ width:160px; display:block; margin:30px auto;}

#rodape div.agencias{ width:190px; height:150px; float:right;}
#rodape div.agencias h3{ background:url(../imagens/tit-agencias-viegem.gif) no-repeat; width:171px; height:17px; text-indent:-9999px; overflow:hidden; margin:0 auto;}
#rodape div.agencias span{ width:85px; display:block; margin:30px auto;}
