/* Redefiniciones HTML */
body { margin: 0px; padding: 0px 0px 5px 0px; font-size: 0px; line-height: 0px; text-align: center;
background: #ededed url(../img/bg_body.gif) top center repeat-y; }
img { border: none; }
p, li, h2, h3, table tr td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: normal; color: #333333; }
b { color: #6c6c6c; }
form { margin: 0px; padding: 0px; }
iframe { display: none; }


/* contenedores */
#container { margin: 0px auto; padding: 0px; width: 620px; text-align: left; }



/* Cabecera (logo + menu primer nivel) */
#header { background: url(../img/bg_header.gif) bottom left no-repeat; height: 147px; }
#header h1 { float: left; padding: 15px 0px 0px 25px; }
#header ul { margin: 0px; padding: 50px 20px 0px 0px; float: right; list-style: none; }
#header ul li { width: 71px; height: 39px; margin-left: 5px; float: left;
background: url(../img/bg_li_header2.gif) top left no-repeat; text-align: center; }
#header ul li:hover, #header ul li.over { background-position: 0px -42px; }
 
#header ul li a { display: block; margin: 0px; padding: 0px; width: 70px; height: 38px;   }
#header ul li a.inicio { background: url(../img/li_inicio2.gif) 0px 11px no-repeat; }
#header ul li a.inicio:hover { background-position: 0px -28px; }
#header ul li a.mapaweb { background: url(../img/li_mapaweb2.gif) 0px 12px no-repeat; }
#header ul li a.mapaweb:hover { background-position: 0px -28px; }
#header ul li a.contacto { background: url(../img/li_contacto2.gif) 0px 12px no-repeat; }
#header ul li a.contacto:hover { background-position: 0px -28px; }
#header ul li a.links { background: url(../img/li_links2.gif) 0px 13px no-repeat; }
#header ul li a.links:hover { background-position: 0px -28px; }


/* Menú */
/* estilos del primer nivel */

/* hack para IE6, evitando que quite una imagen del menu si tienes el ratón sobre el menú, al cargar la página */
* html #menu { background: url(../img/bg_fake_ie.gif) 0px 0px no-repeat; width: 100%; height: 48px; }
* html #menu #nav { display: none; }

#menu ul.nav1 { margin: 0px; padding: 0px; list-style: none; }
#menu ul.nav1 li { margin: 0px; padding: 0px; float: left; color: white; text-align: center; font-weight: bold; }
#menu ul.nav1 li p { margin: 0px; padding: 10px 0px 14px 0px; color: white; font-size: 10px; }
#menu ul.nav1 li a:link, #menu ul.nav1 li a:visited, #menu ul.nav1 li a:active, #menu ul.nav1 li a:hover { text-decoration: none; color: white; }

#menu ul.nav1 li.red { width: 63px; background: url(../img/li_menu_red2.gif) top left no-repeat; }
#menu ul.nav1 li.orange { width: 66px; background: url(../img/li_menu_orange2.gif) top left no-repeat; }
#menu ul.nav1 li.yellow { width: 72px; background: url(../img/li_menu_yellow2.gif) top left no-repeat; }
#menu ul.nav1 li.green { width: 110px; background: url(../img/li_menu_green2.gif) top left no-repeat; }
#menu ul.nav1 li.blue { width: 75px; background: url(../img/li_menu_blue2.gif) 0px 0px no-repeat; }
#menu ul.nav1 li.violet { width: 66px; background: url(../img/li_menu_violet2.gif) top left no-repeat; }
#menu ul.nav1 li.purple { width: 90px; background: url(../img/li_menu_purple2.gif) top left no-repeat; }
#menu ul.nav1 li.darkrose { width: 78px; background: url(../img/li_menu_darkrose2.gif) top left no-repeat; }

#menu ul.nav1 li:hover, #menu ul.nav1 li.over { background-position: 0px -72px; }


/* trozo para que sean desplegables por css */
#menu ul.nav1 li { position: relative; z-index: 1; }
#menu ul.nav2 { display: none; position: absolute; }
#menu ul.nav1 li:hover ul { display: block; top: 0px; left: 0px; margin-top: 46px; }
#menu ul.nav1 li.over ul { display: block; top: 0px; left: 0px; margin-top: 46px; } /* sólo para el hack IE (js), que no acapta hover en elemento LI */
/* fin menus desplegables con css*/

/* estilos del segundo nivel (menú desplegado) */
#menu ul.nav2 { margin: 0px; padding: 0px; clear: both; list-style: none; background-color: white; }
#menu ul.nav2 li { margin: 1px 0px 0px 0px; padding: 0px; clear: both; }
#menu ul.nav2 li p { margin: 0px; padding: 3px; text-align: center; }
#menu ul.nav2 li a:link, #menu ul.nav2 li a:visited, #menu ul.nav2 li a:active, #menu ul.nav2 li a:hover { 
font-weight: normal; text-decoration: none; color: white; }
#menu ul.nav1 li.blue ul.nav2 { border-top: 2px solid #326896; padding-top: 1px; }
#menu ul.nav1 li.blue ul.nav2 li { width: 74px; background-color: #699bd0; }
#menu ul.nav1 li.blue ul.nav2 li:hover { background-color: #4980b5; }
#menu ul.nav1 li.blue ul.nav2 li.over { background-color: #4980b5;; } /* sólo para el hack IE (js), que no acapta hover en elemento LI */
#menu ul.nav1 li.purple ul.nav2 { border-top: 2px solid #98629e; padding-top: 1px; }
#menu ul.nav1 li.purple ul.nav2 li { width: 89px; background-color: #cb99cc; }
#menu ul.nav1 li.purple ul.nav2 li:hover { background-color: #b37eb3; }
#menu ul.nav1 li.purple ul.nav2 li.over { background-color: #b37eb3;; } /* sólo para el hack IE (js), que no acapta hover en elemento LI */



