@import "reset.css";
@import "../jquery.ui/css/paraiso/jqui.min.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800);

body { font: 100% "Open Sans", Arial, Helvetica, sans-serif; font-size: 12px; background: #f5efea; margin: 0; padding: 0; text-align: center; color: #5F5F5F; line-height: 130%; }
ul { overflow: hidden; display: block; }

input, button, select, textarea { font-family: "Open Sans", sans-serif; font-size: 14px; color: #737373; }
button::-moz-focus-inner { border: 0; padding: 0; margin: 0; }

a { text-decoration: none; color: inherit; outline: none; }
a:hover { text-decoration: underline; }
a:hover>img, input[type=image]:hover { opacity: 0.9; }
input { outline: none; }

.left { float: left !important; }
.right { float: right !important; }
.quebra, .break { margin-right: 0 !important; }
.upper { text-transform: uppercase; }
.clr { height: 0; line-height: 0; clear: both; }

.outer { text-align: center; left: 0; width: 100%; min-width: 1000px; z-index: 2; position: relative; overflow: visible; }
.inner {
	text-align: left;
	clear: both;
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: visible;
	z-index: 2;
}



#animacao { position: absolute; top: 0; left: 0; width: 100%; height: 520px; z-index: 1; background: #515151; overflow: hidden; }
#animacao .inner { position: relative; overflow: visible; height: inherit; }
#animacao #animacao-base { width: 1400px; height: 520px; position: absolute; left: -200px; top: 0; }
#animacao .slides { width: 1400px; height: 520px; }
#animacao .slides .slide { width: inherit; height: inherit; }
#animacao .seta { position: absolute; top: 223px; width: 49px; height: 90px; background: url(../../img/design/animacao_setas_bg.png) 0 0 no-repeat rgba(43,43,42,0.7); cursor: pointer; z-index: 500; }
#animacao .seta:hover { background-color: rgba(53,53,52,0.8); }
#animacao #animacao-prev { left: 0; }
#animacao #animacao-next { right: 0; background-position: right top; }

.animacao-box { position: absolute; background: #00809D; background: rgba(0,128,158,0.8); left: 200px; bottom: 39px; color: #fff; padding: 23px; width: 412px; color: #fff; }
.animacao-box h2 { font-size: 45px; line-height: 36px; text-transform: none; color: #fff; letter-spacing: -2px; }
.animacao-box p { font-size: 16px; line-height: 19px; }


#header { clear: both; height: 120px; background: #; z-index: 200; margin-bottom: 23px; }
#header #logo { position: absolute; left: 0; top: 0; }

#header #menu { display: block; position: absolute; bottom: 0; right: 28px; height: 54px; }
#header #menu li { float: left; display: block; margin: 0 0 0 25px; }
#header #menu li a { display: block; height: 54px; width: auto; line-height: 48px; border-bottom: solid 6px #F00; font-weight: bold; color: #FFFFFF; font-size: 15px; text-transform: uppercase; transition: color 0.2s, height 0.2s; }
#header #menu li a:hover { text-decoration: none; color: #4999AF; height: 48px; }
#header #menu li a.active { color: #4999AF; }

#header #reserva { height: 31px; position: absolute; right: 0; top: 0; padding: 11px 9px 11px 16px; background: #66B3C5; }
#header #reserva .aba { position: absolute; top: 0; right: -12px; width: 12px; height: 66px; background: url(../../img/design/reserva_aba_bg.png) 0 0 no-repeat; }
#header #reserva .box { float: left; padding: 0 11px 0 0; position: relative; }
#header #reserva .box .submit { width: auto; padding: 0 29px 0 13px; height: 31px; line-height: 30px; border: none; background: url(../../img/design/reserva_btn.png) right center no-repeat #EFA13D; border-radius: 3px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; vertical-align: middle; }
#header #reserva .box .select { background: url(../../img/design/reserva_select_bg.png) right top no-repeat #fff; width: 84px; height: 31px; line-height: 31px; padding: 0 30px 0 8px; border-radius: 3px; font-size: 12px; font-weight: bold; color: #727272; text-transform: uppercase; cursor: pointer; }
#header #reserva .box .select-content { position: absolute; left: 0; top: 31px; width: 106px; padding: 8px; background: #008DA2; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 600; display: none; }
#header #reserva .box .select-content li { font-size: 13px; text-transform: uppercase; color: #F2EDE9; line-height: 20px; font-weight: bold; }
#header #reserva .box .select-content li:hover { color: #fff; cursor: pointer; }
#header #reserva .box.open .select { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#header #reserva .box.open .select-content { display: block; }
#header #reserva .box .cal { background-image: url(../../img/design/reserva_cal_bg.png); width: 124px; }


@media all and (max-width: 1040px) {
	#header #reserva .aba { display: none; }
}



h1, h2, h3, h4, h5 { font-size: 22px; color: #4999AF; font-weight: normal; text-transform: uppercase; line-height: 29px; margin: 0 0 16px 0; }


#content { clear: both; min-height: 430px; margin-bottom: 38px; }
#content h1.barra { font-size: 25px; color: #fff; display: block; overflow: hidden; height: 52px; line-height: 52px; background: #3399b1; font-weight: bold; padding: 0 0 0 18px; margin: 0; letter-spacing: -1px; }
#content .wcontent { background: #fff; padding: 35px; font-size: 14px; line-height: 19px; }
#content .wcontent p { margin: 0 0 16px 0; }
#content .wcontent p:last-child { margin-bottom: 0; }
#content .full-banner { position: relative;}
#content .full-banner img { display: block; }


#animacao-espaco { position: relative; margin: 0 0 30px 0; height: 377px; }

#home-boxes { clear: both; overflow: hidden; padding: 0 0 5px 0; }
#home-boxes .box { float: left; width: 320px; height: 200px; margin: 0 20px 20px 0; position: relative; }
#home-boxes .box:nth-child(3n),
#home-boxes .box:last-child { margin-right: 0; }
#home-boxes .box img { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; }
#home-boxes .box h3 { z-index: 2; position: absolute; right: 14px; top: 100px; font-size: 37px; line-height: 40px; font-weight: 800; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,0.4); letter-spacing: -2px; }
#home-boxes .box a { z-index: 2; position: absolute; right: 0; bottom: 0; display: block; overflow: hidden; height: 47px; line-height: 47px; width: 247px; padding: 0 0 0 16px; background: url(../../img/design/home_box_seta_bg.png) right center no-repeat rgba(0,128,158,0.8); font-size: 15px; color: #fff; }
#home-boxes .box a:hover { text-decoration: none; }
#home-boxes .box-a a { background-color: rgba(0,128,158,0.8); }
#home-boxes .box-a a:hover { background-color: #00809D; }
#home-boxes .box-l a { background-color: rgba(102,131,51,0.8); }
#home-boxes .box-l a:hover { background-color: #668333; }
#home-boxes .box-f a { background-color: rgba(223,143,57,0.8); }
#home-boxes .box-f a:hover { background-color: #DF8F39; }

#home-info { clear: both; overflow: hidden; }
#home-info .coluna1 { float: left; width: 475px; }
#home-info .coluna1 p { font-size: 14px; line-height: 19px; margin: 0 0 14px 0; }
#home-info .coluna1 p:last-child { margin-bottom: 0; }
#home-info .coluna1 p a.mais { text-transform: uppercase; color: #F1715D; }
#home-info .coluna2 { float: right; width: 390px; }



#acomodacoes { }
#acomodacoes .intro { padding: 6px 0 15px 0; overflow: hidden; }
#acomodacoes .intro h2 { font-size: 62px; font-weight: 300; line-height: 50px; color: #4999AF; float: left; }
#acomodacoes .intro p { font-size: 14px; color: #5F5F5F; line-height: 18px; float: right; width: 485px; padding: 0 20px 0 18px; border-left: solid 1px #4999AF; margin: 20px 0 0 0; }
#acomodacoes .caracteristicas { clear: both; overflow: hidden; padding: 0 0 19px 0; }
#acomodacoes .caracteristicas .label { display: block; overflow: hidden; font-size: 14px; color: #4999AF; line-height: 20px; margin: 0 0 12px 0; }
#acomodacoes .caracteristicas ul { display: table; width: 100%; clear: both; }
#acomodacoes .caracteristicas ul li { display: table-cell; vertical-align: middle; border-right: solid 1px #9e9e9e; padding-left: 58px; height: 57px; background: url(../../img/design/acomodacoes_tv.png) 0 0 no-repeat; }
#acomodacoes .caracteristicas ul li:last-child { border-right: none; }
#acomodacoes .caracteristicas ul li img { position: absolute; }

#slideshow { border-top: solid 1px #e6e6e6; padding: 19px 0 0 0; }
#slideshow #thumbnails { margin: 0 0 19px 0; }
#slideshow #carousel { width: 95%; padding: 0 18px 0 18px; position: relative; }
#slideshow #carousel .flex-viewport { }
#slideshow #carousel .flex-viewport li { width: 76px; height: 38px; padding: 0 6px 0 7px; }
#slideshow #carousel .flex-viewport li img { width: 74px; height: 36px; border: solid 1px #b4b4b4; cursor: pointer; }
#slideshow #carousel .flex-viewport li.flex-active-slide img { border-color: #4999AF; opacity: 1 !important; }
#slideshow #carousel .flex-viewport li:hover  img { opacity: 0.85; }
#slideshow #carousel .flex-direction-nav { position: absolute; width: 100%; top: 0; left: 0; overflow: visible; height: 1px; }
#slideshow #carousel .flex-direction-nav li { position: absolute; top: 0; left: 0; }
#slideshow #carousel .flex-direction-nav li:last-child { left: auto; right: 0; }
#slideshow #carousel .flex-direction-nav li a { display: block; overflow: hidden; text-indent: -9999px; text-align: left; width: 18px; height: 38px; background: url(../../img/design/slideshow_setas.png) 0 0 no-repeat; }
#slideshow #carousel .flex-direction-nav li:last-child a { background-position: right top; }
#slideshow #carousel .flex-direction-nav li a:hover { opacity: 0.85; }
#slideshow #carousel .flex-direction-nav li a.flex-disabled { opacity: 0.2; }
#slideshow #fotos { position: relative; }
#slideshow #slider { width: 100%; height: 100%px; }
#slideshow #slider .flex-viewport img { width: 100%; height: 100%; }
#slideshow #slider .flex-direction-nav { position: absolute; width: 100%; left: 0; top: 178px; z-index: 400; overflow: visible; }
#slideshow #slider .flex-direction-nav li { position: absolute; top: 0; left: 9px; z-index: 400; }
#slideshow #slider .flex-direction-nav li:last-child { left: auto; right: 9px; }
#slideshow #slider .flex-direction-nav li a { display: block; overflow: hidden; text-align: left; text-indent: -9999px; width: 45px; height: 96px; background: url(../../img/design/slideshow_fotos_setas.png) 0 0 no-repeat; }
#slideshow #slider .flex-direction-nav li:last-child a { background-position: right top; }
#slideshow #slider .flex-direction-nav li a.flex-disabled { display: none; }
#slideshow #slider .flex-pauseplay { clear: both; padding: 4px 0 0 0; }
#slideshow #slider .flex-pauseplay a { font-size: 14px; color: #555; cursor: pointer; text-decoration: none; }
#slideshow #slider .flex-pauseplay a:hover { color: #4999AF; }


.formulario { }
.formulario .campo { background: #fff; height: 24px; padding: 5px 10px; border-radius: 3px; width: 206px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); font-weight: bold; color: #787878; border: none; }
.formulario .campo-select { position: relative; min-height: 34px; }
.formulario .campo-select .campo { z-index: 1; position: absolute; left: 0; top: 0; background: url(../../img/design/select_bg.png) right center no-repeat #fff; }
.formulario .campo-select select { z-index: 2; position: absolute; left: 0; top: 0; height: 34px; min-width: 100%; opacity: 0; }


#fale { }
#fale .formulario { padding: 44px 40px; background: #ececec; margin: 0 0 28px 0; }
#fale .formulario h2 { display: block; font-size: 35px; line-height: 32px; font-weight: normal; text-transform: none; letter-spacing: -2px; margin-bottom: 35px; }
#fale .formulario .campo { margin: 0 0 16px 0; width: 206px; }
#fale .formulario .campo:last-child { margin-bottom: 0; }
#fale .formulario .colunas { clear: both; }
#fale .formulario .colunas .coluna { float: left; width: 225px; margin: 0 19px 0 0; }
#fale .formulario .colunas .coluna3 { width: 360px; margin-right: 0; }
#fale .formulario .colunas .coluna3 .campo { width: 340px; padding: 10px; height: 100px; resize: none; }
#fale .formulario .colunas .coluna3 .btnset { text-align: right; clear: both; }
#fale .formulario .colunas .coluna3 .btnset button { height: 43px; line-height: 43px; padding: 0 20px; border-radius: 3px; color: #fff; background: #4999AF; text-align: center; border: none; cursor: pointer; font-size: 18px; font-weight: bold; }
#fale .info { clear: both; overflow: hidden; }
#fale .info .coluna { float: left; width: 325px; }
#fale .info .coluna1 { padding: 15px 0 0 0; }
#fale .info .coluna2 { float: right; width: 585px; }
#fale .info ul li { display: block; overflow: hidden; font-size: 14px; color: #434343; line-height: 18px; margin: 0 0 28px 0; padding: 0 0 0 29px; background: url(../../img/design/fale_fone_bg.png) 0 0 no-repeat; }
#fale .info ul li.fone { }
#fale .info ul li.fone strong { font-size: 18px; line-height: 20px; }
#fale .info ul li.email { background-image: url(../../img/design/fale_email_bg.png); }
#fale .info ul li.addr { background-image: url(../../img/design/fale_addr_bg.png); padding-left: 24px; margin-bottom: 10px; }



#footer { clear: both; background: #515151; color: #F2EDE9; }
#footer .inner { padding: 26px 0 30px 0; }
#footer #footer1 { padding: 0 0 30px 0; overflow: hidden; }
#footer h5 { font-size: 20px; line-height: 28px; color: #F2EDE9; margin: 0 0 16px 0; }
#footer .box { float: left; margin: 0 130px 0 0; }
#footer #newsletter { }
#footer #newsletter fieldset { display: block; overflow: hidden; }
#footer #newsletter .email { width: 166px; height: 17px; padding: 10px; border-radius: 4px; background: #e1e1e1; float: left; font-size: 14px; color: #313131; outline: none; border: none; }
#footer #newsletter .submit { width: 80px; height: 37px; line-height: 37px; padding: 0; border: 0; text-align: center; background: #009AB1; font-size: 18px; text-transform: uppercase; color: #F2EDE9; font-size: 18px; float: left; border-radius: 4px; margin: 0 0 0 7px; cursor: pointer; }
#footer #newsletter .submit:hover { background: #00B3CC; }
#footer #fpagamento { }
#footer #fpagamento h5 { margin-bottom: 2px; }
#footer #fpagamento p { font-size: 12px; line-height: 30px; margin: 0 0 3px 0; }
#footer #fpagamento p strong { font-weight: bold; color: #DB9F47; font-size: 25px; }
#footer #fpagamento ul { }
#footer #fpagamento ul li { float: left; margin: 0 3px 0 0; }
#footer #fpagamento ul li:last-child { margin-right: 0; }
#footer #social { }
#footer #social ul { padding: 6px 0 0 0; }
#footer #social ul li { float: left; margin: 0 9px 0 0; }
#footer #social ul li:last-child { margin-right: 0; }
#footer #footer2 { border-top: solid 1px #6c6c6a; padding: 15px 0 0 0; clear: both; overflow: hidden; }
#footer #footer2 .copy { float: left; line-height: 22px; font-size: 14px; color: #B2B2B2; }
#footer #footer2 #cr { float: right; opacity: 0.5; }
#footer #footer2 #cr:hover { opacity: 1; }
#footer #footer2 #cr img { display: block; }