html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
body {font:100%/110% arial; background:url(../pics/bg.jpg) repeat;}
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:120px;}

/* HEADER */
#header-out {width:100%; background:url(../pics/bg-header_out.png) no-repeat center;}
#header-in {height:475px;}

#logo {position:absolute;top:49px;left:117px;z-index:1000;width:196px;height:115px;background:url(../pics/logomarca-pipasbay.png) no-repeat;}
a.logo{position:absolute;top:0;left:0;width:196px;height:115px;}

/* ANIMACAO */
#animacao{background:url(../pics/bg-anima.png) no-repeat; position:relative; width:921px; height:344px;}
#animacao .anima{width:597px; height:322px; position:absolute; top:17px; right:5px;}
#animacao .anima img{width:597px; height:322px;}
#animacao .txt{position:absolute; top:115px; left:10px; color:#fff;}
#animacao .txt h2{font:bold 18px verdana; width:297px;}
#animacao .txt p{font:normal 11px verdana; width:297px; line-height:18px;}
#animacao .seta-esquerda{position:absolute; bottom:20px; left:260px; width:14px; height:21px; z-index:20;}
#animacao .seta-direita{position:absolute; bottom:9px; left:293px; width:14px; height:21px; z-index:20;}

#animacao-hotel {position:relative;top:16px;left:18px;}
#animacao-hotel .anima{width:92px; height:232px; position:absolute; top:3px; left:490px; overflow:hidden;}
#animacao-hotel .anima .engloba{width:92px; height:232px; position:absolute; top:0px; left:0px;}
#animacao-hotel ul.foto-menor{display:inline; width:80px;}
#animacao-hotel ul.foto-menor li{border:2px solid #DFDFDF; margin:0 0 5px 3px; float:left; display:inline;}
#animacao-hotel .seta-cima{position:absolute; width:21px; height:14px; top:-17px; left:523px; z-index:60;}
#animacao-hotel .seta-baixo{position:absolute; width:21px; height:14px; top:238px; left:523px; z-index:60;}

