@charset "UTF-8";
* { border: 0; margin: 0; padding: 0; }
body { font-family: 'Open Sans', sans-serif; }
a { color: #50514c; text-decoration: none; outline: none; }
input, textarea { font-family: 'Open Sans', sans-serif; outline: none; }
h1 { color: #777777; font-size: 48px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
h2 { color: #50514c; font-size: 25px; text-transform: uppercase; }
h3 { color: #50514c; font-size: 33px; text-transform: uppercase; margin: 0 0 12px 0; }
p { font-size: 18px; }
.geral { width: 1024px; margin: 0 auto; }
.limpador { clear: both; }
/* topo */

#topo { background: url(images/bg-topo.png) center top repeat-x; min-width:1024px; width: 100%; height: 168px; border-top: 28px solid #e9fd03; position: relative; z-index: 1; }
.logo { margin: 10px 0 0 145px; float: left; }
#menu-topo { float: right; margin: 0 -10px 0 0; }
#menu-topo ul { margin: 0 10px 0 0; }
#menu-topo ul li { display: inline; float: left; }
#menu-topo ul li a span { display: none; }
.menu-home a, .menu-empresa a, .menu-passeios a, .menu-servicos a, .menu-embarcacoes a, .menu-fotos a, .menu-contato a { background: url(images/bg-menu.png) no-repeat; height: 169px; display: block; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.menu-home a:hover, .menu-empresa a:hover, .menu-passeios a:hover, .menu-servicos a:hover, .menu-embarcacoes a:hover, .menu-fotos a:hover, .menu-contato a:hover { background-position: 0 -169px; }
.menu-home a { width: 86px; background-position: 1px 0; }
.menu-empresa a { width: 84px; background-position: -85px 0; }
.menu-passeios a { width: 86px; background-position: -169px 0; }
.menu-servicos a { width: 83px; background-position: -255px 0; }
.menu-embarcacoes a { width: 85px; background-position: -338px 0; }
.menu-fotos a { width: 84px; background-position: -423px 0; }
.menu-contato a { width: 85px; background-position: -508px 0; }
.menu-home a:hover { background-position: 1px -169px; }
.menu-empresa a:hover { background-position: -85px -169px; }
.menu-passeios a:hover { background-position: -169px -169px; }
.menu-servicos a:hover { background-position: -255px -169px; }
.menu-embarcacoes a:hover { background-position: -338px -169px; }
.menu-fotos a:hover { background-position: -423px -169px; }
.menu-contato a:hover { background-position: -508px -169px; }
#banner { background: #fff; width: 1014px; height: 449px; margin: 12px 0 0 0; padding: 5px; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); }
#itens, #itens-interno { background: url(images/triangulo.gif) center top repeat-x #f7f7f7;  min-width:1024px; width: 100%; margin: 36px 0 0 0; padding: 30px 0; }
.item { background: url(images/bg-item.png) no-repeat; width: 305px; height: 440px; margin-bottom: 20px; padding: 16px 7px 8px; float: left; position: relative; }
#itens-interno { margin: -14px 0 0 0; padding: 38px 0 10px 0; }
 #itens .item:nth-child(even), #itens-interno .item:nth-child(even) {
 margin-left: 34px;
 margin-right: 33px;
}
.item h2, .item span { color: #50514c; font-size: 14px; font-weight: bold; float: left; }
a.button.product_type_variable.add_to_cart_button { float: right; margin-top: 50px; }
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { float: right; margin-top: 50px; }
.item p { color: #7d7c7c; font-size: 12px; text-align: justify; margin: 8px 0 16px 0; clear: both; }
.botoes { position: absolute; bottom: 40px; right: 0; }
.item .bt-detalhes { background: url(images/bt-detalhes.gif) no-repeat; width: 271px; height: 26px; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; float: left; }
.item .bt-detalhes:hover, .item .bt-carrinho:hover { background-position: 0 -26px; }
.bt-carrinho i { display: none; width: 75px; background: #e9fd03; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size: 10px; font-weight: bold; font-style: normal; text-align: center; line-height: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 0 2px 0; position: absolute; right: 0; top: -36px; }
.bt-carrinho i:after { content: "▼"; color: #e9fd03; position: absolute; bottom: -9px; text-shadow: none; }
.bt-carrinho:hover i { display: block; }
.item .bt-carrinho { background: url(images/bt-carrinho.gif) no-repeat; width: 29px; height: 26px; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; float: left; }
#pagamento { background: url(images/tipo-pagamento.jpg) top center no-repeat; min-width:1024px; width: 100%; height: 279px; border-top: 13px solid #fff; }
#rodape { background: url(images/bg-rodape.png) center top repeat-x; min-width:1024px; width: 100%; height: 368px; margin: -10px 0 0 0; position: relative; }
#rodape ul { list-style: none; width: 365px; margin: 60px 0 0 20px; float: left; }
#rodape ul li:before { content: "\25BA"; color: #3f3701; font-size: 14px; margin: 0 10px 0 0; }
#rodape ul li { margin-bottom: 16px; }
#rodape ul li a { color: #3f3701; font-size: 12px; text-transform: uppercase; }
#rodape ul li a:hover { font-weight: bold; font-size: 13px; }
#rodape-col-center { width: 247px; text-align: center; margin: 36px 0 0 0; float: left; }
#rodape-col-center p { color: #6d5f02; text-transform: uppercase; font-size: 17px; margin: 22px 0; }
#rodape-col-center .logo { margin-left: 65px; }
#redes a { width: 45px; height: 52px; display: inline-block; }
#redes .facebook { background: url(images/icon-facebook.png) no-repeat; }
#redes .google { background: url(images/icon-google.png) no-repeat; }
#redes .linkedin { background: url(images/icon-linkedin.png) no-repeat; }
#redes .insta { background: url(images/icon-linkedin.png) no-repeat; }
#redes span { display: none; }
#redes .facebook:hover, #redes .google:hover, #redes .linkedin:hover, #redes .insta:hover { background-position: 0 -52px; }
#telefones { width: 275px; font-weight: bold; text-align: right; margin: 38px 20px 0 0; float: right; }
#telefones span { float: left; }
#telefones h2 { color: #7b722b; font-size: 25px; margin: 0 0 8px 0; }
#telefones { color: #7b722b; }
#telefones p { color: #7b722b; font-size: 13px; font-weight: normal; }
.tel { margin: 0 0 6px 0; font-weight: normal; font-size: 13px; }
#belt { background: #fff; color: #000; font-size: 12px; text-align: center; padding: 7px 0 8px 0; }
#belt p { font-size: 12px; }
/*conteudo e internas*/

#banner-interno { background: url(images/banner-interno.jpg) center top no-repeat; min-width:1024px; width: 100%; height: 212px; margin: -7px 0 0 0; position: relative; }
#banner-interno h1 { line-height: 213px; }
#conteudo { background: #e0eef0;  min-width:1024px; width: 100%; margin: -7px 0 0 0; padding: 45px 0 90px 0; }
.empresa .centro-nautico { margin: 0 30px 0 0; float: left; }
.empresa p { color: #000043; font-size: 18px; text-align: justify; margin: 0 0 10px 0; }
#entrada img { margin: 0 0 0 30px; border: 7px solid #fff; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5); float: right; }
#entrada { margin: 34px 0 0 0; }
#entrada p { text-align: right; }
#banner-embarc { background: url(images/banner-embarc.jpg) center top no-repeat; height: 531px; margin: -7px 0 0 0; position: relative; }
.page-id-11 #conteudo img { border: 5px solid #fff; margin: 0 14px 14px 0; float: left; }
.page-id-11 #conteudo p { color: #50514c; margin: 0 0 10px 0; }
.page-id-11 #conteudo h1 { color: #50514c; font-size: 48px; text-transform: uppercase; padding: 20px 0 0 0; margin: 0 0 30px 0; }
.page-id-11 #conteudo .icon { margin: 0 30px 0 0; }
 .page-id-11 #conteudo p:nth-child(4) {
 margin: 40px 0;
}
/* SERVICOS */

.servico { background: #fff; width: 280px; height: 354px; margin: 140px 0 30px 0; padding: 36px 20px 0 20px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; float: left; }
.servico span { font-size: 12px; font-weight: bold; text-transform: uppercase; }
 .servico:nth-child(even) {
 margin-left: 32px;
 margin-right: 32px;
}
.servico img { position: absolute; }
.servico .city { top: -102px; left: 82px; }
.servico .transaero { top: -122px; left: 82px; }
.servico .passeio { top: -88px; left: 20px; }
.servico .morrosp { top: -142px; left: 110px; }
.servico .praia { top: -114px; left: 60px; }
.servico h2 { color: #50514c; font-size: 36px; text-transform: uppercase; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); }
.servico p { color: #50514c; text-align: left; line-height: 20px; margin: 30px 0 0 0; }
/* PASSEIO */

.passeio-interno { margin: -7px 0 0 0; }
#passeio { padding: 40px 0 60px 0; }
#passeio-fotos { width: 517px; margin: 0 0 44px 0; float: left; }
#foto-destaque { background: #fff; width: 517px; height: 323px; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); }
#foto-destaque img { margin: 5px 0 0 5px; }
#foto-thumbs .thumb { background: #fff; width: 100px; height: 100px; margin-top: 22px; float: left; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); }
.meio { margin: 0 38px; }
#foto-thumbs .thumb img { margin: 5px 0 0 5px; }
#passeio-addcar { width: 473px; float: left; padding: 0 0 0 34px; }
#passeio-addcar h1 { color: #50514c; line-height: 32px; margin: 0 0 24px 0; font-size: 20px; }
#passeio-addcar h2 { color: #464646; font-size: 48px; margin: 0 0 14px 0; }
#passeio-addcar p { letter-spacing: -1px; }
#qtd-add { margin: 28px 0; }
#qtd-add input { width: 60px; height: 42px; font-size: 31px; text-align: center; margin: 0 6px 0 0; float: left; }
.bt-add { background: url(images/bt-addcar.gif) no-repeat; width: 159px; height: 42px; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; outline: none; float: left; cursor: pointer; }
.bt-add span { display: none; }
.bt-add:hover { background-position: 0 -42px; }
#info { background: #fff; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#info h2 { color: #000; font-size: 26px; margin: 0 0 6px 0; }
#info p { color: #50514c; font-size: 14px; margin: 0 0 12px 0; }
#video { max-width: 640px; max-height: 390px; margin: 50px auto 40px auto; }
#relacionados .meio { margin: 0 33px; }
/* contato */

#contato h1 { color: #50514c; font-size: 25px; text-transform: uppercase; text-shadow: none; }
#form { width: 500px; margin: 10px 0 0 0; float: left; }
#form input[type="text"], #form textarea { width: 492px; border-radius: 4px; margin: 4px 0 10px 0; padding: 8px 4px; }
#form textarea { height: 210px; resize: vertical; }
#form input[type="submit"] { background: #eccd23; color: #fff; width: 200px; height: 40px; font-size: 25px; text-align: center; margin: 14px 0 0 0; float: right; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#form input[type="submit"]:hover { background: #FFD800; }
#form p, #info-contato p { color: #50514c; font-size: 18px; }
#info-contato { width: 475px; border-left: 1px solid #b9c7c9; padding: 0 0 0 12px; margin: 10px 0 0 0; float: right; }
#info-contato h2 { margin: 20px 0 0 0; }
#info-contato p { margin: 0 0 14px 0; }
/* galeria */

.capa-album { width: 200px; margin: 0 74px 30px 0; float: left; }
 .capa-album:nth-child(4n+1) {
 margin-right: 0;
}
.album { background: #fff; width: 200px; height: 150px; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3); }
.album img { margin: 5px 0 0 5px; }
#galeria h1 { color: #50514c; font-size: 25px; text-transform: uppercase; margin: 0 0 40px 0; text-shadow: none; }
#galeria h2 { font-size: 12px; text-align: center; text-transform: none; margin: 22px 0 0 0; }
#galeria h2 a { color: #50514c; }
.tempo { margin: 0 auto 30px auto; }
#data { display: block; border: 1px solid #c8bfc6; margin: 0 0 6px 0; padding: 4px 0; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea { padding: 5px; }
.price { float: right; width: 100%; font-weight: bold; }
select#pa_data { height: 50px; font-size: 25px; }
a.carrinho-fixed { position: fixed; bottom: 0px; right: 100px; z-index: 9999 !important; height: 70px; width: 125px; font-size: 25px; font-weight: bold; text-align: center; color: #515151; background: #e9fe04; border-radius: 10px; border-width: 10px; border-color: #515151; border: 1px; }
