/* ---------------------------------------------------------------------------------------------------------- /* - Hoja de estilos . 11.10.2007 ------------------------------------------------------------------------------------------------------------*/ body { background-color: #ffffff; font-family: tahoma; font-size: 0.80em; } #cabecera { margin: 0 auto; width: 975px; } #cabecera #logo { width: 600px; height: 122px; background-color: #FBFBFB;} #cabecera #logo img { border: 0px; float: left; } #cabecera #logo #navegacion { float: right; width: 365px; height: 111px; text-align: left; padding-top: 10px; padding-left: 10px; } #cabecera #logo #navegacion img { border: 0px; filter:alpha(opacity=50); -moz-opacity:.7 } #cabecera #logo #navegacion a:hover img { filter:alpha(opacity=100); -moz-opacity:1 } #cabecera #clientes { float: right; width: 370px; height: 122px; background-color: #373737; color: #ffffff; } #cabecera #clientes #panel-login { padding-left: 15px; padding-right: 15px; padding-top: 15px; } #cabecera #clientes #panel-login input { background-color: #fff; border: solid #fff 0px; margin-bottom: 5px; padding-left: 3px; font-size: 0.80em; margin-left: 5px; } #cabecera #clientes #panel-login #error { color: #DF4545; font-size: 1.05em; } #cabecera #clientes #panel-login a { color: #fff; font-size: 0.80em; text-decoration: none; } #cabecera #clientes #panel-login a:hover { color: #aaa; font-size: 0.80em; text-decoration: underline; } #contenedor { margin: 0 auto; width: 975px; min-width: 970px; /* esto no funciona en IE */ } #contenedor #izq { float: left; width: 225px; } #contenedor #izq #menu { height: 300px; } #contenedor #izq #menu ul { margin: 0; padding: 0; } #contenedor #izq #menu li { list-style-type: none; } #contenedor #izq #menu li img { margin-top: 15px; margin-left: 10px; border: 0px; filter: alpha(opacity=50); -moz-opacity:.7 } #contenedor #izq #menu li a:hover img { filter:alpha(opacity=100); -moz-opacity:1 } #contenedor #izq #recetas { height: 100px; background-color: #fff; color: #fff; } #contenedor #izq #recetas img { border: 0px; } #contenedor #contenidos { float: left; width: 750px; min-width: 742px; /* esto no funciona en IE */ height: 425px; } #contenedor #contenidos #panel-1 { width: 750px; height: 300px; } #contenedor #contenidos #panel-1 #promociones { float: left; width: 320px; height: 250px; background-color: #9D9D9D; padding: 25px; } #contenedor #contenidos #panel-1 #promociones h2 { color: #000000; font-size: 1.05em; } #contenedor #contenidos #panel-1 #promociones a { color: #ffffff; font-size: 0.95em; text-decoration: none; } #contenedor #contenidos #panel-1 #promociones a:hover { color: #ffffff; font-size: 0.95em; text-decoration: underline; } #contenedor #contenidos #panel-1 #secciones { float: left; width: 380px; height: 300px; } #contenedor #contenidos #panel-1 #secciones img { float: left; border: 0px; } #contenedor #contenidos #panel-1 #sub-1 { float: left; width: 380px; height: 300px; background-image: url(../imagenes/menus/seca.jpg); } #contenedor #contenidos #panel-1 #sub-2 { float: left; width: 370px; height: 300px; background-image: url(../imagenes/menus/cocida.jpg); } #contenedor #contenidos #panel-1 #margen { text-align: right; margin-right: 20px; margin-top: 50px; font-size: 1.15em; } #contenedor #contenidos #panel-1 #margen a { color: #000; text-decoration: underline; } #contenedor #contenidos #panel-1 #margen a:hover { color: #000; text-decoration: none; } #contenedor #contenidos #panel-3 { width: 750px; background-color: #fff; } #contenedor #contenidos #panel-2 { width: 750px; background-color: #5F5F5F; } #contenedor #contenidos #panel-2 #noticias { width: 340px; height: 120px; padding-top: 5px; padding-left: 15px; padding-right: 15px; color: #ffffff; font-size: 0.85em; } #contenedor #contenidos #panel-2 #noticias a { color: #ffffff; font-size: 1.10em; text-decoration: none; } #contenedor #contenidos #panel-2 #noticias a:hover { color: #ffffff; font-size: 1.10em; text-decoration: underline; } #contenedor #contenidos #panel-2 #fotografia { float: right; width: 370px; height: 125px; background-image: url(../imagenes/fotografias/adorno-home.jpg); background-repeat: no-repeat; background-color: #ffffff; } #contenedor #contenidos #panel-noticias { width: 715px; height: 200px; padding: 25px; padding-bottom: 20px; padding-right: 10px; } #contenedor #contenidos #panel-noticias #txt { overflow: auto; height: 280px; text-align: justify; border-top: dotted #ddd 1px; padding-top: 10px; font-size: 0.85em; letter-spacing: 1px; } #contenedor #contenidos #panel-noticias a { color: #800000; text-decoration: none; } #contenedor #contenidos #panel-noticias a:hover { text-decoration: underline; } #contenedor #contenidos #panel-noticias h1 { font-size: 1.15em; color: #000; display: inline; } #contenedor #contenidos #panel-noticias h2 { font-size: 0.90em; color: #ccc; display: inline; } #contenedor #contenidos #panel-noticias .info { font-size: 0.90em; color: #ccc; } #contenedor #contenidos #panel-noticias .paginador { padding-left: 10px; padding-right: 10px; padding-left: 5px; margin-top: 10px; margin-bottom: 5px; text-align: left; } #contenedor #contenidos #panel-noticias .pag_registros { text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; } #contenedor #contenidos #panel-noticias .enlacep { color: #000000; text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; } #contenedor #contenidos #panel-noticias .enlacep2 { color: #F0F0F0; text-decoration: none; background-color: #DE0A09; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; } #contenedor #contenidos #panel-noticias .enlacep3 { color: #eee; text-decoration: none; background-color: #800000; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 1px; border: solid #585858 1px; font-weight: bold; } #contenedor #contenidos #panel-central { width: 725px; height: 330px; padding: 25px; padding-bottom: 0px; padding-right: 0px; } #contenedor #contenidos #panel-central a { color: #800000; text-decoration: none; } #contenedor #contenidos #panel-central a:hover { text-decoration: underline; } #contenedor #contenidos #panel-central #cab { border-bottom: dotted #ddd 1px; margin-bottom: 10px; } #contenedor #contenidos #panel-central #txt { overflow: auto; width: 685px; height: 300px; text-align: justify; padding: 20px; font-size: 0.85em; letter-spacing: 1px; } #contenedor #contenidos #panel-central #txt #errores { color: #800000; } #contenedor #contenidos #panel-central #txt fieldset { padding: 10px; padding-top: 0px; border: solid #eee 1px; } #contenedor #contenidos #panel-central #txt legend { font-weight: bold; } #contenedor #contenidos #panel-central #txt .lab-der-1 { margin-left: 146px; } #contenedor #contenidos #panel-central #txt .lab-der-2 { margin-left: 140px; } #contenedor #contenidos #panel-central #txt .lab-der-3 { margin-left: 60px; } #contenedor #contenidos #panel-central #txt .producto { clear: both; float: left; width: 625px; height: auto; margin: 1px; margin-top: 10px; } #contenedor #contenidos #panel-central #txt .producto img { float: left; padding-right: 10px; } #contenedor #contenidos #panel-central #txt .productos-img { float: left; width: 125px; } #contenedor #contenidos #panel-central #txt .productos-desc { float: left; width: 350px; } #contenedor #contenidos #panel-central #txt .yellow { color: #9E9500; } #contenedor #contenidos #panel-central #txt input { font-size: 0.80em; } #contenedor #contenidos #panel-central #txt select { font-size: 0.80em; } #contenedor #contenidos #panel-central #txt table { width: 100%; } #contenedor #contenidos #panel-central #txt th { background-color: #373737; color: #ffffff; padding-left: 5px; } #contenedor #contenidos #panel-central #txt td { padding-left: 5px; } #contenedor #contenidos #panel-central #txt #lin-sup { width: 100%; margin-top: 10px; border-top: solid #373737 1px; padding-top: 10px; } #contenedor #contenidos #panel-central #txt .paginador { padding-left: 10px; padding-right: 10px; padding-left: 5px; margin-top: 10px; margin-bottom: 5px; text-align: left; } #contenedor #contenidos #panel-central #txt .pag_registros { text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; } #contenedor #contenidos #panel-central #txt .enlacep { color: #000000; text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; } #contenedor #contenidos #panel-central #txt .enlacep2 { color: #F0F0F0; text-decoration: none; background-color: #DE0A09; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; } #contenedor #contenidos #panel-central #txt .enlacep3 { color: #eee; text-decoration: none; background-color: #800000; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 1px; border: solid #585858 1px; font-weight: bold; } #pie { clear: both; margin: 0 auto; width: 975px; height: 70px; text-align: center; background-color: #eee; letter-spacing: 1px; margin-bottom: 20px; text-align: left; } #pie #boletines { background-color: #373737; width: 205px; height: 50px; padding: 10px; color: #ffffff; text-align: left; margin-left: 0px; font-size: 0.80em; } #pie #boletines input { background-color: #fff; border: solid #fff 0px; margin-bottom: 5px; margin-top: 5px; padding-left: 3px; font-size: 1.05em; } #pie #boletines #error { font-size: 0.95em; } #pie #enlaces { float: right; width: 725px; text-align: center; padding-top: 15px; } #pie #enlaces a { font-size: 0.90em; color: #800000; font-weight: bold; text-decoration: none; } #pie #enlaces a:hover { font-size: 0.90em; color: #800000; font-weight: bold; text-decoration: underline; } #pie #enlaces #direccion { font-size: 0.80em; color: #000000; text-align: center; } #pie #enlaces #direccion a { font-size: 1.0em; color: #000000; font-weight: normal; text-decoration: none; }