/*
CSS comum a todas as sessoes
*/
a {
	color:#000;
	text-decoration:underline;
}
input,textarea, select {
	font-size:12px;
    margin-bottom: 5px;
    margin-top: 4px;
}

#destaque, #dicas, #botoes, #vilahall, #amigosvila, #bg,.btn-ok,.botoes a , #titulo-sessao, 
#noticias, #pacotes, #calendario, #localizacao, #reservas, #galeria, #depoimento, #twitter, #facebook, #redessociais, #script {
	position:relative;
}
.faixa-bot {
	background:transparent url(../../imgs/faixa/faixa-bot.png) no-repeat scroll left top;
	bottom:-20px;
	height:56px;
	position:absolute;
	right:-20px;
	width:89px;
	z-index:9;	
}
.faixa-top {
	background:transparent url(../../imgs/faixa/faixa-top.png) no-repeat scroll left top;
	top:-22px;
	height:80px;
	position:absolute;
	left:-14px;
	width:89px;
	z-index:2;
}
ul {
	list-style:none;
}

body {
	background: url(../../imgs/bgs/textura.jpg) repeat left top;
}

#bg {
	background: url('../../imgs/bgs/bg-efeito-topo.jpg') repeat-x scroll top left;
}

.page {
	width: 944px;
}

#col-right {
	width: 264px;
}
#linkreserva{
	height:335px;
left:10px;
position:absolute;
top:6px;
width:255px;
z-index:99;}

#col-mid {
	width: 653px;
}

#paginacao #controles a {
	float:left;
}

#desenvolvidopor {
	bottom:200px;
	position:fixed;
	right:0;
}
#main {
	margin-top:20px;
}
/****** MENU ****/

#bloco-menu {
	background: url('../../imgs/bgs/textura-menu.png') repeat-x scroll top center;
	height: 93px;
	width:1016px;
	margin:0 auto;
}

#menu-horizontal ul.itens-menu {
	margin-top:25px;
	float:left;
}

#menu-horizontal li {
	margin-right:28px;
	float:left;
	position:relative;
}

#menu-horizontal li.ultimo {
	margin-right:0;
} 

#header {
	height:264px;
	text-align:center;
}

#reservas {
	background:transparent url(../../imgs/bgs/bg-reserva.jpg) no-repeat scroll left top;
	height: 178px;
	margin-bottom:36px;
	width:271px;
}

#facebook {
	background:transparent url(../../imgs/bgs/bg-facebook.jpg) no-repeat scroll left top;
	height:301px;
	margin-top:30px;
	width: 314px;
}

#facebookcontent {
	padding-top: 80px;
	padding-left: 30px;
}

#facebookcontent iframe div {
	border: 0 none !important;
	margin-left: -2px;
	margin-top: -2px;
}

#twitter {
	background:transparent url(../../imgs/bgs/bg-twitter.jpg) no-repeat scroll left top;
	height:301px;
	margin-top:36px;
	width: 314px;
}

#twitter_div {
	padding-top: 80px;
}

#twitter_div li {
	margin-bottom: 10px;
	height: 60px;
}

#twitter_div li .data {
	float: none !important;
}

#redessociais {
	width:271px;
	height:65px;
	padding-top: 50px;
	background:transparent url(../../imgs/bgs/redessociais.png) no-repeat scroll left top;
}

#redessociais img {
	margin-right: 10px;
}

#script {
	margin-top: 36px;
	width: 271px;
	padding-left: 20px;
}

#galeria {
	background: url('../../imgs/bgs/bg-galeria-de-fotos.jpg') no-repeat scroll top left;
	width: 271px;
	height: 299px;
	margin-bottom:26px;
}

#calendario {
	background: url('../../imgs/bgs/bg-calendario.jpg') no-repeat scroll top left;
	width: 271px;
	height: 282px;
	margin-top:28px;
	margin-bottom:36px;
}

/******** Lista Galeria ************/
.lista-imagens-thumb {
	width:233px;
	margin:0 auto;
}
.lista-imagens-thumb .img-thumb {
	background:transparent url(../../imgs/bgs/bg-img-thumb.png) no-repeat scroll left top;
	float:left;
	height:71px;
	margin-bottom:10px;
	margin-right:6px;
	width:71px;
}

.img-thumb a {
	display:block;
	margin:10px 0 0 10px;
}

.titulo-chamada {
	background:transparent url(../../imgs/bgs/bg-listagem-capa.png) no-repeat scroll left top;
	height:32px;
	width:266px;
}
textarea{
	background:transparent none repeat scroll 0 0;
	border:0 none;
}
.data {
	float:left;
	padding-top:9px;
	text-align:center;
	width:45px;
	color:#FFF;
}

.titulo-noticia {
	float:right;
	padding-top:8px;
	width:216px;
}

/********* Noticias *************/
.img-notcia {
	background:transparent url(../../imgs/bgs/bg-img-dicas.jpg) no-repeat scroll left top;
	height:110px;
	margin-top:7px;
	padding:10px 0 0 10px;
	width:265px;
}
.bloco-noticias {
	margin:0 auto;
	padding-top:76px;
	width:266px;
}


/****** Calendario *********/
#calendario .titulo-chamada {
	width:244px;
}

#calendario .titulo-chamada .titulo-noticia {
	width:195px;
}
.bloco-calendario {
	width:225px;
	margin:0 auto;
	padding-top:73px;
}


/******** Galeria *************/

.bloco-galeria {
	padding-top:75px;
}

