/* RESET - NORMALIZE - INÍCIO */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    margin: 0;
    font-weight: normal;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul,
dd,
figure,
form,
p,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

nav ul,
nav ol,
ul {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    border: none;
}

    input[type=text] {
        line-height: 18px;
        height: 18px;
        padding: 0 5px;
        color: #070707;
        border: 1px solid #999999;
        background-color: #F8F8F8;
    }

    input[type=submit],
    input[type="submit"].form-button,
    .form-button {
        border-top: 1px solid #b5b5b7;
        border-bottom: 1px solid #303032;
        border-right: 1px solid #303032;
        border-left: 1px solid #b5b5b7;
        color: #FFFFFF;
        padding: 2px 6px 2px 15px;
        background: url(../images/icon/bullet-white.png) 5px center no-repeat #656565;
        text-decoration: none;
    }

        input[type=submit]:hover,
        input[type="submit"].form-button:hover,
        .form-button:hover {
            color: #00b1ee;
            background-image: url(../images/icon/bullet-blue.png);
        }

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
    vertical-align: middle;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    border: 1px solid #999999;
    background-color: #F8F8F8;
    padding: 5px;
    resize: vertical;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* RESET - FIM */

@font-face {
    font-family: 'corporateaconregular';
    src: url('../Fonts/corporateacon-reg_2-webfont.eot');
    src: url('../Fonts/corporateacon-reg_2-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/corporateacon-reg_2-webfont.svg#corporateaconregular') format('svg'), url('../Fonts/corporateacon-reg_2-webfont.woff') format('woff'), url('../Fonts/corporateacon-reg_2-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CUSTOM SELECT */

.customSelect {
    background-color: #434343;
    border-top: 1px solid #939393;
    border-left: 1px solid #6b6b6b;
    border-bottom: 1px solid #1c1c1c;
    border-right: 1px solid #2a2a2a;
    color: #d0d0d0;
    font-size: 11px;
    padding: 5px 10px;
    margin-right: 15px;
}

.customSelectInner {
    background: url(../Images/icon/bullet-white-down.png) right center no-repeat;
}

.hasCustomSelect {
    min-width: 100px;
}

.customSelect.customSelectOpen .customSelectInner {
    background-image: url(../Images/icon/bullet-white-up.png);
}


html {
    min-height: 100%;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #070707;
    background-color: #121212;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#121212', endColorstr='#444444');
    background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#444444));
    background-image: -webkit-linear-gradient(top, #121212, #444444);
    background-image: -moz-linear-gradient(top, #121212, #444444);
    background-image: -o-linear-gradient(top, #121212, #444444);
    background-image: linear-gradient(to bottom, #121212, #444444);
}

a {
    color: #070707;
}

.cb {
    clear: both;
}

div.container {
    margin: 0 auto;
    width: 980px;
}

/* HEADER */
.main-header {
    position: relative;
    /*min-height: 150px;*/
    padding-bottom: 1px;
    background: url(../images/bg/hr-header.png) center bottom no-repeat;
    margin-bottom: 18px;
}

    .main-header.vehicle-lines {
        padding-bottom: 0;
        background: none;
    }

    .main-header a {
        color: #FFFFFF;
        text-decoration: none;
    }

    .main-header li {
        cursor: pointer;
    }

        .main-header li:hover > a {
            color: #00b1ee;
        }

    .main-header .page-title h1 {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        color: #fff;
    }

    .main-header .page-title h1 span {
        margin-right: 6px;
        margin-bottom: 16px;
    }

.top-menu {
    text-align: right;
}

    .top-menu .item-menu {
        display: inline-block;
        position: relative;
        min-height: 25px;
    }

        .top-menu .item-menu > a,
        .top-menu .item-menu > span {
            display: inline-block;
            padding: 0 12px;
            border-left: 1px solid #FFFFFF;
            line-height: 11px;
            margin-top: 5px;
            color: #FFFFFF;
        }

    .top-menu li:first-child a {
        border: none;
    }

    .top-menu .change-segment span {
        padding-right: 15px;
        margin-right: 5px;
        background: url(../images/icon/bullet-blue-down.png) right center no-repeat;
    }

    .top-menu .change-segment:hover span {
        background-image: url(../images/icon/bullet-blue-up.png);
        color: #00b1ee;
    }

    .top-menu .change-segment:hover .sub-menu {
        display: block;
    }

    .top-menu .sub-menu {
        position: absolute;
        display: none;
        z-index: 5;
        top: 25px;
        left: 0;
        text-align: left;
        background: url(../images/bg/gradient-menu.jpg) 0 0 no-repeat #2c2d31;
    }

        .top-menu .sub-menu a {
            padding: 3px 7px;
            min-width: 103px;
            display: block;
        }

        .top-menu .sub-menu li {
            border-bottom: 1px solid #333333;
            border-top: 1px solid #999999;
        }

            .top-menu .sub-menu li:first-child {
                border-top: none;
            }

    .top-menu .search {
        position: relative;
    }

    .top-menu .search-button {
        width: 29px;
        height: 25px;
        background: url(../images/bg/search-menu.jpg) 0 0 repeat-x #5e6063;
        border: none;
        padding: 0;
    }

    .top-menu .item-menu.search:hover .search-box {
        display: block;
    }

    .top-menu .search-button span {
        width: 16px;
        height: 16px;
        background: url(../images/icon/search.png) 0 0 no-repeat;
        text-indent: -9999px;
        display: block;
        margin: 0 auto;
    }

    .top-menu .search-box {
        display: none;
        position: absolute;
        right: 0;
        top: 25px;
        border-top: 1px solid #99999b;
        background: url(../images/bg/search-menu.jpg) 0 0 repeat-x #323136;
        padding: 15px 10px;
        width: 195px;
        z-index: 1;
    }

    .top-menu input[type=text] {
        background: url(../images/bg/input.jpg) 0 0 repeat-x #FFFFFF;
        width: 115px;
        margin-right: 5px;
    }

.section-menu {
    text-align: right;
    font-size: 12px;
    min-height: 15px;
}

    .section-menu .item-menu {
        display: inline-block;
        margin-left: 4px;
        padding: 5px 6px;
        min-height: 15px;
        position: relative;
    }

    .section-menu a {
        display: block;
    }

    .section-menu .selected > a {
        padding-left: 20px;
        background: url(../images/icon/hr-selected.gif) 0 center no-repeat;
    }

    .section-menu .has-sub-menu:hover {
        background-color: #313235;
    }

        .section-menu .has-sub-menu:hover .sub-menu {
            display: block;
        }

    .section-menu .sub-menu {
        display: none;
        position: absolute;
        z-index: 6;
        top: 25px;
        left: 0;
        text-align: left;
        background: url(../images/bg/gradient-menu.jpg) 0 0 no-repeat #2c2d31;
        font-size: 11px;
    }

        .section-menu .sub-menu li {
            border-bottom: 1px solid #333333;
            border-top: 1px solid #999999;
            display: block;
            white-space: nowrap;
        }

        .section-menu .sub-menu a {
            padding: 7px 9px;
            min-width: 80px;
        }

        .section-menu .sub-menu li:first-child {
            border-top: none;
        }

.page-title {
    position: relative;
    padding-left: 22px;
}

    .page-title h1,
    .page-title h2 {
        /*float: left;*/
    }

    .page-title h2 {
        padding-left: 19px;
        margin: 14px 0 0 18px;
        background: url(../images/icon/hr-title.png) 0 center no-repeat;
    }

nav.vehicle-lines {
    background: url(../images/bg/line-menu.png) 0 0 repeat-y;
    position: relative;
    height: 22px;
    margin-top: 20px;
}

    nav.vehicle-lines h1 {
        color: #FFFFFF;
        line-height: 22px;
        padding: 0 15px 0 22px;
        float: left;
    }

    nav.vehicle-lines .item-menu {
        float: left;
        height: 22px;
    }

        nav.vehicle-lines .item-menu > span {
            color: #FFFFFF;
            line-height: 22px;
            padding: 0 6px;
            text-decoration: none;
            cursor: pointer;
        }

        nav.vehicle-lines .item-menu:hover > span,
        nav.vehicle-lines .item-menu:hover > span > a {
            color: #00b1ee;
        }

    nav.vehicle-lines .showcase {
        display: none;
        position: absolute;
        z-index: 10;
        top: 22px;
        left: 10px;
        right: 0px;
        height: 297px;
        width: 960px;
        background-color: #dddddd;
        overflow: hidden;
        cursor: default;
    }
        /*nav.vehicle-lines .item-menu:hover .showcase {
    display: block;
}*/
        nav.vehicle-lines .showcase .vehicle {
            height: 297px;
            width: 980px;
            z-index: 1;
        }

        nav.vehicle-lines .showcase h2 {
            font-family: 'corporateaconregular', serif;
            color: #595d61;
            font-size: 50px;
            position: absolute;
            top: 30px;
            left: 35px;
            z-index: 2;
        }

    nav.vehicle-lines .right-links {
        position: absolute;
        right: 45px;
        bottom: 25px;
        width: 165px;
    }

        nav.vehicle-lines .right-links li {
            margin-top: 10px;
        }

    nav.vehicle-lines .model-menu a {
        margin-bottom: 5px;
    }

    nav.vehicle-lines .right-links a,
    nav.vehicle-lines .model-menu a {
        font-size: 12px;
        color: #2d3033;
        text-decoration: none;
        padding-left: 17px;
        background: url(../images/icon/bullet-grey.png) 8px 4px no-repeat;
        font-weight: bold;
        display: block;
    }

    nav.vehicle-lines .link-explore {
        background-color: #626162;
        border-top: #999999 solid 1px;
        border-left: #999999 solid 1px;
        border-right: #333333 solid 1px;
        border-bottom: #333333 solid 1px;
        margin-bottom: 20px;
    }

        nav.vehicle-lines .link-explore a {
            font-size: 10px;
            color: #FFFFFF;
            padding: 2px 15px;
            background: url(../images/icon/bullet-white.png) 8px 6px no-repeat;
        }

    nav.vehicle-lines .right-links a:hover,
    nav.vehicle-lines .model-menu a:hover {
        color: #00b1ee;
        background: url(../images/icon/bullet-blue.png) 8px 4px no-repeat;
    }

    nav.vehicle-lines .link-explore a:hover {
        background-position: 8px 6px;
    }

    nav.vehicle-lines .model-menu {
        position: absolute;
        top: 125px;
        left: 30px;
    }

.main-footer {
    clear: both;
    background-color: #252525;
    text-align: right;
    padding: 10px;
    margin-top: 50px;
}

    .main-footer ul {
        /*margin-right:10px;*/
    }

    .main-footer li {
        color: #fff;
        display: inline-block;
        margin-left: 10px;
        line-height: 11px;
    }

    .main-footer ul.inline {
        text-align: center;
        padding: 5px 0;
    }

    .main-footer a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
        line-height: 16px;
    }

        .main-footer a:hover {
            color: #00b1ee;
        }

    .main-footer .line {
        padding-left: 15px;
        margin-left: 15px;
        border-left: 1px solid #FFFFFF;
    }

    .main-footer .facebook a {
        background: url(../images/icon/facebook.gif) left center no-repeat;
        padding-left: 20px;
    }

    .main-footer .youtube a {
        background: url(../images/icon/youtube.gif) left center no-repeat;
        padding-left: 20px;
    }

    .main-footer .instagram a {
        background: url(../images/icon/ico-ig.gif) left center no-repeat;
        background-size: contain;
        padding-left: 20px;
    }

    .main-footer .phone {
        line-height: 16px;
    }
/* HOME */
.banner-container {
    position: relative;
}

    .banner-container .banner-item {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .banner-container.full-banner {
        height: 350px;
    }

.nav-banner {
    position: absolute;
    bottom: 18px;
    left: 18px;
    z-index: 5;
    overflow: hidden;
}

    .nav-banner li {
        cursor: pointer;
        float: left;
        width: 16px;
        height: 17px;
        background: url(../Images/icon/bullet-carousel.png) left -17px no-repeat;
        padding-right: 6px;
    }

    .nav-banner .selected {
        background-position: left 0;
    }

    .nav-banner li:first-child {
        background-position: left -51px;
    }

    .nav-banner li.selected:first-child {
        background-position: left -34px;
    }

    .nav-banner .last {
        background-position: left -85px;
    }

        .nav-banner .last.selected {
            background-position: left -68px;
        }

.flipflop-banner-container {
    margin-top: 18px;
    float: left;
    /*width: 980px;
    width: 752px;*/
    height: 182px;
}

.flipflop {
    position: relative;
    margin-right: 20px;
    float: left;
    width: 180px;
    height: 182px;
}

    .flipflop:last-child {
        margin-right: 0;
    }

.home-page .flipflop {
    margin-right: 8px;
}

.home-page .flipflop {
    width: 368px;
}

.flipflop .flip p {
    position: absolute;
    font-size: 18px;
    padding: 10px;
    font-family: 'corporateaconregular', serif;
    color: #FFFFFF;
    width: 160px;
    left: 0;
    bottom: 0;
    background: url(../images/bg/flip-flop-p.jpg) 0 0 repeat-x #3b3b3b;
}

.home-page .flipflop .flip p {
    width: 348px;
}

.flipflop .flop {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    background-color: #FFFFFF;
    opacity: 0.8;
    width: 180px;
    height: 141px;
}

.home-page .flipflop .flop {
    width: 368px;
}

.flipflop .flop a {
    display: block;
    width: 160px;
    height: 162px;
    padding: 10px;
    text-decoration: none;
}

.home-page .flipflop .flop a {
    width: 348px;
}

.flipflop .flop p {
    font-size: 12px;
    max-height: 115px;
    overflow: hidden;
}

.flipflop .button-click {
    color: #00b1ee;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-family: 'corporateaconregular', serif;
    font-size: 15px;
}
/*.flipflop:hover .flop {
    display: block;
}*/

.vehicle-menu {
    float: left;
    width: 228px;
    height: 200px;
    font-family: 'corporateaconregular', serif;
}

    .vehicle-menu li {
        height: 50px;
        background: url(../images/bg/menu-vehicle.jpg) left bottom repeat-x #7b7b7b;
    }

    .vehicle-menu a {
        color: #c9c9c9;
        font-size: 26px;
        display: block;
        line-height: 50px;
        width: 213px;
        padding-right: 15px;
        text-align: right;
        text-decoration: none;
        background-repeat: no-repeat;
    }

        .vehicle-menu a:hover {
            color: #FFF;
        }

    .vehicle-menu .active a {
        color: #FFFFFF;
    }

.highlighted-container {
    clear: both;
}

.highlighted-content {
    width: 300px;
    margin: 50px 0 0 26px;
    float: left;
    color: #FFFFFF;
}

.highlighted-container .highlighted-content:first-child {
    margin-left: 12px;
}

.highlighted-content h2 {
    padding-left: 18px;
    background: url(../images/icon/bullet-white-highlighted.png) left 7px no-repeat;
    font-family: 'corporateaconregular', serif;
    font-size: 26px;
}

.highlighted-content ul {
    padding: 12px 0 0 15px;
}

.highlighted-content li {
    margin-bottom: 25px;
    line-height: 1.6em;
}

.highlighted-content .title {
    font-weight: bold;
    color: #00b1ee;
    margin-bottom: 5px;
    background: url(../images/icon/bullet-blue.png) left 6px no-repeat;
    padding-left: 10px;
}

.highlighted-content a {
    text-decoration: none;
    color: #FFFFFF;
    display: block;
}

    .highlighted-content a:hover .title {
        text-decoration: underline;
    }
/* INTERNAS */

.left-menu-container {
    width: 230px;
    background: url(../images/bg/gradient-menu.jpg) 0 0 no-repeat #2c2d31;
    margin-bottom: 25px;
    -webkit-box-shadow: 1px 1px 7px -1px rgba(0,0,0,0.6);
    box-shadow: 1px 1px 7px -1px rgba(0,0,0,0.6);
}

    .left-menu-container h1 {
        font-size: 27px;
        color: #FFFFFF;
        font-family: 'corporateaconregular', serif;
        padding: 15px;
    }

    .left-menu-container ul {
        border-top: 1px solid #333333;
        overflow: hidden;
    }

    .left-menu-container li {
        color: #FFFFFF;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #333333;
    }

    .left-menu-container a,
    .left-menu-container .has-sub-menu span,
    .left-menu-container .has-sub-menu-2 span {
        display: block;
        padding: 6px 15px;
    }

    .left-menu-container .has-sub-menu,
    .left-menu-container .has-sub-menu-2 {
        border-bottom: none;
    }

        .left-menu-container .has-sub-menu.collapsed,
        .left-menu-container .has-sub-menu-2.collapsed {
            border-bottom: 1px solid #333333;
        }

        .left-menu-container .has-sub-menu span,
        .left-menu-container .has-sub-menu-2 span {
            padding-right: 30px;
            background: url(../images/icon/bullet-blue-up.png) 210px center no-repeat;
            cursor: pointer;
            position: relative;
            -webkit-box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.5);
        }

        .left-menu-container .has-sub-menu.collapsed span,
        .left-menu-container .has-sub-menu-2.collapsed span {
            background-image: url(../images/icon/bullet-blue-down.png);
            box-shadow: none;
            -webkit-box-shadow: none;
        }

    .left-menu-container a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .left-menu-container a:hover,
        .left-menu-container .has-sub-menu span:hover,
        .left-menu-container .has-sub-menu-2 span:hover,
        .left-menu-container .selected a {
            color: #00b1ee;
        }

    .left-menu-container ul.sub-menu,
    .left-menu-container ul.sub-menu-2 {
        background-color: #5a5b60;
        border-bottom: none;
    }
    .left-menu-container ul.sub-menu-2 {
        background-color: #5a5b60;
        border-top: none;
    }

.content-page-container {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0 0;
    overflow: hidden;
}

    .content-page-container aside,
    .content-gallery aside {
        float: left;
        width: 230px;
        padding: 20px 0 20px 15px;
        position: relative;
        z-index: 5;
    }

.content-gallery aside {
    position: absolute;
}

.content-page-container .text {
    margin-left: 270px;
    padding: 290px 245px 0 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4em;
}

    .content-page-container .text h1,
    .content-page-container .text h2,
    .content-page-container .text h3,
    .site-map-container .title,
    aside .title {
        margin-bottom: 10px;
        line-height: 1.2em;
    }

    .content-page-container .text h1,
    .site-map-container .title,
    aside .title {
        font-family: 'corporateaconregular', serif;
    }

    .content-page-container .text h1 {
        font-size: 34px;
        line-height: 1em;
        margin-bottom: 15px;
    }

aside .title {
    font-size: 24px;
    margin-top: 15px;
}

.content-page-container .text h2,
.site-map-container .title {
    font-size: 18px;
    margin-top: 15px;
}

.content-page-container .text h3 {
    font-size: 16px;
    margin-top: 15px;
}

.content-page-container .text h4,
.content-page-container .text h5,
.content-page-container .text h6 {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}

.content-page-container .text p,
.content-page-container .text ul,
.content-page-container .text ol {
    margin-bottom: 15px;
}

.content-page-container .text ol {
    padding-left: 20px;
}
/* Accordion */
.content-page-container .text .accordion-title {
    width: auto;
    background: url(../Images/icon/arrow-grey-down.png) 425px 15px #dedede no-repeat;
    font-size: 18px;
    padding: 5px 30px 5px 10px;
    margin: 10px 0 10px 0;
    cursor: pointer;
    font-family: 'corporateaconregular',serif;
    font-weight: normal;
}

    .content-page-container .text .accordion-title.open {
        background-image: url(../Images/icon/arrow-grey-up.png);
        margin-bottom: 0;
    }

.content-page-container .text .accordion-description {
    background: #efefef;
    padding: 10px 10px 5px 10px;
    display: none;
    margin-bottom: 10px;
}

.content-page-container .accordion-description img {
    display: block;
    margin: 0 auto 15px auto;
}

.box-thumb .accordion-description img {
    margin: 0 20px 0 0;
}

#faqList .items {
    display: none;
}

#faqList .faq-category {
    cursor: pointer;
}

.content-page-container .wrapper-text .list,
.content-page-container .wrapper-text .txtBulets {
    margin-bottom: 15px;
}

    .content-page-container .wrapper-text .list li,
    .content-page-container .wrapper-text .txtBulets li {
        padding-left: 20px;
        background: url(../images/icon/bullet-blue.png) 9px 6px no-repeat;
    }

.content-page-container .wrapper-text table {
    border: 1px solid #dddddd;
    margin: 0 -245px 30px 0;
    background-color: #FFFFFF;
}

.content-page-container .wrapper-text .box-grey {
    background-color: #f0f0f0;
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 15px;
}

.content-page-container .wrapper-text td,
.content-page-container .wrapper-text th {
    border: 1px solid #dddddd;
    padding: 3px 5px;
    text-align: left;
}

.content-page-container table select {
    background-color: transparent;
}

.content-page-container .wrapper-text thead th {
    background-color: #F8F8F8;
}

.content-page-container .wrapper-text {
    border-left: 1px solid #dddddd;
    padding: 20px 0 50px 20px;
}

.content-page-container.without-image .text {
    padding-top: 25px;
}

.content-page-container.without-image .wrapper-text {
    padding-top: 0;
}

.content-page-container .user-control-container .text {
    padding-top: 0;
}

.content-page-container.form-include .wrapper-text {
    padding-bottom: 5px;
}

.content-page-container.form-include .user-control-container .wrapper-text {
    padding-bottom: 50px;
    padding-top: 0;
}

.content-page-container.full-size .text {
    padding-right: 25px;
}

.content-page-container .content-bottom {
    padding: 0 25px 0 0;
}
/* BlueEFFICIENCY */
.list-amg {
    border: 1px solid #767676;
    float: left;
    width: 100%;
}

    .list-amg .list-item {
        border-left: 1px solid #767676;
        width: 14.1%;
        float: left;
        min-height: 130px;
    }

        .list-amg .list-item:first-child {
            border: none;
        }

    .list-amg ul,
    .list-amg p {
        padding: 6px 9px;
    }

    .list-amg .list-item p {
        font-family: 'corporateaconregular', serif;
        font-size: 20px;
        margin: 0;
    }

    .list-amg a {
        color: #717171;
        text-decoration: none;
    }

        .list-amg a:hover {
            color: #00b1ee;
        }
/* GALERIA DE IMAGENS */
.content-gallery {
    background-color: #FFFFFF;
}

    .content-gallery .image {
        height: 419px;
        position: relative;
        background-color: #0C0C0C;
        overflow: hidden;
    }

.passenger-car .content-gallery .gradient-mask,
.amg .content-gallery .gradient-mask {
    background: url(../Images/bg/gallery-cars-gradient-mask.png);
    left: -19px;
}

.passenger-car .content-gallery #ImgBig,
.amg .content-gallery #ImgBig {
    left: 240px;
}

.banner-footer {
    margin-top: 55px;
}

.content-gallery .image button,
.content-gallery .button-download {
    position: absolute;
    bottom: 0;
    height: 30px;
    padding: 0 10px 0 30px;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
}

.content-gallery .button-download {
    right: 0;
    background: url(../Images/icon/download-gallery-arrow.gif) 7px 10px no-repeat #36373a;
}

    .content-gallery .button-download:hover {
        color: #00B1EE;
        background-position: 7px -20px;
    }

.content-gallery .button-zoom {
    right: 30px;
    background: url(../Images/icon/zoom-gallery.png) 0 0 no-repeat;
}

.content-gallery #ImgBig,
.content-gallery #IfrVideo {
    left: 242px;
    position: relative;
}

.content-gallery .subtitle {
    position: absolute;
    bottom: 0;
    right: 89px;
    background: url(../Images/bg/subtitle.png) right top repeat-y;
    text-align: right;
    padding: 0 10px 0 50px;
    line-height: 29px;
    min-height: 30px;
    color: #fff;
    min-width: 580px;
}

.content-gallery .gradient-mask {
    width: 437px;
    height: 420px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/bg/gallery-gradient-mask.png);
}

