/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* begin site*/
html { text-align: center; }
body { background: #62c8ee; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; margin: auto; text-align: center; }
#bg_top { background: url('/img/bg_top.jpg') no-repeat left top; width: 100%; height: auto; float: left; }
#geral { width: 996px; margin: auto; height: auto; }
#logo { display: block; float: left; margin: 23px 0 0 10px; }
#menu-superior { float: left; margin: auto; height: 134px; width: 987px; }
#links-topo { float: right; width: 455px; margin: 4px 0 0 0; }
#links-topo ul { list-style: none; float: right; margin: 0 0 10px 0; }
#links-topo ul li { float: left; display: block; border-right: solid 1px #fff; height: 8px; font-size: 10px; padding: 0 8px 3px 8px; }
#links-topo ul li a { text-decoration: none; color: #fff; }
#links-topo ul li a:hover { text-decoration: underline; }
#atalhos { float: right; width: 420px; margin: 20px 0 0 0; position: relative; }
#atalhos ul { list-style: none; }
#atalhos li { display: inline; }
#atalhos ul li a { display: block; text-indent: -9999em; position: absolute; outline: none; }
#atalhos ul li a:hover { background-position: left bottom; }
#atalhos .pacotes { background: url('/img/pacotes.png') no-repeat; left: 0; top: 0; width: 114px; height: 38px; }
#atalhos .tarifas { background: url('/img/tarifas.png') no-repeat; left: 154px; top: 0; width: 114px; height: 38px; }
#atalhos .reservas { background: url('/img/reservas.png') no-repeat; left: 307px; top: 0; width: 114px; height: 38px; }
#menu { background: url('/img/bgmenu.png') no-repeat; margin: auto; clear: both; height: 47px; width: 980px; }
#menu ul { list-style: none; margin: 15px 0 0 20px; display: block; float: left; }
#menu ul li { display: block; float: left; margin: 0 20px 0 0; height: 23px; }
#menu ul li a { text-decoration: none; color: #fff; font-size: 16px; text-shadow: 1px 1px 1px #1495b7 }
#menu ul li a:hover { text-shadow: 1px 1px 1px #0c738e; }
#menu ul .ativo { background: url('/img/over.png') bottom repeat-x; }
#destaque { background: url('/img/bgquadro.png') no-repeat; margin: auto; clear: both; height: 390px; width: 994px; }
#destaque div { background: url('/img/quadro_p.png') no-repeat; height: 323px; width: 310px; float: right; margin: 30px 30px 0 0; }
#destaque div h2 { color: #20739b; font-size: 24px; font-weight: bold; margin: 25px 0 0 0; }
#destaque div p { width: 255px; margin: 20px 0 0 30px; text-align: justify; clear: both; display: block; color: #515151; font-size: 14px; text-shadow: 1px 1px 1px #fff; }
#destaque div img { clear: both; margin: 20px auto; }
#meio { margin: auto; clear: both; width: 987px; height: auto; }
#col_left { float: left; width: 680px; }
#chamadas { float: left; width: 660px; height: auto; margin: 25px 0 0 0; }
#chamadas div { float: left; width: 300px; margin: 0 0 0 41px; }
#chamadas div a { text-decoration: none; }
#chamadas div h2 { float: left; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 1px #20739b; margin: 0 0 16px 0; color: #fff; }
#chamadas div p { float: left; display: block; width: 300px; text-align: justify; text-shadow: 1px 1px 1px #808080; line-height: 19px; }
#chamadas div img { display: block; float: left; margin: 10px 0 0 0; }
#familia { background: url('/img/bgfamilia.png') no-repeat; clear: both; float: left; width: 650px; height: 214px; margin: 35px 0 0 6px; }
#familia h2 { font-size: 18px; font-weight: bold; display: block; float: left; margin: 5px 0 0 15px; text-shadow: 1px 1px 1px #20739b; }
#familia h1 { font-size: 18px; font-weight: bold; display: block; float: left; margin: 5px 0 0 15px; text-shadow: 1px 1px 1px #20739b; }
#familia p { display: block; float: right; width: 345px; text-align: justify; line-height: 19px; text-shadow: 1px 1px 1px #808080; clear: both; margin: 5px 25px 0 0; }
#familia ul { clear: both; float: right; display: block; margin: 15px 175px 0 0; }
#familia ul li { float: left; text-align: left; height: 20px; margin: 0 0 5px 0; clear: both; }
#familia ul li img { float: left; margin: -5px 0 0 0; }
#conheca { float: left; width: 325px; margin: 45px 12px 0 10px; }
#conheca h2 { font-size: 18px; float: left; font-weight: bold; text-shadow: 1px 1px 1px #20739b; margin: 0 0 15px 0; }
#conheca p { width: 314px; text-align: justify; text-shadow: 1px 1px 1px #808080; line-height: 19px; margin: 0 0 16px 0 }
#conheca .foto_p { float: left; width: 112px; margin: 0 0 15px 0; }
#conheca .foto_p img { border: solid 1px #127faa; float: left; display: block; }
#conheca .veja { display: block; float: left; margin: 10px 0 0 0; }
#nossos { float: left; width: 302px; margin: 45px 0 0 12px; }
#nossos h2 { font-size: 18px; float: left; font-weight: bold; text-shadow: 1px 1px 1px #20739b; margin: 0 0 17px 0; }
#nossos div { background: url('/img/bgnome.png') no-repeat top left; clear: both; float: left; width: 298px; height: 76px; }
#nossos div h3 { text-shadow: 1px 1px 1px #808080; font-weight: bold; text-align: left; float: left; padding: 5px 0 0 8px; }
#nossos div p { clear: both; float: left; width: 299px; text-align: justify; text-shadow: 1px 1px 1px #808080; margin: 6px 0 0 0; font-style: italic; line-height: 16px; }
#nossos .veja { display: block; float: left; margin: 3px 0 0 0; }
#col_right { float: left; width: 300px; margin: 0 0 0 5px; }
#banner { float: left; margin: 28px 0 0 7px; }
#banner img { margin: 0 0 3px 0; }
.como-funciona { padding: 15px 0 0 15px; float: left; }
#reserva { float: left; background: url('/img/bgform.png') no-repeat; width: 301px; height: 371px; margin: 20px 0 0 7px; }
#reserva h2 { font-size: 18px; float: left; font-weight: bold; text-shadow: 1px 1px 1px #20739b; margin: 10px 0 10px 20px; }
#reserva form { display: block; float: left; margin: 1px 0 0 20px; }
#reserva select { height: 22px; color: #808080; font-style: italic; border: solid 1px #75c4e5; float: left; margin: 0 0 10px 0; }
#reserva .s_grande { width: 265px; }
#reserva .s_medio { width: 123px; }
#reserva .s_pequeno { width: 62px; margin: 0 9px 10px 0; }
#reserva label { display: block; float: left; font-style: italic; width: 60px; text-align: left; margin: 3px 0 10px 0; }
#reserva input { height: 24px; color: #808080; font-style: italic; border: solid 1px #75c4e5; float: left; margin: 0 0 5px 0; width: 258px; padding: 0 0 0 5px; }
#reserva textarea { height: 59px; font-size: 15px; color: #808080; font-style: italic; border: solid 1px #75c4e5; float: left; margin: 0 0 5px 0; width: 258px; padding: 0 0 0 5px; }
#reserva .enviar { display: block; float: right; background: url('/img/enviar.png'); border: none; width: 69px; height: 25px; margin: 2px 12px 0 0; }
#duvida { float: left; width: 301px; margin: 34px 0 0 5px; }
#duvida img { float: left; margin: 0 0 0 15px; }
#duvida p { float: left; width: 204px; text-align: left; line-height: 20px; margin: 0 0 0 10px; }
#news { float: left; width: 301px; margin: 34px 0 0 5px; }
#news h2 { font-size: 18px; float: left; font-weight: bold; text-shadow: 1px 1px 1px #20739b; margin: 0 0 15px 15px; }
#news form { display: block; float: left; margin: 0 0 0 15px; }
#news input { height: 20px; color: #808080; font-style: italic; border: solid 1px #75c4e5; float: left; margin: 0 0 5px 0; width: 258px; padding: 0 0 0 5px; }
#news .enviar { display: block; float: left; background: url('/img/enviar.png'); border: none; width: 69px; height: 25px; margin: 14px 12px 0 0; }
#desafio { margin: auto; clear: both; }
#desafio img { margin: 43px 0 0 0; float: left; display: block; }
#bg_bottom { background: url('/img/bg_bottom.jpg') no-repeat left top; width: 100%; height: auto; float: left; }
#geral-rodape { width: 996px; margin: auto; height: auto; }
#quadro-rodape { background: url('/img/bgrodape.png') no-repeat left top; width: 982px; height: 213px; margin: 44px 0 0 2px; }
#col_um { float: left; width: 350px; }
#col_um h2 { font-size: 18px; float: left; font-weight: bold; text-shadow: 1px 1px 1px #20739b; margin: 15px 0 10px 15px; }
#col_um p { clear: both; float: left; width: 295px; text-align: justify; margin: 0 0 15px 15px; text-shadow: 1px 1px 1px #808080; line-height: 21px; }
#col_dois { float: left; width: 335px; margin: 12px 0 0 10px; }
#col_dois div { clear: both; float: left; width: 299px; margin: 0 0 8px 0; }
#col_dois div h2 { float: left; text-align: left; width: 299px; font-weight: bold; text-shadow: 1px 1px 1px #808080; margin: 0 0 3px 0;}
#col_dois div img { display: block; float: left; margin: 6px 0 0 0; }
#col_dois div p { display: block; float: left; width: 242px; text-shadow: 1px 1px 1px #808080; text-align: justify; margin: 8px 2px 0 0; }
#col_dois ul { clear: both; float: left; width: 299px; margin: 0 0 8px 0; height: 190px; }
#col_dois ul h2 { float: left; text-align: left; width: 299px; font-weight: bold; text-shadow: 1px 1px 1px #808080; margin: 0 0 3px 0;}
#col_dois ul img { display: block; float: left; margin: 6px 0 0 0; }
#col_dois ul p { display: block; float: left; width: 242px; text-shadow: 1px 1px 1px #808080; text-align: justify; margin: 6px 2px 0 0; }
#ticker { height: 190px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; }
#ticker li { height: 63px; }
#col_tres { float: left; width: 285px; margin: 0 0 0 0; }
#col_tres h2 { float: left; text-align: left; width: 299px; font-weight: bold; text-shadow: 1px 1px 1px #808080; margin: 10px 0 0 0; padding: 0 0 15px 0; }
#col_tres img { display: block; float: left; margin: 0 18px 20px 0; }
#menu-rodape { clear: both; margin: auto; width: 982px; height: 78px; background: url('/img/traco.png') no-repeat bottom; }
#menu-rodape ul { width: 790px; margin: auto; padding: 40px 0 0 0; }
#menu-rodape ul li { float: left; width: auto; padding: 0 11px 0 11px; background: url('/img/separa.png') no-repeat right; }
#menu-rodape ul li a { color: #fff; text-decoration: none; display: block; float: left; text-shadow: 1px 1px 1px #1495b7; }
#menu-rodape ul li a:hover { text-shadow: 1px 1px 1px #1abbe6; }
#creditos { clear: both; margin: auto; width: 982px; height: 339px; }
#copy { float: left; width: 710px; margin: 35px 0 0 15px; }
#credits { float: left; list-style: none; }
#credits li { float: left; text-align: left; clear: both; text-shadow: 1px 1px 1px #808080; margin: 0 0 6px 0; }
#links_p { display: block; float: left; clear: both; margin: 15px 0 0 0; }
#links_p li { display: block; float: left; padding: 0 10px 0 10px; background: url('/img/separa.png') no-repeat right; }
#links_p li a { font-size: 11px; color: #fff; text-shadow: 1px 1px 1px #1495b7; text-decoration: none; }
#links_p li a:hover { text-shadow: 1px 1px 1px #1abbe6 }
#formas { float: right; width: 230px; margin: 35px 18px 0 0; }
#formas h2 { font-size: 12px; text-align: right; font-weight: bold; text-shadow: 1px 1px 1px #1495b7; }
#formas img { clear: both; float: right; margin: 10px 0 20px 0; }