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

* { margin:0; padding:0; color:#FFF;}

body { background:#141414 url(../images/background.gif) repeat-x; font-family:Arial;}

hr { color:#141414; height:1px; border-bottom:1px dotted #4b4b4b; clear:both;}

#main { width:960px; margin:auto;}

#topo-banner { width:960px; height:280px; padding-top:160px; margin:auto; position:relative;}

.logo { background:url(../images/logo-racer-preparacoes.png); 
		width:140px; height:160px; position:absolute; top:40px; left:410px; text-indent:-9999px; overflow:hidden; font-size:9px;}
		
.clear { clear:both; width:100%; height:1px; overflow:hidden; }
		
/* FINAL -------------------------------------------------------------------------- */

#menu { width:960px; height:60px; }
#menu ul { list-style:none; width:960px; text-align:center; }
#menu li { display:inline; margin:auto; }

	#m-inicio { background:url('../images/menu/m-inicio.gif') no-repeat; 
	width:30px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-inicio:hover { background-position:bottom left;}
	
	#m-conheca { background:url('../images/menu/m-conheca.gif') no-repeat; 
	width:49px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-conheca:hover { background-position:bottom left;}
	
	#m-servicos { background:url('../images/menu/m-servicos.gif') no-repeat; 
	width:47px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-servicos:hover { background-position:bottom left;}
	
	#m-galeria { background:url('../images/menu/m-galeria.gif') no-repeat; 
	width:39px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-galeria:hover { background-position:bottom left;}
	
	#m-midia { background:url('../images/menu/m-midia.gif') no-repeat; 
	width:31px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-midia:hover { background-position:bottom left;}
	
	#m-contato { background:url('../images/menu/m-contato.gif') no-repeat; 
	width:43px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-contato:hover { background-position:bottom left;}
	
	#m-videos { background:url('../images/menu/m-videos.gif') no-repeat; 
	width:36px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-videos:hover { background-position:bottom left;}
	
	#m-dinamometro { background:url('../images/menu/m-dinamometro.gif') no-repeat; 
	width:76px; height:60px; display:inline-block; margin-left:20px; margin-right:20px;}
	#m-dinamometro:hover { background-position:bottom left;}

/* FINAL MENU ----------------------------------------------------------------------- */

#topicos-home { width:960px; height:170px; margin:auto; margin-top:10px; margin-bottom:20px;}
#topicos-home ul { list-style:none;  }
#topicos-home li { display:inline; margin-right:20px; width:225px; float:left;}
#topicos-home h2 { font-size:20px; font-weight:normal; margin-bottom:10px;}
#topicos-home a { font-size:11px; float:left; color:#CCC; text-decoration:none; float:left;}
#topicos-home a:hover { color:#F5E106;}
#topicos-home img { margin-bottom:5px;}

.home-video { background:url('../images/assista.jpg') no-repeat; width:225px; height:137px; float:left;}
.home-video:hover { background-position:bottom left;}
	
/* RODAPE */
	
#clear_linha { width:100%; height:1px; border-top:1px dotted #4b4b4b; margin:auto; clear:both;}
#rodape { width:960px; margin:auto; margin-top:20px; margin-bottom:10px; clear:both;}
#rodape address { float:left; font-size:15px; width:750px; font-style:normal;}
.rodape-telefone { float:left; font-size:20px;}
.copyright { float:left; font-size:10px;}
#rodape h5 { font-size:11px;}
#rodape ul { float:right; font-size:10px; width:100px; text-align:right; list-style:none;}
#rodape li { margin-bottom:5px;}
#rodape a { text-decoration:none;}
#rodape a:hover { background-color:#FC0; color:#333;}
#rodape p { width:750px; margin-bottom:5px;}

/* PAGINAS */
#pagina-conteudo { width:960px; margin:auto; margin-bottom:20px; font-size:12px; }
#pagina-conteudo h2 { width:960px; font-size:20px; margin:auto; margin-top:15px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted #535353; font-weight:normal;}
#pagina-conteudo p { line-height:18px; float:left; width:480px; margin:0 0 15px; color:#ccc;}
#pagina-conteudo h3 { width:480px; font-size:15px; padding:0 0 15px; margin:10px 0 15px; border-bottom:1px dotted #535353; font-weight:normal;}

/* GALERIA SOBRE */
#galeria-conheca { width:480px; float:right;}
#galeria-conheca ul { list-style:none; }
#galeria-conheca li { float:left; margin-left:20px; margin-bottom:20px; width:220px; height:165px; }
#galeria-conheca a { background-image:url(../images/conheca/bg-galeria-conheca.gif); background-position:top; display:block;}
#galeria-conheca a:hover { background-image:url(../images/conheca/bg-galeria-conheca.gif); background-position:bottom; display:block;}
#galeria-conheca img { padding:5px; border:0;}

/* PAGINA GALERIA */
#pagina-galeria { width:960px; margin:auto; margin-bottom:20px; font-size:11px; }
#pagina-galeria h2 { width:960px; font-size:20px; margin:auto; margin-top:15px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted #535353; font-weight:normal;}
#pagina-galeria p { margin-top:20px; color:#CCC;}
#pagina-galeria ul { list-style:none; width:940px; padding:0px 10px 10px 0px; margin-bottom:20px;}
#pagina-galeria li { display:inline-block; float:left; margin:10px;}
#pagina-galeria img { padding:5px; border:0;}
#pagina-galeria a { background-image:url(../images/galeria/bg-galeria.gif); background-position:top; display:block;}
#pagina-galeria a:hover { background-image:url(../images/galeria/bg-galeria.gif); background-position:bottom; display:block;}

/* PAGINA CONTATO */
#pagina-contato { width:960px; margin:auto; margin-bottom:20px; font-size:11px; }
#pagina-contato h2 { width:960px; font-size:20px; margin:auto; margin-top:15px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted #535353; font-weight:normal;}
#pagina-contato p { line-height:18px; width:960px; float:left; margin-bottom:20px; color:#ccc;}

#pagina-contato fieldset { width:400px; border:0; float:left;}
#pagina-contato legend { font-size:20px;}
#pagina-contato label { display:block; padding-top:10px; font-size:12px; float:left; width:400px;}

.form-nome { width:350px; height:28px; padding:12px 0px 0px 50px; background:url(../images/contato/form-bg-nome.gif); border:0; font-size:12px; color:#CCC;}
.form-email { width:345px; height:28px; padding:14px 0px 0px 55px; background:url(../images/contato/form-bg-email.gif); border:0; font-size:12px; color:#CCC;}
.form-mensagem { width:360px; height:140px; padding:40px 20px 20px 20px; background:url(../images/contato/form-bg-mensagem.gif); border:0; font-size:12px; color:#CCC;}
.form-enviar { width:60px; height:40px; background: #191919 url(../images/contato/form-enviar.gif); border:0;}

#googlemaps { float:right; width:520px; padding-left:20px; border-left:#666 1px dotted;}
#googlemaps iframe { float:left; width:520px;}
#googlemaps small a { padding:10px 0px 0px 19px; float:right;}

/* PAGINAS */
#pagina-servicos { width:960px; margin:auto; margin-bottom:20px; font-size:12px; }
#pagina-servicos h2 { width:960px; font-size:20px; margin:auto; margin-top:15px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted #535353; font-weight:normal;}
#pagina-servicos p { line-height:18px; float:left; margin-bottom:20px; color:#ccc;}
#pagina-servicos ul { list-style:none}
#pagina-servicos li h3 { float:left; width:168px; height:35px; background:url(../images/bg-servicos.gif); padding:15px 0 0 0; margin:0 0 20px 20px; text-align:center; color:#333; font-size:16px;}


/*
#pagina-contato legend { font-size:16px; font-weight:bold; }
#pagina-contato label { display:block; padding-top:10px; position:relative; font-size:11px; float:left; width:260px; }
#pagina-contato label input { width:210px; border:1px solid #CCC; padding:5px; font-size:11px; display:block; }
#pagina-contato label span { font-size:10px; float:right;  color:#999; padding-right:40px; }
#pagina-contato label select { width:150px; border:1px solid #CCC; padding:5px; font-size:11px; display:block; }
.button_enviar { background-color:#039; color:#FFF; padding:5px; }
*/

.texto-15 { font-size:15px;}

.video-youtube { background:url(../images/videos/bg-videos.gif); width:270px; height:219px; padding:10px 0 0 10px; margin:10px 0 20px 30px; float:left;} 

/* PAGINAS */
#pagina-dinanometro { width:960px; margin:auto; margin-bottom:20px; font-size:12px; }
#pagina-dinanometro h2 { width:960px; font-size:20px; margin:auto; margin-top:15px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dotted #535353; font-weight:normal;}
#pagina-dinanometro p { line-height:18px; float:left; margin-bottom:20px; color:#ccc;}

.redes-sociais { width:960px; margin:auto;}