/*** Clases útiles ***/ .clear { clear:both; } .oculto { display:none; } /*** Estructura ***/ #catalogo { padding-top:14px; padding-bottom:20px; } #catalogo #lateral { float:left; margin-left:11px; width:182px; } /* IE6 */ * html #catalogo #lateral { float:left; margin-left:6px; width:182px; overflow:hidden; } #catalogo #contenido { float:left; width:807px; } /* IE6 */ * html #catalogo #contenido { float:left; width:800px; overflow:hidden; } /*** Lateral ***/ #catalogo #lateral .head { width:182px; height:7px; background:url(img/catalogo/lateral_head.png) no-repeat; } #catalogo #lateral .body { min-height:400px; background:#ccc; border:solid 1px #9b9b9b; border-top:none; border-bottom:none; } #catalogo #lateral .foot { width:182px; height:7px; background:url(img/catalogo/lateral_foot.png) no-repeat; } /*** Modulo ***/ #lateral .modulo { width:171px; padding:4px 0 0 4px; } #lateral .modulo .mod_head { width:171px; height:32px; background:url(img/catalogo/lateral_modulo_head.png) no-repeat; } #lateral .modulo .mod_head .titulo_tipo_productos { float:left; width:120px; height:24px; background:url(img/catalogo/txt_tipo_producto.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .en_titulo_tipo_productos { float:left; width:120px; height:24px; background:url(img/catalogo/en_txt_tipo_producto.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .fr_titulo_tipo_productos { float:left; width:120px; height:24px; background:url(img/catalogo/fr_txt_tipo_producto.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .titulo_tallas { float:left; width:49px; height:24px; background:url(img/catalogo/txt_tallas.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .en_titulo_tallas { float:left; width:49px; height:24px; background:url(img/catalogo/en_txt_tallas.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .fr_titulo_tallas { float:left; width:49px; height:24px; background:url(img/catalogo/fr_txt_tallas.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .titulo_colores { float:left; width:59px; height:24px; background:url(img/catalogo/txt_colores.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .en_titulo_colores { float:left; width:59px; height:24px; background:url(img/catalogo/en_txt_colores.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .fr_titulo_colores { float:left; width:59px; height:24px; background:url(img/catalogo/fr_txt_colores.png) no-repeat 8px 10px; text-indent:-9999px; } #lateral .modulo .mod_head .boton { float:right; padding:8px; } #lateral .modulo .mod_head .boton img { border:none; } #lateral .modulo .mod_body { width:149px; padding:15px 10px 10px 10px; background:url(img/catalogo/lateral_modulo_degradado.png) no-repeat; background-color:#fefefe; border:solid 1px #b3b3b3; border-top:none; border-bottom:none; text-align:left; } #lateral .modulo .mod_body .subtitulo_chico { width:67px; height:14px; background:url(img/catalogo/txt_chico.png) no-repeat; text-indent:-9999px; } #lateral .modulo .mod_body .subtitulo_chica { width:27px; height:14px; background:url(img/catalogo/txt_chica.png) no-repeat; text-indent:-9999px; } #lateral .modulo .mod_body .en_subtitulo_chico { width:67px; height:14px; background:url(img/catalogo/en_txt_chico.png) no-repeat; text-indent:-9999px; } #lateral .modulo .mod_body .en_subtitulo_chica { width:27px; height:14px; background:url(img/catalogo/en_txt_chica.png) no-repeat; text-indent:-9999px; } #lateral .modulo .mod_body .fr_subtitulo_chico { width:67px; height:14px; background:url(img/catalogo/fr_txt_chico.png) no-repeat; text-indent:-9999px; } #lateral .modulo .mod_body .fr_subtitulo_chica { width:27px; height:14px; background:url(img/catalogo/fr_txt_chica.png) no-repeat; text-indent:-9999px; } #lateral .modulo .mod_body .botonera { margin:6px 0 10px 0; } #lateral .modulo .mod_body .color { float:left; width:19px; height:19px; margin:0 5px 5px 0; } #lateral .modulo .mod_body .color img { margin:1px; border:solid 1px #aaaaaa; } #lateral .modulo .mod_body .color img:hover { margin:0px; border:solid 2px #666; } #lateral .modulo .mod_body .seleccionado { float:left; width:19px; height:19px; margin:0 5px 5px 0; } #lateral .modulo .mod_body .seleccionado img { margin:0px; border:solid 2px #666; } #lateral .modulo .mod_body ul.tipo_productos { margin-left:-20px; list-style-image:url(img/catalogo/selector_lista.png); } /* IE6 */ #lateral .modulo .mod_body ul.tipo_productos { _margin-left:20px; } *:first-child+html #lateral .modulo .mod_body ul.tipo_productos { margin-left:20px; } #lateral .modulo .mod_body ul.tipo_productos a { font-family:Verdana; font-size:10px; color:#666; text-decoration:none; } #lateral .modulo .mod_body ul.tipo_productos a:hover { text-decoration:underline; } #lateral .modulo .mod_foot { width:171px; height:6px; background:url(img/catalogo/lateral_modulo_foot.png) no-repeat; } #lateral .modulo .otros { width:171px; height:100px; background:url(img/catalogo/lateral_otros_degradado.png) no-repeat; } #lateral .modulo .otros form#form_orden { padding:5px 15px 0 15px; text-align:left; } #lateral .modulo .otros form#form_orden label { color:#294f66; font-size:10px; font-weight:bold; cursor:pointer; } #lateral .modulo .otros form#form_orden input[type=checkbox] { float:left; margin-right:5px; } #lateral .modulo .otros .ver_paginas {padding: 8px 4px; color:#294f66; font-size:10px; font-weight:bold;}; /*** Contenido ***/ #catalogo #listado_productos { } #listado_productos .producto { cursor: pointer; float:left; position:relative; margin:0 0 7px 7px; width:260px; height:275px; background:url(img/catalogo/caja_producto.png) no-repeat; } * html #listado_productos .producto { cursor: pointer; float:left; position:relative; margin:0 0 7px 3px; width:260px; height:275px; background:url(img/catalogo/caja_producto.png) no-repeat; } #listado_productos .producto .agotada { position:absolute; top:5px; right:5px; z-index:2; border: none;} #listado_productos .producto .capa_info { position:absolute; bottom:4px; left:5px; width:250px; height:45px; border-top:solid 1px white; background:url(img/catalogo/capa_info.png) no-repeat; z-index:2; } #listado_productos .producto .capa_info .info { color:white; text-align:left; padding:6px 0 0 15px; } #listado_productos .producto .imagen_principal { position:absolute; top:4px; left:0px; width: 260px; height:268px;} #listado_productos .producto .imagen_secundaria { position:absolute; top:4px; left:0px; width: 260px; height:268px;} #listado_productos .producto .capa_info .precio {float: left; } #listado_productos .producto .capa_info .texto_agotada {float: left; color: #FF9900; font-weight:bold;} #listado_productos .producto .capa_info .info .info_votos {float:right; margin-right:5px; width:105px; color:white; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:2px; overflow:hidden; } #listado_productos .producto .capa_info .info .modulo_votacion {} #listado_productos .producto .capa_info .info .modulo_votacion .barra_votacion {} #listado_productos .producto .capa_info .info .modulo_votacion .barra_votacion img { border:none;} #listado_productos .producto img { border:solid 1px #d9d9d9; }