/* 

    Document   : estilos.css
    Created on : 09/07/2009, 15:54:34
    Author     : Vagner - Acao Direta Web Studio
    Description: CSS - Content Pousada dos Sonhos

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
	
*/

*									{ padding:0; margin:0; }
img, fieldset						{ border:none; }
body 								{ background:url(../imagens/background-body.jpg) no-repeat top center #D1CBB1; font-family:Arial, Tahoma, Verdana; font-size:12px; color:#666; }
p									{  }
h2									{ width:100%; height:25px; background:url(../imagens/background-h2.jpg) repeat-x; color:#7B6900; line-height:25px; text-indent:10px; font-size:16px; }
a.all_links							{ margin-left:0 !important; }

/* Container */

div#container						{ width:960px; margin:60px auto; background:#FFFFFF; padding:0 10px; padding-bottom:10px; }
div#wraper							{ width:960px; margin-top:10px; }

/* Correção para divs com float - clear fix */
.clearfix:after                        		{ content: ".";display:block; clear:both; visibility:hidden;line-height:0; height:0; }
.clearfix                               	{ display:inline-block;} 
html[xmlns] .clearfix                   	{ display:block;}
* html .clearfix                        	{ height:1%;}


/* Header */

div#header							{ width:960px; height:130px; position:relative; }
div#header h1 a#logo				{ position:absolute; top:-7px;; width:298px; height:103px; background:url(../imagens/logo-pousada-dos-sonhos-em-florianopolis.jpg); text-indent:-10000px; }
div#header object#banner			{ position:absolute; top:10px; left:260px; }
div#central_reservas				{ width:200px; height:50px; position:absolute; top:20px; right:50px; }
div#central_reservas p				{ font-size:16px; color:#993300; text-align:center; }
div#central_reservas ul.iconstop		{ width:85px; margin:4px 84px;  }
div#central_reservas ul.iconstop li		{ width:25px; float:left; list-style:none; }
/*div#carbon img					{ position:absolute; top:7px; left:355px; width:320px; height:80px; }*/
div#carbon img					{ Float:left; width:320px; height:80px; margin-top:20px; }
div#pousadas img				{ float:left; width:128px; height:80px; margin-top:20px; }
div#trabalhe img				{ Float:right; width:280px; height:80px; margin-top:20px; margin-left:10px; }

ul#idiomas							{ position:absolute; top:35px; right:10px; width:20px; height:30px; }
ul#idiomas li						{ list-style:none; margin-bottom:4px; }

ul#menu								{ position:absolute; left:0; bottom:0; width:960px; height:30px; background:url(../imagens/background-menu.jpg) no-repeat; }
ul#menu li							{ float:left; list-style:none; margin-left:9px; display:inline; }
ul#menu li.no						{ margin-left:5; }
ul#menu li span.separa_menu			{ width:2px; height:30px; background:url(../imagens/divide-menu.jpg) no-repeat; display:block; }
ul#menu li a						{ font-size:14px; text-decoration:none; line-height:30px; color:#FFF; }
ul#menu li a:hover					{ color:#666; }

/* Content Left */

div#container_left					{ width:630px; float:left; margin-right:20px; }
div#container_left .parceiros .item	{ width:200px; border:1px solid #F90; background:#F8ECD3; color:#000; margin-right:20px; text-align:center; padding-top:5px; padding-bottom:5px; display:inline-block; }
div#content_left					{ width:600px; height:500px; background:url(../imagens/background-slide-home.jpg) no-repeat; padding:15px; }
div#content_left h1					{ position:absolute; top:-7px; width:298px; height:103px; background:url(../imagens/logo-pousada-dos-sonhos-em-florianopolis.jpg); text-indent:-10000px; }
div#slide							{ width:600px; height:400px; overflow:hidden; }

/* Container Geral */

div#container_geral						{ width:956px; float:left; margin-right:20px; }
div#container_geral .parceiros .item	{ width:200px; border:1px solid #F90; background:#F8ECD3; color:#000; margin-right:20px; text-align:center; padding-top:5px; padding-bottom:5px; display:inline-block; }
div#content_geral						{ width:956px; height:400px; background:url(../imagens/background-slide-home-geral.jpg) no-repeat; padding:15px; }
div#content_geral h1					{ position:absolute; top:-7px; width:298px; height:103px; background:url(../imagens/logo-pousada-dos-sonhos-em-florianopolis.jpg); text-indent:-10000px; }
div#slide_geral							{ width:900px; height:400px; overflow:hidden; }

/* Acomodações */

div#desc_acomodacoes				{ width:200px; height:430px; float:left; display:inline; }
div#desc_acomodacoes h3				{ font-size:14px; text-align:center; }
div#desc_acomodacoes p				{ font-size:11px; }
div#desc_acomodacoes p span			{ text-align:center !important; display:block; margin-top:5px; }

div#galeria_acomodacoes				{ width:422px; height:430px; margin-left:8px; float:left; overflow-y:auto; overflow-x:hidden; }
div#galeria_acomodacoes h2			{ margin-bottom:2px; }
div.panel-overlay h3				{ line-height:30px; text-align:center; font-size:14px; }

div#menu_acomodacoes p				{ font-weight:bold; margin:10px 0 0 0; text-align:center; }
div#menu_acomodacoes ul li			{ margin-left:0 !important; }
div#menu_acomodacoes ul li a		{ width:290px; height:20px; border-bottom:dotted 1px #7B6900; display:block; text-decoration:none !important; line-height:20px; text-align:center; }
div#menu_acomodacoes ul li a.ativo	{ background:#CDCBB4; font-weight:bold; }
div#menu_acomodacoes ul li a:hover	{ background:#CDCBB4; font-weight:bold; }
div#menu_acomodacoes ul li.flats	{ display:inline; }

/* Localizacao */

div#tabelas_dist					{ width:250px; float:left; }
table.distancias 					{ width:250px; text-align:center; }		
table.distancias tr.line_1 			{ background:#E6E6E6; }
table.distancias tr.line_2			{ background:#F2F2F2; }
table.distancias tr.line_1:hover	{ background:#FFF; padding:3px; }
table.distancias tr.line_2:hover	{ background:#FFF; padding:3px; }
table.distancias tr.line_1 td		{ padding:2px; }
table.distancias tr.line_2 td		{ padding:2px; }
table.distancias thead tr th		{ font-size:12px; font-weight:bold; background:#CDCBB5; repeat-x; color:#7B6900; height:30px; }
div#map								{ width:338px; height:400px; border: solid 1px #6A635B; margin-left:10px; float:left; }

/* Content Right */

div#content_right					{ width:310px; float:left; background:#F2EBD1; min-height:430px; height:auto !important; height:430px; }
div#content_right h3				{ text-align:center; }
div#content_right a					{ text-decoration:none; color:#7B6900; }
div#content_right a:hover			{ text-decoration:underline; }
div#content_right p					{ padding:0 10px; }
div#content_right img.btn			{ float:right; margin:20px 10px 10px 0; }
div#content_right ul li				{ list-style:none; margin-left:10px; line-height:16px; }

div#content_slider					{ width:310px; height:370px; overflow:hidden; }
div#content_slider ul li			{ width:310px; height:390px; margin-left:0; }
div#content_slider ul li h2			{ margin:10px 0; }
div#content_slider ul li a			{ float:left; }
div#content_slider ul li img		{ border: solid 1px #CDCBB4; padding:2px; margin:0 10px; float:left; }

a.btn_acomodacoes					{ background:#B0A800 !important; padding:5px; margin-right:10px; color:#FFF !important; text-decoration:none !important; float:left; }
a.btn_acomodacoes:hover				{ background:#D48E12 !important; }
a.btn_ganhadores					{ background:#B0A800 !important; padding:5px; margin-right:10px; color:#FFF !important; text-decoration:none !important; float:right; }
a.btn_ganhadores:hover				{ background:#D48E12 !important; }
a.btn_voltar						{ background:#B0A800 !important; padding:2px 5px; float:right; margin-right:10px; color:#FFF !important; text-decoration:none; }
a.btn_voltar:hover					{ background:#D48E12 !important; color:#FFF !important; text-decoration:none !important; }

/* Eventos */

ul#eventos li						{ width:150px; height:25px; float:left; background:#CDCBB5; list-style:none; margin-left:10px; text-align:center; line-height:25px; cursor:pointer; margin-bottom:10px; }
ul#eventos li a						{ width:150px; height:25px; display:block; color:#996600; background:#CDCBB5; text-decoration:none;  }
ul#eventos li a:hover				{ background:#E7E2CD; color:#990000; }
ul#eventos li.no					{ margin-left:0; }
ul#eventos li:hover					{ background:#E7E2CD; }

div#print_texto						{ position:relative; z-index:10; margin-top:-70px; }
div#print_texto li					{ width:600px; height:58px; background:url(../imagens/background-textos-eventos.png); color:#FFFFFF; text-align:center; list-style:none; padding-top:12px; }


/* Serviços */

ul#serv_col_1						{ width:200px; float:left; margin-right:20px; }
ul#serv_col_1 li					{ list-style:none; }
ul#serv_col_2						{ width:260px; height:190px; float:left; }
ul#serv_col_2 li					{ list-style:none; }
ul#serv_col_3						{ width:125px; height:190px; float:left; }
ul#serv_col_3 li					{ list-style:none; }

/* Contato */

form#forms label					{ width:100px; display:block; margin-left:10px; float:left; margin-bottom:1px; *margin-bottom:0; display:inline; padding-top:3px; }
form#forms label#sexo				{ width:70px; }
form#forms input					{ width:185px; border: solid 1px #CDCBB5; margin-bottom:1px; *margin-bottom:0; padding:2px; color:#7B6900; }	
form#forms input#masculino			{ width:auto; height:auto; float:left; margin-top:5px; }
form#forms textarea					{ width:185px; border: solid 1px #CDCBB5; color:#7B6900; margin-bottom:10px; padding:2px; }
form#forms select					{ width:191px; border: solid 1px #CDCBB5; margin-bottom:2px; padding:2px; color:#7B6900; }
form#forms input#enviar				{ width:70px; height:20px; margin:0 10px 0 81px; background:#B0A800; border:none; color:#FFF; letter-spacing:2px; float:left; }					
form#forms span						{ width:120px; float:left; display:block; font-size:10px; padding-top:4px; }
div#respostas						{ width:290px; height:30px; line-height:30px; background:#CDCBB5; text-align:center; margin:0 10px 10px 10px; }
form#forms .campo_requer			{ background:#FAF8DF; border: solid 1px #B0A800; }
div#endereco_fones p				{ text-align:center; }

/* Footer */

div#footer							{ height:30px; background:#E7E2CD; margin-top:10px; }
div#footer p						{ padding-top:8px; float:left; text-indent:10px; }
div#footer img						{ float:right; margin-right:20px; }

/* Tarifas */

div#tarifas p						{ text-align:center; }
div#tarifas a						{ color:#333; text-decoration:underline; }
div#tarifas a:hover					{ text-decoration:none; }
div#tarifas table					{ width:100%; text-align:center; background:#999999; }	
div#tarifas table tr.line_1 		{ background:#E6E6E6; }
div#tarifas table tr.line_2			{ background:#F2F2F2; }
div#tarifas table tr.line_1:hover	{ background:#FFF; padding:3px; }
div#tarifas table tr.line_2:hover	{ background:#FFF; padding:3px; }
div#tarifas table tr.line_1 td		{ padding:2px; }
div#tarifas table tr.line_2 td		{ padding:2px; }
div#tarifas table thead tr th		{ font-size:12px; font-weight:bold; background:#CDCBB5; repeat-x; color:#7B6900; height:20px; }

/* Carbon */

div#imagens img						{ width:850px; height:601px; margin-left:60px; }

/* Pacotes */

div#pacotes a						{ color:#990000 !important; }
div#pacotes	ul li					{ float:left; list-style:none; margin:0 0 10px 10px; }
div#pacotes	ul li.no				{ margin-left:25px; display:inline; }
div#pacotes	ul li a					{ width:290px; height:90px; overflow:hidden; display:block; border-bottom:solid 3px #993300; }
div#pacotes	ul li a:hover			{ width:284px; height:87px; border:solid 3px #993300; }
div#pacotes	ul li a:hover img		{ margin:-3px 0 0 -3px; }

/* Logos Home */

div#logos							{ width:250px; height:90px; overflow:hidden; margin-left:25px; }
div#banner							{ padding-left:5px; padding-top:10px;}


/* locacao */

ul.locacao li					{ list-style:none; margin-right:20px; margin-bottom:20px; height:130px; float:left; width:450px;}
ul.locacao li img				{ float:left; }
ul.locacao li p.texto				{ margin-top:30px; float:left; margin-left:15px; width:250px; }
ul.locacao li p.cat				{ text-align:left!important; font-weight:bold;}

ul.cardapios					{ margin-bottom:20px; height:270px; }
ul.cardapios li					{ margin-right:20px; margin-left:55px; width:220px; float:left; list-style:none; margin-bottom:20px; }
ul.cardapios li a				{ text-decoration:none; display:block; width:220px; color:#333; line-height:125px; }
ul.cardapios li a img				{ float:left; }

/* Tabela Ganhadores */

table#ganhadores { background:url(../imagens/fundo_tabela.jpg) no-repeat center center; border:1px solid #F90; margin:-15px auto; font-size:14px; font-weight:bold; }
table#ganhadores .titulos { background:#FFF; }
table#ganhadores .linha { background:#FFFFD2; }
table#ganhadores tr td { border-bottom: 1px dashed #000; color:#000; }
table#ganhadores tr:hover { background:#FC3; color:#000; }

div#contato							{ width:950px; margin:10px 5px 0 5px;}

div#selo img					{ position:absolute; top:0; left:320px; }

div#parceiros img				{ float:left; width:120px; height:98px; margin:20px 116px 55px 0; border:1px dashed #EAB835;}

/* Reportagem */
div.reportagem					{ margin-bottom:20px !important;}
div.reportagem h3				{ margin:20px 0px 20px; text-align:center;}
div.reportagem ul.revistas			{ width:980px; margin:0 auto;}
div.reportagem ul.revistas li			{ float:left; list-style:none; margin-left:90px; text-align:center; height:218px; margin-bottom:30px; width:280px;}
div.reportagem ul.revistas li a			{ width:280px; height:218px; display:block; border:2px solid #FC0;}
div.reportagem ul.revistas li a:hover		{ border:2px solid #000;}

div#reportagem					{ margin:20px 0px 20px; width:980px;}


div#estrela-janeiro				{ z-index:99999; position:absolute; top:183px; right:675px; width:150px; height:155px;}
div#estrela-fevereiro				{ z-index:99999; position:absolute; top:189px; right:214px; width:150px; height:155px;}
div#estrela-carnaval				{ z-index:99999; position:absolute; top:1342px; right:676px; width:150px; height:155px;}

div#galeria_acomodacoes ul.nova-galeria					{ width:396px; height:430; float:left; margin-left:8px; overflow:hidden; list-style:none;}
div#galeria_acomodacoes ul.nova-galeria li				{ width:80px; height:60px; float:left; margin-left:10px; background:#FFF; padding:2px;}
div#galeria_acomodacoes ul.nova-galeria li a				{ display:block; width:80px; height:60px;}
div#galeria_acomodacoes ul.nova-galeria li:hover			{ background:#FFCC00;}



