/* LO PRIMERO QUE HAY QUE HACER ES ESPECIFICAR UN FONT, PADDING Y MARGIN DE ___cero___ PARA TODO */ body,p,div,span,ol,ul,li,input,textarea,hr,img,codeh1,h2,h3,h4,h5,h6{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; } body { background: #817126 url(../images/pagina/bg_body.jpg) repeat-x top; text-align: center; } /* contenedor central de la página: contiene todo */ #pagina{ width: 960px; text-align: left; /* anula text align center en el body */ } /* cabecera */ #header{ margin-top: 10px; padding-top: 10px; position: relative; width: 940px; height: 175px; /* background: url(../images/pagina/bg_pagina_header.gif) no-repeat;*/ background-position: left top; overflow: hidden; background: url(../images/pagina/bg_pagina_header.gif) no-repeat; } /* logo */ #header_logo{ width: 260px; height: 185px; float: left; } /* banner */ #header_banner{ float: left; width: 625px; float: left; overflow: hidden; } /* menu horizontal superior */ #navegacion_horizontal{ width: 595px; margin-left: 25px; height: 32px; overflow: hidden; margin-top: 8px; } #navegacion_horizontal a{ font-size: 11px; font-weight: bold; text-decoration: none; color: #5e5422; } #navegacion_horizontal a div{ border: 1px solid White; margin-right: 5px; float: left; height: 16px; border: solid 1px #ff; background: url(../images/menu/bg_off.gif) repeat-x top; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; padding-top: 4px; display: inline; cursor: pointer; } #navegacion_horizontal a div:hover{ color: #ffffff; background: url(../images/menu/bg_on.gif) repeat-x top; } /* idiomas */ #header_idiomas{ width: 40px; height: 150px; float: left; padding-left: 15px; padding-top: 20px; } #header_idiomas li{ list-style-type: none; margin-bottom: 10px; } #header_idiomas img{ border: 0px none; } #header_idiomas a.administracion{ width: 16px; height: 16px; background: Black url(../images/lang/panel_0.gif) no-repeat 0px; padding-left: 500px; } #header_idiomas a.administracion:hover{ background: url(../images/lang/panel_1.gif) no-repeat 0px; } /* parte izquierda */ #contenedor{ position: relative; background: url(../images/pagina/bg_pagina_contenedor.gif) repeat-y 0px 0px; width: 940px; min-height: 500px; } #contenedor_lateral{ background: url(../images/pagina/bg_pagina_contenedor_navegacion.gif) no-repeat; position: relative; display: inline; left: 0px; top: 0px; float: left; clear: left; width: 264px; height: auto; background-position: left top; overflow: hidden; min-height: 500px; } #contenedor_navegacion{ text-align: center; float: right; border-right-color: Black; border-right-style: solid; border-right-width: 1px; overflow: hidden; margin-top: 20px; padding-top: 22px; } /* menu de navegacion */ #navegacion{ text-align: left; font-size: 11px; color: #6D6A6A; overflow: hidden; width: 180px; } #navegacion .titular{ color: #592E32; font-size: 12px; font-weight: bold; text-align: center; background: url(../images/menu/bg_hr.gif) no-repeat bottom; height: 22px; margin-bottom: 10px; } #navegacion a:link, #navegacion a:visited, #navegacion a:active { color: Black; text-decoration: none; font-size: 11px; font-weight: bold; background: url(../images/menu/punto.gif) no-repeat; padding-left: 10px; } #navegacion a:hover { text-decoration: underline; } #navegacion .elemento{ padding-top: 5px; padding-bottom: 10px; } /* newsletter */ #newsletter{ background: url(../images/menu/bg_newsletter.jpg) no-repeat; width: 180px; height: 140px; overflow: hidden; color: White; font-size: 11px; text-align: center; margin-top: 20px; } #newsletter .titular{ color: White; font-size: 12px; font-weight: bold; text-align: center; padding-top: 1px; } #newsletter p{ text-align: left; padding-left: 15px; padding-top: 12px; } #newsletter a:link, #newsletter a:visited, #newsletter a:active { color: White; text-decoration: none; font-size: 11px; font-weight: bold; padding-bottom: 10px; } #newsletter a:hover { text-decoration: underline; } /* informacion */ #informacion{ background: url(../images/menu/bg_informacion.jpg) no-repeat center; width: 180px; font-size: 11px; color: #6d6a6a; height: 150px; text-align: center; padding-top: 30px; line-height: 20px; } #informacion a:link, #informacion a:visited, #informacion a:active { color: #6d6a6a; text-decoration: none; font-size: 11px; font-weight: normal; padding-bottom: 10px; } #informacion a:hover { text-decoration: underline; } /* parte derecha (contenido) */ #contenedor_contenido{ position: relative; float: right; width: 641px; padding-top: 20px; font-size: 11px; overflow: hidden; margin-right: 35px; background: White; } #contenedor_contenido h1{ clear: left; font-size: 17px; font-weight: normal; color: #5e5422; background: url(../images/pagina/bg_h1.gif) no-repeat; background-position: 0px 18px; height: 30px; padding-left: 15px; margin-top: 0px; } #contenedor_contenido h2{ clear: left; font-size: 14px; font-weight: normal; color: #592e32; padding-top: 15px; padding-left: 15px; } #contenedor_contenido h3{ clear: left; font-size: 10px; font-weight: bold; color: #5e5422; padding-left: 15px; text-decoration: underline; margin-top: 20px; margin-bottom: 5px; } #contenedor_contenido h4{ clear: left; font-size: 12px; font-weight: bold; color: #5e5422; padding-left: 15px; text-decoration: underline; margin-top: 20px; margin-bottom: 5px; background: url(../images/triangulo.gif) no-repeat 10px; } #contenedor_contenido p{ padding-left: 15px; text-align: justify; margin-top: 5px; } #contenedor_contenido ul{ list-style-type: none; padding-left: 30px; padding-top: 10px; padding-bottom: 5px; } #contenedor_contenido li{ clear: left; width: 300px; } #contenedor_contenido img{ background: url(../images/loading.gif) no-repeat center; } #contenedor_contenido div.ficha_descarga{ padding-left: 15px; } /* pie de pagina */ #footer{ width: 940px; height: 40px; background: url(../images/pagina/bg_pagina_footer.gif) no-repeat; padding-left: 40px; padding-top: 15px; background-position: top left; } #footer a:link, #footer a:visited, #footer a:active { color: #8f8e89; text-decoration: none; font-size: 9px; font-weight: bold; } #footer a:hover { color: #3A3A3A; text-decoration: underline; } /* navegación de páginas en cuaquier sección */ #navegacion_paginas{ text-align: right; padding-right: 20px; font-size: 9px; float: right; color: #8f8e89; } #navegacion_paginas div.page_prev{ float: left; background: url(../images/bg_anterior.gif) no-repeat left !important; padding-left: 12px !important; padding-right: 3px; } #navegacion_paginas div.page_next{ float: left; background: url(../images/bg_siguiente.gif) no-repeat right !important; padding-right: 15px !important; padding-left: 3px; } #navegacion_paginas div.page_link{ float: left; color: #8f8e89; background: right; padding-left: 3px; padding-right: 3px; } #navegacion_paginas div.page_current{ float: left; color: #cdb84e !important; padding-left: 3px; padding-right: 3px; } #navegacion_paginas a:link, #navegacion_paginas a:visited, #navegacion_paginas a:active { color: #8f8e89; text-decoration: none; } #navegacion_paginas a:hover { color: #3A3A3A; text-decoration: underline; } /* --- --- --- --- --- --- ESPECIFICAS DE CADA PAGINA O COMUNES A VARIAS --- --- --- --- --- --- */ /* cajas del 50% de ancho con un borde redondeado (inicio,) */ div.lineadorada{ background: url(../images/pagina/bg_lineadorada.gif) no-repeat; overflow: hidden; width: 303px; height: 190px; margin-left: 9px; float: left; font-size: 11px; text-align: left; background-position: top left; } div.lineadorada img{ background: url(../images/loading.gif) no-repeat center; float: right; margin-top: 30px; margin-right: 8px; margin-left: 5px; } div.lineadorada h2{ font-size: 17px; font-weight: bold; color: #5e5422; height: 35px; padding-left: 15px; padding-top: 0px !important; } div.lineadorada a:link, div.lineadorada a:visited, div.lineadorada a:active { color: #8f8e89; text-decoration: none; font-size: 11px; font-weight: normal; background: url(../images/menu/punto2.gif) no-repeat; padding-left: 7px; background-position: 0px 0px; text-align: left !important; } div.lineadorada a:hover { color: #3A3A3A; text-decoration: underline; } /* FALTA ESTOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */ div.lineadorada p{ background: url(../images/misc/copa.gif) no-repeat -12px top left; } /* productos (ficha) */ div.ficha_producto{ width: 618px; height: auto; background: url(../images/ficha/top.gif) no-repeat; background-position: right top; padding-bottom: 10px; padding-right: 12px; } div.ficha_producto img.producto{ border: 1px solid #8b7c34; margin-left: 10px; background: url(../images/loading.gif) no-repeat center center !important; } div.ficha_producto a:link, div.ficha_producto a:visited, div.ficha_producto a:active { color: #8f8e89; text-decoration: none; font-size: 10px; background: #FFFAF0 url(../images/pdf.gif) no-repeat right; padding-right: 20px; } div.ficha_producto a:hover { color: #3A3A3A; text-decoration: underline; } div.ficha_producto_bottom{ width: 630px; background: url(../images/ficha/bottom.gif) no-repeat; background-position: right top; margin-bottom: 20px; } /* formulario de newsletter */ #newsletter_contenido form{ background: url(../images/newsletter/bg_newsletter.jpg) no-repeat bottom; } #newsletter_contenido div.comentarios{ font-size: 9px; color: #5e5422; text-align: center; padding-bottom: 20px; padding-top: 2px; } #newsletter_contenido p{ padding-right: 10px; } #newsletter_contenido label{ color: #5e5422; display: block; text-align: right; width: 200px; height: 16px; padding-right: 10px; float: left; margin-bottom: 10px; padding-top: 5px; } #newsletter_contenido input{ display: block; float: left; width: 250px; height: 16px; border: 1px solid #817126; font-size: 11px; font-weight: normal; color: #5e5422; margin-bottom: 10px; padding-top: 3px; padding-left: 3px; } #newsletter_contenido div.submit{ text-align: center !important; padding-bottom: 230px; float: none !important; } #newsletter_contenido div.submit input{ display: block; float: none !important; background: url(../images/newsletter/bg_submit.gif) no-repeat 0px; width: 90px; height: 21px; color: #5e5422; font-size: 10px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #newsletter_contenido div.validation_errors{ font-weight: bold; color: #B90000; padding-left: 15px; padding-right: 10px; } /* formulario de contacto */ #contacto_contenido { background: url(../images/contacto/bg_contacto.jpg) no-repeat; min-height: 550px; background-position: bottom left; } #contacto_contenido div.form_fila{ margin-bottom: 5px; } #contacto_contenido div.form_fila label{ color: #5e5422; display: block; text-align: right; width: 200px; height: 16px; padding-right: 10px; float: left; margin-bottom: 10px; padding-top: 5px; } #contacto_contenido div.form_fila input{ display: block; float: left; width: 250px; height: 16px; border: 1px solid #817126; font-size: 11px; font-weight: normal; color: #5e5422; margin-bottom: 10px; padding-top: 3px; padding-left: 3px; } #contacto_contenido div.form_fila textarea{ display: block; float: left; width: 400px; height: 120px; border: 1px solid #817126; font-size: 11px; font-weight: normal; color: #5e5422; margin-bottom: 10px; padding-top: 3px; padding-left: 3px; } #contacto_contenido div.form_fila div.error{ display: block; clear: left; font-weight: bold; color: #B90000; padding-left: 15px; padding-right: 10px; } #contacto_contenido div.comentarios{ clear:left; font-size: 9px; color: #5e5422; text-align: center; padding-bottom: 20px; padding-top: 2px; } #contacto_contenido div.form_fila_horizontal{ clear: left; padding-left: 150px; margin-bottom: 5px; } #contacto_contenido div.form_fila_horizontal label{ color: #5e5422; display: block; height: 16px; margin-bottom: 10px; padding-top: 5px; } #contacto_contenido div.form_fila_horizontal textarea{ width: 400px; height: 170px; border: 1px solid #817126; font-size: 11px; font-weight: normal; color: #5e5422; margin-bottom: 10px; padding-top: 3px; padding-left: 3px; } #contacto_contenido div.form_fila_horizontal input{ margin-right: 30px; } #contacto_contenido div.submit{ text-align: center !important; clear: left; padding-bottom: 10px; } #contacto_contenido div.submit input{ background: url(../images/newsletter/bg_submit.gif) no-repeat 0px; width: 90px; height: 21px; color: #5e5422; font-size: 10px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #contacto_contenido a:link, #contacto_contenido a:visited, #contacto_contenido a:active { color: #817126; text-decoration: none; font-size: 12px; padding-right: 20px; } #contacto_contenido a:hover { color: #3A3A3A; text-decoration: underline; } /* administracion */ #administacion_contenido{ background: url(../images/administracion/bg_admin.jpg) no-repeat center; min-height: 600px; } #administacion_contenido div.form_fila{ margin-bottom: 5px; } #administacion_contenido div.form_fila label{ color: #5e5422; display: block; text-align: right; width: 200px; height: 16px; padding-right: 10px; float: left; margin-bottom: 10px; padding-top: 5px; } #administacion_contenido div.form_fila input{ display: block; float: left; width: 250px; height: 16px; border: 1px solid #817126; font-size: 11px; font-weight: normal; color: #5e5422; margin-bottom: 10px; padding-top: 3px; padding-left: 3px; } #administacion_contenido div.comentarios{ clear:left; font-size: 9px; color: #5e5422; text-align: center; padding-bottom: 20px; padding-top: 2px; } #administacion_contenido div.submit{ text-align: center !important; clear: left; padding-bottom: 10px; } #administacion_contenido div.submit input{ background: url(../images/newsletter/bg_submit.gif) no-repeat 0px; width: 90px; height: 21px; color: #5e5422; font-size: 10px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #administacion_contenido div.error{ display: block; clear: left; font-weight: bold; color: #B90000; padding-left: 15px; padding-right: 10px; } /* noticias */ #noticias{} #noticias div.noticia{ width: 620px; background: url(../images/noticias/bg_noticia.gif) no-repeat bottom right; padding-bottom: 10px; background-color: #ADD8E6; } #noticias div.noticia h4{ padding-top: 0px; margin-top: 0px; } #noticias div.noticia img{ float: right; border: 1px solid #8b7c34; margin-left: 10px; } #noticias div.noticia_descarga { padding-left: 400px; } #noticias div.noticia_texto{ float: left; width: 510px; padding-right: 5px; } #noticias div.noticia_imagen{ float: left; width: 102px; } #noticias div.noticia_descarga a:link, #noticias div.noticia_descarga a:visited, #noticias div.noticia_descarga a:active { color: #8f8e89; text-decoration: none; font-size: 10px; background: #FFFAF0 url(../images/pdf.gif) no-repeat right; padding-right: 20px; } #noticias div.noticia_descarga a:hover { color: #3A3A3A; text-decoration: underline; } /* galerias de fotos */ #galerias_contenido { background: url(../images/galerias/bg_galerias_contenido.jpg) no-repeat; min-height: 550px; background-position: right top; } #galerias_contenido h1{ padding-bottom: 0px !important; margin-bottom: 0px !important; } #galerias_contenido div.navegacion_categorias li{ clear: none; display: block; float: left; padding: 0px 10px 0px 0px; width: auto !important; } #galerias_contenido div.navegacion_categorias a:link, #galerias_contenido div.navegacion_categorias a:visited, #galerias_contenido div.navegacion_categorias a:active { color: #817126; background: url(../images/triangulo.gif) no-repeat left; text-decoration: none; font-size: 11px; font-weight: bold; padding-left: 10px; } #galerias_contenido div.navegacion_categorias a:hover { color: #3A3A3A; text-decoration: underline; } #foto_grande { padding-left: 10px; text-align: center; } #foto_grande img{ margin: 5px;border: 1px solid #817126; } div.navegacion_fotos{ text-align: center; height: 120px; width: 600px; padding-left: 20px; } div.navegacion_fotos_thumbs{ background: url(../images/galerias/bg_galerias_thumbs.gif) no-repeat 0px; padding-top: 5px; width: 600px; height: 120px; } div.navegacion_fotos_thumbs div { /* text-align: center !important; */} div.navegacion_fotos_thumbs div.descripcion { padding-bottom: 15px; width: 600px; } div.navegacion_fotos_thumbs div.descripcion p{ display: inline; text-align: center; background: url(../images/bg_siguiente.gif) no-repeat left; padding-left: 8px; color: #817126; margin-top: 5px; } div.navegacion_fotos div.pagelink { display: block; float: left; padding-left: 15px; padding-right: 15px; padding-top: 40px; } div.navegacion_fotos div.pagelink img{ background: none !important; } /* thumbnails */ div.navegacion_fotos div.pagelink_fotos {/* width: 600px; */} div.pagelink_fotos div.thumb{ display: block; float: left; } div.pagelink_fotos a:link img, div.pagelink_fotos a:visited img, div.pagelink_fotos a:active img { border: 1px solid White; } div.pagelink_fotos a:hover img { border: 1px solid #817126; } /* prev / next */ div.pagelink a:link img, div.pagelink a:visited img, div.pagelink a:active img { border: 0px none !important; } div.pagelink a:hover img { border: 0px none !important; }