html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial;background:#3f8eaa;}
body img {display:block; outline:0;}
a {text-decoration:none; outline:0;}
object {outline:0;}
li {list-style:none;}
a img, fieldset {border: 0;}
p.center {text-align:center;}
p.right {text-align:right;}
p, h1, h2, h3, h4, h5 {margin-bottom:11px;}
div.clear {clear: both;}

html, body {height:100%;}
#container {position:relative; min-height:100%;}
* html #container {height:100%; /* hack para IE6 hq trata height como min-height */}

#content, #header-in, #footer-in {position:relative; width:1000px; margin:0 auto;}
#content {padding-bottom:200px;}

/* HEADER */
#header-out {width:100%; background:url(../pics/bg-header_out.jpg) repeat-x top;}
#header-in {height:270px; background:url(../pics/bg-header_in.jpg) no-repeat;}

#logo {position:absolute;top:37px;left:360px;z-index:999;}

#trabalheconosco {width:110px;height:30px;position:absolute;bottom:0;left:141px;}

/* ANIMACAO */
#animacao{width:672px; height:355px; position:relative;}
.anima{width:670px; height:355px; position:absolute; top:0px; left:0px;}
.engloba{width:665px; height:355px; position:absolute; top:0px; left:0px;}
.engloba img{border:5px solid #fff;}
.engloba p{width:665px; background:#1a6181; color:#fff; padding:2px 5px; margin-top:5px; font:normal 11px arial;}
.num{position:absolute; z-index:99; bottom:0px; right:2px; width:97px; height:23px; background:#3f8eaa;}
.num a{background:url(../pics/bg-navegacao.png) no-repeat; width:16px; height:16px; margin-right:1px; padding:2px 6px 2px 6px;  font:normal 9px arial; color:#f2aa78;}
.num a.activeSlide{background:url(../pics/bg-navegacao-hover.png) no-repeat; color:#fff;}
.seta-esquerda{position:absolute; bottom:0px; right:99px; z-index:100; width:10px; height:13px; padding:4px 0; background:#3f8eaa;}
.seta-direita{position:absolute; bottom:4px; right:0px; z-index:100; width:10px; height:13px;}

.animacao-villa {width:617px;height:278px;border:4px solid #fff;overflow:hidden;margin:0 0 15px 22px;}
 
/* MENU */	
#nav {width:950px;height:47px;top:0;left:40px;position:absolute;z-index:10;}
#nav ul li {float:left;display:inline;}

#nav ul li a {display:block;height:47px;background:url(../pics/menu.jpg) no-repeat;text-indent:-9000em;overflow:hidden;}
#nav ul li.menu01 a {width:67px;background-position:0 0;margin-right:17px;}
#nav ul li.menu02 a {width:66px;background-position:-84px 0;margin-right:17px;}
#nav ul li.menu03 a {width:59px;background-position:-165px 0;margin-right:17px;}
#nav ul li.menu04 a {width:74px;background-position:-241px 0;margin-right:17px;}
#nav ul li.menu05 a {width:71px;background-position:-330px 0;margin-right:17px;}
#nav ul li.menu06 a {width:149px;background-position:-417px 0;margin-right:17px;}
#nav ul li.menu07 a {width:77px;background-position:-581px 0;margin-right:17px;}
#nav ul li.menu08 a {width:77px;background-position:-674px 0;margin-right:17px;}
#nav ul li.menu09 a {width:91px;background-position:-768px 0;margin-right:17px;}
#nav ul li.menu10 a {width:53px;background-position:-874px 0;}

#nav ul li.menu01 a:hover {width:67px;background-position:0 -47px;}
#nav ul li.menu02 a:hover {width:66px;background-position:-84px -47px;}
#nav ul li.menu03 a:hover {width:59px;background-position:-165px -47px;}
#nav ul li.menu04 a:hover {width:74px;background-position:-241px -47px;}
#nav ul li.menu05 a:hover {width:71px;background-position:-330px -47px;}
#nav ul li.menu06 a:hover {width:149px;background-position:-417px -47px;}
#nav ul li.menu07 a:hover {width:77px;background-position:-581px -47px;}
#nav ul li.menu08 a:hover {width:77px;background-position:-674px -47px;}
#nav ul li.menu09 a:hover {width:91px;background-position:-768px -47px;}
#nav ul li.menu10 a:hover {width:53px;background-position:-874px -47px;}

body#pg-ohotel #nav ul li.menu01 a {background-position:0 -47px;}
body#pg-pacotes #nav ul li.menu02 a {background-position:-84px -47px;}
body#pg-tarifas #nav ul li.menu03 a {background-position:-165px -47px;}
body#pg-reservas #nav ul li.menu04 a {background-position:-241px -47px;}
body#pg-agencia #nav ul li.menu05 a {background-position:-330px -47px;}
body#pg-locadoradeveiculos #nav ul li.menu06 a {background-position:-417px -47px;}
body#pg-villacafe #nav ul li.menu07 a {background-position:-581px -47px;}
body#pg-foto360 #nav ul li.menu08 a {background-position:-674px -47px;}
body#pg-localizacao #nav ul li.menu09 a {background-position:-768px -47px;}
body#pg-contato #nav ul li.menu10 a {background-position:-874px -47px;}

/* HOME */
#mainContent {margin:0 auto;float:left;display:inline;}

.caixa {float:left;display:inline;background:url(../pics/bg-caixa.jpg) no-repeat;width:295px;height:216px;margin:40px 40px 0 0;padding:0 10px;}
.caixa h1 {width:182px;height:33px;text-indent:-9000em;overflow:hidden;border:none;margin:20px 0 13px 20px;}
.caixa h1.foto360 {background:url(../pics/tt-360.jpg) no-repeat;}
.caixa h1.pontanegra {background:url(../pics/tt-pontanegra.jpg) no-repeat;}
.caixa img {margin:0 auto;border:3px solid #fff;}
.caixa p {font:normal 12px arial;color:#fff;margin:9px 0 15px 21px;}
.caixa a {font:normal 12px arial;color:#f8c300;margin:9px 0 15px 10px;display:block;}
.caixa a:hover {text-decoration:underline!important;}
.caixa a img {text-align:center;}
.caixa a:hover {text-decoration:none;}
.caixa h1.a-agencia {background:url(../pics/tt-a-agencia.jpg) no-repeat;}

/* ESTRUTURA DAS INTERNAS */
#internas {float:left;display:inline;width:670px;background:url(../pics/bg-internas.jpg) no-repeat top;padding-bottom:90px;}
html > body #internas {height:auto; min-height:700px;}

.navegacao {float:right;margin:-35px 23px 25px 0;font:normal 10px arial;color:#fff;}
.navegacao a {font:normal 10px arial;color:#fff;text-decoration:underline;}
.navegacao span {font:bold 10px arial;color:#f8c300;text-decoration:none;}

#internas p {font:normal 12px arial;color:#fff;margin:0 20px 15px 22px; text-align:justify;}

#internas h1 {width:362px;height:51px;text-indent:-9000em;overflow:hidden;border:none;margin:15px 0 25px 10px;}
#internas h1.ohotel {background:url(../pics/tt-ohotel.png) no-repeat;}
#internas h1.pacotes {background:url(../pics/tt-pacotes.png) no-repeat;}
#internas h1.tarifas {background:url(../pics/tt-tarifas.png) no-repeat;}
#internas h1.reservas {background:url(../pics/tt-reservas.png) no-repeat;}
#internas h1.agencia {background:url(../pics/tt-agencia.png) no-repeat;}
#internas h1.villacafe {background:url(../pics/tt-villacafe.png) no-repeat;}
#internas h1.foto360 {background:url(../pics/tt-foto360.png) no-repeat;}
#internas h1.localizacao {background:url(../pics/tt-localizacao.png) no-repeat;}
#internas h1.contato {background:url(../pics/tt-contato.png) no-repeat;}
#internas h1.obrigado {background:url(../pics/tt-obrigado.png) no-repeat;}
#internas h1.locadoradeveiculos {background:url(../pics/tt-locadoradeveiculos.png) no-repeat;}

#internas h2 {font:bold 16px arial;color:#f8c300;margin:15px 0 25px 20px;}
#internas h3 {font:bold 14px arial;color:#f8c300;margin:15px 0 25px 20px;}
#internas h4 {font:normal 14px arial;color:#fff;margin:15px 0 25px 20px;text-align:justify;}
#internas h4.center {text-align:center!important;margin:15px 0 25px -35px;}

#internas ul.lista {font:normal 12px arial;color:#fff;margin:20px 0 20px 22px;}
#internas ul.lista li{background:url(../pics/bg-list-bola.png) no-repeat;padding-left:12px;margin:5px 0 5px 0;}

#ttarifas{font:bold 12px arial;color:#fff;width:630px;margin:20px auto;text-align:center;background-color:#4293AE}
#ttarifas tr{background-color:#40A6CF;}
#ttarifas .titulo-tr{font:bold 14px arial;color:#fff;background-color:#0A80AF!important;}
#ttarifas .titulo-td{font:bold 14px arial;color:#fff;background-color:#0A80AF!important;width:455px;}
.ttarifas-titulo{font:normal 14px arial;color:#f8c300;background-color:#116B8F!important;}
.ttarifas-rodape{font:bold 10px arial;color:#f8c300;background-color:#0A80AF!important;}

.mapa-localizacao{width:625px; height:550px; margin:0 auto; border:4px solid #fff;}

/* FORMATAÇAO DAS INTERNAS */

.fotao {border:4px solid #fff;margin:0 auto 15px auto;}

.fotos360{width:625px; height:300px;margin:0 auto; border:4px solid #fff;}

img.img{margin:40px 0 20px 20px;}

/* SIDEBAR */
#sidebar {float:left;display:inline;width:211px;background:url(../pics/bg-sidebar.jpg) no-repeat;height:700px;
margin:0 39px 0 40px;}

#hotel-home h1 {background:url(../pics/tt-hotelhome.jpg) no-repeat;width:156px;height:24px;text-indent:-9000em;overflow:hidden;border:none;margin:24px 0 20px 18px;}
#hotel-home p {font:normal 12px arial;color:#fff;margin:0 19px 0 18px;line-height:18px;}
#hotel-home a {font:normal 12px arial;color:#fff;margin:0 19px 15px 18px;line-height:18px;display:block;text-align:justify;}
#bt-saibamais {background:url(../pics/bt-saibamais.jpg) no-repeat;width:175px;height:40px;border:none;display:block;
margin:25px 0 0 18px;}

#atendimentoonline {margin-top:59px;width:179px;}
#atendimentoonline h1 {background:url(../pics/tt-atendimentoonline.jpg) no-repeat;width:157px;height:49px;border:none;
text-indent:-9000em;overflow:hidden;margin:0 0 23px 16px;}
#atendimentoonline img {margin:0 auto;}
#atendimentoonline p {font:normal 12px arial;color:#fff;line-height:18px;margin:-4px 8px 0 18px;}
#atendimentoonline a {font:normal 12px arial;color:#fff;line-height:18px;margin:-4px 8px 0 18px;display:block;text-align:justify;}

#acordeon ul.fotos_hotel {width:645px;margin-left:16px;}
#acordeon ul.fotos_hotel li {float:left;display:inline;margin:4px;list-style:none!important;background:none!important;}
#acordeon ul.fotos_hotel li img {border:2px solid #fff;}
#acordeon ul.fotos_hotel li img:hover{border:2px solid #7BBCD2;}
#acordeon ul.invisivel{display:none;}
#acordeon ul.visivel{display:block;}

#acordeon h3{background:url(../pics/list2.jpg) no-repeat 170px 2px;padding-left:13px;}
#acordeon h3 {font:bold 14px arial;color:#f8c300;margin-left:10px;}
#acordeon h3:hover {font:bold 14px arial;color:#E5A947;}
#acordeon h3.seta{background-position:170px -16px;}

/* FORMULARIO DE CONTATO */
#form-contato {margin:15px auto; width:450px;}
#form-contato p {margin:15px auto 25px 40px !important;} 
#form-contato fieldset {border:none; width:450px;}

.contato, textarea {font:normal 13px arial; color:#000;border:none;border-bottom:1px solid #DFDFDF;border-right:1px solid #DFDFDF;background:#EFEFEF;}
.contato:focus, textarea:focus {background:#FFDEAF;border-bottom:1px solid #EDA63E;border-right:1px solid #EDA63E;}

#form-contato label {width:80px;font:bold 11px verdana;color:#fff;text-align:right;padding-right:10px;padding-top:11px;float:left; display:inline;cursor:pointer;}

input.contato {width:250px;height:20px;margin:0 7px 8px 7px;padding:6px;}
textarea {width:251px;height:110px;margin:3px 0 0 7px;overflow:auto;padding:5px;}

input.enviar {width:80px;height:35px;border:none;border-bottom:1px solid #DFDFDF;border-right:1px solid #DFDFDF;background:#EFEFEF;cursor:pointer;float:left;display:inline;margin:15px 0 0 277px;color:#8F8F8F;font:bold 12px verdana;}

label.maior  {width:80px;font:bold 11px verdana;color:#fff;text-align:right;padding-right:10px;padding-top:11px; padding-bottom:50px; float:left; display:inline;cursor:pointer;}
label.labmenor02 {width:92px !important;font:bold 11px verdana;color:#fff;text-align:right; padding-right:1px !important; padding-bottom:7px !important; padding-top:11px !important;float:left; display:inline;cursor:pointer;}
label.labmenor02{float:left;display:inline;}
span.spmenor02{text-align:right;font:bold 11px verdana;text-align:justify;color:#fff;}

/* FOOTER */
#mapasite {width:960px;height:20px;top:32px;left:38px;position:absolute;z-index:10;}
#mapasite ul li {float:left;display:inline;}

#mapasite ul li a {display:block;height:20px;background:url(../pics/mapasite.jpg) no-repeat;text-indent:-9000em;overflow:hidden;}
#mapasite ul li.mapa01 a {width:45px;background-position:0 0;margin-right:100px;}
#mapasite ul li.mapa02 a {width:53px;background-position:-56px 0;margin-right:140px;}
#mapasite ul li.mapa03 a {width:60px;background-position:-700px 0;margin-right:140px;}
#mapasite ul li.mapa04 a {width:50px;background-position:-277px 0;margin-right:140px;}
#mapasite ul li.mapa05 a {width:69px;background-position:-767px 0;margin-right:140px;}
#mapasite ul li.mapa06 a {width:155px;background-position:-390px 0;}
#mapasite ul li.mapa07 a {width:142px;background-position:-835px 0;margin-right:50px;}
#mapasite ul li.mapa08 a {width:66px;background-position:-203px 0;margin-right:136px;}
#mapasite ul li.mapa09 a {width:80px;background-position:-116px 0;margin-right:110px;}
#mapasite ul li.mapa10 a {width:59px;background-position:-334px 0;margin-right:160px;}
#mapasite ul li.mapa11 a {width:140px;background-position:-550px 0;}

#mapasite ul li.mapa01 a:hover {width:45px;background-position:0 -20px;}
#mapasite ul li.mapa02 a:hover {width:53px;background-position:-56px -20px;}
#mapasite ul li.mapa03 a:hover {width:60px;background-position:-700px -20px;}
#mapasite ul li.mapa04 a:hover {width:50px;background-position:-277px -20px;}
#mapasite ul li.mapa05 a:hover {width:69px;background-position:-767px -20px;}
#mapasite ul li.mapa06 a:hover {width:155px;background-position:-390px -20px;}
#mapasite ul li.mapa07 a:hover {width:142px;background-position:-835px -20px;}
#mapasite ul li.mapa08 a:hover {width:66px;background-position:-203px -20px;}
#mapasite ul li.mapa09 a:hover {width:80px;background-position:-116px -20px;}
#mapasite ul li.mapa10 a:hover {width:59px;background-position:-334px -20px;}
#mapasite ul li.mapa11 a:hover {width:140px;background-position:-550px -20px;}

ul.home {height:20px; width:50px; margin-top:-15px;}

#divisoria {background:url(../pics/divisoria.jpg) no-repeat;width:1000px;height:6px;position:absolute;bottom:157px;left:0;}

#end {position:absolute;bottom:98px;left:363px;}
#end address {font:normal 14px arial;color:#1a6080;line-height:18px;text-align:center;}

#receberinformativos {position:absolute;bottom:0;left:213px;width:700px;}
#receberinformativos h1 {background:url(../pics/tt-receberinformativos.jpg) no-repeat;width:211px;height:17px;border:none;text-indent:-9000em;overflow:hidden;float:left;display:inline;margin:19px 16px 0 0;}
.input-informativo {background:none; border:none; font:10px arial; color:#0093dd; width:170px; height:18px; padding:17px;}
.form_textfield {background:url(../pics/input.jpg) no-repeat; width:209px; height:50px; float:left; display:inline;}
input.bt-incluir {width:45px; height:56px; border:none; cursor:pointer; float:left; display:inline; margin:0;
background: url(../pics/bt-incluir.jpg) no-repeat;}
input.bt-excluir {width:42px; height:50px; border:none; cursor:pointer; float:left; display:inline;margin-top:6px;
background: url(../pics/bt-excluir.jpg) no-repeat;}

a#assinatura {display:block;position:absolute;bottom:105px;left:40px;width:100px;height:24px;background:url(../pics/assinatura.jpg) no-repeat;z-index:2; text-indent:-9000em; overflow:hidden;}

#footer-out {position:absolute;bottom:0;width:100%;background:url(../pics/bg-footer_out.jpg) repeat-x;}
#footer-in {height:251px;background:url(../pics/bg-footer_in.jpg) no-repeat center bottom;}

.voltar {color:#0E506D;font-size:13px;font:bold Verdana; margin:0 0 0 21px;}
.voltar:hover {color:#7BBCD2;}

#internas ul.pacotes {width:600px;margin-top:35px; margin-left:50px;}
#internas ul.pacotes li {float:left; background:none; margin:0 10px 0 0;}
#internas ul.pacotes li img {border:2px solid #FFF; width:165px; height:110px;display:block;}
#internas ul.pacotes li img:hover {border:2px solid #7BBCD2;width:165px;height:110px;}
#internas ul.pacotes span {display:block;color:#f8c300;font-weight:bold;font-size:16px;margin:-5px 0 5px 0;text-align:center;}
#internas ul.pacotes li:hover span {color:#fff;}

#internas .left {float:left; margin:5px 7px 0px 20px; border:2px solid #FFF;}
#internas .left:hover {border:2px solid #7BBCD2;}

#internas .right {float:right; margin:48px 20px 0; border:2px solid #FFF;}
#internas .right:hover {border:2px solid #7BBCD2;}

#internas .right02 {float:right; margin:30px 20px 0; border:2px solid #FFF;}
#internas .right02:hover {border:2px solid #7BBCD2;}

#internas ul.topo {margin-top:-4px;}
#internas ul.topo2 {margin-top:40px;}

div.texto {margin:90px 0 0 0;}
img.locacao {float:left;margin:0 15px 0 0;}


/** RICHMEDIA **/
#richmedia {position:fixed;left:470px;top:150px;width:400px;height:250px;z-index:999;}

/** Link idioma **/

#layer1 {position:absolute; left:830px; top:105px; width:150px; height:40px; z-index:1;}
#layer1 table{ width:90%; border:0; align:center; cellpadding:1;}
#layer1 table td{ width:33%;}
#layer1 a{color:#FFF;}
#layer1 a:hover{color:#fbdd6c;}

a.cont { color:#F8C300;}
a.cont:hover { color:#FFF;}