/* Contenido general */
#content { clear: both; }



/* Pie de página */
#footer { background: url(../img/bg_footer.gif) bottom left no-repeat; height: 100px; clear: both; }
#footer p { margin: 0px; padding: 0px; font-size: 10px; }
#footer p.address { float: left; padding: 14px 0px 0px 23px; }
#footer p.logos { float: right; padding: 18px 40px 0px 0px; }
#footer p.logos img { margin-left: 40px; }
#footer p.text { clear: left; padding: 34px 0px 0px 23px; color: white; font-weight: bold; }
#footer p.text em { margin-left: 40px; font-style: normal; }
#footer p a:link, #footer p a:active, #footer p a:visited, #footer p a:hover { color: white; text-decoration: none; }



/* home */
#home { height: 280px; padding:0; width:100% }
#home p { text-align:left; margin:0; padding:20px 0 0 0; }




/* comunes */
#pg h2, #pg h3, #pg p, #pg ul { clear: both; }
#pg { background: url(../img/bg_pg1.gif) bottom left repeat-x; min-height: 279px; }
#pg { border-top: 1px solid white; }  /* hack para firefox: hace que funcione el margin-top del primer h2 en firefox */
* html #pg { height: auto !important; height: 280px; border-top: none; }  /* hack para IE para min-height + quita el hack anterior */
#pg h2 { margin: 20px 0px 0px 0px; padding: 0px 20px 3px 20px; text-transform: uppercase; border-bottom: 1px solid #a5a5a5; font-size: 10px; }
#pg h2.rombo { background: url(../img/h2_bullet_rombo.gif) 6px 3px no-repeat; }

#pg div.cajaGris { margin: 2px 0px 20px 0px; padding: 0px 0px 15px 0px; background-color: #f4f4f4; position: relative; }

#pg div.cajaGris_soluciones { margin: 20px 0px 20px 0px; padding:0 0 30px 0; background-color: #e9e9e9; position: relative; }


#pg ul.soluciones { height: 20px; list-style-image:url(../img/lista_sol.gif);}
#pg ul.soluciones li {background: none; margin-left:15px; padding: 0} 




