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

/* Aqui é o corpo do site, e algumas configurações que são concideradas como padão para todo site */
body{margin:0px;padding:0px;background-color:#666666;font-family:"Arial", Helvetica, sans-serif;color:#333333;font-size:12px;}
li{list-style-type:none;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline;color:#666666	;}
img{border:none;}
.mudaborda{border:1px solid #333333;}
/* Aqui é o corpo inteiro */
#container{background-image:url(./index.png);background-repeat:no-repeat;width:988px;height:800px;margin:0px auto;	min-width: 780px;
	max-width: 1260px;}

/* Aqui é o topo onde vai ficar o banner, logo */
#topo{width:989px;height:121px;margin:0px 0px 0px 0px;}
	
/* Aqui é o menu que fica no topo e abaixo do banner */
#menutopo{width:988px;height:22px;margin: 0px 0px 0px 0px;}
	
/* botões do menu topo */
.bt_home{width:87px;height:22px;margin:0px 0px 0px 0px;}
.bt_som{width:75px;height:22px;margin:-22px 0px 0px 87px;}
.bt_eletrica{width:97px;height:22px;margin:-22px 0px 0px 162px;}
.bt_mecanica{width:105px;height:22px;margin:-22px 0px 0px 259px;}
.bt_alinhamento{width:137px;height:22px;margin:-22px 0px 0px 364px;}
.bt_insulfim{width:108px;height:22px;margin:-22px 0px 0px 501px;}
.bt_escapamentos{width:160px;height:22px;margin:-22px 0px 0px 609px;}
.bt_dicas{width:86px;height:22px;margin:-22px 0px 0px 769px;}
.bt_contato{width:134px;height:22px;margin:-22px 0px 0px 855px;}
	
/* Este é o conteudo do site que ficará do leado esquerdo "principal" */
#contentprincipal{background-color:#FFFFFF;float:left;width:687px;height:630px;margin:0px 0px 0px 0px;}
#contentprincipal_sobre_nos{background-color:#FFFFFF;float:left;width:988px;height:630px;margin:0px 0px 0px 0px;}

/* Aqui esta sendo definido a estrutura do texto */
.banner_promocao{margin:20px 0px 0px 40px;width:600px; height:300px;}

	
/* Aqui esta sendo definido a estrutura do texto */
.titulo{margin:35px 0px 0px 50px;font-variant:small-caps;font-weight:500;font-size:24px;}
.text1home{margin:30px 0px 0px 40px;width:580px;text-align:justify;text-indent:20px;}
.text2home{margin:0px 0px 0px 40px;width:580px;text-align:justify;text-indent:20px;}
.text3home{margin:-135px 0px 0px 40px;width:300px;text-align:justify;text-indent:20px;}
.text4home{margin:0px 0px 0px 40px;width:300px;text-align:justify;text-indent:20px;}
.imglojafrente{width:223px;height:132px;margin:0px 0px 0px 370px;}
/* Aqui esta sendo definido a estrutura do texto_sobre_nos */
.titulo_sobre_nos{margin:35px 0px 0px 140px;font-variant:small-caps;font-weight:500;font-size:24px;}
.text1home_sobre_nos{margin:30px 0px 0px 70px;width:850px;text-align:justify;text-indent:20px;}
.text2home_sobre_nos{margin:0px 0px 0px 70px;width:850px;text-align:justify;text-indent:20px;}
.text3home_sobre_nos{margin:-0px 0px 0px 70px;width:850px;text-align:justify;text-indent:20px;}
.text4home_sobre_nos{margin:0px 0px 0px 70px;width:850px;text-align:justify;text-indent:20px;}
	
/* Aqui esta sendo definido as estruturas das três box Som, Mecânica, Alinhamento */

/* Box Som */
.boxsom{background-image:url(Pictures/fatia_top_box.png);background-repeat:repeat-x;width:180px;height:240px;border:1px solid #CCCCCC;margin:40px 0px 0px 25px;}
.tituloboxsom{margin:3px 0px 0px 12px;font-size:16px;font-weight:600;}
.textboxsom{margin:13px 0px 0px 7px;font-size:12px;}
.imgboxsom{margin:10px 0px 0px 11px;width:159px;height:99px;}
	
/*Box Mecânica */
.boxmecanica{background-image:url(Pictures/fatia_top_box.png);background-repeat:repeat-x;width:180px;height:240px;border:1px solid #CCCCCC;	margin:-242px 0px 0px 250px;}
.tituloboxmecanica{margin:3px 0px 0px 12px;font-size:16px;font-weight:600;}
.textboxmecanica{margin:13px 0px 0px 7px;font-size:12px;width:160px;}
.imgboxmecanica{margin:19px 0px 0px 11px;width:159px;height:119px;}
	
/* Box Alinhamento*/	
.boxalinhamento{background-image:url(Pictures/fatia_top_box.png);background-repeat:repeat-x;width:180px;height:240px;border:1px solid #CCCCCC;margin:-242px 0px 0px 475px;}
.tituloboxalinhamento{margin:3px 0px 0px 7px;font-size:16px;font-weight:600;}
.textboxalinhamento{margin:13px 0px 0px 7px;font-size:12px;}
.imgboxalinhamento{margin:19px 0px 0px 11px;width:158px;height:112px;}
	
/* Este é o conteudo que ficará do lado direito que será o conteudo informativo "promoções"*/
#contentinformativo{background-color:#000000;float:right;width:303px;height:650px;margin:-650px 0px 0px 0px;position:relative;}
.tituloinformativos {margin:20px 0px 0px 20px;color:#FFFFFF;font-size:17px;font-variant:small-caps;font-weight:500;}
.banner{margin:5px 0px 0px 25px;width:250px;height:300px;}


/* Aqui a estrutura das dicas que ficam no conteúdo informativo */
.titulodicas{margin:35px 0px 0px 80px;font-size:18px;font-variant:small-caps;letter-spacing:4px;color:#FFFFFF;font-weight:500;}
.tituloprimeiradicahome{margin:20px 0px 0px 15px;color:#FFFFFF;}
.primeiradicahome{margin:4px 0px 0px 25px;color:#FFFFFF;width:270px;}
.titulosegundadicahome{margin:25px 0px 0px 15px;color:#FFFFFF;font-weight:500;}
.segundadicahome{margin:4px 0px 0px 25px;color:#FFFFFF;width:270px;}
.vejamaisdicas{margin:20px 0px 0px 200px;color:#FFFFFF;}
	
/* Aqui é a estrutura do roda pé */
#footer{background-color:#FFFFFF;margin:0px 0px 0px 0px;float:left;width:687px;height:20px;}
.imgfooter{margin:-10px 0px 0px 500px;width:170px;height:10px;}
.textfooter{margin:0px 0px 0px 20px;}
/* Aqui é a estrutura do roda pé sobre_nos*/
#footer_sobre_nos{background-color:#FFFFFF;margin:0px 0px 0px 0px;float:left;width:988px;height:20px;}
.imgfooter_sobre_nos{margin:-9px 0px 0px 800px;width:170px;height:10px;}

	
/* Aqui inicia a estrutura da pagina som */

.titulosom{margin:20px 0px 0px 30px;font-size:36px;}
.text1som{margin:15px 0px 0px 40px;width:560px;text-indent:20px;}
.text2som{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text3som{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text4som{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text5som{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.titulogallery{color:#999999; font-weight:300;margin:20px 0px 0px 140px; font-size:11px;}
.tumb{border:solid 1px #999999; padding:3px 3px 3px 3px;}
.gallerysom{width:500px;margin:70px 0px 0px 100px;}

/* Aqui inicia a estrutura da pagina eletrica */

.tituloeletrica{margin:20px 0px 0px 30px; font-size:36px;}
.text1eletrica{margin:15px 0px 0px 40px;width:560px;text-indent:20px;}
.text2eletrica{margin:-106px 0px 0px 40px;width:410px;text-indent:20px;}
.text3eletrica{margin:1px 0px 0px 40px;width:400px;text-indent:20px;}
.text4eletrica{margin:1px 0px 0px 40px;width:560px;text-indent:20px;}
.text5eletrica{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.bannereletrica{width:202px;height:120px;margin:-13px 0px 0px 445px;}
.imgpainel{width:142px;margin:25px 0px 0px 38px}
.imgaarranque{width:120px;margin:25px 0px 0px 63px}
.imafarol{width:142px;margin:0px 0px 20px 70px}
.imgauterna{width:148px;margin:35px 0px 0px 38px}
.imgmilha{width:148px;margin:25px 0px 40px 45px}
.imglant{width:148px;margin:0px 0px 15px 70px}

/* Aqui inicia a estrutura da pagina mecanica */

.titulomecanica{margin:20px 0px 0px 30px;font-size:36px;}
.text1mecanica{margin:15px 0px 0px 40px;width:560px;text-indent:20px;}
.text2mecanica{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text3mecanica{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text4mecanica{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.gallerymecanica{width:351px;margin:70px 0px 0px 180px}
.titulogallerymecanica{color:#999999; font-weight:300;margin:180px 0px 0px 140px; font-size:11px;}


/* Aqui inicia a estrutura da pagina alinhamento */

.tituloalinhamento{margin:20px 0px 0px 30px;font-size:36px;}
.text1alinhamento{margin:15px 0px 0px 40px;width:560px;text-indent:20px;}
.text2alinhamento{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text3alinhamento{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text4alinhamento{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text5alinhamento{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text6alinhamento{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.galleryalinhamento{width:351px;margin:70px 0px 0px 180px}

/* Aqui inicia a estrutura da pagina insulfilm */

.titulo1insulfilm{margin:20px 0px 0px 30px;font-size:36px;}
.titulo2insulfilm{margin:10px 0px 0px 30px;font-size:16px;}
.text1insulfilm{margin:15px 0px 0px 40px;width:420px;text-indent:20px;}
.text2insulfilm{margin:10px 0px 0px 40px;width:500px;text-indent:20px;}
.text3insulfilm{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text4insulfilm{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text5insulfilm{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.backinsul{margin:0px 0px 0px 0px;float:right;}
.demonstrainsul{margin:50px 0px 0px 120px;border:1px solid #CCCCCC; padding:1px;}


/* Aqui inicia a estrutura da pagina escapamentos */

.tituloescap{margin:20px 0px 0px 30px;font-size:36px;}
.text1escap{margin:15px 0px 0px 40px;width:560px;text-indent:20px;}
.text2escap{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text3escap{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text4escap{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text5escap{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text6escap{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.imgescap01{margin:50px 0px 0px 50px;width:250px; height:200px;border:1px solid #CCCCCC;padding:1px;}
.imgescap02{margin:50px 0px 0px 50px;width:250px; height:200px;border:1px solid #CCCCCC;padding:1px;}

/* Aqui inicia a estrutura da pagina dicas */

.titulo1dicas{margin:20px 0px 0px 30px;font-size:36px;}
.titulo2dicas{margin:10px 0px 0px 40px;font-size:16px;}
.text1dicas{margin:15px 0px 0px 40px;width:400px;text-indent:20px;}
.text2dicas{margin:10px 0px 0px 40px;width:560px;text-indent:20px;}
.text3dicas{margin:00px 0px 0px 40px;width:560px;text-indent:20px;}
.text4dicas{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text5dicas{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.text6dicas{margin:0px 0px 0px 40px;width:560px;text-indent:20px;}
.imgingecao{margin:-70px 0px 0px 460px;width:100px; height:100px;border:1px solid #CCCCCC;padding:1px;}
.dicaingecao{font-size:14px;}
.imgmotordicas{margin:5px 0px 0px 180px; width:318; height:40px;border:1px solid #CCCCCC;padding:1px;}
.dicamotor{font-size:14px;}
.imgfluido{margin:5px 0px 0px 180px;width:318px;height:40px;border:1px solid #CCCCCC;padding:1px;}
.dicafluido{font-size:14px;}
.dicaeletrica{font-size:14px;}
.imgedicaeletrica{margin:-5px 0px 0px 180px; width:318px; height:40px;border:1px solid #CCCCCC;padding:1px;}
.dicaalinha{font-size:14px;}
.imgdicaalinha{margin:0px 0px 0px 180px;width:318px;height:40px;border:1px solid #CCCCCC;padding:1px;}


/* Aqui inicia a estrutura da pagina contatos */

.titulo1contato{margin:20px 0px 0px 30px;font-size:36px;}
.text1contato{margin:15px 0px 0px 40px;width:560px;text-indent:20px;}
.text2contato{margin:15px 0px 0px 40px;}
.text3contato{margin:40px 0px 0px 40px;font-size:14px;color:#999999;}
.mapa{margin:0px 0px 0px 20px}


/* Aqui inicia a estrutura da pagina sobre nos */

.titulo_galeri_loja{margin:0px 0px 0px 10px; font-size:36px;}
.scroll {overflow:hidden;width:800px;margin:0px auto;position:relative;}
.scrollContainer {position:relative;}
#wrapper {width: 800px;margin:25px auto 0px auto;}
#slider {width: 800px;margin: 0px auto 0px auto;position: relative;border: 10px solid #ccc;}
.scrollContainer div.panel {padding: 10px;width: 274px;height: 270px;}
.inside {padding: 10px;border: 1px solid #999;}
.inside img {display: block;border: 1px solid #666;margin: 0 0 10px 0;width: 250px;}
.inside h2 {font-weight: normal;color: #111;font-size: 16px;margin: 0 0 8px 0;}
.inside p {font-size: 11px;color: #ccc;}
.scrollButtons {position: absolute;top: 127px;cursor: pointer;}
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}


/*Aqui inicia a estrutura da pagina galerias*/

.titulo_galerias{margin:20px 0px 0px 100px; font-size:36px;}
.img_galeria_nossa_loja img{margin:50px 0px 0px 200px;}
.titulo_tmb_nossa_loja{margin:2px 0px 0px 210px;}
.img_galeria_gol_durante img{margin:0px 0px 0px 50px;}
.titulo_tumb_gol_durante{margin:-12px 0px 0px 334px;}
.img_galeria_gol_depois img{ margin:0px 0px 0px 50px;}
.titulo_tumb_gol_depois{margin:-30px 0px 0px 464px;}