html {
    background: #ffffff;
    font: 400 0.75em/1.5 Verdana, Arial, sans-serif;
    color: #2d2d2d;
}

/*------------------------------------*\
	=MAIN
\*------------------------------------*/

[role="banner"] {
    background: url(/assets/img/audi_logo_2016_40px.png) no-repeat 100% 0;
    margin: 20px 0 10px;
    padding-top: 8px;
}
[role="banner"] .dashboard {
    margin-top: 20px;
}

.dashboard {
    /*background:linear-gradient(top, #95989d 0%, #707278 160%);*/
    /*background:-webkit-radial-gradient(80% 0%, ellipse cover, #95989D 40%,#707278 100%);
	border:1px solid #9FA0A4;
	border-left:1px solid #959699;*/
    /* background:radial-gradient(100% -20px, #95989D 45%,#6E7076 100%); */
    background: rgb(106, 108, 112);
    border-width: 1px;
    border-style: solid;
    border-color: #949599 #9fa0a4 #96979a #86878b;
}
[role="banner"] .dashboard {
    min-height: 35px;
}
.footer {
    padding-bottom: 50px;
}
.footer .dashboard {
    min-height: 25px;
}
[role="banner"] .dashboard:before {
    width: 1px;
    background: #7d8084;
    border-right: 1px solid #9ea0a5;
    top: 0;
    bottom: 0;
    right: 195px;
}
.comimagem {
    background-image: url(/assets/img/caixa-menus-topo.png);
    height: 35px;
    width: 100%;
    margin-top: 50px;
}

[role="banner"] .spec,
.sinput {
    top: 7px;
}
.footer .spec {
    top: 2px;
}
.footer .txr {
    margin-top: 25px;
}
.footer .txr img {
    vertical-align: middle;
}
.block {
    padding: 1em 0;
}
.sidebar .sideblock + .sideblock {
    margin-top: 10px;
}
.sidebar h2 {
    margin-bottom: 10px;
}

.master {
    margin-bottom: 10px;
}

/* Grid */

[class*="span"] {
    float: left;
    margin-left: 2px;
    min-height: 30px;
}
.row {
    margin-left: -2px;
}
.spanS7 {
    width: 138px;
}
.spanS7 + .spanS7 {
    margin-left: 1px;
}
.span3 {
    width: 242px;
}
.span6 {
    width: 486px;
}
.span9 {
    width: 730px;
}
.span12 {
    width: 975px;
}

/*------------------------------------*\
	=TYPE
\*------------------------------------*/

a {
    color: #c9c9c9;
    text-decoration: none;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a img {
    transition: opacity 0.2s ease-in-out;
}
a:hover {
    color: #2d2d2d;
}

p {
    text-align: justify;
    hyphens: auto;
}

h1,
.h1,
.alpha,
#cboxTitle {
    font-size: 40px;
    font-size: 3.3333rem;
    line-height: 1.35;
}
h2,
.h2,
.beta {
    font-size: 30px;
    font-size: 2.5rem;
    line-height: 1.2;
}
h3,
.h3,
.gamma {
    font-size: 28px;
    font-size: 2.3333rem;
    line-height: 1.2857;
}
h4,
legend,
.delta,
.sidebar h2 {
    font-size: 25px;
    font-size: 2.0833rem;
    line-height: 1.44;
}
h5,
.h5,
.epsilon,
.modellist .price,
.pagination {
    font-size: 20px;
    font-size: 1.6667rem;
    line-height: 1.8;
}
h6,
.h6,
.zeta {
    font-size: 15px;
    font-size: 1.25rem;
    line-height: 1.2;
}

/* Lists */

ul,
ol {
    font-size: 1em;
    margin-bottom: 24px;
}
ul,
ol {
    padding: 0 0 0 60px;
}
ul li {
    list-style: disc outside;
}
ol li {
    list-style: lower-roman outside;
}
li {
    line-height: 1.5em;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}

/* Common margin-bottom for vertical rhythm. */

#COMMONMARGIN,
ul,
ol,
dl,
fieldset,
p,
table,
pre,
hr {
    margin-bottom: 1.5em;
}

/*------------------------------------*\
	=SHARED
\*------------------------------------*/

#CONTAINER,
.container {
    margin: 0 auto;
    width: 975px;
}