table.soluciones{font-size: 11px; margin-top:10px}
table.soluciones td{ padding:6px 2px 6px 10px; margin:2px; background-color:#f4f4f4}
table.soluciones td.td_izq{ background-color:#dfdfdf; font-weight:bold; vertical-align:top; padding-top:10px }
table.soluciones td.td_der{ padding:10px 2px 10px 10px;}
table.soluciones td.td_acabados{ background-color:#dfdfdf;}
table.soluciones td.td_top{ vertical-align:top; padding-top:10px }
table.soluciones td.tb_head{background-color:#d1d1d1; font-weight:bold}
table.soluciones img{ margin-top:10px}




#pg p { margin: 0px; padding: 15px 20px 0px 20px; font-size: 12px; line-height: 1.3em; }
#pg p span.rojo { font-weight: bold; color: #d80027; }
#pg p span.numeroRojo { font-weight: bold; color: #d80027; font-size: 10px; }
#pg p select, #pg div select { border: 1px solid #666666; font-size: 10px; }
#pg p input { border: 1px solid #666666; font-size: 10px; width: 70px; }

#pg p.fnt11 { font-size: 11px; }

#pg p.subtit { margin: 5px 0px 20px 0px; padding: 10px 20px; font-size: 11px; background-color: #e1e1e1; } 

#pg p.nota { margin: 30px 0px 0px 0px; padding: 10px 26px; font-size: 10px; text-align: center; background-color: #ececec; line-height: 1.4em; } 
#pg p.nota_just { margin: 30px 0px 0px 0px; padding: 20px 26px; font-size: 10px; text-align: left; background-color: #ececec; line-height: 1.4em; } 
#pg p.sinMargen { margin-top: 5px; }

#pg p.imprimir { text-align: right; }
#pg p.imprimir img { margin-left: 30px; }

#pg ul { margin: 0px; padding: 15px 40px 0px 20px; list-style: none; }
#pg ul li { margin: 0px; padding: 0px 0px 0px 15px; font-size: 12px; line-height: 1.3em;
background: url(../img/li_bullet_rombo.gif) 0px 5px no-repeat; } 
* html #pg ul li { padding: 1px 0px 1px 15px; }
#pg ul.longText li { margin-bottom: 10px; }

#pg ul li.l { float: left; }
#pg ul li.r { float: right; }


#pg ul.nav { margin: 30px 0px 0px 0px; padding: 0px 0px 20px 0px; list-style: none; height: 12px; }
#pg ul.nav li { margin: 0px; padding: 0px 20px; background: none; } 


/* búsquedas */
#pg ul.alphabet { margin: 3px 0px 0px 0px; padding: 0px 20px 0px 12px; background-color: #a8a8a8; height: 20px; }
#pg ul.alphabet li { margin: 0px; padding: 0px; float: left; background: none; }
#pg ul.alphabet li a { display: block; text-align: center; width: 22px; height: 20px; background: url(../img/li_separator.gif) 0 5px no-repeat;
font-weight: bold; font-size: 10px; line-height: 20px; }
#pg ul.alphabet li.first a { background: none; }
#pg ul.alphabet li a.selected { background-color: #dfdfdf; }
#pg ul.alphabet li a:link, #pg ul.alphabet li a:active, #pg ul.alphabet li a:visited, #pg ul.alphabet li a:hover { color: white; text-decoration: none; }
#pg ul.alphabet li a:hover { color: #d80027; background-color: #dfdfdf; }
#pg ul.alphabet li a.selected:link, #pg ul.alphabet li a.selected:active, #pg ul.alphabet li a.selected:visited, #pg ul.alphabet li a.selected:hover
{ color: #d80027; }

#pg p.buscar { text-align: right; padding-bottom: 20px; } 
#pg p.buscar a { margin: 0px 0px 0px auto; display: block; width: 68px; height: 24px; background: url(../img/btn_buscar2.gif) top left no-repeat; }
#pg p.buscar a:hover { background-position: 0px -27px; }



/* quienes somos */
#pg h3.quienessomos { background: url(../img/h3_bullet_quienessomos.gif) 6px 3px no-repeat; }
#pg h3.capproductiva { background: url(../img/h3_bullet_capproductiva.gif) 6px 3px no-repeat; }
#pg h3.orgcomercial { background: url(../img/h3_bullet_orgcomercial.gif) 6px 3px no-repeat; }
#pg h3.espempresa { background: url(../img/h3_bullet_espempresa.gif) 4px 3px no-repeat; }

#pg p.tour { margin: 0px; padding: 0px; height: 77px; font-size: 11px; background: url(../img/bg_tour.jpg) top left no-repeat; 
position: relative; z-index: 0; } 
#pg p.tour a { width: 122px; height: 13px; background: url(../img/btn_tour2.gif) top left no-repeat; position: absolute; top: 49px; left: 465px; }
#pg p.tour a:hover { background-position: 0px -17px; }

/* ficha */
#pg h2.ficha { background: url(../img/h2_bullet_ficha.gif) 6px 2px no-repeat; }
#pg h3 { margin: 20px 0px 0px 0px; padding: 0px 20px; font-size: 12px; color: #d80027; }
#pg h3.caracteristicas { background: url(../img/h3_bullet_caracteristicas.gif) 6px 3px no-repeat; }
#pg h3.descripcion { background: url(../img/h3_bullet_descripcion.gif) 6px 3px no-repeat; }
#pg h3.estabilidad { background: url(../img/h3_bullet_estabilidad.gif) 6px 3px no-repeat; }
#pg h3.instrucciones { background: url(../img/h3_bullet_instrucciones.gif) 6px 3px no-repeat; }
#pg h3.normas { background: url(../img/h3_bullet_normas.gif) 6px 3px no-repeat; }
#pg h3.presentacion { background: url(../img/h3_bullet_presentacion.gif) 6px 3px no-repeat; }
#pg h3.propiedades { background: url(../img/h3_bullet_propiedades.gif) 6px 3px no-repeat; }
#pg h3.seguridad { background: url(../img/h3_bullet_seguridad.gif) 6px 3px no-repeat; }
#pg h3.tratamiento { background: url(../img/h3_bullet_tratamiento.gif) 6px 3px no-repeat; }
#pg h3.usos { background: url(../img/h3_bullet_usos.gif) 6px 3px no-repeat; }
#pg h3.soluciones { background: url(../img/h3_bullet_soluciones.gif) 6px 3px no-repeat; }
#pg.ficha h3 { margin-top: 35px; }

#pg p.subtitFicha { margin: 5px 0px 0px 0px; padding: 16px 20px 6px 20px; font-size: 12px; background-color: #e1e1e1; } 

#pg ul.subtitFicha { margin: 5px 0px 0px 0px; padding: 15px 20px 5px 20px; list-style: none; background-color: #e1e1e1; }
#pg ul.subtitFicha li { margin: 0px; padding: 0px; font-size: 12px; background: none; display: inline; } 
#pg ul.subtitFicha li.art { font-size: 10px; float: right; margin-top: -12px; }
* html #pg ul.subtitFicha li.art { margin-top: -20px; margin-right: 20px; } /* hack IE */

#pg ul.revisionFicha { margin: 30px 0px 0px 0px; padding: 15px 20px 5px 20px; list-style: none; height: 11px; }
#pg ul.revisionFicha li { margin: 0px; padding: 0px; font-size: 10px; font-weight: bold; color: #696969; background: none; display: inline; } 

#pg ul.fichas { margin-top: 10px; }
#pg ul.fichas li { background: url(../img/h2_bullet_ficha.gif) 0px 3px no-repeat; }
#pg ul.fichas li a:link, #pg ul.fichas li a:active, #pg ul.fichas li a:visited { color: #333333; text-decoration: none; }
#pg ul.fichas li a:hover { color: #d80027; }

#pg table.ficha { margin: 10px 20px 0px 20px; border-collapse: collapse; }
#pg table.ficha thead { background-color: #e0e0e0; }
#pg table.ficha td { padding: 5px 10px 3px 10px; font-size: 12px; line-height: normal; }
#pg table.ficha thead tr td { font-size: 10px; font-weight: bold; }


/* tour fotográfico */
#pg ul.tours { margin: 3px 0px 0px 0px; padding: 0px; background-color: #a8a8a8; height: 21px; }
#pg ul.tours li { margin: 0px; padding: 0px; background: none; line-height: normal; float: left; 
font-size: 11px; font-weight: bold; }
#pg ul.tours li a { display: block; padding: 4px 12px; text-align: center; background: url(../img/li_separator.gif) 0 5px no-repeat; }
#pg ul.tours li.first a { background: none; padding-left: 20px; }
#pg ul.tours li a.selected { background-color: #dfdfdf; }
#pg ul.tours li a:link, #pg ul.tours li a:active, #pg ul.tours li a:visited, #pg ul.tours li a:hover { color: white; text-decoration: none; }
#pg ul.tours li a:hover { color: #d80027; background-color: #dfdfdf; }
#pg ul.tours li a.selected:link, #pg ul.tours li a.selected:active, #pg ul.tours li a.selected:visited, #pg ul.tours li a.selected:hover
{ color: #d80027; }

#pg ul.tourFots { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 20px; background-color: #e9e9e9; list-style: none; }
#pg ul.tourFots li { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; float: left; background: none; width: 120px; }
#pg ul.tourFots li a { display: block; margin: 0px; padding: 0px; width: 92px; height: 95px; background-position: top left; background-repeat: no-repeat; }
#pg ul.tourFots li p { margin: 0px; padding: 76px 14px 0px 0px; font-size: 11px; text-align: center; background: url(../img/bg_img_tour2.gif) 0px 0px no-repeat; }
#pg ul.tourFots li:hover p, #pg ul.tourFots li.over p { background-position: 0px -128px; color: #d80027; }
#pg ul.tourFots li a:link, #pg ul.tourFots li a:active, #pg ul.tourFots li a:visited { text-decoration: none; }
* html #pg #navTour { display: none; }


/* dónde estamos */
#pg .mapaContainer { margin: 3px 4px 0px 0px; padding: 4px 5px 5px 8px; float: left;  border: 5px solid #e9e9e9; }
#pg .mapa { background: url(../img/mapa_bg_rollover.gif) top left no-repeat; }
#pg .mapa p { margin: 0px; padding: 0px; background: url(../img/mapa_img_rollover.gif) top left no-repeat; }

#pg #mapaText { float: left; width: 253px; height: 197px; background-color: #f4f4f4; }
#pg #mapaText p { margin: 0px; padding: 10px 8px 0px 8px; }

#pg .bufferMapa { display: none; }

#pg ul.telMail { margin: 0px; padding: 10px 8px 0px 8px; list-style: none; }
#pg ul.telMail li { margin: 0px; padding: 0px; float: left; background: none; line-height: normal; font-size: 11px; }
#pg ul.telMail li.l { text-align: left; float: left; }
#pg ul.telMail li.r { text-align: right; float: right; }
#pg ul.telMail li.r a:link, #pg ul.telMail li.r a:active, #pg ul.telMail li.r a:visited { text-decoration: none; color: #333333; }
#pg ul.telMail li.r a.mail { padding-right: 18px; background: url(../img/icon_mail.gif) 28px 3px no-repeat; }
#pg ul.telMail li.r a.mail:hover { color: #df0029; background-position: 28px -9px; }
#pg ul.telMail li.r a.mapa { padding-right: 18px; background: url(../img/icon_map.gif) 38px 2px no-repeat; }
#pg ul.telMail li.r a.mapa:hover { color: #df0029; background-position: 38px -14px; }


/* antención al cliente */
#pg div.atencionCliente { position: relative; }
#pg div.atencionCliente ul.contact { margin: 0px; padding: 0px; position: absolute; top: 12px; left: 350px;	}
#pg div.atencionCliente ul.contact li { margin: 0px; padding: 0px; background: none; font-size: 11px; }
#pg div.atencionCliente p { margin: 0px; padding: 10px 0px 10px 20px; line-height: 1.4em; }
#pg div.atencionCliente p.notaRequired { padding-top: 25px; padding-bottom: 5px; }
#pg div.atencionCliente p.gris { background-color: #ececec; }
#pg div.atencionCliente p input { border: 1px solid #666666; font-size: 10px; margin-right: 40px; }
#pg div.atencionCliente p input.peq { width: 70px; }
#pg div.atencionCliente p input.med { width: 120px; }
#pg div.atencionCliente p input.big { width: 195px; }
#pg div.atencionCliente p input.radio { border: none; width: auto; }
#pg div.atencionCliente p textarea { border: 1px solid #666666; width: 95%; height: 90px; 
font-size: 11px; font-family: verdana; padding: 5px; }
#pg div.atencionCliente p span.fnt11 { padding: 3px 20px 3px 0px; display: block; font-size: 11px; position: relative; }
#pg div.atencionCliente p span.fnt11 input { margin: 0px; }
#pg div.atencionCliente p.botones { margin: 0px; padding: 0px; height: 40px; } 
#pg div.atencionCliente p.botones a { float: right; display: block; margin: 15px 20px 0px 10px; width: 68px; }
#pg div.atencionCliente p.botones a.borrar { background: url(../img/btn_borrar.gif) top left no-repeat; }
#pg div.atencionCliente p.botones a.enviar { background: url(../img/btn_enviar.gif) top left no-repeat; }
#pg div.atencionCliente p.botones a:hover { background-position: 0px -27px; }



/* popup dónde estamos */
body#popup { margin: 0px; padding: 7px; }
body#popup p { margin: 8px 0px 0px 0px; padding: 0px 7px 0px 0px; }
body#popup h1 { margin: 0px; padding: 0px 0px 3px 15px; text-align: left; border-bottom: 1px solid #9f9f9f; }

body#popup ul { margin: 3px 0px 0px 0px; padding: 0px; background-color: #e1e1e1; text-align: left; list-style: none; height: 52px; }
body#popup ul li { margin: 0px; padding: 5px 20px; text-align: left; font-size: 11px; }
body#popup ul li.l { float: left; text-align: left; }
body#popup ul li.r { float: right; text-align: right; }
body#popup a.mail { padding-right: 20px; background: url(../img/icon_mail.gif) 31px 4px no-repeat; }
body#popup a.mail:link, body#popup a.mail:active, body#popup a.mail:visited { color: #333333; text-decoration: none; }
body#popup a.mail:hover { color: #df0029; background-position: 31px -8px; }

body#popup p.imprimir { clear: both; margin: 0px; padding: 0px 18px 0px 0px; text-align: right; }

body#popup p.footer { font-size: 11px; background: url(../img/bg_footer_popup.gif) top left no-repeat; height: 100px; clear: both; 
font-weight: bold; text-align: right; padding: 5px 35px 0px 0px; }
body#popup p.footer a:link, body#popup p.footer a:active, body#popup p.footer a:visited, body#popup p.footer a:hover
{ color: white; text-decoration: none; }


