/* CSS Gilpaprint */ * { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; outline:0; } /* ---- */ body { font-size:11px; background:#CCC; color:#333; } div { width:auto; height:auto; overflow:auto; } /* ---- */ h1, h2, h3, h4, h5, h6 { font-size:1em; } h4 { font-size:13px; color:#014A79; margin:15px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #CCCCCC; } /* ---- */ a { text-decoration:none; } a:hover {} a img { border:0; } form ul li { list-style-type:none; } /* -------------------------------------------------- */ /* ESTRUCTURA */ /* -------------------------------------------------- */ #principal { width:850px; margin:0 auto; background:#FFF; } #cabecera { width:850px; } #cabecera_sup { width:850px; height:97px; border-bottom:#FFF 2px solid; background:url(../imgs/sitio/cabecera_degradado.jpg) right top repeat-y; } #cabecera_inf { width:850px; height:154px; border-top:#5F677E 15px solid; border-bottom:#5F677E 15px solid; background:url(../imgs/sitio/cabecera_imagen.jpg) right bottom no-repeat; } /* Cabeceras alternativas */ /* 2 */ body.P_79 #cabecera_inf, body.P_84 #cabecera_inf, body.P_85 #cabecera_inf, body.P_86 #cabecera_inf, body.P_87 #cabecera_inf, body.P_88 #cabecera_inf, body.P_89 #cabecera_inf, body.P_90 #cabecera_inf, body.P_91 #cabecera_inf, body.P_92 #cabecera_inf, body.P_96 #cabecera_inf { background:url(../imgs/sitio/cabecera_imagen_2.jpg) right center no-repeat; } /* 3 */ body.P_83 #cabecera_inf, body.P_94 #cabecera_inf, body.P_95 #cabecera_inf { background:url(../imgs/sitio/cabecera_imagen_3.jpg) right center no-repeat; } /* 4 */ body.P_82 #cabecera_inf { background:url(../imgs/sitio/cabecera_imagen_4.jpg) right center no-repeat; } /* 5 */ body.P_81 #cabecera_inf, body.P_93 #cabecera_inf { background:url(../imgs/sitio/cabecera_imagen_5.jpg) right center no-repeat; } /* 6 */ body.P_80 #cabecera_inf, body.P_97 #cabecera_inf { background:url(../imgs/sitio/cabecera_imagen_6.jpg) right center no-repeat; } /* ---- */ #contenido { width:850px; border-top:#FFF 2px solid; border-bottom:#FFF 2px solid; background:url(../imgs/sitio/contenido_bg.jpg) 0 0 repeat-y; } #contenido_izq { float:left; width:207px; padding:10px 0; background:#555; } #contenido_der { float:left; width:643px; } #contenido_superior { width:643px; border-bottom:#CCC 1px solid; background:#FFF; } #contenido_central { float:left; width:442px; /* + Borde */ } #contenido_derecha { float:right; width:200px; padding:10px 0; } /* ---- */ /* Variación de Estructura para */ body.C #contenido { background:url(../imgs/sitio/contenido_no_line_bg.jpg) 0 0 repeat-y !important; } body.C #contenido #contenido_central { width:643px !important; } body.C #contenido #contenido_derecha { display:none !important; } /* ---- */ #pie { width:850px; height:77px; border-top:#5F677E 15px solid; background:#FFF url(../imgs/sitio/pie_bg.jpg) 0 2px repeat-x; } /* -------------------------------------------------- */ /* */ /* -------------------------------------------------- */ /* -------- */ /* CABECERA */ /* -------- */ #logo { float:left; position:relative; top:10px; left:20px; width:264px; } /* ---- */ #iconos { float:right; height:40px; padding:17px 7px 0 0; } #iconos a { display:block; float:left; width:23px; height:22px; margin-right:7px; } /* ---- */ #telefono { float:right; clear:right; padding:0 14px; 0 0; font-size:2em; color:#FFF; } /* ---- */ #nav { /* UL */ position:relative; top:11px; left:71px; width:190px; } #nav li { width:138px; height:19px; padding-top:3px; padding-left:52px; background:url(../imgs/sitio/menu_ico.jpg) 20px center no-repeat; list-style-type:none; border-top:#CCC 1px solid; } #nav li.first { border:none; } #nav li a { font-size:1.25em; color:#555; } #nav li a:hover, #nav li.sel a { color:#014A79; } /* --------- */ /* CONTENIDO */ /* --------- */ /* --------- */ /* IZQUIERDA */ /* --------- */ /* Menú Lateral */ #contenido_izq #menu_lateral { width:200px; padding-bottom:20px; } #contenido_izq #menu_lateral h4 { height:20px; /*padding-left:10px;*/ padding-bottom:20px; font-size:1.8em; font-weight:normal; color:#8BAED8; } #contenido_izq #menu_lateral ul { padding-left:28px; } #contenido_izq #menu_lateral ul li { padding:2px 0; list-style-image:url(../imgs/sitio/menu_vinieta_2.jpg); } #contenido_izq #menu_lateral ul li a { font-size:1.1em; text-decoration:underline; color:#D5D5D5; } #contenido_izq #menu_lateral ul li a:hover, #contenido_izq #menu_lateral ul li.sel a { color:#FFF; } /* Formulario de Contacto Rápido */ #contenido_izq #contacto_rapido { width:207px; padding-bottom:20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } #contenido_izq #contacto_rapido h4 { padding-bottom:20px; padding-left:1px; font-size:1em; color:#8BAED8; } #contenido_izq #contacto_rapido ul li { padding:3px 0; } #contenido_izq #contacto_rapido ul li label { display:block; float:left; width:50px; padding-left:10px; color:#FFF; } #contenido_izq #contacto_rapido ul li input.txt { width:130px; padding:1px; font-size:.9em; } #contenido_izq #contacto_rapido ul li textarea { width:130px; height:60px; padding:1px; font-size:.9em; } #contenido_izq #contacto_rapido ul li a { display:block; float:left; width:132px; text-align:right; color:#FFF; } #contenido_izq #contacto_rapido ul li a:hover { color:#8BAED8; } /* Noticias & Novedades */ #contenido_izq div.noticias { width:207px; padding-top:30px; padding-bottom:20px; } #contenido_izq div.noticias h2 { padding-bottom:15px; padding-left:10px; text-align:center; font-size:1.1em; color:#FFF; } #contenido_izq div.noticias ul { padding:0 10px; } #contenido_izq div.noticias ul li { padding:0 0 10px 0; } #contenido_izq div.noticias ul li p { color:#FEF492; padding-left:15px; } #contenido_izq div.noticias ul li a { color:#FFF; float:right; padding-top:10px; padding-bottom:10px; display:block; clear:both; width:100%; text-align: right; } #contenido_izq div.noticias ul li a:hover { color:#8BAED8; } /* -------- */ /* SUPERIOR */ /* -------- */ h2 { padding:10px 0 10px 10px; font-size:1.8em; font-weight:normal; } h2 span { color:#014A79; } /* ---- */ #contenido_superior div.img { float:left; width:216px; height:150px; padding-left:10px; overflow:hidden; } #contenido_superior div.img img { border:#999 1px solid; } #contenido_superior p { float:right; width:407px; padding-right:10px; text-align:justify; line-height:17px; } #contenido_superior a { display:block; padding-top:20px; text-align:right; } /* ------ */ /* CENTRO */ /* ------ */ /* Lista de Productos */ #contenido_central #productos_lista { width:422px; /* 442 - 20 */ margin:0 auto; padding-top:20px; } #contenido_central #productos_lista ul li { width:422px; height:auto; overflow:auto; margin-bottom:20px; padding-bottom:30px; background:url(../imgs/sitio/separador_noticias.jpg) center bottom no-repeat; } #contenido_central #productos_lista ul li h3 { font-size:1.2em; color:#014A79; } #contenido_central #productos_lista ul li h3 a { color:#014A79; } #contenido_central #productos_lista ul li p.subtitulo { padding:10px 0; font-size:1.1em; font-weight:bold; } #contenido_central #productos_lista ul li div.thumb { float:left; width:112px; } #contenido_central #productos_lista ul li p.texto { float:right; width:300px; text-align: justify; } #contenido_central #productos_lista ul li p.precio { float:right; width:300px; padding:10px 0 0 0; } #contenido_central #productos_lista ul li p.precio span.precio { font-weight:bold; font-size:1.2em; } #contenido_central #productos_lista ul li p.links { float:right; width:100px; padding-top:20px; } /* Ficha de Producto */ #contenido_central #ficha_producto { width:422px; /* 442 - 20 */ margin:0 auto; padding-top:20px; } #contenido_central #ficha_producto h2 { padding:0 0 20px 0; font-size:1.6em; font-weight:normal; color:#174A79; } #contenido_central #ficha_producto div.thumb { float:left; padding-bottom:20px; } #contenido_central #ficha_producto div.texto_comercial { width:310px; padding-left:13px; font-weight:bold; } #contenido_central #ficha_producto div.texto_corto { width:310px; padding-left:13px; text-align:justify; } #contenido_central #ficha_producto div.descripcion { width:410px; padding:0 0 20px 0; text-align:justify; } #contenido_central #ficha_producto p.precio { width:422px; padding:0 0 20px 0; } #contenido_central #ficha_producto p.precio span.precio { font-weight:bold; font-size:1.2em; } #contenido_central #ficha_producto p.links { padding:0 0 20px 0; } /* Lista de Noticias */ #contenido_central div.lista_noticias { width:422px; /* 442 - 20 */ margin:0 auto; } #contenido_central div.lista_noticias div.paginado { width:422px; border-top:#FFF 7px solid; border-bottom:#FFF 7px solid; text-align:right; } #contenido_central div.lista_noticias div.paginado ul { float:right; } #contenido_central div.lista_noticias div.paginado li { float:left; width:15px; height:15px; margin-left:2px; border:#CCC 1px solid; list-style-type:none; } #contenido_central div.lista_noticias div.paginado li a { display:block; float:left; width:15px; height:14px; padding-top:1px; font-weight:bold; color:#333; text-align:center; } #contenido_central div.lista_noticias div.paginado li a:hover { color:#014A79; background:#EFEFEF; } /* ---- */ #contenido_central div.lista_noticias ul.lista li { margin-bottom:20px; padding-bottom:30px; background:url(../imgs/sitio/separador_noticias.jpg) center bottom no-repeat; } #contenido_central div.lista_noticias ul.lista li h3 { padding-bottom:20px; font-size:1.2em; color:#014A79; } #contenido_central div.lista_noticias ul.lista li div.txt { width:422px; } #contenido_central div.lista_noticias ul.lista li div.leer_mas { width:422px; text-align:right; } /* Bloque de texto */ #contenido_central div.bloque_texto { width:422px; /* 442 - 20 */ margin:0 auto; padding:10px 0 20px 0; } #contenido_central div.bloque_texto h1, #contenido_central div.bloque_texto h2 { padding:0 0 10px 0; font-size:1.6em; font-weight:normal; color:#174A79; } #contenido_central div.bloque_texto h2 span { padding:0; } #contenido_central div.bloque_texto div.imagenes { float:left; padding-left:17px; } #contenido_central div.bloque_texto div.img { float:left; margin:3px 10px 0 0; } #contenido_central div.bloque_texto div.img img { border:0px; } #contenido_central div.bloque_texto div.img_completa { margin:0 0 17px 0; } #contenido_central div.bloque_texto div.img_completa img { border:#999 1px solid; } #contenido_central div.bloque_texto p { line-height:19px; text-align:justify; } /* ---- */ body.C #contenido_central div.bloque_texto { width:623px; /* 643 - 20 */ } /* Formulario de Contacto */ #contenido_central div.form_contacto { width:623px; /* 643 - 20 */ margin:0 auto; } #contenido_central div.form_contacto label { font-size:1.1em; } #contenido_central div.form_contacto input.corto { width:177px; padding:3px 0; border:#B5B5B5 1px solid; background:#EFEFEF; } #contenido_central div.form_contacto input.largo { width:459px; padding:3px 0; font-size:1em; border:#B5B5B5 1px solid; background:#EFEFEF; } #contenido_central div.form_contacto select { width:179px; padding:1px 0; border:#B5B5B5 1px solid; background:#EFEFEF; } #contenido_central div.form_contacto textarea { width:459px; height:100px; padding:3px 0; font-size:1em; border:#B5B5B5 1px solid; background:#EFEFEF; } #contenido_central div.form_contacto a { display:block; float:right; padding:5px 0; color:#333; } #contenido_central div.form_contacto a:hover { color:#014A79; } /* ------- */ /* DERECHA */ /* ------- */ /* Menú Lateral */ #contenido_derecha #menu_lateral { width:200px; padding-bottom:20px; } #contenido_derecha #menu_lateral h4 { height:20px; /*padding-left:10px;*/ padding-bottom:20px; font-size:1.8em; font-weight:normal; color:#333; } #contenido_derecha #menu_lateral h4 span { color:#014A79; } #contenido_derecha #menu_lateral ul { padding-left:28px; } #contenido_derecha #menu_lateral ul li { padding:2px 0; list-style-image:url(../imgs/sitio/menu_vinieta.jpg); } #contenido_derecha #menu_lateral ul li a { font-size:1.1em; text-decoration:underline; color:#555; } #contenido_derecha #menu_lateral ul li a:hover, #contenido_derecha #menu_lateral ul li.sel a { color:#014A79; } /* Formulario de Contacto Rápido */ #contenido_derecha #contacto_rapido { width:200px; padding-bottom:20px; } #contenido_derecha #contacto_rapido h4 { padding-bottom:20px; /*padding-left:10px;*/ font-size:1.1em; color:#333; } #contenido_derecha #contacto_rapido ul li { padding:3px 0; } #contenido_derecha #contacto_rapido ul li label { display:block; float:left; width:50px; padding-left:10px; color:#333; } #contenido_derecha #contacto_rapido ul li input.txt { width:125px; padding:1px; font-size:.9em; border:#B5B5B5 1px solid; } #contenido_derecha #contacto_rapido ul li textarea { width:125px; height:60px; padding:1px; font-size:.9em; border:#B5B5B5 1px solid; } #contenido_derecha #contacto_rapido ul li a { display:block; float:left; width:127px; text-align:right; color:#555; } #contenido_derecha #contacto_rapido ul li a:hover { color:#014A79; } /* Promociones */ #contenido_derecha div.promociones { width:200px; padding-bottom:20px; border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; } #contenido_derecha div.promociones h2 { padding-bottom:15px; padding-left:10px; font-size:1.8em; font-weight:normal; } /* ---- */ #contenido_derecha div.promociones ul { margin-left:10px; padding-left:10px; } #contenido_derecha div.promociones ul li { padding:0 0 10px 0; } #contenido_derecha div.promociones ul li a { font-size:1.2em; text-decoration:underline; color:#014A79; } #contenido_derecha div.promociones ul li p { padding-right:10px; } #contenido_derecha div.promociones ul li p.precio { font-weight:bold; text-align:right; } /* --- */ /* PIE */ /* --- */ #pie p.copyright { float:left; width:200px; padding-top:3px; text-align:center; font-size:1em; color:#FFF; margin-bottom:3px; } #pie p.direccion { float:left; width:650px; padding:17px 0; font-size:1.2em; text-align:center; color:#FFF; } #pie p.nav_pie { float:left; width:650px; padding:5px 0; text-align:center; color:#FFF; } #pie p.nav_pie a { color:#FFF; } /* Fin CSS "FS" */ /* --- */ /* --- Menu Inicio ----*/ .lista_home {width:435px; margin:0px; padding:0px; list-style:none;} .lista_home li {list-style:none; margin:0px; padding:0px; width:435px; clear:both;} .lista_home h3, .lista_home p {float:left; width:277px; padding:10px 0 10px 10px; text-align:justify;} .lista_home h3 {margin-bottom:0px;} .lista_home img {float:right; width:130px; margin-top:0px;} .lista_home li h3 a {text-decoration: none; color:#014a79; font-size:16px;} .lista_home li h3 a:hover {text-decoration: underline;} .lista_home li h3 a:visited {text-decoration:underline; color:#014a79;} /* --- Lista Servicios ----*/ .lista_serv{ margin:20px; text-align:justify;} .lista_serv li{ margin:10px; list-style:circle;} .lista_serv h3 { font-size:13px; color:#014a79; }