/* Folha da Nativa */

*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	vertical-align: middle;
	background: none;
}

body {font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif; font-size: 11px; background: #FFFFFF;}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}


.cinza, .cinza a, .cinza a:hover{color: #666; text-align:center;}
.cinza2, .cinza2 a, .cinza2 a:hover{color: #666; font-size:10px;}
.cinza3, .cinza3 a{color: #666; font-size:14px;}
.cinza3 a:hover{color: #666; font-size:14px; text-decoration:underline;}
.dest, .dest a{color:#1E1E1E; font-size:14px; font-weight:bold; text-align:right; line-height:15px;}
.dest a:hover{color:#1E1E1E; text-decoration:underline;}


.form, .form2{ border:none; height:20px; margin-top:8px; }
.form{ background: url(../img/t-nome.gif) top left no-repeat #dededd; padding-top:8px; }
.form2{ background-color: #dededd; width:160px;}

.form3, .form4, .form5, .form6, .form9{height:20px; border:1px solid #CCC;}
.form3{width:400px;}
.form4{width:50px;}
.form5{width:350px;}
.form6{width:250px;}
.form9{width:220px;}
.form7{width:400px; border:1px solid #CCC;}
.form8{width:350px; border:1px solid #CCC;}


#topo{ 
	background-color:#0F3F70;
	width:100%;
	height:115px;
}
#topo div#m-topo{ width:788px; margin:0 auto;}
#m-topo div#logo-n{ float:left; height:104px; width:317px; padding-top:5px;}
#m-topo div#logo-n h1{ 
	text-indent:-9000px; 
	overflow:hidden; 
	background:url(../img/logo_nativa.gif) center center no-repeat; 
	height:104px; 
	width:317px;
	}

#m-topo div#menu-c{ float:right; width:380px; padding-top:15px;}
#menu-c ul#content-menu {font-size:12px; text-align:center; color:#FFF;}
#content-menu li {display:inline;}
#content-menu li a, #content-menu li a:hover {color:#FFFFFF; text-decoration:none;}	

#radio{ float:right; width:150px; height:30px; padding-top:25px; text-align:right;}
#radio p, #radio p a {color:#FFF;}
#radio p a:hover{text-decoration:underline; color:#FFF;}

#splash{ background-color:#666; width:100%; text-align:center; height:215px;}


#titulo{background-color:#FFF; width:100%; height:30px; padding-top:10px;}
#titulo div#m-titulo1{ float:left; background-color:#FFF; width:40%; height:30px;}
#titulo div#m-titulo2, #titulo div#m-titulo3, #titulo div#m-titulo4, #titulo div#m-titulo5{ 
	float: right;
	width:55%; 
	height:27px; 
	color:#FFF; 
	font-size:16px; 
	font-weight:bold; 
	padding: 3px 0 0 15px;
	}

#titulo div#m-titulo2 { background-color:#CCC;}
#titulo div#m-titulo3 { background-color:#007CC3;}
#titulo div#m-titulo4 { background-color:#E77817;}
#titulo div#m-titulo5 { background-color:#EF9A48;}


#barranews{ background-color:#838280; width:100%; height:40px;}
#barranews div#m-barra{ width:788px; height:40px; margin: 0 auto;}
#m-barra div#img-placa{
	width:80px; 
	height:40px; 
	float:left;
	background:url(../img/placat.gif) center center no-repeat; 
	}
#m-barra div#minemenu{ float:left; height:40px; width:200px;}

#minemenu ul#content-menu2 {
	font-size:14px; 
	text-align:center; 
	color:#000; 
	padding:0; 
	list-style-type:none;
	}
#content-menu2 li {display:inline; width:71px; line-height:40px; height:40px;}
#content-menu2 li a {
	color:#000; 
	text-decoration:none; 
	height:20px;	
	padding:13px 5px 10px 5px; !important
	padding:11px 5px 10px 5px;
	}	
#content-menu2 li a:hover {
	color:#000;
	height:40px; 
	width:71px; 
	text-decoration:none;
	background:url(../img/bg-menu2.jpg) center center no-repeat;
	}	
	
#m-barra div#news{ float:right; width:460px; height:40px;}
#news p{color:#FFF; font-size:12px; margin-top:8px;}


		
#content{
	width:100%;	
  	height: auto !important;
  	height: 100%;
	min-height: 100%;
	overflow: hidden !important;
	overflow: visible;
	padding-bottom: 65px;  /* deve ser a mesma altura do rodapé */
	}
	
#content div#m-content{
	width:788px;
	min-height: 340px;
  	height: auto !important;
  	height: 340px;
	margin: 0 auto;
	overflow: hidden !important;
	overflow: visible;
	}
	
	
#m-content div#dest-carro{ 
	float:left; 
	width:560px; 
	height:145px; 
	background:url(../img/placab.gif) left top no-repeat;
	}

#dest-carro div#content-carro{ 
	width:125px; 
	height:129px; 
	float:right; 
	background:url(../img/bg-dest.jpg) bottom center no-repeat; 
	padding:15px 5px 0 5px;
	}



#m-content div#dest-marcas{ float:left; width:520px; height:145px; padding:32px 0 0 40px; background:url(../img/marcas.gif) right bottom no-repeat; }

#m-content div#jogo{ 
	float:right; 
	width:164px; 
	height:148px; 
	background:url(../img/bg-jogo.jpg) bottom left no-repeat;
	padding:6px 8px 0 8px;	
	line-height:16px;
	}