/* calidad y medio ambiente */
#pg p span.img { display: block; float: left; vertical-align: top; margin: 0px 8px 0px 0px; }
#pg p img { vertical-align: bottom; }
#pg p span.img img { border: 1px solid black; margin-right: 5px; }

#pg table.productosTesteados { margin: 3px 0px 0px 0px; border-collapse: collapse; width: 100%; }
#pg table.productosTesteados thead { background-color: #e0e0e0; }
#pg table.productosTesteados td { padding: 5px 10px 3px 10px; font-size: 12px; line-height: normal; }
#pg table.productosTesteados td.first { padding-left: 20px; }
#pg table.productosTesteados thead tr td { font-size: 11px; font-weight: bold; }
#pg table.productosTesteados tr.par td { background-color: #f5f5f5; }


/* cartas de color */
#pg ul.cartasColor { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 20px; background-color: #e9e9e9; list-style: none; height: 480px; }
#pg ul.cartasColor li { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; float: left; background: none; width: 100px; }
#pg ul.cartasColor li a { display: block; margin: 0px; padding: 0px; width: 90px; height: 145px; background-position: 5px 4px; background-repeat: no-repeat; }
#pg ul.cartasColor li p { margin: 0px; padding: 115px 14px 0px 0px; font-size: 11px; text-align: center; background: url(../img/bg_img_cartascolor.gif) 0px 0px no-repeat; }
#pg ul.cartasColor li:hover p, #pg ul.cartasColor li.over p { background-position: 0px -172px; }
#pg ul.cartasColor li a:link, #pg ul.cartasColor li a:active, #pg ul.cartasColor li a:visited { text-decoration: none; }