#VARELAROUND,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.models a,
.spec a,
.dyn a,
input,
textarea,
legend,
.inlabel,
.geninfo,
.price,
.pagination,
#cboxTitle,
#cboxCurrent,
.conf tbody th,
.varelaround {
    font-family: "Varela Round", sans-serif;
}
#ARIAL,
.intro,
.arial {
    font-family: Arial, sans-serif;
}
#SHADOW,
h3,
h5,
h6,
legend,
.h3,
.h5,
.h6,
.models a,
.spec a,
.wmenu a,
.geninfo,
.field-check,
.shadow {
    text-shadow: none;
}
#UPPERCASE,
.submit,
.uppercase {
    text-transform: uppercase;
}
#BOLD,
.intro,
.bold {
    font-weight: bold;
}
#THIN,
.conf tbody th,
.mediatable th,
.thin {
    font-weight: normal;
}

#WHITE,
h1,
h3,
h5,
h6,
legend,
.h1,
.h3,
.h5,
.h6,
.sidebar h2,
.models a,
.spec a,
.dyn a,
.pagination a:hover,
.pagination .active,
.footer .txr,
.geninfo,
#cboxTitle,
.field-check,
.white {
    color: #fff;
}
#HOVER,
.theplayer h4,
.models a:hover,
.spec a:hover,
.spec .active a,
.submit:hover,
.hover {
    color: #bcbcbc;
}
#BODYCOLOR,
.blocklist .cta,
.submit,
.price,
.pagination > *,
.conf tbody th,
.bodycolor {
    color: #3d3d3d;
}
#GRAY,
input,
textarea,
.inlabel,
.gray {
    color: gray;
}

#BGLGRAY,
.dyn a:hover,
.dyn .active a,
.geninfo,
.block,
.bglgray {
    background-color: #909196;
}
#BGLIGHT,
.conf tbody tr,
.summary,
.zebra tr:nth-child(2n-1),
.bglight {
    background-color: #85868b;
}
#BGLGRAYER,
.dyn a,
.bglgrayer {
    background-color: #6a6b70;
}

#MEGA,
.theplayer h4,
.intro,
.mega {
    font-size: 1.4167em; /* 17px */
}
#KILO,
.submit,
.kilo {
    font-size: 1.3333em; /* 16px */
}
#HECTO,
.models a,
.conf tbody th,
.hecto {
    font-size: 1.25em; /* 15px */
}
#DECA,
textarea,
[type="text"],
[type="email"],
[type="password"],
.inlabel,
.spec a,
.wmenu a,
.deca {
    font-size: 1.0833em; /* 13px */
}
#DECI,
.footer .spec a,
.sinput,
.blocklist .cta,
#cboxCurrent,
.deci {
    font-size: 0.9167em; /* 11px */
}
#CENTI,
.footer .txr,
.centi {
    font-size: 0.8333em; /* 10px */
}

#TXTCENTER,
.modellist p,
.modellist .h5,
.txtcenter {
    text-align: center;
}

#SPRITE,
[class*="icon-"],
.ss,
.blocklist .cta:before,
.wmenu a:before,
.field-submit:before,
.arr:before,
.prev,
.next,
#cboxCurrent:before,
.arrcenter:before,
.play:before,
.sprite {
    background-image: url(/assets/img/sprite.png);
}

#ROUNDEDCORNER,
.rc,
.dashboard,
.dashboard:before,
.block,
input:not([type="submit"]),
textarea,
.roundedcorner {
    border-radius: 5px;
}

#PSEUDOABSOLUTE,
.dashboard:before,
.sform:before,
.blocklist .cta:before,
.wmenu a:before,
.field-submit:before,
.arr:before,
.arrcenter:before,
.play:before,
.pseudoabsolute {
    content: "";
    display: block;
    position: absolute;
}
#PSEUDORESET,
.blocklist .cta:before,
#cboxCurrent:before,
.pseudoreset {
    content: "";
    display: block;
}
#ARROWRED,
.field-submit:before,
.blocklist .cta:before,
.arr:before,
.arrcenter:before,
#cboxCurrent:before,
.play:before,
.arrowred {
    background-position: -2px -34px;
    width: 5px;
    height: 9px;
}
#ARROWWHITE,
.wmenu a:before,
.arrowwhite {
    background-position: -2px -24px;
    width: 5px;
    height: 9px;
}
#ARROWREDCENTER:before,
.field-submit:before,
.arrcenter:before {
    left: 0;
    top: 40%;
}

