/* 

    Document   : estilos.css
    Created on : 17/12/2009, 15:55:20
    Author     : Kayan - Acao Direta Web Studio
    Description: CSS - Pousar

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/

*						{ padding:0; margin:0; }
img, fieldset					{ border:none; }
body 						{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../imagens/bg.png) repeat-x; background-color:#024664; }
div.clear					{ clear:both; }

/* Container */ 

#container					{ width:980px; margin:0 auto; }

/* wrapper */

wrapper						{ width:980px; }

/* left */

#left 					{ float:left; width:264px; margin-top:40px; margin-left:13px; }
#bg_left					{ width:254px; height:577px; background:url(../imagens/bg_menu.png) no-repeat; }
#left h1					{ padding:30px 15px; }
#left img.abih				{ position:absolute; top:480px; left:78px; }

/* menu */

#menu					{ width:200px; height:420px; margin-top:-18px; margin-left:28px; text-align:center; background:url(../imagens/bg_ul.png) no-repeat; }
#menu p					{ font-size:10px; color:#4b4c4c; margin-bottom:18px; }
#menu p.top					{ margin-top:35px; }
#menu img					{ margin-top:20px; }
#menu p.telefone				{ font-family:impact; font-size:16px; color:#626262; }
#left ul					{ list-style:none; }
#left li a					{ display:block; height:35px; font-size:17px; color:#036A8A; text-decoration:none; }
#left li					{ width:198px; height:35px; margin-left:1px; background:url(../imagens/bg_li.jpg) no-repeat; line-height:40px;  }
#left li.selected,
#left li a:hover				{ height:35px; background:url(../imagens/hover_menu.jpg) no-repeat; color:#fff; border-bottom:solid 1px #02628A; }
#left li.selected a 				{ color:#fff; }
#menu #menu_map                         { color:#4b4c4c; text-decoration: none; }
/* footer */

#bg_footer					{ background:url(../imagens/bg_footer.png) repeat-x; }
#footer					{ width:980px; margin:auto; height:35px; margin-top:15px; }
#footer p					{ float:left; padding-left:35px; padding-top:10px; width:340px; text-align:left; color:#8D9CA9; font-size:11px; }
#footer a.logo_acao				{ float:right; width:102px; height:22px; background:url(../imagens/logo_acao.png) no-repeat; text-indent:-9999px; padding-right:35px; margin-top:7px }

/* right */

#right					{ width:658px; float:left; margin-top:68px; margin-left:5px; }

/* content */

#content_home h1				{ text-align:center; font-size:26px; font-weight:normal; color:#96c8f9; margin-bottom:8px; }
#interno					{ width:658px; }
#interno_baixo				{ width:658px; margin-top:25px; }
#interno_left				{ float:left; width:365px; border-right:solid 1px #19516a; margin-left:13px; height:185px; }
#interno_left h2 a				{ text-decoration:none; color:#d3e602; font-size:15px; }
#interno_left p				{ color:#dbdddf; text-align:justify; margin-right:15px; }
#interno_left img				{ float:left; }
#interno_left p.dest	a			{ text-decoration:none; float:left; margin-left:10px; color:#8bc1f7; }
#interno_left p.pdest			{ float:left; margin-left:10px; width:280px; }

#interno_right				{ float:left; width:250px; margin-left:15px; }
#interno_right h2 a				{ text-decoration:none; color:#02e642; font-size:15px; }
#interno_right p				{ color:#dbdddf; text-align:justify; }

#interno_b					{ margin-left:20px; margin-top:20px; width:640px; }
#interno_b h2				{ color:#02e642; font-size:15px; border-bottom:1px solid #19516A; }
#interno_b h2.top				{ margin-top:10px; }
#interno_b p					{ color:#dbdddf; text-align:justify; margin-top:10px; }
#interno_b ul				{ list-style:none; margin-left:20px; }
#interno_b li				{ color:#dbdddf; margin-top:10px; }

#interno_b table				{ margin-left:30px; }
#interno_b img.mapabaixo			{ margin-bottom:4px; margin-left:100px;  }
#interno_b img.mapacima			{ margin-left:100px; }
#mapa 					{ margin-top:-2px; margin-left:100px; width:337px; background-color:#FFFFFF; }

/* Contato */

div.form_contato				{ width:490px; margin:15px 25px; float:left; }
div.form_contato fieldset			{ margin:auto; width:504px; }
div.form_contato label				{ width:100px; height:20px; display:block; float:left; color:#dbdddf; }
div.form_contato form input			{ width:350px; padding:2px; border:solid 1px #CCCCCC; color:#333333; margin-bottom:2px; }
div.form_contato form textarea			{ width:354px; margin-bottom:3px; border: solid 1px #CCCCCC; }
div.form_contato form input.enviar		{ width:auto; background:#002A3E; color:#FFFFFF; border:none; padding:2px 5px; float:right; margin-right:48px; }
div.form_contato form .campo_requer		{ background:#E0E0E0; }
div.form_contato p				{ width:250px; color:#fff; padding-top:5px; }
#resposta_contato 				{ width:640px;; background:#024664; height:30px; text-align:center; margin-bottom:10px; margin-top:20px; }
#resposta_contato p.envio_ok			{ text-align:center; }

/* Regiões */

#regioes					{ width:640px;  }
#regioes ul					{ width:400px; height:20px; background:url(../imagens/bg_todos_map.png) no-repeat; list-style:none; margin:auto; }
#regioes li					{ float:left; margin-left:25px; margin-top:3px; color:#4B4C4C; }
#regioes p.text				{ width:640px; text-align:center; }
#mapa a,
#regioes a					{ text-decoration:none; color:#96C8F9; }
#regioes a.ativo				{ text-decoration:none; color:#4B4C4C; }
#pousadas p.linha				{ margin-left:0px; width:640px; border-bottom:1px solid #19516A; }
#pousadas p.toplinha				{ margin-left:0px; margin-top:-5px; width:640px; border-bottom:1px solid #19516A; }

#pousadas					{ margin-left:20px; margin-top:20px; width:620px; }
#pousadas p					{ width:320px; margin-left:180px; margin-top:7px; }
#pousadas h3					{ float:left; width:496px; color:#fff; font-size:16px; }
#pousadas h4					{ float:right; color:#fff; font-size:15px; }
#pousadas div.pousada img.imagem		{ float:left; margin-top:10px;}
#pousadas div.pousada img.logo		{ float:right; margin: -45px 5px 28px 5px; }
#pousadas div.pousada h3			{ width:395px; }
#pousadas div.icones					{ width:450px; float:right; }
#pousadas img.icone	{ margin: 5px auto 10px 10px; float:left; }
#pousadas p.distancia	{ margin: 8px auto auto 5px; width:50px; float:left; font-weight:bold; }