/*
	2009 Vivenet - www.vivenet.es - contacto@vivenet.es
	Archivo CSS General
	Desarrollo: www.electrocar.es
*/	

/*CSS Reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }


.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

h2{font-size: 24px; font-weight: bold; margin: 12px 0 1px 0;}
h3{font-size: 21px; font-weight: bold; margin: 5px 0 5px 0;}
strong{font-weight: bold;}
p{margin: 9px 0;}
a{color: #333333;}


BODY{background: url(../images/bg.jpg); font-family:"Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif; letter-spacing: -1px; font-size: 0.9em; color: #333333;}

.left{float: left}
.right{float: right}
.cajaBlanca {border: 1px solid #CCCCCC; background: #FFF; padding: 10px 20px 20px 20px;
 			 z-index:1; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85}
 			 
.cajaBlanca2 {border: 1px solid #CCCCCC; background: #FFF; padding: 5px 10px 10px 10px;
z-index:1; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85}

/************************************************************************/
/* ESTRUCTURA
/************************************************************************/

#wrapper{width: 900px; margin: 10px auto; background-color: #FFF;}

#cabecera{ background: url(../images/cabeceraBg.jpg) repeat-x; height: 101px;}
	#cabecera h1{padding:20px 0 0 40px; float: left; width: 400px; position: absolute; }
	
	#cabecera #coche {width: 307px; position: absolute; margin-left: 580px; top:1px;}

#menu { background: url(../images/menuBg.jpg) repeat-x; height: 34px;}
	
	#menu ul{margin-left: 10px; padding-top: 3px}
	#menu li{display: inline;}
	
	#menu li a{color: #333333; font-size: 18px;  margin-left: 3px; padding: 5px 0px; text-decoration: none; display: block; width: 120px; float: left; text-align: center;}
	#menu li #activo, #menu li a:hover  {background: url(../images/menuLiBg.jpg) repeat-x; color: #fff;}
	
#contenido {background: url(../images/contenidoBg.jpg); background-repeat: no-repeat; clear: both; padding: 20px 30px; text-align: justify;}


#marcas{ padding: 30px; text-align: center}

#footer{ background:#0f9104; color: #FFF; padding: 8px 10px 0 10px; font-size: 12px; letter-spacing: 0px; height: 20px;}
	#footer p{margin: 0}
	#footer a{color: #FFF !important;}

/************************************************************************/
/* PORTADA
/************************************************************************/


#cuadroPortada {background: url(../images/cuadroPortadaBg.jpg); height: 267px; border: 1px solid #CCCCCC;
   -webkit-box-shadow: 0 0 4px rgb(51,51,51);     
   -moz-box-shadow: 0 0 4px rgb(51,51,51);  
   box-shadow: 0 0 4px rgb(51,51,51);
   overflow: hidden;  
}

	#slideshowPortada{margin: 8px 0 0 8px; float: left; width: 465px; overflow: hidden; display: block;}
	#sloganPortada{float: right; width: 260px; height: 200px; margin: 45px 35px 0 0; overflow: hidden;}
		#sloganPortada p{font-size: 38px; letter-spacing: -2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; line-height: 44px;}
		

#cajaPortada1,.cajaPortada2{ float: left; text-align: justify; display: inline; height: 150px;}

#cajaPortada1{width: 395px; margin: 22px 12px 0 10px;}
.cajaPortada2{width: 158px;
margin: 22px 0 0 10px;}

#slideshowProductos{overflow: hidden;width: 180px; height: 100px;} 
#slideshowProductos img{margin-top: 8px;}


/************************************************************************/
/* SERVICIOS
/************************************************************************/

#imagesServicios{background: #0F9104; padding: 5px 5px 1px 5px; margin-top: 20px;}