div.foto-maior{width:495px; height:254px; background:#fff; margin:10px 5px 20px 7px; float:left; display:inline;}
div.foto-maior img {display:block; border:4px solid #FFF ; float:left; display:inline;}

/* MENU */
#nav {width:522px;height:84px;top:1px;left:355px;position:absolute;z-index:1000;}
#nav ul li {float:left;display:inline;}

#nav ul li a {display:block;height:84px;background:url(../pics/menu.jpg) no-repeat;text-indent:-9000em;overflow:hidden;}
#nav ul li.menu01 a {width:69px;background-position:0 0;}
/*** #nav ul li.menu02 a {width:83px;background-position:-69px 0;} ***/
#nav ul li.menu03 a {width:70px;background-position:-152px 0;}
#nav ul li.menu04 a {width:87px;background-position:-222px 0;}
#nav ul li.menu05 a {width:59px;background-position:-309px 0;}
#nav ul li.menu06 a {width:113px;background-position:-368px 0;}
#nav ul li.menu07 a {width:124px;background-position:-481px 0;}

#nav ul li.menu01 a:hover {width:69px;background-position:0 -84px;}
/*** #nav ul li.menu02 a:hover {width:83px;background-position:-69px -84px;} ***/
#nav ul li.menu03 a:hover {width:70px;background-position:-152px -84px;}
#nav ul li.menu04 a:hover {width:87px;background-position:-222px 0;}
#nav ul li.menu05 a:hover {width:59px;background-position:-309px -84px;}
#nav ul li.menu06 a:hover {width:113px;background-position:-368px -84px;}
#nav ul li.menu07 a:hover {width:124px;background-position:-481px -84px;}

body#pg-ohotel #nav ul li.menu01 a {background-position:0 -84px;}
body#pg-servicos #nav ul li.menu02 a {background-position:-69px -84px;}
body#pg-tarifas #nav ul li.menu03 a {background-position:-152px -84px;}
body#pg-reservas #nav ul li.menu04 a {background-position:-222px -84px;}
body#pg-pipa #nav ul li.menu05 a {background-position:-309px -84px;}
body#pg-localizacao #nav ul li.menu06 a {background-position:-368px -84px;}
body#pg-faleconosco #nav ul li.menu07 a {background-position:-481px -84px;}

/* HOME */
#mainContent {margin:-355px auto 0 41px;}

#box01, #box02 {float:left;display:inline;margin-top:26px;}

#box-pipa {background:url(../pics/bg-pipa.jpg) no-repeat;width:265px;height:286px;margin-left:-1px;}
#box-pipa h1 {background:url(../pics/tt-pipahome.jpg) no-repeat;width:265px;height:48px;text-indent:-9000em;overflow:hidden;}

#box-pipa img {border:2px solid #fff;margin:19px auto 5px auto;}
#box-pipa img a:hover {border:2px solid #red;}

#box-pipa p {font:normal 11px verdana;color:#fff;line-height:18px;margin:0 10px;text-align:justify;}
#box-pipa p:hover {text-decoration:underline!important; color:#CCCCCC;}

.bt-saibamais {background:url(../pics/bt-saibamais.jpg) no-repeat;width:105px;height:25px;border:none;display:block;float:right;margin:2px 17px 0 0;}

#box-endereco {background:url(../pics/bg-endereco.png) no-repeat;width:265px;height:88px;margin:20px 0 0 -1px;position:relative;}
#box-endereco address {font:bold 11px verdana;color:#fff;line-height:18px;position:absolute;top:17px;left:20px;}

#box02 {background:url(../pics/bg-box02.png) no-repeat;width:611px;height:400px;margin:23px 0 0 47px;}

#ohotel {width:397px;float:left;display:inline;}
#ohotel h1 {background:url(../pics/tt-ohotel.jpg) no-repeat;width:370px;height:70px;margin:4px 0 0 4px;text-indent:-9000em;
overflow:hidden;}
#ohotel img {margin:0 auto;}
#ohotel p {font:normal 11px verdana;color:#4d4c4c;margin:6px 15px 15px 25px;line-height:18px;}

#conheca-servicos {width:208px;float:left;display:inline;}
#conheca-servicos h1 {background:url(../pics/tt-conhecaservicos.jpg) no-repeat;width:203px;height:62px;
text-indent:-9000em;overflow:hidden;margin:4px 0 11px 8px;}
#conheca-servicos p {font:normal 11px verdana;color:#00485d;line-height:18px;}

.bt-saibamais02 {background:url(../pics/bt-saibamais02.jpg) no-repeat;width:105px;height:25px;border:none;display:block;
float:right;margin:9px 10px 0 0;}

/* ESTRUTURA DAS INTERNAS */
#internas {float:left;display:inline;width:605px;margin:-355px auto 0 41px;background:#f8ede1;padding-bottom:20px;}
html > body #internas {height:auto; min-height:auto;}

#internas p {font:normal 11px verdana;color:#4d4c4c;margin:0 23px 20px 23px;}

#internas h1 {width:402px;height:58px;text-indent:-9000em;overflow:hidden;margin:0 0 20px 19px;border:none;}
#internas h1.hotel {background:url(../pics/tt-hotel.jpg) no-repeat;}
#internas h1.servicos {background:url(../pics/tt-servicos.jpg) no-repeat;}
#internas h1.tarifas {background:url(../pics/tt-tarifas.jpg) no-repeat;}
#internas h1.reservas {background:url(../pics/tt-reservas.jpg) no-repeat;}
#internas h1.pipa {background:url(../pics/tt-pipa.jpg) no-repeat;}
#internas h1.localizacao {background:url(../pics/tt-localizacao.jpg) no-repeat;}
#internas h1.faleconosco {background:url(../pics/tt-faleconosco.jpg) no-repeat;}
#internas h1.obrigado {background:url(../pics/tt-obrigado.jpg) no-repeat;}

/* FORMATAÇAO DAS INTERNAS */
.fotao {margin:0 auto 20px auto;}

/* SIDEBAR */
#sidebar {margin:-285px 5px 0 45px;float:left;display:inline;}

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

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

