/*Theme Name: SanfeliceVersion: 1.0Author: Agencia Pro*/
*, html, body {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	line-height: 100%;
}
body {
	padding: 0 0 40px 0;
	font-family: Arial, Helvetica, Sans-serif;
	background: url("img/bg.jpg") no-repeat top center;
}
#wrp {
	width: 960px;
	margin: auto;
	overflow: hidden;
	background: url("img/wrp.jpg") no-repeat right top;
}
#header {
	height: 347px;
	width: 960px;
}
#middle {
 background-image: url('img/middlecontent.png') repeat-x;
}
#header h1 a {
	display: block;
	width: 272px;
	height: 181px;
	float: left;
	margin: 58px 0 0 0;
}
#header p.descricao {
	text-indent: -9999px;
}
#header .slogan {
	margin: 78px 0 0 50px;
}
#menu {
	clear: both;
	width: 895px;
	height: 39px;
	margin: 0 auto 10px auto;
	background: url("img/menu.png") top left;
}
#menu ul {
	margin: 0 0 0 20px;
}
#menu li {
	display: inline;
}
#menu li a {
	float: left;
	height: 39px;
	display: block;
	padding: 0 9px;
	color: #276494;
	font-size: 14px;
	line-height: 39px;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-serif;
	background: url("img/marcador1.png") no-repeat right center;
}
#menu li a:hover {
	color: #000;
	background: url("img/menuhover.png");
}
#menu .last a {
	background: none;
}
#menu .webcheckin a {
	color: #276494;
	float: right;
	background: url("img/botaowc") no-repeat right;
	height: 39px;
	width: 135px;
	text-decoration: none;
	text-align: center;
	line-height: 39px;
	font-family: Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	font-size: 12px;
}
#content {
	float: left;
	width: 960px;
	overflow: hidden;
}
/*Flash*/
#flash {
	width: 909px;
	margin: auto;
}
/*Home*/
#home {
	margin: 15px 0px 10px 20px;
}
#home .blocos {
	float: left;
	width: 300px;
	height: 280px;
	background: url("img/blocos.png") no-repeat;
	position: reletive;
}
#home .blocos h3 {
	color: #6297B3;
	display: block;
	font-size: 15px;
	text-transform: uppercase;
	padding: 25px 20px 10px 40px;
}
#home #eventos h3 {
	
}
#home .blocos h3 a {
	color: #6297B3;
	text-decoration: none;
}
#home #pacotes img{
	border: 2px solid #ffda48;
	position: absolute;
	z-index: 2;
}
#home .blocos h3 a:hover {
	color: #004C66;
}
#home #eventos {
	margin: 0 5px;
}
#home .blocos img {
	margin: 0 0 0 38px;
}
/*Banner beto Carrero*/
.beto-carrero {
	margin: 0 0 0 50px; 
	width: 200px; 
	height: 200px; 
	border: 2px solid #ffda48;
	position: absolute;
	z-index: 1;
}
/*Consulta de reserva*/
#home #consulta form {
	padding: 0 40px;
}
#home #consulta label {
	display: block;
	padding: 3px 0;
	color: #406C84;
	font-size: 13px;
}
#home #consulta input {
  color: #555;
	padding: 5px 3px;
	border: 1px solid #B9C7D2;
}
#home #consulta p {
	margin: 0 0 10px 0;
}
#home #consulta .data input {
	width: 215px;
}
#home #consulta p.n {
	float: left;
	display: inline;
	margin: 0 0 10px 0;
}
#home #consulta p.n input {
	width: 90px;
}
#home #consulta button {
	width: 100px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background: url("img/consultar.png") top left;
}
#home #consulta button:hover {
	background-position: left bottom;
}
/*Page Thumbs*/
#pages .pageThumbs {
	clear: both;
	margin: 0 0 10px 35px;
}
#pages .pageThumbs a {
	margin: 0 5px 0 0;
}

/*Pages*/
#pages h2 {
	color: #276494;
	font-size: 25px;
	margin: 25px 35px 15px 35px;
}
#pages h3 {
	color: #444;
	font-size: 16px;
	margin: 25px 35px 5px 35px;
}

#pages h3.pacote {
	color: #555;
	clear: both;
	font-size: 17px;
	margin: 30px 35px 10px 35px;
	padding: 0 35px 5px 20px;
	border-bottom: 1px dotted #ccc;
	background: url("img/marcador2.png") no-repeat 0 top;
}

img.pacote {
 margin-left: 30px;
}

#pages p {
	color: #444;
	font-size: 13px;
	line-height: 150%;
	margin: 0 35px 15px 35px;
}
#pages p a {
	color: #004C66;
	text-decoration: none;
}
#pages p a:hover {
	text-decoration: underline;
}
/*Listas*/
#pages li {
	line-height: 150%;
	font-size: 14px;
}
#pages ul, #pages ol {
	margin: 0 35px 15px 60px;
}
#pages li {
	color: #555;
	font-size: 13px;
}
/*tables*/
#pages table {
	border-collapse: collapse;
	margin: 0 35px 15px 25px;
}
#pages table td {
	padding: 5px;
	border: 2px solid #00375F;
}
/*Form*/
label, button {
	cursor: pointer;
}

