/* 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,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:Arial, Helvetica, sans-serif; border-spacing:0;overflow:hidden;}

a {
	cursor:pointer;
	color:#666;
	text-decoration:none;
	font-weight:100;
	font-size:10px;
	letter-spacing:2px;
}

body {
	min-height: 600px;
	min-width: 800px;
}


#loader {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-color:#000;
 z-index: 555;
}

textarea{
	resize:none;
}

#servicos, #restauro, #diagnostico{
	text-align:center;
	color:#666;
	font-size:11px;
	line-height:220%;
	letter-spacing:2px;
}
	
/**/
#top{
	position:absolute;
	top:0;
	left:0;
	max-height:75%;
	width:100%;
	z-index:6;
        background-color:#fff;
}

/*menu*/
.menu {
	background-color:#fff;	
	width:100%;
	height:60px;
	padding:0px;
	margin:0px;
	z-index:5;
}
.menu #oficinaLogo{
	position:absolute;
	/*padding: 10px 0px 40px 40px;*/
	height:40px;
	padding: 0px 0px 0px 40px;
	color: black;
	font-weight:bold;
	font-size:18px;
	margin-top:10px;
}

#oficinaFace{
	 display:block;
	 background-image: url('../images/facebook.png');
	 float:right;
	 margin-top:25px;
	 margin-right:40px;
	 width:20px;
	 height:20px;
}

#oficinaFace:hover{
	background-image: url('../images/facebook2.png');
}	

.menu ul {
	width:360px;
	position:relative;
	margin:auto;
	height:40px;
	margin-top:20px;
}

.menu ul li {
	display: inline-block;
	float: left;
	/*padding: 25px 25px 25px 25px;*/
	padding: 0px 25px 0px 25px;
}

#menu_gradient {
	height:5%;
	width:100%;
	position:absolute;
	bottom:0px;
	padding:0px;
	margin:0px;
	background-color:black;
}
/*topo dos divs de topo*/
#barra{
	width:100%;
	height:5%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:black;
	background-image: linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);
	background-image: -o-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);
	background-image: -moz-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);
	background-image: -webkit-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);
	background-image: -ms-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);
	z-index:30;
}
/*topo contactos*/
#coordenadas{
	width:50%;
	height:5%;
	position:absolute;
	top:0px;
	left:10px;
	z-index:40;
	text-align:left;
	color:#fff;
	font-size:9px;
	letter-spacing:2px;
}
#endGoogle{
	width:50%;
	height:5%;
	position:absolute;
	top:0px;
	right:10px;
	z-index:40;
	text-align:right;
	color:#fff;
	letter-spacing:2px;
}

/*SOBRE*/
#sobreDiv{
	background-color:#fff;
	z-index:2;
	height:100%;
	width:100%;
	text-align:center;
	color:#666;
	font-size:11px;
	line-height:220%;
	letter-spacing:2px;
}

#textoSobre{
	width:70%;
	height:300px;
	position: relative;
	top:55%;
	margin-top:-150px;	
	left:50%;
	margin-left:-35%;
}

/*LOJA*/
#lojaDiv{
	background-color:#fff;
	z-index:2;
	height:100%;
	width:100%;
	text-align:center;
	color:#666;
	font-size:11px;
	line-height:220%;
	letter-spacing:2px;
}

#textoLoja{
	width:800px;
	height:300px;
	position: relative;
	top:50%;
	margin-top:-150px;	
	left:50%;
	margin-left:-400px;
}

#info_carro{
	width:620px;
	background-color:#fff;
	padding:20px;
}

#selectform{
	background-color:#fff;
	/*padding:20px 45px 15px 45px;*/
}

#msg_validacao{
	background-color:#fff;
	padding:50px;
	text-align:center;
	color:#666;
	font-size:11px;
	letter-spacing:1px;	
}

#descricao{
	text-align:center;
	color:#666;
	font-size:11px;
	line-height:220%;
	letter-spacing:1px;
}

#descricao2{
	text-align:center;
	color:#666;
	font-size:11px;
	line-height:220%;
	letter-spacing:1px;
	position:relative;
	left:50%;
	margin-left:-35%;
	width:70%;
	margin-top:2%;
}

table{
	text-align:justify;
	color:#666;
	font-size:11px;
	letter-spacing:2px;
}

#img_overlay {
	display:none;
}
.botoes_pretos {
background-color:black;background-image: linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);background-image: -o-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);background-image: -moz-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);background-image: -webkit-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);
background-image: -ms-linear-gradient(bottom, rgb(88,88,89) 6%, rgb(33,34,36) 53%, rgb(12,13,13) 77%);color: white;font-size:10px;letter-spacing: 1px;
cursor: pointer; display:block; height:25px; padding:6px; padding-top:4px;
}

.botoes_pretos:hover {
	text-decoration:underline;
}

/*CONTACTOS*/
#contactosDiv{
	background-color:#fff;
	z-index:4;
	height:100%;
	width:100%;
	text-align:center;
	color:#666;
	font-size:11px;
	line-height:220%;
	letter-spacing:2px;
}

#textoContactos{
	width:800px;
	height:300px;
	position: relative;
	top:55%;
	margin-top:-150px;	
	left:50%;
	margin-left:-400px;
}

/*imghover*/
.liImg2{
	 opacity: 0.6;
	 filter:alpha(opacity=60); /* For IE8 and earlier */
     filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
     zoom: 1;
	 -webkit-filter: saturate(250%);
     -moz-transition: all 0.6s ease-out;  
     -o-transition: all 0.6s ease-out;  
     -webkit-transition: all 0.6s ease-out;  
     -ms-transition: all 0.6s ease-out;  
     transition: all 0.6s ease-out;
	 -webkit-filter: hue-rotate(20deg);
}

.liImg2:hover {
	 -webkit-filter: hue-rotate(0deg);	
	cursor: pointer;
    transform:scale(1.5); 
    -ms-transform:scale(1.5); /* IE 9 */
    -moz-transform:scale(1.5); /* Firefox */
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -o-transform:scale(1.5); /* Opera */
	 opacity: 1;
	 filter:alpha(opacity=100); /* For IE8 and earlier */
     filter: progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
     zoom: 1;
     -moz-box-shadow: 1px 1px 4px #000;
     -webkit-box-shadow: 1px 1px 4px #000;
     box-shadow: 1px 1px 4px #000;
}