.bloco-galeria .botoes {
	float:left;
	width:244px;
}
.bloco-galeria .botoes a {
	float:left;
	z-index:3;
}

.btn-enviar{float: right; margin-bottom: 20%; margin-right: 29%;}

.botoes a.btn-album {
	background:transparent url(../../imgs/botoes/btn-album.jpg) no-repeat scroll center center;
	color:#F5D11E;
	display:block;
	height:32px;
	margin-left:13px;
	margin-right:-8px;
	margin-top:-9px;
	padding-top:15px;
	position:relative;
	text-align:center;
	width:170px;
	z-index:4;
}

/************ RODAPE ***************/

#footer {
	background: url('../../imgs/bgs/bg-rodape.png') no-repeat scroll top left;
	width: 892px;
	height: 181px;
}
#faixa-rodape {
	background:transparent url(../../imgs/bgs/bg-faixa-rodape.png) repeat-x scroll right top;
	bottom:125px;
	height:23px;
	position:absolute;
	right:0;
	width:22%;
}


/************* Reserva *******************/

.bloco-reserva .box  {
	background: url('../../imgs/bgs/bg-input-reserva.png') no-repeat scroll top left;
	width: 61px;
	height: 32px;
	float:right;
}

.box input{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	font-size:10px;
	padding-left:3px;
	padding-top:11px;
	text-align:center;
	width:29px;
}

.aumentar {
	cursor:pointer;
	display:block;
	height:10px;
	margin-top:3px;
}
.diminuir {
	cursor:pointer;
}
.controles {
	float:right;
	width:23px;
}

.bloco-reserva {
	color:#FFFFFF;
	font-size:11px;
	margin:0 auto;
	padding-top:77px;
	/*padding-right:60px;*/
	width:218px;
}

.bloco-reserva td {
	border:none;
	padding:4px 7px 4px 0;
}

.bloco-reserva .box input {
	color:#427781;
	float:left;
}
.obs span {
	color:#ff0000;
}
.obs p {
	margin-bottom:5px;
}

.btn-ok {
	padding-top:7px;
	text-align:right;
	z-index:3;
}

.calendario {
	display:block;
	float:right;
	padding-right:9px;
	padding-top:7px;
	cursor:pointer;
}

.ui-datepicker {
	z-index:10;
}
.check td {
	vertical-align:middle;
}

/********* FOOTER ***********/
#footer .texto-rodape {
	padding-top:30px;
	text-align:center;
	padding-left: 74px;
}

#footer {
	margin-top:30px;
}

.footer-bot  {
	background: url('../../imgs/bgs/bg-rodape-baixo.jpg') repeat-x scroll center center;
	height: 83px;
}

/********** submenu **********/
.submenu {
	left:0;
	margin:0;
	position:absolute;
	top:35px;
	z-index:10;
}
.submenu li {
	margin-top:-4px;
}
.ativo {
	margin-left:-20px;
	margin-right:5px !important;
}

h1 {
	font-size:36px;
}

h2 {
	font-size:30px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:18px;
}

h5 {
	font-size:14px;
}

h6 {
	font-size:12px;
}

h1,h2,h3,h4,h5,h6 {
	color:#488498;
}

#screenshot {
	background:#000000 none repeat scroll 0 0;
	border:1px solid #122025;
	display:none;
	margin:0;
	padding:8px;
	position:absolute;
	z-index:200;
}

.submenu {
	display:none;
}

.motivo a, .eventos a, .atendimento a {
	position:absolute;
}

.ohotel {
	background: url('../../imgs/menu/hotel.png') no-repeat;
	width: 44px;
	height: 41px;
}

.ohotel:hover {
	background: url('../../imgs/menu/hotel2.png') no-repeat;
}

.motivo, .motivo a {
	width: 172px;
	height: 42px;
}

.motivo {
	background: url('../../imgs/menu/motivo.png') no-repeat scroll top left;
}

.motivo:hover {
	background: url('../../imgs/menu/motivo2.png') no-repeat scroll top left;
}

.oqfazer {
	background: url('../../imgs/menu/oquefazer.png') no-repeat scroll top left;
	width: 123px;
	height: 42px;
}

.oqfazer:hover {
	background: url('../../imgs/menu/oquefazer2.png') no-repeat scroll top left;
}

.oquevcprecisa {
	background: url('../../imgs/menu/05-o-que-voce-precisa.png') no-repeat scroll top left;
	width: 113px;
	height: 42px;
}

.eventos, .eventos a {
	width: 45px;
	height: 41px;
}

.eventos {
	background: url('../../imgs/menu/eventos.png') no-repeat scroll top left;
}

.eventos:hover {
	background: url('../../imgs/menu/eventos2.png') no-repeat scroll top left;
}

.amigo-vila {
	background: url('../../imgs/menu/07-amigo-vila-do-mar.png') no-repeat scroll top left;
	width: 105px;
	height: 43px;
}

.atendimento, .atendimento a {
	width: 76px;
	height: 42px;
}

.atendimento {
	background: url('../../imgs/menu/atendimento.png') no-repeat scroll top left;
}

.atendimento:hover {
	background: url('../../imgs/menu/atendimento2.png') no-repeat scroll top left;
}

.capa-solteiro{
	float:left;
	width:100%;
	padding-bottom:10px;}
#resultado {
	background-color: AliceBlue;
    border: 2px dotted YellowGreen;
    color: SeaGreen;
    display: block;
    padding: 5px 10px 10px;
}