@charset "utf-8";

/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;

}

body 
{
	line-height: 1;
	background: #F7F7F7;
}



/* ESTRUTURA COMUM */

#mestre
{ 
   height:99%;
   width:99%;
   position:absolute;
}

#container
{
	background-color:#FFFFFF;
	height:97%;
    margin-left: auto;
    margin-right: auto;
	width: 990px;
	overflow: auto;
}

#corpo
{ 
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    min-height: 450px;
}


/* CABECALHO TOPO LOGO */


#logo
{ 
    background:url(../img/logoVarga.jpg);
	display:block;
	float: left;
	margin: 5px 0 0 15px;
	width:230px;
	height:45px;
	outline:none;
}

#topo
{ 
    height: 55px;
    width: 960px;
	margin-left: 13px
}

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: underline;
}

#topo a.botao-home
{
	width: 30px;
    height: 22px;
    text-decoration: none;
	font-family: 'Nobile', arial, serif; 
	font-weight:normal;	font-size: 12px;
	color: #000000;
    float:right;
	margin: 20px 15px 0 0px;
	display: block;
}

#topo a:hover.botao-home
{
    text-decoration: underline;	
	color:#ffffff;
}

body#pag-index #topo a.botao-home
{
    text-decoration: none;	
	color:#ffffff;
}

#topo a.botao-diferenciais
{
	width: 60px;
    height: 22px;
    text-decoration: none;
	font-family: 'Nobile', arial, serif; 
	font-weight:normal;
	font-size: 12px;
	color: #000000;
    float:right;
	margin: 20px 15px 0 -10px;
	display: block;
}

#topo a:hover.botao-diferenciais
{
    text-decoration: underline;	
	color:#ffffff;
}

body#pag-diferenciais #topo a.botao-diferenciais
{
    text-decoration: none;	
	color:#ffffff;
}

#topo a.botao-instalacoes
{
	width: 55px;
    height: 22px;
    text-decoration: none;
	font-family: 'Nobile', arial, serif; 
	font-weight:normal;	font-size: 12px;
	color: #000000;
    float:right;
	margin: 20px 0 0 -8px;
	padding-right: 20px;
	display: block;
}

#topo a:hover.botao-instalacoes
{
    text-decoration: underline;	
}


body#pag-instalacao #topo a.botao-instalacoes
{
    text-decoration: none;	
	color:#ffffff;
}

#topo .divisor
{
	border-left: 1px solid #A41D15;
	float: right;
	height: 30px;
	margin-top: 15px;
	text-align: center;
	width: 20px;
}


#bkg_header
{ 
    background-color:#DA251C;
	height:58px;
	margin-left:0px;
    z-index:0;
}


#menu
{ 
   position:relative;
   background: url(../img/bkgMenu.jpg) 0 0 repeat-x;
	width:960px;
	height:50px;
	margin-left: 13px;
	display:block;
	z-index:999;
}

#menu .txt_servicos
{
	width: 168px;
    height: 70px;
    background: url(../img/txt_servicos.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a.bt_arrefecimento 
{
	width: 89px;
    height: 50px;
    background: url(../img/bt_arrefecimento.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_arrefecimento  
{
	background-position: -89px 0;
    text-decoration: none;
}

body#pag-arrefecimento #menu a.bt_arrefecimento
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_bateria
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_bateria.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_bateria  
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-bateria #menu a.bt_bateria
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_direcao
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_direcao.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_direcao  
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-direcao #menu a.bt_direcao
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_freios
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_freios.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_freios  
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-freios #menu a.bt_freios
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_guincho
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_guincho.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_guincho 
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-guincho #menu a.bt_guincho
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_inspVeicular
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_inspVeicular.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_inspVeicular 
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-inspVeicular #menu a.bt_inspVeicular
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_injEletronica
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_injEletronica.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_injEletronica  
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-injEletronica #menu a.bt_injEletronica
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_lubrificantes
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_lubrificantes.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_lubrificantes 
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-lubrificantes #menu a.bt_lubrificantes
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_pneus
{
	width: 88px;
    height: 70px;
    background: url(../img/bt_pneus.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_pneus 
{
	background-position: -88px 0;
    text-decoration: none;
}

body#pag-pneus #menu a.bt_pneus
{
	cursor: default;
	background-position: -88px 0;
    text-decoration: none;
}

#menu a.bt_suspensao
{
	width: 85px;
    height: 70px;
    background: url(../img/bt_suspensao.jpg) 0 0 no-repeat;
    text-decoration: none;
    float:left;
}

#menu a:hover.bt_suspensao 
{
	background-position: -85px 0;
    text-decoration: none;
}

body#pag-suspensao #menu a.bt_suspensao
{
	cursor: default;
	background-position: -85px 0;
    text-decoration: none;
}

#banner
{ 
	width:960px;
	background:url(../img/bannerHome.jpg) no-repeat 0 0;
	height:40%;
	display:block;
	margin-left:13px;
}

#bottom
{
    background-color: #4d4d4d;
	bottom:0;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	height:15px;
	position:fixed;
	text-align:center;
	width: 990px;
}

#conteudo
{
   margin-top:1%;
   clear:both;
   border:1px solid #ffffff;
}

.tituloSite
{
	font-family: 'Cuprum', arial, serif;  
	font-size: 25px;
	width:680px;
	margin:20px 0px 0 0px;
	text-align:center;
}

.conteudoHomeLeft 
{
	margin: 5px 10px 0 80px;
	width: 570px;
	line-height:1.9;
	float:left;
}

.conteudoHomeLeft p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding:2px 0 0 15px;
}

.conteudoHomeRight
{
	background:url(../img/bkgEndereco.jpg) no-repeat;
	margin: 15px 20px 0 45px;
	width: 245px;
	height:150px;
	line-height:1.6;
	float:left;
}

.conteudoHomeRight p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:20px 0 0 20px;
}

.conteudoHomeRight .titulo
{
	font-family: arial, serif; 
	font-weight: bold;
	font-size: 15px;
	padding:10px;
	margin-left:50px;
}

.conteudoInternaP1
{
	margin: 50px 0 0 30px;
	width: 185px;
	height: 150px;
	float:left;
}

.conteudoInternaP1Dif
{
	margin: 100px 0 0 30px;
	width: 185px;
	height: 150px;
	float:left;
}


.conteudoInternaP2
{
	margin: 50px 50px 0 30px;
	width: 280px;
	line-height:1.7;
	float:left;
}

.conteudoInternaP2 p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:10px 0 0 5px;
}

.conteudoInternaP2 .titulo
{
	font-family: 'Nobile', arial, serif; 
	font-size: 16px;
}


.conteudoInternaP3Guincho
{
	margin: 80px 30px 0 -40px;
	width: 190px;
	line-height:1.7;
	float:left;
}

.conteudoInternaP3Guincho p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:10px 0 0 0px;
}

.conteudoInternaP3
{
	margin: 80px 30px 0 0px;
	width: 150px;
	line-height:1.7;
	float:left;
}

.conteudoInternaP3 p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:10px 0 0 0px;
}

.conteudoInternaP4
{
	margin: 40px 50px 0 70px;
	width: 380px;
	line-height:2.5;
	float:left;
}

.conteudoInternaP4 p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:5px 0 0 15px;
}

