@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none; text-decoration:none;}
body{ background:url(../imagens/bg-f.jpg) top center; width:100%; height:1080px;}
#geral{ width:990px; margin:0 auto;}
#top{ background:url(../imagens/top-f.jpg) top center; width:100%; height:165px;}
#top h1.logo{ 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-on.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-off.gif) no-repeat; width:95px; height:18px; display:block; text-indent:-9999px; overflow:hidden;}


#bottom{ background:url(../imagens/bottom-f.jpg) bottom; width:100%; height:915px;}
#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;}

#meio div.data{ width:246px; height:124px; clear:both; float:left;}
#meio div.data p{ background:url(../imagens/data-evento.gif); width:246px; height:130px; float:left; text-indent:-9999px; overflow:hidden; margin-top:80px;}

#meio div.faca-parte{ background:url(../imagens/home/fundo-destaque-home.jpg) no-repeat; float:right; width:602px; height:326px;}
#meio div.imagem-destaque{ margin-top:38px; margin-left:40px;}

#meio div.meio-baixo{ width:910px; height:150px; margin-top:52px; float:left;}

#meio div.contato{ width:231px; height:150px; float:left; border-right:1px solid #dce6fa;}
#meio div.contato h2{ background:url(../imagens/tit-contato.gif) no-repeat; width:79px; height:22px; float:left; text-indent:-9999px; overflow:hidden;}
#meio div.contato p{ clear:both; width:155px; color:#4054a6; font:12px Verdana, Geneva, sans-serif; float:left; display:inline; margin-top:30px; line-height:25px;}
#meio div.contato p span.tel{ font-size:22px;}
#meio div.contato p span.mail{ background:url(../imagens/icone-email.gif) no-repeat; width:15px; height:9px; float:left; text-indent:-9999px; overflow:hidden; position:relative; top:10px;}
#meio div.contato p a{ position:relative; left:6px; color:#4054a6;}
#meio div.contato p a:hover{ text-decoration:underline;}

#meio div.apresentacao{ width:380px; height:150px; float:left; border-right:1px solid #ccdaf2;}
#meio div.apresentacao h2{ display:inline; margin-left:90px; background:url(../imagens/home/tit-apresentacao.gif) no-repeat; width:142px; height:28px; float:left; text-indent:-9999px; overflow:hidden;}
#meio div.apresentacao span a{ padding-top:5px; display:block; float:left;}
#meio div.apresentacao span.icone-pdf a{ background:url(../imagens/home/icone-pdf.gif) no-repeat; margin-left:60px; margin-top:11px; width:93px; height:91px; display:inline; float:left; clear:both; text-indent:-9999px; overflow:hidden;}
#meio div.apresentacao span.texto-apresentacao a{ width:140px; padding-top:26px; padding-left:28px; font:12px Verdana, Geneva, sans-serif; color:#4054a6;}
#meio div.apresentacao span.texto-apresentacao a:hover{ text-decoration:underline;}

#meio div.mapa{ width:205px; height:150px; float:right;}
#meio div.mapa h2{ background:url(../imagens/tit-mapa-da-feira.gif) no-repeat; width:143px; height:28px; float:left; text-indent:-9999px; overflow:hidden; display:inline;}
#meio div.mapa span.imagem-mapa a{ background:url(../imagens/mapa.jpg) no-repeat; width:205px; height:107px; clear:both; float:left; margin-top:15px; text-indent:-9999px; overflow:hidden;}

#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;}