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

*{ margin:0; padding:0; list-style:none; text-decoration:none;}
body{ background:url(../imagens/participar/bg.jpg) top center; width:100%; height:1800px;}
#geral{ width:990px; margin:0 auto;}
#top{ background:url(../imagens/participar/top.jpg) top center; width:100%; height:165px;}
#top h1.logo a{ background:url(../imagens/logo.jpg) 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-on.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/participar/bottom-f.jpg) bottom; width:100%; height:1635px;}
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; clear:both; margin:0 auto;}
#meio div.meio-esq{ width:900px; float:left; margin-top:90px;}
#meio div.meio-esq h2{ background:url(../imagens/participar/tit-como-participar.gif) no-repeat; width:156px; height:18px; float:left; text-indent:-9999px; overflow:hidden;}
#meio div.meio-esq ul{ float:left; width:550px; margin-top:30px; clear:both;}
#meio div.meio-esq ul li{ color:#8e9093; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:26px;}
#meio div.meio-esq span{ float:left;}
#meio div.meio-esq span.veja-mapa{ background:url(../imagens/participar/icone-ampliar.gif) right no-repeat; margin-top:35px; float:left; width:165px; clear:both;}
#meio div.meio-esq span a{ color:#3f509a; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#meio div.meio-esq span a:hover{ text-decoration:underline;}

#meio div.meio-dir{ width:675px; height:780px; float:right; margin-top:80px;}
#meio div.meio-dir p{ background:url(../imagens/participar/texto-destaque.gif) no-repeat; width:632px; height:84px; text-indent:-9999px; overflow:hidden;}
#form_reserva{ margin-top:40px;}
#form_reserva span{ float:left; clear:both; color:#8e9093; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;} 
#form_reserva span.como-soube{ margin-top:20px; margin-bottom:20px;}
#form_reserva span.newsletter{ float:left;}
#form_reserva span.bot-enviar{ float:right;}
#form_reserva fieldset{ border:none;}
#form_reserva label{ width:315px; margin-bottom:10px; float:left; color:#8e9093; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left;}
#form_reserva label.left{ float:left;}
#form_reserva label.right{ float:right;}
#form_reserva label.atividade{ float:left; clear:both; width:100%; margin-top:30px; margin-bottom:30px;}
#form_reserva label.end{ width:675px; float:left; clear:both;}
#form_reserva input{ color:#3b4d99; padding-left:3px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#form_reserva input.campo{ width:224px; height:20px; border:1px solid #819fb8; float:right;}
#form_reserva input.campo-atividade{ width:500px; height:20px; border:1px solid #819fb8; float:right;}
#form_reserva input.radio{ float:left; margin-right:5px; position:relative; top:3px; *top:0px; }
#form_reserva input.campo-outros{ width:224px; margin-left:7px; height:15px; padding-bottom:3px; border:1px solid #819fb8;}
#form_reserva input.enviar{ float:right; clear:both;}
#form_reserva textarea{ color:#3b4d99; padding-left:3px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; width:673px; height:90px; border:1px solid #819fb8; margin-top:10px;}

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