/* @company: www.actum.cz @author: David Sklar (original version) @site: www.aaron.cz ------------------------------------------- */ html,body{ margin:0; padding:0; } body{ background: #6b7475 url('../gfx/body.png') 0 0 repeat-x; } a, a:focus, a:active { outline: 0 none; } hr { color: #888; background: #888 none; height: 1px; font-size: 0; line-height: 0; border: 0 none; padding: 0; margin: 10px 0; } /* obecna definice -------------------------------------------------------------------- */ /* nadpisy */ h1,h2,h3,h4,h5{color:#000; margin-top:0;} h1{font-size:1.2em;} h2{color:#333; font-size:1.1em; text-transform:uppercase; padding-top:10px; margin-bottom: 6px; border-top:solid 1px #ccc;clear: left;} h2.tag{font-size:1.0em;text-transform: none;padding:2px 0 1px 0;margin:0 0 1.1em 0;position:relative;border: none;border-bottom:solid 1px #cb1b1b;} h2.tag span{color:#fff; padding:3px 0;background:#cb1b1b url('../gfx/red/h2-span.gif') 100% 0 no-repeat;} h2.tag span span{padding:3px 56px 3px 7px;background:url('../gfx/red/h2.gif') 0 0 no-repeat;} h3,h4,h5{font-size:1.0em; margin:0;} h3{color:#4d4d4d; margin-bottom:5px;} h4,h5{color: #4c4c4c;/*margin-bottom: 0.4em;*/} h5{margin-bottom: 0.2em;} p,table,address{margin:0 0 1.0em 0;} address{font-style:normal;} img{font:0.9em Tahoma,"Lucida Grande CE",lucida,sans-serif;/*border:0;*/} a{color:#cb1b1b;text-decoration:underline;} a:hover,a:focus{text-decoration:none;} strong{color:#343434;} small{font-size:0.9em;} span.grey{color: #ccc; text-decoration: underline; padding-right:8px;background:url('../gfx/red/ico_next_grey.gif') 100% 50% no-repeat;} /* formulare */ form {padding: 0; margin: 0;} fieldset{padding:5px 10px; margin:0; margin-bottom:1.5em; border:solid 1px #b6b6b6;} input, select, button{font:1.0em Arial, Helvetica, sans-serif, "Calibri"; vertical-align:middle;} input[type="text"]{height:1.0em; padding: 1px 1px 0 1px; border:solid 1px #b3b3b3;} select{height:1.8em;} textarea {font:1.0em Arial, Helvetica, sans-serif, "Calibri";} button{border: none;cursor:pointer;} .left{text-align:left !important;} .right{text-align:right !important;} .center{text-align:center !important;} .fll{float:left !important;} .flr{float:right !important;} .spaceman{position:absolute;top:-2000px;left:-3000px;} .nod{display:none !important;} .nb{border:none !important;} .nob{background:none !important;} .cleaner{clear:both;} .clrr { clear: right; } .clrl { clear: left; } .bold{font-weight:bold;} .spacer, .spacer-line{height:10px;background: #fff;display: block;clear: both;} .spacer-line{background: #fff url('../gfx/spacer.gif') 0 50% repeat-x;} .half-left, .half-right {width: 49%;margin-bottom: 1.8em;float: left;} .half-right {margin-left: 50%; float: none;} .half-left ul, .half-right ul {margin-top:0;} img.info {position: relative; top: 2px;} /* box-model */ .pt5{padding-top:5px !important;} .pb15{padding-bottom:15px !important;} .m0{margin:0 !important;} .mb10{margin-bottom:10px !important;} .ml10{margin-left: 10px !important;} .ml23{margin-left: 23px !important;} .w60{width:30px !important;} .w100{width:100px !important;} .w140{width:140px !important;} .w150{width:170px !important;} .w200{width:200px !important;} .w100p {width:100% !important;} /* ico */ p.next{text-align:right; margin-bottom: 30px;} p.next a,a.next{padding-right:8px;background:url('../gfx/red/ico_next.gif') 100% 50% no-repeat;} .next strong{font-size:1.0em !important;} p.prev a,a.prev{padding-left:8px;background:url('../gfx/red/ico_prev.gif') 0 50% no-repeat;} .icq{width: 18px; height: 18px; position: relative; top: 3px; border: none !important; float: none !important;} /* ico */ a.press,a.recomm{padding-left:18px; background:url('../gfx/red/ico_press.gif') 0 50% no-repeat;} a.recomm{background:url('../gfx/red/ico_recommend.gif') 0 60% no-repeat;} a.up{padding-right:10px; background:url('../gfx/red/ico_upwards.gif') 100% 60% no-repeat;} a.up span{position: absolute; top: -3000px; left: -2000px;} /* control */ p.control{font-size: 0.9em;text-align:right; margin:0;} p.control a{text-align:right; margin:0 3px;} #center-box p.control{width:auto; position:absolute; right: 8px; bottom:60px;} #content-case p.control{width:auto; position:static; } #right-col p.control{width: auto; padding:0.2em 10px 0.4em 0; position:static;} #right-col p.control a{color:#cb1b1b;} #ctrl-01{width:180px !important; height:1.5em; position:absolute !important; top:2px !important; right:0 !important;} /* ico - article */ em.hour, em.ask, em.new, em.action, em.discount, em.stock,em.carriage, em.no-active{color:#fff;font-size:0.9em;font-style:normal;text-align:center;padding:0 5px 0 4px;background:#cb1b1b url('../gfx/red/ico_new.gif') 0 0 no-repeat;} strong.price small, strong.price em.action { font-size: 0.8em; font-weight: normal; } em.action{padding:0 4px 0 5px;background-image:url('../gfx/red/ico_action.gif');} em.discount{padding:0 4px;background-image:url('../gfx/red/ico_discount.gif');} em.stock{color:#333; padding: 0 5px; background-color:#e6e6e6;background-image:url('../gfx/ico_stock.gif');} em.carriage{color:#333; padding-right: 5px; padding-left: 26px; background: url('../gfx/red/ico_carriage.gif') 0 0 no-repeat;} em.no-active{color:#333; padding:0 6px 0 7px; background-image: url('../gfx/ico_no-active.gif');} em.car{padding-left: 24px; background: url('../gfx/red/ico_car.gif') 0 1px no-repeat;} em.hour{color:#333; padding: 0 5px; background-color:#e6e6e6;background-image:url('../gfx/ico_24hour.gif');} em.ask{color:#333; padding: 0 5px; background-color:#e6e6e6;background-image:url('../gfx/ico_ask.gif');} strong.new, strong.action, strong.discount{color:#fff;font-weight:normal;text-align:center;padding:1px 4px 2px 5px;background:#cb1b1b url('../gfx/red/ico_new-b.gif') 0 0 no-repeat;} strong.action{padding:1px 8px 2px 8px;background-image:url('../gfx/red/ico_action-b.gif');} strong.discount{width:38px;background-image:url('../gfx/red/ico_discount-b.gif');} .pdf {padding-left: 18px; background: url('../gfx/ico_acrobat.gif') 0 0 no-repeat;} /* button */ a.buy,a.book,a.conti{color:#fff; text-align:center; text-decoration:none;} a.buy{font-weight:bold; padding: 5px 11px; background:#c20b0b url('../gfx/red/button_buy.png') 0 0 no-repeat;} a:hover.buy,a:hover.book,a:hover.conti{background-color:#dd131b; background-position:-86px 0;} a.book,a.conti{padding: 3px 9px 3px 8px; background:#c20b0b url('../gfx/red/button_book.png') 0 0 no-repeat;} a:hover.book,a:hover.conti{background-position:-138px 0;} button.buy{color:#fff; font-weight:bold; text-align:center; text-decoration:none;padding: 4px 8px !important;background: #c20b0b url('../gfx/red/button_buy.png') 0 0 no-repeat !important;} button:hover.buy{background-color:#dd131b !important; background-position:-86px 0 !important;} button.comm {width: 138px; background:#c20b0b url('../gfx/red/button_book.png') 0 0 no-repeat !important;} button:hover.comm {background-position:-138px 0 !important;} /* rating */ .rating{width:80px;height:6px;background:#ccc;display:block;overflow:hidden; float:none !important;} .rating a{width:14px; height:6px; background:#ccc; border-right:solid 2px #fff; display:block; float:left;} .rating a:hover, .rating a.set{background:#ce1b1b;} /* zaoblene rohy */ .c-01,.c-02,.c-03,.c-04{width:5px;height:5px;position:absolute;top:-1px;left:-1px;z-index:1;background:url('../gfx/grey_c1.gif') 0 0 no-repeat;display:block;} .c-02{margin-left:-4px;left:100%;background:url('../gfx/grey_c2.gif') 100% 0 no-repeat;} .c-03{margin:-4px 0 0 -4px;top:100%;left:100%;background:url('../gfx/grey_c3.gif') 100% 100% no-repeat;} .c-04{margin-top:-4px;top:100%;background:url('../gfx/grey_c4.gif') 0 100% no-repeat;} /* validator */ .validator{margin-bottom:2.0em !important;} .validator h3{color:#cb1b1b;} .validator strong{color:#cb1b1b;} .validator ul{margin-top:0;} .validator li{color:#cb1b1b; font-weight: bold; margin-left:20px; background-image:url('../gfx/bull_red.gif') !important;} /* page ------------------------------------------- */ #page{color:#4d4d4d;font:0.78em Arial,Helvetica,sans-serif,"Calibri";line-height:1.4;width:970px;min-height:100%;margin:auto;position:relative;z-index:1;background:#2f3b3c url('../gfx/page.png') 0 0 repeat-x;} #center-box{padding-bottom: 50px; margin:0 5px; position:relative;} /* header ------------------------------------------- */ #header{height:11.9em; margin:0 5px;margin-left:0;position:relative;background: url('../gfx/header.jpg') 100% 28px no-repeat;} /* logo */ #header h1{width:195px;height:137px;margin:0;position:relative;overflow:hidden;background:url('../gfx/header_h1.jpg') 100% 0 no-repeat;} #header h1 a{color:#000;font-size:2.5em;width:170px;height:40px;padding: 10px 0 0 10px;position:absolute; top:60px; left:7px;display:block;overflow: hidden;} #header h1 a span{width:180px;height:60px;position:absolute;top:-10px;left: 0;z-index:1;background: #fff url('../gfx/logo.png') 50% 50% no-repeat;display:block;cursor:pointer;} /* slogan */ #slogan{color:#a4abab; line-height:1.4; position:absolute; top:5.5em; left:234px; } #slogan strong{color:#fff; font-size:1.5em; margin:0; } /* hlavni sekce - guidepost */ #guidepost{position:absolute;top:0;left:195px;} #guidepost ul{list-style:none;max-width:760px;height:28px;padding:0;padding-right:10px;margin:0;background:url('../gfx/guide.png') 100% 0 no-repeat;} #guidepost li{float:left;} #guidepost li a{color:#fff;text-align:center;position:relative;display:block;} #guidepost li#item-01{width:10.95em;background:#d01d1d url('../gfx/guide_red.png') -137px 0 no-repeat;} #guidepost li#item-02{width:15.1em;background:#467e15 url('../gfx/guide_green.png') -188px 0 no-repeat;} #guidepost li#item-03{width:13.4em;background:#3169a6 url('../gfx/guide_blue.png') -168px 0 no-repeat;} #guidepost li a{font-size:1.1em;font-weight:bold;text-align:center;text-decoration:none;padding:0.5em 0 0.15em 0;display:block;} #guidepost li#item-01 a{color:#fcdddc;background:#d01d1d url('../gfx/guide_red.png') 0 0 no-repeat;} #guidepost li#item-02 a{color:#dfffa8;background:#467e15 url('../gfx/guide_green.png') 0 0 no-repeat;} #guidepost li#item-03 a{color:#cbf5ff;background:#3068a5 url('../gfx/guide_blue.png') 0 0 no-repeat;} #guidepost #item-04 {position: absolute; left: 568px; } #guidepost #item-04 a { width: 202px; background: black; } #guidepost #item-04 a span {width: 213px; background: url(../gfx/guide_yellow.gif) no-repeat; cursor: hand; } #guidepost #item-04 a:hover span { background-position: -213px 0; } #guidepost li a:hover,#guidepost li.set a,#guidepost li strong{color:#fff !important;text-decoration:none;background:none !important;} /* rendering */ #guidepost li span,#guidepost li small{width:10px; height:28px;position:absolute; top:0;z-index:1; /*background:orange;*/ display:block;} #guidepost li span{left:-10px;} #guidepost li small{right:-10px;} #guidepost li#item-01.set a small,#guidepost li#item-01 a:hover small{background:url('../gfx/guide_red-small.png') 0 0 no-repeat;} #guidepost li#item-02.set a span,#guidepost li#item-02 a:hover span{background:url('../gfx/guide_green-span.png') 0 0 no-repeat;} #guidepost li#item-02.set a small,#guidepost li#item-02 a:hover small{background:url('../gfx/guide_green-small.png') 0 0 no-repeat;} #guidepost li#item-03.set a span,#guidepost li#item-03 a:hover span{background:url('../gfx/guide_blue-span.png') 0 0 no-repeat;} #guidepost li#item-03.set a small,#guidepost li#item-03 a:hover small{background:url('../gfx/guide_blue-small.png') 0 0 no-repeat;} /* vyhledavani */ #header form{position:absolute; top:13.9em; left: 3px; z-index: 1;} #header legend{color:#fff; text-transform:lowercase; margin: 0 0 -1px -2px;} #header fieldset,#header input{border:none;} #header input{width: 113px; height:1.3em;} #header button{color:#333;letter-spacing:-1px; height:19px; width: 51px; padding:1px 12px 3px 3px;background:url('../gfx/red/button_search.png') 0 0 no-repeat;} #header button:hover {background-position:-51px 0;} /* volejte zdarma */ #hotline{line-height:1.4; width:164px; height:39px; padding:5px 10px; position:absolute; top:5.2em; right:4px; z-index:1; background:url('../gfx/hotline.png') 0 0 no-repeat; display:block;} #hotline strong{color:#fff;} #hotline big{display:block;} /* nakupni kosik */ #basket{position:absolute;top:9.5em;right:5px;z-index:1;display:block;} #basket a{color:#fff;text-decoration:none;width:168px;min-height:40px;padding:5px 10px;background:#c71515 url('../gfx/red/basket.png') 0 0 no-repeat;display:block;} #basket a:hover{text-decoration:none;background-position:-188px 0;} #basket strong{color:#fff;font-weight:normal;display:block;} /* content ------------------------------------------- */ #content-case{width:753px;min-height: 912px;padding-top:1.4em;padding-right:8px;padding-left:9px;padding-bottom: 10px !important; position:relative;background: #fff url('../gfx/content-case.gif') 0 100% no-repeat;float:right;} #content-case p.perex{font-weight:bold;} #content-case ul{padding-left:0; margin-bottom:1.0em;} #content-case ul li{list-style:none; padding-left:10px; background:url('../gfx/bull.gif') 0 5px no-repeat;} #content-case ul li small {font-weight: normal;} #content-case ul li li{background:url('../gfx/bull-01.gif') 0 6px no-repeat;} #content-case ol{padding-left:20px; margin-bottom:1.0em;} #content-case table{} /*#content-case label{margin-right: 7px;}*/ #content-case input[type="text"]{width: 150px;height:1.4em;} #content-case button{color:#fff;text-decoration:none;padding:2px 12px;background:url('../gfx/red/button.png');} #content-case button:hover, #content-case button.hover{background-position: -70px 0;} #hp-banner img { width: 550px; border: none; margin-bottom: 10px; } #content{width: 100%;position:relative;float:left;} #content h1{font-size:1.4em; line-height: 1.2; margin-bottom: 0.4em; } #content button{padding:2px 9px;} /* drobeckova navigace */ p#crumb strong{font-weight:normal !important;} p#crumb{padding-top:0;padding-right: 180px; padding-bottom:0.4em;border-bottom:solid 1px #ccc;} p#crumb a,p#crumb strong{padding-left:3px;} p#crumb a{padding-right:10px; position: relative; background:#fff url('../gfx/ico_crumb.gif') 100% 50% no-repeat;} p#crumb a.first{padding-left:0;} p#crumb span{position:absolute;top:-2000px;left:-3000px;} /* strankovani */ p.pagging{text-align:right;} /* produkt */ div.article h3 { margin-top: -0.4em;margin-bottom: 0.6em;} /*div.article div { margin-left: 80px; }*/ h3 em.new { font-weight: normal; } div.article img{/*width:80px; height:60px;*/ margin:0 5px 5px 0; border: 0; float:left;} form.to-basket { float: left; padding-top: 6px; } p.avail { padding: 5px; background: #eee;font-weight:bold; } p.avail a strong { color: #cb1b1b; } p.avail.instock {background: #FFED45;font-weight:bold;} p.availability {margin-top: 5px;font-weight:bold; } p.availability span { background: #eee; padding: 5px; } p.availability.instock span {background: #FFED45;} div.article strong{font-size:1.1em; margin-top: 5px; display:block;} div.article p{margin-bottom:0.5em; clear:both;} /* sada produktu */ div.set button{padding:2px 6px !important;} div.set div.article{float:left;} div.set div.last{margin-right: 0 !important;} div.set>small{display:block; clear:both;} /* table list */ .list {/*width:100%; */border:solid 1px #ccc; border-right:0; border-collapse:collapse;} .list tr.odd th, .list tr.odd td{background:#e6e6e6; } .list th{color:#fff; text-align:left; background: #6b7475 !important;} .list th, .list td{padding:0.1em 8px 0 8px; border-right:solid 1px #ccc;} .list td{color:#000;padding-top:0.2em;} .list td button {color: #4d4d4d !important; text-align: center; width: 80px !important; height: 17px !important; padding: 0 !important;background: #dadada url('../gfx/red/button_basket.png') 0 0 no-repeat !important;} .list td button:hover {background-position: -80px 0 !important;} .grid td {border-bottom:solid 1px #ccc;} /* docasne neprodavane */ div.no-active h3 a {color: #898989 !important;} tr.no-active td a.no-active, tr.no-active td strong {color: #898989 !important;} .thcolor th{color:#fff; background: #cb1b1b !important;} /*????? */ .capsule {width: 754px;margin: 20px 0 1.0em 0;clear: both;overflow: auto;} .capsule table {margin-bottom:0;} /* right-col ------------------------------------------- */ #right-col{width:180px;display:block;float:right;} #right-col h2{font-size:1.0em;text-transform: none;padding-top: 0.2em;border-top: none;} /* support */ #right-col div.support img{border:solid 1px #b6b6b6; border:0;float:left; } #right-col div.support p{margin-top: -3px; margin-left:55px;} /* menu ------------------------------------------- */ #menu{width:100%;padding-left:10px;position:absolute;top:-1.7em;left:-5px;background: url('../gfx/menu.png') 0 0 no-repeat;} #menu ul{list-style:none;width: 767px;height:2.3em;padding:0;margin:0;position:relative;background:#ececec url('../gfx/menu-ul.png') 0 100% repeat-x;border-top:solid 1px #b3b3b3;border-bottom:solid 1px #b3b3b3;} #menu li{display:block;float:left;} #menu li a{color:#000;font-weight:bold;text-align:center;text-decoration:none;min-height:18px;padding:7px 14px 4px 14px !important;background:url('../gfx/menu-item.gif') 0 0 no-repeat;display:block;} #menu li a:hover, #menu li.set a{color:#dc1313;text-decoration:none;background-color:#f3f3f3;;background-position:-180px 100%;} #menu li a strong{color:#dc1313;} li#warehouse {float: right;} /* left-col ------------------------------------------- */ #left-col{width:190px; padding-top: 6.5em; margin-bottom: 50px;float:left;} #left-col h3{color:#fff;background:#000;} #left-col h5{color:#333; margin-bottom:0.3em;} #left-col div span{height:5px; background-position:0 100%; background-repeat:no-repeat; display:block; } #left-col p{margin-bottom:0.5em;} #left-col ul{list-style:none; padding:0; margin:0;} #left-col li{padding-bottom:1px;} #left-col li.last{background:none !important;} #left-col li a{text-decoration:none; padding:0.3em 10px 0.3em 19px; display:block;} #left-col li a:hover{text-decoration:none;} /* nabidka */ #left-col #offer{background: #cb1b1b url('../gfx/red/offer_01.gif') 0 0 repeat-y; } #left-col #offer h3{margin:0; padding:0.5em 9px 0.4em 9px; background:#000 url('../gfx/offer-h3.gif') 0 0 no-repeat; } #left-col #offer ul{padding:5px 0; background:url('../gfx/red/offer_02.gif') 100% 100% no-repeat;} #left-col #offer li{background:url('../gfx/red/offer_li.gif') 50% 100% no-repeat;} #left-col #offer a{color:#fff; background:url('../gfx/red/offer_a.gif') 0 50% no-repeat; } #left-col #offer a:hover{color:#000; background-color:#fff; background-position:-190px 50%; } /* levels */ #left-col #offer ul ul{padding:0;background:none;} #left-col #offer li.set, #left-col #offer li.set a{background-image:none;} #left-col #offer li.set-empty a {background-image:none;} /* ds: co to jako je? */ #left-col #offer li strong{color:#fff;} #left-col #offer li a:hover strong{color:#000;} #left-col li li a{padding-top:0.2em; padding-bottom:0.2em;} #left-col #offer li.set>a:hover{background-color:transparent;} #left-col #offer li.set>a:hover strong{color:#fff;} /* 2.level */ #left-col #offer ul ul{background-color:#8e1313;} #left-col #offer li li, #left-col #offer li li.set{background-image: url('../gfx/red/offer_li-dark.gif');} #left-col #offer li.set li a{padding-left:29px;} /* 3.level */ #left-col #offer ul ul ul{background-color:#630d0d;} #left-col #offer li.set li li a{padding-left:39px;} /* slevy - akce */ #left-col #sale{margin:5px 0 15px 0; background:#e6e6e6 url('../gfx/sale_02.gif') 100% 0 repeat-y;} #left-col #sale ul{padding-top:5px; background:url('../gfx/sale_01.gif') 0 0 no-repeat;} #left-col #sale li{background:url('../gfx/sale_li.gif') 50% 100% no-repeat;} #left-col #sale li a{color:#000; background:url('../gfx/red/ico_next.gif') 9px 50% no-repeat;} #left-col #sale li a:hover{background-color:#fdfdfd;} #left-col #sale span{background-image:url('../gfx/sale_03.gif'); } /* info-box */ #left-col #info-box{color:#333; margin-right: 5px; padding:10px 9px 0 9px; background:#e6e6e6 url('../gfx/info_01.gif') 0 0 no-repeat; } #left-col #info-box a{/*color:#333;*/ text-decoration: underline; } #left-col #info-box a:hover{/*color:#333;*/ text-decoration: none;} #left-col #info-box li {background: url('../gfx/kontakt-levy-li.gif') 5px 10px no-repeat; margin-left: -5px;} #left-col #info-box img{margin-bottom:10px; margin-top: 10px;} #left-col #info-box table{margin-bottom:0.5em; } #left-col #info-box td{padding-right:15px;} #left-col #info-box span{margin:0 -9px; background-image:url('../gfx/info_02.gif'); } #left-col table{width: 100%; table-layout: fixed;} #left-col #info-box span{margin:0 -9px; background-image:url('../gfx/info_02.gif'); } #left-col #info-box p.next a{/*color:#cb1b1b !important;background-image:url('../gfx/red/ico_next.gif') !important;*/} #left-col p.banner-logo { text-align: center; margin: 10px 5px 10px 0; } #left-col p.banner-logo img { border: 0 none; } /* footer ------------------------------------------- */ #footer{font-size:0.9em;width:960px;min-height:34px;margin: 0 5px;position:absolute;right:0;bottom:0;background:#c1c1c1 url('../gfx/footer.png') 50% 0 no-repeat; } #footer ul{list-style:none;padding:0;padding-top:9px;margin:0;margin-left:12px;} #footer li.sitemap{position:absolute;top:8px;right:14px;} #footer li.sitemap a{color:#4d4d4d;} #footer a.sitemap{padding-left:17px;margin-left: 10px;background:url('../gfx/red/ico_sitemap.gif') 0 60% no-repeat;} #footer li#actum{color:#ccc;line-height: 1.35;position:absolute;top:-3.1em;left:12px;} #footer li#actum span {display: block;} #footer li#actum a{color:#ccc;text-decoration:none;} #footer li#actum a:hover{text-decoration:underline;} /* css projednotlive stranky -------------------------------------------------------------------- */ /* uvodni strana ------------------------------------------- */ .uvod #content-case {padding-top: 0;position: relative;} .uvod #content-case h1{font-size:1.45em; min-height: 46px;padding:1.9em 8px 0 28px; margin:0; background:#fff;} .uvod #content{width:558px;padding-right: 8px;background: url('../gfx/content.gif') 100% 0 repeat-y;} .uvod p#crumb { display: none;} .uvod p.control{right: 200px;} /* aktuality */ #news{width:344px;padding-left:8px; float:left;overflow: hidden;} #news h2{margin-left:-8px;} #news dd{margin:0; margin-bottom:1.0em; } #news small{font-style:italic;} /* u nas najdete */ div.s-box{color:#333; width:175px; padding:0 12px; margin-left:359px; margin-left:7px; background:#f2f2f2 url('../gfx/box_01b.gif') 0 0 repeat-y; overflow: hidden;} div.s-box h2{color:#000; font-size: 1.0em;text-transform:uppercase; padding:0.3em 0 0.15em 0; margin-bottom: 0.35em; border: none;border-bottom:solid 1px #aaadae; } div.s-box h3{color:#333;margin-bottom:0.1em; } div.s-box a{/*color:#333; */} div.s-box p{margin-bottom:1.0em; } div.s-box span,div.s-box small{height:2px; margin:0 -12px; background:url('../gfx/box_01a.gif') 0 0 no-repeat; display:block;} div.s-box small{background-image:url('../gfx/box_01c.gif'); } /* uvod - sada produktu */ .uvod div.set{margin-bottom:0.8em;background:url('../gfx/set_3-col.gif') 50% 0 repeat-y; } .uvod div.set div.article{width:172px; padding:0; margin-right:21px;} /* sada znacek */ #trade-marks{margin-bottom: 3.5em;position:relative; border:solid 1px #ccd0d1;} #trade-marks h4,#trade-marks p{color:#333; padding:0.4em 10px; margin:0; background:#e6e6e6; display:block; } #trade-marks p{padding-right:8.0em;} #trade-marks p.next{padding:0; position:absolute; right:10px; bottom:0.4em; background:none;} #trade-marks table{width:100%; margin:0;} #trade-marks td{text-align:center; vertical-align:middle; height:50px;} #trade-marks img{border:0;} #trade-marks span.c-01{background-image: url('../gfx/tmarks_c1.gif');} #trade-marks span.c-02{background-image: url('../gfx/tmarks_c2.gif');} #trade-marks span.c-03{background-image: url('../gfx/tmarks_c3.gif');} #trade-marks span.c-04{background-image: url('../gfx/tmarks_c4.gif');} /* right-col */ #right-col div.article img{margin:0 0 5px 5px;float:right;} /* novinky */ #right-col div.article{padding-bottom:0.5em;margin-bottom:0.8em;border-bottom:solid 1px #ccd0d1;} /* akce dne */ #right-col div.article img{margin-left: 0; float: left;} /*#right-col div.article div{margin-left: 85px;}*/ #right-col div.r-box{padding: 0 10px;margin-top:-1.2em;margin-bottom:1.5em;background:url('../gfx/red/box_02b.gif') 0 0 repeat-y;} #right-col div.r-box div.article{padding-bottom:0; margin-bottom:0;border:none;} /*#right-col div.r-box span,*/ #right-col div.r-box div.spacer, #right-col div.r-box div.spacer-top, #right-col div.r-box div.separ-2 {height:10px;margin:0 -10px;background:url('../gfx/red/box_02a.gif') 0 0 no-repeat;display:block;} #right-col div.r-box div.separ-2 { height:4px;background-image:url('../gfx/red/box_02c.gif'); } #right-col div.r-box div.spacer{height: 14px; background-image:url('../gfx/red/box_02d.gif');border:none;} /* control */ .uvod #content-case p.control{margin-right: 198px;} /* detail produktu ------------------------------------------- */ /* content */ .produkt #content-case{padding-top:1.4em;} .produkt #content-case table{margin-bottom: 0.5em;} .produkt #content{width: 567px;margin-bottom:1.0em;} .produkt #content h1 { margin-bottom: 0.25em; } .produkt #content h1 .new { font-weight: normal; font-size: 0.65em; } .produkt p#crumb{padding-right: 0;} /* text-box */ #text-box{width:345px !important;float:right;} #text-box p{margin-bottom:0.5em;} #text-box form p{margin-top: -2.0em;} /*#opinion{padding:0.3em 100px 0.3em 0; position:relative; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; display:block;}*/ #opinion{padding:0.3em 100px 0.3em 0; position:relative; border-top:solid 1px #ccc; display:block;} #opinion span{float: left;} #opinion span.rating{position: relative; top: 0.5em;left: 5px;float: none;} #opinion a.next{position:absolute; top:0.3em; right:0;} #text-box strong{color:#000;} #text-box big{font-size: 1.45em;} #details{width:187px; float:left; overflow:hidden;} /* prasarna by Jirka V. ----------------------------------- */ #calculator {display: block; width: 121px; _width: 133px; color:#333333; padding: 0 6px; line-height: 19px; spacing: 0; border: 0; text-decoration: none; background: transparent url(/gfx/red/button_calculator.png) no-repeat scroll 0pt; cursor: pointer;} #calculator:hover {background-position: -133px;} #calculatorwin { width: 570px; height: 500px; background: #fff; border: 1px solid #888; z-index: 1000; padding: 10px; } span#calculatorcloser { display: block; line-height: 21px; background: url(/gfx/red/close.gif) no-repeat center right; padding-right: 30px; text-align: right; width: 80px; position: absolute; top: 10px; right: 10px; _right: 10px; overflow: hidden; cursor: pointer; } * body span#calculatorcloser { cursor: hand; } #calculatorwin p { padding-right: 80px; position: relative; } #calculatorwin h3 { color: #cb1b1b; margin: 0 0 2px 0; } /* package */ #package { position: relative; z-index: 10; width: 329px; padding: 0 8px; margin-bottom: 0.5em !important; margin-left: -157px !important; background: url('../gfx/red/box_04b.gif') 0 0 repeat-y !important; overflow: hidden; } #package h3{color:#333; padding-bottom:3px; margin-top:0; border-bottom:solid 1px #ccc;} #package p{margin-bottom:0; } #package span,#package pre{height: 10px;margin:0 -8px; background:url('../gfx/red/box_04e.gif') 0 0 no-repeat; display:block; } #package pre{background-image:url('../gfx/red/box_04c.gif'); background-position:0 100%;} /* watchman */ #watchman { position: relative; z-index: 10; width: 329px; padding: 0 8px; margin-bottom: 0.5em !important; margin-left: -157px !important; background: url('../gfx/box_04b.gif') 0 0 repeat-y !important; overflow: hidden; } #watchman h3{color:#333; padding-bottom:3px; margin-top:0; border-bottom:solid 1px #ccc;} #watchman span, #watchman pre{height: 10px;margin:0 -8px; background:url('../gfx/box_04e.gif') 0 0 no-repeat; display:block; } #watchman pre{background-image:url('../gfx/box_04c.gif'); background-position:0 100%;} #watchman .half-left { float: left; width: 155px; } #watchman .half-right { float: right; width: 155px; } /* alternativa */ #alternate{ width: 184px; padding: 0 8px; margin-bottom: 0.5em !important; margin-left: -157px !important; background: url('../gfx/red/box_04b.gif') 0 0 repeat-y !important; overflow: hidden; clear: both; } #alternate h3{color:#333; margin-top: 0.5em;} #alternate b{color:#4d4d4d; padding-bottom:3px; border-bottom:solid 1px #ccc; display: block;} #alternate p{ text-align: right; margin-bottom:0; } #alternate span, #alternate pre{height: 10px;margin:0 -8px; background:url('../gfx/red/box_03e.gif') 0 0 no-repeat; display:block; } #alternate pre{background-image:url('../gfx/red/box_03c.gif'); background-position:0 100%;clear: both;} #alternate em.new{padding: 1px 9px 3px 8px;} #alternate.w345 {width: 329px; margin-left:0;background: url('../gfx/red/box_04b.gif') 0 0 repeat-y;} #alternate.w345 div.article {width:184px; /*margin-right: 16px;*/ float: left;} #alternate.w345 div.right {padding-left: 200px;} #alternate.w345 div.right, #alternate.w345 div.right * {text-align: left !important;} #alternate.w345 div.right ul {padding: 0; margin:0; margin-bottom: -1.0em;} #alternate.w345 div.right li {padding: 0; margin-bottom: 1.0em; background: none;} #alternate.w345 div.right b {margin-top: 0.5em;border: none;} #alternate.w345 span, #alternate.w345 pre {background:url('../gfx/red/box_04e.gif') 0 0 no-repeat;} #alternate.w345 pre {background-image:url('../gfx/red/box_04c.gif'); background-position:0 100%;clear: both;} /* photo-set */ #photo-set{width:210px;} #photo-set img{margin:0;border: solid 1px #fff;} #photo-set img.active{border-color: #cb1b1b;} #photo-set div{margin-bottom:5px; position:relative; } #photo-set div a{text-align: right; text-decoration: none;margin:0; display: block;} #photo-set div img{text-decoration: none;margin:0; margin-top:3px; border:0; display: block;} #photo-set div a span{text-decoration: underline;} #photo-set div a:hover span{text-decoration: none;} #photo-set small{height:12px; background: url('../gfx/spacer.gif') 0 50% repeat-x; display:block;} /* doprava */ p.transit{width:178px; min-height:36px; padding:5px 10px 0 10px; background:#fff url('../gfx/red/carriage.png') 0 0 no-repeat; display:block;} /* popis produktu */ #prod-descr{/*width:570px;*/ width: 100% !important; margin-bottom:1.8em;} #prod-descr .spacer-line{background-position:0 0;} #prod-descr table{width:100%; border:solid 1px #e6e6e6; } #prod-descr tr.even th,#prod-descr tr.even td{background:#e6e6e6; } #prod-descr th{color:#4d4d4d; font-weight:normal; text-align:left; } #prod-descr th,#prod-descr td{padding:0.2em 10px 0.1em 10px;} #prod-descr td{color:#000;} #prod-descr th.caption{text-align: left;font-weight: bold;text-transform: uppercase;background: #b6b6b6 !important;} /* produkt - sada produktu */ /* .produkt div.set{background:url('../gfx/set_3-cola.gif') 50% 0 repeat-y; } .produkt div.set div.article{width:237px;padding:0;margin-right:21px;} */ .produkt div.set{margin-bottom:0.8em; background: url('../gfx/set_4-col.gif') -11px 0 repeat; } /* -11px */ .produkt div.set div.article{width:171px; padding:0; margin-right:21px;} /* vyhodne balicky */ div.pack{padding:0 12px;background:#e6e6e6 url('../gfx/red/pack-box_2.png') 0 0 repeat-y;} div.pack-top,div.pack-bottom{height:5px;margin:0 -12px -2px -12px;background:url('../gfx/red/pack-box_1.png') 0 0 no-repeat;} div.pack-bottom{background-image:url('../gfx/red/pack-box_3.png');clear:both;} div.pack h2{border:none !important;} div.pack div.set{margin-right:-13px !important;background:none !important;} div.pack div.article{margin-right:13px !important;} div.pack div.article img{border: solid 1px #b6b6b6; } div.pack small{background:none !important;} div.pack .half-left{margin:0;} div.pack .half-right{margin:0; float:right;} div.pack .half-left big, div.pack .half-right big{line-height: 2.9; padding: 5px 0; border-top: solid 1px #b6b6b6; border-bottom: solid 1px #b6b6b6;} /* ukazkove snimky --------------------------------- */ #s-notice {font-size: 0.9em; margin-top: -7px; margin-bottom: 1.3em;} #s-notice strong {color: #000;} div.shots {font-size:0.9em; margin-bottom:1.5em; margin-left:52px; background: url('../gfx/shots.gif') 153px 0 repeat-y; } div.shots div{width:122px; padding:155px 7px 0 7px; margin-right:35px; position:relative; background: url('../gfx/shot.png') 0 0 no-repeat; float:left;} div.shots div img{position:absolute; border:solid 1px #595856; } div.shots div a:hover img{border:solid 1px #cb1b1b; } div.shots div.land img{width: 108px; height: 75px; top:34px; left:13px; } div.shots div.port img{width: 75px; height: 108px;top:16px; left:29px; } div.shots p{min-height:2.7em; margin-bottom:5px;} div.shots table{width:100%;} div.shots th{text-align:left;} div.shots td{text-align:right;} div.shots small{width:649px; height:9px; margin-bottom:8px; background: #fff url('../gfx/spacer_2.gif') 0 50% repeat-x; display:block; clear:both;} div.shots small.last{background-image:none;} /* komentare */ #comment p{padding-left:8px; margin-bottom:0.3em; clear:both;} #comment p.underlined{border-bottom: 1px solid #ccc; padding-bottom: 1em;} #comment ul{list-style:none; padding:0.5em 8px 0; margin:0; /*border-top:solid 1px #ccc;*/ border-bottom:solid 1px #ccc;overflow: hidden;} #comment li{padding-left:0 !important;margin-bottom:0em;background: none !important; border-top:solid 1px #ccc; margin-top: 5px;} #comment .narrator {padding-left: 18px; background: url('../gfx/red/ico_comment.gif') 0 2px no-repeat;} #comment li.first {border: 0;} #comment ul ul{padding-left:36px; border:none;} #comment em{margin-bottom:0.2em; display:inline-block;} /* right-col */ .produkt #right-col{width:188px; margin-right:-8px;} .produkt #right-col a{/*color:#333;*/} .produkt #right-col a.next{/*color:#000;*/} .produkt #right-col form{padding-bottom:10px;} .produkt #right-col input{width:87px; height:1.3em;} .produkt #right-col button{color:#333;letter-spacing:-1px; height:1.55em;padding:1px 18px 3px 3px;background:url('../gfx/red/button_send.png') 0 0 no-repeat;} .produkt #right-col button:hover, .produkt #right-col button.hover{background-position:-61px 0;} .produkt #right-col div{margin:0; background:transparent; } .produkt #right-col div.box{padding:0 7px; margin-bottom:5px; background:#e6e6e6; border:solid 1px #b6b6b6; border-right:0; } .produkt #right-col div.box h2{color:#333; padding-bottom:0.3em; margin-bottom: 8px; border-bottom:solid 1px #ccd0d1;} .produkt #right-col div.box span,.produkt #right-col div.box small{height:5px; margin:-1px 0 0 -8px; background:url('../gfx/box_03a.gif') 0 0 no-repeat; display:block;} .produkt #right-col div.box small{margin:-5px 0 -1px -8px; background:url('../gfx/box_03b.gif') 0 100% no-repeat;} .produkt #right-col div.box p span{height:auto; margin:0; background:none; display:inline;} .produkt #right-col p.next{line-height:1.6; padding:10px 10px 0 10px; } .produkt #right-col p.next a{color:#cb1b1b; } /* hodnoceni aaronu */ .plus,.minus{width: 350px !important; min-height:40px; /*background: url('../gfx/ico_plus.png') 0 0 no-repeat;*/} .minus{/*background-image:url('../gfx/ico_minus.png');*/} .plus h2,.minus h2{border: none; clear: none;} /* porovnavac ------------------------------------------- */ #comparator{width:100%; padding-left: 1px; margin-bottom:1.8em; overflow:hidden;} #comparator table{width:100%; table-layout: fixed; border:none; } #comparator tr.even th, #comparator tr.even td{background:#e6e6e6; } #comparator tr.match td{color:#a0a0a0; } #comparator th{color:#4d4d4d; font-weight: bold; text-align:left; text-transform: uppercase; background: #b6b6b6 !important; border-left: solid 1px #e6e6e6; } #comparator th, #comparator td{padding:0.2em 10px 0.1em 10px; border-right: solid 1px #e6e6e6;} /* tohle je co za prasarnu? */ #comparator td{color:#000;} #comparator td.head{border-left: solid 1px #e6e6e6;} #comparator td.space{height: 1.0em; border: none; border-top: solid 1px #e6e6e6 !important;} #comparator td.white{height: 1.0em; border: none; } #comparator td img{border:0;} #comparator td strong{color:#4d4d4d; font-weight: normal;} #comparator td strong.price{font-size:1.1em; font-weight: bold; margin-top: 5px; display:block;} #comparator tr.head td{vertical-align: top;border: 0;} #comparator tr.nob td, #comparator tr.disp td{border:0;} #comparator tr.disp td{padding-top: 1.6em;padding-bottom: 0.5em; border-top: solid 1px #e6e6e6;} #comparator td big{font-size:1.1em; font-weight: bold;} #comparator a.btn{color: #333; text-decoration: none; padding:1px 14px;background: url('../gfx/red/button_remove.png') 0 0 no-repeat;} #comparator a.btn:hover{background-position: -72px 0;} #comparator button{color:#fff !important;width: 70px !important; padding:2px 0 !important;background: #a30400 url('../gfx/red/button.png') 0 0 no-repeat !important;} #comparator button:hover{background-position: -70px 0 !important;} /* kategorie ------------------------------------------- */ /* content */ .kategorie #content-case{padding-top:1.4em;/*padding-bottom: 2.6em !important;*/} .kategorie #content-case div.spacer-line {background-position: 0 100%;} .kategorie #content{width: 567px; min-height:0;} .kategorie p#crumb{padding-right: 0;} /* text-box */ .kategorie #text-box{width:346px; float:right; } .kategorie #text-box p{margin-bottom:0.5em;} .kategorie #text-box strong{color:#000;} /* porovnavac */ .kategorie #content p.s-box, .produkt #content p.s-box{width:551px; padding:0 8px; background:#e6e6e6 url('../gfx/comparator_02.gif') 0 0 repeat-y; display:block;} .kategorie #content p.s-box span,.kategorie #content p.s-box small, .produkt #content p.s-box span,.produkt #content p.s-box small{width:567px; height:10px; margin-left:-8px; background:url('../gfx/comparator_01.gif') 0 0 no-repeat; display:block;} .kategorie #content p.s-box small, .produkt #content p.s-box small{background:url('../gfx/comparator_03.gif') 0 100% no-repeat; display:block;} .kategorie #content p.s-box a, .produkt #content p.s-box a {color: #4d4d4d; text-decoration: none; padding: 2px 15px 2px 7px; margin-left: 15px;background: url('../gfx/red/button_compare.png') 0 0 no-repeat;} .kategorie #content p.s-box a:hover, .produkt #content p.s-box a:hover {/*color: #cb1b1b;*/background-position: -69px 0;} /* dalsi kategorie */ #other-cats {margin-bottom:8px;} #other-cats div{background:#e6e6e6 url('../gfx/other-cats_03.gif') 0 0 repeat-y;} #other-cats ul{list-style:none; padding: 0 5px; margin:0;} #other-cats ul li{padding-right:8px; padding-left: 0;margin-right:6px; background:url('../gfx/other-cats_spacer.gif') 100% 50% no-repeat;float:left;} #other-cats span,#other-cats small{ font-size:5px;height: 5px;background:url('../gfx/other-cats_01.gif') 0 0 no-repeat;display:block;} #other-cats small{ background:url('../gfx/other-cats_02.gif') 0 100% no-repeat;clear:both;} #other-cats a{text-decoration:underline; padding:1px 3px;} #other-cats a:hover{text-decoration:none;} /* znacky */ #brands label{white-space: nowrap; margin-right: 10px;} #brands fieldset strong{width:55px; position:absolute;display:block; overflow:hidden;} #brands div{margin-top:-1.4em; margin-left:60px;} .kategorie #other-cats {width: 550px;float: left; } .kategorie #other-cats div{background-image: url('../gfx/other-cats_03a.gif');} .kategorie #other-cats span {background-image:url('../gfx/other-cats_01a.gif');} .kategorie #other-cats small{ background-image:url('../gfx/other-cats_02a.gif');} .kategorie #brands {width: 550px; float: left; } /* skladova dostupnost */ #dostupnost-form input.txt { width: 200px; } #dostupnost-form textarea { width: 643px; margin-bottom: 5px; } #dostupnost-form button { float: right; width: 138px !important; } #dostupnost-form table { margin-bottom: 0 !important; } .sd-left { float: left; width: 400px; } .sd-right { float: right; width: 320px; } .sd-left h3, .sd-right h3 { font-size: 1.1em; } .sd-left small, .sd-right small {height:12px; background: url('../gfx/spacer.gif') 0 50% repeat-x; display:block; } .sd-left label input { margin-top: 0; } .sd-left img, .sd-right img { margin: 0 0 5px 10px; } /* filtr zobrazeni */ table.selector{width:100%;margin-bottom:17px;background:#e5e5e5;border-bottom:solid 1px #ccc; clear: both;} table.selector td{vertical-align:middle;padding:5px 8px 3px 8px;} table.selector td select{width:120px;height:auto;} table.selector td p{margin:0;} table.selector td button{color:#4d4d4d !important; width:51px !important; padding:0 !important;background:url('../gfx/button_sort.png') 0 0 no-repeat !important;} table.selector td button:hover{/*color:#cb1b1b !important;*/} button#dir{width:25px !important; height:17px !important; padding:0 !important; background: url('../gfx/red/dir.png') 0 0 no-repeat !important;} button#dir:hover, button#dir.hover{background-position: -25px 0 !important;} a#tbl-view{padding:1px 13px 1px 13px; background: url('../gfx/red/button_tbl-view.png') 0 0 no-repeat;} a#tbl-view.tbl{padding:1px 11px 1px 12px;} a#tbl-view:hover{background-position: -130px 0; } p.pagging a.prev{padding:1px 6px 1px 12px; background: url('../gfx/red/button_prev.png') 0 0 no-repeat; } p.pagging a.next{padding:1px 16px 1px 6px; background: url('../gfx/red/button_next.png') 0 0 no-repeat; } a#tbl-view,p.pagging a.prev,p.pagging a.next{color:#4d4d4d; text-decoration:none;} a#tbl-view:hover,p.pagging a.prev:hover,p.pagging a.next:hover{/*color:#cb1b1b;*/ text-decoration:none;} p.pagging a.prev:hover{background-position: -71px 0; } p.pagging a.next:hover{background-position: -49px 0; } /* akce sekce */ .kategorie h2.action{width:506px; margin-bottom:0; margin-top:0; position:relative; top:1.3em;} .kategorie div.action{width:490px; padding:0 8px; margin:-1px 10px 20px 0; position:relative; top:1.3em; background:url('../gfx/red/red-box_01b.gif') 0 0 repeat-y; float:left; } .kategorie div.action div{margin-left:210px;} .kategorie div.action h3{position: relative; top: -3px; margin-bottom: 0.6em;} .kategorie div.action img{/*width:200px; height:162px;*/ margin:0 10px 5px 0; border:0;float:left;} .kategorie div.action strong{font-size: 1.1em;line-height: 2.0;} .kategorie div.action form{float: right;} .kategorie div.action p.next{margin:0;float: right; clear: none;} .kategorie div.action span.box-top, .kategorie div.action span.box-bottom {height: 8px; margin:0 -8px; display:block; background:url('../gfx/red/red-box_01a.gif') 0 0 no-repeat;} .kategorie div.action span.box-bottom {height:4px; display:block; background:url('../gfx/red/red-box_01c.gif') 0 100% no-repeat;clear: both;} .kategorie div.action span.box-top1, .kategorie div.action span.box-bottom1 {height: 8px; margin:0 -8px; display:block; background:url('../gfx/red/red-box_01a.gif') 0 0 no-repeat;} .kategorie div.action span.box-bottom1 {height:4px; display:block; background:url('../gfx/red/red-box_01c.gif') 0 100% no-repeat;clear: both;} .kategorie div.action span.box-top2, .kategorie div.action span.box-bottom2 {height: 8px; margin:0 -8px; display:block; background:url('../gfx/green/red-box_01a.gif') 0 0 no-repeat;} .kategorie div.action span.box-bottom2 {height:4px; display:block; background:url('../gfx/green/red-box_01c.gif') 0 100% no-repeat;clear: both;} .kategorie div.action span.box-top3, .kategorie div.action span.box-bottom3 {height: 8px; margin:0 -8px; display:block; background:url('../gfx/blue/red-box_01a.gif') 0 0 no-repeat;} .kategorie div.action span.box-bottom3 {height:4px; display:block; background:url('../gfx/blue/red-box_01c.gif') 0 100% no-repeat;clear: both;} /* popis produktu */ #prod-descr{width:570px; margin-bottom:1.8em; } #prod-descr .spacer{margin-bottom:1.0em; } /* master */ .kategorie #master{margin-top: -17px;padding-bottom:0; background:none !important;} .kategorie #master div.article{position:relative;top:1.3em;margin-right:-1px !important;margin-bottom:1.3em;} /* kategorie - sada produktu */ .kategorie div.set{background:url('../gfx/set_3-cola.gif') 50% 0 repeat-y;} .kategorie div.set div.article{width:237px;padding:0;margin-right:21px;} .kategorie div.set>small{height:15px; margin-bottom:10px; background:#fff url('../gfx/spacer.gif') 0 50% repeat-x; display:block;clear:both;} .kategorie div.last{margin-right:-1px !important;} .kategorie div.article .flr{clear: none;} .produkt div.set>small{height:15px; margin-bottom:10px; background:#fff url('../gfx/spacer.gif') 0 50% repeat-x; display:block;clear:both;} /* right-col */ .kategorie #right-col{width:188px; margin-right:-8px;} .kategorie #right-col div{margin:0; background:transparent; } .kategorie #right-col div.box{padding:0 7px; margin-bottom:5px; background:#e6e6e6; border:solid 1px #b6b6b6; border-right:0; } .kategorie #right-col div.box h2{color:#333; padding-bottom:0.3em; margin-bottom: 8px; border-bottom:solid 1px #ccd0d1;} .kategorie #right-col div.box span,.kategorie #right-col div.box small{height:5px; margin:-1px 0 0 -8px; background:url('../gfx/box_03a.gif') 0 0 no-repeat; display:block;} .kategorie #right-col div.box small{margin:-5px 0 -1px -8px; background:url('../gfx/box_03b.gif') 0 100% no-repeat;} .kategorie #right-col div.box p span{height:auto; margin:0; background:none; display:inline;} /* nakupujte na splatky */ .kategorie #right-col div.r-box{margin-bottom:10px; background:url('../gfx/red/box_02b.gif') 0 0 repeat-y;} .kategorie #right-col div.r-box p{margin-bottom:5px;} .kategorie #right-col div.r-box div.spacer-top{background:url('../gfx/red/box_02e.gif') 0 0 no-repeat;} .kategorie #right-col div.r-box strong{color:#cb1b1b; background:url('../gfx/red/ico_next.gif') 97% 50% no-repeat; display:block;} .kategorie #right-col div.r-box a{display:block;} /* objednavka ------------------------------------- */ .objednavka #content-case h1{font-size:1.5em; padding:8px 0 6px 0; margin-bottom:20px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; clear:both;} .objednavka p#crumb{padding-right: 0;} /* kroky */ ol.step{width:656px; min-height:7.2em; padding:0; margin:auto; margin-bottom:1.5em; overflow:hidden; background-position: 50% 30px; background-repeat: no-repeat;} ol#s-01{background-image: url('../gfx/step_ul-01.gif');} ol#s-02{background-image: url('../gfx/step_ul-02.gif');} ol#s-03{background-image: url('../gfx/step_ul-03.gif');} ol#s-04{background-image: url('../gfx/step_ul-04.gif');} ol.step li{font-size: 0.9em;font-weight:bold; text-align:center; text-transform:uppercase; width:149px; padding-top:69px; margin-right:20px; position:relative; display:block; float:left;} ol.step li#i-04{margin:0;} ol.step li span{width:59px; height:55px; position:absolute; top:7px; left:45px; background: url('../gfx/red/step_span-01.png') -118px 0 no-repeat; display:block; } ol.step li#i-02 span{background-image:url('../gfx/red/step_span-02.png');} ol.step li#i-03 span{background-image:url('../gfx/red/step_span-03.png');} ol.step li#i-04 span{background-image:url('../gfx/red/step_span-04.png');} ol.step li.set{color:#000; background:url('../gfx/step_li.png') 50% 0 no-repeat; } ol.step li strong{color:#000;} ol.step li.set span{background-position:-59px 0; } ol.step li.past span{background-position:0 0; } .objednavka fieldset td{vertical-align:top; padding:0.3em 8px;} .objednavka fieldset td strong{} .objednavka fieldset td.right{padding-right:20px;} .objednavka fieldset td p{margin-bottom:0.5em;} .objednavka {padding-bottom:2.0em;} .form input[type="text"]{height:1.4em; margin-bottom: 8px; } .objednavka #content-case button{padding:2px 11px;background:url('../gfx/red/button_02.png') 0 0 no-repeat;} .objednavka #content-case button:hover, .objednavka #content-case button.hover{background-position:-160px 0;} .form .box{font-size:1.0em; padding: 8px; margin-bottom:1.0em; position: relative; background:#e6e6e6; border:solid 1px #b6b6b6;} .form .box h3{padding-bottom:0.2em; margin-bottom: 8px; border-bottom:solid 1px #b6b6b6;} .form .box table{margin:0; margin-bottom: -8px;} .form .box td{padding: 0 0 0 0;} .form .box input[type="text"]{font-size:1.0em; width:150px; position: relative; top: 0.35em; border:solid 1px #b3b3b3 !important;} .form .box textarea{width:448px; border:solid 1px #b3b3b3} .form .box button {width: 70px;} .objednavka #content-case button{width:160px; height: 21px; padding-bottom: 5px; padding-right: 0 !important;padding-left: 0 !important;} /* sirka */ .w1{width:70px;} .w2{width:180px;} .w3{width:60px;} .w4{width:450px;} .w5{width:735px;} .w6{width:90px;} .w7{width:100px;} /* padding */ .pl1 { padding-left: 100px !important; } /* validace */ .form .box input.wrong{border:solid 1px #cb1b1b !important;} .form .box td span, span.star{color:#cb1b1b; font-size:15px; font-weight:bold;} /* control */ .objednavka #ctrl-01{position:absolute !important; top:19px !important; right:8px !important;} /* prehled prodavanych znacek ------------------------------------------- */ .znacky #content dt{margin:0 5px 5px 0; display:block; float:left;} .znacky #content dt img{border:0;} /* kosik ------------------------------------------- */ .kosik h2{clear:both;} .kosik p#crumb{padding-right: 0;} tr.footer td{padding-top:10px; padding-bottom: 5px !important; background:#fff;} .kosik td input{width:30px; height:1.3em;} a.remove,a.recast{padding:1px 12px; background: url('../gfx/red/button_remove.png') 0 0 no-repeat; } a.recast{padding:1px 9px;} a.remove,a.recast{color:#4d4d4d; text-decoration:none;} a.remove:hover,a.recast:hover{/*color:#cb1b1b; */ text-decoration:none;background-position: -72px 0;} .kosik a.buy{padding:5px 12px; } .kosik a.conti{padding:3px 13px 3px 14px;} .kosik p.transit{float:left;} .kosik div.set{margin-bottom:0.8em;background:url('../gfx/set_4-col.gif') 50% 0 repeat-y; } .kosik div.set div.article{width:172px; padding:0; margin-right:21px;} .kosik div.set>small{height:15px; margin-bottom:10px; background:#fff url('../gfx/spacer.gif') 0 100% repeat-x; display:block;clear:both;} /* vysledky vyhledavani ------------------------------------------- */ dl.search dd{margin:0; margin-bottom:0.5em; } /* bublinova napoveda ------------------------------------------- */ .hint{padding-right:10px; background: url('../gfx/red/ico_tooltip.gif') 100% 50% no-repeat; cursor: default;} .tooltip{width:350px; padding:10px; background:#fff; border:solid 1px #ccc; display:block;} /* landing page ------------------------------------------- */ #guidepost li em{font-size:1.1em;padding:0.5em 0 0.15em 0;display:block;} .l-page #content-case h1{font-size:1.45em; min-height: 46px;padding:1.9em 8px 0 28px; margin:0; background:#fff;} .l-page #content{width: 100%;} #guidepost li#item-01 em{background:#d01d1d url('../gfx/guide_red.png') 0 0 no-repeat;} #guidepost li#item-02 em{background:#467e15 url('../gfx/guide_green.png') 0 0 no-repeat;} #guidepost li#item-03 em{background:#3068a5 url('../gfx/guide_blue.png') 0 0 no-repeat;} .l-page #menu ul{width: 955px;} /* .l-page #center-box {padding-bottom: 0;background: url('../gfx/center-box.gif') 100% 0 repeat-y;} */ /* thumbnail viewer ------------------------------------------- */ /*#thumbBox{font:0.78em Arial,Helvetica,sans-serif,"Calibri";width:auto; padding:10px 10px 0 10px;position:absolute;left:0;top:0;z-index:10;background:#fff;border:1px solid #ccc;visibility:hidden;cursor:pointer;} #thumbBox .close{color:#3f3f3f;font-size:12px;text-align:right;padding:0;} #thumbBox p{margin-bottom:10px;} #thumbBox p.close a{padding-left:10px;} #thumbImage{background-color:#fff;} #thumbLoading{padding:10px; position:absolute;top:0;z-index:5;visibility:hidden;background:#fff;}*/ /* thumbnail viewer ------------------------------------------- */ #thumbBox{font:0.78em Arial,Helvetica,sans-serif,"Calibri";width:auto; padding:20px 20px 0 20px; position:absolute;left:0;top:0;z-index:10;background:#fff;border:1px solid #ccc; visibility:hidden;width:526px;} #thumbHeader{text-align: center; font-size: 120%;font-weight: bold;margin-bottom:0.5em;} #thumbBox .close{color:#3f3f3f;text-align:right;padding:0;} #thumbBox .close img{border:0} #thumbBox p{margin-bottom:10px;} #thumbClose{cursor:pointer;position: absolute;top:0; right:0;padding:10px;} #thumbBox p.close a{padding-left:10px; cursor:pointer;} #thumbImage {cursor:pointer;height:502px;width:500px;margin:0 auto;} #thumbImageInner{float:left;height:502px;width:500px;line-height:500px;vertical-align:center;} #thumbNext,#thumbPrev {display:none;} #thumbImageInner img{border:1px solid #BABABA;display:inline} #thumbLoading{padding:10px; position:absolute;top:0;z-index:5;visibility:hidden;background:#fff;} #thumbThumbnails {width:100%;} #thumbThumbnails a {border:1px solid #BABABA;float:left;margin:1em 10px 1em 0;} #thumbThumbnails a img{border:0;} #thumbThumbnailCount {text-align: center; font-weight: bold; font-size: 110%; } /*#thumbNext {width:15px; height:100%;float:left; margin-left:1em; border-left:1px solid #764F02; background:#E89A02 url('../gfx/digiobchod/thumbNext.png') left center no-repeat;} #thumbPrev {width:15px; height:100%;float:left; margin-right:1em; border-right:1px solid #764F02; background:#E89A02 url('../gfx/digiobchod/thumbPrev.png') right center no-repeat;} */ /* aktuality */ .news #content div{height:20px;margin:0; background: #fff url('../gfx/spacer.gif') 0 0 repeat-x; display: block;clear: both;} /* tabulka kontakty */ .top { vertical-align: top !important; } .select { border: 1px solid #b3b3b3; width: 130px; } .doruceni { margin-left: 20px; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #page #center-box #right-col .icq2 { vertical-align: middle; float: none; margin: 0; border: 0 none; } /* tab ver.2 */ #page #tab { border-bottom: 1px solid #cb1b1b; padding: 20px 0 0 0; margin: 0 0 1.5em 0; overflow: hidden; } #page #tab li { float: left; height: 38px; width: 93px; padding: 0; position: relative; background: url('../gfx/red/tab.png') no-repeat scroll -1px 0 #f5f5f5; } #page #tab li:hover { background-position: -95px 0; } #page #tab li:hover a { font-weight: bold; } #page #tab li:hover a small.b { display: block; } #page #tab li a { display: block; height: 38px; text-decoration: none; color: #333; } #page #tab li a span { display: block; padding: 3px 5px 0 10px; line-height: 16px; } #page #tab li a strong { display: block; padding: 3px 5px 0 10px; line-height: 16px; color: #fff; } #page #tab li a small { display: block; width: 3px; height: 3px; font-size: 0; line-height: 0; position: absolute; right: -2px; bottom: 0; background: url('../gfx/red/tab_corner.gif') no-repeat 0 0; z-index: 5; } #page #tab li a small.b { left: -3px; right: auto; bottom: 0; background-position: -5px 0; display: none; } #page #tab li.set { background-position: -283px 0; } #page #tab li.set a small { background-position: -3px 0; } #page #tab li.set a small.b { background: #cb1b1b none; left: 0; } /* Product detail ver.2 */ .produkt #content-case { padding: 9px 0; width: 770px; } .produkt #content-case #content { padding: 0 9px; width: auto; margin: 0; } .produkt #content-case #content h1 { margin: 0 185px 8px 0; } #content-case span.prod-fake-box { float: right; display: block; width: 179px; height: 179px; } /* not implmented / used the old one #content-case p.prod-crumbs { margin: 8px 185px 8px 0; line-height: 1.5; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; vertical-align: middle; } #content-case p.prod-crumbs img { vertical-align: middle; margin: 0 3px; } #content-case p.prod-crumbs strong { font-weight: normal; } */ .produkt #content-case p#crumb { margin: 8px 185px 8px 0; } #content-case div.prod-photos { float: left; width: 210px; min-height: 300px; margin: 0 0 10px 0; } #content-case div.prod-photos p { margin: 4px 0; } #content-case div.prod-photos a#thumbnail { text-decoration: none; display: block; } #content-case div.prod-photos a#thumbnail img { display: block; border: 0 none; } #content-case div.prod-photos a#thumbnail span { display: block; text-align: right; margin: 5px 5px 0 0; text-decoration: underline; } #content-case div.prod-photos a#thumbnail:hover span { text-decoration: none; } #content-case div.prod-photos img { border: 1px solid #fff; } #content-case div.prod-photos img.active { border-color: #cb1b1b; } #content-case div.prod-photos div.borders { margin: 4px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 0; } #content-case div.prod-intro { margin: 0 185px 5px 222px; } #content-case div.prod-intro p { margin: 0 0 4px 0; } #content-case div.prod-text { float: left; width: 188px; margin: 0 0 10px 12px; } #content-case div.prod-text p { margin: 0 0 8px 0; } #content-case div.prod-text p big { font-size: 19px; line-height: 1.2; } #content-case div.prod-text form { margin: 15px 0; } #content-case div.prod-text form button { width: 86px; height: 25px; line-height: 25px; font-weight: bold; color: #fff; padding: 0; background: url('../gfx/red/button_buy.png') no-repeat 0 0; } #content-case div.prod-text form button:active, #content-case div.prod-text form button:focus, #content-case div.prod-text form button:hover { background-position: -86px 0; } #content-case div.prod-text p.reserve { width: 137px; height: 21px; line-height: 21px; text-align: center; } #content-case div.prod-text p.reserve a { display: block; height: 21px; line-height: 21px; color: #fff; text-decoration: none; background: url('../gfx/red/button_book.png') no-repeat -1px 0; } #content-case div.prod-text p.reserve a:hover { background-position: -139px 0; } #content-case div.prod-text p a#calculator { margin: 3px 0 0 0; } #content-case div.prod-controls { position: absolute; right: 0; top: 10px; width: 170px; height: 16px; line-height: 16px; z-index: 50; } #content-case div.prod-controls p { margin: 0; line-height: 16px; font-size: 11px; } #content-case div.prod-controls p a { margin: 0 3px; } #content-case div.prod-support { position: absolute; right: 0; top: 31px; width: 188px; height: 140px; overflow: hidden; background: url('../gfx/prod-support.png') no-repeat 0 0; } #content-case div.prod-support h2 { margin: 8px; padding: 0 0 5px 0; border: 0 none; border-bottom: 1px solid #ccc; text-transform: none; font-size: 13px; line-height: 1.2; } #content-case div.prod-support p { margin: 8px; } #content-case div.prod-support p img { float: left; margin: 0 8px 20px 0; } #content-case div.prod-support p img.icq2 { float: none; margin: 0; vertical-align: middle; font-size: 9px; line-height: 1; } #content-case div.prod-extra { margin: 0 -9px 10px 416px; } #content-case div.prod-extra div.west { float: left; width: 155px; overflow: hidden; } #content-case div.prod-extra div.east { float: right; width: 155px; overflow: hidden; } #content-case div.prod-extra div.foot { position: absolute; bottom: 0; left: 0; height: 5px; width: 345px; font-size: 0; line-height: 0; } #content-case div.prod-extra ul { list-style: square outside; color: #c11; } #content-case div.prod-extra ul li { list-style: square outside; margin: 0 0 3px 2em; padding: 0; background: none; } #content-case div.prod-extra ul li span { color: #444; } #content-case div.prod-watch, #content-case div.prod-alter, #content-case div.prod-packg { overflow: hidden; position: relative; padding: 10px 10px 1px 10px; margin: 0 0 5px 0; } #content-case div.prod-packg p, #content-case div.prod-packg ul { margin: 0 0 8px 0; } #content-case div.prod-watch { background: url('../gfx/prod-watch-1.png') no-repeat 0 0; } #content-case div.prod-watch h3 { border-bottom: 1px solid #ccc; padding: 0 0 3px 0; margin: 0 0 4px 0; } #content-case div.prod-watch p, #content-case div.prod-watch form { margin: 0 0 12px 0; } #content-case div.prod-watch div.foot { background: url('../gfx/prod-watch-2.png') no-repeat 0 0; } #content-case div.prod-watch form input { width: 82px; height: auto; padding: 2px 1px 1px 1px; font-size: 11px; } #content-case div.prod-watch form button { width: 60px; height: 19px; line-height: 19px; color: #000; font-size: 11px; padding: 0; background: url('../gfx/red/button_send.png') no-repeat 0 0; } #content-case div.prod-watch form button span { display: block; padding: 0 10px 0 0; text-align: center; } #content-case div.prod-watch form button:active, #content-case div.prod-watch form button:focus, #content-case div.prod-watch form button:hover { background-position: -61px 0; } #content-case div.prod-alter, #content-case div.prod-packg { background: url('../gfx/red/prod-alter-1.png') no-repeat 0 0; } #content-case div.prod-alter p, #content-case div.prod-alter ul { margin: 0 0 12px 0; } #content-case div.prod-alter p.head-ln { border-bottom: 1px solid #ccc; padding: 0 0 3px 0; margin: 0 0 4px 0; } #content-case div.prod-alter div.foot, #content-case div.prod-packg div.foot { background: url('../gfx/red/prod-alter-2.png') no-repeat 0 0; } #content-case div.prod-alter div.west p { margin: 0 0 12px 85px; } #content-case div.prod-alter div.west p.img { float: left; margin: 0 0 12px 0; width: 80px; } #content-case div.prod-alter div.west p.img img { border: 0 none; } #content-case div.prod-alter div.west p strong { display: block; margin: 5px 0 0 0; font-size: 15px; } #content-case div.prod-alter div.east p { margin: 0 0 5px 0; } div.clear, div.clear-r, div.clear-l { clear: both; height: 1px; font-size: 0; line-height: 0; margin: 0 0 -1px 0; } div.clear-r { clear: right; } div.clear-l { clear: left; } .clear { clear: both; } .nocss { position: absolute; left: -1000px; top: -1000px; } .alc { text-align: center; } .alr { text-align: right; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* Opera OMG fix */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { a.book,a.conti{padding: 2px 6px 3px 6px; } button.buy{padding: 4px 7px 5px 6px !important; } a#tbl-view{padding:1px 8px 1px 8px !important;} a.remove,a.recast{padding:0px 11px 2px 11px;} .kosik a.buy{padding:5px 9px 4px 8px; } #comparator a.btn{padding:0px 12px 2px 12px;} #menu{font-size:0.95em;} #guidepost li#item-01{width:137px; } #guidepost li#item-02{width:168px; } #guidepost li#item-03{width:168px; } } /** dostupnost */ div.store div.collapse2 div.images {margin:0;margin-left:210px;min-height:110px;width:110px;} div.store div.collapse2 div.info {float:left; width:210px;} div.store div.header {margin-right:110px;}