body {background-image:url(../images/fondo03.jpg);background-color:#000033;}

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

.mas{font-size:70%; float:right; color:#000; font-weight:bold;margin-top:20px;}
.azul_i{color:#000033;}
.negrita{font-weight:bold; color:#000;}

/*Añadido Jaime 19-01-2011: Ajustes en la colocación del menu-top (float:right)*/
/*#container #cabecera #menu_top{float:right;}*/
/*Fin Jaime*/
/*#container #cabecera #menu_top ul{width:100%; display:inline;}*/
#container #cabecera #menu_top p{font-weight:bold; display: inline; color:#000033}
#container #cabecera #menu_top a.back{/*color:#dfdfe3;*/ font-weight:normal;}
#container #cabecera #menu_top a:hover.back{color:#000;}
#container #cyberspot{height:271px;}


/*------------------- menu --------------------*/
/* 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:#000033;}/* Para que las secciones del menú ppal estén con fondo azuloscuro*/
#container #cabecera #menu_ppal ul li{color:#666}/*Asi los apartados ppales estan de color gris, incluido Selectorde Productos*/
#container #cabecera #menu_ppal ul li p.sel{background:#000033;}/*Para que el fondo del selector cuando esta seleccionado sea azuloscuro*/


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

#container #contenido.index{height:auto; padding-bottom: 20px;}

#container #contenido .destakmos {display: inline; margin: -50px 0 25px -450px;  padding: 0; width: 144px; }

#container #contenido #soluciones{margin:50px 0 0 0;width:800px; height:auto; padding:0;}
#container #contenido #soluciones ul {width:350px;font-size:75%;margin:0 40px 0 0; padding:0;display:inline;list-style-type: none; float:left;font-weight:bold;}

/*Modificado Jaime 12-01-2011: Modificados márgenes'*/
#container #contenido #soluciones ul li{width:300px; margin:0 0 10px 0; }
/*Fin Jaime*/
/*Añadidod Jaime 18 01-2011: Añadidod margen par no se pegue al pie (IE Fix) */
#container #contenido #soluciones ul.news{margin-top:-15px;}
/*Fin Jaime*/
/*Añadido Jaime 12-01-2011: incluido estílo para la parte inferior de la página principal de industria*/
#container #contenido #soluciones ul li #titulo{width:300px; margin:0 0 10px 0; font-weight:bold;}
/*Fin Jaime*/
#container #contenido #soluciones ul li img{border:none;}
/*Jaime 12-01-2011: Modificada fuente'*/
#container #contenido #soluciones ul li a{font-size: 12px; font-weight: normal}
/*Fin Jaime*/
#container #contenido #soluciones ul li a:hover{color:#333;text-decoration:none; }

#container #contenido #soluciones ul.destacados {}
#container #contenido #soluciones ul.destacados li {width: 175px; float: left;}
#container #contenido #soluciones ul.destacados li img {margin: 0 0 10px 0;}
#container #contenido #soluciones ul.destacados li span {font-size: 14px; color: #666666; font-weight: normal;}

/*Añadido Jaime 19-01-2011: Cambiada colocación de título y del contenido de las noticias*/
/*#container #contenido #soluciones #newsticker-demo {height:135px; margin-left:0px; margin-top:-20px; width:50%;}*/
#container #contenido #soluciones #newsticker-demo {height:135px; margin-left:400px; margin-top:-20px;}
#container #contenido #soluciones #newsticker-demo div.news-title{margin-bottom: 10px; text-align: left;}
#container #contenido #soluciones #newsticker-demo div.news-title span{font-weight:bold; text-align:left; font-size: 80%;}
#container #contenido #soluciones #newsticker-demo div.newsticker-jcarousellite ul li.news a{text-align:left; font-size: 14px; }
/*Fin Jaime*/

/*Añadido Jaime 19 01-2011: Aañdido estilo para el  titulo y contenido  de la parte de 'VER CATÁLOGO GENERAL'''*/
#container #contenido #soluciones ul.news{text-align:left;}
#container #contenido #soluciones #ver-catalogo {float:right; margin-top:-135px; width:50%}
#container #contenido #soluciones #ver-catalogo div.news-title span{font-weight:bold; text-align:left; font-size: 80%; }
#container #contenido #soluciones #ver-catalogo div ul li {margin-top:7px}
/*Fin Jaime*/

/*------------------- apartado --------------------*/
.migas{font-size:90%; font-weight:bold; color:#333;}

/*------------------- productos_marcas --------------------*/
#container #contenido #apartado #menu_i {margin-bottom:20px;}
#container #contenido #apartado #menu_i #marcas{width:195px; margin-top:60px;}
#container #contenido #apartado #menu_i #marcas ul p{font-size:85%; color:#000033; font-weight:bold; margin-bottom:15px;}
#container #contenido #apartado #menu_i #marcas ul {height:auto; }
#container #contenido #apartado #menu_i #marcas ul li img{border:none; float:left; margin:0 0 15px 0}
#container #contenido #apartado #menu_i #marcas a{font-size:80%; text-align:right; margin-left: 55px; font-weight:bold;}
#container #contenido #apartado #menu_i #marcas a:hover{color:#999; text-decoration:underline;}

/*------------------- productos_selector --------------------*/
#container #contenido #apartado #menu_i.selector {width:390px; height:350px; margin:0 20px 0 0;}
#container #contenido #apartado #menu_i.selector p{font-size:85%; margin:0 0 10px 0; padding:0 0 0 10px; color:#666;}

/*------------------- ficha --------------------*/
#container #contenido #apartado #menu_d.ficha{border:none;float:none }
#container #contenido #apartado #menu_d.ficha a{font-size:65%; float:right; margin-right:100px; }


#container #contenido #apartado #menu_d a.volver{margin:250px 150px 0 0;}

#container #contenido #apartado #loading {margin: 50px; text-align: center; display: none;}
#container #contenido #apartado #loading img {margin: 0;}

/*------------------- Panel izquierda --------------------*/
#container #contenido #apartado #menu_i.selector #panel_izda {float:left; width:190px; height:345px; background-color:#000; padding:15px 0 15px 0;overflow-x:hidded; overflow-y:scroll; margin:0}

/*
#container #contenido #apartado #menu_i.selector #panel_izda #img_p ul{float:left; width:48px;}
#container #contenido #apartado #menu_i.selector #panel_izda #img_p ul li {margin:0; padding:0;}
#container #contenido #apartado #menu_i.selector #panel_izda #img_p ul li img{margin:0 0 15px 5px; padding:0;}

#container #contenido #apartado #menu_i.selector #panel_izda #checkbox{float:left; font-size:90%; margin-left:20px;}
#container #contenido #apartado #menu_i.selector #panel_izda #checkbox ul{color:#CCC; margin:0; padding:0;}
#container #contenido #apartado #menu_i.selector #panel_izda #checkbox ul li{margin:5px 0 46px 0;padding:0;}
#container #contenido #apartado #menu_i.selector #panel_izda #checkbox input{margin-right: 10px; padding:0;}
*/


/*------------------- Panel derecha --------------------*/
#container #contenido #apartado #menu_i.selector #panel_dcha {float:left;width:190px; height:345px; background-color:#000; padding:15px 0 15px 0;overflow-x:hidded; overflow-y:scroll;}

/*
#container #contenido #apartado #menu_i.selector #panel_dcha #img_p ul {float:left; width:48px;}

#container #contenido #apartado #menu_i.selector #panel_dcha #checkbox{float:left;font-size:90%;margin-left:20px;}
#container #contenido #apartado #menu_i.selector #panel_dcha #checkbox ul{margin-top:0;}
#container #contenido #apartado #menu_i.selector #panel_dcha #checkbox ul li{margin-bottom:27px;color:#CCC; }
#container #contenido #apartado #menu_i.selector #panel_dcha #checkbox input{margin-right:10px;}
*/

/*------------------- Lide: Lista de opciones del selector (lubricantes) -------------------------*/
#container #contenido #apartado #menu_i.selector ul {width: 170px; height: auto;}
#container #contenido #apartado #menu_i.selector ul li {width: 170px; margin: 0 0 20px 0;}
#container #contenido #apartado #menu_i.selector ul li img {margin: 0 10px 0 10px; padding: 0; float: left;}
#container #contenido #apartado #menu_i.selector ul li label {width: 100px; margin: 5px 0 0 0; padding: 0; color: #cccccc; float: left;}
#container #contenido #apartado #menu_i.selector ul li label span {width: 80px; float: left;}
#container #contenido #apartado #menu_i.selector ul li label input {margin: 0; padding: 0; float: right;}

#container #contenido #apartado #menu_i.selector ul.mecanismo li img {width: 45px; height: 45px;}
#container #contenido #apartado #menu_i.selector ul.ambiente li img {width: 33px; height: 33px;}


/*------------------- menu derecha --------------------*/
#container #contenido #apartado #menu_d a.volver{margin:15px 0 0 0;}

#container #contenido #apartado #menu_d.selector{width:250px; border:none; margin:0; padding:0; text-align:left;float:left;}
#container #contenido #apartado #menu_d.selector p{margin:0; color:#333;}
#container #contenido #apartado #menu_d.selector h3{margin:0; color:#333;font-size: .7em; font-style: normal;}
#container #contenido #apartado #menu_d.selector #productos{width:300px;}
#container #contenido #apartado #menu_d.selector #productos ul{margin:20px 0 0 0; padding:0; width: 100%; list-style-type:none; float:left;}
#container #contenido #apartado #menu_d.selector #productos ul li{font-size:80%; margin:0 0 25px 0; width: 100%; padding:0; float:left; clear: both;}

#container #contenido #apartado #menu_d.selector #productos ul li .con_p {margin:0; float: left; width: 225px;}
#container #contenido #apartado #menu_d.selector #productos ul li .con_p a {font-size:80%; margin-bottom:-30px;}
#container #contenido #apartado #menu_d.selector #productos ul li .con_p a span {font-size:100%; display: block;}
#container #contenido #apartado #menu_d.selector #productos ul li .img_p {width:50px; height: 50px; float: left; margin:0 25px 0 0; padding:0;}
#container #contenido #apartado #menu_d.selector #productos ul li .img_p a {display: block; text-align: center;}
#container #contenido #apartado #menu_d.selector #productos ul li .img_p img {margin: 0;border: none;}
/*
#container #contenido #apartado #menu_d.selector #productos ul li #con_p {margin:0;}
#container #contenido #apartado #menu_d.selector #productos ul li #con_p a{font-size:80%; margin-bottom:-30px;}
#container #contenido #apartado #menu_d.selector #productos ul li #con_p a p{font-size:100%;}
#container #contenido #apartado #menu_d.selector #productos ul li #img_p {float:left; width:50px; height:50px; margin:0 50px 0 0; padding:0;}
*/

#container #contenido #apartado #menu_d.selector #productos a.tec{float:right;font-size:70%; color:#CCC; background-color:#000033; padding: 2px 3px;}
#container #contenido #apartado #menu_d.selector #productos a:hover.tec{background-color:#FFF;color:#666;}

/*------------------- panel adhesivos --------------------*/
#container #contenido #padhesivos{height:260px;background-color:#000; position: relative;}
#container #contenido #padhesivos p{padding:10px 16px 0 10px; color:#CCC;}
#container #contenido #padhesivos a{font-size:55%;  margin: 0 10px 0 0; background-color:#CCC; padding: 2px 4px;float:right;}

#container #contenido #padhesivos .sustrato {height:auto; float:left; margin-left: 10px; width: 200px;}
#container #contenido #padhesivos .sustrato h2.sus{margin: 25px 0 10px 20px; background-image:none; color:#CCC; font-size:80%;}
#container #contenido #padhesivos .sustrato ul {height: 130px; margin: 0 0 20px 0; list-style-type: none; font-size:80%; color:#CCC; overflow-x: hidded; overflow-y: auto;}
#container #contenido #padhesivos .sustrato ul li{font-size:75%; font-weight:normal; margin: 6px 0 15px 0; text-align: left;}
#container #contenido #padhesivos .sustrato ul li input{margin:7px 5px 7px 0;}
#container #contenido #padhesivos .sustrato ul li img{float:left; margin:0 25px 0 0; padding:0;}


/*------------------- productos recomendados adhesivos --------------------*/
#container #contenido #resultados {width:100%; height:auto; margin:25px 0 0 0; padding:0; float: left; }
#container #contenido #resultados h3{margin:0 0 5px 0; padding:0;border-bottom: solid 1px #CCC;font-size:65%;font-weight:normal;}
#container #contenido #resultados ul{list-style-type:none; margin: 0 0 25px 0; padding:0;}
#container #contenido #resultados ul li{display:inline; float:left; margin: 10px 10px 10px 0; width: 210px; height: 75px; }

#container #contenido #resultados .img_p {width:50px; float:left; margin-top:10px;}
#container #contenido #resultados .img_p img {margin:0; padding:0; border: none; vertical-align: top;}
#container #contenido #resultados .con_p {width:155px; margin:10px 0 30px 0; font-size:65%; text-align: left; float: right;}
#container #contenido #resultados .con_p span {font-size:95%; margin:0; padding:0; display: block;}
/*
#container #contenido #resultados #img_p{width:auto;float:left; margin-top:10px;}
#container #contenido #resultados #img_p img{margin:0 7px 0 0; padding:0;}
#container #contenido #resultados #con_p{width:165px;margin:20px 0 30px 20px; font-size:65%;}
#container #contenido #resultados #con_p p{font-size:95%; margin:0; padding:0;}
*/

/*------------------- descargas --------------------*/
#container #contenido #apartado #des #menu  li a:hover{background-color:#000033;}
#container #contenido #apartado #des #menu  li p{color:#000033;}


/*------------------- pie --------------------*/

#container #pie {background-color: #000033;}

#container #pie ul li{color:#ccc;}
/*Añadido Jaime 12-01-2011'Enalces del pie en blanco*/
#container #pie ul li a{color:#fff;}
/*Fin Jaime*/