/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22-Nov-2013, 10:53:54
    Author     : hugo.figueiredo
*/

/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html { font-size: 62.5%; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; }
body { -webkit-animation: fade-in 0.5s 1; }
@-webkit-keyframes fade-in { 0% { opacity: 0 } 100% { opacity: 1 } }

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { color: #181818;  font-size: 15px; font-size: 1.5rem; text-align: left; font-family: 'Lato', sans-serif; background: #3a97d2; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; }

/* = Text-Level
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #fff; }
h1 { font-size: 38px; font-size: 3.8rem; }
h2 { font-size: 24px; font-size: 2.4rem; font-style: italic; font-weight: normal; margin: 0 auto 40px; width: 80%;  }
h3 { font-size: 21px; font-size: 2.1rem; text-align: center; margin: 30px 0 10px; text-transform: uppercase;}
h4 { font-size: 16px; font-size: 1.6rem; color: #181818; }
h5 { font-size: 14px; font-size: 1.4rem; color: #181818; }
h6 { font-size: 12px; font-size: 1.2rem; color: #181818; }

p { margin: 0 0 10px; }

blockquote { margin: 0 0 20px; padding: 0 0 0 40px; font-size: 16px; font-size: 1.6rem; background: url(../img/quotes.png) no-repeat top left; }
blockquote p { margin-bottom: 0; line-height: 1.3rem; }

a { color: #009ddc; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

img { vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }


/* = Lists
----------------------------------------------------------------------------------------------------------------- */
ul { margin: 0 0 20px; list-style-position: inside; }
ul li { margin: 0 0 5px; }
ul li ul { margin-top: 20px; margin-left: 30px; list-style-type: circle; }

ol { margin: 0 0 20px 18px; }
ol li { margin: 0 0 10px; }
ol li ol { margin-top: 20px; margin-left: 30px; list-style-type: lower-latin; }

dl { margin: 0 0 20px; }
dt { color: #111; font-weight: bold; margin: 0 0 4px 0; }
dd { margin: 0 0 20px; }

.inline { margin-left: 0; list-style: none; }
.inline li { display: inline; margin: 0 15px 0 0; }

/* = Figures
----------------------------------------------------------------------------------------------------------------- */
figure { margin: 0 0 20px; }
figcaption { padding-top: 10px; font-style: italic; }
.figLeft { float: left; margin-right: 20px; }
.figRight { float: right; margin-left: 20px; }

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
table { width: 100%; margin: 0 0 20px; border-spacing: 0; border-collapse: collapse; background: #fff; }
th { padding: 15px 10px; border: 1px solid #e1eef0; color: #fff; background: #009ddc; }
td { padding: 10px; border: 1px solid #e1eef0; background: #fff; }
tfoot td { background: #333; color: #fff; }
caption { text-align: left; caption-side: bottom; padding-top: 10px; font-style: italic; }


/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg { margin: 0 0 20px; padding: 20px; border: 1px solid #f1f9f9; background: #f1f9f9; }
.msg p { margin-bottom: 0; }
.msg ul { margin-bottom: 0; }
.msg ul li { margin-bottom: 5px; }

.msgImp { padding-left: 60px; color: #fff; border: 1px solid #f47820; background: #f47820 url(../img/important.png) no-repeat 25px center; }
.msgImp a { color: #fff; font-weight: bold; }
.msgError { padding-left: 60px; color: #fff; border: 1px solid #ca1523; background: #ca1523 url(../img/error.png) no-repeat 15px center; }
.msgError a { color: #fff; font-weight: bold; }
.msgSuccess { padding-left: 60px; color: #fff; border: 1px solid #00917e; background: #00917e url(../img/success.png) no-repeat 15px center; }
.msgAssist { border: 1px solid #009ddc; color: #fff; background-color: #009ddc; }

/* = Content Splits
----------------------------------------------------------------------------------------------------------------- */
.colsHalf .col { width: 100%; float: left;  }
.colsFourth .col { width: 48%; float: left; margin-left: 4%; }
.colsFifth .col { width: 16.8%; float: left; margin-left: 4%; }
.cols .col:first-child { margin-left: 0; }
.extras {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #12547c; color: #fff; width: 100%; float: left; margin-bottom: 40px; }
.extras p:last-child { margin-bottom: 0;}
.extrascol h4, .formulario h4 { background: #fff; line-height: 32px; height: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; color: #12547c; margin-bottom: 0; }
.infocol h4 { background: #fff; color: #12547c; padding: 2px 8px; float: left; margin: 0 0 10px 0; clear: both; }
.infocol > p { margin-bottom: 10px; float: left; background: #12547c; padding: 2px 8px;}
.observacoes {float: left; width: 100%; margin: 20px 0 30px;}
.observacoes p { margin-bottom: 0; }
.clear {clear: both;}

/* = UI Kit > Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn { display: inline-block; cursor: pointer; font-size: 14px; font-size: 1.4rem; padding: 7px 12px; color: #2980b9; border: 0; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.btn:hover { color: #fff; background: #2980b9;}

.btnImpact { color: #fff; background: #009ddc; }
.btnImpact:hover {  background: #0083b7; }

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm div { margin: 0 0 20px; }
.webForm div em { display: block; margin-left: 25%; margin-top: 10px; }
label { width: 25%; float: left; padding: 10px 0; }
input.text, textarea, select { width: 75%; padding: 5px; border: 1px solid #bcdae7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.formList { display: inline-block; padding: 8px 0; line-height: 1.5em; }
.formList label { width: auto; padding: 0 10px 0 0; float: none; }
.formList input { width: auto; margin: 0 10px 0 0; padding: 0; border: 0; }

.checkbox { display: inline-block; padding: 12px 0 0; }
.checkbox input { float: left; margin: 0; padding: 0; border: 0; }

/* = Pagination
----------------------------------------------------------------------------------------------------------------- */
.pagination { margin: 0 0 20px; text-align: center; }
.pagination li { display: inline; }
.pagination a, .pagination strong { display: inline-block;  font-size: 16px; font-size: 1.6rem; padding: 2px 6px; color: #fff; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pagination a:hover, .pagination strong { color: #2980b9; background: #fff;}
.pagination { width: 100%; float: left; color: #fff;}

/* = Media Object (Extend freely but change with caution)
----------------------------------------------------------------------------------------------------------------- */
.medObj { margin: 0 0 20px; }
.medObj, .medObj .cont { overflow: hidden; _overflow: visible; _zoom: 1; }
.medObj .thumb { float: left; margin: 0 20px 0 0; max-width: 50%; }
.medObj .thumb img { display: block; max-width: 100%; }

.medObjs { margin: 0; }
.medObjs li { margin: 0 0 20px; }
.medObjs li, .medObjs li .cont { overflow: hidden; _overflow: visible; _zoom: 1; }
.medObjs li .thumb { float: left; margin: 0 20px 0 0; max-width: 50%; }
.medObjs li .thumb img { display: block; max-width: 100%; }
.medObjs li .cont h4 { margin-bottom: 5px; }

/* = Breadcrumb
----------------------------------------------------------------------------------------------------------------- */
.breadcrumb ul { margin-left: 0; list-style: none; }
.breadcrumb li { display: inline; margin: 0 10px 0 0; }

/* = Banners
----------------------------------------------------------------------------------------------------------------- */
.banner img { margin: 0 0 20px; }

/* = Helper Classes
----------------------------------------------------------------------------------------------------------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.hide { display: none; }
.hideText { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clr { clear: both; }
.leader { font-size: 1.2em; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.highlight { color: #f47820; }
.marked { color: #fff; background: #009ddc; }
.meta { color: #666; font-size: 0.9em; margin-bottom: 10px; }

/* = SVG ie Fallbacks
----------------------------------------------------------------------------------------------------------------- */
.no-svg .msgImp { background-image: url(../img/important.png); }
.no-svg .msgError { background-image: url(../img/error.png); }
.no-svg .msgSuccess { background-image: url(../img/success.png); }
.no-svg .logo { background-image: url(../img/logo-mobile.png); }
.no-svg .cookie .cookieClose { background-image: url(../img/close.png) }

/* = Clearing
----------------------------------------------------------------------------------------------------------------- */
.inner, .main, .cols, .menu { zoom: 1; }
.inner:after, .main:after, .cols:after, .menu:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; }

/* = Framework
----------------------------------------------------------------------------------------------------------------- */
.header { margin: 0; width: 100%; position: fixed; z-index: 100; }
.inner { margin: 0 20px; max-width: 960px; position: relative; }

/* = Page Templates
----------------------------------------------------------------------------------------------------------------- */
.templateHomepage .zoneFull {margin: 0 10px;}
.templateStandard .zoneOne { float: left; width: 100%; }
.templateStandard .zoneTwo { float: right; width: 100%; }
.templateHomepage { margin: 0;}


/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 216px; height: 38px; display: block; margin: 11px 0 0 20px; background: url(/imagens/logo-header.png) no-repeat top left/contain; float: left;}

/* = Menu
----------------------------------------------------------------------------------------------------------------- */

.fixed {
    position:fixed;
    top:0 !important;
}
.header,
.header-cat { top: 0; z-index: 100; position: absolute; width: 100%; background: #000; height: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.innerMenu { margin: 0;}

.menu {width: 100%; float: left; margin: 0; height: 0; overflow: hidden;}
.menu ul {list-style: none; list-style-image: none; margin: 0; border-bottom: 1px solid #fff;}
.menu ul li { margin: 0; border-top: 1px solid #fff; padding: 0; }
.menu ul li a { display: block; padding: 10px 20px; background: #f35c3d; color: #fff; font-size: 14px; font-size: 1.4rem; }
.menu ul li a.on { background: #ec7159; color: #fff; }
.menu ul li a:hover,
.menu ul li a:hover.on { background: #000; color: #fff; }
.extended { height: auto; }
.menuMobile { float: right; margin: 0 15px 0 0; }
.menuMobile .triggerMenu { display: block; margin: 15px 0; height: 30px; width: 30px; background: url('/imagens/menu.png') no-repeat left top; color: #fff; }
.menuMobile .close { background-position: left bottom; }

.fixed {
    position:fixed;
    top:0;
}

.fb {float: right; width: 30px; height: 30px; background: url(/imagens/fb.png) center top; margin: 15px; }
.fb:hover {background-position: center bottom;}


/* = Header
----------------------------------------------------------------------------------------------------------------- */
.header {padding:0}
.topBanner {background: #cdeae9; margin-bottom: 20px}


/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.footer {
color: #fff;
min-height: 800px;
width: 100%;
position: relative;
background: #206d9f;
}
.footer .down {
margin: 0 auto;
bottom: 40px;
position: relative;
width: 100%;
text-align: center;
}
.footer .mapa {width: 100%;}
.icons {position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.footer .col3 {height: 180px; display: table; vertical-align: middle; padding: 20px;}
.footer .minus { height: 60px; }
.footer h3 {margin: 0 0 10px;}
.footer h3 a { border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; }
.footer h3 a:hover {color: #000;}
.mail { display: block; width: 30px; height: 30px; background: url(/imagens/mail.png) center top; margin: 0 auto; }
.mail:hover {background-position: center bottom;}
.gps {padding-left: 20px; background: url(/imagens/gps.png) no-repeat left center; }
.bottom { height: 30px; background: #03253a; width: 100%; position: absolute; top: auto; bottom: 0; left: 0; color: #fff; font-style: italic; font-size: 10px; font-size: 1rem; line-height: 30px}
.copy { position: relative; margin-left: 20px; float: left;}
.powered { position: relative; margin-right: 20px; float: right;}
.powered a {color: #96CEF5;}
.powered a:hover {color: #fff;}
.footer-cat {position: relative; width: 100%; height: 30px; line-height: 30px; background: #03253a; color: #fff; font-style: italic; font-size: 10px; font-size: 1rem; }

/* = Components
----------------------------------------------------------------------------------------------------------------- */



/* = Standard
----------------------------------------------------------------------------------------------------------------- */
.start {
min-height: 550px;
background-color: #686868;
background-image: url(/imagens/home.jpg);
background-repeat: no-repeat no-repeat;
background-attachment: fixed;
background-size:cover;
background-position:center center;
position: relative;
display: table;
width: 100%;
vertical-align: middle;
}

.clickmenu { position: absolute; top: 20px; left: auto; right: 20px; width: 30px; height: 30px; background: url(/imagens/menu.png) no-repeat center top; display: block;}

.floater {float:left; height:50%; margin-bottom:-215px;}

.wrapper {
clear:both; 
display: table-cell;
position: relative;
width: 100%;
margin: 0 auto;
vertical-align: middle;
}

.startlogo {display: none}
.startpresents {display: none;}
.startmobile {display: block; margin-right: auto;margin-bottom: 30px;margin-left: auto;box-shadow: none; width: 100%; text-align: center;}
.startscroll {display: block;margin-right: auto;margin-left: auto;box-shadow: none; width: 75px; height: 60px; width: 100%; text-align: center;}
.fullcarro .startscroll {display: none;}

.startpresents {d}

#zoneAbout {
height: auto;
background-color: #206d9f;
padding: 60px 0 100px;
z-index: 2;
position: relative;
}

#zoneServicos {
height: auto;
background-color: #206d9f;
padding: 60px 0 0;
z-index: 2;
position: relative;
}

#zoneFazemos {
background-color: #206d9f;
padding: 50px 0;
}

#zoneCarro {
height: auto;
background-color: #206d9f;
padding: 50px 0;
z-index: 2;
position: relative;
}

#zoneContactos {
height: auto;
background-color: #206d9f;
padding: 0 0 100px;
z-index: 2;
position: relative;
}

.icon {text-align: center; margin-bottom: 20px;}

.aboutLogo {display: block;margin-right: auto;margin-bottom: 40px; margin-top: 0;margin-left: auto;box-shadow: none; width: 400px; height: auto; max-width: 100%;}
.aboutLogo img {
	max-width: 100%;
	height: auto;
}
.carrosLogo {display: block;margin-right: auto;margin-bottom: 100px; margin-top: 0;margin-left: auto;box-shadow: none; width: 275px; height: 226px;}


.aboutText {margin: 0 auto; width: 100%; height: auto; padding-bottom: 50px; color: #fff; }
.servicosText {margin: 0 auto; height: auto; width: 100%; color: #fff; text-align: center;}
.col2 {width: 50%; display: inline; float: left;  font-style: italic; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 2% 0 0; text-align: left;}
.col3, .col4 { padding: 0 2% 10px; display: inline; float: left; font-size: 16px; font-size: 1.6rem; line-height: 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.col3 {width: 100%;}
.col4 {width: 100%;}
.endCol {margin-right: 0; padding: 0 0 0 2%;}

.servicos {margin-bottom: 40px; float: left; width: 100%;}
.oquefazemos {width: 100%; padding: 40px 0; background: #12547c; color: #fff; text-align: center;}
.col4 .image {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px; background: #3a97d2; margin-bottom: 10px;}
.col4 img {width: 100%; height: auto;}


.carros { list-style: none; width: 100%; margin: 0 auto;  float: left;}
.templateStandard .carros { margin: 0 auto 40px; float: left; }
.templateSimple .carros { margin: 0 auto; float: left; }
.templateStandard .zoneTwo .carros { margin: 0 auto; }
.templateStandard .zoneTwo .carros li {width: 100%; margin: 0 0 20px; }
.templateStandard .zoneTwo .carros li:hover { background: #2980b9;}
.carros li {float: left; background: #206d9f;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px;}
.templateStandard .carros li {float: left; background: #2980b9;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 23.5%; margin: 0 0 2% 2%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.templateStandard .carros li:hover { background: #fff; }
.carros li.order1, .carros li.order4, .templateStandard .carros li.order5 { margin-left: 0;}
.templateStandard .carros li.order4 { margin-left: 2%;}
.carros li a {float: left; position: relative; width: 100%; overflow: hidden;}
.carros li img {float: left; padding: 3px; position: relative; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.templateStandard .carros li img { padding: 3px; }
.novidade,
.promocao,
.reservado {position: absolute; left: 0; top: 0; width: 75px; height: 75px; z-index: 50;}
.novidade { background: url(/imagens/fita-novidade.png) no-repeat top left;}
.promocao { background: url(/imagens/fita-promocao.png) no-repeat top left;}
.reservado { background: url(/imagens/fita-reservado.png) no-repeat top left;}
.carroHover { position: absolute; background-color: rgba(0, 36, 60, 0.7); top: 3px; left: 3px; bottom: 3px; right: 3px; display: block; }
.carroHover .info {position:relative;display:table;vertical-align:middle;width:100%; height: 100%; z-index:2}
.carroHover .info div{display:table-cell;vertical-align:middle;height:100px}

.carroVer { position: absolute; width: 100%; height: 100%; display: block; left: 100%; }
.carroVer .info { position:relative;display:table;vertical-align:middle;width:100%; height: 100%; z-index:2 }
.carroVer .info div {display:table-cell;vertical-align:middle;height:100px; }

.carros h1{font-weight:bold;font-style:italic;margin:0 auto;color:white;text-align:center; font-size: 32px; font-size:3.2rem;text-transform:uppercase; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.carros h2{font-weight:300;font-style:italic;display:block;max-width:1040px;margin:0 auto;color:white;text-align:center; font-size: 22px;font-size:2.2rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); line-height: 100%;}
.carros h3{font-weight:300;font-style:italic;display:block;margin:0 auto;color:white;text-align:center; font-size: 22px;font-size:2.2rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.carros h3 span {text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.detalhes { float: left; width: 100%; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 22px; }
.formulario {float: left; width: 100%; color: #fff; font-style: italic;}
.interested {display: none;}


.fullwidthimage{position:relative;height:auto; min-height: 400px; overflow:hidden;top:0;;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center}
.fullwidthimage .title{position:relative;display:table;vertical-align:middle;width:100%;z-index:2}
.fullwidthimage .title div{display:table-cell;vertical-align:middle;height:400px}

.fullwidthimage .title div h1{font-weight:bold;font-style:italic;display:block;max-width:1040px;margin:0 auto;color:white;text-align:center; font-size: 60px;font-size:6rem;text-transform:uppercase; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.fullwidthimage .title div h2{font-weight:300;font-style:italic;display:block;max-width:1040px;margin:0 auto;color:white;text-align:center; font-size: 40px;font-size:4rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); line-height: 100%;}
.fullwidthimage .title div h3{font-weight:300;font-style:italic;display:block;margin:0 auto;color:white;text-align:center; font-size: 40px;font-size:4rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.fullwidthimage .title div h3 span {text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.verauto {display: block; text-align: center; margin-top: 12px;}
.verauto .btn { margin: 0 auto; font-style: italic; }
.fullwidthimage .verauto .btn {color: #000; background: #fff; box-shadow: 1px 1px 0px rgb(0 0 0);}
.fullwidthimage .verauto .btn:hover { color: #fff; background: #3a97d2;}
.fullwidthimage .title div h3 .promocao1 {text-decoration: line-through; color: #f35c3d; border: 0; font-size: 30px; font-size: 30px; font-size: 3rem;}
.catalogo { min-height: 0;}


.catMenu { display: none; } 



/* = Feature Panels
----------------------------------------------------------------------------------------------------------------- */
.flexslider { width: 85%; margin: 0 auto; position: relative; background: url(/_img/icons/loader.gif) no-repeat center 38%; }
.flex-direction-nav .flex-next { right: 0 !important; margin-right: -30px; opacity: 1 !important; background-image: url('../img/flex-next.png'); }
.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: -30px; background-image: url('../img/flex-prev.png'); }
.flex-direction-nav,
.flexslider .slides { display: block; margin: 0; list-style: none; }
.flexslider .slides li { margin: 0; display: none; position: relative; }
.flexslider .slides li img {margin: 0 auto; width: 99%; border: 2px solid #dae2e5; }

.flexsliderFade .flex-direction-nav,
.flex-direction-nav {}
    .flex-direction-nav li a { width: 24px; height: 24px; margin: -13px 0 0; display: block; font-size: 0; position: absolute; top: 35%; cursor: pointer; }
.flex-pointer {width: 100%; background: url('../img/flex-pointer.png') no-repeat top center; height: 20px; margin-top: 5px; }
.flex-caption {width: 100%;  padding: 10px 0; background: #009ddc; color: #fff;}
.flex-caption p {margin: 0;}


/* = Feature Panels
----------------------------------------------------------------------------------------------------------------- */
.fullwidthimage .title .short { height: 250px;}

.mobileTop {border-top: 60px solid #000;;}


/* = No Javascript
----------------------------------------------------------------------------------------------------------------- */
.no-js .menu { max-height: none; overflow: visible; }
.no-js .selectLanguage { max-height: 100px; }


label {
    display:block;
    margin-top:50px;
    letter-spacing:1px;
}

/* This section centers our complete page */
.main {
    display:block;
    margin:0 auto;
    width:500px;
}

/* This section centers the form inside our web page*/
form {
    margin:0 auto;
    width:100%;
}

/* Applying styles to our text boxes */
input, textarea {
	width:100%;
	height:auto;
	background:#fff;
	border:1px solid #3a97d2;
	padding:10px;
	margin-bottom:10px;
	color:#1C4D6D;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	float: left;
	font-family: 'Lato', sans-serif;
}

textarea { height: 100px;}

.submit {
    background: #f47820;
    border:none;
    cursor:pointer;
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    padding: 8px 20px;
}

.submit:hover { background: #cf5600; }

input:focus, textarea:focus {
	background: #fff;
}

::-webkit-input-placeholder {
   color: #388ec3;
}

:-moz-placeholder { /* Firefox 18- */
   color: #388ec3;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #388ec3;  
}

:-ms-input-placeholder {  
   color: #388ec3;  
}


/* = Media Queries
----------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 450px) {
}

@media screen and (min-width: 600px) {
.col4 {width: 50%;}
.carros li {width: 48%; margin: 0 0 2% 2%;}
.carros li.order1, .carros li.order3, .carros li.order5, .templateStandard .carros li.order5 { margin-left: 0;}
.carros li.order4,
.templateStandard li.order4,
.templateStandard li.order3 { margin-left: 2%;}
.startpresents {display: block; margin-bottom: 30px;margin-right: auto; margin-left: auto;box-shadow: none; width: 555px; height: 160px;}
.startmobile {display: none;}
.mobileTop {border-top: 0;}
.templateStandard .carros { margin: 50px auto 40px; }
.templateSimple .carros { margin: 50px auto 0; }
.header-cat { top: 250px; }
.bottom,
.footer-cat { height: 40px; font-size: 12px; font-size: 1.2rem; line-height: 40px}
}

@media screen and (min-width: 800px) {
    .templateStandard .zoneOne { float: left; width: 65%; }
	.templateStandard .zoneTwo { float: right; width: 30%; }
	.colsHalf .col { width: 49%; float: left; margin-left: 2%;  }
	.colsFourth .col { width: 22%; float: left; margin-left: 4%; }
    .colsThird .col { width: 32%; float: left; margin-right: 2%; }
    .cols .endCol { margin-right: 0; }
    .templateFull {margin: 30px 0 0;}
    .col3 {width: 33%;}
	.col4 {width: 25%;}
	.carros li {width: 32%; margin: 0 0 2% 2%;}
	.carros li.order4 { margin-left: 0;}
	.carros li.order3,
	.carros li.order5 { margin-left: 2%;}
	.menu {float: right; width: auto; height: auto;}
	.menu ul { margin: 0; list-style: none; border: 0; }
	.menu ul li { margin: 0; float: left; border: 0; }
	.menu ul li a { display: inline; float:left; padding: 0 10px; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 60px; text-transform: uppercase; font-style: italic; background: none;}
	.menu ul li a:hover, .menu ul li a.active { background: #f35c3d; color: #fff; }
	.menu ul li.on { background: #ec7159;}
	.menu ul li:last-child { border-bottom: 0; }
	.menuMobile { display: none; }
	.footer .down { }
	.footer .minus { height: 180px; }
	.footer {min-height: 553px;}
	.clear {clear: none;}
	.header {top: 0;}
	.catMenu { display: block; position: absolute; top: auto; bottom: 0; height: 50px;  text-align: center; width: 100%; z-index: 110;}
	.catMenu .inner {border-top: 1px solid #fff; height: 50px; position: relative; }
	.catMenu .backg {position: absolute; top:0; left:0; height: 50px; width: 100%; z-index: 100; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
	.catMenu ul { position: relative; padding: auto; width: auto; margin: 0 auto; padding: 10px 0; border-top: 1px solid #000; z-index: 110;}
	.catMenu ul li { display: inline; text-transform: uppercase; font-style: italic; margin: 10px;}
	.catMenu ul li a {color: #fff; font-size: 16px; font-size:1.6rem; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
	.catMenu ul li a:hover {border-bottom: 1px solid #fff;}
	.catMenu ul li a:hover span {border-bottom: 1px solid #000; padding-bottom: 1px;}
	.catMenu ul .slash {color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
	.startlogo {display: block;margin-right: auto;margin-bottom: 30px;margin-left: auto;box-shadow: none; width: 466px; height: 78px; text-align: center;}
	#zoneAbout {padding-top: 160px }
	#zoneServicos {padding-top: 80px; }
	h2 { font-size: 28px; font-size: 2.8rem; width: 60%;  }
	.formulario .col { width: 32%; margin-left: 2%; float: left; }
	.formulario .first {margin-left: 0;} 
	.templateStandard .zoneTwo .carros { margin: 50px auto; }
	.fullcarro .startscroll { display: block; margin-top: 30px;}
	}

@media screen and (min-width: 1024px) {
.inner {margin: 0 auto;}
.fullwidthimage{background-attachment:fixed;position:relative}
.catalogo {background-attachment: scroll; background-position: center top;}
.menu ul li a { padding: 0 20px;  font-size: 16px; font-size: 1.6rem; }
.logo {margin-left: 0;}
}