#pg ul.cartasColor.l2 { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 20px; background-color: #e9e9e9; list-style: none; height: 205px; }
#pg ul.cartasColor.l2 li { margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; float: left; background: none; width: 150px; }
#pg ul.cartasColor.l2 li a { display: block; margin: 0px; padding: 0px; width: 115px; height: 165px; background-position: 5px 5px; background-repeat: no-repeat; }
#pg ul.cartasColor.l2 li p { margin: 0px; padding: 165px 14px 0px 0px; font-size: 11px; text-align: center; background: url(../img/bg_img_cartascolor2.gif) 0px 0px no-repeat; }
#pg ul.cartasColor.l2 li:hover p, #pg ul.cartasColor.l2 li.over p { background-position: 0px -190px; }
#pg ul.cartasColor.l2 li a:link, #pg ul.cartasColor.l2 li a:active, #pg ul.cartasColor.l2 li a:visited { text-decoration: none; }

#pg p.cartasColor { padding-top: 20px; }
#pg h3.cartasColor { margin-top: 40px; }


/* sistema tintométrico */
#pg h3.sistemaTitometrico { margin-top: 0px; padding-top: 0px; }
#pg p.colorInstant { text-align: right; margin: 0px; padding-bottom: 0px; }

#pg ul.sistemaTitometrico { margin: 2px 0px 0px 0px; padding: 0px; list-style: none; }
#pg ul.sistemaTitometrico li { margin: 0px; padding: 0px; background: none; }
#pg ul.sistemaTitometrico li.tit { position: relative; background-color: #e1e1e1; font-weight: bold; }
#pg ul.sistemaTitometrico li.gris { background-color: #f3f3f3; }
#pg ul.sistemaTitometrico li a { display: block; position: relative; margin: 0px; padding: 0px; cursor: hand; }
#pg ul.sistemaTitometrico li a:link,
#pg ul.sistemaTitometrico li a:active,
#pg ul.sistemaTitometrico li a:visited { text-decoration: none; }
#pg ul.sistemaTitometrico li a:hover { color: #d80027; }
#pg ul.sistemaTitometrico li a:hover p { color: #d80027; }
#pg ul.sistemaTitometrico li p { margin: 0px; padding: 5px 0px; }
#pg ul.sistemaTitometrico li.tit p { font-size: 11px; }
#pg ul.sistemaTitometrico li p.col1 { text-align: center; width: 95px; }
#pg ul.sistemaTitometrico li p.col2 { position: absolute; top: 0; left: 110px; }
#pg ul.sistemaTitometrico li p.col3 { position: absolute; top: 0; left: 250px; }
#pg ul.sistemaTitometrico li p.c32 { left: 350px; }
#pg ul.sistemaTitometrico li a p.col3 { background: url(../img/h2_bullet_ficha.gif) 0px 8px no-repeat; padding-left: 16px; }

