/* CSS Document */ /**Hoja de estilos de Casa Vieja**/ body {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888888} /************el ancho del disenyo es 1012 pixeles************************/ #contenedor {width:1012px; display:block; margin-left:auto; margin-right:auto} /*********************capas de cabecera********************/ #cabecera {height:139px; width:1012px; background:url(images/cab.gif) top center no-repeat} #img_cab {width:623px; height:139px; float:left} #iconos {width:146px; height:139px; float:right; text-align:center} /*******iconos de home y correo******/ .menu { list-style:none; margin:0; padding:0;} .menu li { padding:0; padding-left:10px; float:left;} .menu li a { display:block; width:43px; height:64px; text-decoration:none; } .menu li a:hover { background-position:bottom; } .menu li a span { display:none; } #inicio { background-image:url(images/ico_home.gif); } #contacto {background-image:url(images/ico_mail.gif);} /****************************/ #datos_contacto {width:243px; height:139px; float:left} #buscador {width:243px; height:59px; float:left; background:url(images/fnd_buscador.gif) top left no-repeat; text-align:center } /*********************campo y boton**************************/ #campo {width:190px; height:21px; float:left; padding-top:12px; color:#313233} #boton {width:45px; height:25px; float:right; padding-top:8px; padding-right:8px} /*************************************************************/ #telefono {width:243px; height:80px; float:left; background:url(images/fnd_telefono.gif) top left no-repeat;} #numero {color:#313233; font-size:18px; font-weight:bold; height:30px; text-align:center; padding-top:20px; padding-left:30px} #atencion {color:#313233; text-align:center; padding-left:30px} /*********************************************************************************/ /*************************capas de menu superior********************/ #menu_sup{height:48px; width:1012px; background:url(images/fnd_menusup.gif) top center no-repeat; display:block} #items{ width:460px; float:left} #item_sup { list-style:none; margin:0; padding:0} #item_sup li { margin:2px; padding:2px; float:left; width:80px; text-align:center; padding-top:15px } #item_sup li a { color:#4D4D4D; text-decoration:none } #item_sup li a:hover { color:#FFFFFF; text-decoration:none } #items2{ width:450px; float:right} #apoyo {list-style:none; margin:0px} #apoyo li { float:left; } #apoyo li a {display:block; width:90px; text-decoration:none; text-align:right; height:28px ; color:#4D4D4D; background:url(images/btn_carrito.gif) top left no-repeat; padding-right:15px; padding-top:20px } #apoyo li a:hover {color:#FFFFFF; background-position:bottom left;} /**************************************************************************/ /*******************************contenido central********************************/ #contenido{width:1012px; display:block} #columna_derecha {width:192px; float: right;} #columna_izquierda {width:192px; float: left;} /********categorias***********/ #categorias { width:187px; } #cab_tabla { height:25px; width:192px; background:url(images/cab_tabla.gif) top center no-repeat; text-align:center; padding-top:15px; color:#666666; font-weight:bold; background-color:#FFFFFF;} .list_categorias {width:190px; background-color:#e3e3e3; } .list_categorias ul {list-style:none; text-align:left; margin:0px } .list_categorias li {padding-top:5px } .list_categorias li a {display:block; width:100px; background:url(images/fnd_items.gif) bottom left no-repeat; text-decoration:none; text-align:left; padding-left:30px; padding-bottom:4px; color:#4D4D4D; padding-top:5px; margin-left:10px } .list_categorias li a:hover {color:#FFFFFF; } .separador {height:1px; width:142px; background:url(images/separador.gif) 0% 50% no-repeat;} .pie_tabla_gris { height:19px; width:192px; background: url(images/pie_tabla_gris.gif) top left no-repeat; clear:both;} /****************************************/ /*******************carrito*****************/ #carrito { width:187px; display:block } #cab_carrito { height:25px; width:172px; background:url(images/cab_tabla_carrito.gif) top center no-repeat; text-align:right; padding-right:20px; padding-top:15px; color:#666666; font-weight:bold; background-color:#FFFFFF; } .list_productos {width:180px; height:auto; display:table; background-color:#e3e3e3; padding-left:10px; } .producto {width:120px; float:left; } .precio {width:60px; float:right;} #vercarrito { width:190px; height:34px; background-color:#e3e3e3; clear:both;} #vercarrito ul {list-style:none; margin:0px } #vercarrito li a { display:block; height:24px; width:101px; background:url(images/btn_vercarrito.gif) top center no-repeat; text-align:right; padding-top:10px; padding-right:13px; color:#FFFFFF; text-decoration:none; } #vercarrito li a:hover {background:url(images/btn_vercarrito.gif) bottom center no-repeat; text-decoration:underline} /*********************************************/ /*******************lo mas vendido*****************/ #lomas { width:187px; } a.seccion {color:#666666; text-decoration:none} a.seccion:hover {color:#666666; text-decoration:underline} #cab_lomas { height:25px; width:172px; background:url(images/cab_tabla_lomas.gif) top center no-repeat; text-align:right; padding-right:20px; padding-top:15px; color:#666666; font-weight:bold; background-color:#FFFFFF;} #pie_tabla_lomas { height:19px; width:192px; background: url(images/pie_tabla_lomas.gif) top left no-repeat; clear:both;} .list_lomas {width:190px; height:auto; background:#792c32; display:block; } .lomas_tit {width: 180px; padding-left:10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px } .lomas_tit a { TEXT-DECORATION: none; color:#FFFFFF; padding-left:13px; background-image:url(images/dot_flecha_on.gif); background-position:0% 50%; background-repeat:no-repeat; } .lomas_tit a:hover { color:#FF3300; background-image:url(images/dot_flecha.gif); } .lomas_pie {width:184px; height:112px; display:block; background:url(images/fnd_lomas_prod.gif) top left no-repeat} .lomas_foto {width:90px; text-align:center; height:auto; float:left; font-size:14px; font-weight:bold; color:#365597; padding-top:22px} .lomas_precio {font-size:14px; font-weight:bold; color:#b0303b;} .lomas_desc {width:80px; text-align:center; float:right; padding-top:20px; padding-right:10px} .lomas_desc a { text-decoration:none; color:#888888} .lomas_desc a:hover {color:#666666} /*********************************************/ /*******************promociones****************/ #promo { width:187px; height:auto } #cab_promo { height:25px; width:172px; background:url(images/cab_tabla_promo.gif) top center no-repeat; text-align:right; padding-right:20px; padding-top:15px; color:#666666; font-weight:bold; background-color:#FFFFFF;} #pie_tabla_promo { height:19px; width:192px; background: url(images/pie_tabla_promo.gif) top left no-repeat; clear:both; float:left} .list_promo {width:190px; height:auto; background:#2f3031; display:table; } .promocion_tit {width: 180px; padding-left:10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px } .promocion_tit a { TEXT-DECORATION: none; color:#FFFFFF; padding-left:13px; background-image:url(images/dot_flecha_on.gif); background-position:0% 50%; background-repeat:no-repeat; } .promocion_tit a:hover { color:#5c5c5c; } .promocion_foto { width:170px; text-align:center; height:88px; background-color:#FFFFFF; margin-left:10px; margin-top:auto; margin-bottom:auto; vertical-align: middle; } #promocion_pie {width:170px; margin-left:10px; height:auto; display:block} .promocion_precio {width:80px; text-align:center; height:35px; background:url(images/fnd_promo_precio.gif) top center no-repeat; margin-left:10px; float:left; font-size:14px; font-weight:bold; color:#b0303b; padding-top:22px} .promocion_desc {width:80px; text-align:center; float:right; padding-top:8px} .promocion_desc a { text-decoration:none; color:#888888} .promocion_desc a:hover {color:#FFFFFF} /*********************************************/ /********************tienda**********************************************************/ #contenido_central {width:623px; float:left; display:block} .fila {width:620px; display:block} #fila_categoria { width:598px; height:31px; background:url(images/fnd_categoria.gif) top center no-repeat; font-size:18px; padding-left:30px; padding-top:10px; font-variant:small-caps} .cell_productos1 {width:187px; float:left; padding-left:13px; padding-top:20px; display:block; padding-bottom:10px;} .cell_productos2 {width:187px; float:left; padding-left:13px; padding-top:20px; display:block; padding-bottom:10px} .cell_productos3 {width:187px; float:left; padding-left:13px; padding-top:20px; display:block; padding-bottom:10px} .separador_central {width:1px; height:238px; float:left; padding-top:20px} .tit_producto { width:177px; height:18px; background:url(images/fnd_titproducto.gif) top left no-repeat; color:#333333; font-weight:bold; padding-left:5px; clear:both} .tit_producto a {text-decoration:none; color:#333333;} .tit_producto a:hover {color:white} .desc_producto { width:183px; height:33px; clear:both; padding-top:3px} .foto_producto { width:122px; height:110px; float:left; text-align:center} .precio_producto { width:57px; height:60px; float:right; background:url(images/fnd_precio.gif) 50% 50% no-repeat; margin-right:7px; vertical-align:middle; text-align:center; padding-top:50px; font-size:14px; font-weight:bold; color:#365597;} .mangas { width:170px; height:20px; float:right; vertical-align:middle; text-align:center; font-size:10px; padding-bottom:5px} .opciones { width:181px; height:auto; clear:both} .stock { width:58px; float:left; padding-top:5px; height:28px} .unidades { width:58px; float:left; height:28px; padding-top:5px} .comprar {width:48px; float:right; height:33px; padding-left:0px} .opc_txt {width:58px; height:15px; text-transform:uppercase} /**********************************************************************************/ /********************pie de pagina******************************************/ #pie_web{height:48px; width:1012px; background:url(images/pie_pagina.gif) top center no-repeat; display:block; clear:both} #items_pie{ width:auto; float:left} .item_inf { list-style:none; margin:0; padding:0} .item_inf li { margin:2px; padding:2px; float:left; width:auto; text-align:center; padding-top:15px } .item_inf li a { color:#4D4D4D; text-decoration:underline } .item_inf li a:hover { text-decoration:none } #items2_pie{ width:auto; float:right; } /**************************************pagina de carrito************************/ #pasos {width:111px; float:left; display:block; padding-left:15px; padding-top:15px ; height:auto} .paso_activo {width:105px; height:100px; background:#843d42; color:#FFFFFF; } .paso_off {width:105px; height:100px; background:#F0F0F0; color:#843d42} .num {font-size:50px; font-weight:bold; float:left; padding-top:20px; width:25px } .paso {font-size:10px; padding-top:30px; text-transform:uppercase; font-weight:bold; width:60px; padding-right:10px; float:right } .tabla_productos { width:450px; display:block; padding-top:15px; float:right; padding-right:20px; height:auto} .cab_tabla_prod { width:450px; background:url(images/fnd_cab_carrito.gif) 50% 50% no-repeat; height:19px; padding-top:0px } .items_carrito { list-style:none; margin-left:5px; margin-right:2px; padding:0; color:#333333;text-transform:uppercase; font-weight:bold; vertical-align:middle; padding-top:3px} .items_carrito li { height:15px; margin-left:15px; margin-right:20px; float:left; text-align:center; } .items_carrito a {color:#333333; text-decoration:none} .items_carrito a:hover {color:white} .lista_carrito { list-style:none; margin-left:5px; margin-right:2px; padding:0; color:#333333;text-transform:uppercase; font-weight:bold; vertical-align:middle} .lista_carrito li { height:auto; margin-left:5px; margin-right:10px; float:left; text-align:center; text-transform:none } .lista_carrito a { color:#888888; text-decoration:none } .lista_carrito a:hover { color:#62252a } .fila_tabla_prod { width:auto; height:auto; height:30px; padding-top:6px; border-bottom:1px #CCCCCC solid; padding-bottom:6px; vertical-align:middle; display:block} .avanzar { width:145px; padding-top:20px} .avanzar ul {list-style:none; margin-left:10px } .avanzar li a { display:block; height:24px; width:145px; background:url(images/btn_avanzar.gif) top center no-repeat; text-align:right; padding-top:10px; padding-right:13px; color:#FFFFFF; text-decoration:none; } .avanzar li a:hover {background:url(images/btn_avanzar.gif) bottom center no-repeat; text-decoration:underline} .campos_fila {width:448px; height:25px;} .campos_form {width:120px; float:left; text-align:right} .campos_form2 {width:300px; float:right; } /*************************elementos********************/ .formulario {border-width:1px; border-color:#666666; border-style:solid; height:15px; width:100px; color:#666666; font-size:10px} .formulario2 {border-width:1px; border-color:#666666; border-style:solid; color:#666666; font-size:10px} .buscar { list-style:none; margin:0; padding:0;} .buscar li { padding:0; height:33px;} .buscar li a { display:block; width:33px; height:33px; text-decoration:none; } .buscar li a:hover { background-position:bottom; height:33px; } .buscar li a span { display:none; height:33px; } #buscar { background-image:url(images/ico_buscar.gif); } a.compra_carrito { display:block; width:33px; height:33px; text-decoration:none; background-position:bottom center; background-image:url(images/btn_comprar.gif);} a.compra_carrito:hover {background-position:top center} a.compra_carrito span { display:none; } a.enlace {color:#b0303b; text-decoration:none} a.enlace:hover {color:#888888; text-decoration:underline} .formularioCopia { border-width:1px; border-color:#666666; border-style:solid; color:#666666; font-size:10px }