#m-content div#novi{ 
	float:right; 
	width:164px; 
	height:160px; 
	background:url(../img/bg-novi.jpg) bottom left no-repeat;
	padding:10px 8px 0 8px;
	line-height:12px;
	}
	
p.titnovi, p.titnovi a, p.titnovi a:hover { color:#000; text-decoration:none;}
	
#m-content div#jogo h2, #m-content div#dest-marcas h2{ color:#999; font-size:15px; margin-bottom:3px;}
#m-content div#novi h2{ color:#999; font-size:15px; margin-bottom:6px;}
   	
#lado-l{ float:left; width:319px; height:414px; padding-top:15px;}
#lado-r{ float:right; width:460px; padding-top:15px; word-spacing:3px; text-align:justify;}

#lado-r table tr td.fundotb{ vertical-align:text-top;}
#lado-r table tr td.fundotb2{ background-color:#D9DFEA; height:15px;}

#lado-r h2, #lado-r h2 a, #lado-r h2 a:hover{color:#104273; font-size:16px;}
.plocal {color:#000;}
.plocal a, .plocal a:hover{color:#000; margin-top:500px;}


#lado-l div#content-marcas{ width:194px; height:410px; margin:0 auto; background:url(../img/bg-marcas.jpg) bottom center no-repeat;}
#content-marcas table tr td.pontilhado{
	border-bottom: 1px dashed #CCC;
	}
#content-marcas table tr td p a{ color:#000;}
#content-marcas h2{ font-size:16px;}

#txtnovi{ float:left; width:285px;}
#txtnovi h3{ font-size:15px;}
#imgnovi{ float:right; width:156px;}


#m-content div#fotos{float:left; width:385px; height:450px; padding-top:20px;}
#m-content div#dados{ float:right; width:400px; padding-top:20px;}
#dados h2{color:#104273; font-size:16px;}

#rodape{
	width:100%; 
	height:65px; 
	margin: 0 auto;
	background:url(../img/bg-rod.jpg) top center repeat-x #C2C0C1;
	position: relative;
    margin-top: -65px; /* A mesma altura do rodapé, o valor deve ser negativo */
  	clear:both;
	}

#rodape div#m-rodape{width:788px; height:65px; margin: 0 auto;}	
#m-rodape div#endereco{ float:left; width:450px; height:45px; padding-top:20px;}
#m-rodape div#logo-a{ float:right; height:43px; width:102px; padding-top:22px;}