/* --- Cascading Style Sheet ---


	Versao: 1.0
	 Autor: Rafael Duarte
	E-mail: rafael@aproximma.com.br

	Data de criacao: 28/08/2013
	Ultima atualizacao: 28/08/2013

================================*/

/*--------------
 FONT FACE
 ------------*/
@font-face {
    font-family: 'myriad_web_proregular';
    src: url('../fontes/myriadwebpro-webfont.eot');
    src: url('../fontes/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fontes/myriadwebpro-webfont.woff') format('woff'),
    url('../fontes/myriadwebpro-webfont.ttf') format('truetype'),
    url('../fontes/myriadwebpro-webfont.svg#myriad_web_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'myriad_probold';
    src: url('../fontes/myriadpro-semibold-webfont.eot');
    src: url('../fontes/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fontes/myriadpro-semibold-webfont.woff') format('woff'),
    url('../fontes/myriadpro-semibold-webfont.ttf') format('truetype'),
    url('../fontes/myriadpro-semibold-webfont.svg#myriad_web_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProLight';
    src: url('../fontes/myriadpro-light.eot');
    src: url('../fontes/myriadpro-light.eot?#iefix') format('embedded-opentype'),
    url('../fontes/myriadpro-light.woff') format('woff'),
    url('../fontes/myriadpro-light.ttf') format('truetype'),
    url('../fontes/myriadpro-light.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************************/

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, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent
}
a{text-decoration: none;}
ol, ul { list-style: none}
blockquote, q { quotes: none }
hr { display:none }
textarea {
    resize:none;
    overflow:auto;
}
strong{font-weight: bold;}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;}
blockquote, q { quotes: none; }

/************************************************************************************/
/* @Classes auxiliares
/************************************************************************************/
.bold { font-weight: bold; }
.clear { clear: both;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;}
.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

.italic { font-style: italic; }

.left { float: left; }

.line-through { text-decoration: line-through; }

.no-float { float: none; }

.none { display: none; }

.replace{text-indent: -9999px;}
.right { float: right; }

.underline { text-decoration: underline; }
.shadow {
    -webkit-box-shadow: 1px 1px 15px #999999;
    -moz-box-shadow:    1px 1px 15px #999999;
    box-shadow:         1px 1px 15px #999999;
    behavior: url(pie/PIE.htc);
}
.uppercase { text-transform: uppercase; }
.cb {display: block; margin: 0 auto;}
.border {border: 1px #F1F1F1 solid; }
/************************************************************************************/
/* @Estilos gerais
/************************************************************************************/

a:link, a:visited {}
a:hover, a:active {}

h1 {}
h2 {}

strong {}
em {}
abbr {}


/************************************************************************************/
/* @Estrutura
/************************************************************************************/
body {}
.container {width: 906px; margin: auto; position: relative; }
.container.conteudo  {
    -webkit-box-shadow: inset 3px 0px 15px 10px #cccccc;
    -moz-box-shadow: inset 3px 0px 15px 10px #cccccc;
    box-shadow: inset 3px 0px 15px 10px #cccccc;
    behavior: url(pie/PIE.htc);

}
.meio {}
.col-302{position: relative; float: left; width: 302px;}
/************************************************************************************/
/* @Header
/************************************************************************************/
#header {width: 100%; height: 120px;}
.bg-header {position: absolute; top: 29px;  left: -580px;}
#header #logo {
    width: 391px; height: 41px; float: left; background: url("../images/logo.png") no-repeat; text-indent: -99999px;
    margin: 45px 0 30px 10px;
}
#header #logo a{ width: 391px; height: 41px; float: left; }
/*=== MENU ===*/
#header #navigator{
    float: left; margin: 70px 15px 0;
}
#header #navigator ul, #header #navigator ul li {float: left; position: relative;}
#header #navigator ul li a {
    font: 15px "myriad_web_proregular"; color: #299DC3; text-transform: uppercase; margin: 0 6px;
}
#header #navigator ul li .linha_menu{
    height: 13px; width: 0; background-color: #299DC3; position: absolute; display: inline; left: 6px; top: 18px;
}
#header #navigator ul li a.ativo+.linha_menu {width: 92%;}


