body { background-color: #C4C4C4; } /* LAYOUT */ #contenedor { width: 830px; background-color: #FFF; margin: 40px auto 0 auto; } /* HEADER */ #header { width: 100%; text-align: center; margin-bottom: 20px; } /* FOOTER */ #footer { width: 830px; margin: 0 auto 40px auto; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #4D4D4D; line-height: 30px; } #footer a { font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #4D4D4D; text-decoration: none; margin-right: 10px; line-height: 30px; } #footer a:hover { color: #000; } #footer div.der { float: right; } #footer div.der a { margin: 0 0 0 10px; } /* CONTENIDO */ #contenido { width: 625px; } #contenido p.descarga { font-family: "arial", "helvetica", sans-serif; font-weight: bolder; color: #4D4D4D; font-size: 18px; line-height: 60px; } #contenido div.bg-empresa { background: url(../img/bg-empresa.gif) top left repeat-y; } #contenido div.bg-productos { background: url(../img/bg-productos.gif) top left repeat-y; } #contenido div.bg-actualidad { background: url(../img/bg-actualidad.gif) top left repeat-y; } #contenido div.bg-opinion { background: url(../img/bg-opinion.gif) top left repeat-y; } #contenido-der { width: 347px; float: right; } #contenido-der img.cat { margin-right: 9px; } #contenido-der img.ley { margin-top: 5px; } #contenido-der a.cat { float: left; } /* BUSQUEDA RAPIDA */ #busqueda { height: 26px; width: 347px; height: 26px; background: url(../img/bg-busqueda.gif) top left no-repeat; } #busqueda p.tit { font-family: "arial", "helvetica", sans-serif; font-size: 16px; font-weight: bolder; line-height: 26px; letter-spacing: -0.5px; margin-left: 5px; } #busqueda form { float: right; } #busqueda select { border: 1px solid #C4C4C4; margin: 3px 5px 0 0; height: 20px; width: 165px; } #busqueda input { border: 1px solid #C4C4C4; height: 20px; background-color: #DEDEDE; padding: 0; margin-right: 5px; } /* SIDEBAR USUARIO */ #sidebar { width: 133px; float: right; background-color: #C4C4C4; } #sidebar form { width: 123px; margin: 10px auto; } #sidebar input { border: 0; width: 117px; padding: 3px; margin-bottom: 10px; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #666; text-align: center; } #sidebar input.boton { margin: 0 0 0 23px; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #000; width: 75px; border: 1px solid #333; background-color: #DEDEDE; } #sidebar p { font-family: "arial", "helvetica", sans-serif; font-size: 10px; color: #000; padding: 0 5px; line-height: 13px; } #sidebar a { font-family: "arial", "helvetica", sans-serif; font-size: 10px; font-weight: bolder; color: #000; padding: 0 5px; text-decoration: none; display: block; line-height: 13px; } #sidebar a.cerrar { background: url(../img/cross.gif) center left no-repeat; padding-left: 14px; margin-left: 5px; } #sidebar a:hover.cerrar { color: #CF0000; } #sidebar a.datos { background: url(../img/person.gif) center left no-repeat; padding-left: 14px; margin: 0 0 5px 5px; } #sidebar a:hover.datos { color: #1a2066; } #sidebar a.mens { background: url(../img/mail.gif) center left no-repeat; padding-left: 14px; margin: 0 0 5px 5px; } #sidebar a:hover.mens { color: #1a2066; } /* MENU */ #menu img { margin: 0 8px 10px 0; } #menu img.ult { margin: 0 0 10px 0; } /* SELECTOR IDIOMA */ #idioma { float: right; } #idioma a { font-family: "arial", "helvetica", sans-serif; font-size: 10px; color: #4D4D4D; text-decoration: none; margin-left: 10px; line-height: 30px; } #idioma a:hover { color: #000; } /* BREADCUMB */ #breadcumb { font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #4D4D4D; line-height: 30px; margin-bottom: 10px; } #breadcumb a { color: #4D4D4D; text-decoration: none; } #breadcumb.empresa a:hover { color: #c8a065; } #breadcumb.productos a:hover { color: #4d4d4d; } #breadcumb.actualidad a:hover { color: #636b8f; } #breadcumb.opinion a:hover { color: #801E19; } /* CONTENIDO */ #seccion { margin-left: 160px; } #seccion.ancha { margin-left: 0; } #seccion h2 { font-family: "arial", "helvetica", sans-serif; font-size: 20px; font-weight: bolder; color: #4D4D4D; margin-bottom: 30px; } #seccion h3 { font-family: "arial", "helvetica", sans-serif; font-size: 15px; font-weight: bolder; color: #4D4D4D; margin-bottom: 10px; width: 250px; line-height: 18px; } #seccion h3.titulo { width: auto; margin-bottom: 0; } #seccion p.fecha-not { font-size: 11px; color: #666; margin-bottom: 30px; } #seccion img.img-not { float: left; margin: 0 20px 20px 0; } #seccion p { font-family: "arial", "helvetica", sans-serif; font-size: 14px; color: #343434; margin-bottom: 20px; line-height: 20px; } #seccion p.small { font-size: 11px; } #seccion p.casanova { font-size: 11px; margin: -35px 0 20px 0; } #seccion a.productos { font-family: "arial", "helvetica", sans-serif; font-size: 16px; color: #4D4D4D; line-height: 25px; text-decoration: none; padding-left: 20px; } #seccion a:hover.productos { text-decoration: underline; } #seccion #img-producto { margin-bottom: 10px; } #seccion a { font-family: "arial", "helvetica", sans-serif; font-size: 14px; } #seccion a.producto { width: 43px; height: 41px; display: block; margin: 0 10px 20px 0; border: 1px solid #FFF; float: left; } #seccion a.pedido { float: right; margin-top: 10px; } #seccion a:hover.producto { border: 1px solid #4D4D4D; } #seccion a.actualidad { margin-bottom: 10px; display: block; } #seccion div.mensaje-emp { margin: 40px 0; padding: 10px; border: 1px solid #C8A065; background-color: #DEC3A2; } #seccion div.mensaje-emp p { margin-bottom: 0; } #seccion div.logo-tienda { margin: 20px 0 40px 0; text-align: center; } #seccion a { color: #161B5D; text-decoration: none; } #seccion a:hover { text-decoration: underline; } #seccion span.leyenda { font-size: 11px; } #seccion div.col2 { width: 40%; margin: 0 0 50px 30px; float: left; } #seccion br.clear { clear: left; margin-bottom: 30px; } #seccion div.cont-img { width: 100%; text-align: center; margin: 30px 0; } #seccion p.tit-legal { margin-bottom: 10px; } #seccion p.legal { margin-bottom: 40px; font-size: 11px; line-height: 17px; } #seccion p.legal a { font-size: 11px; } #seccion div.mensaje { margin: 30px 0; border: 1px solid #CF0000; padding: 20px; font-family: "arial", "helvetica", sans-serif; font-size: 13px; font-weight: bolder; color: #CF0000; background: #DDD; } #seccion div.noticia { border-bottom: 1px solid #000; padding: 10px 0; position: relative; } #seccion a.noticias { height: 10px; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #000; font-weight: bolder; position: absolute; right: 0; bottom: -7px; background-color: #FFF; text-decoration: none; padding: 3px; } /* MAPA WEB */ #seccion div.col3 { width: 33%; float: left; } #seccion ul.mapa { margin-bottom: 30px; color: #343434; } #seccion ul.mapa a { color: #343434; } #seccion ul.mapa li { margin-bottom: 5px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; line-height: 16px; } #seccion ul.mapa a { font-size: 12px; } #seccion ul.mapa a:hover { text-decoration: none; } #seccion ul.empresa, #seccion ul.empresa a { color: #C8A065; } #seccion ul.productos, #seccion ul.productos a { color: #4D4D4D; } #seccion ul.actualidad, #seccion ul.actualidad a { color: #636B8F; } #seccion ul.opinion, #seccion ul.opinion a { color: #801E19; } #seccion ul.mapa li.top { font-family: "arial", "helvetica", sans-serif; font-size: 14px; font-weight: bolder; margin-bottom: 8px; } #seccion li.l1 { padding-left: 8px; font-size: 12px;} #seccion li.l2 { padding-left: 20px; font-size: 12px;} /* FORMULARIO OPINION */ #form-opi { margin: 40px 0; } #form-opi li { margin-bottom: 5px; } #form-opi li.boton { margin-top: 30px; text-align: center; } #form-opi li.separado { margin: 40px 0;} #form-opi li.leyenda { margin-left: 250px; } #form-opi li.leyenda span { font-family: "arial", "helvetica", sans-serif; font-size: 13px; color: #343434; width: 21px; text-align: center; margin-bottom: 5px; display: inline-block; } #form-opi label { width: 250px; font-family: "arial", "helvetica", sans-serif; font-size: 13px; color: #343434; float: left; line-height: 18px; } #form-opi label.grande { width: 230px; margin-right: 20px; font-family: "arial", "helvetica", sans-serif; font-size: 14px; color: #4D4D4D; font-weight: bolder; float: left; line-height: 18px; } /* FORMULARIO PEDIDO */ #form-pedido { margin: 40px 0; } #form-pedido li { margin-bottom: 15px; } #form-pedido li.botonera { margin-top: 30px; padding-left: 175px; } #form-pedido label { width: 175px; font-family: "arial", "helvetica", sans-serif; font-size: 13px; color: #343434; float: left; line-height: 18px; } #form-pedido input { border: 1px solid #999; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; width: 200px; } #form-pedido select { border: 1px solid #999; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; width: 206px; } #form-pedido input.corto { width: 100px; } #form-pedido input.boton { width: 75px; font-weight: bolder; background-color: #DEDEDE; } /* FORMULARIO CONTACTO */ #form-contacto { margin: 40px 0; } #form-contacto li { margin-bottom: 15px; } #form-contacto label { width: 250px; font-family: "arial", "helvetica", sans-serif; font-size: 13px; color: #343434; float: left; line-height: 18px; } #form-contacto input { border: 1px solid #343434; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; width: 200px; } #form-contacto textarea { border: 1px solid #343434; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; width: 300px; height: 100px; } #form-contacto li.botonera { margin-top: 30px; padding-left: 250px; } #form-contacto input.boton { width: 75px; height: 25px; line-height: 25px; background-color: #CCC; color: #000; text-align: center; } /* FORMULARIO ALTA */ #form-alta { margin: 40px 0; } #form-alta li { margin-bottom: 15px; } #form-alta label { width: 230px; font-family: "arial", "helvetica", sans-serif; font-size: 13px; color: #343434; float: left; line-height: 18px; text-align: right; margin-right: 20px; } #form-alta input { border: 1px solid #343434; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; width: 300px; } #form-alta input.corto { width: 150px; } #form-alta textarea { border: 1px solid #343434; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #555; width: 300px; height: 100px; } #form-alta li.botonera { margin-top: 30px; padding-left: 250px; } #form-alta input.boton { width: 75px; height: 25px; line-height: 25px; background-color: #CCC; color: #000; text-align: center; margin-right: 10px; } #form-alta em { font-weight: bolder; font-size: 14px; color: #CF0000; } #form-alta input.check { width: auto; } #form-alta p.aviso { font-size: 9px; line-height: 14px; } #form-alta strong { color: #000; } /* FORMULARIO TRABAJO */ #form-cv { width: 100%; margin: 40px 0; } #form-cv li { margin-bottom: 10px; } #form-cv li.break { margin-bottom: 30px; } #form-cv label { float: left; width: 140px; margin-right: 20px; text-align: right; font-family: "arial", "helvetica", sans-serif; font-size: 14px; color: #343434; line-height: 19px; } #form-cv input { width: 200px; padding: 2px 4px; border: 1px solid #C4C4C4; color: #666; font-size: 12px; } #form-cv input.semi { width: 150px; } #form-cv input.corto { width: 100px; text-align: center; } #form-cv select { border: 1px solid #C4C4C4; color: #666; font-size: 12px; padding: 1px 0; } #form-cv input.boton { margin: 0 0 0 160px; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #000; width: 75px; border: 1px solid #333; background-color: #DEDEDE; } /* FORMULARIO RECUPERAR CONTRASENA */ #form-recuperar { margin: 30px auto; width: 390px; } #form-recuperar label { font-family: "arial", "helvetica", sans-serif; font-size: 12px; margin-right: 10px; font-weight: bolder; line-height: 18px; } #form-recuperar input { border: 1px solid #C4C4C4; padding: 1px 2px; font-family: "arial", "helvetica", sans-serif; font-size: 11px; width: 250px; margin-right: 10px; } #form-recuperar input.boton { width: 50px; margin: 0; background-color: #DDD; } /* SUBMENU SECCIONES */ #submenu { width: 147px; float: left; } #submenu a { display: block; font-family: "arial", "helvetica", sans-serif; font-size: 15px; font-weight: bolder; text-decoration: none; padding: 5px; margin-bottom: 15px; } #submenu a:hover { color: #000; } #submenu.empresa a { color: #8C652F; background-color: #dec3a2; } #submenu.actualidad a { color: #FFFFFF; background-color: #b2b5de; } #submenu.productos a { color: #C4C4C4; background-color: #4D4D4D; margin-bottom: 5px; } #submenu.productos a:hover { color: #FFF; } #submenu.productos p { color: #4D4D4D; background-color: #C4C4C4; font-family: "arial", "helvetica", sans-serif; font-size: 16px; font-weight: bolder; padding: 5px; line-height: 20px; margin-top: 20px; } #submenu.productos p.first { margin-top: 0; } #submenu.opinion { background-color: #801E19; } #submenu.opinion a { color: #801E19; background-color: #dbc5ce; } /* NOTICIAS PORTADA */ #noticias-home { width: 260px; } #noticias-home p.tit { font-family: "arial", "helvetica", sans-serif; font-size: 20px; color: #2F3436; text-align: right; line-height: 30px; border-bottom: 1px solid #000; } #noticias-home div.noticia { border-bottom: 1px solid #000; padding: 10px; position: relative; } #noticias-home p.fecha { font-family: "arial", "helvetica", sans-serif; font-size: 9px; color: #999; margin-bottom: 5px; } #noticias-home p.titular { font-family: "arial", "helvetica", sans-serif; font-size: 12px; font-weight: bolder; color: #343434; margin-bottom: 10px; line-height: 15px; } #noticias-home p.texto { font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #343434; line-height: 15px; } #noticias-home a.leer { height: 10px; font-family: "arial", "helvetica", sans-serif; font-size: 9px; color: #000; font-weight: bolder; position: absolute; right: 0; bottom: -7px; background-color: #FFF; text-decoration: none; padding: 3px; } /* LISTADO NOTICIAS */ #listado-noticias { border-top: 1px solid #000; } #listado-noticias p.tit { font-family: "arial", "helvetica", sans-serif; font-size: 20px; color: #2F3436; text-align: right; line-height: 30px; border-bottom: 1px solid #000; } #listado-noticias div.noticia { border-bottom: 1px solid #000; padding: 10px; position: relative; } #listado-noticias p.fecha { font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #666; margin-bottom: 5px; } #listado-noticias p.titular { font-family: "arial", "helvetica", sans-serif; font-size: 13px; font-weight: bolder; color: #343434; margin-bottom: 10px; line-height: 15px; } #listado-noticias p.texto { font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #343434; line-height: 15px; } #listado-noticias a.leer { height: 10px; font-family: "arial", "helvetica", sans-serif; font-size: 9px; color: #000; font-weight: bolder; position: absolute; right: 0; bottom: -7px; background-color: #FFF; text-decoration: none; padding: 3px; } /* PAGINACION */ #paginacion { margin-top: 10px; } #paginacion a { color: #666; font-family: "arial", "helvetica", sans-serif; font-size: 12px; } #paginacion a:hover { color: #000; font-weight: bolder; text-decoration: none; } #paginacion strong { color: #000; font-weight: bolder; font-family: "arial", "helvetica", sans-serif; font-size: 12px; } /* MENSAJES */ #tabla-mensajes { margin: 10px 0; width: 100%; border-bottom: 4px solid #636B8F; } #tabla-mensajes th { background-color: #2B2B2B; font-family: "arial", "helvetica", sans-serif; color: #FFF; font-size: 12px; font-weight: bolder; padding: 5px; border-bottom: 4px solid #636B8F; text-align: left; } #tabla-mensajes td { padding: 5px; border-bottom: 1px solid #999; font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #555; } #tabla-mensajes tr.nuevo td { background-color: #EEE; font-weight: bolder; } #tabla-mensajes a { font-family: "arial", "helvetica", sans-serif; font-size: 11px; color: #555; text-decoration: none; } #tabla-mensajes a:hover { color: #636B8F; } #mensaje { margin: 20px; border: 1px solid #999; padding: 10px; } #mensaje h3 { margin-bottom: 0; width: auto; font-size: 16px; } #mensaje p.fecha { font-size: 11px; margin-bottom: 20px; } #mensaje a.adjunto { padding-left: 13px; background: url(../img/adjunto.gif) center left no-repeat; margin-left: 5px; font-size: 11px; } /* ESTILOS GENERALES */ div.padd-30 { padding: 30px; } a.top { font-family: "arial", "helvetica", sans-serif; font-size: 13px; color: #4D4D4D; text-decoration: none; margin-right: 20px; line-height: 30px; text-align: right; } hr { margin: 5px 0; } div.imagen { width: 100%; text-align: center; margin: 40px 0; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ * html .clearfix {height:1px;}