/*
* Fichero: public.css ,v1.0px 17/10/2005 Francisco Javier Lopez
*/

/* ESTILOS GENERALES */
body { margin: 0px; padding: 0px; font-family: Arial,helvetica,sans-serif; color: #000000; font-size: 12px; font-style: normal; text-align: center; background: #DADADA url(/img/fondo.jpg) top left repeat-x; }
html, body {  }
hr { display: none; }
a { outline: 0; }
img { behavior: url(/js/iepngfix.htc) }


/* ESTILOS CAJAS GLOBALES. GRID GLOBAL */
#web-pre { height:611px; background: transparent url(/img/fondo_web.jpg) top left no-repeat; }
#web { margin: 0px auto 0px auto; width: 700px; text-align: left; }
#cab { clear: both; height:74px; }
#ctd { clear: both; height: 439px; }
#lat { float: left; width: 264px; height: 375px; }
#dts { float: right; width: 434px; height: 375px; font-size: 11px; background: transparent url(/img/fondo_dts.png) 0px 0px repeat-x; }
#pie { clear: both; }

/* ESTILOS PARA LA CABECERA DE LA WEB */
#cab .c1 { float: left; }
#cab .c2 { float: right; padding: 16px 10px 0px 0px; }
#cab h1 { margin: 36px 0px 0px 34px; padding: 0px; }
#cab h1 a { display: block; width: 123px; height: 37px; text-indent: -10000px; background: transparent url(/img/logoo.gif) top left no-repeat; }

/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie h3 { float:left; margin: 0px 0px 0px 78px; padding: 3px 8px 3px 8px; font-size: 11px; color: #E6E6E6; font-weight: normal; background: #666666; }
#pie ul { clear: both; margin: 0px; padding: 0px; }
#pie ul li { list-style-type: none; float: left; }
#pie ul li a { display: block; text-indent: -10000px; }
#pie ul li a.balay { width: 114px; height: 51px; background: transparent url(/img/logo_balay.gif) 0px 0px no-repeat; }
#pie ul li a.balay:hover { background: transparent url(/img/logo_balay.gif) 0px -51px no-repeat; }
#pie ul li a.bosch { width: 106px; height: 51px; background: transparent url(/img/logo_bosch.gif) 0px 0px no-repeat; }
#pie ul li a.bosch:hover { background: transparent url(/img/logo_bosch.gif) 0px -51px no-repeat; }
#pie ul li a.siemens { width: 100px; height: 51px; background: transparent url(/img/logo_siemens.gif) 0px 0px no-repeat; }
#pie ul li a.siemens:hover { background: transparent url(/img/logo_siemens.gif) 0px -51px no-repeat; }
#pie ul li a.lynx { width: 74px; height: 51px; background: transparent url(/img/logo_lynx.gif) 0px 0px no-repeat; }
#pie ul li a.lynx:hover { background: transparent url(/img/logo_lynx.gif) 0px -51px no-repeat; }
#pie ul li a.neff { width: 102px; height: 51px; background: transparent url(/img/logo_neff.gif) 0px 0px no-repeat;}
#pie ul li a.neff:hover { background: transparent url(/img/logo_neff.gif) 0px -51px no-repeat;}
#pie ul li a.gaggenau { width: 105px; height: 51px; background: transparent url(/img/logo_gaggenau.gif) 0px 0px no-repeat; }
#pie ul li a.gaggenau:hover { background: transparent url(/img/logo_gaggenau.gif) 0px -51px no-repeat; }
#pie ul li a.ufesa { width: 99px; height: 51px; background: transparent url(/img/logo_ufesa.gif) 0px 0px no-repeat; }
#pie ul li a.ufesa:hover { background: transparent url(/img/logo_ufesa.gif) 0px -51px no-repeat; }
#pie div { padding: 4px 9px 0px 9px; color: #525252; }
#pie div strong { font-weight: normal; } 

/* ESTILOS PARA EL MENU LATERAL */
#lat .XX {  }

/* ESTILOS PARA EL CONTENIDO Y DATOS */
#ctd h2.por { margin: 35px 0px 4px 0px; padding: 0px; font-size:20px; font-weight: normal; }
#ctd h3.por { margin: 0px 0px 10px 0px; padding: 0px 0px 8px 0px; width:402px; font-size:12px; font-weight: normal; line-height: 16px; border-bottom:1px solid #B7BABD; }
#ctd h3.por span { display: block; margin:0px; padding: 0px 135px 0px 0px; }
#ctd h3.elec { margin: 0px; padding: 6px 0px 5px 6px; font-size:9px; color: #D97A00; text-transform:uppercase; }
#ctd h3.elec2 { float: left; width: 238px; margin: 0px; padding: 8px 0px; font-size:9px; color: #D97A00; text-transform:uppercase; text-align: right; }
#ctd h2.int { float: right; margin: 0px; padding: 5px 10px 5px 10px; font-size: 18px; color: #FFFFFF; font-weight: normal; background: #666666; }
#ctd h3.int { margin: 0px; padding: 8px 15px 8px 15px; font-size: 15px; color: #FFFFFF; font-weight: normal; background: #000000; }
#ctd .padd { padding: 10px 18px 10px 18px; }
#ctd .des { color: #FF0000; }

/* ESTILOS PARA MENUS DE NAVEGACION */
/* Menu Portada */
ul.men { margin: 0px; padding: 0px; width:402px; height:77px; } 
ul.men li { list-style-type:none; float: left; margin: 0px 0px 7px 0px; width:195px; } 
ul.men li.par { float: right; } 
ul.men li a { display:block; width:187px; padding: 2px 4px 2px 4px; font-size: 13px; color:#333333; text-decoration:none; background:#FFFFFF; border-bottom:1px solid #C0C5C8; border-right:1px solid #C0C5C8; }
ul.men li a:hover { color:#FF9900; }
/* Menu Interior */
ul.men2 { clear: both; float: right; margin: 0px; padding: 0px; }
ul.men2 li { list-style-type:none; float: left; background: #FFFFFF; }
ul.men2 li a { display:block; padding: 4px 8px 4px 8px; font-size: 12px; color:#333333; text-decoration:none; }
ul.men2 li a:hover { color:#FF9900; }

/* ESTILOS PARA LISTADOS */
/* Listado comunes */
ul.lst { margin: 2px 0px 0px 0px; padding: 0px; font-size: 11px; }
ul.lst li { list-style-type: none; padding: 0px 0px 0px 8px; background: transparent url(/img/bullet.gif) 0px 6px no-repeat; }

/* ESTILOS PARA CAJA CON FORMATOS */
/* Caja para electrodomesticos en portada */ 
.caj-elec { padding:23px 0px 0px 66px; } 
.caj-elec-dts { display:block; width: 320px; height:115px; background:transparent url(/img/fondo_elec.jpg) top left no-repeat; }
.caj-elec ul { margin: 0px; padding: 0px; }
.caj-elec ul li { list-style-type:none; float: left; }
.caj-elec ul li a { display:block; text-indent:-10000px; }
.caj-elec ul li a.lvd { width:83px; height:91px; background:transparent url(/img/pro_lavadora.gif) 0px 0px no-repeat; }
.caj-elec ul li a.lvd:hover { background:transparent url(/img/pro_lavadora.gif) 0px -88px no-repeat; }
.caj-elec ul li a.lvv { width:77px; height:91px; background:transparent url(/img/pro_lavavajillas.gif) 0px 0px no-repeat; }
.caj-elec ul li a.lvv:hover { background:transparent url(/img/pro_lavavajillas.gif) 0px -88px no-repeat; }
.caj-elec ul li a.hrn { width:77px; height:91px; background:transparent url(/img/pro_horno.gif) 0px 0px no-repeat; }
.caj-elec ul li a.hrn:hover { background:transparent url(/img/pro_horno.gif) 0px -88px no-repeat; }
.caj-elec ul li a.fri { width:77px; height:91px; background:transparent url(/img/pro_frio.gif) 0px 0px no-repeat; }
.caj-elec ul li a.fri:hover { background:transparent url(/img/pro_frio.gif) 0px -88px no-repeat; }
/* Caja para electrodomesticos en interior */ 
.caj-elec2 {  } 
.caj-elec2-dts { display:block; width: 396px; height:68px; background:transparent url(/img/fdo_elec2.gif) top left no-repeat; }
.caj-elec2 ul { float: right; width: 152px; margin: 0px; padding: 0px; }
.caj-elec2 ul li { list-style-type:none; float: left; }
.caj-elec2 ul li a { display:block; text-indent:-10000px; }
.caj-elec2 ul li a.lvd { width:37px; height:68px; background:transparent url(/img/ico_lvd.gif) 0px 0px no-repeat; }
.caj-elec2 ul li a.lvd:hover { background:transparent url(/img/ico_lvd.gif) 0px -68px no-repeat; }
.caj-elec2 ul li a.lvv { width:41px; height:68px; background:transparent url(/img/ico_lvv.gif) 0px 0px no-repeat; }
.caj-elec2 ul li a.lvv:hover { background:transparent url(/img/ico_lvv.gif) 0px -68px no-repeat; }
.caj-elec2 ul li a.hrn { width:42px; height:68px; background:transparent url(/img/ico_hrn.gif) 0px 0px no-repeat; }
.caj-elec2 ul li a.hrn:hover { background:transparent url(/img/ico_hrn.gif) 0px -68px no-repeat; }
.caj-elec2 ul li a.fri { width:32px; height:68px; background:transparent url(/img/ico_frio.gif) 0px 0px no-repeat; }
.caj-elec2 ul li a.fri:hover { background:transparent url(/img/ico_frio.gif) 0px -68px no-repeat; }

/* ESTILOS PARA COLUMNAS GENERALES */
/* Estilos para columnas en portada */
.col2p1 {  }
.col2p1-c1 { float:right; width:456px; }
.col2p1-c2 { float:left; width:243px; }

/* FONDOS ESPECIALES */
.fdo-XXX {  }

/* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */
/* Barra de opciones navegacion superior */
.nav-top { float: right; }
.nav-top a { display: block; padding: 3px; font-size: 10px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; background: #CF1111; }

/* ESTILOS PARA IMAGENES */
img {  }
a.img { }
a.img:hover {  }
.img-sm {  } /* Estilo para imagenes sin marcos */
.img-cm {  } /* Estilo para imagenes con marcos */
.img-dch { float: right; } /* Estilos para imagenes que flotan a la derecha */
.img-dch-padd {  }
.img-izq { float: left; } /* Estilos para imagenes que flotan a la izquierda */ 
.img-izq-padd {  }
.img-por { margin: 35px 0px 0px 0px; }

/* ESTILOS PARA ENLACES */
a {  } /* Enlaces en general */
a:hover {  }
a.enl { color: #0099CC; }/* Estilo para enlace */
a.enl:hover { color: #0073A3; }
a.enl-ema { padding: 2px 0px 0px 22px; font-size: 11px; color: #000000; text-decoration: none; background: transparent url(/img/ico_mail.gif) 0px 0px no-repeat; } /* Enlaces email */
a.enl-ema:hover { color: #FFFFFF; background: transparent url(/img/ico_mail2.gif) 0px 0px no-repeat; }

/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }

/* ESTILOS PARA ESPACIOS Y DIMENSIONES */
.padd {  }
.padd-top { padding: 10px 0px 0px 0px; }
.padd-btt { padding: 0px 0px 10px 0px; }
.padd-izq { padding: 0px 10px 10px 0px; }
.padd-dch { padding: 0px 0px 10px 0px; }
.padd1 { padding: 4px 0px 0px 0px; }
.padd2 { padding: 139px 0px 0px 0px; }
.padd3 { padding: 64px 0px 0px 0px; }
.padd4 { padding: 0px 0px 0px 0px; }
.padd5 { padding: 0px 0px 0px 0px; }
.padd6 { padding: 0px 0px 0px 0px; }
.padd7 { padding: 126px 0px 0px 0px; }
.padd8 { padding: 86px 0px 0px 0px; }

/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.brr { clear: both; }
.sn-bor { border: 1px solid #FFFFFF; }
.ocu { display: none; }
.ver { display: block; }
.con:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.con { display : inline-block; }
* html .con { height : 1%; }
.con { display : block; }