@charset "utf-8";
/* CSS Document */

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

}
html,body{
 font-family: 'Lato',Helvetica, sans-serif;
	width:100%;
	height:100%;
}



/*******************
Header
*******************/

.header{
	margin-top: 32px;
}

.headerImg{
	background: #000 url('../img/header.png') no-repeat 50% 0;
	height: 120px;
	width: 100%;
}

.headerImg a{
	display: block;
	width: 280px;
	font-size: 40px;
	line-height: 50px;
	padding-top:10px; 
	font-weight: 900;
	color: #ffdd00;
	margin-left: 52%;
	text-decoration: none;
}


.floatLeft{
	float: left;
}

.paddingImg{
	padding: 12px 25px 12px 5px;
	margin-top: 10px;
}

.clearBoth{
	clear: both;
}

.navigationPage{
	width: 820px;
	margin: 0 auto;
}

.navigationPage li{
	float: left;
	border-right: 3px solid #ffdd00;
	margin:32px 0 32px 0;
	display: block;
}

li.ultimo{
	border-right: none;
}

.navigationPage a{
	float: left;
	text-decoration: none;
	width: 161px;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #999;
	-webkit-transition: all .2s ease-in-out;
	text-align:center;
}
.navigationPage a:hover{
	color: #000;
	opacity: 0.8;
}

.navigationPage a:active{
	color: #000;
	opacity: 0.8;
}

.titleActive a{
	color: #000;
}

.content{
	width: 100%;
}

#redes{
    display: block;
    position: absolute;
    width: 339px;
	margin: -20px 0 0 50%;
}

.redessociais{
    background: #ffdd00 url('../img/fb.png') no-repeat;
    height: 30px;
    width: 30px;
    float: right;
}

.redessociais a{
	height: 30px;
	margin: 0;
	padding: 0;
}
/*******************
Fim do Header
*******************/




/************************
Comum a todas as paginas
*************************/
.apresentacaoTexto{
	width: 820px;
	margin: 0 auto;
	padding-top: 10px;
}

.apresentacaoTexto h1{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	padding-bottom: 30px;
	padding-top: 30px\9; /* IE8 and below */
}

.apresentacaoTexto h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #999;
	padding-bottom: 5px;
}

.apresentacaoTexto p{
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 27px;
	color: #000;
	padding-bottom: 30px;
}

.imgContent img{
	width: 820px;
	padding-bottom: 40px;
}
/************************
Fim Comum a todas as paginas
*************************/



/*******************
CARROS
*******************/
#mapa_carros_content{
	position: relative;
}

#mapa_carros{
    background: url("../img/carros/bg.png") no-repeat;
    background-position: 0 0px;
    width:820px;
    height:540px;
    position: absolute;
    z-index:10;
    padding-bottom: 30px;
}

#mapa_carros_hover li {
	background: #000 url('../img/mais.png') no-repeat;
	width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    list-style: none;
}

#mapa_carros_hover a {
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    outline: none;
    /*cursor: default;*/
}

#mapa_carros_texto {
    width: 90px;
    height: 20px;
    background-color: #000;
    color: #ffdd00;
	padding: 5px 10px;
	display:none;
	position:absolute;
	font-size:16px;
    font-weight: 700;
	z-index: 11;
	text-align: center;
}

.map_hover {
    margin: 0;
    position: absolute;
}

.bg_none{
    display: none;
}

#carros_li_traseira{
    left: 165px;
    top: 81px;
}

#carros_li_freios{
    left: 95px;
    top: 130px;
}

#carros_li_motor{
    left: 259px;
	top: 121px;
}

#carros_li_combustivel{
    left: 305px;
    top: 199px;
}

#carros_li_cambio{
    left: 390px;
    top: 210px;
}
 
#carros_li_bico{
    left: 585px;
    top: 377px;
}

.carros_bg_none{
    display: none;
}

.carrosBox{
	width: 600px;
	margin: -20px 100px 30px;
	background-color: #FFF;
	border: 3px solid #ffdd00;
	position: absolute;
	padding: 20px;
	z-index: 20;
}

.carrosBox h2{
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #999;
	float: left;
	padding-bottom: 30px;
}