.content-gallery button {
    bottom: 15px;
    position: absolute;
}

.content-gallery .thumbs {
    margin-left: 270px;
    padding: 15px 25px 100px 20px;
    border-left: 1px solid #DDDDDD;
    position: relative;
}

.content-gallery .button-nav,
.gallery-wrapper .button-nav {
    width: 21px;
    height: 61px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-color: transparent;
    position: absolute;
    top: 22px;
    border: none;
    text-indent: -9999px;
    display: none;
}

    .content-gallery .button-nav.prev,
    .gallery-wrapper .button-nav.prev {
        left: 5px;
        background-image: url(../images/icon/carousel-left.png);
    }

    .content-gallery .button-nav.next,
    .gallery-wrapper .button-nav.next {
        right: 10px;
        background-image: url(../images/icon/carousel-right.png);
    }

.content-gallery .carousel-gallery {
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    height: 78px;
}

    .content-gallery .carousel-gallery ul {
        width: 20000em;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .content-gallery .carousel-gallery li {
        float: left;
        margin-right: 5px;
        width: 154px;
        height: 76px;
        border: 1px solid transparent;
    }

        .content-gallery .carousel-gallery li a {
            outline: none;
            display: block;
        }

        .content-gallery .carousel-gallery li:hover,
        .content-gallery .carousel-gallery .selected {
            border-color: #00b1ee;
        }

    .content-gallery .carousel-gallery img {
        width: 154px;
        height: 76px;
    }

    .content-gallery .carousel-gallery a[data-type="video"] img {
        position: absolute;
        top: -15px;
        height: auto;
    }
/* CARROSSEL AGRUPADORA */
.gallery-wrapper {
    background: rgba(255,255,255,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);
    padding: 25px 0 0 290px;
    position: relative;
}

    .gallery-wrapper .gallery-inner {
        position: relative;
        overflow: hidden;
        height: 100px;
        width: 652px;
    }

        .gallery-wrapper .gallery-inner ul {
            width: 20000em;
            position: absolute;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .gallery-wrapper .gallery-inner li {
            float: left;
            margin-right: 33px;
            width: 138px;
        }

        .gallery-wrapper .gallery-inner img {
            display: block;
            width: 138px;
            height: 66px;
            margin-bottom: 3px;
            background-color: #ccc;
        }

        .gallery-wrapper .gallery-inner a {
            text-decoration: none;
        }

        .gallery-wrapper .gallery-inner p {
            padding-left: 10px;
            background: url(../Images/icon/bullet-grey.png) left 5px no-repeat;
        }

        .gallery-wrapper .gallery-inner a:hover {
            color: #00b1ee;
        }

            .gallery-wrapper .gallery-inner a:hover p {
                background-image: url(../Images/icon/bullet-blue.png);
            }

    .gallery-wrapper .button-nav.prev {
        left: 260px;
    }

    .gallery-wrapper .button-nav {
        top: 30px;
    }

.without-content {
    min-height: 290px;
}

.with-content.content-page-container .wrapper-text {
    border: none;
    position: relative;
}

.with-content.content-page-container .text {
    float: right;
    margin-right: 0;
    padding: 63px 13px 0 0;
    width: 284px;
}

.with-content {
    min-height: 290px;
    display: block;
}

.img-500,
.without-conten.img-500 {
    min-height: 375px;
}

    .img-500 .gallery-wrapper {
        margin-top: 375px;
    }

.img-647 {
    min-height: 647px;
}

.without-content .text {
    display: none;
}

.with-content.content-page-container .wrapper-text {
    padding-bottom: 80px;
}

.with-content .btn-hotsite {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    padding: 2px 15px;
    background: url('../images/icon/bullet-white.png') no-repeat scroll 7px 8px transparent;
    background-color: #626162;
    border: 1px outset #999;
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    text-decoration: none;
}

    .with-content .btn-hotsite.sub-text {
        top: 65px;
    }

    .with-content .btn-hotsite:hover {
        color: #00B1EE;
        background-image: url('../images/icon/bullet-blue.png');
    }

/* CONSULTA RECALL */
.wrapper-text table.recall-table {
    border: 0;
    margin-top: 40px;
    padding-top: 10px;
    width: 100%;
}

/*.wrapper-text .recall-table tbody:after {
    content: "";
    display: block;
    height: 40px;
}*/

.wrapper-text .recall-table tr,
.wrapper-text .recall-table th,
.wrapper-text .recall-table td {
    border: 0;
}

.wrapper-text .recall-table .separator-span {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    display: block;
    margin: 20px 0;
}

.wrapper-text .recall-table tr.odd {
    background-color: #eee;
}

.wrapper-text .recall-table th {
    width: 90px;
}

.wrapper-text .recall-table th,
.wrapper-text .recall-table td {
    padding: 10px;
}

.wrapper-text .recall-table th,
.wrapper-text .recall-table td {
    font-size: 14px;
    font-weight: normal;
}

    .wrapper-text .recall-table th + td {
        text-transform: uppercase;
    }

.wrapper-text .recall-table a {
    color: #00b1ee;
    font-weight: bold;
    text-decoration: none;
}

/* FORMULARIO DE CADASTRO */
.form {
    margin-bottom: 20px;
}

.content-page-container .text .form h2,
.content-page-container .text .form h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 10px;
}

.form-register {
    display: block;
    margin-bottom: 20px;
}

    .form-register li {
        padding-bottom: 6px;
    }

        .form-register li i {
            margin-left: 3px;
        }

.form label {
    vertical-align: middle;
}

.form-register label {
    display: inline-block;
    width: 140px;
}

.form-register .hidden-field {
    display: inline-block;
    height: 1px;
    margin-left: 140px;
}

.form-register li.check input {
    vertical-align: middle;
}

.form-register li.check label {
    margin-left: 5px;
    width: auto;
    display: inline;
}

.form-register li span input {
    vertical-align: -2px;
}

.form-register li span label {
    display: inline-block;
    margin: 0 5px 0 3px;
    width: auto;
}


.form-register input[type=text],
.form-register input[type=password] {
    box-shadow: 1px 1px #000 inset;
    width: 240px;
}

.form-register textarea {
    width: 240px;
}

.form-register select {
    width: 250px;
}

.form-register label.gender {
    width: 90px;
}

.form-register label.client {
    width: 90px;
}

.form-register select.day {
    margin-right: 3px;
    width: 50px;
}

.form-register select.month {
    margin-right: 3px;
    width: 110px;
}

.form-register select.year {
    width: 80px;
}

.form-register label.gender input[type=radio] {
    margin-right: 5px;
    vertical-align: -2px;
}

.form-register label.client input[type=radio] {
    margin-right: 5px;
    vertical-align: -2px;
}

.form-register span.address-type {
    display: inline-block;
    width: 100px;
}

    .form-register span.address-type label {
        margin: 0;
    }

    .form-register span.address-type input[type=radio] {
        margin-right: 5px;
        vertical-align: -2px;
    }

.form-register input[type=text].ddd {
    margin-right: 10px;
    width: 30px;
}

.form-register input[type=text].cep {
    width: 50px;
}

.form-register input[type=text].cep-sufix,
.form-register input[type=text].branch {
    margin-left: 10px;
    width: 30px;
}

.form-register span.text-label {
    display: block;
    margin-left: 145px;
}

.form-register .reason-box {
    margin: 10px 0 0 145px;
    padding-bottom: 10px;
}

    .form-register .reason-box label {
        vertical-align: -2px;
    }

    .form-register .reason-box input {
        margin-right: 5px;
    }

.form-register input[type=text].phone {
    width: 185px;
}

.form-register input[type=text].phone-branch {
    width: 130px;
}

.form-register input[type=text].text-year-model {
    width: 110px;
}

.form-register label.time-call {
    width: 70px;
}

    .form-register label.time-call input[type=radio] {
        margin-right: 5px;
        vertical-align: -2px;
    }

.form-register-info label {
    color: #676767;
    display: block;
    padding-bottom: 10px;
}

.form-register-info input[type=text],
.form-register-info select {
    margin-bottom: 10px;
    width: 300px;
}

.form-register-info input[type=text] {
    box-shadow: 1px 1px #000 inset;
    width: 290px;
}

.form-register-info select {
    border-radius: 3px;
}

.purchase-intention .version {
    margin-bottom: 5px;
}

.purchase-intention .version-quantity {
    margin: 5px 0 15px;
}

    .purchase-intention .version-quantity li {
        margin-bottom: 5px;
    }

    .purchase-intention .version-quantity span {
        display: inline-block;
        min-width: 100px;
        padding-right: 20px;
    }

#form-media-request textarea {
    width: 240px;
}

