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

body{
	background-color:  #000;                 /*valor hexadecimal*/
	background-image: url(../imagenes/elementos/agua_inyector.png);
	             
	/*background-color:rgb(90, 5, 3);       valor rgb*/
	/*background-color:red;                 valor por nombre*/
}

#espacio_refacciones{
	position:absolute;
	background-color:#cccccc;
	width:960px;
	height:630px;
	top:70px;
}

#logo_diesel{
	position:absolute;
	top:70px;
	}
	
#informacion_refacciones{
	position:absolute;
	color:#3F0;
	width:860px;
	height:400px;
	top:220px;
	left:50px;
}

#informacion_refacciones h2{
	font-family: 'Electrolize', sans-serif;
	font-size:1.8em;
	color:#0e3056;
}

#informacion_refacciones h1{
	font-family: 'Electrolize', sans-serif;
	color: #666;
	font-size:1em;
	margin-top:0px;
	z-index:50;
}

#wrapper{
	position:relative;
	top:100px;
	width:960px;
	height:600px;
	z-index:10;/*capa adelante*/
	margin:0 auto 0 auto;
	background:#f2f2f2;
}

#header{
	width:960px;
}

ul{
	list-style:none;
	z-index:50;
}
	
ul.nivel-uno{
	position: relative;
	width:950px;
	height:60px;
	left:207px;
	top:17px;
	/*background:#ee1b22;*//*color rojo fuerte*/
	z-index:50;
}

ul.nivel-uno li{
	display:block;
	width:150px;
	height:30px;
	float: left;
	z-index:50;
}

ul.nivel-uno li a{
	display:block;
	width:150px;
	height:30px;
	text-decoration:none;
	text-align:center;
	background: #0e3056; /*color gris fuerte*/   /*color rojo fuerte #ee1b22*/
	line-height:30px;
	font-family: 'Electrolize', sans-serif;
	font-size:.75em;
	color:#FFF;   /*color BLANCO palabra de los botones*/
	border: 1px solid #FFF;
	z-index:50;
}

ul.nivel-uno li a:hover{
	background: #b8b9d0; /*color lila para cambio de botones*/                        /*#999;*//*color gris claro*/
	/*color: #000;*/
	border: 1px solid #FFF;
	z-index:50;
}

ul.nivel-uno li .nivel-dos{
	display:none;
	z-index:50;
}

ul.nivel-uno li:hover .nivel-dos{
	display:block;
	z-index:50;
}

ul.nivel-uno li .nivel-dos li .nivel-tres{
	position: absolute;
	left:192px;
	top:-50px;
	display:none;
	z-index:50;
}

ul.nivel-uno li .nivel-dos li:hover .nivel-tres{
	display:block;
	z-index:50;
}

/*#nav{
	position:absolute;
	width:500px;
	height:27px;
	left:445px;
	top:13px;
	list-style:none;	
}

#nav li{
	display:block;
	width:100px;
	height:27px;
	float:left;
	line-height:27px;	
	text-align:center;
}

#nav li a{
	font-family: 'Electrolize', sans-serif;
	text-decoration:none;
	color: #000;
	text-decoration:none;
}*/

/*#content {
    width:960px;	
	height:400px;
}
*/
/*#content #foto-uno{
    width: 960px;
	height: 459px;

}*/

/*h1{
	width:960px;
	height:160px;
	background: #0F0;
	text-align:center;
	line-height:170px;
	margin:5px 0;
}*/

#gallery{
	position: relative;
	width:960px;
	list-style:none;
	margin:50px auto 0 auto;
	
	}

#gallery li{
	/*position:relative;*/
	display:inline;
	float:left;
	width:53px;
	margin:0px;
	background:#f2f2f2;
	
}

#gallery li:hover{
	z-index:50;
}

#gallery li img{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#gallery li:hover img{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	z-index:100;
}

#gallery li .info{
	width:53px;
	background: #CCC;
	position:absolute;
	padding:10px 0px 0px 0px;
	display:none;
	text-align:center;
	padding-bottom:5px;
}

.info h2{
	color:#243d97;
	font-size:.6em;
	text-align:center;
}

#gallery li:hover .info{
	display:block;
	}

#slidershow{
	position:absolute;
	width:300px;
	height:150px;
}

/*#slider{
	padding-top:10px;
}
*/
.nivoSlider{
	position: absolute;
	width:300px;
	height:150px;
	top:280px;
	-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    border-radius: 0px 0px 0px 0px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 1);

}

#direccion{
	position: relative;
	background-image:url(../imagenes/elementos/direction.png);
	width:960px;
	height:91px;
	z-index:50;
	color:#f2f2f2;
	margin:190px auto 0 auto;
}

#direccion p{
	width:960px;
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:15px;
}

#direccion strong{
	font-size:1.35em;
}

#aviso-diesel{
	position: relative;
	width:960px;
	height:15px;
	font-size:0.7em;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin:25px auto 40px auto;
	}

#diseño{
	position: relative;
	width:960px;
	height:15px;
	font-size:0.75em;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	margin:25px auto 60px auto;
}

#diseño strong{
	color: #FFF;
	font-size:.75em;
	}
	
#diseño p{
	color:#a5a5a5;
	}

#diseño p a{ 
	color:#a5a5a5;
}

#diseño p a:hover{
   	font-weight: bold;
}