.carrosBox p{
	clear: both;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #000;
	padding-bottom: 30px;
}

a.fecharBoxCarros{
	float: right;
	padding-bottom: 27px;
}

img.img1{
	width: 600px;
}

img.posicaoIE{
	padding-top: 60px\9; /* IE8 and below */
	margin-left: 230px\9; /* IE8 and below */
}

p.paddingDiferente{
	padding-top: 30px;
	padding-bottom: 0;
}

p.floatLeftText{
	float: left;
	width: 338px;
	padding-right: 60px;
}

/*******************
Fim CARROS
*******************/

/*******************
Pontuacao
*******************/

/*******************
Fim Pontuacao
*******************/



/*******************
Pagina Circuitos
*******************/
.circuitos {
	width: 820px;
	margin: 0 auto;
}

.circuitos span{
	position: absolute;
	width: 90px;
	margin: 55px 0 0 -22px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #000;
	display: none;

}

.circuitos li{  
	background: transparent url('../img/circuitos_bg.png') no-repeat 0px center;
	float: left;
	display:block;
	background-color: #ffdd00;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	-webkit-transition: all .2s ease-in-out;
	text-align:center;
}
.circuitos li:hover,li.active{
	background-color: #999;
	cursor:pointer;
}

.circuitos li:hover span{
	display: block;
}

li.circuito1{
	background-position: 0px center;
}

li.circuito2{
	background-position: -44px center;
}

li.circuito3{
	background-position: -88px center;
}

li.circuito4{
	background-position: -132px center;
}

li.circuito5{
	background-position: -175px center;
}

li.circuito6{
	background-position: -218px center;
}

li.circuito7{
	background-position: -261px center;
}

li.circuito8{
	background-position: -304px center;
}

li.circuito9{
	background-position: -347px center;
}

li.circuito10{
	background-position: -391px center;
}

li.circuito11{
	background-position: -435px center;
}

li.circuito12{
	background-position: -478px center;
}

li.circuito13{
	background-position: -521px center;
}

li.circuito14{
	background-position: -564px center;
}

li.circuito15{
	background-position: -608px center;
}

li.circuito16{
	background-position: -651px center;
}

li.circuito17{
	background-position: -694px center;
}

li.circuito18{
	background-position: -737px center;
}

li.circuito19{
	background-position: -781px center;
}

.circuitoInfo{
	clear: both;
	width: 820px;
	margin: 0 auto;
	padding: 40px 0; 
}
/*******************
Fim Circuitos
*******************/


/**********************
Pagina Numeracao fixa
***********************/

/**********************
Fim Numeracao fixa
***********************/




/*******************
Barra do Estadão
*******************/
#topBar
{
background: #fff;
width:100%;
height:30px;
left: 0px;
position:fixed;
top:0;
z-index:10001;
text-align:center;
/*border-bottom: 1px solid #d6d6d6;*/
min-width:980px;
-moz-box-shadow:  6px -6px 0 -6px rgba(0,0,0,0.25);
-webkit-box-shadow:  6px -6px 0 -6px rgba(0,0,0,0.25);
box-shadow:  6px -6px 0 -6px rgba(0,0,0,0.25);
}

#barraEstadaoParceiros{width:985px; height:27px; background:#ffffff; margin:0px auto;}
#barraEstadaoParceiros ul{ margin:0; padding:0;}

.lgBarraEstadaoParceiros{float:left; margin-right:10px}
.lstBarraEstadaoParceiros{margin:0px; padding:0px; list-style:none; float:right; margin-right:10px; height:27px; line-height:27px;}
.itemBarraEstadaoParceiros{display:block; float:left; color:#C4C3C3; font:bold 11px Arial, Helvetica, sans-serif; height:27px; line-height:27px; margin-top: 2px;}
.itemBarraEstadaoParceiros a{
text-decoration:none;
color:#999;
font:bold 11px Arial, Helvetica, sans-serif;
border-right:1px solid #C4C3C3;
padding-right:5px;
margin-right:5px;
line-height:27px;}

.lastItemBarra{
border:none!important;
padding:0px!important; 
margin:0px!important
}

/*******************
Fim da barra do Estadão
*******************/