#form-media-request select {
    width: 250px;
}

#form-media-request .form-register input.phone-branch[type="text"] {
    width: 185px;
}
/* LOGIN - ESQUECEU A SENHA */
.login-box-first,
.login-box-second {
    border-radius: 5px;
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
    padding: 0 10px 5px;
    min-height: 150px;
}

.login-box-second {
    margin-left: 3%;
    width: 300px;
}

    .login-box-second input[type=submit] {
        margin-top: 30px;
    }

.form-login li {
    padding-bottom: 10px;
}

    .form-login li a {
        margin-left: 5px;
    }

    .form-login li label {
        display: inline-block;
        width: 50px;
    }

        .form-login li label.forget-password {
            margin-top: 20px;
            width: 150px;
        }

    .form-login li input[type=text],
    .form-login li input[type=password] {
        box-shadow: 1px 1px 3px #cecece inset;
        width: 135px;
    }

/* CONCESSIONARIAS */
.form-top-dealers label,
.form-top-dealers input {
    font-weight: normal;
    margin-top: 10px;
}

.form-top-dealers label {
    color: #454a4d;
    margin-right: 5px;
}

.form-dealers {
    background: transparent url(../Images/bg/separador.png) no-repeat left top;
    margin-top: 20px;
    padding: 10px 0;
}

    .form-dealers h3 {
        margin-top: 15px;
    }

