/* Globales ----------------------------------------------------------------------------------------------------------------------- */ img, div { behavior: url(/iepngfix.htc) } html, body, form, p, pre, blockquote, ul, dl, img { margin:0px; padding:0px; border:0px; font-weight: normal; } a {text-decoration:none;} a:hover {color:#333;} img {border:0px;} input { font-size:11px; padding:0px; } ul,li {list-style-type:none;margin:0px;padding:0px;} h1, h2, h3,h4 { font-weight:normal; margin:0px; padding:0px; } body { font-family: Tahoma, "Times New Roman"; font-size:11px; margin-top:0px; margin-bottom:0px; background-color:#fff; } em {display:none; font-style:normal; } .clear { clear:both; } /* RETICULA -----------------------------------------------------------------------------------------------------------------------*/ #r-contenido { width:961px; margin: 0 auto; background-color: #FFF; postion:relative; padding: 0px 0px 0px 0px; } .left { float:left; } .right { float:right; } /* CABECERA -----------------------------------------------------------------------------------------------------------------------*/ #cabecera { margin-top:0px; position:absolute; z-index:0; top:0px !important; width:961px; } /* Futuro estilo fuero */ #cabecera-info, #ficha-herramientas { color:#666; font-size:11px; margin:20px 0px 10px 0px; padding:6px 0px 6px 0px; background:url(../img/common/back-info.gif) repeat-x 0px 0px; } #cabecera-info { margin-top:0px; } #cabecera-info img, #ficha-herramientas img { vertical-align:middle; padding-left:5px; } #cabecera-info a:hover, #ficha-herramientas a:hover { color:#000; } #cabecera-info b { color:#333; } #cabecera-info a, #ficha-herramientas a { color:#666; } #cabecera-info i { font-weight:bold; font-style:normal; color:#6fa004; } #cabecera-info input { border:1px solid #7f9db9; color:#666; font-size:11px; width:146px; margin-left:2px; height:17px; vertical-align:middle; padding:2px 0px 0px 4px; } /*#cabecera-info input.boton { width:53px; height:21px; margin-right:6px; background-color:#b9723a !important; font-weight:bold; color: #fff; border:1px solid #a24327; }*/ #cabecera-info input.boton { width:53px; height:21px; margin-right:6px; background-color:#fff !important; } #cabecera-info .right, #ficha-herramientas .right { padding-right:8px; } #logo a { width:325px; height:57px; background:url(../img/common/common.gif) no-repeat -4px -177px; display:block; margin:10px 50px 0px 0px; float:left;} #cabecera-top .left { width:574px; } #cabecera-info .left { padding:3px 0px 0px 5px; } #cabecera-info .left a { font-weight:bold; margin:0px 5px 0px 5px; } #cabecera-info .right img { width:20px; height:20px; } #menu-mascotas { background:url(../img/common/menu-bottom-hurones.gif) no-repeat bottom; height:87px; } #menu-mascotas li { float:left; } #menu-mascotas a { display:block; width:59px; height:18px; font-size:10px; color:#666; text-align:center; padding-top:62px; background-image:url(../img/common/common2.gif); } #menu-mascotas a:hover, #menu-mascotas a.activo { color:#fff; } #menu-mascotas a#perros { background-position:0px 0px; width:60px; }#menu-mascotas a#perros:hover, #menu-mascotas a#perros.activo { background-position:0px -80px; } #menu-mascotas a#gatos { background-position:-60px 0px; } #menu-mascotas a#gatos:hover, #menu-mascotas a#gatos.activo { background-position:-60px -80px; } #menu-mascotas a#conejos { background-position:-120px 0px; } #menu-mascotas a#conejos:hover, #menu-mascotas a#conejos.activo { background-position:-120px -80px; } #menu-mascotas a#cobayas { background-position:-178px 0px; } #menu-mascotas a#cobayas:hover, #menu-mascotas a#cobayas.activo { background-position:-178px -80px; } #menu-mascotas a#chinchillas { background-position:-237px 0px; } #menu-mascotas a#chinchillas:hover, #menu-mascotas a#chinchillas.activo { background-position:-237px -80px; } #menu-mascotas a#ardillas { background-position:-296px 0px; } #menu-mascotas a#ardillas:hover, #menu-mascotas a#ardillas.activo { background-position:-296px -80px; } #menu-mascotas a#hamsters { background-position:-355px 0px; } #menu-mascotas a#hamsters:hover, #menu-mascotas a#hamsters.activo { background-position:-355px -80px; } #menu-mascotas a#lagartos { background-position:-414px 0px; } #menu-mascotas a#lagartos:hover { background-position:-414px -80px; } #menu-mascotas a#serpientes { background-position:-473px 0px; } #menu-mascotas a#serpientes:hover { background-position:-473px -80px; } #menu-mascotas a#tortugas { background-position:-532px 0px; } #menu-mascotas a#tortugas:hover { background-position:-532px -80px; } #menu-mascotas a#pajaros { background-position:-591px 0px; } #menu-mascotas a#pajaros:hover, #menu-mascotas a#pajaros.activo { background-position:-591px -80px; } #menu-mascotas a#loros { background-position:-650px 0px; } #menu-mascotas a#loros:hover { background-position:-650px -80px; } #menu-mascotas a#cotorras { background-position:-709px 0px; } #menu-mascotas a#cotorras:hover { background-position:-709px -80px; } #menu-mascotas a#peces { background-position:-768px 0px; } #menu-mascotas a#peces:hover { background-position:-768px -80px; } #menu-mascotas a#erizos { background-position:-827px 0px; } #menu-mascotas a#erizos:hover { background-position:-827px -80px; } #menu-mascotas a#hurones { background-position:-886px 0px; } #menu-mascotas a#hurones:hover, #menu-mascotas a#hurones.activo { background-position:-886px -80px; } #menu-mascotas a#nada { cursor:default; background-image:url(../img/common/menu-no.gif); background-position:-886px 0px; } #menu-mascotas a#nada:hover, #menu-mascotas a#nada.activo {background-position:-886px -80px; } #carrito-top { background:url(../img/common/carrito-top.gif) no-repeat; width:347px; padding:6px 0px 0px 8px; } #carrito-top img { vertical-align:middle; width:22px; height:22px; } #carrito-top .login { color:#666666; } #carrito-top .login a { color:#666666; font-weight:bold; margin:0px 0px 0px 0px; } #carrito-top .login a:hover { color:#333; } #carrito-top .login a { background:url(../img/common/bullet-arrow-link.gif) no-repeat right; padding-right:10px; } #carrito-top .datos-carrito { margin:13px 0px 5px 0px; color:#333333; font-family:Arial; font-size:16px; } #carrito-top .datos-carrito i { font-weight:bold; font-style:normal; color:#009900; } #carrito-top .links a { background:url(../img/common/bullet-arrow-link.gif) no-repeat right; color:#888888; padding-right:10px; } #carrito-top .links a:hover { color:#333; } #carrito-top .links { padding-bottom:8px;color:#888888; } /* TIENDA -----------------------------------------------------------------------------------------------------------------------*/ #cuerpo { background: url(../img/common/seccion.jpg) no-repeat; position:relative; z-index:0; top:219px; width:961px; } /*123px sin mascotas*/ /*219px con mascotas*/ #cuerpo h2 { font-family:Arial; font-size:18px; color:#666; padding:11px 0px 0px 190px; letter-spacing:-1px; } #cuerpo h2 a, #cuerpo h2 b { color:#c97d2d; font-weight:normal; } #lateral { float:left; width:180px; } #contenido { float:right; width:770px; display:block; overflow:hidden; } .menu-interior { margin-top:5px; padding-top:1px; } .menu-interior li { margin-bottom:1px; } .menu-interior li a { padding:4px 0px 6px 5px; color:#666; display:block; background-color:#FBE9D6; border-bottom:1px dotted #999; } .menu-interior li a:hover, .menu-interior li a.activo { background-color:#d79e62 !important; color:#fff; } .menu-interior li ul { margin-top:1px; } .menu-interior li li a { padding-left:12px; background:#fff url(../img/common/bullet-menu.gif) no-repeat 6px 9px; } .menu-interior li li a:hover, .menu-interior li li a.activo { font-weight:bold; background-color:#fff !important; color:#c97d2d; } .menu-interior#mascotas li a { padding-left:40px !important; background:#faf2ea url(/img/menu/mascotas.png) no-repeat; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/menu/mascotas.png', sizingMethod='crop');*/ } .menu-interior#mascotas li a b{ color:#a15708; } .menu-interior#mascotas li a:hover b{ color:#fff; } .menu-interior#mascotas li a.perros { } .menu-interior#mascotas li a.gatos { background-position: 0px -24px; } .menu-interior#mascotas li a.hamsters { background-position: 0px -48px; } .menu-interior#mascotas li a.cobayas { background-position: 0px -72px; } .menu-interior#mascotas li a.conejos { background-position: 0px -96px; } .menu-interior#mascotas li a.chinchillas { background-position: 0px -120px; } .menu-interior#mascotas li a.ardillas { background-position: 0px -144px; } .menu-interior#mascotas li a.lagartos { background-position: 0px -168px; } .menu-interior#mascotas li a.serpientes { background-position: 0px -192px; } .menu-interior#mascotas li a.tortugas { background-position: 0px -216px; } .menu-interior#mascotas li a.pajaros { background-position: 0px -240px; } .menu-interior#mascotas li a.loros { background-position: 0px -264px; } .menu-interior#mascotas li a.cotorras { background-position: 0px -288px; } .menu-interior#mascotas li a.peces { background-position: 0px -316px; } .menu-interior#mascotas li a.erizos { background-position: 0px -336px; } .menu-interior#mascotas li a.hurones { background-position: 0px -360px; } .menu-encabezado { margin-top:15px; background:url(../img/common/menu-encabezado.gif) no-repeat; font-size:18px; font-family:Arial; color:#fff; padding:4px 0px 2px 5px; } .hola { color:#000; } #ruta-navegacion { margin-top:11px; color:#999; } #ruta-navegacion a { color:#999; } #ruta-navegacion a:hover { color:#666; } #ruta-navegacion img { margin:0px 3px 0px 3px; vertical-align:middle; } #destacado { margin:5px 0px 13px 0px; } .zona-destacada { width:385px; overflow:hidden;font-size:14px; color:#333; float:left; } .zona-destacada h3 a{ font-size:24px; color:#ca7f30; letter-spacing:-1px; } .zona-destacada h3 a:hover{ color:#333;} .zona-destacada img { margin:2px 0px 5px 0px; display:block; } .zona-destacada img { border:1px solid #ccc; } .zona-destacada ul { margin-top:10px; } .zona-destacada li { float:left; } .zona-destacada li a { background:url(../img/common/bullet-ir-hurones.gif) no-repeat 163px 10px; color:#666; font-size:11px; display:block; margin-right:10px; width:171px; padding:6px 0px 6px 0px; border-top:1px dotted #8c8c8c; } .zona-destacada li a:hover { color:#ca7f30; } .zona-destacada li a.inicio { border:0px; } .zona-destacada .top { background:url(../img/common/common.gif) no-repeat 0px -165px; display:block; width:384px; height:5px; font-size:1px; } .zona-destacada .content.z-left, .zona-destacada .content.z-right { padding:0px 10px 0px 10px; border-left:1px solid #e0e0e0; } .zona-destacada .content.z-right { border-right:1px solid #e0e0e0; } .zona-destacada .bottom { background:url(../img/common/common.gif) no-repeat 0px -160px; display:block; height:5px; font-size:1px;} .destacados-prod, .listado-prod {/* background:url(../img/common/destacados.gif) no-repeat 0px 0px;*/ width:770px; height:340px; margin-top:10px; } .destacados-prod { background:url(../img/common/destacados.gif) no-repeat 0px 0px; } .destacados-prod .item, .listado-prod .item { width:168px; padding:10px; margin-right:5px; float:left; display:block; } .destacados-prod .item h4 a, .listado-prod .item h4 a{ font-size:18px; color:#a15708; font-family:Arial; line-height:18px; padding:0px; background:none; height:40px; display:block; } .destacados-prod .link, .listado-prod .link { background:url(../img/common/bullet-ver-ficha.gif) no-repeat right; padding-right:16px; color:#a15708; } .destacados-prod .item img, .listado-prod .item img { text-align:center; width:168px; border-top:1px dotted #ccc; border-bottom:1px dotted #9b9b9b; } .destacados-prod .item .txt, .listado-prod .item .txt { padding-top:5px; color:#333; /*height:125px; height:70px;*/ line-height:12px;} .destacados-prod .item .txt strong, .listado-prod .item .txt strong { color:#8d5c3d; } .destacados-prod .item .precio, .listado-prod .item .precio { font-size:14px; color:#666; margin-top:8px; line-height:16px;} /*.destacados-prod .item .precio i, .listado-prod .item .precio i { color:#a15708; font-style:normal;} .destacados-prod .item .precio b { color:#608c00;} .destacados-prod .item .precio-n { margin:17px 0px 10px 10px; padding:5px 0px 3px 0px; text-align:center; background:url(../img/precio.gif) no-repeat; width:140px; font-size:14px; font-weight:bold; color:#fff; } .destacados-prod .item .precio-n b { font-weight:normal; font-size:18px; font-family:Arial; } .destacados-prod .item .precio-no { padding:5px 0px 7px 0px; float:left; background:url(../img/precio-no.gif) no-repeat bottom; width:70px; font-family:Arial; font-size:14px; color:#fff; text-align:center; margin-left:20px; margin-bottom:10px; } .destacados-prod .item .precio-si { padding:5px 0px 7px 0px; float:left; background:url(../img/precio-si.gif) no-repeat bottom; width:70px; font-family:Arial; font-size:14px; color:#fff; text-align:center; font-weight:bold; margin-bottom:10px;} .destacados-prod .item .precio-no b, .destacados-prod .item .precio-si b { display:block; color:#5bb204; margin-bottom:3px; } .destacados-prod .item .precio-no b { color:#999; text-decoration:none !important; } .destacados-prod .item .precio-no i { text-decoration:line-through; font-style:normal; } */ /* LISTADO -----------------------------------------------------------------------------------------------------------------------*/ .listado-prod { width:770x; height:auto; } .listado-prod#destacado { width:575px; float:left; } .listado-destacado { background-color:#FFFF00; float:right; width:185px; height:300px; margin-top:42px; } .listado-prod .item { margin-top:5px; background:url(../img/common/product-item.gif) no-repeat 0px 0px; width:171px; padding:10px 10px 0px 10px; margin-right:0px; } .listado-prod .item:hover { background:url(../img/common/product-item-hover.gif) no-repeat 0px 0px; } .listado-prod .item.ultimo { width:172px; } .listado-prod .item img { width:168px; height:134px; } .listado-prod .separador { height:7px; font-size:1px; clear:both; border:0px; } .listado-prod .item .txt { /*height:45px;*/ height:60px; display:block; font-size:11px; } .listado-prod .item .txt i, .listado-prod .item .txt em { margin-top:5px; padding:3px 0px 4px 0px; text-align:center; font-size:10px !important; color:#fff !important; font-style:normal; background:#a3712c url(../img/txt-atributos.gif); display:block;} .listado-prod .item .txt em strong, .listado-prod .item .txt em b{ color:#fff; } /* Nuevos */ /*.listado-prod .item .precio { font-size:14px; color:#666; margin-top:8px; line-height:16px;} */.listado-prod .item .precio i { color:#a15708; font-style:normal;} .listado-prod .item .precio b { color:#608c00;} .listado-prod .item .precio-n { margin:2px 0px 10px 0px; padding:6px 0px 5px 0px; text-align:center; background:#608c00 url(../img/precio.gif) no-repeat; width:171px; font-size:16px; color:#fff; } .listado-prod .item .precio-n b { font-size:16px; font-family:Tahoma; } .listado-prod .item .precio-no, .listado-prod .item .precio-si { /*margin-top:17px; */ margin-top:2px; padding:5px 0px 6px 0px; float:left; width:83px; text-align:center; margin-bottom:10px; } .listado-prod .item .precio-no { padding:3px 0px 3px 0px; background:#bfbcbc url(../img/precio-no.gif) no-repeat; font-size:10px; font-weight:bold; color:#425813; } .listado-prod .item .precio-si { font-family:Tahoma; font-size:16px; color:#fff; background:#608c00 url(../img/precio-si.gif) no-repeat; width:88px; font-weight:bold; } /*.listado-prod .item .precio-no b, .listado-prod .item .precio-si b { display:block; color:#5bb204; margin-bottom:3px; }*/ .listado-prod .item .precio-no b { color:#333; text-decoration:none !important; } .listado-prod .item .precio-no i { text-decoration:line-through; color:#333; font-style:normal; } /* -------- */ .listado-prod h1 { font-size:30px; font-family:Arial; color:#666; letter-spacing:-1px; margin-bottom:2px; } .listado-prod.home h1 { border-bottom:1px dotted #b3b3b3; padding-bottom:2px; } .barra-opciones, .barra-opciones-doble { color:#666; font-size:14px; font-weight:bold; margin:0px 0px 0px 0px; padding:5px 0px 8px 10px; background:url(../img/common/back-info.gif) repeat-x bottom; } .barra-opciones-doble { padding-top:7px; } .cat-description { font-size:14px; color:#333; height:102px; padding:0px 386px 0px 0px; background-position:right; background-repeat:no-repeat; } .cat-description a { color:#c97d2d; } .cat-destacadas { float:left; margin-right:11px; } .cat-destacadas img { width:180px; height:100px;} .cat-destacadas h3 a { font-size:14px; color:#666; background:url(/img/common/bullet-ruta-hurones.gif) no-repeat right; display:block; margin:10px 0px 3px 0px;} .cat-otras { display:block; border-top:1px dotted #b3b3b3; padding:5px 10px 5px 10px; color:#666; vertical-align:middle; } .cat-otras a { font-size:14px; color:#333; } .cat-otras img { margin:0px 3px 0px 3px; vertical-align:middle;padding-bottom:4px; } .cat-otras.primera { border:0px; } /* .listado-prod .paginador .left { width:100px; } .listado-prod .paginador .right { width: 400px;text-align:right;color:#666; } .listado-prod .paginador a { color:#666; padding:2px 8px 3px 8px; } .listado-prod .paginador a:hover { color:#c97d2d; } .listado-prod .paginador a.siguiente { background:url(../img/common/pag-drc.gif) no-repeat right; padding-right:22px; } .listado-prod .paginador a.anterior { background:url(../img/common/pag-izq.gif) no-repeat left; padding-left:22px; } .listado-prod .filtros { font-weight:bold; border-top:1px dotted #b3b3b3; border-bottom:1px dotted #b3b3b3; background-color:#f6f6f6; margin-top:1px; padding:5px 10px 5px 10px; } .listado-prod .filtros select { margin-left:5px; width:171px; height:21px; border:1px solid #7f9db9; font-size:11px; color:#333;} .listado-prod .cat-nolistable { clear:both; font-size:14px; color:#666; font-weight:bold; border-bottom:1px dotted #b3b3b3; padding-bottom:4px; margin-top:18px; } */ .listado-prod .paginador .left { width:100px; padding:4px 0px 2px 0px; } .listado-prod .paginador { background-color:#eaeaea; padding:9px 10px 8px 10px; } .listado-prod .paginador { font-weight:bold; margin-top:1px; padding:5px 10px 5px 10px; } .listado-prod .paginador select { margin-left:5px; width:171px; height:21px; border:1px solid #7f9db9; font-size:11px; color:#333;} .listado-prod .cat-nolistable { clear:both; border-top:1px dotted #b3b3b3; border-bottom:1px dotted #b3b3b3; background-color:#fafafa; font-size:14px; color:#999; padding:5px 0px 6px 10px; margin-top:10px; } .listado-prod .cat-nolistable b { color:#666; } .listado-alert { font-size:14px; font-family:arial; padding-bottom:2px; color:#666; font-style:italic; margin:20px 0px 5px 0px; background:url(../img/common/alert.gif) no-repeat 0px 0px; padding-left:22px; } .subtitulo-txt { font-size:12px; width:550px; } .link { color:#ba6e1f; } /* FICHA -----------------------------------------------------------------------------------------------------------------------*/ #ficha-foto { width:300px; margin-top:10px; float:left; } #ficha-foto #galeria img { width:95px; height:95px; float:left; margin-top:5px; margin-right:7px; } #ficha-foto #galeria img.ultima-fila { margin-right:0px; } #ficha-foto #principal img { width:300px; height:300px; float:none; } #ficha-datos { width:460px; margin-top:10px; float:right; font-size:14px; color:#333; } #ficha-datos ul { margin:15px 0px 10px 0px; } #ficha-datos li { background:url(/img/common/bullet-menu.gif) no-repeat 0px 6px; padding-left:10px; } #ficha-datos h1 { font-family:arial; font-size:30px; color:#666; padding:0px; letter-spacing:-1px;} #ficha-herramientas { margin-top:0px; } #ficha-marca { margin:0px 0px 10px 0px; } #ficha-marca .left a{ font-size:14px; font-family:Arial; color:#999; } #ficha-marca .left img { vertical-align:middle; } .p-ficha-simple { font-size:16px; font-family:arial; color:#666; } .p-ficha-simple i{ font-style:normal; color:#019700; font-weight:bold;} #ficha-dependientes { margin-top:0px; } #ficha-dependientes .titulo { font-size:14px; font-weight:bold; color:#333; margin-top:20px; margin-bottom:5px; } #ficha-dependientes .cabecera, #ficha-dependientes .pie { background:url(../img/common/common.gif) no-repeat -385px -164px; width:458px; height:5px; } #ficha-dependientes .contenido { background-color:#f7f7f7; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:1px 10px 0px 10px; } #ficha-dependientes .pie { background:url(../img/common/common.gif) no-repeat -385px -160px; } #ficha-dependientes .item { padding-top:8px; } #ficha-dependientes .item .titulo { font-family:arial; font-size:18px; color:#c97d2d; font-weight:normal; margin:0px; } #ficha-dependientes .item .left { width:95px; } #ficha-dependientes .item .right { width:338px; font-size:14px; padding:4px 0px 0px 0px; } #ficha-dependientes .item .fila-precio, #ficha-dependientes .item .fila-precio-no { background:url(../img/common/common.gif) no-repeat -385px -169px; width:328px; height:25px; margin:5px 0px 5px 0px; font-family:arial; font-size:12px; color:#666; padding:8px 0px 0px 10px; } #ficha-dependientes .item .fila-precio-no { background:none; } #ficha-dependientes .item .fila-precio i { color:#009900; font-weight:bold; font-style:normal; } #ficha-dependientes .disponible { width:243px; color:#666; font-family:arial; font-size:12px; line-height:12px; padding-left:10px; float:left; } #ficha-dependientes .item .right .right { width:85px; text-align:right; } #ficha-dependientes .disponible span.d1 { color:#009900; font-weight:bold; font-style:normal;} #ficha-dependientes .disponible span.d2 { color:#b88d19; font-weight:bold; font-style:normal;} #ficha-dependientes .disponible span.d3{ color:#990000; font-weight:bold; font-style:normal;} #ficha-dependientes .disponible span.d4{ color:#999999; font-weight:bold; font-style:normal;} .separador { margin:17px 0px 5px 0px; height:1px; font-size:1px; border-bottom:1px dotted #aeaeae; } .disponible-1, .disponible-2, .disponible-3, .disponible-4 { background:url(../img/common/disponibilidad-1.png) no-repeat 0px 0px; width:31px; height:32px; position:relative; top:-20px; left:76px; } .disponible-2 { background:url(../img/common/disponibilidad-2.png) no-repeat 0px 0px; } .disponible-3 { background:url(../img/common/disponibilidad-3.png) no-repeat 0px 0px; } .disponible-4 { background:url(../img/common/disponibilidad-4.png) no-repeat 0px 0px; } .disponible-1-simple, .disponible-2-simple, .disponible-3-simple { background:url(../img/common/disponibilidad-1.png) no-repeat 0px 0px; width:31px; height:32px; } .disponible-2-simple { background:url(../img/common/disponibilidad-2.png) no-repeat 0px 0px; } .disponible-3-simple { background:url(../img/common/disponibilidad-3.png) no-repeat 0px 0px; } .input-compar, .input-avisar { background:url(../img/common/boton-comprar.gif) no-repeat right; padding-right:14px; border:1px solid #7f9db9; color:#666; font-size:11px; width:80px; height:21px; background-color:#fff !important; } .input-avisar { color:#ccc; background:url(../img/common/boton-comprar-off.gif) no-repeat right; } .input-compar:hover { border:2px solid #666; cursor:pointer; } #ficha-dependientes .atributos { margin-top:8px; } #ficha-dependientes .atributos .cabecera, #ficha-dependientes .atributos .pie { background:url(../img/common/common.gif) no-repeat -385px -208px; width:436px; height:5px; } #ficha-dependientes .atributos .pie { background:url(../img/common/common.gif) no-repeat -385px -203px; } #ficha-dependientes .atributos .contenido { background-color:#fbfbfb; } #ficha-dependientes .fila { overflow:hidden; font-size:12px; font-family:arial; color:#666; margin-bottom:1px; background:url(../img/common/atributos-fila-fondo.gif) repeat-x 0px -3px; } #ficha-dependientes .atributos .fila .nombre, #ficha-dependientes .atributos .fila .comprar { padding:2px 0px 3px 0px; } #ficha-dependientes .atributos .fila .nombre { float:left; width:219px; } #ficha-dependientes .atributos .fila .precio-1, #ficha-dependientes .atributos .fila .precio-2, #ficha-dependientes .atributos .fila .precio-3 {padding:2px 25px 3px 0px; background:#fbfbfb url(../img/common/disponibilidad-1.gif) no-repeat right; text-align:right; float:left; width:85px; font-weight:bold; color:#009a00; } #ficha-dependientes .atributos .fila .precio-1 { color:#009900; background:#fbfbfb url(../img/common/disponibilidad-1.gif) no-repeat right; } #ficha-dependientes .atributos .fila .precio-2 { color:#b88d19; background:#fbfbfb url(../img/common/disponibilidad-2.gif) no-repeat right; } #ficha-dependientes .atributos .fila .precio-3 { color:#980001; background:#fbfbfb url(../img/common/disponibilidad-3.gif) no-repeat right; } #ficha-dependientes .atributos .fila .comprar { float:left; width:87px; text-align:right; } #ficha-dependientes .atributos .fila span{ background-color:#fbfbfb; padding-right:5px; } #pie { margin-top:30px; width:960px; height:200px; position:relative; z-index:0; top:214px; } #pie .titulo { font-size:10px; color:#999; border-bottom:1px dotted #999; display:block; margin-bottom:5px; } .ficha-tit { font-size:14px; color:#333; font-weight:bold; margin-bottom:5px; padding-bottom:4px; border-bottom:1px dotted #b2b2b2; } .descripcion { font-size:11px; color:#333; line-height:16px; margin-top:30px; padding-left:5px; } .descripcion ul, #ficha-datos ul { margin:15px 0px 10px 0px; } .descripcion li, #ficha-datos li { background:url(/img/common/bullet-menu.gif) no-repeat 0px 6px; padding-left:10px; } .descripcion table, #ficha-datos table { font-size:11px; margin-top:10px; } .descripcion th, #ficha-datos th { border-bottom:1px solid #CCC; padding:4px; background-color:#F5F5F5; } #ficha-datos th { border-bottom:1px solid #CCC; padding:4px; background-color:#fff; } .descripcion td, #ficha-datos td { border-bottom:1px solid #F5F5F5; padding:4px;} .desc-caja { background-color:#f5f5f5; border:1px solid #dfdfdf; padding:10px; font-size:11px; } .desc-caja strong { font-size:12px; margin-bottom:4px; } /* CARRITO ------------------------------------------ -----------------------------------------------------------------------------*/ .carrito h1 { font-size:36px; color:#c97d2d; font-family:Arial; letter-spacing:-2px; } .fila-carrito .img { width:78px; height:78px; margin-right:13px; } .fila-carrito .ref { font-size:10px; color:#666; font-family:Arial; line-height:10px; margin-bottom:10px; } .fila-carrito .titulo { font-family:Tahoma; font-size:18px; color:#c97d2d; height:40px; line-height:14px; } .fila-carrito .titulo i { font-size:14px;} .fila-carrito .disponible { color:#666; font-family:arial; font-size:11px; line-height:11px; float:left; } #ficha-dependientes .item .right .right { width:85px; text-align:right; } .fila-carrito .disponible span.d1 { color:#009900; font-weight:bold; font-style:normal;} .fila-carrito .disponible span.d2 { color:#b88d19; font-weight:bold; font-style:normal;} .fila-carrito .disponible span.d3{ color:#990000; font-weight:bold; font-style:normal;} .fila-carrito .disponible-1, .fila-carrito .disponible-2, .fila-carrito .disponible-3 { top:-20px; left:60px; } .carrito-cab { border-bottom:1px dotted #b3b3b3; border-top:1px dotted #b3b3b3; } .carrito-cab td { border-bottom:1px solid #fff; border-top:1px solid #fff; background-color:#eaeaea; font-weight:bold; } .carrito-cuerpo { border:1px solid #e5e5e5; border-top:none; background:url(/img/carrito-back.gif) no-repeat; } .carrito-total { font-family:Arial; font-size:22px; background:url(/img/carrito-total.gif) no-repeat; text-align:center; } .carrito-total b { color:#c91b6e; } .fila-carrito { border-bottom:1px dotted #b3b3b3; } .fila-carrito td { vertical-align:bottom; } .fila-carrito input { width:28px; height:18px; vertical-align:middle; font-size:11px; padding:0px; margin:0px 1px 0px 1px; } .fila-carrito img { vertical-align:middle; } .fila-carrito input, .fila-carrito img { position:relative; top:4px; text-align:center; } .fila-carrito .concepto { margin-top:4px; } .fila-carrito .concepto td { background:url(/img/carrito-back-concept.gif) no-repeat; vertical-align:top; padding-top:4px; color:#666; } .fila-carrito a { font-weight:bold; color:#c91b6e; } .carrito-total-fila { padding:10px 0px 10px 0px; background:url(/img/common/carrilto-filete.gif) no-repeat bottom; } .carrito-total-fila .precio { font-weight:bold; font-family: Arial; font-size:14px; color:#333; } .carrito-total-fila .precio i { font-weight:bold; color:#009900; } .carrito-total-fila .txt { font-family: Arial; font-size:14px; color:#666666; } .carrito-total-fila .txt i { font-size:11px; color:#666666; font-style:normal; } .carrito-total-fila input { width:59px; height:18px; border:1px solid #96a6c7; margin-right:1px; vertical-align:middle; font-size:10px; } /* PROCESO ------------------------------------------------------------------------------------------------------------------------*/ .proceso-n { font-size:14px; font-family:Arial; margin-top:10px; } .proceso-n .on { color:#666; background-image:url(../img/common/proceso-on.gif); } .proceso-n .off { color:#c0c0c0; background-image:url(../img/common/proceso-off.gif); } .proceso-n .activo { color:#fff; background-image:url(../img/common/proceso-activo.gif); } .proceso-n .off img, .proceso-n .on img, .proceso-n .activo img { float:left; vertical-align:middle; margin:0px 5px 0px 5px; } .proceso-n .off img { filter:alpha(opacity=70); opacity: 0.7; moz-opacity: 0.7; } .proceso-n .on img { filter:alpha(opacity=70); opacity: 0.7; moz-opacity: 0.7; } .proceso-n-titulo { font-size:36px; font-family:Arial; color:#aaa7a5; letter-spacing:-1px; margin-top:10px; background:url(../img/common/proceso-filet.gif) no-repeat 0px 40px; } .proceso-n-titulo strong { font-weight:normal; color:#ba6e1f;} .proceso td { text-align:center; font-weight:bold; color:#666; } .proceso td.activo { color:#ba6e1f; } .proceso td.ok { background:url(/img/proceso-ok.gif) no-repeat 0px 0px; } .proceso-tit { font-size:14px; color:#ba6e1f; font-weight:bold; border-bottom:1px dotted #b3b3b3; } .proceso-tit-g { font-size:26px; color:#ba6e1f; margin-bottom:20px; font-family:Arial; border-bottom:1px dotted #b3b3b3; } .proceso-tit-g img { vertical-align:middle; } .proceso-form-dest { background-color:#f6f6f6; border-top:1px dotted #b3b3b3; border-bottom:1px dotted #b3b3b3; margin-top:5px; } .proceso-form-dest input { width:154px; margin-bottom:4px; padding: 3px 0px; } .proceso-form-dest td { padding-right:10px; } .opciones { border-bottom:1px dotted #b3b3b3; color:#666; margin-bottom:4px; } .opciones b { font-style:normal; color:#03733a; } .opciones a { color:#c91b6e; } .opciones strong { color:#333; } .opciones img { margin-top:5px; } .resumen-tit { color:#aaa7a5; font-weight:bold; } .resumen-tit b { color:#c97d2d; } .resumen { color:#666; background:url(/img/resumen.gif) no-repeat; } .resumen a, .resumen b { color:#c97d2d; } .resumen i { font-style:normal; color:#009900; font-weight:bold; } .form input { margin:0px 0px 0px 0px; padding: 2px 0px; font-size:11px; width:160px; } .form select { font-size:11px; width:165px; padding: 2px 0px;} .form .buton { width:auto !important; padding:0px 10px 0px 10px; font-size:11px; } .select-mascotas { font-size:10px; font-weight:bold; color:#a77826; padding:10px 0px 13px 9px; margin:0px 5px 3px 0px; width:112px; float:left; } .select-mascotas .radio { width:auto; vertical-align:middle; } .form-standard { } .form-standard input, .form-standard textarea { height:18px; font-size:11px; margin:0px 0px 4px 5px; } .form-standard textarea { height:200px; } .form-standard input.check { width: auto; vertical-align:middle; } .form-mensaje { background-color:#f5f5f5; border:1px solid #999; padding:10px; margin-top:30px; text-align:center; } .form td { padding-right:10px; } .form textarea { font-size:11px; font-family:tahoma; height:80px; margin:4px 10px 4px 0px; width:465px; } .form-txt { color:#666; } .form-txt td { padding:5px 0px 5px 0px; border-bottom:1px dotted #9f9f9f;} .form-txt a { color:#c91b6e;} .errores { margin-bottom:20px; color:#F00; font-size:10px; padding:10px; background-color:#F5F5F5; border:1px solid #ccc; } .confirmacion-tit{ font-weight:bold; color:#c97d2d; } .confirmacion-tit img{ margin:0px 10px 0px 10px; position:relative; top:25px; } .confirmacion td { padding:2px 0px 2px 0px; } .confirmacion b { color:#c97d2d;} .confirmacion i { color:#666; font-style:normal; } a.modificardatos { color: #C91B6E; } .boton-big-drc, .boton-big-drc-off, .boton-big-izq { border:1px solid #7f9db9; background:#fafaf9 url(../img/common/botton-drc.gif) no-repeat right; padding:5px 25px 5px 5px; font-family:Arial; font-size:14px; color:#333; font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px; cursor: pointer; width:auto; } .boton-big-drc:hover { background-color:#f5f5f4; } .boton-big-drc-off { background-image:url(../img/botton-drc-off.gif); } .boton-big-izq { background-image:url(../img/botton-izq.gif); background-position:left; padding:5px 5px 5px 30px; } /* TXT GENERALES -----------------------------------------------------------------------------------------------------------------------*/ .textos-generales { font-size:12px; color:#333; } .textos-generales ul { } .textos-generales li { background:url(/img/common/bullet-menu.gif) no-repeat 0px 6px; padding-left:10px; } .descripcion { font-size:11px; color:#333; line-height:16px; margin-top:30px; padding-left:5px; } .textos-generales ul { margin:15px 0px 10px 0px; } .textos-generales li { background:url(/img/common/bullet-menu.gif) no-repeat 0px 6px; padding-left:10px; } .textos-generales table { font-size:11px; margin-top:10px; } .textos-generales th { border-bottom:1px solid #CCC; padding:4px; background-color:#F5F5F5; } .textos-generales td { border-bottom:1px solid #F5F5F5; padding:4px;} .desc-caja { background-color:#f5f5f5; border:1px solid #dfdfdf; padding:10px; font-size:11px; } .desc-caja strong { font-size:12px; margin-bottom:4px; } /* PIE ------------------------------------------ -----------------------------------------------------------------------------*/ #pie .left, #pie .right { padding:7px; height:70px; color:#d2cfcf; } #pie .left .logo { display:block; margin-top:40px; color:#999; } #pie .left a { font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; padding:0px 5px 0px 5px; color:#8d8d8d; } #pie .txt { padding:7px 7px 7px 7px; color:#999; border-bottom:1px dotted #999; } #pie .txt b { color:#666; font-weight:normal;} #pie .txt .left, #pie .txt .right { height:auto; padding:0px; } #pie .txt .right { text-align:right;} #pie .txt .right a { padding:0px 5px 0px 5px; color:#999; } #pie .txt .right a:hover, #pie .left a:hover { text-decoration:underline;} /* COLORES CO */ .perros #cuerpo { background-image:url(../img/common/seccion-perros.jpg) !important; } .gatos #cuerpo { background-image:url(../img/common/seccion-gatos.jpg) !important; } .conejos #cuerpo { background-image:url(../img/common/seccion-conejos.jpg) !important; } .cobayas #cuerpo { background-image:url(../img/common/seccion-cobayas.jpg) !important; } .chinchillas #cuerpo { background-image:url(../img/common/seccion-chinchillas.jpg) !important; } .ardillas #cuerpo { background-image:url(../img/common/seccion-ardillas.jpg) !important; } .hamsters #cuerpo { background-image:url(../img/common/seccion-hamsters.jpg) !important; } .hurones #cuerpo { background-image:url(../img/common/seccion-hurones.jpg) !important; } .loros #cuerpo { background-image:url(../img/common/seccion-loros.jpg) !important; } /* COLORES PERROS .perros #menu-interior li a { background-color:#feeef6; } .perros #menu-interior li li a { background-color:#fff; } .perros #menu-interior li a:hover, .perros #menu-interior li a.activo { background-color:#d0448a; } .perros #menu-interior li li a:hover, .perros #menu-interior li li a.activo { background-color:#fff; } .perros #menu-interior li li a:hover, .perros #menu-interior li li a.activo, .perros #cuerpo h2 b, .perros .zona-destacada h3 a, .perros .zona-destacada li a:hover, .perros .destacados-prod .item h4 a, .perros .listado-prod .item h4 a, .perros .destacados-prod .item .precio i, .perros .listado-prod .item .precio i, .perros .destacados-prod .link, .perros .listado-prod .link { color:#d0448a; } */