.conteudoInternaP4 .titulo
{
	font-family: 'Nobile', arial, serif; 
	font-size: 16px;
}

.conteudoInternaP5
{
	margin: 40px 50px 0 70px;
	width: 380px;
	line-height:1.7;
	float:left;
}

.conteudoInternaP5 p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:15px 0 0 0px;
}

.conteudoInternaP5 .titulo
{
	font-family: 'Nobile', arial, serif; 
	font-size: 16px;
}


.conteudoQualidade
{
	margin: 50px 30px 0 0px;
	background:url(../img/bkgQualidade.jpg) no-repeat;
	width: 180px;
	height: 300px;
	line-height:1.7;
	float:right;
}

.conteudoQualidade .titulo
{
	font-family: 'Nobile', arial, serif; 
	color: #4D4D4D;
	padding: 10px 0 10px 10px;
	font-size: 14px;
}

.conteudoQualidade p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #4D4D4D;
	line-height:1.9;
	padding:14px 5px 0 15px;
}


.galeria
{
    height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 80px;
	right:0;
	width:930px;
}

ul.fotos 
{
	bottom:0;
	height:80px;
	left:10px;
	list-style:none outside none;
	margin:10px 0 10px 0;
	position:relative;
	width:350px;
	clear:left;
}

.fotos:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

ul.fotos li 
{
	float:left;
	height:80px;
	left:0;
	margin:2px;
	width:80px;
}

ul.fotos li img 
{
	border:medium none;
	height:80px;
	width:80px;
}

ul.fotos li span img 
{
	border:medium none;
	height:auto;
	width:490px;
}

ul.fotos a  
{
	display:block;
}

ul.fotos a span 
{
	display:none;
}

ul.fotos a:hover span 
{
	background:none repeat scroll 0 0 #FFFFFF;
	display:block;
	left:430px;
	position:absolute;
	top:-35px;
}

ul.fotos2 
{
	left:10px;
	list-style:none outside none;
	margin:100px 0 20px 0;
	*margin-top:88px;
	padding:0;
	position:relative;
	width:350px;
	clear:left;
}

.fotos2:after 
{
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

ul.fotos2 li 
{
	float:left;
	height:80px;
	left:0;
	margin:2px;
	width:80px;
}

ul.fotos2 li img 
{
	border:medium none;
	height:120px;
	width:83px;
}

ul.fotos2 li span img 
{
	border:medium none;
	height:auto;
	width:430px;
}

ul.fotos2 a 
{
	display:block;
}

ul.fotos2 a span 
{
	display:none;
}

ul.fotos2 a:hover span 
{
	background:none repeat scroll 0 0 #FFFFFF;
	display:block;
	left:489px;
	position:absolute;
	top:-189px;
}

span.tituloGaleria 
{
	font-family: 'Nobile', arial, serif; 
	font-weight:normal;
	font-size: 14px;
	padding-left:10px;
	float:left;
	margin:0px 0 10px 0;
}

span.legendaGaleria 
{
	font-family: 'Nobile', arial, serif; 
	font-weight:normal;
	font-size: 12px;
	float:left;
	margin-top:30px;
	padding-left:15px;
}

.img-aqui 
{
	background:url("../img/cb1g.jpg") no-repeat scroll 0 0 transparent;
	float:right;
	height:360px;
	right:32px;
	margin-top:-10px;
	width:490px;
}
