/* Web Watchcelona Copyright: Runroom http://www.runroom.com/ */ /* Deshacer estilos por defecto de navegadores ( ver http://tantek.com/log/2004/09.html#d06t2354 ) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } /* ELEMENTOS HTML -----------------------------------------------------------------------------*/ body { padding-bottom: 40px; font: 100.01%/1.4em "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; color: #333; text-align: center; background: #f8f9f9; } /* El h1 contiene el logo y textos explicativos "invisibles" que van dirigidos a Google. */ h1 { float: left; width: 169px; padding-top: 68px; height: 78px; background: #ecedee; } /* 143*/ h1 span { position: absolute; left: -9999px; } h2 { font-weight: normal; font-size: 26px; line-height: 1.25em; } /* titulos de categorias y demas en el sidebar */ #sidebar h2 { color: #818181; } /* h2 en paginas que no son ni tienda ni blog */ .cat_desc, h2.primer, h2.segundo { padding: 15px 20px; font: bold 30px/1em "Helvetica Neue", Arial, sans-serif; color: #909090; border-bottom: 1px solid #d6d7d9; } h2.segundo { clear: both; position: relative; top: -1px; border-top: 1px solid #d6d7d9; } /* detalle producto: nombre del producto encima de la imagen */ h2.nombre_producto { width: 560px; } h3 { font-weight: normal; font-size: 18px; line-height: 1.11em; color: #323232; } #proceso_compra h3 { padding-bottom: 10px; } h3.searchresults { padding: 10px 20px 12px 20px; font-size: 14px; border-bottom: 1px solid #d6d7d9; } h4 { font-size: 12px; line-height: 1.5em; color: #333; } h5 { font-size: 14px; line-height: 1.5em; color: #818181; } p { font-size: 12px; line-height: 1.5em; } ul { list-style: none; } li { font-size: 12px; line-height: 1.5em; } th { text-align: left; font-weight: normal; font-size: 14px; } blockquote { margin: -9px 0 18px 0; padding: 18px 30px 0 30px; color: #666; background: #e1eff4 url("css_imgs/sprites.png") -7px -439px no-repeat; } a:link { color: #9cbf0e; } a:visited { color: #9cbf0e; } a:hover { color: #333; } a:active { position: relative; top: 1px; } /* efecto "boton pulsado" */ /* ESTRUCTURA (en orden de apariencia) -----------------------------------------------------------------------------*/ #container, .container { position: relative; width: 974px; margin: 0 auto; /*overflow: hidden;*/ text-align: left; background: #f3f3f4; border: 1px solid #d6d7d9; border-top: none; border-bottom: 10px solid #818181; } .container { border: none; } #cabecera { overflow: hidden; padding-top: 48px; height: 143px; background: #ecedee; border-bottom: 1px solid #d6d7d9; } /* listas de opciones arriba / lo que tienen en comun */ #qtranslate-chooser, #first-languages, #login, #ayuda { height: 24px; z-index: 2; } /* listas de opciones arriba / lo que tienen en comun */ #qtranslate-chooser li, #first-languages li, #login li, #ayuda li { display: inline; height: 24px; } /* barra que ocupa el espacio del menu de idiomas si esta desactivado el plugin qtranslate */ #barra { z-index: 1; position: absolute; top: 0; right: 0; left: 0; height: 24px; background: #4c4c4c; } #first-languages { z-index: 2; } /* idiomas (funciona con el plugin "qtranslate" de WordPress */ #qtranslate-chooser, #first-languages { position: absolute; top: 0; left: 0; width: 454px; padding-left: 20px; float: left; font-size: 11px; font-weight: bold; background: #4c4c4c url("css_imgs/sprites.png") 0 -365px no-repeat; } #qtranslate-chooser li, #first-languages li { margin-left: 10px; text-transform: capitalize; } #qtranslate-chooser a, #first-languages a { color: #cbcaca; } #qtranslate-chooser .active a, #first-languages .selected_language, #first-languages .selected_language a { color: #c5eb2c; } /* barra arriba a la derecha acceder a cuenta, mi cuenta, registrarse etc. */ #login { position: absolute; top: 0; right: 202px; width: auto; padding-right: 10px; text-align: right; background: #323232; } #login li { display: block; padding: 0 10px; width: auto; float: left; border-left: 1px solid #888; } #login li a { display: block; padding-left: 17px; font-size: 11px; color: #cbcaca; } #login li.acceder a { background: url("css_imgs/sprites.png") -10px -245px no-repeat; } #login li.signup a { font-weight: bold; color: #fff; background: url("css_imgs/sprites.png") -10px -276px no-repeat; } #login li.cuenta a { background: url("css_imgs/sprites.png") -10px -219px no-repeat; } #login li.favoritos a { background: url("css_imgs/sprites.png") -7px -185px no-repeat; } #login li.distribuidores a { padding-left: 0; } #login li.facebook a { padding-left: 20px; background: url("css_imgs/socialbookmarks/facebook-footer.png") 0 3px no-repeat; } #first-languages li, #login li { line-height: 20px; } /* bara de "atencion al cliente, garantia, etc." */ #ayuda { position: absolute; top: 24px; right: 0; left: 0; height: 24px; line-height: 24px; padding-left: 10px; font-size: 12px; background: #d9dadb;} #ayuda a { margin-left: 7px; } #ayuda a:link { color: #404040; } #ayuda a:visited { color: #404040; } #ayuda a:hover, #ayuda a:active { color: #000; } .tel_atencion { padding-left: 15px; font-weight: bold; background: url("css_imgs/sprites.png") -10px -340px no-repeat; } /* CESTA ARRIBA /* carrito de la compra */ #cart_block { z-index: 10; position: absolute; top: 0; right: 0; width: 202px; height: 119px; background: url("css_imgs/fondo-cesta.png") 0 -2px no-repeat; } #cart_block.active { height: 100px; } /* esconder detalles */ #cart_block dl.products, #cart_block #cart-prices, #cart_block_no_products { display: none; } /* la palabra clicable "carrito" con el icono del carrito */ #cart_block h4 { padding: 3px 10px 0 25px; width: 130px; height: 25px; overflow: hidden; text-align: left; font-weight: bold; font-size: 12px; color: #666; background: url("css_imgs/sprites.png") -7px -305px no-repeat; } #cart_block a:link, #cart_block a:visited, #cart_block a:hover, #cart_block a:active { color: #666; display: block; text-decoration: none; } #cart_block h4 a:link, #cart_block h4 a:visited, #cart_block h4 a:hover, #cart_block h4 a:active { color: #666; } /* n productos y euros */ #cart_block_summary { padding: 5px 10px; text-align: center; font-size: 14px; } .ajax_cart_quantity { color: #444; } .ajax_cart_product_txt_s, .ajax_cart_product_txt { color: #6a8009; } #cart_block.active .ajax_cart_total { color: #444; } #cart-buttons { padding: 0 10px; } #cart-buttons a:link, #cart-buttons a:visited { margin: 10px auto 0 auto; width: 176px; height: 36px; text-align: center; line-height: 30px; font-size: 14px; color: #333; background: url("css_imgs/cartbutton.png") center 0 no-repeat; } #cart-buttons a:hover, #cart-buttons a:active { background: url("css_imgs/cartbutton.png") center -60px no-repeat; } #cart-buttons a { text-shadow: #fff 1px 1px 1px; } /* esconder opcion de abrir/cerrar carrito */ #block_cart_collapse { display: none; } #block_cart_expand { display: none; } /* Transfer effect (al anadir producto a la cesta) -----------------------------------------------------------------------------*/ .transferProduct { background: #f8f9f9; border: 1px solid #11b2f0; } .transferProduct { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } /* imagen a modo de banner arriba del menu */ #headerimg { float: left; width: 602px; height: 109px; } #headerimg p span { position: absolute; left: -9999px; } /* menu principal */ #menu { float: left; width: 602px; } #menu li { display: block; float: left; margin-left: 7px; height: 27px; font-size: 17px; } #menu a { display: block; padding: 0 7px; height: 27px; } #menu a:link, #menu a:visited { color: #363636; border-bottom: 7px solid #ecedee; } #menu a:hover, #menu a:active { color: #363636; border-bottom: 7px solid #333; } #menu li.aqui a { border-bottom: 7px solid #c5eb2c; } /* campo de texto para buscar arriba ( se esconde el texto mediante un plugin j-query ) */ #buscador { position: relative; top: -15px; right: 10px; float: right; text-align: right; width: 200px; } #buscador input[type="search"] { padding-left: 10px; width: 150px; } /* width: 180px; */ #buscador label { margin-left: 10px; } #buscador .button { cursor: pointer; width: 24px; height: 24px; background: url("css_imgs/boton-buscar.png") 0 0 no-repeat; border: none; } #buscador .button:hover { background: url("css_imgs/boton-buscar.png") 0 -27px no-repeat; } #buscador .button { text-indent:-9999px; } /* menu lateral del blog */ #sidebar { min-height: 500px; width: 169px; float: left; background: #f3f3f4; border-right: 1px solid #d6d7d9; } #sidebar a { display: block; } #sidebar a:link { color: #666; } #sidebar a:visited { color: #666; } #sidebar a:hover { color: #333; } #sidebar a:active { color: #333; } #sidebar li { position: relative; line-height: 1em; } #sidebar li a { padding: 0 0 6px 16px; position: relative; left: -1px; } .blog #sidebar h2, #sidebar h2.finalistas { padding-left: 15px; } #sidebar ul { padding: 16px 15px 12px 0; border-bottom: 1px solid #d6d7d9; } #sidebar ul ul { padding: 0 0 0 0; border-bottom: none; } #sidebar ul ul li, .block_content ul li { font-size: 16px; } #sidebar li.current-cat a { color: #333; background: url("css_imgs/sidebar-aqui.png") -1px 0 no-repeat; } #sidebar li.aqui a { color: #333; background: url("css_imgs/sidebar-aqui.png") -1px 0 no-repeat; } #sidebar li.aqui h2 a, #sidebar ul.menu_tienda li.aqui a { background: url("css_imgs/sidebar-aqui.png") -1px 7px no-repeat; } #sidebar ul li:hover h2 a, #sidebar ul.menu_tienda li:hover a, #sidebar ul li ul li:hover a { color: #333; } /* si estamos en la tienda */ /* #categories_block_left */ #sidebar ul.menu_tienda { padding: 0 0 0 0; border-bottom: none; } #sidebar ul.menu_tienda li { padding: 22px 15px 18px 0; font-weight: normal; font-size: 26px; line-height: 1em; color: #818181; border-bottom: 1px solid #d6d7d9; } #sidebar ul.menu_tienda li h2 { line-height: 1em; } /* mostrar o esconder subcategorias */ #sidebar ul.menu_tienda ul { display: none; } #sidebar ul.menu_tienda li.aqui ul { display: block; } #sidebar ul.menu_tienda li.aqui ul li { padding: 0 0 0 0; font-size: 16px; border-bottom: none; } #sidebar ul.menu_tienda li.aqui ul li a { color: #666; background: none; } #sidebar ul.menu_tienda li.aqui ul li a:hover, #sidebar ul.menu_tienda li.aqui ul li.aqui a { color: #333; background: none; } /* el contenido */ #content { width: 804px; min-height: 500px; float: left; background: #fff; border-left: 1px solid #d6d7d9; margin-left: -1px; } #content.single { padding: 20px; width: 562px; border-right: 1px solid #d6d7d9; } /* no hay resultados, pagina de busqueda */ .sinresultado { padding: 20px; } /* titulo del post pagina single */ .post { position: relative; padding-bottom: 40px; } .post h2 { font: bold 30px/1em "Helvetica Neue", Arial, sans-serif; color: #909090; } /* info sobre el post (fecha publicacion, no. comentarios) */ .sobre { position: relative; padding: 10px 0; font-size: 11px; } .wcn_num_comments { padding-left: 10px; } .wcn_num_comments a { padding-left: 16px; color: #4c4c4c; background: url("css_imgs/sprites.png") -10px -400px no-repeat; } .compartir { position: absolute; right: 0; top: 9px; width: 40%; font-weight: bold; font-size: 10px; text-align: right; } .compartir.repetido { top: auto; right: 0; bottom: 0; } .compartir.reloj { position: static; width: 171px; padding: 10px 0; text-align: left; } /* elementos de un post */ .entry img { position: relative; left: -20px; /* width: 602px; */ width: auto; } .entry p { padding-bottom: 18px; } .entry h3 { padding-bottom: 9px; } /* Comentarios */ /* n comentarios blabla (un h3) */ #comments, #respond h3 { padding-top: 20px; margin: 10px 0 20px 0; border-top: 1px solid #d6d7d9; } /* lista de comentarios (ol) */ .commentlist { list-style: none; } .commentlist li { padding-bottom: 20px; } .comment-author { overflow: hidden; padding-top: 20px; } .avatar { float: left; width: 40px; margin: -10px 20px 0 0; } .comment-author h3 { float: left; width: auto; margin-right: 20px; } /* enlace a la web del autor */ a.url { color: #9ebc23; } .comment-author span.fecha { float: left; width: auto; font-size: 12px; color: #999; } .wcn-comment-text, .reply { margin-left: 60px; } .wcn-comment-text p { font-size: 14px; } .tracklist { list-style: none; } .tracklist li.last { display: none; } fieldset { padding: 20px 40px 10px 20px; border: none; background: #c5eb2c; } fieldset a:link, fieldset a:visited, fieldset a:hover, fieldset a:active { color: #fff; font-weight: bold; } .commentform label { margin-left: 10px; } fieldset p { padding-bottom: 10px; } fieldset p input[type="text"], fieldset p textarea { padding: 3px; width: 100%; background: #f3f3f4; border: none; } fieldset p input[type="text"]:focus, fieldset p textarea:focus { background: #fff; } /* "sidebar" al izquierda con los posts mas comentados, mas leidos, etc. */ #teasers { width: 201px; float: right; padding-bottom: 20px; background: #fff; border-bottom: 1px solid #d6d7d9; } #teasers h4 { clear: both; padding: 15px 20px; color: #11b2f0; border-bottom: 1px solid #d6d7d9; } .ultimoscomentarios { margin: 10px 10px 5px 20px; } a.comtxtlnk:link, a.comtxtlnk:visited, a.comtxtlnk:hover, a.comtxtlnk:active { color: #323232; } /* formato de post "compacto", que se usa en listados de posts (p.e. la home) */ .preview { position: relative; margin: 0 0 1px 1px; width: 200px; height: 265px; overflow: hidden; float: left; background: #333; } .preview.p1 { background: #5a5a5a; } .preview:hover, .preview.p1:hover { background: #c5eb2c; } .preview:hover *, .preview.p1:hover * { color: #333 !important; } .preview a:link { color: #fff; } .preview a:visited { color: #f1f1f1; } .preview a:hover, .preview:hover a, .preview.p1:hover a { color: #333; } .preview a:active { color: #c5eb2c; } .previmg { width: 200px; height: 158px; background: #ccc; } .previmg a { display: block; width: 200px; height: 158px; } .preview h3 { margin: 14px 5px 14px 11px; font-weight: bold; font-size: 15px; line-height: 1.34em; } .preview h3 a { display: block; } .preview p { position: absolute; bottom: 5px; left: 11px; width: 180px; font-size: 11px; color: #fff; } .vermas { padding-left: 10px; } .comentarios { cursor: pointer; display: block; overflow: hidden; float: right; width: 30px; height: 15px; text-align: right; padding-right: 18px; background: url("css_imgs/comments_blanco.png") right 2px no-repeat; } /* navegacion entre paginas */ .navigation { clear: both; padding: 20px; overflow: hidden; } .navigation a { display: block; padding: 3px 7px; color: #333; background: #f3f3f4; border-right: 1px solid #333; border-bottom: 1px solid #333; } .navigation a { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .navigation a:hover { background: #c5eb2c; } .older { float: left; width: 50%; } .older a { float: left; text-align: center; margin-right: 10px; } .newer { float: right; width: 50%; text-align: right; } .newer a { float: right; text-align: center; margin-left: 10px; } /* DISENADORES Y MIEMBROS DEL JURADO EN LA PG CONCURSO ----------------------------------------------------------*/ /* listado de disenadores */ .designer { margin-right: -1px; float: left; width: 201px; height: 280px; border-right: 1px solid #d6d7d9; border-bottom: 1px solid #d6d7d9; } .designer a:link, .designer a:visited, .designer span.nolink { display: block; padding: 0 10px; } .designer:hover, .designer a:hover, .designer a:active { background: #f3f3f4; } .designer img { margin: 0 0 20px -9px; } .designer strong { font-size: 29px; line-height: 1em; } .designer a:hover strong { color: #333; } .designer small { display: block; padding-top: 5px; font-size: 12px; line-height: 1em; font-style: italic; color: #909090; } /* listado de colaboradores */ .colaboradores { padding: 20px 20px 40px 20px; font-size: 28px; line-height: 1.25em; } .colaboradores a { margin-right: 10px; } .colaboradores a:link { text-decoration: underline; } .colaboradores a:visited { text-decoration: underline; } .colaboradores a:hover { text-decoration: none; color: #333; } .colaboradores a:active { text-decoration: none; } /* detalle un disenador */ .descripcion { padding: 20px 10px 20px 20px; float: left; width: 573px; border-right: 1px solid #d6d7d9; } .descripcion h3 { padding-bottom: 10px; color: #666; } .descripcion p { padding-bottom: 10px; } .pic { float: right; } /* AVISO LEGAL ETC. ----------------------------------------------------------*/ .rte h2 { margin-bottom: 20px; padding: 15px 20px; font: bold 30px/1em "Helvetica Neue", Arial, sans-serif; color: #909090; border-bottom: 1px solid #d6d7d9; } .rte h3, .rte ul, .rte ol { padding: 10px 20px; } .rte p { padding: 0 20px 10px 20px; } /* CONTACT / QUIENES SOMOS ----------------------------------------------------------*/ .rte h2.epic, .concurso h2.epic, .rte .otras h2.epic { padding: 30px 20px 15px 40px; font-weight: normal; font-size: 70px; line-height: 0.95em; text-transform: uppercase; color: #444; border-bottom: none; } .concurso p.intro, .rte .otras p.intro, address { padding: 10px 201px 20px 40px; font-style: normal; font-size: 22px; line-height: 1.1em; color: #444; } .rte .otras .contact { padding: 0 20px 20px 40px; font-size: 18px; line-height: 1em; color: #818181; } .rte .otras .contact a { display: block; } .rte .otras p.intro { padding-top: 0; font-size: 26px; } .rte .otras .descripcion.quienes { padding: 0 0 60px 20px; border-right: none; } .ci { text-transform: uppercase; font-size: 22px; } .rte .otras .quienes p { font-size: 18px; line-height: 1em; color: #818181; } /* CONCURSO ----------------------------------------------------------*/ .concurso h2.epic { padding-left: 20px; } .concurso p.intro { padding: 20px 40px 0 20px; color: #818181; } .concurso p.intro strong { font-weight: normal; color: #444444; } .listado_concursantes { padding: 40px 0; overflow: hidden; } .concursante { position:relative; float: left; width: 402px; background: #ecedee; border-top: 1px solid #d9d9da; } .concursante.dos { float:right; width: 401px; } .num_votos { position: absolute; top: 15px; right: 12px; padding-right: 30px; text-align: right; color: #11b2f0; /*text-shadow: #fff 1px 1px 1px;*/ background: url("css_imgs/sprites.png") -129px -102px no-repeat; } .blanco .num_votos { color: #5d5d5d; text-shadow: #fff 1px 1px 1px; } b { font: bold 18px/.7em Arial, "Lucida Grande", "Lucida Sans", sans-serif; } .concursante h5 { float: left; width: 60%; margin: 10px 0 10px 10px; } .concursante .compartir { position: static; float: right; width: 30%; margin: 10px 10px 10px 0; font: normal 10px/1em Arial, sans-serif; color: #818181; } .concursante fieldset { clear: both; padding: 0 10px 0 10px; border: none; border-top: 1px solid #d9dadc; background: none; } .concursante fieldset label { display: inline; font-size: 10px; color: #333; } .concursante fieldset input[type="text"] { padding: 2px 2px 4px 2px; width: 100px; background: #fff; } .concursante fieldset input[type="text"]:focus { background: #fff; } .concursante fieldset p { float: left; width: 50%; padding: 10px 0; height: 20px; line-height: 20px; text-align: right; } .concursante fieldset p a:link, .concursante fieldset p a:visited { color: #4c4c4c; } .concursante fieldset p a:hover { text-decoration: underline; } .concursante fieldset p.condiciones { text-align: left; } .concursante fieldset p.oculto { position: absolute; top: 210px; left: 10px; padding: 5px 10px; width: 361px; text-align: left; background: #11b2f0; } .concursante a.boton { float: right; width: auto; margin: -3px 0 0 5px; padding-left: 30px; background: #c5eb2c url("css_imgs/sprites.png") -2px -96px no-repeat; } .concursante fieldset p a.boton:hover { text-decoration: none; color: #fff; background: #323232 url("css_imgs/sprites.png") -2px -126px no-repeat; } /* PAGINA DE AVISO LEVAL, CONDICIONES DE COMPRA, ETC. __________________________________________________________ */ #msg_page h4 { margin: 10px 20px 0 20px; } #msg_page ol { margin: 0 20px; } /* TIENDA ----------------------------------------------------------*/ noscript ul { padding: 10px; list-style-type: none; color: #000; background: #ffc; } /* banner textual en la home de la tienda */ .editorial_block h2.epic { padding-bottom: 40px; border-bottom: 1px solid #d9d9da; } /* banner imagen en la home de la tienda */ .editorial_block { position: relative; top: 0; left: 0; } .editorial_block a img { width: 804px; } /* product_list.tpl */ .listado_relojes { position: relative; left: 1px; /*border-bottom: 1px solid #d6d7d9;*/ overflow: hidden; } .listado_relojes li { border-bottom: 1px solid #d6d7d9; } .ajax_block_product { margin: 0; position: relative; float: left; width: 200px; height: 390px; font: normal 12px/1.25em "Helvetica Neue", Arial, sans-serif; color: #606060; border-right: 1px solid #d6d7d9; } .ajax_block_product a { display: block; } .ajax_block_product .product_img_link { position: absolute; top: 70px; left: 0; } .nombre_precio { position: absolute; top: 0; left: 0; } /* en principio es h3, pero en prestashop h5 */ .ajax_block_product h5, .ajax_block_product h3 { padding: 20px 10px 0 10px; font-weight: bold; font-size: 14px; line-height: 1.25em; color: #11b2f0; } .ajax_block_product h5 a, .ajax_block_product h3 a { color: #11b2f0; text-shadow: #fff 1px 1px 1px; } .ajax_block_product p, .ajax_block_product div { padding: 2px 10px; } .ajax_block_product div p { padding: 5px 0; } .product_desc a { color: #606060; } /* precio */ .price { padding: 5px 10px; font-weight: bold; font-size: 16px; white-space: nowrap; } .cart_unit .price { font-size: 12px; } #old_price { color: #ec008c; } #old_price_display { text-decoration: line-through; } /* aņadir a cesta */ .add2cart_div { position: absolute; right: 0; bottom: 5px; left: 0; } a.ajax_add_to_cart_button { margin: 5px 10px; } .buttons_bottom_block a.ajax_add_to_cart_button { margin-left: 0; } /* etiquetitas */ .availability, .on_sale, .discount, .new { position: absolute; top: 0; right: 18px; width: 61px; height: 108px; overflow: hidden; } .price .on_sale { right: 0; } /* .on_sale, .new */ .availability, .discount { display: none; } .outofstock { display: block; margin: 10px 20px; padding: 3px 5px; text-align: center; line-height: 2em; color:#333; background:#ffc; } /* titulo listado */ .products_block h4 { clear: both; position: relative; padding: 15px 10px; font: bold 30px/1em "Helvetica Neue", Arial, sans-serif; color: #909090; border-bottom: 1px solid #d6d7d9; } .products_block.bloghome h4 { top: -1px; border-top: 1px solid #d6d7d9; } .bloghome { overflow: hidden; padding-bottom: 40px; } /* resultados de busqueda */ /* h3.searchresults: ver "h3", arriba */ #searchresults { position: relative; } #productsSortForm { position: absolute; top: 8px; right: 20px; } /* DETALLE PRODUCTO -----------------------------------------------------------------------------*/ /* contiene toda la pagina del producto */ #primary_block { position: relative; overflow: hidden; border-bottom: 1px solid #d6d7d9; } #primary_block h2 { position: absolute; top: 20px; left: 20px; font: bold 25px/1.2em Arial, sans-serif; color: #11b2f0; } #primary_block h2 span { font-weight: normal; color: #606060; } #view_full_size { cursor: pointer; } #view_full_size img { margin: 5px 5px 0 0; } #primary_block h3 { padding: 8px 0 4px 0; font-size: 18px; font-weight: normal; color: #333; } #quantity_wanted_p, #product_reference { font: normal 0.84em/1.8em Arial, sans-serif; color: #333; } .editable { font-weight: bold; color: #666; letter-spacing: 0.05em; } .warning { padding: 10px; color:#333; background:#ffc; border:1px solid #d6d7d9; } .warning-inline { margin: 10px 0; padding: 5px; line-height: 2em; color:#000; background:#ff9; /*border:1px solid #d6d7d9;*/ } .price .warning-inline { font-size: 12px; color: #333; } .error { padding: 10px; margin-bottom: 20px; color: #333; background:#ffc; border: 1px solid #d6d7d9; overflow: hidden; } h2.primer + .error { border-top: none; } .error p { color: #fe0154; } .error img { float: left; margin: 0 20px 10px 0; } .error ol { margin-left: 30px; list-style-position: inside; } .error ol li, .error ol li b { font-size: 12px; } /* la columna izquierda (es lo que pasa cuando se nombran elementos por su apariencia)*/ #pb-right-column { width: 602px; float: left; overflow: hidden; border-right: 1px solid #d6d7d9; } /* la(s) imagen(es) */ #image-block { height: 425px; vertical-align: middle; } #image-block img { margin: 50px 0 30px 0; border: none; } /* imagen de producot con su mini-galeria */ /* views block */ #views_block { width: 594px; height: 46px; margin: 0 auto 20px auto; } #thumbs_list { overflow: hidden; width: 538px; height: 42px; float: left; border-top: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; } #thumbs_list ul { list-style-type: none; float: left; } #thumbs_list li { float: left; cursor: pointer; width: 70px; height: 42px; } #thumbs_list li a img { border: 1px solid #e3e2e2; position: relative; z-index: 10; } #thumbs_list li a.shown img { border: 1px solid #11b2f0; z-index: 15; } #thumbs_list li a { display: block; } #thumbs_list li a img { display: block; width: 70px; height: 40px; } #view_scroll_left, #view_scroll_right { text-indent: -3000px; width: 28px; height: 46px; } #view_scroll_left { position: relative; /*left: 7px;*/ float: left; background: url("css_imgs/thumbslide.png") 0 -10px no-repeat; } #view_scroll_right { position: relative; right: 7px; float: right; background: url("css_imgs/thumbslide.png") -552px -10px no-repeat; } #view_scroll_left:hover {} #view_scroll_right:hover {} span.view_scroll_spacer { position: relative; left: 7px; float: left; width: 28px; height: 46px; background: url("css_imgs/thumbslide.png") 0 -76px no-repeat; } span.view_scroll_spacer.right { left: 0; right: -7px; float: right; background: url("css_imgs/thumbslide.png") -559px -76px no-repeat; } /* DESCRIPCION DEL PRODUCTO */ .product_description { padding: 0 20px 20px 20px; } /* PRODUCT FEATURES */ /* la columna derecha (es lo que pasa cuando se nombran elementos por su apariencia)*/ #pb-left-column { position: relative; left: -1px; width: 180px; padding: 17px 10px 30px 10px; float: left; border-left: 1px solid #d6d7d9; } #pb-left-column .price { padding: 5px 0; } #idTab2 { list-style: none; margin-top: 20px; margin-bottom: 10px; } #idTab2 li { padding: 3px 10px 5px 13px; font-size: 12px; color: #333; line-height: 1.25em; background: url("css_imgs/sprites.png") -176px -6px no-repeat; border-bottom: 1px solid #ecedee; } #idTab2 li span { display: block; font-weight: normal; } #more_info_block { display: none; } #pQuantityAvailable { margin: 10px 0; color: #4c4c4c; } .our_price_display { margin: 15px 0; font-weight: normal; font-size: 11px; color: #363636; } #our_price_display { display: block; font-weight: bold; font-size: 25px; color: #606060; } #attributes { margin-top: 10px; } #attributes p { padding-bottom: 10px; } a.color_pick { display: block; width: 20px; height: 20px; border: 1px solid #666; cursor: pointer; } a.color_pick:hover { border: 1px solid #000; } #add_to_cart { margin-top: 20px; } /* FOOTER, SITEMAP ABAJO ----------------------------------------------------------*/ /* #iframe_footer { height: 235px !important; } */ /* footer */ #footer { clear: both; width: 974px; margin: 0 auto 1px auto; overflow: hidden; background: #818181; } #footer p { font-size: 10px; } #footer a { color: #ecedee; } .facebook img, .rss img { position: relative; top: 5px; } .watchcelona, #footer form, .social, .runroom { float: left; height: 35px; line-height: 35px; color: #ecedee; border-left: 1px solid #ecedee; } .runroom { white-space: nowrap; } /* el loguito de watchcelona */ .watchcelona { width: 160px; padding-right: 10px; text-align: right; background: url("css_imgs/sprites.png") 0 0 no-repeat; border-left: none; } /* newsletter */ #footer form { width: 401px; } #newsletter { padding-left: 20px; height: 35px; line-height: 35px; text-align: left; } /* VENTANA MODAL -----------------------------------------------------------------------------*/ #trama { z-index: 5; position: absolute; top: 15%; right: 15%; left: 15%; padding: 20px; background: url("css_imgs/trama.png"); border-radius: 20px; } #bot_cerrar { position: absolute; top: 40px; right: 40px; width: 25px; height: 25px; background: url("css_imgs/cerrar.png");} #bot_cerrar span { position: absolute; left: -9999px; } #warning_inline, #success_inline { z-index: 10; padding: 20px; color: #fff; background: #ec008c; border-right: 1px solid #000; border-bottom: 1px solid #000; border-radius: 10px; } #success_inline { color: #000; background: #c5eb2c; } #newsletter label { display: none; } #footer form span { display: block; float: left; width: 165px; } #footer form label { margin: -9px 0 0 5px; color: #333; } #footer form input[type="text"] { margin-left: 5px; width: 180px; background: #b7b7b7; border: none; padding: 1px 2px 2px 2px; } #footer form input[type="text"]:focus { background: #fff; } #newsletter input[type="image"], #newsletter-head input[type="image"] { position: relative; top: 4px; } .social, .runroom { width: 180px; padding-left: 20px; text-align: left; } /* el footer debajo del footer con un sinfin de enlaces */ #sitemap { width: 974px; margin: 0 auto; overflow: hidden; text-align: left; background: #ecedee; } #sitemap ul { min-height: 180px; float: left; width: 200px; padding: 20px 0; border-left: 1px solid #d6d7d9; } #sitemap ul ul { float: none; width: auto; min-height: 0; height: auto; padding: 0 0; border-left: none; } #sitemap li { padding: 0 0 0 20px; font-size: 12px; } #sitemap h2 { font-size: 12px; color: #11b2f0; } #sitemap li a { margin-left: -10px; display: block; padding: 0 10px; color: #818181; } #sitemap li a:hover { color: #333; background: #c5eb2c; } #sitemap ul.menu_repetido { width: 170px; border-left: none; } #sitemap ul.menu_repetido li { padding-left: 15px; font-weight: bold; } #sitemap ul ul li { padding-left: 0; } /* los logo sde dhl, paypal, etc. */ #paiement_logo_block ul { min-height: 1px; } #paiement_logo_block li ul li a { float: left; margin-left: 0; margin-right: 5px; padding-left: 0; padding-right: 0; width: auto; border: 1px solid #ecedee; } #paiement_logo_block li ul li a:hover { border: 1px solid #818181; } .paiement_logo_block li h2 { clear: both; padding-bottom: 5px; } .paiement_logo_block li { overflow: hidden; padding: 15px 0 20px 0; } .paiement_logo_block li ul li { overflow: hidden; margin-bottom: 10px; } /* PASOS DE COMPRA -----------------------------------------------------------------------------*/ /* steps (se marcan los pasos de la compra de arriba) */ ul#order_step { margin: 20px auto; background-color: #fff; } ul.step { padding-left: 40px; width: 542px; height: 40px; background: url("css_imgs/ordersteps/step_start.gif") no-repeat bottom left; list-style: none; } ul.step li { color: #666; font-size: 13px; height: 40px; float: left; width: 100px; white-space: nowrap; text-align: center; background: url("css_imgs/ordersteps/step_standard.gif") no-repeat bottom left; } ul.step li.step_current { color: #000; background: url("css_imgs/ordersteps/step_current.gif") no-repeat bottom left; } ul.step li.step_todo { font-style:italic; } ul.step li#step_end { text-align: right; width: 40px; } ul.step li#step_end { background: url("css_imgs/ordersteps/step_end.gif") no-repeat bottom left; } ul.step li#step_end.step_current { background: url("css_imgs/ordersteps/step_end_current.gif") no-repeat bottom left; } /* DOMAR PROCESO COMPRA */ #proceso_compra { padding: 20px; } #proceso_compra fieldset { padding: 20px 20px 25px 20px; margin-bottom: 20px; border: none; background: #f8f9f9; border: 1px solid #d6e7ed; } /* crear cuenta / login a la misma altura */ #proceso_compra #create-account_form fieldset, #proceso_compra #login_form fieldset { width: 320px; float: left; } #proceso_compra #login_form fieldset { margin-left: 20px; } #proceso_compra fieldset a:link, #proceso_compra fieldset a:visited { color: #666; font-weight: normal; } #proceso_compra fieldset a:hover, #proceso_compra fieldset a:active { text-decoration: underline; color: #333; font-weight: normal; } #proceso_compra fieldset h3 { padding-bottom: 10px; } #proceso_compra fieldset p { padding-bottom: 10px; } #proceso_compra fieldset label { display: block !important; } #proceso_compra fieldset input[type="text"], #proceso_compra fieldset input[type="password"], #proceso_compra fieldset textarea { padding: 3px; width: 300px; background: #fff; border: 2px inset #d6d7d9; } #proceso_compra fieldset input[type="text"]:focus, #proceso_compra fieldset textarea:focus { background: #fff; } .radio { overflow: hidden; } .fsmetalabel { display: block; } .radio label { margin-right: 20px; float: left; width: auto; } #submitAccount, #submitAddress { margin-right: 20px; } submit.button { margin: 5px 0; } /* adresses */ .direcciones { margin: 20px 0; overflow: hidden; } .order_delivery, .addresses { overflow: hidden; padding-bottom: 20px; } ul.address { list-style:none; padding-top: 20px; width: 45%; float: left; } .address_title { font-weight: bold; } .address_update { padding: 10px 0 20px 0; } .address_update a, .address_delete a { padding: 3px 7px; font-size: 14px; color: #fff !important; border-right: 1px solid #666; border-bottom: 1px solid #666; background: #999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .address_delete a { background: #fe0154; } .address_update a:hover, .address_delete a:hover { text-decoration: none !important; background: #333; } .address_add { overflow: hidden; padding: 10px 0; } /* conditions & legal */ /* conditions.tpl */ /* identity.tpl */ /* order step 3: PAYMENT */ .payment_module { margin-top: 10px; } .payment_module a { margin-bottom: 10px; padding: 10px; background: #f8f9f9; border: 1px solid #d6e7ed; } .payment_module img { vertical-align: middle; } .payment_module a { display: block; } .payment_module a:hover, .payment_module a:focus, .payment_module a:active { font-weight: bold; color: #333; background: #fff; } /* shopping cart: hide last added */ table.cart_last_product, table.cart_last_product_content { display: none; } /* TABLE CARRITO / HISTORY / PAGO TRANSFERENCIA ETC. */ /* table#cart_summary */ table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } #cart_summary td, #order-list td, #order-detail-content td, .detail_step_by_step td { padding: 0 10px; font-size: 12px; border: 1px solid #d6d7d9; } #cart_summary td.cart_product, #cart_summary td.cart_ref, #cart_summary td.cart_availability, #order-list td.cart_product, #order-list td.cart_ref, #order-list td.cart_availability { padding-left: 0; text-align: center; } th.cart_product, th.cart_ref, th.cart_availability { text-align: left; } .cart_total { text-align: right; } th.price, td.price { text-align: right; padding-right: 10px; } th.price .price, td.price .price { padding-right: 0; } td.cart_quantity a.cart_quantity_up { padding-left: 3px; } td.cart_quantity a.cart_quantity_down { padding-right: 3px; } tr.cart_free_shipping { display: none; } #proceso_compra #cart_voucher fieldset { padding: 10px; } #cart_voucher fieldset p { padding-top: 10px; float: left; width: auto; } #cart_voucher fieldset p label { float: left; width: auto; margin-right: 10px; } #cart_voucher fieldset p.submit { margin: 0 0 0 5px; } #ordermsg p label { display: block; } fieldset table { margin-top: 20px; } fieldset table td { font-size: 12px; padding: 3px 5px; border: 1px solid #d6e7ed; } #order_carrier { clear: both; padding: 20px 0; } /* esconder para que se pueda mostrar al hacer click en el boton corespondiente */ #order #gift_div { display: none; } p + .cart_navigation { margin-top: 20px; } /* BOTONES GALORE -----------------------------------------------------------------------------*/ a.button:link, a.button:visited, .cart_navigation a.exclusive:link, .cart_navigation a.exclusive:visited { display: block; padding: 3px 7px; font-size: 14px; color: #fff; border-right: 1px solid #666; border-bottom: 1px solid #666; background: #a6c22a; } a.button:hover, a.button:active, .cart_navigation a.exclusive:hover, .cart_navigation a.exclusive:active { color: #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; background: #404040; } a.ajax_add_to_cart_button:link, a.ajax_add_to_cart_button:visited { padding-left: 28px; background: #a6c22a url("css_imgs/sprites.png") -175px -305px no-repeat; } a.ajax_add_to_cart_button:hover, a.ajax_add_to_cart_button:active { padding-left: 28px; background: #404040 url("css_imgs/sprites.png") -175px -305px no-repeat; } a.button.secundario { float: left; } .cart_navigation a.exclusive { float: right; } /* .cart_navigation.submit input[type="submit"] { cursor: pointer; float: right; padding: 3px 7px; font-size: 14px; color: #fff; border: none; border-right: 1px solid #666; border-bottom: 1px solid #666; background: #a6c22a; } .cart_navigation.submit input[type="submit"]:hover { cursor: pointer; background: #404040; } */ .submit input[type="submit"], .cart_navigation input[type="submit"] { cursor: pointer; float: right; padding: 3px 7px; font-size: 14px; color: #fff; border: none; border-right: 1px solid #666; border-bottom: 1px solid #666; background: #a6c22a; } .submit input[type="submit"]:hover, .cart_navigation input[type="submit"]:hover { cursor: pointer; background: #404040; } /* MISCELLANEA ----------------------------------------------------------*/ /* enlace al post en el blog sobre el tema */ .ablogpost { padding-left: 20px; background: url("../../blog/wp-content/themes/watchcelona/imgs/sprites.png") -10px -70px no-repeat; } a.boton { display: block; padding: 3px 7px; } a.boton { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .cart_navigation a.exclusive, /*#cart-buttons a,*/ a.button, .cart_navigation input[type="submit"], .submit input[type="submit"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*.cart_navigation.submit*/ .solo { margin: 20px; } .menu_cuenta, .footer_links { padding-top: 20px; } .menu_cuenta li, .footer_links li { padding-bottom: 10px; } .menu_cuenta li a, .footer_links li a { display: block; } .icon { margin-right: 5px; } .oculto, .hidden, .order_qte_input { display: none; } .clear { clear: both; height: 0; } /* GEORGIA (elementos que salen en la tipo Georgia) -----------------------------------------------------------------------------*/ address, .ablogpost, .colaboradores, .comment-author span.fecha, .commentlist h3, .contact, .descripcion h3, .entry h3, .rte .otras h2.epic, .concurso h2.epic, .rte h2.epic, h2.epic, .intro, #menu, #cart_block_summary, .quienes, #respond h3, #sidebar, .vermas, .wcn-comment-text, .button, .address_update a, .address_delete a, .cart_navigation .exclusive, .cart_navigation.submit input[type="submit"] { font-family: Georgia, "Times New Roman", Times, serif; } /* adelgazar fonts bold en webkit (no valida) */ body { -webkit-text-stroke: 1px transparent; } /* pero no en mobile safari */ @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}