.content-page-container .text .form-dealers h2,
.content-page-container .text .form-top-dealers h2 {
    color: #454a4d;
    font-size: 18px;
}

.form-dealers label {
    color: #454a4d;
    display: inline-block;
    width: 30px;
}

.form-dealers .label-choose {
    width: auto;
    margin-right: 10px;
}

.form-dealers input[type=text] {
    border-color: #d9d9d9;
    box-shadow: 1px 1px #000 inset;
    margin-right: 15px;
    width: 80px;
}

.form-dealers select.city {
    width: 200px;
}

.form-dealers input[type=checkbox] {
    margin-right: 5px;
    vertical-align: middle;
}

.form-dealers select {
    border-radius: 3px;
    display: inline-block;
    margin: 7px 15px 7px 0;
}

.form-dealers-check-group {
    margin-top: 7px;
    padding-bottom: 7px;
}

    .form-dealers-check-group label {
        width: 200px;
    }

.form-dealers .form-button {
    display: block;
    margin: 10px 0;
}

.footnote {
    margin-top: 50px;
    font-size: 11px;
}

.dealers-box {
    background-color: #eee;
    margin-top: 10px;
    padding-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

    .dealers-box .form-button {
        clear: both;
        display: block;
        float: left;
    }

    .dealers-box > div a {
        color: #0033b2;
        text-decoration: none;
    }

        .dealers-box > div a:hover {
            color: #00ADEF;
        }

.dealers,
.serviceType,
.productType {
    float: left;
    margin-left: 2px;
    min-height: 180px;
    overflow: hidden;
    width: 20%;
}

.dealers {
    clear: left;
    margin-left: 0;
    padding-left: 10px;
    width: 55%;
}

    .dealers.odd,
    .serviceType.odd,
    .productType.odd {
        background-color: #eee;
    }

.dealers-box > a {
    margin-left: 10px;
}

.dealers-nav ul {
    display: block;
    margin: 20px auto 0;
    width: 50%;
}

    .dealers-nav ul li {
        display: inline-block;
        margin: 0 5px;
        padding: 0 3px;
    }

.review-simulator .dealers-box {
    position: relative;
}

.review-simulator .contact {
    position: absolute;
    right: 10px;
}


/* OUTROS */
.form-top input[type=text] {
    box-shadow: 1px 1px 10px #cecece inset;
    margin-right: 5px;
    padding: 2px 10px;
}

.sub-header {
    padding: 20px 0 7px;
}

.form-include .sub-header {
    padding: 0px 0 7px;
}

.form-section {
    border-top: 1px solid #d1d1d1;
    color: #8d8d8d;
    font-weight: bold;
    margin-top: 25px;
    padding-top: 3px;
}

.form .margin-label {
    margin-left: 145px;
}

input[type=password], select {
    line-height: 18px;
    height: 18px;
    padding: 0 5px;
    color: #070707;
    border: 1px solid #999999;
    background-color: #F8F8F8;
}

select {
    padding: 0;
}

.separator-background {
    background: transparent url(../Images/bg/separador.png) no-repeat left top;
    margin-top: 15px;
    overflow: hidden;
    padding-top: 20px;
}

    .separator-background > div:first-child ul {
        margin-top: 30px;
    }

.quiz-button {
    display: block;
    float: right;
    margin: 20px;
}

.quiz .quiz-result {
    margin: 10px;
}

    .quiz .quiz-result span {
        color: #00b1ee;
        margin-left: 20px;
    }

    .quiz .quiz-result a {
        background: url("../Images/icon/bullet-grey.png") no-repeat scroll 6px center #626162;
        color: #ffffff;
        float: right;
        font-size: 10px;
        padding: 2px 15px;
        text-decoration: none;
    }

        .quiz .quiz-result a:hover {
            color: #00b1ee;
            background-image: url(../images/icon/bullet-blue.png);
        }

/* ERRO */

#pnlError {
    display: none;
}