#pages .contato {
	margin: 0 35px 15px 35px;
}
#pages .contato input.text, #pages .contato textarea {
	width: 350px;
	padding: 4px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}
#pages .contato label {
	display: block;
	font-size: 13px;
	padding: 3px 0;
}
#pages .contato textarea {
	height: 100px;
}
#pages form button {
	height: 28px;
	width: 70px;
	clear: both;
	display: block;
	margin: 10px 0 0 0;
	text-indent: -999px;
	background: url("img/enviar.png");
}
/*webchekin*/
#pages .reservas, #pages .checkin {
	margin: 0 35px 20px 35px;
}
#pages form .text label, #pages form label {
	display: block;
	padding: 3px 0;
}
#pages form .text input {
	padding: 3px;
	width: 260px;
	background: #fff;
	border: 1px solid #ccc;
}
#pages form textarea {
	padding: 3px;
	width: 665px;
	height: 100px;
	overflow: auto;
	background: #fff;
	border: 1px solid #ccc;
	font: 13px Verdana, Arial, Helvetica, Sans-serif;
}

#pages form p {
	margin: 0 0 10px 0;
}
/**/
#pages form .colunas {
	float: left;
	width: 400px;
}

/*Add*/
#pages #proADD {
	clear: both;
	width: 380px;
	font-size: 13px;
	margin: 20px 0 0  0;
}
#pages #proADD input.text {
	padding: 3px;
	width: 260px;
	background: #fff;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
}
#pages #contentAcompanhante {
	padding-bottom: 10px;
}
#pages #contentAcompanhante div {
	padding: 10px;
	margin: 10px 0 10px 0;
	background: #E9F2FB;
}
#pages #proADD .excluirAcompanhante {
	float: right;
}

#pages #proADD .addAcompanhante {
	display: block;
	width: 191px;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
	background: url("img/acompanhetes.png") top left;
}
#pages #proADD a:hover {
	background-position: left bottom;
}

#pages #proADD .excluirAcompanhante {
	width: 81px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	background: url("img/excluir.png") top left;
}

/*Coluna de imagens*/
.colImag {
	width: 420px;
	float: right;
	margin: 0 30px 0 0;
}
.colImag a img {
	float: left;
	margin: 0 0 10px 10px;
}

/*Comuns*/
#pages .floatright {
	float: right;
	border: 3px solid #ccc;
}
#pages .floatleft {
	float: left;
}
.voltar {
	clear: both;
}
/*Maps*/
#pages #map {
	width: 870px;
	height: 480px
}
#pages .moldura {
	width: 880px;
	height: 490px;
	padding: 10px 0 0 10px;
	margin: 0 0 15px 35px;
	background: url("img/moldura.png");
}
/*Galeria de imagens*/
.accessGallery a {
	top: 250px;
	left: 50%;
	margin-left: -450px;
	color: #276494;
	display: block;
	height: 77px;
	z-index: 50;
 	font-size: 20px;
	font-weight: bold;
	padding-left: 90px;
	line-height: 77px;
	position: absolute;
	text-decoration: none;
	background: url(img/gallery.png) no-repeat left top;
}
.accessGallery a:hover {
	color: #fff;
	text-shadow: 2px 2px 3px #555;
}
.facebook a {
	background: url("img/icone-facebook.png") no-repeat;
	float: left;
	width: 50px;
	height: 50px;
	margin: 30px 0 0 50px;
}

/*Paginas Galeria de imagens*/

#pages .galeria {
	clear: both;
	margin: 0 0 20px 35px;
}
#pages .galeria  a {
	color: #555;
}

#pages .galeria .albumThumb {
	float: left;
	width: 200px;
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	margin: 0 30px 0 0;
}

#pages .galeria .albumThumb strong {
	display: block;
	padding: 5px 0;
}


/*Footer*/
#footer {
	color: #fff;
	clear: both;
	width: 890px;
	height: 100px;
	margin: 0 auto;
	font-size: 13px;
	padding: 20px 0 0 0;
	background: url("img/footer.jpg");
	position: relative;
}
#footer address {
	float: left;
	width: 210px;
	line-height: 150%;
	font-style: normal;
	margin: 0 0 0 25px;
}

#footer address a {
	color: #7FC9FF;
}
#footer .contact {
	float: left;
	width: 100px;
	margin: auto;
	line-height: 150%;
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	border-left: 1px dotted #ccc;
}

#footer .beto a {
	float: left;
	width: 140px;
	height: 80px;
	margin-left: 40px;
	text-decoration: none;
	color: #7FC9FF;
}

#footer strong {
	display: block;
	padding: 5px 0;
}
.esconde {
  display: none;
}
#footer .link-beto {
	display: block;
	width: 120px;
	height: 200px;
	border: 1px solid red;
	position: absolute;
	left: 50%;
	top: 0;
}