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

*{ margin:0; padding:0; list-style:none; text-decoration:none;}
body{ background:url(../imagens/evento/bg-f.jpg) top center; width:100%; height:1208px;}
#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-on.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/evento/bottom-f.jpg) bottom; width:100%; height:1043px;}
div.bg{ width:990px; background:url(../imagens/evento/bg.jpg) top right no-repeat;}

div.frase-logo{ width:250px; clear:both; float:left; display:inline; margin-left:40px;}
div.frase-logo p{ text-align:center; color:#a9adb0; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.frase-logo p span.marcador{ background:url(../imagens/marcador2.gif) center no-repeat; width:5px; height:11px; color:white;}


#meio{ width:910px; height:540px; clear:both; margin:0 auto;}
#meio div.meio-esq{ width:595px; float:left; margin-top:40px;}
#meio div.meio-esq h2{ background:url(../imagens/evento/tit-evento.gif) no-repeat; width:85px; height:18px; float:left; text-indent:-9999px; overflow:hidden;}
#meio div.meio-esq p{ width:580px; float:left; clear:both; margin-top:30px; color:#8e9093; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#meio div.meio-esq2{ width:580px; height:260px; float:left; margin-top:60px;}
#meio div.meio-esq2 span.left{ display:block; float:left;}
div.meio-esq2 span.left h3 a{ background:url(../imagens/evento/tit-veja-mapa.gif) no-repeat; width:232px; height:18px; float:left; text-indent:-9999px; overflow:hidden;}
div.meio-esq2 span.left img{ float:left; clear:both; border:1px solid #819fb8; margin-top:12px;}
div.meio-esq2 span.left p{ width:258px; float:left; clear:both; padding-top:12px; color:#8e9093; font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.meio-esq2 span.left p a{ color:#4054a6;}
div.meio-esq2 span.left p a:hover{ text-decoration:underline;}

#meio div.meio-esq2 span.right{ display:block; float:right;}
div.meio-esq2 span.right h3 a{ background:url(../imagens/evento/tit-conheca.gif) no-repeat; width:256px; height:18px; float:left; text-indent:-9999px; overflow:hidden;}
div.meio-esq2 span.right img{ float:left; clear:both; border:1px solid #819fb8; margin-top:12px;}
div.meio-esq2 span.right p{ width:258px; float:left; clear:both; padding-top:12px; color:#8e9093; font:0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;}
div.meio-esq2 span.right p a{ color:#4054a6;}
div.meio-esq2 span.right p a:hover{ text-decoration:underline;}

#rodape{ width:990px; height:200px; margin-top:12px; position:relative; right:5px; clear:both; margin-top:80px;}
#rodape div.conteudo-rodape{ width:910px; margin:0px auto; position:relative; top:70px;}
#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;}