.error {
    border-color: #c20003;
}

.box-errors-background {
    background-image: url('../Images/bg/popup-background.png');
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.box-errors {
    background-color: #fff;
    border: 1px solid #888;
    font-size: 14px;
    padding: 7px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    display: none;
    margin-top: -200px;
    width: 400px;
    overflow: hidden;
}

.box-errors-header {
    background-color: #000;
    color: #eee;
    padding: 10px;
}

    .box-errors-header span {
        font-weight: bold;
    }

    .box-errors-header a {
        float: right;
    }

        .box-errors-header a img {
            margin-top: -4px;
        }

.box-errors-content {
    border-bottom: 1px solid #888;
    padding: 10px 0 15px 15px;
}

.box-errors-button {
    background-color: #000;
    color: #eee;
    font-size: 14px;
    float: right;
    margin-top: 10px;
    padding: 10px 17px;
}
/* TEMPLATES */

/* BOX DE CORES */
.box-color-change {
    margin-right: -25px;
    padding-top: 60px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #C2C2C2;
}

    .box-color-change.no-top-menu {
        padding-top: 0;
    }

    .box-color-change .top-menu {
        position: absolute;
        top: 0;
        right: 60px;
        z-index: 3;
    }

        .box-color-change .top-menu .view {
            border: 0;
            width: 140px;
            height: 78px;
            display: block;
            margin-bottom: 5px;
            padding: 0;
        }

        .box-color-change .top-menu .prev,
        .box-color-change .top-menu .next {
            width: 71px;
            height: 24px;
            background: url(../Images/cores/nav-top.png) 0 0 no-repeat;
            float: left;
            text-indent: -9999px;
            overflow: hidden;
            padding: 0;
        }

        .box-color-change .top-menu .next {
            background-position: right top;
        }

    .box-color-change .hidden-img {
        z-index: 2;
        display: none;
    }

    .box-color-change .vehicle-img {
        z-index: 1;
    }

    .box-color-change .wrapper-img {
        width: 705px;
        height: 290px;
        position: relative;
    }

    .box-color-change figure,
    .box-color-change .inner-view,
    .box-color-change figure img,
    .box-color-change .inner-view li,
    .box-color-change .inner-view li img {
        position: absolute;
        top: 0;
        left: 0;
        width: 705px;
        height: 290px;
        display: block;
    }

    .box-color-change .inner-view,
    .box-color-change .menu-color-inside {
        display: none;
    }

        .box-color-change .inner-view li {
            display: none;
        }

        .box-color-change .inner-view .active {
            display: block;
        }

    .box-color-change #chosen-color {
        float: left;
        width: 100px;
        height: 75px;
        background-color: #ccc;
        margin-right: 40px;
    }

    .box-color-change .tab-type-color {
        border-bottom: 1px solid #ddd;
        margin: 0 -25px 15px -21px;
        overflow: hidden;
        position: relative;
        top: -1px;
    }

        .box-color-change .tab-type-color li {
            color: #036;
            background-color: #ececec;
            border: 1px solid #ddd;
            margin-right: -1px;
            position: relative;
            top: 1px;
            float: left;
            padding: 0 10px;
            cursor: pointer;
        }

        .box-color-change .tab-type-color .active {
            color: #00ADEF;
            background-color: #fff;
            border-bottom: 1px solid #fff;
        }

    .box-color-change .color-item {
        margin: 0 5px 5px 0;
        float: left;
    }

        .box-color-change .color-item a {
            display: block;
            width: 65px;
            height: 30px;
            background-color: #ccc;
        }

