@charset "utf-8";

/* Generales ********************* */
* {margin: 0px; padding:0px }
.sn {display:none}
img {border:0}
a {text-decoration:none}
a:hover {color:#ef0005}
.floatizq {float:left}
.floatdch {float:right}
.azul {color:#0c5fb1}

/* Body *************/
body { background:#fff url(../images/fondo-web.jpg) repeat-x; width:100%; font-size:62.5%}

/* Estructura *************/
#contenedor-general {width: 975px; margin:auto}
#contenedor {width: 975px; background:url(../images/fondo-contenido.png) repeat-y; float:left}
	#contenedor #contenedor-in {margin:0 6px}
	
#cabecera {width:960px; height:50px; position:relative; color:#9f9f9f; margin:0 17px}
	#cabecera #logo{position:absolute; left:0; top:5px}
	#cabecera #enlaces {position:absolute; right:40px; top:15px}
		#enlaces a{text-decoration:none; color:#9f9f9f}
		#enlaces a:hover{text-decoration:none; color:#ef0005}
		
	/* Pagina index ************************************************************************/
	#secciones {float:left; margin: 15px 0}
		#secciones .contenido-seccion {float:left; background:url(../images/fondo-seccion.jpg) no-repeat; width:320px; height:191px}
			.contenido-seccion  .seccion-in {margin:7px 15px 15px 15px}
					.seccion-in p {font:normal 1.2em arial; color:#333; margin:5px 0}
					.seccion-in p a{color:#333}
					.seccion-in  a:hover{color:#ef0005}
					.seccion-in span {float:right; margin-top:4px}
					.seccion-in a:hover span {color:#ef0005}
	/* **************************************************************************************/
#migas {font:normal 1em arial; color:#666; margin-bottom:10px; line-height:1.2em; text-align:left }
#migas a {color:#4a4949; font-weight:bold}
#migas a:hover {color:#ef0005}

#pie-foto {float:left; width:960px; height:12px; background:url(../images/pie-foto.gif) repeat-x}

#contenedor-info {float:left; margin:10px; width:937px; font:normal 1.2em arial; color:#606060}
	#contenedor-info p {margin-bottom:7px; width:100%}
	#contenedor-info #textos {float:left; width:705px}
		#textos #fotos {text-align:center; margin:10px 0 20px 120px;float:left}
				#fotos img {float:left; margin-right:35px}	
	#contenedor-info #submenu {float:left; background:url(../images/fondo.submenu.gif) no-repeat; width:201px; height:192px; margin:0 15px 15px 0}
	#contenedor-info #submenu p {width:172px; height:23px; background:url(../images/cab-submenu.jpg) no-repeat; font: bold 1.4em arial; 
								 color:#fff;text-align:center; padding-top:6px; margin:10px 0 0 15px}	
								 
	#caja-garantia {float:left; width:201px; height:192px; margin:0 15px 15px 0}			
					
#pie {float:left; height:49px; background:url(../images/fondo-pie.jpg) repeat-x; width:960px; padding-top:15px; text-align:center; font:normal 1.4em arial; color:#5f5e5e}
	#pie a { color:#5f5e5e}
			
/* Encabezados *********************************************************************************************************************/
.seccion-in h2 {font:normal  2.4em verdana; color:#034c80; padding-bottom:3px; border-bottom:1px solid #999}
	.seccion-in h2 a {color:#034c80}
	.seccion-in h2 a:hover {color:#ef0005} 

#contenedor-info h2 {font:normal 1.8em verdana; color:#ef0005; padding-bottom:3px; border-bottom:1px solid #3a668c; margin-bottom:10px}	
		
/* Listas ***********************************************************************************************************************************/
	/* Cabecera *************/
		#enlaces ul li {color:#9f9f9f; list-style-type:none; display:inline;font:bold 1.4em arial}
		.on {color:#ef0005}
		#pie ul li{ list-style-type:none; display:inline;color:#5f5e5e}
		#pie ul li a:hover {color:#ef0005}
		
	/* Menu horizontal *************/
	ul#menu-productos {width:950px; height:23px; background:url(../images/fondo-menu-horizontal.gif) repeat-x; float:left; list-style-type:none;  padding:6px 0 0 10px}
		#menu-productos li {display:inline; width:80px; font:bold 1.5em arial;  border-right:1px solid #C0BEBE; height:22px; 
							 padding:0 18px 0 20px; color:#ef0005; margin-right:-3px}
		#menu-productos li.bordes {border-left:1px solid #fff; }
		#menu-productos li.ultimo {border-right:0; border-left:1px solid #fff}
		#menu-productos li a {color:#3A668C}
		#menu-productos li a:hover {color:#ef0005}
		
	/* Submenu *************/
		#contenedor-info #submenu ul {width:172px; list-style-type:none; margin:10px 0 0 15px}
			#contenedor-info #submenu ul li.nivel1{height:18px; margin-bottom:15px; background:#efefef url(../images/bullet.gif) 5px 10px no-repeat;font:normal 1.1em arial; color:#5b5b5b; padding:4px 0 0 16px;}
			#contenedor-info #submenu ul li.nivel1-on{height:18px; margin-bottom:15px; background:#efefef url(../images/bullet.gif) 5px 10px no-repeat;font:normal 1.1em arial; color:#ef0005; padding:4px 0 0 16px;}
			#contenedor-info #submenu ul li.nivel1 a, #contenedor-info #submenu ul li.nivel2 a{color:#5b5b5b}
			#contenedor-info #submenu ul li.nivel1 a:hover, #contenedor-info #submenu ul li.nivel2 a:hover, .nivel2-on li a:hover {color:#ef0005}
			
			#contenedor-info #submenu ul li.nivel2{margin-bottom:15px; background:#fff url(../images/fondo-li2nivel.gif) top left no-repeat;font:normal 1.1em arial; color:#5b5b5b; padding:4px 0 0 16px;}
			#contenedor-info #submenu ul li.nivel2-on {margin-bottom:15px; background:#fff url(../images/fondo-li2nivel.gif) top left no-repeat;font:normal 1.1em arial; color:#ef0005; padding:4px 0 0 16px;}
			.nivel2-on li  {margin:0 0 3px -20px}
			.nivel2-on a {color:#5b5b5b}
			.nivel2-on a:hover {color:#ef0005} 
			
			
	/* Pagina empresa **/
		#textos ul li { list-style-type:none; margin-left:10px; margin-bottom:10px}
	
/* Imagenes ***********************/
	/*Pagina index **********************************/
	.seccion-in img {float:left; margin:5px 5px 10px 0}
	
	#caja-garantia img#garantia {margin:35px 0 0 35px}