/*--------------------- Body ------------------------*/
/*--------------------- ---- ------------------------*/
html, body {height: 100%; width:100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000000; background-image:url(../images/fondo02.jpg); background-repeat:no-repeat; background-position:top; margin: 0; padding:0; background-color:#E10000}
img, div, input { behavior: url("iepngfix.htc") }

/*------------------- Semantica ---------------------*/
/*------------------- --------- ---------------------*/

h2{background-image:url(../images/linearoja.png);}

.fecha{color:#ccc;}
.submenu{margin-left: 15px; font-size: 85%; color:#333}
.submenu2{margin-left: 25px; font-size: 85%;}
.up{margin-top:20px;}
.up2{margin-top:5px;}
.migas{
  color: #333333;
  font-size: 90%;
  font-weight: bold;
}
.clear{clear: both;}
.descargas{height:auto;}

/*------------------- cabecera --------------------*/
/*------------------- ---------- --------------------*/
/*#container #cabecera #menu_top{float:right;}
#container #cabecera #menu_top ul{width:100%; display:inline;}*/
#container #cabecera #menu_top p{color: #E10000;}
#container #cabecera #menu_top a.back{/*color:#FCC;*/ font-weight:normal;}
#container #cabecera #menu_top a:hover.back{color:#000;}

/* comentado Lide (31/01/2011): en style.css para todos */
/*#container #cabecera #menu_ppal {margin:-10px 20px 0 0; padding:0;}*/
#container #cabecera #menu_ppal ul li p{background-color:#E10000; color:#FFF;}

#container #cyberspot{height:271px;}


/*------------------- contenido --------------------*/
/*------------------- ---------- --------------------*/
#container #contenido{width: 800px; height:auto;padding:0 0 20px 0; margin:0 auto; background-color:#fff;}

#container #contenido.index{width: 800px; height:160px; padding:0; margin:0 auto; background-color:#fff; }

/*------------------- enlaces index --------------------*/

#container #contenido #soluciones{margin:50px 0 0 0;width:800px; height:135px;padding:0;}
#container #contenido #soluciones ul{margin:0 10px 0 0; padding:0;display:inline;list-style-type: none; float:left;}
#container #contenido #soluciones ul li{margin: 0 10px 0 0;font-size:70%;display: inline;}
#container #contenido #soluciones ul li img{border:none; margin:0 0 0 25px; padding:0; vertical-align: top;}
#container #contenido #soluciones ul li a{margin-top:10px;}
/*Modificado Jaime 18 01-2011: cambiado el margen par no se pegue a la imagen superior (IE Fix) */
#container #contenido #soluciones ul.news{text-align:left;margin-top:-42px;}
/*Fin Jaime*/
/*Modificado Jaime 12-01-2011: Modificado el ancho para corregir la visualización de las noticias en la portada de ferretería (IE Fix)*/
#container #contenido #soluciones ul li.news{height: auto;width:350px;margin:0 35px 15px 0px;display:block;padding:0;float:right; font-size: 75%}
/*Fin Jaime*/
/*Añadido Jaime 18-01-2011: Cambiada colocación de título y del contenido de las noticias */
#container #contenido #soluciones #newsticker-demo {height:135px; margin-left:400px; margin-top:-20px;}
#container #contenido #soluciones #newsticker-demo div.news-title h4{color:#E10000; font-weight:bold; text-align:left; font-size: 80%}
/*Fin Jaime*/

/*------------------- ---------- --------------------*/

#container #contenido #apartado a{color:#000; text-decoration:none;}
#container #contenido #apartado a:hover{color:#666;}
/**Modificado Jaime 12-01-2011: Eliminado float:right para corregir visualización de la pantalla de descargas (lista de descargas)*/
#container #contenido #apartado p a{color:#333; margin-top:-20px; text-decoration:underline;}
/*Fin Jaime*/
#container #contenido #apartado p a:hover{color:#e10000;}
#container #contenido #apartado a.migas{font-weight:bold;}
#container #contenido #apartado a:hover.migas{color:#666;font-weight:bold;}
#container #contenido #apartado #menu_i{width:135px; height:auto; font-size:70%; margin:0 5px 0 0; padding:0; float:left;text-align:left;}
#container #contenido #apartado #menu_i ul{list-style-type: none; margin:0; padding:0;}
#container #contenido #apartado #menu_i li.activo{color:#000; font-weight:bold;font-size:80%;}
#container #contenido #apartado #menu_i li a{color:#333; margin:0; padding:0;font-size:80%;}/* Afecta a todos los li */
#container #contenido #apartado #menu_i li a:hover{color:#000; font-weight:bold;}

#container #contenido #menu_i h3{margin:0 0 20px 0; padding:0; font-size: 120%; color:#CCC; font-weight:normal;}
#container #contenido #apartado #menu_i li p{font-size:100%; margin:0; padding:0; font-weight:bold;}
#container #contenido #menu_i #destacados{float:left; margin: 20px 0 0 0;}
#container #contenido #menu_i #destacados img{margin:0; border: none;}


#container #contenido #apartado #menu_d{width:525px; height:auto; display:inline; float:right; margin:0; padding:0;border-left-color:#ccc; border-left-width:1px;border-left-style: solid;}
#container #contenido #apartado #menu_d a.volver{color:#333;font-size:65%;float:right; text-decoration:underline; margin: 15px 0 0;}
#container #contenido #apartado #menu_d a:hover.volver {color:#e10000;}

#container #contenido #apartado #menu_d ul.iconos {list-style-type: none; margin:0; padding:0;  }
#container #contenido #apartado #menu_d ul.iconos li{margin:10px 10px 0 10px; padding:0; float:left; width:150px; height:100px; background-color:#333; position: relative;}
#container #contenido #apartado #menu_d ul.iconos li a{
  /*float:right; margin:0 10px 0 0; color:#fff; font-weight:bold; font-size:60%; text-align:right;*/
  color:#fff; font-weight:bold; font-size:60%; text-align:right;
  position: absolute; right: 10px; bottom: 0;
}
#container #contenido #apartado #menu_d ul.iconos li img{margin:0; padding:0; border-style:none;}

#container #contenido #apartado #menu_d ul.marcas {list-style-type: none; margin:0; padding:0;  }
#container #contenido #apartado #menu_d ul.marcas li{width:130px;margin:20px 20px 0 20px; padding:0; float:left; height:100px;}
#container #contenido #apartado #menu_d ul.marcas li a{float:right; margin:0; color:#666;}
#container #contenido #apartado #menu_d ul.marcas li img{width:130px; height:65px;margin:0; padding:0; border-style:none;}

#container #contenido #apartado #menu_d ul.minis{list-style-type: none; margin:0; padding:0; }
#container #contenido #apartado #menu_d ul.minis li{width:220px; height:150px; margin:15px 0 0 35px; float: left; display: inline;} 

#container #contenido #apartado #menu_d ul.minis li .img{width:90px;float:left; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; font-size:65%;}
#container #contenido #apartado #menu_d ul.minis li .img img{margin:0; padding:0; float: none;}
#container #contenido #apartado #menu_d ul.minis li .info{width:125px; float:right; margin-right:0; text-align:right;}
#container #contenido #apartado #menu_d ul.minis li .info p{font-size:65%; font-weight:bold; margin:0 0 10px 0; padding:0; text-align:right;}
#container #contenido #apartado #menu_d ul.minis li .info p br {margin:0; display: block; clear: both;}
#container #contenido #apartado #menu_d ul.minis li .info a{margin:0; padding:0; font-size:65%; color:#333;}
#container #contenido #apartado #menu_d ul.minis li .info a:hover{color:#E10000;}

#container #contenido #apartado #menu_d ul.ficha{list-style-type: none; margin:100px 0 0 0 ; padding:0;}
#container #contenido #apartado #menu_d ul.ficha li{width:630px; height:auto; margin:0 ; float: left; /*display: inline;*/}

#container #contenido #apartado #menu_d ul.ficha li .img{width:180px; float:left; margin-left: 20px;margin-right:15px;}
#container #contenido #apartado #menu_d ul.ficha li .img img{margin:0; padding:0; float: none; width: auto; max-width: 180px; height: auto;}
#container #contenido #apartado #menu_d ul.ficha li .info{width:330px; float:left; margin:0; padding: 0 0 0 10px;border-left-width: 1px; border-left-style: solid; border-left-color: #CCC;text-align:left;}
#container #contenido #apartado #menu_d ul.ficha li .info h3{font-size:65%; margin:0 0 15px 0; padding:0;}
#container #contenido #apartado #menu_d ul.ficha li .info p{margin:10px 0 0 0; padding:0; clear: both;}
#container #contenido #apartado #menu_d ul.ficha li .info ul{font-size:65%; margin:10px 0 10px 15px; padding:0;}
#container #contenido #apartado #menu_d ul.ficha li .info ul li{width: 350px; float: none; /*display: block;*/ vertical-align: top;}
#container #contenido #apartado #menu_d ul.ficha li .info ul ul {font-size:100%; margin: 0 0 0 30px;}

#container #contenido #apartado #menu_d p { margin-left: 35px;}

/*------------------- contenido --------------------*/
#container #contenido #apartado #direccion{margin-top:-120px; padding:0;float:right; width: 300px; height: auto; font-size: 80%;}
#container #contenido #apartado #direccion ul li{margin:0; padding:0; list-style-type: none;}
#container #contenido #apartado #direccion ul {margin:0; padding:0; display:block;	list-style-type: none; text-align: right;}
#container #contenido #apartado #direccion li {margin:0; padding:0; list-style-type: none;}


/*------------------- pie --------------------*/
/*------------------- ---------- --------------------*/
#container #pie {background-color: #E10000;}

#container #pie ul li{color:#CCC;margin-top:3px;}
#container #pie ul li a{color:#FFF;}


.clear{clear: both;}