.text .box-color-change .title {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 7px 10px;
    font-family: Arial, Sans-Serif;
    background: url(../Images/bg/flip-flop-p.jpg) 0 0 repeat-x;
}

    .text .box-color-change .title .right {
        float: right;
        margin: -7px -10px;
        padding: 7px 10px;
        background-color: #0491CC;
        width: 30%;
    }

.text .box-color-change h3 {
    font-size: 11px;
    font-family: Arial, Sans-Serif;
}

.box-color-change .menu-color-outside > div {
    float: left;
    margin-right: 30px;
}

.box-color-change .menu-color-outside ul {
    max-width: 140px;
}

.box-color-change .color-name {
    padding: 10px 0 3px;
    font-size: 11px;
    clear: both;
}

/* MODEL */
.model-nav-left,
.model-nav-right {
    width: 30px;
    height: 360px;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    outline: none;
}

.model-nav-left {
    background: url(../Images/icon/carousel-left.png) center center no-repeat;
    margin-left: -30px;
    left: 0;
}

.model-nav-right {
    background: url(../Images/icon/carousel-right.png) center center no-repeat;
    right: -20px;
}

.models-box {
    position: relative;
    width: 650px;
    min-height: 500px;
    margin-left: 10px;
}

    .models-box .models {
        float: left;
        width: 650px;
    }

.content-page-container .models h2 {
    color: #75787f;
    margin: 5px 0 0;
    font-family: 'corporateaconregular', serif;
    font-size: 24px;
}

.models-wrapper {
    width: 635px;
    min-height: 500px;
    overflow: hidden;
}

.models-list {
    width: 2000em;
    position: relative;
}

.models .img-vehicle {
    width: 310px;
    height: 155px;
    display: block;
}

.models li {
    width: 310px;
    float: left;
    margin: 0 15px 15px 0;
    position: relative;
}

    .models li a {
        text-decoration: none;
    }

.models .blue-efficiency {
    position: absolute;
    right: 0;
    top: 160px;
}
/* RELEASES */

.release-filter {
    padding-bottom: 25px;
    background: url(../Images/bg/hr-gradient-content.png) center bottom no-repeat;
    margin-bottom: 15px;
}

    .release-filter select {
        margin-right: 15px;
    }

.content-page-container .release li {
    overflow: hidden;
    padding: 2px 0 10px;
    background: url(../Images/bg/hr-gradient-release.png) center bottom no-repeat;
}

.content-page-container .release .release-title,
.content-page-container .text .search-title {
    color: #ffffff;
    background-color: #e7e7e7;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../Images/bg/release-gradient.png) right top repeat-y;
    padding: 5px 150px 5px 5px;
    margin: 0 0 10px;
}

.search-aside-list li {
    margin-bottom: 5px;
}

.search-aside {
    margin: 280px 0 50px 0;
}

.content-page-container .text .search-title a {
    text-decoration: none;
    color: #ffffff;
}

.search-result a {
    text-decoration: none;
}

.content-page-container .text .search-description {
    margin-bottom: 30px;
}

    .content-page-container .text .search-description a {
        text-decoration: none;
        display: block;
    }

.search-result a:hover .search-description {
    text-decoration: underline;
}

.content-page-container .release-title span {
    display: block;
    background: url(../Images/icon/bullet-white.png) left 6px no-repeat;
    padding-left: 10px;
}

.content-page-container .release-title:hover span {
    background-image: url(../Images/icon/bullet-blue.png);
}

.release-title a {
    color: #ffffff;
    text-decoration: none;
}

.content-page-container .release .release-img {
    width: 205px;
    height: 130px;
    float: left;
    margin-right: 15px;
}

.release {
    margin-bottom: 20px;
}

    .release .date {
        font-size: 16px;
        color: #777777;
        margin-bottom: 10px;
    }

.content-page-container .release p {
    margin-bottom: 5px;
}

.release p a {
    color: #777777;
    text-transform: uppercase;
    padding-left: 10px;
    background: url(../Images/icon/bullet-grey-light.png) left 4px no-repeat;
}

.release a:hover {
    color: #00B1EE;
    background-image: url(../Images/icon/bullet-blue.png);
}

.content-page-container .text .download-release {
    margin-bottom: 40px;
}

.content-gallery-release {
    overflow: hidden;
}

    .content-gallery-release li {
        width: 50%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }

    .content-gallery-release a {
        color: #000;
        font-size: 10px;
        text-decoration: none;
    }

    .content-gallery-release img {
        display: block;
        margin: 0 auto 2px;
    }

.content-page-container .content-gallery-release p {
    background-color: #efefef;
    margin: -2px auto 5px;
    padding: 10px;
    word-wrap: break-word;
    width: 136px;
}

.content-gallery-release .internal-link {
    display: inline-block;
}

#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    background-color: #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    padding: 5px 10px 10px 5px;
}

#test-img {
    display: none;
}

.pagination {
    font-size: 11px;
    text-align: right;
}

    .pagination li {
        display: inline-block;
    }

    .pagination a {
        color: #070707;
        text-decoration: none;
        padding: 0 5px;
    }

    .pagination .current a {
        color: #00b1ee;
    }

    .pagination .first a,
    .pagination .previous a,
    .pagination .next a,
    .pagination .last a {
        color: #494949;
        font-size: 16px;
    }
/*INTENTCAO DE COMPRA */
.buy-intention-sucess {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
}
/* QUIZ */

