* { padding:0px; margin:0px; font-family:Tahoma; font-size:12px; } body { text-align:center; background:#585858 url('bkg_body.gif') repeat-x; } h1 { font-size: 3em; margin-bottom: 20px; } h2 { font-size: 2.2em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } img { border: 0; vertical-align: middle; } a, a:visited { text-decoration: none; color: #305a81; /* color: #965743; */ } a:hover { color: #cc0000; /* color: #b6a24a; */ } table { border-spacing: 0; border: none; } p { font-size:11px; color:#333; text-align:justify; } ul { list-style-image:url('dash.gif'); } .cuatrosemanas { color: #f00 !important; font-size: 150% !important; text-align: right !important; margin-top: 10px; } th { text-align: right; } input.text, textarea, select { border: 1px solid #666; padding: 3px 4px; background: #F0F0F0 /*url('input_bg.png')*/; } select { padding: 0; } input.required, textarea.requierd, select.required { border-width: 1px; } option { padding: 2px 5px; background: #FFF; } fieldset { border: 0; border-top: 1px dotted #000; padding: 10px 0 20px 0; } fieldset legend { font-size: 1.2em; padding-right: 5px; font-weight: bold; _background: #FFF; _padding: 0 5px; } caption { text-align: left; font-size: 1.4em; font-weight: bold; border-bottom: 1px dashed #CCC; margin-bottom: 5px; text-transform: capitalize; } .hide { display: none; } .clear { clear: both; } /* ESPACIOS PUBLICIDAD ------------------------------------------------------------- */ .publi_listado{margin-top:30px;} /* OFFER */ .tailpipe { color: #000; font-size: 9px; } .compatibles { list-style-type: none !important; list-style-image: none; } .compatibles li { font-size: 10px !important; } .compatibles li b { font-size: 10px !important; color:#634c00;} #news_title { width: 100%; } table.new_box{border-bottom:1px solid #aaa; margin-bottom:20px;} td.new_date { padding-right: 30px; } td.new_content { padding-bottom: 20px; font-size:12px; } td.new_content h2 { font-size:20px; } td.new_content a { color: #305a81; } table.calendar_day { background: url('calendar.png') no-repeat; width: 55px; } table.calendar_day td { text-align: center; vertical-align: center; font-weight: bold; } table.calendar_day td.calendar_day_title { line-height: 15px; color: #FFF; width: 40px; font-size:11px;} table.calendar_day td.calendar_day_number { line-height: 43px; font-size: 18px; width: 40px;} div.new_image { text-align: center; padding: 10px; } .links_inferiores a{margin:0 10px;} .links_inferiores a:hover {text-decoration:underline;} .links_inferiores img{border:none !important; margin:0px !important;} #news_history ul { list-style: none; } #news_history li { float: left; margin: 5px 5px 5px 0; } #news_history li a, #news_history li span { padding: 2px 5px; border: 1px solid #808080; } #news_history li span.sel { border: 1px solid #EE2D37; } /* CLASES COMUNES ------------------------------------------------------------- */ label.error { color: #900; font-weight: bold; font-size:0.9em; } .rojo { color: #EE2D37; } .resalta { color: #1572ba; } .hidden { display: none; } table.form td,table.form th { padding: 2px 5px; vertical-align: top; } table.form_sended { margin: 10px 0 15px 0; width: 100%; } table.form_sended td, table.form_sended th { padding: 4px 5px; vertical-align: top; } table.form_sended th { width: 20%; color: #666; } input.send_button { border: 0; background: url('green_button_small.png') no-repeat; line-height: 25px; height: 25px; width: 100px; text-align: center; color: #444; font-weight: bold; cursor: pointer; } input.send_button:hover { background: url('green_button_small_hover.png') no-repeat; color: #000; } a.button { padding: 7px 10px; border: 1px solid #808080; color: #000; margin-right: 15px; } a.button img { margin-right: 5px; } a.empty { background: #EEE url('/images/icon-empty.png') no-repeat 8px 8px; padding-left: 30px; } a.refresh { background: #EEE url('/images/icon-refresh.png') no-repeat 8px 8px; padding-left: 30px; } ul.default { padding: 10px 0 10px 20px; list-style: square; } p.important { font-weight: bold; } span.good { color: green; } div.critical { border: 1px solid #EE2D37; margin: 10px 30px; padding: 10px; } #user_error, #user_ok { padding: 40px 180px 0 0; height: 300px; } #user_error { background: url('error.png') no-repeat right 20px; } #user_error p, #user_ok p { font-size: 1.2em; } #user_ok { background: url('good.png') no-repeat right 20px; } #body{ width:990px; margin: 0 auto; background:#fff; } #body2{ padding:15px 20px; text-align:left;} /* TOP ------------------------------------------------------------------*/ body.popup { padding: 10px; background: #fff; } #header{ height:102px; font-weight:bold; color:#fff; } #header #logo_link {display:block; width:200px; top:-10px; height:55px; position:relative; left:50px;} #header h1{font-size:11px; position:relative; top:-10px; left:50px; font-weight:normal; color:#bbb; margin-top:0px;} #header h1 a{color:#bbb !important;} .header_us { background: url('/css/header_us.png') no-repeat; } .header_notus { background: url('/css/header.png') no-repeat; } #header a { color: #eee; font-size:11px;} #header a:hover { color: #f90;} #header .login_box, #header .user_box { position: relative; top: 0px; left: 680px; font-size: 0.9em; width: 250px; color:#fff; } #header .user_box p { text-align: right; color:#000;} #header .login_box input { width: 160px; margin-bottom: 1px; } #header td.buttons { text-align: right; padding: 10px 0 0 0; } #header td.buttons { font-size:11px !important; } #header td.buttons strong { font-size:11px !important; } #header .login_box table { width: 100%; } #header .login_box th { text-align: right; padding-right: 10px; } #header input { border: 1px solid #ddd; font-size: 0.9em; padding: 2px 6px; background:none; color: #FFF; } #header #order_recovery {margin:25px 18px 0 0; float:right; display:block; width:294px; height:61px; background:url('/css/btn_recpedido_en.png') no-repeat;} #header #order_recovery.es {background:url('/css/btn_recpedido_es.png') no-repeat;} #header #order_recovery.en {background:url('/css/btn_recpedido_en.png') no-repeat;} #header #order_recovery.ca {background:url('/css/btn_recpedido_ca.png') no-repeat;} #header #order_recovery.fr {background:url('/css/btn_recpedido_fr.png') no-repeat;} #header #order_recovery.it {background:url('/css/btn_recpedido_it.png') no-repeat;} #header #order_recovery.de {background:url('/css/btn_recpedido_de.png') no-repeat;} #content_menu{ height:30px; margin:10px 0; background:url('racingflag.png') left center no-repeat;} #content_menu .langs { padding:7px 25px; text-align: left; } #content_menu .langs a { color:#900; font-size:11px; font-family:Arial; font-weight:bold;} /*#content_menu table { width:950px;} #content_menu table td{ border-left:2px solid #bbb; padding:0 10px 0 10px; text-align: left; min-width:100px; } #content_menu table td .btn_top{ min-width:50px; }*/ #content_menu .botones{ float:right; } #content_menu .botones.cart {width:600px;} #content_menu .botones td.sep {width:15px; background:#fff;} #content_menu a.btn_top{ font-family: Tahoma; font-weight: bold; font-size:11px; display:block; color:#555; height:33px; overflow:hidden; min-width:65px; background:url('bkg_menutop.png') no-repeat; padding-right:10px; text-transform:uppercase; } #content_menu a.btn_top img{ margin-top:-10px; } #content_menu a.btn_top span{line-height:54px;} #content_menu a.b2{ background-position: -100px 0; } #content_menu a.b3{ background-position: -200px 0; color:#ff851a;} #content_menu a.b4{ background-position: -300px 0; } #content_menu a.b5{ background-position: -400px 0; } #content_menu a.b6{ background-position: -500px 0; } #content_menu a.b7{ background-position: -600px 0; } #content_menu a.b1:hover, #content_menu a.b1sel{ background-position: 0px -40px; color:#305a81; } #content_menu a.b2:hover, #content_menu a.b2sel{ background-position: -100px -40px; color:#305a81; } #content_menu a.b3:hover, #content_menu a.b3sel{ background-position: -200px -40px; color:#305a81; color:#ff851a;} #content_menu a.b4:hover, #content_menu a.b4sel{ background-position: -300px -40px; color:#305a81; } #content_menu a.b5:hover, #content_menu a.b5sel{ background-position: -400px -40px; color:#305a81; } #content_menu a.b6:hover, #content_menu a.b6sel{ background-position: -500px -40px; color:#305a81; } #content_menu a.b7:hover, #content_menu a.b7sel{ background-position: -600px -40px; color:#ac0009; } /* CONTAINER ------------------------------------------------------------------*/ .container{ margin-top:0px;} .container td{ vertical-align:top; } .container #left{ width:260px; border-right:2px solid #ddd; padding-right:30px; } .container #left.left_ext { width: 200px; } .container #left #carrito_btn{ text-align:middle; margin:10px 0 25px 45px; } .container #left #carrito_btn a{ display:block; width:187px; height:25px; background:url('btn_cart_es.png');} .container #left #carrito_btn a.ca{ background:url('btn_cart_ca.png');} .container #left #carrito_btn a.en{ background:url('btn_cart_en.png');} .container #left #carrito_btn a.fr{ background:url('btn_cart_fr.png');} .container #left #carrito_btn a.it{ background:url('btn_cart_it.png');} .container #left #carrito_btn a.de{ background:url('btn_cart_de.png');} .container #left #carrito_btn a:hover{ background-position:-187px 0px;} #foot_web{ font-size:10px; color:#999; text-align:center;} #foot_web td, #foot_web th{ font-weight:normal; font-size:10px; color:#999; text-align:center; padding-top:10px;} #foot_web td a, #foot_web th a{ font-weight:normal; font-size:10px; color:#999;} #foot_web td.certs img { margin: 0 5px;} #left h2{ background:url('li_menu_lat.png') 0px center no-repeat; padding-left:32px; font-size:12px; line-height:26px; text-transform:uppercase; border-bottom:1px solid #ccc; margin-bottom:10px; } /*--------------------- BTN ENVIOS GRATUITOS 100€ ------------------------*/ #left #promotions{ text-align:center; margin-bottom:10px; } #left #promotions a {display:block; width:260px; height:50px;} #left #promotions a.es {background:url('/css/envios_gratuitos_h_es.jpg') top left no-repeat;} #left #promotions a.ca {background:url('/css/envios_gratuitos_h_ca.jpg') top left no-repeat;} #left #promotions a.it {background:url('/css/envios_gratuitos_h_it.jpg') top left no-repeat;} #left #promotions a.de {background:url('/css/envios_gratuitos_h_de.jpg') top left no-repeat;} #left #promotions a.fr {background:url('/css/envios_gratuitos_h_fr.jpg') top left no-repeat;} #left #promotions a.en {background:url('/css/envios_gratuitos_h_en.jpg') top left no-repeat;} #left #promotions a.es:hover {background:url('/css/envios_gratuitos_h_hover_es.jpg') top left no-repeat !important;} #left #promotions a.ca:hover {background:url('/css/envios_gratuitos_h_hover_ca.jpg') top left no-repeat !important;} #left #promotions a.it:hover {background:url('/css/envios_gratuitos_h_hover_it.jpg') top left no-repeat !important;} #left #promotions a.de:hover {background:url('/css/envios_gratuitos_h_hover_de.jpg') top left no-repeat !important;} #left #promotions a.fr:hover {background:url('/css/envios_gratuitos_h_hover_fr.jpg') top left no-repeat !important;} #left #promotions a.en:hover {background:url('/css/envios_gratuitos_h_hover_en.jpg') top left no-repeat !important;} #left ul{ margin-left:20px; } #left li{ font-size:11px; } #tabs_menu { width: 257px; border-collapse: collapse; margin-bottom: 10px; } #tabs_menu td.top { background: url(tabs.gif) left top; height: 30px; vertical-align: bottom; } #tabs_menu td.top span { display: block; float: left; height: 30px; width: 30px; background: url(tabs_span.gif) right bottom no-repeat; } #tabs_menu td.top a { overflow: hidden; outline: none; display: block; float: left; height: 30px; line-height: 46px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #000; text-decoration: none; } #tabs_menu td.top a:hover { text-decoration: underline; } #tabs_menu td.top a.selected { background: url(tabs_a.gif) center top no-repeat; color: #09c; text-decoration: underline; } #tabs_menu td.bottom { background: url(tabs.gif) left bottom; height: 7px; overflow: hidden; } table.leftMenu { width: 257px; border-collapse: collapse; margin-bottom: 20px; } table.leftMenu td.leftMenu_top { height: 8px; background: url('menu_left.png') no-repeat; } table.leftMenu td.leftMenu_bottom { height: 8px; background: url('menu_left.png') left -10px no-repeat; } table.leftMenu td.leftMenu_lat { width: 2px; background: #DDD; } table.leftMenu td.leftMenu_brands { background: #F7F7F7; padding: 5px 8px 15px 8px; position: relative; } table.leftMenu td.leftMenu_brands table { width: 100%; } table.leftMenu td.leftMenu_brands td { text-align: center; padding: 2px 0; } table.leftMenu td.leftMenu_brands2 { background: #F7F7F7; padding: 3px 5px 3px 5px; position: relative; } table.leftMenu td.leftMenu_brands2 table { width: 205px; border-bottom:1px solid #ddd; } /* table.leftMenu td.leftMenu_brands2 td { text-align: center; padding: 2px 0; } */ #leftMenu_brand_car { position: absolute; margin: -30px 0 0 75px; } table.leftMenu a span{color:#f7f7f7; display:none;} table.leftMenu a.brand { display: block; width: 70px; height: 55px; margin: 0 auto; background: url('brands.jpg') no-repeat;} table.leftMenu a.opel { background-position: 0 0; } table.leftMenu a.seat { background-position: -70px 0; } table.leftMenu a.renault { background-position: -140px 0; } table.leftMenu a.citroen { background-position: -210px 0; } table.leftMenu a.peugeot { background-position: -280px 0; } table.leftMenu a.mitsubishi { background-position: -350px 0; } table.leftMenu a.ford { background-position: -420px 0; } table.leftMenu a.audi { background-position: -490px 0; } table.leftMenu a.subaru { background-position: -560px 0; } table.leftMenu a.fiat { background-position: -630px 0; } table.leftMenu a.lancia { background-position: -700px 0; } table.leftMenu a.volkswagen { background-position: -770px 0; } table.leftMenu a.nissan { background-position: -840px 0; } table.leftMenu a.volvo { background-position: -910px 0; } table.leftMenu a.honda { background-position: -980px 0; } table.leftMenu a.hyundai { background-position: -1050px 0; } table.leftMenu a.alfa_romeo { background-position: -1120px 0; } table.leftMenu a.chevrolet { background-position: -1190px 0; } table.leftMenu a.porsche { background-position: -1260px 0; } table.leftMenu a.skoda { background-position: -1330px 0; } table.leftMenu a.mini { background-position: -1400px 0; } table.leftMenu a.jeep { background-position: -1470px 0; } table.leftMenu a.bmw { background-position: -1540px 0; } table.leftMenu a.opel:hover { background-position: 0 -55px; } table.leftMenu a.seat:hover { background-position: -70px -55px; } table.leftMenu a.renault:hover { background-position: -140px -55px; } table.leftMenu a.citroen:hover { background-position: -210px -55px; } table.leftMenu a.peugeot:hover { background-position: -280px -55px; } table.leftMenu a.mitsubishi:hover { background-position: -350px -55px; } table.leftMenu a.ford:hover { background-position: -420px -55px; } table.leftMenu a.audi:hover { background-position: -490px -55px; } table.leftMenu a.subaru:hover { background-position: -560px -55px; } table.leftMenu a.fiat:hover { background-position: -630px -55px; } table.leftMenu a.lancia:hover { background-position: -700px -55px; } table.leftMenu a.volkswagen:hover { background-position: -770px -55px; } table.leftMenu a.nissan:hover { background-position: -840px -55px; } table.leftMenu a.volvo:hover { background-position: -910px -55px; } table.leftMenu a.honda:hover { background-position: -980px -55px; } table.leftMenu a.hyundai:hover { background-position: -1050px -55px; } table.leftMenu a.alfa_romeo:hover { background-position: -1120px -55px; } table.leftMenu a.chevrolet:hover { background-position: -1190px -55px; } table.leftMenu a.porsche:hover { background-position: -1260px -55px; } table.leftMenu a.skoda:hover { background-position: -1330px -55px; } table.leftMenu a.mini:hover { background-position: -1400px -55px; } table.leftMenu a.jeep:hover { background-position: -1470px -55px; } table.leftMenu a.bmw:hover { background-position: -1540px -55px; } #leftMenu_brand_moto { position: absolute; margin: -50px 0 0 75px; } table.leftMenu a.moto_brand { display: block; width: 115px; height: 55px; margin: 0 auto; background: url('motos.jpg') no-repeat;} table.leftMenu a.moto_kawasaki { background-position: 0 0; } table.leftMenu a.moto_kawasaki:hover { background-position: 0 -55px; } table.leftMenu a.moto_honda { background-position: -115px 0; } table.leftMenu a.moto_honda:hover { background-position: -115px -55px; } table.leftMenu a.moto_ktm { background-position: -230px 0; } table.leftMenu a.moto_ktm:hover { background-position: -230px -55px; } table.leftMenu a.moto_yamaha { background-position: -345px 0; } table.leftMenu a.moto_yamaha:hover { background-position: -345px -55px; } table.leftMenu a.moto_suzuki { background-position: -460px 0; } table.leftMenu a.moto_suzuki:hover { background-position: -460px -55px; } table.leftMenu a.moto_ducati { background-position: -575px 0; } table.leftMenu a.moto_ducati:hover { background-position: -575px -55px; } table.leftMenu a.moto_mv_augusta { background-position: -690px 0; } table.leftMenu a.moto_mv_augusta:hover { background-position: -690px -55px; } #tooltip_products { position: absolute; z-index: 100; display: none; border: 1px solid #999; background: #FFF; background:#efefef; text-align: left; width: 150px; } #tooltip_products ul { margin:5px; list-style:none; } #tooltip_products ul li { list-style:none; } #tooltip_products ul li a { font-size:11px; font-weight:bold; color:#333; display:block; padding:2px 10px; } #tooltip_products ul li a:hover {background:#900; color:#fff;} #tooltip_products ul li a small { font-size:10px; } #tooltip_products ul li hr { height:1px; border:none; border-top:1px dashed #aaa; padding-bottom:2px; background:#efefef;} #menu_piezas { margin: 0 0 10px 0 !important; padding: 0; background: #F7F7F7; padding: 5px 8px; list-style-image:none; } #menu_piezas li.main ul { display: none; } #menu_piezas li.sel ul { display: block; } #menu_piezas a.main { text-transform: uppercase; line-height: 25px; font-size:11px; } #menu_piezas a:hover { color:#900; } #menu_piezas li.main { clear: both; list-style: none; padding:0px 10px; } #menu_piezas li a{color:#555; font-weight:bold;} #menu_piezas li ul { padding: 0 10px 5px 0; list-style:url('arrow.gif');} #menu_piezas li li { list-style: square; } #menu_piezas li li a { line-height: 15px; color:#777;} #submenu2{ margin:0px !important; padding:0px; padding-bottom: 20px; } #submenu2 li{ margin:0px; padding:3px 10px; list-style:none; border-bottom:1px solid #ddd;} #submenu2 li img{ margin:0px 0px 5px 2px; vertical-align:middle;} #submenu2 li a{color:#666; font-weight:bold; padding-left:12px;} #submenu2 li a:hover{color:#900;} /* __________ BTN OFFER BIF __________ */ #btn_offer{text-align:center;} #btn_offer a{display:block; width:257px; height:50px; } #btn_offer a.es{ background:url('btn_offer_es.png') no-repeat; } #btn_offer a.en{ background:url('btn_offer_en.png') no-repeat; } #btn_offer a.ca{ background:url('btn_offer_ca.png') no-repeat; } #btn_offer a.fr{ background:url('btn_offer_fr.png') no-repeat; } #btn_offer a.it{ background:url('btn_offer_it.png') no-repeat; } #btn_offer a.de{ background:url('btn_offer_de.png') no-repeat; } #btn_offer a:hover {background-position:0px -50px;} /* __________ BTN OFFER LITTEL __________ */ #btn_offer_little{text-align:center;} #btn_offer_little a{display:block; width:200px; height:39px; } #btn_offer_little a.es{ background:url('ltt_btn_offer_es.jpg') no-repeat; } #btn_offer_little a.en{ background:url('ltt_btn_offer_en.jpg') no-repeat; } #btn_offer_little a.ca{ background:url('ltt_btn_offer_ca.jpg') no-repeat; } #btn_offer_little a.fr{ background:url('ltt_btn_offer_fr.jpg') no-repeat; } #btn_offer_little a.it{ background:url('ltt_btn_offer_it.jpg') no-repeat; } #btn_offer_little a.de{ background:url('ltt_btn_offer_de.jpg') no-repeat; } #btn_offer_little a:hover {background-position:0px -39px;} .container #right{ padding:0 0 40px 30px; width:660px; background:url('/css/bkg_body2.png') no-repeat bottom right;} #mega_aviso { width:450px; font-family:arial; padding:10px 0; margin-top:40px; margin-bottom:-30px;} #mega_aviso h2{color:#c00; font-size:22px; margin-bottom:0px;} #mega_aviso p{font-size:11px; line-height:12px; margin:3px 0;} #mega_aviso p b{font-size:11px !important; color:#333 !important;} #right #top{ margin-top:10px; background:url('img_inicio.jpg') right bottom no-repeat; height:300px;} #right #top p.inicio{ font-family:Arial; font-style:italic; width:240px; font-size:12px; margin-top:10px; } #right #linknest{font-size:11px; margin-top:20px; width:620px; } #right #linknest h2{ font-family:Arial; font-size:11px; margin-bottom:10px; line-height:23px; color:#fff; padding-left:10px; text-transform:uppercase; background:#cb2027 url('racingflag_red.jpg') right top no-repeat; } #right #linknest h3{font-size:12px;} #right #linknest td { border-left:1px solid #ddd; padding-left:8px; } #right #linknest td img { float: left; } #right h3{ margin-bottom:10px; font-size:15px; text-transform:uppercase; color:#333; font-family:Arial; } #right #linknest ul{ padding:0 10px 0 70px; } #right #linknest li { height:16px; overflow:hidden; background:url('/css/arrow.gif') 2px 6px no-repeat; padding-left:15px;} #right #linknest li a { font-size:11px; line-height:16px; color:#666; } #right #linknest li a:hover { color: #cb2027; } #right #linknest ul.MT li { width:30px !important; } #right #linknest ul.sil li { width:50px !important; } #right #linknest ul.codos li { width:70px !important; } #right #linknest ul.otros li { width:50px !important; } /* __________ BTN PORTADA ENVIOS GRATUITOS __________ */ #getAll { width:629px; height:155px; } #getAll #envios_free {width:138px; height:108px; cursor:pointer; margin-top:21px; } #getAll #envios_free a.es {display:block; width:138px; height:108px; background: url('/css/btn_portada_envios_es.jpg') top left no-repeat; outline:none;} #getAll #envios_free a.ca {display:block; width:138px; height:108px; background: url('/css/btn_portada_envios_ca.jpg') top left no-repeat; outline:none;} #getAll #envios_free a.en {display:block; width:138px; height:108px; background: url('/css/btn_portada_envios_en.jpg') top left no-repeat; outline:none;} #getAll #envios_free a.it {display:block; width:138px; height:108px; background: url('/css/btn_portada_envios_it.jpg') top left no-repeat; outline:none;} #getAll #envios_free a.fr {display:block; width:138px; height:108px; background: url('/css/btn_portada_envios_fr.jpg') top left no-repeat; outline:none;} #getAll #envios_free a.de {display:block; width:138px; height:108px; background: url('/css/btn_portada_envios_de.jpg') top left no-repeat; outline:none;} #getAll #envios_free a.es:hover {background:url('/css/btn_portada_envios_hover_es.jpg') top left no-repeat;} #getAll #envios_free a.ca:hover {background:url('/css/btn_portada_envios_hover_ca.jpg') top left no-repeat;} #getAll #envios_free a.de:hover {background:url('/css/btn_portada_envios_hover_de.jpg') top left no-repeat;} #getAll #envios_free a.en:hover {background:url('/css/btn_portada_envios_hover_en.jpg') top left no-repeat;} #getAll #envios_free a.fr:hover {background:url('/css/btn_portada_envios_hover_fr.jpg') top left no-repeat;} #getAll #envios_free a.it:hover {background:url('/css/btn_portada_envios_hover_it.jpg') top left no-repeat;} /* ________ ESTILOS CONTAINER PORTADA _________ */ #search_rel_intro {/* border-bottom: 2px solid #dddddd; border-right: 2px solid #dddddd; */ background: url('/css/bg_box_shearch_portada.jpg') no-repeat; padding:7px 10px; margin:22px 0; _width: 100%; width: 450px; height:93px; } #search_rel_intro_off { border:1px solid #aaa; background-color: #f7f7f7; padding:7px 10px; margin:22px 0; _width: 100%; } #search_rel_intro h3 {margin:0px;} #search_rel_intro p {font-size:10px; } #search_rel_intro #form_search_rel td.submit_enviar {padding-top:13px;} #search_rel_intro #form_search_rel input.submit {background:url('/css/btn_buscar_red.jpg') top left no-repeat; color:white; font-family:Tahoma, Arial; font-size:11px; width:90px; height:26px; border:0px; padding:0px 3px 7px 0px; margin:0px; cursor:pointer; text-transform: uppercase; } #search_rel_intro #form_search_rel input.submit:hover {background:url('/css/btn_buscar_red_hover.jpg') top left no-repeat;} /* ________ ESTILOS CONTAINER _________ */ #right h1 {font-size:20px; text-transform:uppercase; color:#333; margin:5px 0 15px 0;} #search_rel { border:1px solid #aaa; background:#eee; padding:5px 10px; margin:20px 0; } /* #search_rel_intro { border-bottom: 2px solid #dddddd; border-right: 2px solid #dddddd; background: url('/css/search_rel_intro_2.gif') no-repeat; padding:7px 10px; margin:22px 0; _width: 100%; } #search_rel_intro_off { border:1px solid #aaa; background-color: #f7f7f7; padding:7px 10px; margin:22px 0; _width: 100%; } */ #form_search_rel { margin:5px 0; font-size:11px; } #form_search_rel label { font-size:11px; color:#333; } #form_search_rel option, #form_search_rel select, #form_search_rel input.text { font-size:11px; background:#fff; border:1px solid #aaa; } #form_search_rel option { border:none; } #form_search_rel input.text { padding:2px 4px; width:60px; } /*#form_search_rel input.submit { font-weight:bold; text-transform:uppercase; font-size:11px; color:#005; padding:2px 7px; margin-top:10px; }*/ #form_search_rel input.submit {background:url('/css/btn_buscar_red.jpg') top left no-repeat; color:white; font-family:Tahoma, Arial; font-size:11px; width:90px; height:26px; border:0px; padding:0px 3px 7px 0px; margin-top:10px; cursor:pointer; font-weight:bold; text-transform:uppercase; } #form_search_rel input.submit:hover {background:url('/css/btn_buscar_red_hover.jpg') top left no-repeat;} /* INFORMACION DE ENVIOS / CONFIDENCIALIDAD ----------------------------------*/ .info_table { width: 630px; margin-top: 10px; } .info_table h2{font-size:14px; color:#c00;} .info_table th { text-align: left; vertical-align: top; padding: 40px 10px 10px 10px; } .info_table td { padding: 10px 10px; } .info_table p, .info_table li { line-height: 1.6em; } /* ________ CONTACT FORM _________ */ #contactar { background: url('/css/bg_contactar.jpg') right 350px no-repeat; margin-top: 20px; } #contactar p { font-size: 13px; text-align: left; } #contactar h2 { color: #305a81; font-size: 15px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } #contactar #form_table { width: 400px; } #contactar #contact_form td { padding: 4px; } #contactar #contact_form b { font-size: 11px; font-weight:bold; line-height: 20px; color: #003668; } #contactar #contact_form input.full, #contactar #contact_form textarea { padding: 4px !important; margin-right: 4px; border: 1px solid #d3d4d5; background-color: #fff; width: 380px; } #contactar #contact_form input.half { padding: 4px; margin-right: 4px; border: 1px solid #d3d4d5; background-color: #fff; width: 178px; } #contactar #contact_form .input_help { font-size: 10px; color:#666; } #contactar #contact_form input.send_button { font-size: 14px; font-weight: bold; padding: 2px 15px; float: right; } #contactar #contact_form .legal {font-size:10px; color:#666;} #contactar #contact_form .legal input{vertical-align:top;} /* LOGIN ---------------------------------------------------------------------*/ #login_form { margin: 20px 30px; } #login_form td, #login_form th { padding: 5px 4px; vertical-align: top; } #login_form input.text {_height:22px;} #update_form input.text {_height:22px;} #login_options{width:620px;} #login_options td.box { width: 50%; padding-right: 30px; } #login_options td div { border: 1px solid #808080; padding: 10px; height: 110px; } #login_options td div th { text-align: left; width: 80px; } /* PWD LOST ------------------------------------------------------------------*/ #pwdlost form { margin: 20px 30px; } #pwdlost td, #pwdlost th { padding: 5px 4px; vertical-align: middle; } #pwdlost th { vertical-align: top; } /* COMMUNITY ---------------------------------------------------------------------*/ #community { width:620px; } #community h2 { padding-bottom: 5px; border-bottom: 1px dashed #666; margin-bottom: 20px; } #community h3 { color:#e12b21; font-style:italic; font-size:18px; font-weight:bold; text-align:right; padding-right:65px;} #community table { margin-top:20px; border-bottom:1px solid #aaa; z-index:0px;} #community table th{ padding:40px 20px 0 0; vertical-align:top; font-weight:normal; text-align:left;} #community table th p { line-height:16px; margin:20px 0;} #community #entrar_galeria {float:right; margin:0px 40px 0 0; z-index:4; position:relative;} #community #entrar_galeria img{margin:-10px 0px 0 0;} #community #entrar_galeria a{font-weight:bold; text-transform:uppercase; padding-top:20px;} #community #entrar_galeria a:hover{text-decoration:underline;} #community .foto { float: left; width: 210px; height: 250px; margin: 6px 60px 6px 15px; overflow: hidden; padding:0 8px;} #community .foto div { margin: 2px 0 2px 0; } #community .foto div.kit { height:15px; overflow:hidden; } #community .foto span { font-size:11px; margin-top:17px;} #community .foto span.gray { color:#999;} #community .foto span *{ font-size:11px;} #community .foto p span.usuario { font-weight:bold;} #community .foto a:hover { text-decoration:underline;} #community .paginacion { float: right; margin-top: 20px; margin-bottom: 10px; font-size: 20px; } #community .comentario { } #community .categoria { } #community .kit { } #community img { border: none; } .ext-shadow { _padding-top:10px; } .ext-shadow .img-shadow { float:left; background: url('shadowAlpha.png') no-repeat bottom right !important; background: url('shadow.gif') no-repeat bottom right; margin: 10px 0 0 0px !important; margin: 10px 0 0 0px; } .ext-shadow .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #000; margin: -6px 6px 6px -6px; padding: 4px; border:1px solid #a9a9a9 !important; } div.foto span.comentario a.view { padding-left: 20px; background: url('comment.png') no-repeat; line-height: 20px; } div.foto span.comentario a.add { padding-left: 25px; background: url('comment_add.png') no-repeat; line-height: 20px; } /* SHOW POST */ .show_post{width:610px;} .show_post h2 { padding-bottom: 5px; border-bottom: 1px dashed #666; margin-bottom: 20px; } .show_photo{margin:0 0 20px 0;} .show_photo th .img-shadow{margin-right:10px !important;} .show_photo td{ padding-top:20px;} .show_photo td p{font-size:11px; border-bottom:1px dotted #ccc; padding:10px 3px 10px 3px;} .show_photo td p b{font-size:11px;} .show_photo td span.gray { color:#999; font-size:11px;} .show_photo .comment_user{border:1px solid #bbb; background:#efefef; padding:12px 15px 5px 15px; margin:5px 0; width:380px;} .show_photo .comment_user .written {margin-top:20px; text-align:right;} .comment{margin:10px 0 5px 0; width:410px;} .comment table{background:#e4eaee; width:100%; border-collapse:collapse; border:none;} .comment table .left, .comment table .right{width:7px;} .comment th{height:7px; } .comment .top .center {border-top:1px solid #b9d8ed;} .comment .middle .left {border-left:1px solid #b9d8ed;} .comment .middle .right {border-right:1px solid #b9d8ed;} .comment .bottom .center{border-bottom:1px solid #b9d8ed;} .comment .top .left{border:none; background:url('/css/corner.png') 0px 0px no-repeat;} .comment .top .right{border:none; background:url('/css/corner.png') -7px 0px no-repeat;} .comment .bottom .left{border:none; background:url('/css/corner.png') 0px -7px no-repeat;} .comment .bottom .right{border:none; background:url('/css/corner.png') -7px -7px no-repeat;} .comment .middle .center{padding:10px 15px;} .comment .written_by{ position:relative; top:-4px; padding:5px 0 0 60px; background:url('/css/comment_pico.png') 30px no-repeat; font-size:10px !important;} .comment .written_by .usuario, .comment .written_by .fecha{ font-size:11px; color:#666; } .add_comment{margin:20px 0 0 0; width:410px;} .add_comment textarea{margin:10px 0; border:1px solid #bbb; width:97%; height:80px; padding:5px; font-size:11px; background:url('/css/bkg_textarea.png') no-repeat;} .add_comment img.enviar{margin:5px 0 15px 120px; cursor:pointer;} /* PAGINACION */ .paginacion { padding: 3px; margin:10px; text-align: right; font-size:11px; } .paginacion a { padding: 1px 3px 1px 3px; margin-right: 2px; border: 1px solid #2C2C2C; text-decoration: none; color: #fff; background: #2C2C2C url('btn_paginacion_off.gif'); font-size:11px; } .paginacion a:hover, .paginacion a:active { border: 1px solid #AAD83E; color: #FFF; background: #AAD83E url('btn_paginacion_on.gif'); } .paginacion span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #AAD83E; font-weight: bold; background: #AAD83E url('btn_paginacion_on.gif'); color: #FFF; } .paginacion span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; } /* AFEGIR FOTO */ .btn_add_photo { } .btn_add_photo a { display:block; padding:5px 0; text-align:center; color:#fff; margin-bottom: 20px; border: 2px solid #2C2C2C; text-decoration: none; background: #2C2C2C url(btn_add_photo_off.gif); font-size: 1.6em; } .btn_add_photo a:hover, .btn_add_photo a:active { border: 2px solid #666; color: #000; background: #AAD83E url('btn_add_photo_on.gif'); } .btn_add_photo a img { vertical-align:middle; } /* USUARIOS ------------------------------------------------------------------*/ #user_register th { width: 140px; line-height: 20px; } #user_register th, #user_register td { padding: 2px 5px; } /* CONTACTO ------------------------------------------------------------------*/ #contact_form { margin: 20px 0; } .contact_form th { text-align: right; width: 150px; line-height: 20px; } td.contact_send { padding: 10px 5px !important; } div.form_sended { border: 1px solid #090; background: #9F9 url('form_sended.png') no-repeat 10px center; padding: 10px 20px 10px 100px; margin: 10px 0; } div.form_sended_contents { border: 1px solid #999; margin: 10px 0; padding: 10px; } div.form_sended_contents td, div.form_sended_contents th { padding: 2px 5px; } /* MY ACCOUNT ----------------------------------------------------------------*/ #user_account { margin-top: 10px; width:100%; } #user_account td.box { width: 50%; padding-right: 30px; height:110px;} #user_account td div { border: 1px solid #808080; cursor: pointer; padding: 10px; height: 180px; margin-bottom: 20px; } #user_account td div table { width: 100%; } #user_account td div th { text-align: center; vertical-align: middle; } #user_account td div td { padding: 15px 5px 15px 10px; } #user_account td li { list-style: none; padding: 5px 0; } #user_account_info h3, #user_account_orders h3 {font-size:16px; color:#333; text-align:left; padding-left:10px;} /* PRODUCTOS -----------------------------------------------------------------*/ #productos_list { width:625px !important; } #productos_list .intro_image { text-align: center; margin-bottom: 10px; } #productos_list .product_box {} #productos_list .info_box {} #productos_list .info_box a h4{width:300px !important; padding:0px; white-space:normal;} #productos_list td.intro { font-weight: bold; padding-bottom: 20px; vertical-align: middle; } #productos_list td.products_pdf { text-align: center; } #productos_list th { padding-right: 10px; } #productos_list th a { border:1px solid #ccc; display:block;} #productos_list th a img { padding:3px; float:none; background:#fff;} #productos_list td { padding: 5px 0; } #productos_list td a h4 { color:#333; /*color: #965743;*/ display: block; font-size:12px; text-transform:uppercase; font-family:Arial !important;} #productos_list td a h4 big {font-size:1.2em; color:#e60000; font-family:Arial !important;} #productos_list td a h4 small {color:#999; font-family:Arial !important;} #productos_list td a h4 span { /*white-space:nowrap;*/ } /* comentado porque hacia que se descuajiringara la web */ #productos_list th.image { vertical-align:top; padding:5px 10px 5px 5px; } #productos_list td.ref { font-weight: bold; font-size: 0.9em; text-align: right; width: 200px; } #productos_list td span.promotion {font-size:11px; color:#f60; font-weight:bold; margin:0 15px; float:right;} #productos_list td.descripcion { text-align: justify; padding: 0 60px 10px 0; width:270px;} #productos_list td.descripcion img { vertical-align:top; margin:3px 0 0 2px; } #productos_list td.precio { vertical-align:bottom;} #productos_list td.precio p { font-size:12px; font-weight:bold; text-align:center;} #productos_list td.precio p.not_available { font-size:11px; font-weight:bold; text-align:center; color:#666;} #productos_list td.precio p span.anterior {font-size:11px; text-decoration:line-through; color:#444;} #productos_list td.precio a { padding:0px; margin:auto; margin-top:4px; display:block; width:106px; height:25px; font-weight: bold; background: url('/css/btn_comprar_es.png'); } #productos_list td.precio a.en { background: url('/css/btn_comprar_en.png'); } #productos_list td.precio a.fr { background: url('/css/btn_comprar_fr.png'); } #productos_list td.precio a.it { background: url('/css/btn_comprar_it.png'); } #productos_list td.precio a.de { background: url('/css/btn_comprar_de.png'); } #productos_list td.precio a:hover { background-position: -106px 0; } #productos_list td.not_buy { text-align: right; padding: 5px 0 20px 0; } /*.novedad { background: #e3ffd1 url('/css/new.png') 530px 10px no-repeat; }*/ .novedad { background: #e3ffd1 url('/css/new.png') 480px 5px no-repeat; } .oferta { background: #fffdd1; padding-top:0px; } table.navigator { width: 100%; margin: 10px 0 10px 0; } table.navigator td.pages { text-align: right; } table.navigator td.pages span.sel { font-weight: bold; } /* FICHA PRODUCTO ------------------------------------------------------------*/ #product_view p{text-align:left;} #product_view2_title { width: 100%; border-bottom:2px solid #ccc; margin-bottom:15px; padding-left:20px; } #product_view2_title td{ padding:0 15px; } #product_view_title { width: 100%; margin-bottom:0px; } #product_view_title h2 img {vertical-align:bottom; margin-left:15px;} #product_view_title table{ width: 500px; } #product_view_title td, #product_view_title th{ text-align:center; font-size:16px; font-family:Arial;} #product_view_title th{ text-transform:uppercase;} #product_view_title td{ text-align:left; } #product_view_title ul{ margin-left: 17px; } #product_view_title li{ list-style-type: square; list-style-image: none; } #product_view_title h3{ margin: 0; padding: 10px 0 0 0; } #product_view_title h2{ font-size: 10px; } #product_view_title #datos { padding-left:3px; margin-bottom:15px; width:100%; background:#f7f7f7; border:1px solid #ccc;} #product_view_title #datos td{ padding:5px 0px 5px 10px; } #product_view_title #brand{background: url('brands.jpg') no-repeat right bottom; width: 70px; height: 55px; float:right; margin:0px 0px;} #product_view_title .opel { background-position: 0 0 !important; } #product_view_title .seat { background-position: -70px 0 !important; } #product_view_title .renault { background-position: -140px 0 !important; } #product_view_title .citroen { background-position: -210px 0 !important; } #product_view_title .peugeot { background-position: -280px 0 !important; } #product_view_title .mitsubishi { background-position: -350px 0 !important; } #product_view_title .ford { background-position: -420px 0 !important; } #product_view_title .audi { background-position: -490px 0 !important; } #product_view_title .subaru { background-position: -560px 0 !important; } #product_view_title .fiat { background-position: -630px 0 !important; } #product_view_title .lancia { background-position: -700px 0 !important; } #product_view_title .volkswagen { background-position: -770px 0 !important; } #product_view_title .nissan { background-position: -840px 0 !important; } #product_view_title .volvo { background-position: -910px 0 !important; } #product_view_title .honda { background-position: -980px 0 !important; } #product_view_title .hyundai { background-position: -1050px 0 !important; } #product_view_title .alfa_romeo { background-position: -1120px 0 !important; } #product_view_title .chevrolet { background-position: -1190px 0 !important; } #product_view_title .porsche { background-position: -1260px 0 !important; } #product_view_title .skoda { background-position: -1330px 0 !important; } #product_view_title .mini { background-position: -1400px 0 !important; } #product_view_title .jeep { background-position: -1470px 0 !important; } #product_view_title .bmw { background-position: -1540px 0 !important; } #product_view_title #datos p{ font-size:12px; line-height:18px !important; } #product_view_title #moto_brand { display: block; width: 115px; height: 55px; margin: 0 auto; background: url('motos.jpg') no-repeat;} #product_view_title .moto_kawasaki { background-position: 0 0 !important; } #product_view_title .moto_honda { background-position: -115px 0 !important; } #product_view_title .moto_ktm { background-position: -230px 0 !important; } #product_view_title .moto_yamaha { background-position: -345px 0 !important; } #product_view_title .moto_suzuki { background-position: -460px 0 !important; } #product_view_title .moto_ducati { background-position: -575px 0 !important; } #product_view h2 { margin-bottom: 10px; font-size:12px; } #product_view h3 { border-bottom: 1px dotted #aaa; } #product_view h3 img{ vertical-align:bottom; margin-left:10px;} #product_view td.ref { vertical-align: bottom; text-align: right; font-weight: bold; } #product_view_items { width: 100%; margin: 15px 0px; } #product_view_items .variant{ width:300px; margin:0 10px 10px 0; } #product_view_items .variant .color{ font-weight:bold; text-transform:uppercase; font-size:11px; } #product_view_items .variant b{ font-size:11px; } #product_view_items .variant .ROJO{ color:red; } #product_view_items .variant .NEGRO{ color:black; } #product_view_items .variant .AZUL{ color:blue; } #product_view_items .variant .AMARILLO{ color:#ffb400; } #product_view_items .variant .NARANJA{ color:#ff8600; } #product_view_items .variant .VERDE{ color:#6dc04b; } #product_view_items .variant th{ vertical-align:top; width:130px; } #product_view_items .variant span{ } #product_view_items .variant span.ND{ font-weight:bold; color:red; font-size:11px; } #product_view_items .variant span.LU{ font-weight:bold; color:#ffb400; font-size:11px;} #product_view_items .variant span.D{ font-weight:bold; color:green; font-size:11px;} #product_view_items .variant td a{ border-top:1px solid #ccc; text-transform:uppercase; font-size:11px; padding-top:6px; color:#666; margin-top:10px; display:block; width:150px; font-weight:bold; } #product_view_items .variant a:hover{ color:#C00; } #product_view_items .variant td a img{ vertical-align:bottom;} #product_view_items .variant a.foto_kit {text-align:left;} #product_view_items .variant a.foto_kit img{ width:120px; border:1px solid #ccc; padding:2px; } #product_view_options { width: 100%; margin:30px 0 10px; clear:both; } #product_view_options td { padding: 10px 20px 10px 0; } #product_view_options td a:hover{ text-decoration:underline; } #product_other_colors {clear:both;} #product_other_colors p{padding:3px 0;} #product_other_colors p a{font-size:11px;} #product_other_colors select{border:1px solid #999; font-size:11px !important; height:18px; margin-right:10px;} #product_other_colors select option{font-size:11px !important;} #product_other_colors img.special_colors { position:relative; float:right; z-index:11;} #kit_colores_personalizados{border-top:1px solid #ddd; padding-top:5px;} input#kit_color_option { vertical-align:middle;} #kit_colores_personalizados table{border-top:1px solid #ccc; margin-top:5px;} #kit_colores_personalizados a.comprar_link {font-weight:bold; color:#666; text-transform:uppercase;} #kit_colores_personalizados a.comprar_link:hover { color:#900; } /* FICHA PRODUCTO ------------------------------------------------------------*/ #product_view2_title { width: 100%; border-bottom:2px solid #ccc; margin-bottom:15px; padding-left:20px; } #product_view2_title td{ padding:0px; } #product_view2 h2 { margin-bottom: 10px; } #product_view2 td.ref { vertical-align: bottom; text-align: right; font-weight: bold; } #product_view2_table { width: 100%; margin-bottom: 10px; } td.product_image { padding: 10px 20px 10px 0; width:135px; } td.product_image img.big { width:150px; } td.product_image img.mini { width:70px; margin:8px 5px 0 0;} td.product_description { width:440px; } td.product_description h3 { background:#eee; padding:3px 10px; margin-top:25px; text-transform:uppercase; font-size:12px; } #product_view2_options { width: 100%; margin:30px 0 10px; } #product_view2_options h3 { border-bottom: 1px dotted #aaa; } #product_view2_options td { padding: 10px 20px 10px 0; } #product_view2_options td a:hover{ text-decoration:underline; } td.precio { text-align: right; clear: both; } td.precio a{color: #ed2e38; text-transform:uppercase; padding: 14px 40px 10px 0; font-weight: bold; background: url('precio.png') no-repeat right top; } #product_view #compatible{font-size:11px;} #product_view #compatible a{font-size:11px;} #compatible_slide td { padding-top:0px !important; } #compatible_slide td ul { margin-left:5px; } #compatible_slide td ul li { padding:0px 0 4px 0; font-size:11px;} #compatible_slide td ul li b { font-size:11px; } .product_extra {} .product_extra p{margin:5px 0;} /* KITS TUNING ---------------------------------------------------------------*/ table.variant { float: left; width: 190px; display: block; height:100px; } table.variant th { padding-right:10px;} table.variant th a{ display:block; } a.kit_zoom { border:none !important; color:#999; font-weight:none !important; text-align:left; font-size:10px;} a.kit_zoom img { margin: 1px 0 0 5px; } table.variant img.notfound { border:1px solid #ccc; } /* SHOPPING CART -------------------------------------------------------------*/ #shoppingprogress { background: #F3F3F3; padding: 5px 10px; margin: 10px 0 20px 0; } #shoppingprogress .current { font-weight: bold; } #shoppingcart { width: 100%; margin-top:10px; } #shoppingcart thead tr { background: #808080; color: #FFF; } #shoppingcart thead th { text-align: left; padding: 4px; border-right: 1px solid #999; } #shoppingcart td.options { text-align: center; } #shoppingcart td.image { padding-bottom: 5px; } #shoppingcart td.image img{ border:1px solid #ccc; padding:2px;} #shoppingcart td.description { padding: 0px 0 20px 10px; } #shoppingcart td.description span { color: #555; font-size:11px;} #shoppingcart td.description span.promotion{ color: #f60; font-weight:bold; font-size:12px; clear:both; display:block; margin:7px 0;} #shoppingcart td.description span.promotion img{vertical-align:bottom;} #shoppingcart td.quantity { text-align: center; } #shoppingcart td.price { text-align: right; } #shoppingcart tbody td {height:20px; } #shoppingcart_totals { border-top: 2px solid #808080; width: 100%; margin-bottom: 15px; } #shoppingcart_totals th, #shoppingcart_totals td { text-align: right; padding: 4px 4px; font-size: 1.1em; font-weight:bold; text-transform:uppercase; white-space: nowrap; } #shoppingcart ul.categories { padding: 5px 15px; } #shoppingoptions { padding: 20px 0 40px 0; } #shoppingoptions a.checkout { float: right; margin-top: -10px; display: block; background: url('green_button.png') no-repeat; line-height: 33px; width: 140px; text-align: center; color: #444; font-weight: bold; } #shoppingoptions a.checkout:hover { background: url('green_button_hover.png') no-repeat; color: #000; } /* VERSIONES PRODUCTO --------------------------------------------------------*/ #product_view_sizes { width: 100%; } #product_view_sizes th, #product_view_sizes td { text-align: right; padding: 5px 15px 5px 5px; } #product_view_sizes thead th { background-color: #808080; color: #FFF; } #product_view_sizes tr.l0 { background-color: #FAFAFA; } table.stock_info { margin-top: 30px; } table.stock_info th { padding: 3px 10px 10px 0; } table.stock_info td { padding-bottom: 5px; } a.stock_2 { color: green; } a.stock_1 { color: orange; } a.stock_0 { color: red; } #product_view_table a { font-weight: bold; } #product_view_table a:hover { text-decoration: underline;} #product_view_table a img { vertical-align: top; } span.original_price { text-decoration: line-through; font-size: 80%; } /* CHECKOUT :: WHO ARE YOU ---------------------------------------------------*/ #whoareyou { margin-top: 10px; width:610px;} #whoareyou td.box { width: 50%; padding-right: 30px; } #whoareyou td div { border: 1px solid #808080; cursor: pointer; padding: 10px; height: 90px; } #whoareyou td div th { text-align: left; width: 80px; } #whoareyou div.sel { background: #F7F7F7; } #whoareyou_login, #whoareyou_register { display: none; width:610px; } /* CHECKOUT :: DESTINATION ---------------------------------------------------*/ #destination_form { margin-top:20px; } #shipping_customer { margin:10px 0px; } div.dest_address { margin: 20px 0px 0px 0px; padding: 10px 0px; } div.dest_address th { text-align:left; } #shipping_type { margin: 5px 30px 5px 0px; width: 500px; } #shipping_type tr.price td { font-size: 1.5em; font-weight: bold; } #shipping_type tr th {text-align:left;} #shipping_comments { height: 50px; width: 90%; margin: 10px 0px; } #shipping-container-tabs { border-bottom: 1px solid #97A5B0; margin-bottom: 25px; } #shipping-container-tabs .tabs-container { border-right: 1px solid #97A5B0; border-left: 1px solid #97A5B0; padding: 10px 20px 20px 20px; } #review_form h3.special {color:#fff;} /* CHECKOUT :: ALERT --------------------------------------------------------*/ .checkout_alert{border:2px solid #ce1b1b; padding:10px 0; background:#f9f4f4; width:628px; margin:10px 0 15px 0; } .checkout_alert img{ margin:10px 20px; } .checkout_alert p{ margin:10px 20px; } .checkout_alert b{ color:#ce1b1b; font-size:12px; } /* CHECKOUT :: PAYMENT --------------------------------------------------------*/ #payment_type { margin: 10px auto; border-collapse: separate; text-align: center; } #payment_type td.payment_type { text-align: center; padding: 5px !important; border: 1px solid #999; } #payment_type td.payment_type:hover { border: 1px solid #090; } #payment_type td.payment_type ul { list-style: none; padding: 10px 0 0 0; } #payment_type td.payment_type table { width: 170px; } #payment_type td.payment_type td { text-align: center; } #payment_type td.payment_type td.logo { height: 50px; vertical-align: middle; } #payment_type td.payment_type td.methods { vertical-align: middle; height: 100px; } #payment_type td.sel { background: #8F8; border: 1px solid #090; } #payment_secure { padding: 0 0 10px 150px; margin-top: 20px; background: url('secure.png') no-repeat left 40px; } #payment_secure p{ margin:10px 0; } .transfe_info{text-align:left;} /* CHECKOUT :: FINISH :: KO --------------------------------------------------*/ #payment_error { padding: 20px 150px 0 0; height: 300px; background: url('/css/warning_small.png') no-repeat right 60px; } #payment_error p { font-size: 1.2em; } #payment_error .error_code { border: 1px dotted #900; padding: 10px 20px; margin: 20px 80px 50px 20px; } #payment_error .error_code span { font-weight: bold; color: #900; } #payment_error .error_code p.desc { font-size: 1em; } /* CHECKOUT :: FINISH :: KO --------------------------------------------------*/ #payment_ok { padding: 5px 40px 0 0; background: url('/css/good_small.png') no-repeat right 20px; } #payment_ok h2 { color:green; } #payment_ok .ok_code { border: 1px dotted #090; padding: 10px 20px; margin: 20px 80px 30px 20px; width:400px; } #payment_ok .ok_code span { font-weight: bold; color: #090; } #payment_ok .ok_code p.desc { font-size: 1em; } #breadcrumbs { background: #F3F3F3 url('/css/logo_breadcrumbs.png') right no-repeat; padding: 5px 10px; margin: 10px 0 0px 0; font-size:11px;} #breadcrumbs span, #breadcrumbs a { text-transform:capitalize; font-weight: bold; color: #444; font-size:11px;} #breadcrumbs a { color: #000; } #breadcrumbs a:hover { color: #dd3322; } #breadcrumbs .current { color: #333 !important; } #breadcrumbs .current *{ color: #333 !important; } #mini_links {margin:10px 0 20px 0; text-align:right;} #mini_links a {font-size:11px; } #mini_links a:hover {text-decoration:underline;} /* ODERS HISTORY --------------------------------------------------*/ #orders_history{width:100%; border-bottom:2px solid #aaa;} #orders_history th{text-align:left; background:#ddd; padding:4px 5px;} #orders_history td{padding:2px 5px;} #orders_history .fecha {text-align:center} #orders_history .pagado {text-align:center} #orders_history .importe {text-align:right} /* BOTTOM ------------------------------------------------------------------*/ /* Comentarios NEWS y VIDEOS --------------------------------------------------*/ .comment{margin:10px 0 5px 0; width:410px;} .comment table{background:#e4eaee; width:100%; border-collapse:collapse; border:none;} .comment table .left, .comment table .right{width:7px;} .comment th{height:7px; } .comment .top .center {border-top:1px solid #b9d8ed;} .comment .middle .left {border-left:1px solid #b9d8ed;} .comment .middle .right {border-right:1px solid #b9d8ed;} .comment .bottom .center{border-bottom:1px solid #b9d8ed;} .comment .top .left{border:none; background:url('/css/corner.png') 0px 0px no-repeat;} .comment .top .right{border:none; background:url('/css/corner.png') -7px 0px no-repeat;} .comment .bottom .left{border:none; background:url('/css/corner.png') 0px -7px no-repeat;} .comment .bottom .right{border:none; background:url('/css/corner.png') -7px -7px no-repeat;} .comment .middle .center{padding:10px 15px;} .comment .written_by{ position:relative; top:-4px; padding:5px 0 0 60px; background:url('/css/comment_pico.png') 30px no-repeat; font-size:10px !important;} .comment .written_by .usuario, .comment .written_by .fecha{ font-size:11px; color:#666; } #new_group { margin:0px !important; padding:0px; padding-bottom: 20px; padding-left:0px !important;} #new_group ul{margin-left:0px;} #new_group li { margin:0px; padding:3px 3px 5px 35px; list-style:none; border-bottom:1px solid #ddd;} #new_group li a { color:#666; font-weight:bold; } #new_group li a:hover { color:#900; } #new_group li a.sel { color:#900; } /* CALENDARIO */ #calendario { padding: 40px 20px 0 0; } #calendario p { font-size: 12px; line-height: 15px; } #calendario p.subtitle { color: #BA010C; font-weight: bold; } #calendario div.thumbs { clear: both; padding-top: 20px; } #calendario div.thumbs div.thumb { float: left; margin-right: 13px; text-align: center; } #calendario div.thumbs div.thumb img { display: block; margin-bottom: 10px; } /* FAQS */ #faqs { width: 257px; } #faqs h2 { background: url('/css/bg_titles.gif') repeat-x; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; font-size: 12px; font-weight: bold; } #faqs ul { } #faqs ul li { padding:6px 0px; padding-left: 10px; border-bottom:1px dashed #ccc; list-style-type: square; list-style-image: none; color: #333; } #faqs ul li.sel { color: #305a81; } #faqs a { color: #333; font-size: 12px; outline: none; } #faqs a:hover, #faqs a.sel { color: #305a81; } #faqs a.sel { font-weight: bold; } #faq_content { padding-bottom: 150px; margin-bottom: 75px; margin-top: 20px; background: url('/css/bg_faq.jpg') right bottom no-repeat; } #faq_content .description { font-size: 13px; color: #333; display: none; line-height: 20px; margin-right: 180px; } #faq_content .description p { font-size: 13px; text-align: left; } #faq_content .description h2 { color: #305a81; font-size: 15px; font-weight: bold; margin-bottom: 10px; } /* MENU EMPRESA #menu_empresa { } #menu_empresa h2 { background: url('/css/bg_titles.gif') repeat-x; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; font-size: 12px; font-weight: bold; } #menu_empresa ul { margin:0px; } #menu_empresa ul li { padding:6px 5px 6px 30px; border-bottom: 1px dashed #ccc; list-style-type: none; list-style-image: none; color: #333; } #menu_empresa ul li.sel { color: #305a81;} #menu_empresa a { color: #333; font-size: 12px; outline: none; } #menu_empresa a:hover, #menu_empresa a.sel { color: #305a81; font-weight: bold; } */ /* NOTICIAS */ #noticias { padding-bottom: 50px; margin-bottom: 75px; margin-top: 20px; } #noticias p { font-size: 13px; text-align: left; } #noticias h2 { color: #305a81; font-size: 15px; font-weight: bold; margin-bottom: 10px; text-transform:uppercase; } #noticias .months { border-top: 1px solid #eee; padding: 10px 0; border-bottom: 1px solid #eee; margin: 10px 0; } #noticias .months li { display: inline; padding: 10px; } #noticias .months li.sel { background: url('/css/arrow_months.gif') center bottom no-repeat; } #noticias .months a { color: #990000; } #noticias td { vertical-align: bottom; } /* MULTIMEDIA */ #menu_multimedia { width:200px;} #menu_multimedia h2 { background: url('/css/bg_titles.gif') repeat-x; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; font-size: 12px; font-weight: bold; } #menu_multimedia ul { margin-left:0px; } #menu_multimedia ul li { border-bottom:1px dashed #CCC; color:#333; list-style-image:none; list-style-type:none; padding:6px 5px 6px 32px; } #menu_multimedia ul li.sel { color: #305a81; list-style-image: none; } #menu_multimedia a { color: #333; font-size: 13px; outline: none; } #menu_multimedia a:hover, #menu_multimedia a.sel { color: #305a81; } #menu_multimedia a.sel { font-weight: bold; } #multimedia { padding-bottom: 50px; margin-bottom: 75px; margin-top: 20px; } #multimedia .description { font-size: 13px; color: #333; line-height: 20px; } #multimedia .description p { font-size: 13px; text-align: left; } #multimedia .description h2 { color: #305a81; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #multimedia .img_box { float: left; border: 1px solid #ccc; padding: 2px; margin-top: 20px; margin-bottom: 5px; margin-right: 27px; } #multimedia .img { width: 130px; height: 85px; overflow: hidden; cursor: pointer; position: relative; } #multimedia .img img { position: absolute; top: 0; right: 0; } #multimedia .img a { width: 100%; height: 100%; display: block; } #multimedia .text { font-size: 11px; width:135px;} #multimedia .text h4 { color: #305a81; font-size: 12px; font-weight: bold; margin-bottom: 2px; line-height:13px;} #multimedia .text p { font-size:11px; line-height:12px; color:#666;} #multimedia .margin_right_none { margin-right: 0; margin-left: 1px; } #multimedia_view { padding-bottom: 50px; margin-bottom: 75px; margin-top: 20px; } #multimedia_view .description { font-size: 13px; color: #333; line-height: 20px; } #multimedia_view .description p { font-size: 13px; text-align: left; } #multimedia_view .description h2 { color: #305a81; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #multimedia_view .img_little_box { float: left; border: 1px solid #ccc; padding: 2px; margin-top: 10px; margin-right: 11px; } #multimedia_view .img_little { width: 130px; height: 85px; overflow: hidden; cursor: pointer; } #multimedia_view .img_little a { display: block; width: 100%; height: 100%; } #multimedia_view .img_mid_box { float: left; border: 1px solid #ccc; padding: 2px; } #multimedia_view .img_mid { width: 425px; height: 276px; overflow: hidden; background-color: #000; } #multimedia_view .margin_right_none { margin-right: 0; margin-left: 0px; } /* SPONSOR */ #menu_sponsor { width: 200px; } #menu_sponsor h2 { background: url('/css/bg_titles.gif') repeat-x; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; font-size: 12px; font-weight: bold; } #menu_sponsor ul { margin:0px; } #menu_sponsor ul li { padding:6px 5px 6px 30px; border-bottom: 1px dashed #ccc; list-style-type: none; list-style-image: none; color: #333; } #menu_sponsor ul li.sel { color: #305a81; } #menu_sponsor .subs li { color:#999; } #menu_sponsor a { color: #333; font-size: 12px; outline: none; } #menu_sponsor a:hover { color: #305a81; } #menu_sponsor a.sel { color: #305a81; font-weight: bold; } #sponsor { padding-bottom: 50px; margin-bottom: 75px; margin-top: 20px; } #sponsor .description { font-size: 13px; color: #333; line-height: 20px; } #sponsor .description p { font-size: 13px; text-align: left; } #sponsor .description p.ele { background:url('/css/btn_link.jpg') 0px 7px no-repeat; padding-left:10px;} #sponsor .description p.ele a { font-weight:bold; /*padding-left:10px;*/} #sponsor .description h2 { color: #305a81; font-size: 15px; font-weight: bold; } #sponsor_view { padding-bottom: 50px; margin-bottom: 75px; margin-top: 20px; } #sponsor_view .description { font-size: 13px; color: #333; line-height: 20px; } #sponsor_view .description p { font-size: 13px; text-align: left; } #sponsor_view .description h2 { color: #305a81; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #sponsor_view .img_little_box { float: left; border: 1px solid #ccc; padding: 2px; margin-top: 10px; margin-right: 11px; } #sponsor_view .img_little { width: 130px; height: 85px; overflow: hidden; cursor: pointer; } #sponsor_view .img_little a { display: block; width: 100%; height: 100%; } #sponsor_view .img_mid_box { float: left; border: 1px solid #ccc; padding: 2px; } #sponsor_view .img_mid { width: 425px; height: 290px; overflow: hidden; background-color: #000; } #sponsor_view img { } #sponsor_view .margin_right_none { margin-right: 0; margin-left: 0px; } /* GALLERY KWICKS */ .kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; display: none; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 170px; height: 333px; /*do not change these */ display: block; overflow: hidden; padding: 0; } .kwicks.horizontal li { margin-right: 3px; float: left; } #kwick_1 { background-color: #f7f7f7; } #kwick_2 { background-color: #dedede; } #kwick_3 { background-color: #c5c5c5; } #kwick_4 { background-color: #b0b0b0; } /* HEADLINE */ #headline { margin: 20px 0; } #headline .menu { text-align: right; border-bottom: 1px solid #444; } #headline .menu a { text-decoration: none; color: #fff; background-color: #444; font-size: 11px; font-weight: bold; padding: 0 4px; outline: 0; } #headline ul { padding: 5px 10px; border-bottom: 1px solid #444; background-color: #f4f4f4; } #headline li { padding: 2px; list-style: none; list-style-image: none; } #headline li a { text-decoration: none; color: #333333; font-size: 11px; outline: 0; } #headline li a:hover { text-decoration: underline; }