#pg div.cajaGris { position: relative; }
#pg div.cajaGris p.cartel1 { position: absolute; top: 40px; right: 50px; margin: 0px; padding: 0px; }
#pg div.cajaGris p.cartel1 img { border: 7px solid white; }

#pg h3.maquinas { background: url(../img/h3_bullet_maquinas.gif) 6px 4px no-repeat; }
#pg ul.maquinas { margin: 15px 0px 0px 20px; padding: 0px; list-style: none; position: relative; }
#pg ul.maquinas li { margin: 0px; padding: 0px; background: none; position: relative; width: 184px; }
#pg ul.maquinas li.col1 { position: relative; }
#pg ul.maquinas li.col2 { position: absolute; top: 0px; left: 200px; }
#pg ul.maquinas li.col3 { position: absolute; top: 0px; left: 400px; }
#pg ul.maquinas li h4, #pg ul.maquinas li p { margin: 0px; padding: 0px; font-size: 11px; }
#pg ul.maquinas li p.img img { border: 7px solid white; }
#pg ul.maquinas li h4 { text-align: center; color: #de0035; padding: 5px 0px; }
#pg ul.maquinas li.col2 p { text-align: center; }

#pg h3.serviciosEq { background: url(../img/h3_bullet_servicios_equipos.gif) 6px 3px no-repeat; }
#pg ul.serviciosEq { margin: 0px 0px 0px 20px; padding: 15px 0px 0px 0px; list-style: none; position: relative; }
#pg ul.serviciosEq li { margin: 0px; padding: 0px; background: none; position: relative; width: 256px; }
#pg ul.serviciosEq li.col1 { position: absolute; top: 15px; right: 320px; }
#pg ul.serviciosEq li.col2 { position: relative; margin: 0px 40px 0px auto; }
#pg ul.serviciosEq li h4, #pg ul.serviciosEq li p { margin: 0px; padding: 0px; font-size: 11px; }
#pg ul.serviciosEq li p.img img { border: 7px solid white; }
#pg ul.serviciosEq li h4 { text-align: center; color: #de0035; padding: 5px 0px; text-transform: uppercase; }