.quiz {
    overflow: hidden;
    background-color: #d8d8d8;
}

    .quiz .questions {
        float: left;
        width: 200px;
    }

        .quiz .questions li {
            padding: 20px 10px;
            background-color: #999999;
            color: #ffffff;
            font-size: 12px;
        }

            .quiz .questions li a {
                color: #ffffff;
                text-decoration: none;
            }

            .quiz .questions li.selected {
                background-color: #d8d8d8;
                color: #00B1EE;
                font-weight: bold;
            }

        .quiz .questions .selected a {
            color: #00B1EE;
        }

        .quiz .questions .question-2 {
            background-color: #888888;
        }

        .quiz .questions .question-3 {
            background-color: #777777;
        }

        .quiz .questions .question-4 {
            background-color: #666666;
        }

        .quiz .questions .question-5 {
            background-color: #555555;
        }

        .quiz .questions .question-6 {
            background-color: #444444;
        }

        .quiz .questions .question-7 {
            background-color: #333333;
        }

        .quiz .questions .question-8 {
            background-color: #222222;
        }

        .quiz .questions .question-9 {
            background-color: #111111;
        }

        .quiz .questions .question-10 {
            background-color: #000000;
        }

    .quiz .answers {
        float: left;
        width: 449px;
        padding: 45px 0 45px 30px;
        background-color: #d8d8d8;
        margin-right: -30px;
    }

        .quiz .answers strong {
            display: block;
            height: 33px;
            overflow: hidden;
        }

        .quiz .answers li.highlighted {
            float: none;
            width: 400px;
            padding: 0;
            background-color: transparent;
            border-radius: 0;
            margin: 0 30px 30px 0;
            text-align: center;
        }

            .quiz .answers li.highlighted img {
                border-radius: 0;
                margin-top: 10px;
                width: 400px;
                height: 300px;
            }

        .quiz .answers li {
            float: left;
            width: 170px;
            padding: 10px;
            background-color: #6d6d6d;
            border-radius: 10px;
            margin: 0 30px 30px 0;
            font-size: 13px;
            color: #FFFFFF;
            text-align: center;
        }

            .quiz .answers li.selected {
                background-color: #00b1ee;
            }

        .quiz .answers a {
            color: #FFFFFF;
            display: block;
            text-decoration: none;
        }

        .quiz .answers img {
            border-radius: 10px;
            margin-top: 10px;
            width: 170px;
            height: 110px;
        }
/* BOX COM THUMB */
.box-thumb {
}

    .box-thumb .wrapper {
        overflow: hidden;
        margin-bottom: 30px;
    }

    .box-thumb .img {
        background-color: #ccc;
        float: left;
        margin-right: 20px;
        border: 1px solid #DDDDDD;
    }

    .box-thumb .content-text {
        /*min-width: 64%;*/
        float: left;
    }

    .box-thumb .wrapper p {
        margin-bottom: 0;
    }

.content-page-container .box-thumb .title {
    margin: 0 0 2px 0;
    font-weight: bold;
}

.box-thumb .download,
.box-thumb .download-list a,
.external-link,
.internal-link {
    color: #434343;
    text-decoration: none;
    padding-left: 10px;
    background: url(../Images/icon/bullet-grey.png) left 5px no-repeat;
    display: block;
}

p .external-link {
    display: inline-block;
}

.box-thumb .download:hover,
.box-thumb .download-list a:hover,
.external-link:hover,
.internal-link:hover {
    color: #00b1ee;
    background-image: url(../Images/icon/bullet-blue.png);
}

.box-thumb {
    width: 689px;
    display: flex;
    flex-wrap: wrap;
}

.box-thumb h2 {
    width: 100%;
}

    .box-thumb .wrapper {
        display: flex;
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .box-thumb.bus .wrapper {
        display: block;
        width: 100%;
    }

    .box-thumb.bus .content-text {
        width: 100%;
    }

    .box-thumb.accordion {
        display: block;
        width: auto;
    }

    .box-thumb.accordion .wrapper {
        width: auto;
    }



.lightbox-mask {
    position: fixed;
    width: 1920px;
    height: 9999em;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    display: none;
    top: 0;
    left: auto;
    margin: 0 auto;
    z-index: 15;
}

.lightbox {
    max-width: 980px;
    position: absolute;
    background: #ffffff;
    top: 100px;
    z-index: 16;
    display: none;
}

    .lightbox .close-bar {
        height: 26px;
        background: url(../Images/bg/lightbox-bar.png) 0 0 repeat-x;
        text-align: right;
    }

        .lightbox .close-bar button {
            height: 16px;
            width: 16px;
            background: url(../Images/icon/close.png) 0 0 no-repeat;
            text-align: left;
            margin: 5px;
            text-indent: -9999px;
            cursor: pointer;
        }

    .lightbox img {
        max-width: 100%;
    }

    .lightbox .lightbox-title {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        color: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px 10px 5px 550px;
        background: url(../Images/bg/subtitle.png) right 0 repeat-y;
        text-align: right;
    }
/*HINTBOX*/
.hintbox-area {
    margin-top: 35px;
    position: relative;
    height: 750px;
}

.hintbox {
    background: url(../images/icon/circle-btn.png);
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 38px;
    font-weight: bold;
    height: 64px;
    line-height: 60px;
    text-align: center;
    width: 64px;
    position: absolute;
    z-index: 3;
}

.hintbox-box {
    display: block;
    font-size: 14px;
    min-height: 163px;
    padding-bottom: 5px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}

.hintbox-box-top,
.hintbox-box-bottom {
    display: block;
}

.hintbox-box-bottom {
    position: absolute;
    bottom: -3px;
    height: 23px;
    width: 100%;
}

.hintbox-top-center,
.hintbox-bottom-center {
    display: block;
    height: 23px;
    margin: 0 16px;
}

.hintbox-top-center {
    background: url(../images/hintbox/hintbox-top-center.jpg) repeat-x;
}

.hintbox-bottom-center {
    background: url(../images/hintbox/hintbox-bottom-center.png) repeat-x;
}

.hintbox-box .hintbox-box-arrow {
    background: url(../images/hintbox/hintbox-arrow.png) no-repeat;
    display: block;
    position: absolute;
    top: -14px;
    left: 23px;
    height: 15px;
    width: 22px;
}

.hintbox-top-left,
.hintbox-top-right,
.hintbox-bottom-left,
.hintbox-bottom-right {
    display: block;
    height: 23px;
    width: 16px;
}

.hintbox-top-left,
.hintbox-bottom-left {
    float: left;
}

.hintbox-top-right,
.hintbox-bottom-right {
    float: right;
}

.hintbox-top-left {
    background: url(../images/hintbox/hintbox-top-left.png) no-repeat;
}

.hintbox-top-right {
    background: url(../images/hintbox/hintbox-top-right.png) no-repeat;
}

.hintbox-bottom-left {
    background: url(../images/hintbox/hintbox-bottom-left.png) no-repeat;
}

.hintbox-bottom-right {
    background: url(../images/hintbox/hintbox-bottom-right.png) no-repeat;
}

.hintbox-box-area {
    background: #fff url(../images/hintbox/hintbox-bg.png) repeat-x center bottom;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.hintbox-box-title {
    font-family: 'corporateaconregular', serif;
    font-size: 67px;
    padding: 22px 10px 0 15px;
}

.hintbox-box-title-number {
    font-weight: bold;
}

.hintbox-box-title-text {
    display: block;
    font-size: 26px;
    line-height: 25px;
    margin: -23px 0 0 35px;
}

.hintbox-box-title-text-small {
    margin: -22px 0 0 35px;
}

.hintbox-box-content {
    margin: 25px 0 0;
    padding: 0 10% 15px;
}
/*DESTAQUE*/
.box-features {
    width: 664px;
    height: 415px;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
    padding-top: 80px;
}

    .box-features.interior {
        padding-top: 10px;
    }

    .box-features .box-text {
        position: absolute;
        top: 0;
        left: 0;
    }

    .box-features .circle {
        position: absolute;
        width: 48px;
        height: 51px;
        overflow: hidden;
        text-indent: -999px;
        background: url(../Images/icon/circle.png) 0 0 no-repeat;
    }

.modal-feature {
    width: 520px;
    height: 210px;
    background-color: #FFFFFF;
}

    .modal-feature img {
        display: block;
        float: left;
        height: 210px;
        width: 210px;
        margin-right: 20px;
    }

    .modal-feature .text {
        padding: 20px;
        line-height: 1.4em;
    }

    .modal-feature h3 {
        font-family: 'corporateaconregular',serif;
        font-size: 20px;
        margin-bottom: 10px;
    }

.central-relacionamento {
    overflow: hidden;
    margin-right: -20px;
}

    .central-relacionamento li {
        float: left;
        margin-bottom: 10px;
        margin-right: 20px;
        cursor: pointer;
    }

.gallery-big-image {
    height: 320px;
    margin-bottom: 20px;
}

    .gallery-big-image img {
        max-width: 100%;
    }

.gallery-thumb-image {
    overflow: hidden;
    margin-bottom: 20px;
}

    .gallery-thumb-image li {
        float: left;
        margin-left: 17px;
        text-align: center;
    }

        .gallery-thumb-image li img {
            border: 1px solid #FFF;
            display: block;
        }

        .gallery-thumb-image li:first-child {
            margin-left: 0;
        }

        .gallery-thumb-image li:hover img, .gallery-thumb-image .selected img {
            border-color: #00B1EE;
        }

.tab-box {
    border-bottom: 1px solid #ddd;
    margin: 0 -25px 15px -21px;
    overflow: hidden;
    position: relative;
    top: -1px;
}

    .tab-box a {
        color: #c9c9c9;
        background: url("../images/bg/menu-vehicle.jpg") repeat-x scroll left top #7B7B7B;
        border: 1px solid #ddd;
        margin-right: -1px;
        position: relative;
        top: 1px;
        float: left;
        padding: 3px 10px;
        cursor: pointer;
        display: block;
    }

        .tab-box a.selected,
        .tab-box a:hover,
        .tab-box .selected a {
            color: #00ADEF;
            background: #fff;
            border-bottom: 1px solid #fff;
        }

    .tab-box a {
        text-decoration: none;
    }
/* ASIDE-CONTENT-RIGHT */
.aside-content-right {
    font-family: 'corporateaconregular', serif;
    float: right;
    margin: 350px 11px 0 0;
    width: 214px;
}

    .aside-content-right h1 {
        font-size: 34px;
        line-height: 1em;
        margin-bottom: 15px;
    }

    .aside-content-right h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 10px;
        line-height: 1.2em;
    }

    .aside-content-right + .text {
        padding-right: 20px;
    }

