﻿@import url(reset_home.css);
/*		Estilo - ChezPitu - Base do site                */
/*		Criado por: Victor Leonardo		Em: 20/02/2008			   */
/*		Contato: victor.leonardo@focusnetworks.com.br		  	   */
/*		Modificado por:	-			Em: __/__/____	    		   */
/* ------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------ */
/* 					Config. Gerais 	  		      			   */
/* ------------------------------------------------------------------------------------------------------ */


*{
	padding: 0;
	margin: 0;
}

html{
	background: #e2edf0;
}

.div_flaHome{
	position:relative;
	float:left;
	display:block;
	margin-top:50px;
}

.flaHome{
	margin-left:-45px;
}

body{
	padding-top: 30px;
	font-family: Verdana;
	font-size: 11px;
	color: #846c3c;
}

.geral{
	width: 865px;
	margin: 0 auto;
	position: relative;
}

.cabecalho a, .menu a, h2, .reservas span, .reservas strong, .direita .topo a, .geral .bot span, h3,
.selo_calendario, .conheca_buzios .bottom ul li a, .lista_temporada a, .btn_enviar, .email, .msn, .menu_idiomas_capa a,
.fotos_buzios li a
{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

li{
	list-style: none;
}

fieldset{
	border: none;
}

a img{
	border: none;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------ */
/* 					Config. Top (*TOP)	  		      			   */
/* ------------------------------------------------------------------------------------------------------ */

.geral .top{
	background: url(../img/bg_top.png) no-repeat 158px center;
	width: 864px;
	height: 14px;
	float: right;
}

.geral .mid{
	background: url(../img/bg_middle.png) repeat-y;
	width: 864px;
	float: left;
}

.geral .bot{
	background: url(../img/bg_bottom.png) no-repeat;
	width: 864px;
	height: 53px;
	clear: both;
}

.cabecalho h1 a{
	/*background: url(../img/logo_chezpitu-trans.png) no-repeat;
	width: 305px;
	height: 282px;
	position: absolute;
	top: -22px;
	left: -42px;*/
	
	background: url(../img/logo_chezpitu.png) no-repeat;
	width: 296px;
	height: 248px;
	top: -4px;
	left: -50px;
	position: absolute;
}

.cabecalho ul, .menu_idiomas_capa{
	position: absolute;
	right: 90px;
	top: -10px;
}

.menu_idiomas_capa{
	top: 55px;
	right: 70px;
}

.cabecalho ul li, .menu_idiomas_capa li{
	float: left;
	margin: 0 10px 0 0;
}

.btn_us, .btn_es, .btn_pt{
	background: url(../img/idiomas.gif) no-repeat;
	height: 10px;
	position: relative;
}

.btn_us{
  background-position: 0px 0px;
  width: 58px;
}

.btn_es{
	background-position: 42% 0px;
	width: 63px;
}

.btn_pt{
	background-position: right 0px;
	width: 78px;
}

.cabecalho img{
	display: block;
	float: right;
	margin: -3px 11px 0 0;
}

/*
.veja_praia{
	background: url(../img/btn_veja_praia.gif) no-repeat;
	width: 24px;
	height: 264px;	
	position: absolute;
	right: -15px;
	top: 25px;
}*/

.veja_praia {
	background: url(../img/btn_veja_praia.png) no-repeat;
	width: 222px;
	height: 51px;
	top:11px;
	right:14px;
	position: absolute;
	z-index:2;
}

.veja_praia_camera {
  height:16px;
    position:absolute;
    right:16px;
    top:-5px;
    width:50px;
    z-index:3;
    margin:0 !important;
    float:none !important;
}

.hiddenMenu{
	display: none;
}

/* ------------------------------------------------------------------------------------------------------ */
/* 					Config. Mid (*ESQUERDA)	  		      			   */
/* ------------------------------------------------------------------------------------------------------ */

.conteudo{
	clear: both;
}

.conteudo .esquerda{
	float: left;
}

html:first-child > body .conteudo .esquerda{width: 245px;}

.conteudo .menu{
	border-bottom: 1px solid #F9F3E3;
	padding-bottom: 5px;
	float: left;
	margin: 40px 0 0 30px;
	width: 215px;
	overflow: hidden;
	display: block;
}

.conteudo .menu li{
	float: left;
	margin-top: 3px;
	margin-bottom: 2px;
	background-color: #A9AB90;
}

.conteudo .menu a{
	background-image: url(../img/menuPort.gif);
	width: 215px;
	height: 13px;
}

.conteudo .menu .over{
	background-image: url(../img/menuPort_over.gif);
}

.btn_nossos_apartamentos{
	background-position: 0 120px;
}

.btn_tarifas{
	background-position: 0 102px;
}

.btn_localizacao{
	background-position: 0 84px;
}

.btn_contato_reservas{
	background-position: 0 66px;
}

.btn_conheca_buzios{
	background-position: 0 48px;
}

.btn_links_recomendados{
	background-position: 0 30px;
}

.btn_fotos{
	background-position: 0 13px;
}

.reservas{
	background: url(../img/filete.gif) repeat-x left bottom #F7F0DD;
	float: left;
	margin: 25px 0 0 30px;
	width: 215px;
	clear: both;
}

.reservas h2{
	background: url(../img/tit_reservas.gif) no-repeat;
	width: 123px;
	height: 21px;
	float: left;
	margin: 10px 0 0 10px;
}

.tit_contato{
	background: url(../img/tit_contato_mini.gif) no-repeat;
	width: 72px;
	height: 3px;
	float: left;
	margin: 28px 0 0 4px;
}

.tit_tel{
	background: url(../img/tit_tel.gif) no-repeat;
	width: 45px;
	height: 10px;
	float: left;
	margin: 10px 0 10px 10px;
}

.tel_0800{
	background: url(../img/num_0800.gif) no-repeat;
	width: 126px;
	height: 10px;
	clear: both;
	margin: 0 0 5px 10px;
}

.tel_2623{
	background: url(../img/num_2226.gif) no-repeat;
	width: 122px;
	height: 8px;
	margin-left: 10px;
}

.tit_email{
	background: url(../img/tit_email_.gif) no-repeat;
	width: 65px;
	height: 10px;
	float: left;
	margin: 10px 0 5px 10px;
}

.email{
	background: url(../img/email_email.gif) no-repeat;
	width: 194px;
	height: 13px;
	clear: both;
	margin: 0 0 5px 10px;
}

.msn_img{
	background: url(../img/msn.gif) no-repeat;
	width: 17px;
	height: 14px;
	float: left;
	margin: 4px 0 5px 10px;
	display:block;
}

.tit_msn{
	background: url(../img/tit_messenger.gif) no-repeat;
	width: 134px;
	height: 10px;
	float: left;
	margin: 6px 0 5px 10px;
}

.msn{
	background: url(../img/email_msn.gif) no-repeat;
	width: 178px;
	height: 13px;
	clear: both;
	margin: 0 0 15px 10px;
}

.conteudo .esquerda img{
	float: left;
	clear: both;
	margin: 15px 0 0 30px;
}

/* ------------------------------------------------------------------------------------------------------ */
/* 					Config. Mid (*DIREITA)	  		      			   */
/* ------------------------------------------------------------------------------------------------------ */

.conteudo .direita{
	background: url(../img/bg_conteudo.png) repeat-x;
	float: left;
	width: 586px;
	padding: 5px;
	/*margin-left: 16px;*/
}

.direita .topo{
	margin: 25px 30px 0 20px;
	border-bottom: 1px solid #D1C9B4;
}

.direita .topo a{
	background: url(../img/btn_voltar.gif) no-repeat;
	width: 85px;
	height: 11px;
	float: right;
	margin: -15px 0 0 0;
}

.direita .topo h2{
	margin-bottom: 5px;
}

.direita .center h2{
	padding-bottom: 10px;
}

.center blockquote{
	text-align: justify;
	padding: 0 25px 0 10px;
}

.selo_calendario{
	background: url(../img/selo_calendario_eventos.gif) no-repeat;
	width: 203px;
	height: 51px;
	float: right;
	margin: 15px 25px 0 0;
	display:none;
}

/* ------------------------------------------------------------------------------------------------------ */
/* 					Config. BOT (*BOTTOM)	  		      			   */
/* ------------------------------------------------------------------------------------------------------ */

.infra_servicos{
	background: #EFE8CC;
	margin: 10px 25px 10px 15px;
	padding: 10px 5px 10px 5px;
	position: relative;
}

.infra_servicos li{
	background: url(../img/icon_peixe.gif) no-repeat left 3px;
	display: block;
	padding-left: 18px;
	margin: 5px 0 8px 0;
}

.infra_servicos div{
	width: 7px;
	height: 6px;
	position: absolute;
}

.infra_servicos .left_top, .infra_servicos .right_top{
	top: 0;
}

.infra_servicos .left_bot, .infra_servicos .right_bot{
	bottom: 0;
}

.infra_servicos .left_top{
	background: url(../img/bg_top_left.gif) no-repeat;
	left: 0;
}

.infra_servicos .right_top{
	background: url(../img/bg_top_right.gif) no-repeat;
	right: 0;
}

.infra_servicos .left_bot{
	background: url(../img/bg_bot_left.gif) no-repeat;
	left: 0;
}

.infra_servicos .right_bot{
	background: url(../img/bg_bot_right.gif) no-repeat;
	right: 0;
}

.geral .bot span{
	background: url(../img/endereco.gif) no-repeat;
	width: 367px;
	height: 9px;
	float: right;
	margin: 22px 15px 0 0;
}

/*
.rodape address, .rodape a{
	display: block;
	font-family: "Tahoma";
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #FDFDFD;
	text-align: right;
	clear: both;
	padding-right: 15px;
}

.rodape address{
	padding-right: 12px;
}

.rodape a{
	width: 180px;
	float: right;
}
*/


.rodape{
	width:98%;
	clear: both;
	padding: 15px 1%;
	font-family:Serif;
	display:table;
	font-size:11px!important;
}

.rodape p{
	color: #535f43;
	font-size: 11px;
	*font-size:10px;
	_font-size:11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	
}

.rodape p strong{
	color: #b55a06;
}

.rodape address, .rodape a{
	width: 400px;
	color: #535f43;
	font-size: 9px!important;
	font-style: normal;
	font-family: Tahoma;
	padding: 10px 0 10px 0;
	display: inline;
}

.rodape a{
	text-align: right;
}

/*area esquerda interna*/
.area_esquerda_mid {
	display:inline;
	float:left;
	margin:-26px 0 0 0px;
	position:relative;
	width:261px;
	z-index:5;
}

.area_esquerda_mid .area_reservas{
	clear: both;
	width: 195px;
	margin: 5px 0 0 30px;
	padding: 5px 10px 10px 10px;
	background: #f6f0dc;
	font-family:Serif;
	float:left;
	display:inline;
}

.area_esquerda_mid .area_reservas h2{
	color: #866b3c;
	font-size: 26px;
	font-weight: 200;
	border-bottom: 1px dotted #866b3c;
	text-transform: uppercase;
	text-indent:0px;
}

.area_esquerda_mid .area_reservas strong{
	color: #b55a06;
	display: block;
	padding: 10px 0 2px 0;
	font-size: 13px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-indent:0px;
}

.area_esquerda_mid .area_reservas .icon_msn{
	background: url(../img/icon_msn.gif) no-repeat left 10px;
	padding-left: 20px;
}

.area_esquerda_mid .area_reservas span, .area_esquerda_mid .area_reservas a{
	color: #525f44;
	display: block;
	font-size: 13px;
	letter-spacing: 1px;
}

.area_esquerda_mid .area_reservas span.tel_1{
	font-size: 15px;
	letter-spacing: 1.5px;
}

.r,.r_i{display:block;overflow:hidden;text-indent:-9999px;}.r_i{border:none;word-spacing:999px;cursor:pointer;}