/** * TNB v1.0 2009 * * 000.XXX.YYY * version 1.0, 26 octubre 2009 * * autor natalia artigas * copyright 2009 by runroom * * color #dbdbdb; fondo contenido * * */ /* Undo browser defaults (see 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 } ul,li{ list-style:none;} /* Elementos HTML -----------------------------------------------------------------------------*/ body { font: normal bold 100.01% Helvetica, Arial, sans-serif; color: #808080; text-align: left; background:#fff url("css_imgs/bacground.jpg") 50% 0 no-repeat; text-align:center; } h1 { width:926px; height:135px; background: url("css_imgs/headerlogo.jpg") 0 0 no-repeat; float:left; } h1 a{ width:926px; height:120px; display:block; } p.isashopinbarcelona { width: 292px; height: 30px; background: url("css_imgs/isashopinbarcelona.jpg") 0 0 no-repeat; float:left; } p.isashopinbarcelona span { position: absolute; left: -9999px; } p.shoponline { width: 292px; height: 30px; background: url("css_imgs/shoponline.jpg") 0 0 no-repeat; float:left; } p.shoponline span { position: absolute; left: -9999px; } p.werunthings { width: 292px; height: 30px; background: url("css_imgs/werunthings.jpg") 0 0 no-repeat; float:left; } p.werunthings span { position: absolute; left: -9999px; } p.checkthisout { width: 292px; height: 30px; background: url("css_imgs/checkthisout.jpg") 0 0 no-repeat; float:left; } p.checkthisout span { position: absolute; left: -9999px; } h1 span { position: absolute; left: -9999px; } h2 { position: absolute; left: -9999px;} h3 { clear:both; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; height:29px; } h3 span{ visibility:hidden;} h4 {} h5 {} h6 {} p {} a, a:link{ color:#808080; cursor: pointer;} a:hover{ color:#0051ff;} a:visited { color: #808080; } a:active { color: #0051ff; } /* LAYOUT -----------------------------------------------------------------------------*/ #contenedor { width: 926px; margin: 0 auto; text-align: left; font-size:11px; } #cabecera { padding-top: 0px; } #franja_superior { background:#000; overflow:hidden; height:22px; padding-right:7px;} #contenido { clear: both; padding-top: 15px; } #footer{ clear:both; } /* FORMULARIOS -----------------------------------------------------------------------------*/ form{margin:0px;padding:0px;} fieldset { border: 0; clear:both;} legend {} label {} input[type="text"], input[type="password"] {border:none;} select { background-color: #c7b299; color:#000000; border:none; font:bold 11px Arial, Helvetica, sans-serif; } textarea {} /* CLASES GENERALES -----------------------------------------------------------------------------*/ .hidden{display:none } .floatLeft{ float:left !important;} .clearNone{ clear:none !important;} .clear{ clear:both;} /* h2 varios -----------------------------------------------------------------------------*/ h2.step1, h2.step2, h2.step3, h2.step4{ position:relative; left:0px; width:928px; height:46px; margin-bottom:15px;} h2.step1 span, h2.step2 span, h2.step3 span, h2.step4 span{position: absolute; left: -9999px;} h2.step1{ background:url(css_imgs/bg_h2_step1.gif) 0px 0px no-repeat;} h2.step2{ background:url(css_imgs/bg_h2_step2.gif) 0px 0px no-repeat;} h2.step3{ background:url(css_imgs/bg_h2_step3.gif) 0px 0px no-repeat;} h2.step4{ background:url(css_imgs/bg_h2_step4_en.jpg) 0px 0px no-repeat; height:217px; margin-bottom:40px;} /* h3 varios -----------------------------------------------------------------------------*/ h3.archive{ background:transparent url(css_imgs/archivo_en.png) no-repeat scroll center center; } h3.family{ background:transparent url(css_imgs/wetrust.png) no-repeat scroll center center; margin-top:88px;} h3.searchResults{ clear:none; margin-bottom: 40px; background:url(css_imgs/resultados_busqueda_en.png) center center no-repeat;} h3.weRecommend { clear:both; margin-bottom: 15px; background:url(css_imgs/we_recommend_en.png) center center no-repeat;} .divBasquet h3{ background:url(css_imgs/basquet_en.png) center center no-repeat; margin-bottom:15px;} h3.relacionado{ background:url(css_imgs/productos_relacionados_en.png) center center no-repeat; margin-bottom:15px;} h3.brand{ height:auto; padding:5px 0px; margin-bottom:15px; text-align:center;} h3.consejos{ background:url(css_imgs/consejos_en.png) no-repeat center center; margin-bottom:15px;} h3.tupedido{ background:url(css_imgs/tupedido_en.png) no-repeat center center; margin-bottom:15px;} h3.login{ background:url(css_imgs/login_en.png) no-repeat center center; margin-bottom:15px;} h3.resumen{ background:url(css_imgs/resumen_en.png) no-repeat center center; margin-bottom:15px;} h3.noSearchResults{ border:0; background: url(css_imgs/no_resultados_en.png) no-repeat center center; margin-bottom:15px;} h3.noCatTagResults { background: url(css_imgs/no_resultados_en.png) no-repeat center center; margin-bottom:15px; } h3.noCatTagResults span{ position:absolute; left:-99999px;} #footer ul li.community h3{ background:url(css_imgs/community_en.png) center center no-repeat;} #footer ul li.shop h3{ background: url(css_imgs/shop_en.png) center center no-repeat;} #footer ul li.news h3{ background:url(css_imgs/newsletter_en.png) center center no-repeat; margin-bottom:6px;} #footer ul li.help h3{ background:url(css_imgs/help_en.png) center center no-repeat;} /* languages -----------------------------------------------------------------------------*/ .lang{ float:right; margin-left:13px; width:auto; } .lang li{ float:right; width:21px; height:22px; margin-left:12px; line-height:22px; } .lang li{ background:url(css_imgs/lang_54x16.jpg) 0px 3px no-repeat; } .lang li.es{ background-position:0px 3px; } .lang li.en{ background-position:-34px 3px; } .lang li a{ display:block; width:22px; height:22px; line-height:22px;} .lang li a span{ position:absolute; left:-99999px;} /* info -----------------------------------------------------------------------------*/ #cabecera .info { float:right; line-height:22px; } #cabecera .info li{ float:left; text-align:center; margin-right:13px; } #cabecera .info li a{ display:block; background-color:#000000; float:left; color:#ffffff;} #cabecera .info li p{ background-color:#ffffff; float:left; margin-left:5px; width:100px; } #cabecera .info li a:hover{ background-color:#4d4d4d; } #cabecera .info li.help a, #cabecera .info li.items a span.pay{ width:39px; } #cabecera .info li.pedido a{ width:50px; } #cabecera .info li.items {margin-top:3px; } #cabecera .info li.items a span{ display:block; float:left; line-height:16px;} #cabecera .info li.items a span.pay{background: #4d4d4d;} #cabecera .info li.items a:hover span.pay{background-color:#c1272d;} #cabecera .info li.items span.number{ color:#000000; background-color:#ffffff; width:100px; height:16px; line-height:16px; } #cabecera .info li.items a:hover span.number{ color:#c1272d; } /* banner -----------------------------------------------------------------------------*/ #banner{width:926px; height:135px; margin:5px 0px 20px 0px;} /* ticker -----------------------------------------------------------------------------*/ #ticker{background:#FF7900; width:560px; height:22px; line-height:22px; float:left; } #ticker ul {padding:0 13px; overflow:hidden;} #ticker ul li {color:#fff;} #ticker .tickerText { color: #fff; line-height: 22px; } #ticker .tickerText a{ color: #fff; } #ticker .tickerText a:hover{ color: #4d4d4d; } /* MENU -----------------------------------------------------------------------------*/ ul#menu {} ul#menu li { display: block; float: left;} ul#menu li a{ display:block; height:31px; background:url(css_imgs/sprite_en.png) no-repeat;} #menu li a span{ position:absolute; left:-99999px;} ul#menu li.shop a{ width:108px; background-position: 0px 0px; } ul#menu li.shop a:hover{ background-position: -110px 0px !important; } ul#menu li.shop a.selected{background-position: -219px 0px !important;} ul#menu li.blog a{ width:108px; background-position: -1px -33px !important; } ul#menu li.blog a.selected{ background-position: -235px -33px !important;} ul#menu li.blog a:hover{ background-position: -119px -33px !important; } ul#menu li.zapatillasblog, li.skate, li.eventos{ margin-left:15px; } ul#menu li.zapatillasblog a, ul#menu li.skate a,ul#menu li.eventos a,ul#menu li.varios a,ul#menu li.zapatillasblog a{width:101px;} ul#menu li.zapatillasblog a{background-position: -1px -66px !important;} ul#menu li.zapatillasblog a:hover, ul#menu li.zapatillasblog a.selected {background-position: -119px -66px !important;} ul#menu li.varios{ margin-left:16px; } ul#menu li.varios a{background-position:-1px -99px !important;} ul#menu li.varios a:hover, ul#menu li.varios a.selected {background-position:-119px -99px !important;} ul#menu li.skate a{ background-position: -1px -165px !important;} ul#menu li.skate a:hover, ul#menu li.skate a.selected { background-position:-119px -165px !important;} ul#menu li.eventos a{background-position:-1px -132px !important;} ul#menu li.eventos a:hover, ul#menu li.eventos a.selected {background-position:-119px -132px !important;} ul#menu li.zapatillas a{width:101px; background-position: 0px -198px !important;} ul#menu li.zapatillas a:hover{background-position:-118px -198px !important;} ul#menu li.ropas a{width:101px; background-position: 0px -231px !important;} ul#menu li.ropas a:hover{background-position:-118px -231px !important;} ul#menu li.complementos a{width:101px; background-position: 0px -264px !important;} ul#menu li.complementos a:hover{background-position:-118px -264px !important;} ul#menu li.search form{ float:left; width:219px; height:25px; overflow:hidden; } ul#menu li.search form input.button{ float:right; width:22px; height:27px; padding:0px; } ul#menu li.search form input{ float:left;width:175px; padding:6px 7px; font: normal bold 11px Helvetica, Arial, sans-serif; color: #ffffff; } ul#menu li.search form label{ position:absolute; left:-99999px;} /* menu classe 1: home -----------------------------------------------------------------------------*/ ul.menu1 li.blog{ margin-left:245px; } /* menu clase 2: blog -----------------------------------------------------------------------------*/ ul#menu.menu2 li.blog{ margin-left:16px; } ul#menu.menu2 li.search {background-color:#0051ff; margin-left:10px;} ul#menu.menu2 li.search form input{ background-color: #0051ff;} /* menu clase 3: shop -----------------------------------------------------------------------------*/ ul#menu.menu3 li{margin-left:17px;} ul#menu.menu3 li.shop{ margin-left:0px;} ul#menu.menu3 li.blog{ margin-left:16px;} ul#menu.menu3 li.blog a{ width:101px; background-position: -349px -33px !important;} ul#menu.menu3 li.blog a:hover{ width:101px; background-position: -453px -33px !important;} ul#menu.menu3 li.skate a{ background-position: 0px -297px !important;} ul#menu.menu3 li.skate a:hover{ background-position:-118px -297px !important;} ul#menu.menu3 li.search {background-color:#c7b299; margin-left:10px;} ul#menu.menu3 li.search form input{ background-color: #c7b299;} /* highlightsL -----------------------------------------------------------------------------*/ .highlightsL, .highlightsS { float:left; overflow:hidden; } .highlightsL ul li { text-align: center; margin-top:-4px; padding: 3px 10px 10px 5px; width: 334px; height: 150px; position:relative; background:url("css_imgs/caja_banner.png") 0 0 no-repeat;} .highlightsL ul li ul li {text-align: center; background:none;} .highlightsS ul li{ margin-top:-4px; margin-left:-3px; padding: 4px 6px 9px 4px; position:relative; width: 95px; height: 150px; background:url("css_imgs/caja_banner_peq.png") 0 0 no-repeat;} .highlightsS ul li ul li { background:none;} /* highlightsL -----------------------------------------------------------------------------*/ .scrollable { z-index: 21;position: relative; overflow: hidden; width: 334px; height: 150px; } .scrollable .items { list-style: none; width: 20000em; position: absolute; clear: both; z-index: 20; } .scrollable .items li { padding:0; margin:0; float: left; width: 334px; text-align: center; font-weight: bold; font-size: 0.75em; line-height: 1em; z-index: 19; } .scrollable .items li a {display:block; width: 334px; height: 150px; } .scrollable .items li img { z-index: 23;} .scrollable .items li.active {} .scrollable_peq { z-index: 21; position: relative; overflow: hidden; width: 95px; height: 150px; } .scrollable_peq .items { width: 20000em; position: absolute; clear: both; z-index: 20; } .scrollable_peq .items { list-style: none; } .scrollable_peq .items li { float: left; width: 218px; height: 150px; font-weight: bold; font-size: 0.75em; line-height: 1em; } .scrollable_peq .items li img { padding-bottom: 8px; } .scrollable_peq .items li.active {} .highlightsL .next a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(css_imgs/next.png) no-repeat right top; height:40px; line-height:30px; position:absolute; right:15px; top:10px; width:150px; z-index:202; } .highlightsL .next a:hover { background:transparent url(css_imgs/next_hover.png) no-repeat right top; } .highlightsL .prev a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(css_imgs/prev.png) no-repeat 0 0; height:40px; left:10px; line-height:30px; position:absolute; top:10px; width:50px; z-index:202; } .highlightsL .prev a:hover { background:transparent url(css_imgs/prev_hover.png) no-repeat scroll 0 0; } /* highlightsS -----------------------------------------------------------------------------*/ .highlightsS{ width:100px; padding-right:18px} /* archive, advice -----------------------------------------------------------------------------*/ .archive, .advice{ float:left; width:218px; display:block; overflow:hidden; text-align:center;} .archive h3{ margin-bottom:6px;} .advice h3{ margin-bottom:15px;} .archive ul li a{ display: block; margin-bottom:2px;} .advice ul li a{ display: block; margin-bottom:4px;} .archive ul li a strong{ font-size:11px; color:#666666; margin-top:10px; display:block;} .archive ul li ul li a{ text-decoration:underline;} .archive ul li ul li ul li a{ text-decoration:none;} .archive a:hover,.archive a:hover strong{ color:#0051FF;} /* boton Enviar -----------------------------------------------------------------------------*/ input.send{ background-color:#000000; color:#FFFFFF; width:56px; padding:5px 0px; text-align:center; text-indent:0px; border:none;} input.send:hover{ background-color:#666;} /* print -----------------------------------------------------------------------------*/ a.print{ font: bold 11px Arial, Helvetica, sans-serif; padding:2px 5px; background-color:#c7b299; color:#FFFFFF;} a.print:hover{ background-color:#000000; } /* STATUS -----------------------------------------------------------------------------*/ .status{ color:#009c45; } .status_ko{ color:#f00; } /* blog -----------------------------------------------------------------------------*/ ul.blog{ float:right; width:572px; } ul.blog li{ float:left; margin-bottom:15px; } /* share -----------------------------------------------------------------------------*/ .share{ background:url(css_imgs/bg_share.png) 0px 0px repeat; padding:5px; display:block; width:355px; overflow:hidden; position:relative; left:0px; z-index:200;} .share .box{ width: 325px; margin:0px;} .share .box h4{ color:#000000;} .share .box input{ color:#0051ff;} .share .box label.show{ clear: both; float:left;} .share .box textarea{ font: bold 11px Arial, Helvetica, sans-serif; color:#0051ff; clear:both; width: 200px; height:70px; float:left; border:1px inset #999999; margin-bottom:6px; padding:4px 0; text-indent:8px;} .share .box .send{ color:#ffffff;} .postElement .share{ position: absolute; left:-300px; margin-right:-600px;} .social_buttons { position: absolute; top:25px; right:23px; width:87px; } /* postElement -----------------------------------------------------------------------------*/ .postElement{ position:relative; } .postElement img{ float:left; } .postElement .caption img{ float:none; } .postElement .caption{ clear:both; position:relative; bottom:30px; left:15px; width:467px; margin-bottom:-30px; z-index:100; color:#000000; padding-top:5px; } .postElement .caption .shadowBottom{ padding:9px 16px 16px 16px; background:url(css_imgs/caption_bottom.gif) bottom left no-repeat;} .postElement .mas_contenido { border-top:1px dotted #4d4d4d; margin-top:10px; padding:9px 16px 16px 0px; } .postElement .mas_contenido h3{ height:auto; overflow:visible; border:none;} .postElement .mas_contenido p{ font-weight:normal; margin-bottom:15px;} .postElement .mas_contenido a{ color:#0051FF; font-weight:bold;} .postElement .mas_contenido a:hover{ text-decoration:underline;} .postElement .caption h3{ height:auto; overflow:visible; border:none;} .postElement .caption p{ font-weight:normal; margin-bottom:15px;} .postElement .caption a{ color:#0051ff; font-weight:bold;} .postElement .caption a:hover{ text-decoration:underline;} .postElement .info{ position:absolute; top:0px; left:0px; width:100%; } .postElement .info .title{ position:absolute; top:16px; left:12px; margin-right:12px;} .postElement .info a.title span{ background-color:#e6e6e6; color:#4d4d4d; clear:both; float:left; font-weight:bold; font-size:26px; margin-bottom:4px; line-height:21px; padding-right:1px;} .postElement .info a.title:hover span{ cursor:pointer; background-color:#c7b299; } .postElement .info a.title span.date{ padding-top:1px;} .postElement .info a.title span.more{ font-size:12px; color:#0051ff; line-height:12px; padding:0px 2px; } .postElement .info a.title span strong{ font-size:26px; color:#000000; line-height:24px; } .postElement .info .actions{ position:absolute; top:16px; right:-12px; width:65px; } .postElement .info .actions li{ float:none; margin-bottom:0px; } .postElement .info .actions a{ font-size:11px; font-weight:bold; text-align:center; line-height:14px; display:block; background-color:#0051ff; color:#FFFFFF; margin-bottom:7px; } .postElement .info .actions a:hover{ background-color:#000000; } /* tipos de caption -----------------------------------------------------------------------------*/ .postElement .tipo1{ background:url(css_imgs/caption1_top.gif) 0px 0px no-repeat; } .postElement .tipo1 .shadowRigth{ background:url(css_imgs/caption1_middle.gif) 0px 0px repeat-y;} .postElement .tipo2{ background:url(css_imgs/caption2_top.gif) 0px 0px no-repeat; } .postElement .tipo2 .shadowRigth{ background:url(css_imgs/caption2_middle.gif) 0px 0px repeat-y;} .postElement .tipo3{ background:url(css_imgs/caption3_top.gif) 0px 0px no-repeat; } .postElement .tipo3 .shadowRigth{ background:url(css_imgs/caption3_middle.gif) 0px 0px repeat-y;} .postElement .bottom{ top: 5px; left:0px; margin-bottom:5px;} /* search -----------------------------------------------------------------------------*/ h3.searchResults, ul.search, .resultsContent{ float:right; width:572px; } ul.search li{ width:100%; overflow:hidden; margin-bottom:15px; padding-bottom:15px; background: url(css_imgs/bg_search_element.jpg) left bottom repeat-x;} ul.search li .info{ float:left; width:400px;} ul.search li .info p.breadcrumb{ float:left; clear:both; margin-top:25px; font-size:12px; color:#0051FF; line-height:12px; padding:0 2px; } ul.search li .info p.breadcrumb a{ color:#0051FF; margin:0px 5px;} ul.search li img{ float: right;} ul.search li .info a.title span{ background-color:#e6e6e6; color:#4d4d4d; clear:both; float:left; font-weight:bold; font-size:26px; margin-bottom:4px; line-height:21px; padding-right:1px;} ul.search li .info a.title:hover span{ cursor:pointer; background-color:#c7b299; } ul.search li .info a.title span.date{ padding-top:1px;} ul.search li .info a.title span.more{ font-size:12px; color:#0051ff; line-height:12px; padding:0px 2px; } ul.search li .info a.title span strong{ font-size:26px; color:#000000; line-height:24px; } p.noSearchResults { background: url(css_imgs/bg_no_results_en.png) center top no-repeat; width:574px; height: 109px; } p.noSearchResults span{ position:absolute; left:-99999px;} /* .brands -----------------------------------------------------------------------------*/ .brands{ clear:both; width:100%; background-color:#c7b299; margin-bottom:15px;} .brands p{ font-size:16px; padding:10px; color:#ffffff;} .brands a{ color:#ffffff;} .brands a:hover, .brands a.selected{ color:#000000;} /* shopElement -----------------------------------------------------------------------------*/ .shopElement{ position:relative; margin-bottom:15px;} .shopElement .imgWrapper{ display:block; /*width:100%; float:left; */ text-align:center; background-color:#FFFFFF;} .shopElement .imgWrapper img{ margin:0 auto; } .shopElement .info{ position:absolute; top:0px; left:0px; width:100%; } .shopElement .info .title{ position:absolute; top:34px; left:8px; } .shopElement .info a.title span{ color:#4d4d4d; clear:both; background-color:#e6e6e6; display:block; float:left; font-weight:bold; font-size:26px; margin-bottom:4px; line-height:21px; padding-right:1px;} .shopElement .info a.title:hover span{ cursor:pointer; background-color:#c7b299; } .shopElement .info a.title span.more{ font-size:13px; color:#0051ff; line-height:13px; padding:0px 2px; } .shopElement .info a.title:hover span.more{ color:#0051ff;} .shopElement .info a.title span strong{ font-size:26px; color:#000000; line-height:24px;} .shopElement .info .actions{ position:absolute; top:8px; left: -10px; width:65px; } .shopElement .info .actions li{ float:none; margin-bottom:0px; } .shopElement .info .actions a{ font-size:11px; font-weight:bold; text-align:center; line-height:14px; display:block; background-color:#c7b299; color:#FFFFFF; margin-bottom:7px; } .shopElement .info .actions a:hover{ background-color:#000000; } /* articleList -----------------------------------------------------------------------------*/ ul.articleList{} ul.articleList li{ float:left; margin:0px 0px 15px 18px; } ul.articleList li.first{ margin-left:0px;} ul.articleList li .article { position:relative; width:218px; height:150px; overflow:hidden;} ul.articleList li .article .bg{ background-color:#c7b299; width:218px; height:150px; position:absolute; top:160px; left:0; opacity: 0.5; overflow:hidden; z-index:100; filter:alpha(opacity=50);} ul.articleList li .article .info{ width:188px; height:120px; position:absolute; top: 160px; left:0; overflow:hidden; z-index:101; padding:15px;} ul.articleList li .article .info span.title{ float:left; color:#000000; font-size:13px;} ul.articleList li .article .info span.offer { float:right; color:#ffffff; background-color:#ff0000; width:66px; text-align:center;} ul.articleList li .article .info span.more{ clear:both; margin-top:20px; float:left; color:#FFFFFF; font-size:13px;} ul.articleList li:hover .article .info{ top: 0px;} ul.articleList li:hover .article .bg{ top: 0px;} /* pager -----------------------------------------------------------------------------*/ #pager{ position:relative; clear:right; display:block; text-align:right; margin:0px 0px 15px 0px; z-index:200; } #pager p,#pager ul, #pager ul li{display:inline;} #pager ul li{padding:0px 4px;} #pager ul li.next a, #pager ul li.prev a { font-size:11px; color:#0051ff;} #pager ul li.next a { padding-right:15px; background: url(css_imgs/bg_next.jpg) center right no-repeat;} #pager ul li.prev{ padding-right:7px; background:url(css_imgs/bg_pager_li.jpg) right top no-repeat;} #pager ul li.prev a { padding-left:15px; background: url(css_imgs/bg_prev.jpg) left center no-repeat;} #pager ul li a{ color:#808080;} #pager ul li a:hover, #pager ul li.selected a{ color:#000000;} #pager p{ font-weight:normal;} #pager p.res{float:left;} #pager.tipo1{ float:right; width:572px; text-align:right; } #pager.tipo1 p.results{ float:left; } #pager.tipo2{ clear:both; text-align:center;} /* divArticles -----------------------------------------------------------------------------*/ .divArticles{ width:692px; float:left;} /* clasification -----------------------------------------------------------------------------*/ .classification{ border-bottom:1px solid #A4A4A4; border-top:1px solid #A4A4A4; clear:both; overflow:hidden; color:#4d4d4d; margin-bottom:15px; height:29px; line-height:29px;} .classification #breadcrumb{ float:left;} .classification select{ float:right; margin-top:6px;} /* .breadcrumb -----------------------------------------------------------------------------*/ #breadcrumb{ color:#4d4d4d;} #breadcrumb a { color:#4d4d4d;margin:0px 4px;} #breadcrumb a:hover, #breadcrumb a.selected { color:#C7B299;} #breadcrumb.tipo1 { height:29px; line-height:29px; margin:0px 0px 16px -4px;} #breadcrumb.tipo1, #breadcrumb.tipo1 a{ color: #999999;} #breadcrumb.tipo1 a:hover{ color:#C7B299;} #breadcrumb.tipo1 strong{color: #4d4d4d; margin-left:4px;} /* general table -----------------------------------------------------------------------------*/ table{ border-collapse:collapse; color:#000000;} table td.delete{ padding:11px 0px 10px 6px !important;} table td.delete a{ display:block; background:url(css_imgs/sprite_en.png) -336px 0px; width: 12px; height:11px; } table td.delete a:hover { background-position: -352px 0px;} table td.delete a span{ position:absolute; left:-99999px;} table td{ vertical-align:top; padding:10px 0px; background: url(css_imgs/bg_td.jpg) bottom left repeat-x;} /* divBasquet -----------------------------------------------------------------------------*/ .divBasquet{ position:relative; width:218px; float:right; padding-bottom:45px; margin-bottom:15px;} .divBasquet .tableWrapper{background-color:#FFFFFF; padding:7px 7px 30px 7px;} .divBasquet table th{ position:absolute; left:-99999px;} .divBasquet table td{ vertical-align:top; padding:10px 0px; background: url(css_imgs/bg_td.jpg) bottom left repeat-x;} .divBasquet table td.price{ white-space:nowrap; text-align:right;} .divBasquet table td.article{ padding:10px 7px;} .divBasquet p{ background: url(css_imgs/bg_basquet.jpg) top left repeat-x; background-color:#d5cfc7; padding:14px 22px 17px 0px; text-align:right; color:#000000;} .divBasquet a.checkout { position:absolute; bottom:0px; left:0px; display:block; width:228px; height:31px; background:url(css_imgs/sprite_en.png) -223px -65px;} .divBasquet a.checkout.hidden { display:none; } .divBasquet a.checkout span{ position:absolute; left: -99999px;} .divBasquet a.checkout:hover{ background-position:-458px -65px;} /* .articleWrapper -----------------------------------------------------------------------------*/ .articleWrapper{ width:454px; float:left;} .articleWrapper .description { float:left; width:310px; padding-bottom:50px; } .articleWrapper .description h3{ border:none; height:auto; line-height:22px; color:#000000; font-size:15px; margin-bottom:5px;} .articleWrapper .description p{ color:#000000; margin-bottom:10px; width: 230px; font-weight:normal;} .articleWrapper .description form div { float:left; width:auto; margin:15px 15px 0px 0px; } .articleWrapper .description div label{ font-size:12px; float:left; margin-bottom:5px; font-weight: normal;} .articleWrapper .description div input{ clear:both; float:left; padding:3px 2px; font: 12px Arial, Helvetica, sans-serif;} /* addBasquet -----------------------------------------------------------------------------*/ a.addBasquet { float:right; width: 136px; height: 24px; margin-bottom:9px; background:url(css_imgs/sprite_en.png) -223px -97px;} a.addBasquet span{ position:absolute; left:-9999px;} a.addBasquet:hover{ background-position: -373px -97px;} /* Basquet -----------------------------------------------------------------------------*/ #basketItemsWrap tbody tr {width:400px;} /* Disponibilidad -----------------------------------------------------------------------------*/ p.disponible, p.agotado{ float:right; height:27px; line-height:27px; padding-left:111px; background:url(css_imgs/sprite_en.png) no-repeat;} p.disponible { background-position: -417px 0px; font-weight: normal;} p.agotado{ background-position:-595px 0px; padding-left:135px;} p.disponible span, p.agotado span { position: absolute; left: -9999px; } p.disponible span.visible {position: relative; left: 0px;} /* lista de thumbnails -----------------------------------------------------------------------------*/ ul.thumbnails { float:left; width:115px;} ul.thumbnails li{ float:left; margin:0px 0px 15px 15px;} /* orderWrapper -----------------------------------------------------------------------------*/ .orderWrapper{ width:693px; float:right; color:#000000;} .orderWrapper table{ width: 100%;} .orderWrapper .input_img{ float:right; position:relative; right:-8px;} .orderWrapper h4{ clear:both;} .orderWrapper .status, .orderWrapper .status_ko{ float:right; line-height:31px; font-weight:normal; margin-right:5px;} /* table order -----------------------------------------------------------------------------*/ table.order{ text-align:center;} table.order thead { background:url(css_imgs/bg_thead_order.jpg) 0px 0px repeat-x; height: 30px;} table.order thead tr{ vertical-align: top; text-align:center; line-height:22px;} table.order thead th.delete span{ position:absolute; left:-99999px;} table.order tbody{ padding-left:10px;} table.order tbody tr td{ background-color:#FFFFFF; background-position: top left; padding-top:17px;} table.order tbody tr.first td{ background-image:none;} table.order td.foto{ width:125px; padding:2px; background: #ffffff url(css_imgs/bg_td_foto.jpg) right top no-repeat;} table.order td.num span{/* position: relative; top:-1px;*/ margin:0 5px;} table.order .num, table.order .price{ width: 77px;} table.order .delete{ width: 25px; padding:17px 0px !important;} table.order .delete a{ margin:0 auto;} table.order .desc{ text-align:left; padding-left:30px;} table.order tfoot td{ text-align: right; background-image: none;} a.less, a.more{ display:inline-block; background: url(css_imgs/sprite_en.png) -367px 1px no-repeat; height:13px; width:12px;} a.less span, a.more span { position:absolute; left:-99999px; margin:0px;} a.less:hover{ background-position: -384px 1px; } a.more{ background-position: -367px -17px; } a.more:hover{ background-position: -384px -17px; } table.order tfoot { background:url(css_imgs/bg_foot_order.jpg) 0px 0px no-repeat;} table.order tfoot tr{ height:47px;} table.order tfoot tr td span{ margin-right: 50px; } /* IR AL PASO -----------------------------------------------------------------------------*/ .input_img {height:31px; width:227px; clear:both;} .input_img input {filter: alpha(opacity=0); opacity: 0; height:31px; width:227px; border:0; } .input_img input:hover {cursor:pointer; } .input_img.step2{ background:url(css_imgs/sprite.png) -224px -124px no-repeat; } .input_img.step2:hover { background-position: -458px -124px; } .input_img.step3{ background:url(css_imgs/sprite.png) -224px -157px no-repeat; } .input_img.step3:hover { background-position: -458px -157px; } .input_img.step4 { background:url(css_imgs/sprite.png) -224px -189px no-repeat; } .input_img.step4:hover { background-position: -458px -189px; } /* row -----------------------------------------------------------------------------*/ .row{clear:both; overflow:hidden; margin-top:6px; background:#FFFFFF url(css_imgs/bg_row.jpg) right bottom no-repeat; padding:13px 50px 22px 15px; color:#000000; line-height:18px;} .row label{ position:absolute; left:-99999px;} .row h4{ float:left; line-height:18px;} .row select{ float:right;} .row select{ width:200px;} .row p{ font-weight: normal; text-align:left; clear:both; } .row p.price{ clear:none; width:210px; text-align:right; float:right; font-weight: bold; line-height:12px;} .row .box{padding:0px;} .clearRow{ clear:both; display:block; overflow:hidden; width:99%;} /* total -----------------------------------------------------------------------------*/ .total{ clear:both; overflow:hidden; background:#D5CFC7 url(css_imgs/bg_basquet.jpg) repeat-x scroll left top; color:#000000; text-align:right; margin:6px 0px 15px 0px; height: 40px; line-height:40px;} .total span{ margin-right: 50px; } /* box -----------------------------------------------------------------------------*/ .box{ width:307px; background-color:#FFFFFF; padding:20px 15px 10px 15px; font-weight:normal; margin-bottom:15px; float:left;} .box h4{ margin-bottom:15px; width:100% !important;} .box label { position:absolute; left:-99999px;} .box label.show{ position:relative; left:0px;} .box input{ color:#c7b299; font: bold 11px Arial, Helvetica, sans-serif; border: 1px inset #999999; padding:4px 0px; text-indent:8px; width:200px; margin-bottom:6px; float:left;} .box select{ width:200px;margin-bottom:15px; float:left; clear:both;} .box span.required{ float:left; margin-left: 5px; font-size:13px; font-weight: bold;} .box p{ margin-bottom:15px; clear:both;} .box legend{ padding:20px 0px 10px 0px;} .box input.send{ width:auto; color:#FFFFFF; border:none; clear:both; float:left; cursor:pointer; padding:4px; text-indent:0px; } .box input[type=checkbox]{ width:auto; margin-right:5px;} .payPal{ clear: left; background: #FFFFFF url(css_imgs/bg_paypal.jpg) 145px 87px no-repeat;} .googleCheckout{ clear: left; background: #FFFFFF url(css_imgs/bg_gcheckout.gif) 195px 77px no-repeat;} .newUser{ float:right;} /* thanks -----------------------------------------------------------------------------*/ .thanks{} .thanks p{ color:#4d4d4d; font: normal 13px Arial, Helvetica, sans-serif; margin-bottom:10px; } /* thanks -----------------------------------------------------------------------------*/ .boutique ul li{ float:right;} .boutique ul li.first{ float:left;} .boutique img{margin-bottom:15px;} /* help -----------------------------------------------------------------------------*/ #contenido.help{ padding-top:30px;} .help ul li{ width:218px; margin-left:18px; display:block; float:left;} .help ul li.first{ margin-left:0px;} .help ul li h3{ color:#000000; border-bottom: 1px solid #000000; font-size:11px; border-top:none; margin-bottom:15px; height:18px;} .help ul li p{ line-height:17xp; margin-bottom:35px; font-weight:normal;} /* footer -----------------------------------------------------------------------------*/ #footer{ clear:both; float:left; width:100%; font-size:11px; line-height:18px; padding:30px 0px 40px 0px;} #footer a{ color:#808080; } #footer a:hover{ color:#0051ff;} #footer ul{} #footer ul li{ display:block; width:218px; float:left; margin-left:18px; clear:right; } #footer ul li ul{ overflow:hidden; margin-top:12px; } #footer ul li ul li{ width:100%; margin:0px; clear:both; display:block; text-align:center; } #footer ul li.shop p{ padding-top:18px; color:#808080; text-align:center; } #footer ul li.news{ margin-left:0px;} #footer ul li.news form p{ margin-bottom:12px; } #footer ul li.news form label{ display:none; } #footer ul li.news form input{ border:1px solid #a4a4a4; color:#808080; font-size:11px; font-weight:bold; padding:6px 9px; width:200px; } #footer ul li.news form input.boton{ background-color:#000; color:#FFFFFF; width:56px; padding:5px 0px; text-align:center; text-indent:0px; float:left;} #footer ul li.news form input.boton:hover{ background-color:#666; cursor:pointer} #footer ul li.news form a{ margin-top:2px; float:right;} #footer ul li ul li{ height:auto;} #footer ul li.selected{ margin:0px -5px 0px 13px !important; padding: 25px 5px 0px 5px; margin:0px; background:#f1f1f1 url(css_imgs/bg_footer.jpg) center top no-repeat; position:relative; top:-25px; height:175px;} .news, .help { position: relative; } #infonews, #infocredits { position: absolute; width: 210px; margin-bottom: 10px; } #infonews .box, #infocredits .box { width: 210px; padding: 0; margin: 0; } #infonews .box h4, #infocredits .box h4{ margin: 5px 0 5px 0; text-align: center; font-size: 13px; line-height: 1.2em; }