.gallery-list li {
    margin-bottom: 22px;
}

    .gallery-list li a {
        display: block;
    }

        .gallery-list li a img {
            display: block;
            height: auto;
            width: 100%;
        }

    .gallery-list li span {
        color: #1f1f1f;
        display: block;
        font-size: 12px;
        margin-top: 5px;
        padding-left: 18px;
        position: relative;
    }

        .gallery-list li span:before {
            background-color: #00b1ee;
            content: '';
            display: block;
            height: 2px;
            position: absolute;
            top: 7px;
            left: 0;
            width: 12px;
        }
/* TIMELINE */
.timeline-page .wrapper-text {
    border-left: none;
    padding-bottom: 0;
    color: #FFF;
}

.timeline-page .wrapper-text a {
    color: #fff;
}

.timeline {
    position: relative;
    overflow: hidden;
    height: 361px;
    width: 445px;
}

    .timeline .wrapper {
        width: 20000em;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .timeline .item {
        float: left;
        width: 445px;
    }

.pager-timeline {
    overflow: hidden;
    padding: 5px 5px 5px 120px;
}

    .pager-timeline a {
        display: block;
        width: 25px;
        height: 28px;
        float: left;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../Images/icon/bullet-carousel-pagination.png) 0 -56px no-repeat;
        margin-right: 5px;
    }

    .pager-timeline .selected,
    .pager-timeline .selected:hover {
        background-position: 0 0;
    }

    .pager-timeline a:hover {
        background-position: 0 -28px;
    }
/* ERROR */
.error-page h1 {
    padding-bottom: 25px;
    margin-bottom: 25px;
    background: url(../Images/bg/separador.png) left bottom no-repeat;
}

.error-page.content-page-container .text p {
    margin-bottom: 0;
}

.error-page.content-page-container .internal-link {
    display: block;
    margin: 15px 0;
}

/* Fancybox */
#fancybox-loading div {
    background-image: url('../Images/fancybox/fancybox.png');
}

#fancybox-close {
    background: transparent url('../Images/fancybox/fancybox.png') -40px 0px;
}

#fancybox-left, #fancybox-right {
    background: transparent url('../Images/fancybox/blank.gif');
}

#fancybox-left-ico {
    background-image: url('../Images/fancybox/fancybox.png');
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url('../Images/fancybox/fancybox.png');
    background-position: -40px -60px;
}

#fancybox-bg-n {
    background-image: url('../Images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
    background-image: url('../Images/fancybox/fancybox.png');
}

#fancybox-bg-e {
    background-image: url('../Images/fancybox/fancybox-y.png');
}

#fancybox-bg-se {
    background-image: url('../Images/fancybox/fancybox.png');
}

#fancybox-bg-s {
    background-image: url('../Images/fancybox/fancybox-x.png');
}

#fancybox-bg-sw {
    background-image: url('../Images/fancybox/fancybox.png');
}

#fancybox-bg-w {
    background-image: url('../Images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
    background-image: url('../Images/fancybox/fancybox.png');
}

#fancybox-title-over {
    background-image: url('../Images/fancybox/fancy_title_over.png');
}

#fancybox-title-float-left {
    background: url('../Images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-close {
    top: -30px;
    right: -5px;
}

.fancybox-title-inside {
    padding-top: 10px;
    text-align: left;
}

    .fancybox-title-inside b {
        padding-left: 40px;
        position: relative;
    }

        .fancybox-title-inside b:before {
            background-color: #00b1ee;
            content: '';
            display: block;
            height: 2px;
            position: absolute;
            top: 7px;
            left: 20px;
            width: 12px;
        }

.subsidiary.hide {
    display: none;
}

.g-recaptcha {
    display: block;
    margin: 20px 0;
}

/* autocomplete */
.ui-autocomplete {
    border: 1px solid #999;
    background-color: #F8F8F8;
    width: 250px;
}

    .ui-autocomplete li.ui-menu-item {
        padding: 10px 5px;
        cursor: default;
    }

        .ui-autocomplete li.ui-menu-item:hover {
            color: #fff;
            background-color: #00b1ee;
        }

.home-page .segments-vehicles h3 {
    font-family: 'corporateaconregular', sans-serif;
    color: #fff;
    font-size: 18px;
    /*font-weight: bold; */
    margin-top: 245px;
}

.home-page .segments-vehicles .vehicles {
    display: flex;
    justify-content: center;
}

    .home-page .segments-vehicles .vehicles .vehicles--item {
        text-align: center;
        text-decoration: none;
        transition: all 300ms ease-in-out;
        margin: 0px 20px;
    }
        .home-page .segments-vehicles .vehicles .vehicles--item img {
            transition: all 300ms ease-in-out;
        }
        .home-page .segments-vehicles .vehicles .vehicles--item:hover img {
            transform: scale(1.1);
        }

        .home-page .segments-vehicles .vehicles .vehicles--item p {
            font-family: 'corporateaconregular', sans-serif;
            color: #fff;
            font-size: 16px;
            /* font-weight: bold; */
            text-decoration: none;
        }

.modal {
    display: none;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh,1vh)*100);
    background-color: rgba(0,0,0,.85);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

    .modal a {
        color: #000;
        text-decoration: none;
    }

    .modal.active {
        display: block;
    }

    .modal .container {
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        width: 75%;
        height: 100%;
        padding: 50px 0;
    }

    .modal .close {
        position: absolute;
        right: -65px;
        width: 40px;
        height: 40px;
        background-color: #ececec;
        font-size: 17px;
        text-align: center;
        cursor: pointer;
    }

        .modal .close::after {
            font-weight: 300;
            content: "X";
            font-size: 20px;
            line-height: 2;
        }

.video-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    margin: auto;
}

    .video-player iframe {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
    }

.wrapper-text .sustainability-award-table th,
.wrapper-text .sustainability-award-table td {
    font-size: 12px;
    font-weight: normal;
}

.wrapper-text .sustainability-award-table th {
    font-weight: bold;
}

.wrapper-text .sustainability-award-table .center {
    text-align: center;
}

.wrapper-text .sustainability-award-table .feed {
    font-weight: bold;
    background-color: #F8F8F8;
}

.info-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    color: #888;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    border: 2px solid #ccc;
    font-size: 10px;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
}

    .info-icon::after {
        content: "!";
        font-weight: bold;
    }