/* mapa web */
#pg h2.mapaweb { background: url(../img/h2_bullet_mapaweb.gif) 10px 2px no-repeat; padding-left: 28px; }
#pg .mapawebCols { position: relative; margin-top: 20px; height: 300px; }
#pg .mapawebCols div  { position: absolute; top: 0; width: 185px;  }
#pg .mapawebCols .mapawebCol1 { left: 9px;  }
#pg .mapawebCols .mapawebCol2 { left: 218px; }
#pg .mapawebCols .mapawebCol3 { left: 424px; }
#pg .mapawebCols div h3 { margin: 0px; padding: 0px 0px 8px 15px; background-position: 0px 4px; }
#pg .mapawebCols div.mapawebCol1 h3 { background-position: 0px 3px; }
#pg .mapawebCols div ul { margin: 0px; padding: 1px 5px 10px 15px; background-color: #f4f4f4; height: 280px; }
#pg .mapawebCols div ul li { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 10px; font-size: 11px; font-weight: bold; color: #666666; }
#pg .mapawebCols div ul li ul { margin: 0px; padding: 5px 0px 0px 0px; height: auto; }
#pg .mapawebCols div ul li ul li { margin: 0px; padding: 4px 0px 0px 15px; font-weight: normal;
background: url(../img/li_bullet_comilla.gif) 1px 10px no-repeat; line-height: 1.3em; }
#pg .mapawebCols div ul li img { margin-top: 7px; }
#pg .mapawebCols div ul li a:link, #pg .mapawebCols div ul li a:active,
#pg .mapawebCols div ul li a:visited
{ color: #666666; text-decoration: none; }
#pg .mapawebCols div ul li a:hover { color: #ca0133; }


/* links */
#pg h2.links { background: url(../img/h2_bullet_links.gif) 6px 3px no-repeat; padding-left: 28px; }
#pg ul.links { background-color: #f4f4f4; margin: 5px 0px 0px 0px; padding: 0px; height: 140px; }
#pg ul.links li { margin: 30px 0px; padding: 0px 12px; height: 85px; background: none; float: left; }
#pg ul.links li a { display: block; text-align: center; padding-bottom: 23px; }
#pg ul.links li a:link,
#pg ul.links li a:active,
#pg ul.links li a:visited { text-decoration: none; font-size: 10px; font-weight: bold; color: #333333;  }
#pg ul.links li a:hover { color: #ca0133; }
#pg ul.links li.c1 a { background: url(../img/bg_links.gif) 5px -4px; }
#pg ul.links li.c1 a:hover { background: url(../img/bg_links.gif) 5px -114px; }
#pg ul.links li.c2 a { background: url(../img/bg_links.gif) -15px -4px; }
#pg ul.links li.c2 a:hover { background: url(../img/bg_links.gif) -15px -114px; }
#pg ul.links li.c3 a { background: url(../img/bg_links.gif) -4px -4px; }
#pg ul.links li.c3 a:hover { background: url(../img/bg_links.gif) -4px -114px; }
#pg ul.links li.c4 a { background: url(../img/bg_links.gif) 15px -4px; }
#pg ul.links li.c4 a:hover { background: url(../img/bg_links.gif) 15px -114px; }

#pg ul.links li a img { border: none; }

/*nepal*/
#pg img.novedad{padding: 20px 0 0 0; }
#pg p.titulo_nepal{font-size:20px; font-weight:bold; margin:0; padding:20px 0 10px 7px; border-top: 1px solid #a5a5a5;}
#pg div.cajaGrisNepal {margin: 2px 0px 20px 0px; padding: 5px 0px 15px 0px; height:620px; background-color: #f4f4f4; font: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left;}

* html #pg {text-align:left; } /* hack IE */

#pg div.art {font: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;  display: inline;  float: right; margin-top: -20px;padding-right:20px; }
#pg div.col_nepal1{float:left; background:url(../img/nepal_desc.gif) -5px 0px no-repeat; width:52%; padding:25px 0 0 0;}
#pg div.col_nepal1 ul{padding-right:10px;margin-right:0;}
#pg div.col_nepal1 ul li{padding-left:11px;}
#pg div.col_nepal2{float:left; background:url(../img/nepal_caract.gif) 5px 0px no-repeat; width:48%; font-size: 12px; padding:25px 0 0 0;}
#pg div.col_nepal2 p {margin-bottom:25px;}
#pg div.col_nepal2 span.neg{font-weight:bold;}
#pg div.col_nepal2 img {padding:5px 0 0 20px;}
#pg p.subtitFichaNepal { margin: 5px 0px 0px 0px; padding: 16px 20px 6px 20px; font-size: 20px;  } 
#pg ul.subtitFichaNepal { margin: 5px 0px 0px 0px; padding: 15px 20px 5px 20px; list-style: none; border-top: 1px solid #a5a5a5; }
#pg ul.subtitFichaNepal li { margin: 0px; padding: 0px; font-size: 20px; font-weight:bold; background: none; display: inline; } 
#pg ul.subtitFichaNepal li.art { font-size: 10px; float: right; margin-top: -12px; font-weight:normal; }
* html #pg ul.subtitFichaNepal li.art { margin-top: -20px; margin-right: 20px; margin-bottom:5px; } /* hack IE */


/* AJAX (thumbnail viewer) */

#thumbBox { /* contenedor de la imagen */
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 20px;
padding-bottom: 0;
background: #ffffff;
border: 1px dotted #959595;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font: normal 12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* capa con la imagen */
#thumbBox #thumbImage { }

/* párrafo con la descripción de la imagen */
#thumbBox #thumbImage p {  margin: 0px; padding: 5px;  font-weight: bold;  }

#thumbBox .footerbar { /* capa con el cierra ventana */
font: normal 11px  Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #333333;
padding: 20px 0px 5px 0px;
text-align: right;
}

/* capa de cargando... */
#thumbLoading { 
position: absolute;
visibility: hidden;
padding: 5px;
font: normal 12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index: 5;
color: white;
}

/* capa que oscurece el fondo */
#overlay { background: url(../img/overlay.png); }
* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../img/pìxel.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
}



/* especiales (páginas dinámicas) */
#usos p.select, #lineas p.select { margin-top: -11px; }




/*experiencias*/

#pg p.titulo_exp{font-size:12px; font-weight:bold; margin:0; padding:20px 0 10px 7px; border-top: 1px solid #a5a5a5; color:#df0029}
#pg div.cajaGrisExp {margin: 2px 0px 20px 0px; padding: 5px 0px 15px 0px; height:840px;  background-color: #f4f4f4; font: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#pg ul.subtitFichaExp { margin: 40px 0px 0px 0px; padding: 15px 20px 5px 20px; list-style: none; border-top: 1px solid #a5a5a5;  }
#pg ul.subtitFichaExp li { margin: 0px; padding: 0px; font-size: 12px; font-weight:bold; background: none; display: inline; color:#df0029} 
#pg ul.subtitFichaExp li.art { font-size: 10px; float: right; margin-top: -12px; font-weight:normal; color:#000 }
* html #pg ul.subtitFichaExp li.art { margin-top: -20px; margin-right: 20px; margin-bottom:5px; } /* hack IE */