/*==============*/
/*    @HOME
/*==============*/
/*===== Banner =====*/
.home .container .slidesjs-container {
    margin-top: 20px;  z-index: 10;-webkit-box-shadow: 1px 6px 4px 2px #666;
    -moz-box-shadow:1px 6px 4px 2px #666; box-shadow:1px 6px 4px 2px #666; behavior: url(pie/PIE.htc);
}
.home .container .slidesjs-pagination{
    position: absolute; width: 20px; right: -30px; top: 10px; padding: 0;
}
.home .slidesjs-container, .home .slidesjs-control {width: 906px!important; height: 394px!important;}
.home  .slidesjs-pagination a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; behavior: url(pie/PIE.htc);
    background-color: #C5E4EF;
    text-indent: -99999px; display: inline-block;
    height: 10px; width: 10px;
}
.home  .slidesjs-pagination a.active{background-color: #299DC3;}
.home .slidesjs-navigation {display: none;}
.sombra-banner { position: absolute; top: 300px; top: 358px; left: -46px; z-index: 1;}
/*==========*/
article h1 {
    font: 36px "MyriadProLight"; color: #299DC3;  margin: 30px 80px 10px; text-align: center;
    border-top: 2px #999999 solid; border-bottom: 2px #999999 solid;
}
article p {text-align: center; font: 18px "MyriadProLight"; color: #000000; line-height: 24px;}
.box-home {margin: 35px 0 0;background: url("../images/bg-box-home.jpg") no-repeat; height: 266px; width: 906px; color: #FFFFFF;}
.box {border: 1px #414242 solid; width: 436px; height: 204px; margin-top: 30px;}
.box.left {margin-left: 7px;}
.box.right {margin-right: 7px;}
.box.left h2 {
    font: 36px "myriad_probold"; color: #CDCDCD; border-top: 2px #ffffff solid; border-bottom: 2px #ffffff solid;
    width: 296px; margin: 22px auto; text-align: center; text-transform: uppercase;
}
.box.left p {
    font: 14px "myriad_web_proregular"; color: #CDCDCD; margin: 0 20px; text-indent: 20px;
    background: url("../images/aspas-ini.png") left top no-repeat;
}
.box.left p .aspas{background: url("../images/aspas-ini.png"); width: 9px; height: 8px;  display: inline-block; margin-left: 5px;}
.box.right h3, .box-features h3 {font: 25px "MyriadProLight"; color: #B1A9A9; text-align: center; margin: 25px 0;}
.box.right h3 strong, .box-features h3 strong {font-family: "myriad_probold"; color: #FFFFFF;}
.box.right ul, .box-features ul {float: left; margin-left: 105px;}
.box.right ul li, .box-features ul li{
    list-style-image: url("../images/list-style-box-home.png"); font: 12px "myriad_web_proregular"; color: #FFFFFF;
    text-transform: uppercase; float: left; width: 160px; margin: 6px 0;
}
.box.right .ver-atributos {
    font: 12px "myriad_web_proregular"; color: #B0B0B0; text-transform: uppercase; margin: 15px auto; text-align: center;
    display: block;
}
.box.right .ver-atributos:hover {text-decoration: underline;}

/*=======================*/
/*    @EMPRESA
/*=====================*/
.container article {margin: 0 57px;}
.empresa .container article h1,  .contato .container article h1{font: 14px "myriad_probold"; color: #299DC3; border: none; margin: 40px 20px 10px; display: inline-block;}
.empresa .container article p {font: 14px "myriad_web_proregular"; color: #000000; margin-bottom: 15px; text-indent: 20px; text-align: left;}
.empresa .container article ul.img-empresa{}
.empresa .container article ul.img-empresa li {float: left; position: relative;}
.empresa .container article ul.img-empresa li.par {margin-left: 10px;}
.empresa .container article ul.img-empresa li figure {margin: 0;}
.empresa .container article ul.img-empresa li span {
    position: absolute; bottom: 0; width: 374px; background-color: #000000; font: 14px "myriad_web_proregular"; color: #ffffff;
    text-align: right; padding: 8px;}

/*=======================*/
/*    @FEATURES
/*=====================*/
#box-features {position: relative; margin-top: 15px;}
.bg_features {position: relative; z-index: 10;}
#all-features {position: absolute; top: 10px; margin: 10px 42px; z-index: 20;}
#all-features li {
    height: 42px; width: 820px; background: url("../images/bg-list-features.png") repeat-x;
    -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; behavior: url(pie/PIE.htc);
}
#all-features li:hover {background: url("../images/bg-list-features-hover.png") repeat-x;}
#all-features li a {
    font: 14px "myriad_probold"; text-transform: uppercase; color: #414141; background: url("../images/list-style-features.png") left no-repeat;
    padding: 12px 35px; display: inline-block; width: 750px;
}
.features .box-features {border: 1px #414242 solid; margin: 25px 5px; display: inline-block; height: 214px;}
.features .box-features h3 {margin: 15px 0;}
.features .box-features ul {border: 1px #414242 solid; margin: 5px 107px;}
.features .box-features ul li {width: 125px; margin-left: 40px;}
.features .box-features p {font: 14px "myriad_web_proregular"; color: #FFFFFF; text-align: center; margin: 5px 0;}
/*=== Modal Features ===*/
.features .fancybox-inner {font: 14px "myriad_web_proregular";}
.features .fancybox-close,  .fotos .fancybox-close{top: 0; right: 0;}
.features .fancybox-inner ul {margin: 0 30px;}
.features .fancybox-inner h2 {margin: 30px 30px 0; background: url("../images/list-style-features.png") left no-repeat; padding-left: 30px; font: 16px "myriad_probold"; text-transform: uppercase;}
.features .fancybox-inner .divisor-features {margin: 0px 30px 20px; width: 790px; height: 12px; background: url("../images/separador-features.png") repeat-x;}
.features .fancybox-inner p {font: 14px "myriad_web_proregular"; margin:0 30px 10px;}
.features .fancybox-inner img, .features .fancybox-inner iframe {display: block; margin: 5px auto;}

/*=======================*/
/*    @FOTOS
/*=====================*/
.fotos .container article {margin: 0 35px;}
.fotos article h1 {margin: 30px 120px 10px; margin-top: 25px; display: inline-block;}
.box-galeria-fotos {}
.box-galeria-fotos #imagem-principal{width: 500px; float: left; margin: 30px 0 0;}
.box-galeria-fotos #imagem-principal img {max-width: 485px;}
.box-galeria-fotos #galeria-all {float: left; width: 325px; margin-left: 10px;}
.box-galeria-fotos #galeria-all li {float: left; width: 70px; height: 70px; overflow: hidden; margin: 0 10px 10px 0; position: relative;}
.box-galeria-fotos #galeria-all li img {height: 100%; width: auto;}
.quadro-hover {
    display: inline-block; width: 70px; height: 70px; background: url("../images/quadro-hover.png"); position: absolute; top: 0; display: none;
}
.fotos .info-ampliar {font: 14px "myriad_web_proregular"; float: left; width: 485px; margin-top: 40px;}
.redirect-videos {float: left; margin-left: 23px;}
.redirect-videos span {font: 12px "myriad_probold"; color: #299DC3; margin-right: 20px; float: left;}
.redirect-videos span:hover {text-decoration: underline;}

.paginador {float: right; margin: 0 15px 10px 0;}
.paginador a {font-family: myriad_probold; margin-left: 10px;}

/*== Modal Fotos ==*/
.fotos .fancybox-title-float-wrap {text-align: right; right: 15px; width: 96%; margin-bottom: 10px;}
.fotos .fancybox-title-float-wrap .child{ margin-right: 0; background-color: #EBEBEB; color: #000000; font-weight: normal;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-shadow:none; padding: 15px 10px 15px 0;
    width: 100%;}

/*=======================*/
/*    @VIDEOS
/*=====================*/
.videos article h1 {display: inline-block; margin: 30px 115px 10px;}
.videos article .box-galeria-video {width: 100%; margin: 10px 0;}
.videos article .box-galeria-video iframe {display: block; margin: auto;}
.videos .bx-wrapper {margin: 0 80px;}
.videos  .bx-wrapper .bx-pager {display: none;}
/*=======================*/
/*    @BUILD MY BOAT
/*=====================*/
#build-my-boat {width: 100%; background: #E9E9ED; float: left; margin-top: 50px;}
.build-my-boat-left {
    float: left; width: 733px; margin-left: 22px; position: relative; top: -40px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
.build-my-boat-left #nav-build-my-boat {background: url("../images/bg-menu-boat.png") no-repeat; width: 100; height: 41px;}
.build-my-boat-left #nav-build-my-boat li {float: left;}
.build-my-boat-left #nav-build-my-boat li a {
    font: 11px "Arial"; color: #4B4B4F; font-weight: bold; background: url("../images/borda-menu-boat.png") left no-repeat;
    text-transform: uppercase; float: left; padding: 12px 32px; margin-top: 1px;
}
.build-my-boat-left #nav-build-my-boat li a:hover, .build-my-boat-left #nav-build-my-boat li a.active {
    background: #ECECEE  url("../images/borda-menu-boat.png") left no-repeat;;
}
.build-my-boat-left #nav-build-my-boat li a.my-boat {color: #279DC4; font-size: 19px; padding: 8px 11px;}
.build-my-boat-left #nav-build-my-boat li a.my-boat:hover {background: none;}
.build-my-boat-left .barco-lateral {float: left; position: relative; background: url("../images/boat/barco-lateral.jpg") no-repeat; width: 733px; height: 354px; }
.build-my-boat-left .barco-frente {display: none; position: relative; float: left; background: url("../images/boat/barco-frente.jpg") no-repeat; width: 733px; height: 354px; }
.build-my-boat-left .barco-lateral div.boat-area , .build-my-boat-left .barco-frente div.boat-area {position: absolute;}
.build-my-boat-left .barco-lateral #lateral-boat-casco {top: 202px; left: 85px;}
.build-my-boat-left .barco-lateral #lateral-boat-conves {top: 156px; left: 102px;}
.build-my-boat-left .barco-lateral #lateral-boat-frontal {top: 187px; left: 222px;}
.build-my-boat-left .barco-lateral #lateral-boat-traseira {top: 165px; left: 82px;}
.build-my-boat-left .barco-lateral #lateral-boat-torres {top: 45px; left: 217px;}

.build-my-boat-left .barco-frente #front-boat-casco {top: 216px; left: 145px;}
.build-my-boat-left .barco-frente #front-boat-conves {top: 163px; left: 101px;}
.build-my-boat-left .barco-frente #front-boat-frontal {top: 195px; left: 111px;}
.build-my-boat-left .barco-frente #front-boat-traseira {top: 175px; left: 99px;}
.build-my-boat-left .barco-frente #front-boat-torres {top: 56px; left: 291px;}

.build-my-boat-rigth {float: left; width: 126px; background: url("../images/bg-cores.jpg") no-repeat; position: relative; top: -40px}
.build-my-boat-rigth h2 {font: 11px "Arial"; color: #4B4B4F; font-weight: bold; text-transform: uppercase;  padding: 13px; text-align: center;}
.build-my-boat-rigth .box-cores {float: left;}
.build-my-boat-rigth .box-cores a {float: left; border: 1px #FFFFFF solid; width: 23px; height: 23px;}
.fancybox-inner {font: 14px "myriad_web_proregular"; color: #000000;}
/*** CORES **/
#black {background-color: #000000;}
#white {background-color: #ffffff;}
#intense-lilas {background-color: #993399;}
#violet {background-color: #666699;}
#intense-violet {background-color: #663366;}
#dark-green {background-color: #003300;}
#teal {background-color: #008080;}
#blue {background-color: #0000FF;}
#green {background-color: #007F00;}
#lime {background-color: #00FF00;}
#tourquoise-green {background-color: #006666;}
#yellow {background-color: #FFFF00;}
#orange {background-color: #FF9900;}
#red {background-color: #FF0000;}
#marrom {background-color: #800000;}
#dark-gray {background-color: #666666;}
#olive {background-color: #808000;}
#aqua {background-color: #00FFFF;}
#light-gray {background-color: #999999;}
#gray {background-color: #808080;}
#silver {background-color: #c0c0c0;}
#navy {background-color: #000080;}
#blue-sky {background-color: #0066CC;}
#purple {background-color: #800080;}
#fuchsia  {background-color: #FF00FF;}

/*===*/
.box-boats-button a {float: left; margin-bottom: 20px; height: 58px; position: relative; z-index: 3}
.box-boats-button a.active {
    border-top: 1px #FFFFFF solid; height: 58px;  border-bottom: 1px #FFFFFF solid; border-right: 1px #FFFFFF solid;
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.75);
}
.box-boats-button a.active img {position: relative;}
.frase-my-boat {position: relative; left: 21px; top: -20px;}

.bt-envie-barco {display: inline-block; background: url("../images/bt-enviar-barco.png") no-repeat; width: 150px; height: 35px;
    text-indent: -99999px; margin: 20px 320px;}
.bt-envie-barco:hover {background: url("../images/bt-enviar-barco-hover.png") no-repeat;}

/**  Modal Form **/
.linha-form {width: 641px; height: 11px; background: url("../images/linha-form.png") center no-repeat;}
#form-barco {float: left; margin: 20px 40px; float: left; width: 670px;}
#form-barco h4 {font: 16px "myriad_web_proregular"; color: #000000; margin-left: 10px;}
#form-barco label {display: block; margin:0px 10px 10px; float: left;}
#form-barco label span {float: left; width: 98px;  background: url("../images/span-form.jpg") no-repeat;
    color: #299DC3; font: 16px "myriad_web_proregular"; text-align: right; padding: 10px 20px 10px 0; text-transform: uppercase;}
#form-barco label input[type="text"]{border: 1px #C5C5C5 solid; width: 500px; float: left; height: 35px; color: #C5C5C5;
    padding: 0 10px;}
#form-barco label input[type="text"].error {border: 1px red solid;}
#form-barco label input[type="text"]#cidade {width: 200px;}
#form-barco label input[type="text"]#estado {width: 140px;}
#form-barco label input[type="text"].error#estado {width: 110px;}
#form-barco #bt-form-barco {width: 137px; height: 43px; background: url("../images/bt-form-barco.png") no-repeat; float: right;
    text-transform: uppercase; text-align: center; color: #FFFFFF; font: 16px "myriad_web_proregular"; border: none;
    cursor: pointer; margin-right: 20px;}
#form-barco label.errors {width: 95%;}
#form-barco label.errors span{background: none; width: 95%; float: left; color: red; font-size: 14px; }
/*=======================*/
/*    @CONTATO
/*=====================*/
#form-contato {float: left; width: 475px;}
#form-contato label {display: block; margin-bottom: 10px;}
#form-contato label span {display: block; font: 14px "myriad_web_proregular"; color: #666666;}
#form-contato label input[type="text"] {
    background: url("../images/input-type.jpg") no-repeat; width: 311px; height: 41px; border: none;
    padding: 0 10px; font: 14px "myriad_web_proregular"; color: #B8B8B8;}
#form-contato label input[type="text"].error {background: url("../images/input-type-error.jpg") no-repeat;}
#form-contato label textarea {background: url("../images/textarea.jpg") no-repeat; width: 441px; height: 131px; border: none;
    padding:10px; font: 14px "myriad_web_proregular"; color: #B8B8B8;}
#form-contato label textarea.error {background: url("../images/textarea-error.jpg") no-repeat;}
#form-contato input[type="submit"] {
    width: 212px; height: 46px; color: #FFFFFF; text-transform: uppercase; text-align: center; background: url("../images/bt-submit.png") no-repeat;
    border: none; cursor: pointer;
}
#form-contato input[type="submit"]:hover { background: url("../images/bt-submit-hover.png") no-repeat;}
#form-contato label .ez-checkbox {float: left; margin-right: 10px; }
#form-contato .radio-texto {display: inline-block; text-indent: -99999px; background: url("../images/frase-check.png") no-repeat;
    width: 440px; margin-top: 5px;}

.contato .errors span {margin-top: 10px; color: red!important;}
.contato .box-endereco {float: left; width: 242px;  padding: 30px 25px; margin-top: 20px;}
.contato .box-endereco p {font: 14px "myriad_web_proregular"; color: #666666; text-align: left;}
.contato .box-endereco .redes {margin: 20px 50px 0;}
/*=======================*/
/*    @FOOTER
/*=====================*/
#footer {
    width: 100%; min-height: 260px; background: url("../images/bg-footer.jpg") bottom center no-repeat; background-size: 100%;
    position: relative; margin-top: 50px;
}
#footer .col-302.sitemap a{
    float: left; margin-left: 52px; margin-bottom: 10px; font: 12px "myriad_web_proregular"; color: #299DC3;
    text-transform: uppercase;
}
#footer .col-302.sitemap a+a {}
#footer .col-302.sitemap a .separato{
    background: #356B83; height: 15px; width: 1px; display: inline-block; margin-right: 10px; position: relative; top: 3px;
}
#footer .col-302.redes-sociais .redes{float: left; margin: 20px 87px;}
.redes a{
    display: inline-block; width: 33px; height: 33px; background: url("../images/icon.png") no-repeat; text-indent: -99999px;
    margin: 3px;
}
.redes a.facebook.ativo {background-position: 0 -35px; transition: all 0.2s linear;}
.redes a.twitter {background-position: -35px 0;}
.redes a.twitter.ativo {background-position: -35px -35px; transition: all 0.2s linear;}
.redes a.email {background-position: -70px 0;}
.redes a.email.ativo {background-position: -70px -35px; transition: all 0.2s linear;}
#footer .col-302 .df2 {
    display: inline-block; width: 23px; height: 20px; background: url("../images/df2.jpg") no-repeat; text-indent: -999999px;
    float: right; margin-top: -30px;
}
#footer .info-rodape{
    color: #000000; font: 14px "myriad_web_proregular"; text-align: right; bottom: 5px; clear: both;
    width: 906px; margin: 115px auto 0;
}