#form-contato label {width:80px;font:bold 11px verdana;color:#4d4c4c;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 #EB773F;border-right:1px solid #EB773F;background:#FFDCAF;cursor:pointer;float:left;display:inline;margin:15px 0 0 277px;color:#4d4c4c;font:bold 12px verdana;}

/* FOOTER */
#mapasite {background:#001f28;width:442px;height:24px;position:absolute;bottom:32px;right:109px;}
#mapasite ul {margin:6px 0 0 6px;}
#mapasite ul li {font:normal 10px verdana;color:#fff;float:left;display:inline;margin:0 4px;}
#mapasite ul li a {color:#fff;}
#mapasite ul li a:hover {color:#f34d00;}

a#assinatura {display:block;position:absolute;bottom:25px;left:35px;width:113px;height:39px;background:url(../pics/assinatura.png) 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:91px;background:url(../pics/bg-footer_in.jpg) no-repeat right;}

div.servicos {height:123px;}
div.tarifas {height:226px;}
div.reservas {height:123px;}
div.fale-conosco {height:56px;}
div.localizacao {height:5px;}

.tabela-tarifas {font:bold 11px verdana;color:#4d4c4c; margin: -10px auto 15px auto; width:400px;}
.tabela-tarifas td {border:1px solid #00485D; height:20px;}

tr.tabela-tarifas-titulo td {
-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;
background:#E6ECF0 url(../pics/bg-tarifas.jpg) repeat-x scroll 0 0;font-weight:bold;text-align:center;border:1px solid #00485D;color:#FFFFFF;}

tr.tabela-tarifas-titulo02 td {
-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;
background:#E6ECF0 url(../pics/bg-tarifas02.jpg) repeat-x scroll 0 0;font-weight:bold;text-align:center;border:1px solid D;}

.pipa a:hover {color:#red!important;}

div.index-maior{ width:500px; height:254px; background:#fff; margin:10px 5px 20px 7px; float:left; display:inline;}
div.index-maior img { display:block; border:5px solid #DFDFDF; float:left; display:inline; padding:2px;}
ul.index-menor {margin:20px 0 0 0; float:left; display:inline; width:85px;}
ul.index-menor li {border:2px solid #DFDFDF; margin:0 0 5px 3px; float:left; display:inline;}

ul.oflat {-x-system-font:none;color:#4D4C4C!important;font-family:verdana;font-size:11px;
font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0 23px 20px;width:185px;}
ul.oflat li {list-style-type:disc; margin:0 0 0 13px;color:#FF6803;}
#internas ul.oflat p { margin:0 0 0 0;}
#internas h4.flat { margin: 0 0 15px 22px; color:#FF6803; font:bold;}
#internas h5.tarifas { margin: 0 0 0px 22px; color:#00485D; font:bold;}

.reserva { margin:0 140px 0 auto;}
.mensagem label {margin:10px 0 0 -94px; position:absolute;}
.mensagem textarea { margin:0 7px 0 0px;}

.foto-pipa {border:3px solid #FFF; margin: 0 auto 10px auto}

#form-reservas label {-x-system-font:none;color:#4D4C4C;font-family:verdana;font-size:11px;font-weight:bold;padding-right:10px;width:100px;}

p.telefone {float:right;color:#FFF;-x-system-font:none;font-family:verdana;font-size:12px;text-align:center;margin:35px 13px 0;}
div.numero {color:#FF6803;font-size:15px;}

#internas p.azul {color:#0637330;margin:10px 5px 0px 0px!important;}
.localizacao-mapa {border:3px solid #FFFFFF;height:308px;margin:0 auto;width:554px;}

#internas ul.tarifas {color:#4D4C4C!important;font-family:verdana;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;margin:0 23px 20px;width:555px;}
#internas ul.tarifas li {list-style-type:disc; margin:0 0 0 13px;color:#FF6803;}
#internas ul.tarifas p {-x-system-font:none;color:#00485D;font-family:verdana;font-size:11px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:18px; margin:0 0 0;}

.obrigado {height:324px;}
.obrigado-meio {height:20px;}

.parceria {margin-bottom:20px;}