#cabeceraExp{width:600px; height:180px}
#cabeceraExp .foto{margin:38px 0 0 43px; float:left}
#cabeceraExp .titulo{margin:36px 0 0 15px; float:left}
#cabeceraExp .ver{float:right; margin:36px 20px 0 0; _margin:36px 10px 0 0}

#muestrario{float:left; width:400px; height:50px; margin:7px 0 0 20px}
#frase{font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size:12px; color:#666666; text-align:center; padding:10px}

.muestras{float:left; height:53px; width:35px; margin-right:9px;}

#atr_color1{background:url(../img/atr_c1_tit.gif) no-repeat bottom #a62b39 }
#atr_color2{background:url(../img/atr_c2_tit.gif) no-repeat bottom #816051 }
#atr_color3{background:url(../img/atr_c3_tit.gif) no-repeat bottom #ee69a7 }
#atr_color4{background:url(../img/atr_c4_tit.gif) no-repeat bottom #b2d344 }
#atr_color5{background:url(../img/atr_c5_tit.gif) no-repeat bottom #637581 }
#atr_color6{background:url(../img/atr_c6_tit.gif) no-repeat bottom #623653 }
#atr_color7{background:url(../img/atr_c7_tit.gif) no-repeat bottom #f9a465 }
#atr_color8{background:url(../img/atr_c8_tit.gif) no-repeat bottom #007792 }
#atr_color9{background:url(../img/atr_c9_tit.gif) no-repeat bottom #8c3341 }

#vit_color1{background:url(../img/vit_c1_tit.jpg) no-repeat bottom #ffd358 }
#vit_color2{background:url(../img/vit_c2_tit.jpg) no-repeat bottom #fdcead }
#vit_color3{background:url(../img/vit_c3_tit.jpg) no-repeat bottom #fdcb93 }
#vit_color4{background:url(../img/vit_c4_tit.jpg) no-repeat bottom #ddaa2d }
#vit_color5{background:url(../img/vit_c5_tit.jpg) no-repeat bottom #d3c7c9 }
#vit_color6{background:url(../img/vit_c6_tit.jpg) no-repeat bottom #e7c4a3 }
#vit_color7{background:url(../img/vit_c7_tit.jpg) no-repeat bottom #e8e3d9 }
#vit_color8{background:url(../img/vit_c8_tit.jpg) no-repeat bottom #b6d7f2 }

#pla_color1{background:url(../img/pla_c1_tit.gif) no-repeat bottom #ffeea9 }
#pla_color2{background:url(../img/pla_c2_tit.gif) no-repeat bottom #fef6e4 }
#pla_color3{background:url(../img/pla_c3_tit.gif) no-repeat bottom #ffe7c8 }
#pla_color4{background:url(../img/pla_c4_tit.gif) no-repeat bottom #e0c2dd }
#pla_color5{background:url(../img/pla_c5_tit.gif) no-repeat bottom #f3f091 }
#pla_color6{background:url(../img/pla_c6_tit.gif) no-repeat bottom #d8eaf9 }
#pla_color7{background:url(../img/pla_c7_tit.gif) no-repeat bottom #f9c7dd }
#pla_color8{background:url(../img/pla_c8_tit.gif) no-repeat bottom #e1e1e1 }



.contExp_izq{float:left; margin:20px 20px 10px 40px; _margin:20px 20px 10px 20px; font-weight:bold;}
.contExp_der{float:left; margin:20px 20px 10px 0px;  font-weight:bold;}



#atr_azul{ background-color:#cad9e5; color:#007792; }
#atr_turquesa{ background-color:#007792; color:#fff}
#atr_ciruela{ background-color:#623653; color:#FFF}
#atr_gris_refl{background-color:#d3c7c9; color:#623653}
#atr_burdeos{background-color:#a55847; color:#FFF}
#atr_gris_palidez{background-color:#d7d7d8; color:#a55847}
#atr_lima{background-color:#b2d344; color:#546810}
#atr_gris_vanidad{background-color:#637581;  color:#FFF}

#vit_beig{ background-color:#dcd4c3; color:#84724b; }
#vit_granate{ background-color:#a62b39; color:#fff}
#vit_naranja_exp{ background-color:#f9be7b; color:#a56822}
#vit_naranja_rel{background-color:#f7d3a6; color:#a75f3f}
#vit_marron{background-color:#deb791; color:#925438}
#vit_ocre{background-color:#faebca; color:#9f854a}


#pla_amarillo{ background-color:#ffeea9; color:#a0864f; }
#pla_cacao { background-color:#816051; color:#fff}
#pla_albero{ background-color:#f8de89; color:#816051}
#pla_gris_placidez{background-color:#e1e1e1; color:#637581}



#links_ficha_carta{float:right;text-align:right; padding:25px 40px 0 0 }
.link_ficha{margin-right:12px}