#DBLOCK,
.blocklist a,
.prev,
.next,
.prodpic img,
.dblock {
    display: block;
}
#INLINEBLOCK,
[class*="icon-"],
#cboxCurrent:before,
.inlineblock {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#ABSOLUTE,
[role="banner"] .spec,
.sform input,
.inlabel,
.flex-direction-nav,
.prev,
.next,
.absolute {
    position: absolute;
}

#INNERPADDING,
.main,
.blocklist a,
.sideblock.block,
.innerpading {
    padding: 10px;
}
#SHORTBOTTOMMARGIN,
.blocklist,
.fsmain,
.fsmain.flexslider,
.shortbottommargin {
    margin-bottom: 10px;
}

#SEMIOPAQUE,
.modellist a:hover img,
.puregallery a:hover img,
.semiopaque {
    opacity: 0.5;
    filter: alpha(opacity=.55);
}

.models a {
    color: #000000;
}

.models a:hover {
    color: #4c4c4c;
}

.models a.active {
    color: #4c4c4c;
}

.footer .txr {
    color: #4c4c4c;
}

/*
From @necolas: http://nicolasgallagher.com/micro-clearfix-hack/
*/
.cf:before,
.cf:after,
.row:before,
.row:after,
.split:before,
.split:after {
    content: "";
    display: table;
}
.cf:after,
.row:after,
.split:after {
    clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.cf,
.row,
.split {
    zoom: 1;
}

/* Image Replacement html5boilerplate */
[class*="icon-"],
.prev,
.next,
.ir {
    font: 0/0 a !important;
    text-shadow: none !important;
    color: transparent !important;
}

/* --- Structs */
/* Horizontal InlineBlock List */
.hlist {
    list-style: none;
    padding-left: 0;
}
.hlist > li,
.hlist > div {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* Horizontal Table */
.trow {
    display: table-row;
}
.trow > * {
    display: table-cell;
    vertical-align: top;
}
/* Horizontal List */
.hllist {
    list-style: none;
    padding-left: 0;
}
.hllist > li {
    display: inline;
}
/* Bland Wall */
.wall {
    margin: 0;
    padding: 0;
}
.wall li {
    display: block;
    list-style: none;
}
/* Split */
.split {
    list-style: none;
    padding-left: 0;
}
.split > li,
.split > div {
    display: block;
    float: left;
}

.middle > div {
    width: 50%;
    padding-right: 1px;
}
.middle > div + div {
    padding: 0 0 0 1px;
}

/*------------------------------------*\
	=ARTICLE
\*------------------------------------*/

.main .intro {
    margin-top: 1.2em;
}

.results {
    margin: 1.5em 0;
}
.results h5 {
    margin: -5px;
}

.prodpic {
    margin-top: 1.5em;
}
.prodpic .summary {
    vertical-align: bottom;
}
.prodpic .pics img {
    width: 530px;
    height: 355px;
}
.prodpic .thumbs img {
    width: 80px; /*height:80px;*/
}
.prodpic .thumbs li + li {
    margin-left: 10px;
}
.prodpic .summary .values {
    padding: 0 10px;
    vertical-align: bottom;
    width: 176px;
}
.prodpic .summary > div + div {
    width: 530px;
}
.prodpic .thumbs {
    margin-top: 10px;
}

.dlist dd {
    margin-bottom: 25px;
}

/*------------------------------------*\
	=LIST
\*------------------------------------*/

.spec {
    float: left;
}
.spec li {
    margin-left: 15px;
}
.sform,
.social {
    float: right;
}
.sform {
    right: 10px;
    width: 175px;
}
.sform .sinput {
    padding: 0 20px 0 2px;
    height: 18px;
    vertical-align: top;
}
.ss {
    right: 0;
    top: 5px;
    width: 19px;
    height: 20px;
    background-position: -46px 0;
    z-index: 1;
}

.logo {
    background-image: url(/assets/img/tecsport.new.png);
    float: left;
    width: 119px;
    height: 18px;
}
.models {
    display: inline;
}
.models a + a {
    margin-left: 20px;
}

.blocklist h6 {
    margin-bottom: 10px;
}
.blocklist img {
    width: 220px;
    height: 60px;
}
.blocklist .cta {
    margin: 0 0 0 10px;
}
.blocklist .cta:before {
    top: 5px;
    left: -10px;
}
.blocklist.tabs {
    margin-bottom: 2px;
}
.vwmenu li + li,
.wmenu li + li {
    margin-top: 2px;
}
.wmenu a:before {
    right: 10px;
    top: 40%;
}
.hlcta .block {
    height: 134px;
}
.hlcta .vwmenu .block {
    height: 66px;
}

.modellist,
.puregallery {
    margin: 30px 0 0 -10px;
}
.modellist img {
    background-image: url(/assets/img/noimg.png);
    width: 170px;
}
.modellist li {
    padding: 0 0 70px 10px;
    width: 25%;
}
.modellist .geninfo {
    margin: 0;
}
.modellist .arr:before {
    top: 35%;
    left: -20px;
}

.puregallery {
}
.puregallery li {
    margin: 0 0 7px 10px;
}

.pagination {
    margin-bottom: 60px;
    text-align: center;
}
.pagination > * {
    margin: 0 12px;
}

/*icons*/
[class*="icon-"] {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.icon-fbook {
    background-position: 0 0;
}
.icon-twt {
    background-position: -23px 0;
}
.icon-campanha {
    width: 20px;
    background-position: -85px 0;
}

.arrcenter {
    padding-left: 10px;
}

.zebra {
}

/*------------------------------------*\
	=FORMS
\*------------------------------------*/

textarea,
[type="text"],
[type="password"],
[type="email"] {
    background: #fff;
    padding: 8px;
    width: 100%;
}
legend {
    padding-bottom: 10px;
}
.inlabel {
    left: 9px;
    top: 7px;
    z-index: 1;
}

.field,
.field-submit {
    margin-bottom: 2px;
}
.field-check {
    margin-bottom: 10px;
}
.field-submit {
    margin-top: 20px;
}
.submit {
    padding-left: 20px;
}

.chzn-select {
    width: 100%;
    height: 30px;
}
.datepicker {
    background: #fff url(/assets/img/calendario-icone.jpg) no-repeat 98% center;
}

/*------------------------------------*\
	=TABLES
\*------------------------------------*/

.mediatable td,
.mediatable th,
.conf td,
.conf th {
    padding: 10px;
}

.mediatable th,
.conf th {
    vertical-align: middle;
}

.conf {
    margin: 1.5em 0;
}
.conf tbody th {
    width: 30%;
    border-right: 2px solid #909196;
}
.conf tbody td,
.conf tbody th {
    border-bottom: 2px solid #909196;
}

.mediatable {
    margin: 1.2em 0;
}

/*------------------------------------*\
	=PLAYER
\*------------------------------------*/

.player {
    background-image: url(/assets/img/toques-iphone.jpg);
    height: 230px;
}
.theplayer {
    top: 110px;
    left: 12px;
}
.theplayer .controls {
    height: 13px;
    width: 150px;
    overflow: hidden;
    position: absolute;
}

.play:before {
    left: -12px;
    top: 4px;
}

/*------------------------------------*\
	=SLIDERS
\*------------------------------------*/

.prev,
.next {
    width: 47px;
    height: 93px;
}
.prev {
    background-position: -48px -55px;
}
.next {
    background-position: 0 -55px;
}

.fsmain.flexslider .slides img {
    width: 975px;
    height: 395px;
}

.flex-direction-nav {
    display: none;
}

.flexslider:hover .flex-direction-nav {
    display: block;
}

/* Direction Nav */
.flex-direction-nav {
    height: 0;
    top: 40%;
    width: 100%;
}
.flex-direction-nav li {
    display: block;
}
.flex-direction-nav li .next {
    right: 25px;
}
.flex-direction-nav li .prev {
    left: 25px;
}
.flex-direction-nav li .disabled {
    opacity: 0.3;
}

/*------------------------------------*\
	=MISC
\*------------------------------------*/

::selection {
    background-color: #fff;
    color: #2d2d2d;
    text-shadow: none;
}