@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_contact-mail{
	position:absolute;
	background-color:#cccccc;
	width:960px;
	height:800px;
	top:70px;
}

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

#informacion_contact-mail p{
	font-family: 'Electrolize', sans-serif;
	color: #666;
	font-size:.9em;
	text-align:justify;	
}

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

#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:320px 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:960px;
	height:400px;
}*/

/*#slider{
	padding-top:10px; 
}
*/

/*.nivoSlider{
	position: absolute;
	width:960px;
	height:400px;
	top:570px;
}*/

#footer{
	position: relative;
	width:960px;
	height:91px;
	margin:370px auto 0 auto;
	z-index:10;
	/*padding-bottom:6px;*/
}

#direccion{
	position: relative;
	background-image:url(../imagenes/elementos/direction.png);
	width:960px;
	height:91px;
	z-index:50;
	color:#f2f2f2;
	margin:0 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;
}

#contact-area{
	position:absolute;
	top:380px;
	left:450px;
	width:350px;
	color:#0e3056;  /*color azul de las palabras nombre, empresa, etc.*/
	font-size:0.6em;
	z-index:50;
}

.areas{
	width:100%;
	height:40px;
	}

#contact-area input, #contact-area textarea {	
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size:1em;
	float:left;
	background-color:#999;
	color:#FFF;
}

#contact-area textarea {
	height: 90px;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area input.submit-button:hover {
	width: 100px;
	float: right;
	background-color: #CCC;
}

label {	
	text-align: left;	
	width: 100px;
	padding-top:5px;
	font-size: 1.4em;
}

#calle{
	position:absolute;
	width:350px;
	height:150px;
	top:750px;
	left:455px;
	z-index:50;
}

#calle p{
	color:#0e3056;
	font-size:.7em;
	text-align: center;
}

#sobre{
	position:absolute;
	top:350px;
	left:45px;
	z-index:10;
}

#localiz{
	position:absolute;
	top:388px;
	left:142px;
	z-index:50;
}