#nazory .entry {border-radius:4px;-moz-border-radius:4px} /*#bannerindex a span#bannermain,#bannerindex #bannertext,#bannerindex #bannerimage,.bannertext2 span,span.bannercena,h1, ol#controls li a,#tags,.vypisproduktu .itemThumbnail_01,.vypisproduktu .itemThumbnail_02,#bannerindex2 a, #bannerindex a {border-radius:4px;-moz-border-radius:4px} #bannerindex2 h2 span, h2.dopor span{border-top-right-radius: 4px; -moz-border-radius-topright: 4px;border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;} *//* ----- KONSTANTY ------ */ .clr, .clear {clear: both; height: 0; font-size: 0; margin: 0;display: block } .nodisplay, .hidden {display: none} fieldset {border: 1px solid #E3E3E3; margin: 0.2em 0 0.9em; padding: 0.9em 10px} legend { padding: 3px 10px 5px;font-size: 110%; font-weight: bold; border: 1px solid #E3E3E3;border-top: 1px solid #E3E3E3; background: #fff ;margin: 0 2px 10px} .floatright {float: right} /* ----- NADPISY ------ */ h1 {font-size: 210%; margin: 0.5em 0 0.2em; padding: 4px 0px; font-weight: bold; /*background:#DFDFDF*/ } h2 {font-size: 170%; margin: 0.5em 0 0.2em; padding: 0px 0px; } h3 {font-size: 140%; margin: 0.4em 0 0.2em; padding: 0px 0px; } h2, h3#akce, h2#produktyvse {font-size: 130%; margin: 1em 0.6em 0.5em 0; padding: 2px 0; } h5,h6 {font-size: 110%; margin: 0.3em 0 0.4em; padding: 0; font-weight: bold } #contentleft h2 ,#contentleft h3 { } #contentleft h2 span,#contentleft h3 span {color: #333; } #contentleft div#documenttext p {margin: 0.2em 0 1em; padding: 0} h2#h2heureka {background: url("./../images/img_design2/h2heureka.gif") left center no-repeat; } #textindex h2 {padding-left: 0 !important} #textindex ul {margin: 0; padding: 0} #textindex ul li {display: inline; list-style: none} /* ----- BODY --------*/ body {font:75% Tahoma,Arial, sans-serif; _font-size: 0.7em; color: #333; line-height: 1.5; text-align: center; padding:0; margin:0;position: relative} #wrapper,.pageBottom,.pageBottom2,.partneri {background: #fff;width: 939px;margin: 0 auto; padding: 0 5px; position: relative; text-align: left;border: 1px solid #fff } #head {position: absolute; top: 0px; left: auto; text-align: center; width: 939px } /* ----- HEADER -------*/ a#logo {width:274px;height:64px;float: left; text-decoration: none; padding:0;margin:18px 15px 25px 25px;_margin-left:15px;display: block; } a#logo span, a#logo strong {display:none;} #topkosik, #topinfolinka {margin: 30px 0px 0px 0;padding: 10x 10px 10px 55px; float: right; width: 145px;text-align: left; position: relative; } #topkosik {width: 155px;font-size: 12px; background: /*#ECECEC*/#EFEEED url("./../images/img_design2/kosik-poz.gif") 40px center no-repeat;padding: 10px 10px 10px 90px; border: 0px solid #F4F3F3} #h5kosik {margin: 0; padding: 2px 0 2px} .zobrazkosik {position: relative; } .zobrazkosik span {color: #ccc; font-weight: normal} #obsahKosiku{display : none; position : absolute; top : 79px; right : 90px;z-index: 999; background: url('./../images/img_design2/obsahkosiku.gif') right top no-repeat; padding-top: 28px;} #obsahKosiku table {border-collapse: collapse; border : 5px #535252 solid; background: #fff;text-align: left} #obsahKosiku table td{padding: 6px 8px;border: 1px solid #F7F6F6;white-space: nowrap;} #topinfolinka {background: url("./../images/img_design2/infolinka.png") 5px center no-repeat; line-height: 1.25;font-weight: normal;padding-left: 40px !important } #topinfolinka span {font-size: 22px; color: #B2B1B1 !important} #topinfolinka em {font-size: 48%; font-style: normal;font-weight: normal; display: block } /* ----- PRUH1 -------*/ #pruh1 {padding: 4px 0px 4px 20px; color: #999; text-align: right; float: right; font-size: 90%; position: absolute; top: 0; right: 0; background: url("./../images/img_design2/icon-user.gif") left center no-repeat; z-index:999 } #pruh1 span {color: #ccc} /* ----- PRUH2 -------*/ #pruh2 {padding: 8px 15px; margin: 0 0 6px; width: 909px; _width: 909px; position: relative;z-index:998; font-size: 12px; text-align: left; } #pruh2 ul {float: left; position: relative;} #pruh2 ul a {display: block; float: left; padding: 7px 8px; margin: 4px} #pruh2 form a { padding: 5px 0px 5px 20px; margin: 4px 0px; } #menutop {position: relative; margin:0; padding: 3px 0 0 !important; z-index: 998;} #menutop li {float: left; position: relative; list-style: none; padding: 0; margin: 0;} #menutop li a {padding: 6px 10px 6px 20px; display: block; margin: 0; font-size: 110%} #menutop li li {float: none; padding: 0;position: relative; z-index:999 } #areamoreinfo {display:none;position:absolute;top:2.4em; left: 0; margin:0;padding: 0;width:212px;_width:180px; z-index:999;} .areamoreinfoNew {display:none;position:absolute;top:2.4em; left: 0;margin:0;padding: 0;width:212px;_width:180px; z-index:999;} #menutop li ul {position: relative; padding:0; margin: 0px; z-index:999; } #menutopactiv {position: relative; z-index:999; } #moreinfo_in ul, #moreinfo_in li {margin: 0; padding: 0; position: relative; z-index:999} ul#moreinfo_in a {display: block; width: 172px;_width: 100%;margin: 0; padding: 5px 20px; float: none;position: relative; } #pruh2 form {border: 3px solid #3b3b3b; margin: 0px 5px 0 0px; vertical-align: middle; padding:0; width: 300px; position: relative; background:#fff; float: right } #pruh2 #formhledat {} #pruh2 form div {margin: 0; padding:0; display: inline; } #pruh2 a.linkUser {padding-left: 8px; vertical-align: middle; } #pruh2 #searchinput, #showEmail {padding: 6px 2px 6px 27px;_padding: 3px 2px 3px 27px; vertical-align: middle; width: 190px;background: url('./../images/img_design2/headsearch.gif') 5px 50% no-repeat; color: #666;border: 0px solid #fff;} #pruh2 #formSubmit {vertical-align: middle;padding: 5px 20px;_padding: 4px; width: 81px; margin: 0;color: #fff; border: 1px solid #c94b3a; /*border-right: 1px solid #700101;border-bottom: 1px solid #700101; */background: #D30A0A /*url('./../images/img_design2/submit-poz2.png') left top repeat-x; */} input#showEmail {width: 155px;_width: 110px; background: #fff url('./../images/img_design2/showemail.gif') 3px 50% no-repeat;} #pruh2 div.clr {height: 0px; font-size: 0; margin: -4px 0 0;} #vern {position: relative} #vern span {position: absolute; right: 2px; top: -7px; background: #D30A0A; color: #fff; font-size: 60%; padding: 0px 2px; font-weight: bold} /* ------- CONTENT -------- */ #bannertop {margin: 0 0 3px} #bannertop img {border: 0} .pageContent {padding-top:0.5em; margin-top: 163px /*195px*/ ; position:relative;width: 100%;padding-bottom:5px} div.content {float: right; width: 732px;_position: relative; _z-index:1; /*width: 78%;_width: 77%; */padding: 0 0 1em; } #contentleft {float: left; width: 538px; padding: 0.3em 15px 0.3em; } #contentleft2 {padding: 0.3em 15px 0.3em; } .drops {font-size: 90%; margin: 0 0 0.1em; padding: 0.2em 0 0; color: #666} #contenttop p, .seznamkategorii ul { margin:0.1em 0.2em 10px 0.4em; padding: 0; } p#indextoptextp{ margin:0.1em 1.5em 2.5em 0; padding: 0 0 0 55px;background: url("./../images/img_design2/ok.gif") 10px top no-repeat; } p#indextoptextp strong { display: block; } #indextoptextpa {margin: 0em 0em 1.4em 40px;text-align: left } #indextoptextpa a {} .akcnip {padding: 10px 12px; margin-bottom: 0} div#documenttext { margin:0.2em 0; padding: 0; } div#documenttext img { margin:0 10px 10px; padding: 0; } #tags {margin: 1.5em 0 ; padding: 7px 8px 7px 60px;} #tags h2 {font-size: 100%; margin: 0; padding: 4px 0px 0; font-weight: bold; display: inline} #tags span {padding: 0 0px 4px} #tags a {margin: 2px 4px 2px 0; } #tags a.t1 {font-size: 90%} #tags a.t2 {font-size: 100%} #tags a.t3 {font-size: 120%} #tags a.t4 {font-size: 130%} #procunas {background: #F9F8F8; padding: 7px 15px; margin: 0.5em 0; color: #666; } #procunas h3 {margin: 0; padding: 0} #procunas ol {margin-top: 7px; padding-top: 0} #procunas span {text-transform:lowercase; color: #666 !important} /* HEUREKA */ div.heureka {border-top: 1px solid #F0EDED; padding: 9px 0; margin: 5px 0; } .heurekaleft {float: right; margin: 0 0 0 15px; color:#999; font-size: 90%; background:#F0EDED} .heureka strong {background: url( "./../images/img_design2/heurekauser.png" ) left top no-repeat; padding-left: 20px; } .heurekaplus {background: url("./../images/img_design2/heurekaplus.gif") 4px 4px no-repeat; margin-top: 4px; padding: 1px 0 1px 20px; color: #539B15 } .heurekaminus {background: url("./../images/img_design2/heurekaminus.gif") 4px 4px no-repeat; margin-top: 4px;padding: 1px 0 1px 20px; color: #D52222 } .heureka div em {font-style: normal; display: block; padding: 4px 0} .heureka div {margin: 5px 0} img.imgleft {float: left; display: block; padding: 2px; background: #fff; border: 1px solid #eee; margin: 3px 10px 10px 0} /* ---- SLIDER INDEX ---- */ #feature_list h1 ,#feature_list h2 ,#feature_list h3 { margin: 0; padding: 0px 0 4px 0; font-size: 12px; text-transform: uppercase; } div#feature_list { height: 200px; overflow: hidden; position: relative; background: #FFDB4C; margin-bottom: 1px } div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; } ul#tabs { left: 0; z-index: 2; width: 200px; } ul#tabs li { font-size: 12px; } ul#tabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; } ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 13px 30px 13px 15px; margin-bottom: 1px; outline: none; background: url('/media/images/img_design2/feature-tab-current2.png') left center; } ul#tabs li#tabs3 a { margin-bottom: 0px; } ul#tabs li a:hover { text-decoration: underline; } ul#tabs li a.current { background: url('/media/images/img_design2/feature-tab-current.png') left center; color: #FFF; } ul#tabs li a.current:hover { text-decoration: none; cursor: default; } ul#output { right: 0; width: 565px; height: 200px; position: relative; } ul#output li#proc, ul#output li.akcniprodukt { position: absolute; width: 564px; height: 200px; } ul#output li a.product { position: absolute; bottom: 0px; right: 0px; padding: 0px; text-decoration: none; font-size: 11px; color: #FFF; } ul#output li a.product:hover { } .akcniprodukt a { display: block; width: 563px; height: 200px; background: #FFDB4C; color: #333 !important; font-size: 120% !important; position: relative } .akcniprodukt strong#nazev { font-size: 130%; display: block; margin: 15px 20px 10px 45px; } .akcniprodukt img { float: left; width: 140px; height: 115px; padding: 3px; background: #fff; border: 2px solid #ffcc00; display: block; margin: 5px 20px 5px 45px; } .akcniprodukt span{ color: #333 !important } .akcniprodukt span#text { display: block; font-weight: bold; margin: 8px 20px 0px 0px; min-height: 2em; color: #333 !important } .akcniprodukt span#cena{ display: block; float: right; width: 328px; margin: 8px 20px 10px 0px; color: #333 !important; font-size: 90% } .akcniprodukt span.left{ display: block; float: left; clear: left; width: 80px; color: #333 !important } .akcniprodukt span.right{ display: block; float: right; clear: right; width: 238px; color: #333 !important } .akcniprodukt span.akcnicena{ display: block; padding-top: 5px !important; color: #333 !important; font-weight: bold; clear: right; } .akcniprodukt span.akcnicena strong{ font-size: 140%; color: red !important } .akcniprodukt span.sleva{ font-size: 120%; color: #fff !important; background: url('/media/images/img_design2/sleva-poz.png') left bottom no-repeat; padding: 4px 8px 12px; position: absolute; top: 75px; left: 35px; text-shadow: 0px 0px 2px #9e4002; } .akcniprodukt span#button,#proc a.button{ color: #fff !important; background: #333 url('./../images/img_design2/detail.gif') 7px center no-repeat; padding: 4px 15px 4px 30px; position: absolute; bottom: 15px; right: 15px; text-shadow: 0px 1px 1px #000; border: 1px solid #FFEB9D; border-right: 1px solid #000; border-bottom: 1px solid #000 } #proc { display: block; width: 563px; height: 200px; background: #FFDB4C; color: #333 !important; font-size: 120% !important; position: relative } #proc h2 , #proc p { margin: 15px 30px; z-index: 999 !important; } #proc h2 { margin: 15px 30px 10px; font-size: 130%; z-index: 999 !important; } #proc p { margin: 0px 30px; padding: 2px 0 2px 28px; z-index: 999 !important; background: url('./../images/img_design2/proc-poz.gif') 8px 9px no-repeat; } #proc p strong { color: red } /* ---- BANNER INDEX ---- */ #bannerindex {margin-top: 1.5em; } #bannerindex h2 {margin-top: 0em;} #bannerindex a {text-decoration: none !important;display: block; background: #fae5a4 /*#FBDB5D#fcf3d1 #FE6801*/ url( "./../images/img_design2/bannertop-poz.jpg" ) right top no-repeat; width: 100%; border: 0px solid #FE6801;color: #fff; position: relative} #bannerindex a:hover {background:#161616 url( "./../images/img_design2/bannertop-poz2.jpg" ) right top no-repeat; color:#fff} #bannerindex a span#bannermain {background: url( "./../images/img_design2/bannerindex-poz3.gif" ) left top no-repeat;display: block; padding:12px; width: 100%; _width: 680px} #bannerindex #maintext {float: left; width: 305px;_width: 300px display: block; margin-left: 30px;margin-right: 15px; color: #4f2000; position: relative} #bannerindex #maintext strong {display: block; font-size: 190%; text-decoration: none !important;margin-bottom: 8px; margin-top: 5px; cursor: hand; color: #000 !important} #bannerindex #maintext em {display: block; font-size: 160%; font-style: normal; font-weight: normal; margin: 0px 0 2px; cursor: hand; color: #333} #bannerindex a:hover #maintext em {color: #fff} #bannerindex #bannerimage {float: left; z-index: 997;background: #fff; display: block; width: 130px; position: relative; padding: 6px; } #bannerindex img {float: left; border: 0px solid #fff; margin: 0px 20px 0px 0px; width: 130px; height: 107px; position: relative} #bannerindex a:hover img {border: 0px solid #fae078;} #bannerindex #bannertext {float: left; background: url("./../images/img_design2/akecena-poz.png"); z-index: 998; display: block;margin-left: -25px;margin-top:8px; color: #333; width: 160px; position: relative; padding: 6px 14px; } #bannerindex #bannertext .left {float: left; clear: left; width: 70px; position: relative; } #bannerindex #bannertext .right {float: right; clear: right; width: 90px; position: relative; text-align: right} #bannerindex #bannertext .akcnicena {display: block; font-size: 140%; clear: left; padding-top: 5px; color: #D30A0A} #bannerindex #bannertext .akcnicena em {display: block; font-size: 80%;font-style: normal} #bannerindex #bannertext .akcnicena span { font-size: 80%; color: #333;font-style: normal} #indexbanner a {} #indexbanner img {border: 0; width: 700px; height: 144px;} /*.bannertext {display: block; padding: 3px 10px;text-decoration: none !important; height: 6.8em; cursor: hand} */.bannersleva {display: block; position: absolute; top: -1px; right: -1px;_top: -1px;_right: 30px;width: 76px; height: 76px; cursor: hand; background: url("./../images/img_design2/bannersleva.png") left bottom repeat-x; text-indent: -5000px; z-index: 999} #bannerindex a #dokosiku {display: block; position: absolute; bottom: 10px; right:340px;width: 110px; height: 28px; cursor: hand; background: url("./../images/img_design2/bannerdokosiku.png") left top repeat-x; text-indent: -5000px; } #bannerindex a:hover #dokosiku { background: url("./../images/img_design2/bannerdokosiku.png") left bottom repeat-x; } .vypisproduktu li .bannersleva, #produktimg .bannersleva {position: absolute; top: -3px; right: -2px;_top: -2px; _right: 9px;} .vypisproduktu li .bannersleva {_top: -2px; _right: -2px;} .bannersleva em {display:none;} .bannersleva3 {display: block; position: absolute; top: -4px; left: 350px; z-index:999; width: 73px; height: 58px; padding: 15px 0 0; background:url("./../images/img_design2/sleva.png") left bottom repeat-x; color: #fff; font-size: 165%; font-weight: bold; text-align: center; text-decoration: none; } .bannersleva3 em {font-size: 65%; font-weight: normal; font-style: normal; display: block; margin: 0px auto -5px} span.bannercena/*,.bannertext2 span*/ {display: block; color: #333; background: url("./../images/img_design2/akecena-poz.png"); position: absolute; padding: 6px 10px; bottom: 14px; left: 60px; z-index: 999} .bannertext2 span {display: block; color: #333; position: absolute; padding: 2px 0px; bottom: 14px; left: 105px; z-index: 999} .bannertext {color: #5F3300; text-decoration: none; font-size: 100%} .bannercena strong {color: #fff; display: inline;text-decoration: none;font-size: 120%;margin-top: 0 } .bannercena strong.akcnicena {color: #fff; text-decoration: none; font-size: 115%; padding-left: 0px;padding-top: 4px; } span.bannercena span, .bannercena strong span {color: #fff} .bannercena strong span {color: #fff; } #bannerindex2 a, #bannerIndex3 a {display: block; float: left; width: 344px; background: #F9F8F8 /*url( "./../images/img_design2/bannerindex2-poz.png" ) left bottom repeat-x*/; border: 2px solid #F9F8F8; color: #333; text-decoration: none; position: relative} #bannerindex2 a:hover, #bannerIndex3 a:hover {border: 2px solid #ccc;} #bannerindex2 p a {text-decoration: underline; display: inline !important; border: 0 !important; float: none; width: auto; background: none;} #bannerindex2 h2, h2.dopor,#slid h3,h3#showHomeNews,h3#h2heureka,.cattop h2, h2#produktyvse {color: #333;margin: 1.5em 0 1em; border-bottom:1px solid #DBDBDB; font-weight: bold !important; padding-bottom: 4px; /*text-transform:uppercase;*/ font-size: 125% !important} h2.dopor {margin: 1.5em 0 1em;} #bannerindex2 h2 span, h2.dopor span,#slid h3 span,h3#showHomeNews span,h3#h2heureka span,.cattop h2 span,h2#produktyvse span {padding: 3px 15px 7px; border-top: 3px solid #dddbdb; background: #DBDBDB; color: #333} #bannerindex2 h2 em, h2.dopor em {color: #D30A0A; font-style: normal} #bannerindex2 img, #bannerIndex3 img {float: left; border: 1px solid #E8E8E8; margin: 8px 10px 8px 8px; width: 92px; height: 75px} .bannertext2 {display: block; padding: 6px;padding-left: 74px;text-decoration: none} .bannertext2 strong {display: block; font-size: 120%; height: 3.5em; } .bannertext2 span {display: block; font-size: 100%; /* font-weight: bold;*/padding: 4px 8px; } #bannerindex p,#bannerindex2 p, #bannerIndex3 p {display: inline; margin: 0; padding: 0} .bannersleva2 {display: block; position: absolute; top: -3px; right: -4px;width: 80px; height: 46px; background: url("./../images/img_design2/bannersleva2.png") left bottom repeat-x; text-indent: -5000px; } .bannersleva22 {display: block; position: absolute; top: -3px; left: -4px;width: 55px; height: 55px; background: url("./../images/img_design2/icon-darek.png") left bottom repeat-x; text-indent: -5000px; } .bannersleva8 {display: block; position: absolute; top: -4px; left: -4px;width: 50px; height: 50px; background: url("./../images/img_design2/dopravafree.png") left bottom repeat-x; text-indent: -5000px; } #bannerindex2 a.itemThumbnail_01 {margin: 0 5px 5px 0; clear: left} #bannerindex2 a.itemThumbnail_02 {margin: 0 0 5px 0;} #indexakcni li div.box_text p, #indexakcni3 li a span p{padding: 0; margin: 0;text-decoration: none; } .vyhodny {display: block; background: url("./../images/img_design2/icon-sleva.png"); text-indent: -5000px; position: absolute;float: left; top: -1px; left: -1px; height: 55px; width: 55px; font-size: 0; padding: 0; cursor: hand; z-index: 97; } .vyhodny a, .bannersleva a, .bannersleva2 a {display: block} #banner a img {width: 538px; height: 113px; border: 1px solid #fed8bf; display: block; padding: 1px; background: #fff} #banner2 a img {width: 538px; height: 36px; border: 1px solid #ccc} #banner a:hover img,#banner2 a:hover img {border: 1px solid #FE6801} .askryt {text-align: right; width: 100% !important; padding: 3px 0 0} #bannerindex2 a.skryt, #indexakcni a.skryt {background: url("./../images/img_design2/sipka-red.gif") left center no-repeat; padding: 4px 0 4px 10px; border: 0 !important; float: none !important;width: auto !important; display: inline !important;} #bannerindex2 a.skryt:hover {text-decoration: none !important} #nazory .post,#kde div {float: left; width: 229px; margin: 0 5px 5px 0; color: #666 } #nazory .entry {background: #F2F2F3; padding: 11px 17px 16px; /*min-height: 12em*/ } #nazory .entry p {padding:0; margin: 0} #nazory .entry em {font-style: normal} #nazory .entry-meta {padding:11px 0 0 45px; margin: 0;font-size: 90%; background: url('./../images/img_design2/nazory-poz.gif') 10px top no-repeat } /* VYPIS PRODUKTU */ #contentleft div.category {margin: 0 0 1em; padding: 0;} #contentleft div.category h2 {margin: 0 0 0.2em; padding: 0; font-size: 110%; font-weight: bold} #contentleft div.category h3 {margin: 0 0 0.1em; padding: 0; font-size: 100%; font-weight: bold} #contentleft div.category p, #contentleft div.category ul {margin-top: 0.1em ; margin-bottom:0.3em;} #vypisinfo {border: 1px solid #EEEEEE; padding: 1px; margin: 1em 0 0} #vyrobci {background: #F9F8F8;padding: 5px 10px 5px;margin: 0; clear: both} #vyrobci ul {margin: 0; padding: 0;display: inline; clear: both;} #vyrobci li {margin: 0; padding: 0;white-space: nowrap; width: 113px; float: left; list-style: none; margin-right: 15px; } #vyrobci li input {display: inline;} #vyrobci form {padding: 0; margin: 0;} #vyrobci form .clear{margin-bottom: 8px;} ul.vypisproduktu, ul.vypisproduktu2 {margin: 0; padding: 0; list-style: none; clear: both; } .vypisproduktu li, .vypisproduktu div.akcni {margin: 0; padding: 2px; margin: 0 5px 5px 0;border: 1px solid #E8E8E8; float: left; width: 222px /*342px*/; position: relative; background: #fff } .vypisproduktu .itemThumbnail_01 { /*clear: left*/} .vypisproduktu .itemThumbnail_02 {/*float: right; margin: 0 0 5px 0;*/} div.demo .vypisproduktu li {margin: 0; padding: 2px; border: 1px solid #E3E3E3; float: left; width: 210px; position: relative; background: #fff } div#demo3 .vypisproduktu li {width: 223px; } div.demo .vypisproduktu .itemThumbnail_01 {margin: 0 5px 5px 0; clear: none} div.demo .vypisproduktu .itemThumbnail_02 {float: left; margin: 0 5px 5px 0;} form#formProducts {position: relative; margin: 1.4em 0;_border: 1px solid #fff } #seznamkategorii2 {margin: 14px 0 0; padding: 9px 0 2px; border: 0; border-top: 1px solid #EEEEEE; background: none} .seznamkategorii ul {list-style: none; margin: 0; padding: 0; } div.seznamkategorii li {display: inline; background: none} .seznamkategorii li a {white-space: nowrap; font-weight: bold; display: block; float: left;padding: 2px 5px 3px 22px; margin-right: 10px;background: url( "./../images/img_design2/icon_categories.gif" ) left center no-repeat; } .seznamkategorii h2, .seznamkategorii h3 {font-size: 110%;padding: 0; padding-left: 0; padding-bottom: 5px; margin: 0; font-weight: bold} .seznamkategoriii {margin: 10px 0; padding-bottom: 4px;border: 1px solid #EEEEEE;border-top: 2px solid #EEEEEE; background: #f0f5fa} .seznamkategoriii h2, .seznamkategorii h3 {font-size: 110%; padding-left: 12px; padding-bottom: 5px;} .seznamkategoriii ul {list-style: none; margin: 0 1em 0px 1em; padding: 0} div.seznamkategoriii li { display: inline; background: none; } .seznamkategoriii li a {white-space: nowrap; background: url( "./../images/img_design/icon_categories.gif" ) left center no-repeat; padding: 2px 10px 2px 18px;} div.razeni form {display: inline; margin: 2px 0px} div.razeni select {vertical-align: middle; margin-left: 5px; padding: 1px;font-size: 90%} div.razeni div {display: inline; margin: 2px 3px} .razeni {background: #EEEEEE;padding: 0.5em; margin: 0; color: #4C4C4C; } .razeni2 { padding: 0; margin: 1em 0; } .strana {margin: 0; padding:3px; float: right} .strana a {padding: 2px 5px; background: #fff;border: 1px solid #f30;text-decoration: none} .strana strong {padding: 2px 5px; border: 1px solid #dbdbdb;} a.radit img {vertical-align: middle; width: 18px; height: 18px; border: 1px solid #fff} #cattextdown {font-size: 90%; margin: 1em 0 0; border: 1px solid #EEEEEE; background:#F2F2F2; color: #666; padding: 0.8em 1.5em} #cattextdown span {text-transform: lowercase} .cattop { border-bottom: 0px solid #eee; margin-top: 0em; padding:0;margin-bottom: 0.6em; } #catprod {/*background: url( "./../images/img_design2/cattopcatprod.gif" ) right bottom no-repeat*/} #cathod {background: url( "./../images/img_design2/cattoptophod.gif" ) right bottom no-repeat} .cattop h2 {font-size: 120% !important } .cattop h2 em {text-transform:lowercase; font-style: normal } .cattop ol {padding: 0; margin: 0} .cattop ol li {margin: 0; width: 234px; float: left; list-style: none } .cattop ol li a {margin: 0 5px 5px 0;padding:8px 15px;font-weight: bold;min-height: 3.2em; background: #FCF3D0 url( "./../images/img_design2/cattop-poz.png" ) left top no-repeat; display: block} .searchByParameters {float: right; padding: 0 0 0 20px; background: url("./../images/img_design2/icon-srovn.gif") left center no-repeat; font-weight: bold} /* ------- BOX PRODUKT -------- */ .box_top {font-size: 110%; margin: 0; padding: 3px 5px; height: 3.2em; font-weight: bold; } .box_obr {float: left; width: 102px; height: 75px; /*overflow: hidden*/; position: relative; margin: 0 0 0 5px} .box_obr a {display: block; width: 92px; height: 75px; /*overflow: hidden*/; position: relative; z-index: 9 } .box_obr img {border: 1px solid #F0EDED;width: 92px; height: 75px; } div.demo .box_obr,div#tabs-8 .box_obr {width: 90px; height: 92px;} #demo3 .box_obr {height: 82px;} div.demo .box_obr img {width: 90px; height: 74px; } .box_rating {padding-left: 9px; margin-top: -5px;padding-top:3px} .box_rating img, #productRating img {border: 0;width: 13px; height: 13px;margin: 2px } div.demo .box_rating img, #productRating img {border: 0;width: 13px; height: 13px; } .box_cena {min-height: 7.5em; position: relative; color: #999; font-size: 90%; margin-bottom: 7px; } div.demo .box_cena {padding-left: 100px;padding-top: 0px;} .box_cena .black, #recommendedBox .black {color: #666} .box_cena .black strong, #recommendedBox .black strong {} .showOldPrice {text-decoration: line-through; color: #666} .showNewPrice {font-size: 120%; } .showNewPrice strong {color:/*#ff3300*/ #333} .button_detail {display: block; vertical-align: middle; text-decoration: none; background: #999 url('./../images/img_design2/detail.gif') 7px center no-repeat; margin:11px 0px 0px; color: #fff; float: left;padding: 4px 8px 4px 28px; border: 3px solid #F1F1F1; } div.demo .button_detail { margin: 5px 1px 0px;} .button_detail:hover {background: #CC0000 url('./../images/img_design2/detail.gif') 7px center no-repeat; color: #fff} .button_detail span {display: none} .button-link { padding: 4px 8px 4px 28px; margin:11px 0px 0px; float: left; text-decoration: none; background: #999999 url('./../images/img_design2/detail.gif') 7px center no-repeat; color: #FFF; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ border: solid 1px #888989; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .button-link:hover { background: #333333 url('./../images/img_design2/detail.gif') 7px center no-repeat; border: solid 1px #666666; text-decoration: none; color: #fff } .button-link:active { -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); background: #666666 url('./../images/img_design2/detail.gif') 7px center no-repeat; border: solid 1px #999; } .box_text {clear: both; padding: 7px 8px 7px; background:#F9F8F8; height: 4.6em; line-height: 1.5; font-size: 95%; _font-size: 95%;} div.demo .box_text {height: 5.7em; } .box_text div, .box_text p {display: inline} img#bannerfas {width: 280px; height: 84px; border: 1px solid #eee; float: right; margin: 0 0 10px 10px} /* PRODUKT */ #productside {float: right; width: 200px; padding-left: 10px; } #produktimg { margin: 0 0 1em 0; background: #fff; padding: 0.9em 5px 0.5em; text-align: center; border: 1px solid #E3E3E3;min-height:160px; position: relative } #produktimg img {display: block; margin: 0 auto 1.7em;border:0} #produktimg span {padding: 2px 0 2px 19px; } span.produktimg2 {height: 160px;display: block; padding: 0 !important} #imgdalsi {background: url( "./../images/img_design2/icon-imgdalsi.gif" ) left center no-repeat; padding: 2px 0 2px 22px; text-decoration: none} #imgzvetsit {background: url( "./../images/img_design2/icon-imgzvetsit.gif" ) left center no-repeat; text-decoration: none} #produktimg a {text-decoration: none} #productside .box_rating {text-align: center; padding:0 ; margin: 0 0 15px} #productside .box_rating table {text-align: center; padding: 0; margin: 0 auto} #productside ul {padding: 0 0 7px; margin: 0 0 0.5em; list-style: none ; color: #666;} #productside li {padding: 0; margin: 0; text-align: left; position: relative; } #productside li#printer a {background: url('./../images/img_design2/icon-print.gif') 4px center no-repeat; padding: 3px 0 3px 26px; display: block} #productside li#doporuc a {background: url('./../images/img_design2/icon-doporuc.gif') 4px center no-repeat; padding: 3px 0 3px 26px; display: block;} #productside li#facebookicon a {background: url('./../images/img_design2/bookmark-facebook.gif') 4px center no-repeat; padding: 2px 0 2px 26px; display: block;} #productmain {float: left; width: 479px; padding: 0 10px 0 0} #pspecial {margin-bottom: 9px; font-weight: bold; padding: 4px 6px; border: 1px solid #E3F5CA; border-left: 2px solid #20D752; background:#fff} #pspecial p {margin: 0; padding: 0} p#producttext {padding: 0 0 0.8em; margin: 0.5em 0 1em} #tab-1 table {clear: right} p#cenamj {padding: 0; margin: 0} #cenymain {width: 100%; border: 1px solid red; margin: 2em 0 0 } #ceny2 {float: left; width: 190px; border-top: 1px solid #F0F0F0} #ceny div, #ceny2 div {clear: both;padding: 3px 4px 1px; margin: 0; color: #333; border-top: 1px solid #F0F0F0;} #ceny2 div {border-top: 0;position: relative;border-bottom: 1px solid #F0F0F0 } div#ceny div.clear, #ceny2 div.clear {border: 0; height: 0; font-size: 0; margin: -3px 0 0} #ceny {float: right; width: 269px; border-bottom: 0} span.cenaleft {float: left; width: 35%; text-align: left } span.cenaright {display: block; text-align: right} .red {color: red} #prounas {background: #e0f4c4 ; border: 2px solid #c3dd9e !important; font-size: 90%; margin-top: 5px !important; padding: 4px 7px !important} div#cenamain {font-size: 110%; border: 2px solid #F0F0F0; padding: 5px 9px 1px 4px; background: #F7F6F6;} sup {font-size: 80%} #cenamain span.cenaright strong {font-size: 125%; color: #ff3300; font-weight: bold} #cenamain span.cenaright em {font-size: 70%; font-style: normal} #cenamain span.cenaleft {margin-top: 4px} .produktdoprava strong {text-decoration: none;font-weight: normal} #nizsicena {font-size: 80%; background: #EDEFF4; padding: 4px 8px; margin-top: 8px; clear: left} div#obsahKosiku2,div#obsahKosiku3,div#obsahKosiku4 {width: 550px; display : none; border: 0; position : absolute; bottom: 1.2em; right : 0;z-index: 999; background: url('./../images/img_design2/produktdoprava.gif') right bottom no-repeat; padding: 0; padding-bottom: 28px; } div.obsahKosiku8 {background: url('./../images/img_design2/produktdoprava.gif') 20px bottom no-repeat !important; left : 0em !important ;} #obsahKosiku2 table, #obsahKosiku3 table, #obsahKosiku4 table {min-width: 550px;_width: 550px;border-collapse: collapse; border : 5px #535252 solid; background: #fff;margin: 0; text-align: left} #obsahKosiku2 td,#obsahKosiku3 td,#obsahKosiku4 td, #obsahKosiku2 th, #obsahKosiku th{padding: 6px 8px;border: 1px solid #F7F6F6;white-space: nowrap; text-align: left } #obsahKosiku2 th, #obsahKosiku th {background: #eee} #obsahKosiku th {text-align: center } #obsahKosiku2 {text-align: right} #obsahKosiku2 td.dopravasklady, #obsahKosiku3 td.dopravasklady, #obsahKosiku4 td.dopravasklady {font-size: 90%;white-space: normal; color: #666;background:#ECECEC} div#dopravazdarma {color: #469605; padding: 2px 6px 2px 29px; background: #e6fad7 url('./../images/img_design/lorry.png') 8px center no-repeat; border: 1px solid #c0f098; margin-top: 3px; font-size: 90%} div.obsahKosiku8 td.dopravasklady {font-size: 100% !important; color: #333 !important } div.obsahKosiku8 td.dopravasklady table {border: 0 !important; margin: 5px auto !important; width: 100% !important; min-width: 100% !important} .button_kosik2 {display: block; float: right; vertical-align: middle; font-size: 0px; width: 140px; height: 27px; text-decoration: none; background: url('./../images/img_design2/kosik2.png') left top no-repeat; border: 0px solid #ccc; margin: 12px 1px 0px; padding: 0px } .button_kosik2:hover {background: url('./../images/img_design2/kosik2.png') left bottom no-repeat} .button_kosik2 span {display: none} form#formProducts2 {position: relative; margin: 1em 0; padding: 0 ; } #formProducts2 .button_kosik2 {margin: 0; position: absolute; right: 0; top: 0} #formProducts2 label {position: absolute; right: 138px; top: 2px; padding: 2px 10px; background:#E3E3E3; } #formProducts2 label input {font-size: 90%} #formProducts2 div {border: 0} #pridatkosik {border: 0} #pridatkosik div {border: 0} #pridatkosik input {vertical-align: middle} #akceprodukt {border: 2px solid #fbb53b;background: #fdf2df url("./../images/img_design2/icon-product-akce.gif") 5px 10px no-repeat; padding: 10px 10px 10px 60px} #akceprodukt span {font-size: 130%} #akceprodukt em {font-size: 90%; font-weight: normal} .demo {clear: both; margin-top: 1em;} .demo h3 {font-size: 120%; margin: 1.5em 0 0.2em; padding: 0; font-weight: bold} .demo h2, .demo h3#demoh3 {font-size: 150%; margin: 0.7em 0 0.3em; padding: 0; font-weight: bold} .demo h4 {font-size: 100%; margin: 0.3em 0; padding: 0; font-weight: bold} .demo h5 {font-size: 100%; margin: 0.3em 0; padding: 0; font-weight: bold} .demo p {margin: 0.5em 0 1.6em; } #tabs-1, #tabs-2, #tabs-3,#tabs-4, #tabs-5, #tabs-6,#tabs-7, #tabs-8, #tabs-9,#tabs-10 {margin: 0 0px 2em; padding: 1.5em 0 2em !important; } #tabs-1 table, #tabs-2 table, #tabs-10 table{width: 100%; border-collapse: collapse; margin: 1em 0 2em} #tabs-1 th, #tabs-1 td, #tabs-2 th, #tabs-2 td, #tabs-10 th, #tabs-10 td{padding: 8px 9px; border: 1px solid #E3E3E3} #tabs-1 th, #tabs-2 th, #tabs-10 th{background: #F7F6F6} #tabs-1 tr:hover, #tabs-2 tr:hover, #tabs-10 tr:hover{background: #F7F6F6} #tabs-1 ul{padding-left:8px;margin-left:0} #tabs-1 ul li{list-style:none;background:url('./../images/img_design2/li-poz.gif') left 6px no-repeat;padding-bottom:5px;padding-left:15px;margin-left:0} #produktodb {padding: 8px 10px 8px 0; margin: 0 0 1em; color: #666;font-size: 110%; } #produktodb h3 {padding: 0; margin: 0 0 5px;padding-left: 25px; background: url('./../images/img_design2/odb.gif') left 2px no-repeat; color: #666; font-size: 100% } #produktodb p {margin: 0; padding: 0 0 5px; padding-left: 25px} ul#dokumentyKat, ul#dokumentyKat li,ul#dokumentyKat4 {list-style: none; margin: 0; padding: 0} ul#dokumentyKat li a, ul#dokumentyKat4 li a{ background: url( "./../images/img_design2/icon-pdf.gif" ) left center no-repeat; padding: 4px 10px 4px 22px;} #dokumentyKat{list-style:none;float:right;position:relative;padding:7px 10px;margin:0 0 10px 15px !important;border:1px solid #E4E3E3;border-top:2px solid #E4E3E3;background:#fff} #dokumentyKat li a{background:url("./../images/img_design2/icon-navod.gif") left center no-repeat;padding:2px 10px 2px 23px;} #dokumentyKat ul, #dokumentyKat li{list-style:none;margin:0;padding:0} #dokumentyKat2 {float: right; position: relative; padding: 4px 10px; margin: 0 0 10px 10px; border: 1px solid #ccc; border-top: 2px solid #ccc; background: #fff} #dokumentyKat2 ul {margin: 0;list-style: none } #dokumentyKat2 li a{background: url( "./../images/img_design2/icon-navod.gif" ) left center no-repeat; padding: 2px 10px 2px 23px;} .listTableOptions {margin: 0 auto; } .listTableOptions table td, .listTableOptions table th {border: 1px solid #fff; padding: 3px; } .listTable {width: 100%;margin: 0.5em 0 0.3em; font-size: 100%; border-collapse: collapse;} .listTable th {text-align: left; padding: 4px 6px;} .listTable td {text-align: left; padding: 4px 6px; } tr.listTablerow {padding: 0 0.5em; background:#F7F6F6} tr.listTablerow:hover,tr.listTableLine_02:hover,tr.listTableLine_01:hover {background:#E0E0E0} tr.listTablerow td {border: 1px solid #E6E6E6; } .listTable .right {text-align: right} ul.prednosti li {background: url( "./../images/img_design2/prednostili.gif" ) left 7px no-repeat; } table.tableprodukt {border-collapse: collapse; border: 1px solid #DEDEDE} table.tableprodukt th, table.tableprodukt td {padding: 2px 6px; text-align: center} table.tableprodukt th {background:#DEDEDE; color:#666; border: 1px solid #fff} table.tableprodukt td {border: 1px solid #DEDEDE} #diskuze {margin: 0; clear: both} #diskuze p {margin: 0; padding: 7px 0 0;} #diskuze p img {margin-top: -2px} #diskuze h3 {font-weight: normal; letter-spacing:-0.5px; color: #ff3300; font-size: 140%; margin: 2em 0 0; padding: 0 0 0 30px; background: url( "./../images/img_design2/diskuzeh3.gif" ) left center no-repeat } div#diskuze2 {clear: left; margin: 1em 0 0; padding: 0; } #diskuze2 ul {list-style: none; margin: 0; padding: 0} div#diskuze2 li {border-left: 1px solid #F0EDED; border-bottom: 1px solid #F0EDED;padding: 0; margin: 5px 0 10px; background: #fff; } div#diskuze2 li li.diskuzeadmin {border-left: 0px solid #ccc; border-bottom: 4px solid #fff;padding: 3px 0; margin: 0 4px; background: #F7F6F6} div#diskuze2 div {padding: 7px 8px 12px;background: url( "./../images/img_design2/diskuze2div.gif" ) 10px bottom no-repeat } div#diskuze2 li li.diskuzeadmin div {padding: 4px 8px;background: none } div#diskuze2 div.diskuzetop {background:#F0EDED;padding: 5px 0px; font-weight: bold} #diskuze2 li span.diskuzeuser {background: url( "./../images/img_design2/icon-userdiskuze.gif" ) 4px center no-repeat; padding: 4px 8px 4px 22px; color: #333} .diskuzedate {color: #ccc} div#diskuze2 li li.diskuzeadmin span.diskuzeuser {background: url( "./../images/img_design2/icon-admin.gif" ) 0px center no-repeat; } div#diskuze div.vlozdiskuze {padding: 6px 0px; margin: 0 0 10px} #pridat-dotaz p.diskuzeinfo {margin: 5px 8px; padding: 7px 15px 7px 22px; background: url( "./../images/img_design2/icon_alert.gif" ) 0 7px no-repeat; } .diskuzetop {background:#EFEFEF;} li.diskuzeadmin {margin: 10px; padding: 10px; background: #000} div#diskuze div.insertdiskuze, div.insertdiskuze { background: #F7F6F6 url( "./../images/img_design2/insertdiskuze.gif" ) 10px 10px no-repeat; padding: 5px 10px 5px 80px; margin-top: 5px} .insertdiskuze label {padding: 2px 8px} .insertdiskuze label.floatleft {width: 44%; float: left; clear: none; position: relative; *position: static;} * html .insertdiskuze label.floatleft { position: static; } .insertdiskuze label.floatleft input, #insertdiskuze textarea {width: 90%;} .insertdiskuze textarea {width: 90%; margin-left: 10px} .insertdiskuze #submitButton, #contactSubmit {margin: 8px;} .formItem label.floatleft {float: left; clear: none; margin-right: 10px; margin-top: 0;width: auto;} label.floatleftkinds {float: left; clear: none; padding-right: 30px; margin-top: 0;width: 150px; display: block; text-align: right} .formItem label.floatleft input,.formItem label.floatleft select {width: 160px;margin: 3px 0} .formItem label.floatleft input.formButton {width: auto} form#pridat-dotaz div {background: none} .review {padding: 4px 0} .stars {float: left; margin-right: 8px} #showAvailabilityQuestion {text-align: left} #showAvailabilityQuestion select {vertical-align: top} #availabilityQuestionForm div.formItem label, #searchform div.formItem label {float: left; width: 165px !important; text-align: right; padding-right: 15px; } availabilityQuestionFormbody { font:0.75em Arial,Tahoma,verdana, sans-serif; color: #333;min-width: 770px;padding: 0px; margin:0px; background: #fff url( "./../images/img_design/body2.gif") top right repeat-x; line-height: 1.4; text-align: center} form.dokosiku, td.dokosiku2{text-align: right; border-bottom: 0} form.dokosiku{background: #f0f0f0; padding: 7px 8px} form.dokosiku p {padding: 0; margin: 0} form.dokosiku label#dokosiku{vertical-align: middle} form.dokosiku button, td.dokosiku2 button{text-indent: -5000px; margin: 5px 0 5px 5px; background:url('./../images/img_design2/dokosiku.png') no-repeat; border: 0; width: 150px; height: 35px; border: 1px solid #b1e853; border-bottom: 1px solid #558307; border-right: 1px solid #558307;} .objednat,a.objednat {text-decoration: none; font-size: 135%; margin: 5px 0 15px 5px; background:#64A40F; border: 0; color: #fff; font-weight: bold; padding: 6px 30px 6px 25px;vertical-align: middle; border: 1px solid #b1e853; border-bottom: 1px solid #558307; border-right: 1px solid #558307} .cartok2zpet, form.dokosiku button, td.dokosiku2 button, .objednat {border-radius:5px;-moz-border-radius: 5px} #showAvailabilityQuestion {background: #fff} #sdilet {float: right; clear: right; width: 90px; margin: 10px 0 10px 10px; border-left: 1px solid #F7F6F6; padding-left: 10px} #sdilet div#fb-root {display: inline !important; width: 80px !important; background: #ccc} p#textdoprava2 {color: #1a4f04;font-size: 90%; background: #ebfce4 /*url( "./../images/img_design2/dopravatext.png" ) 8px 9px no-repeat*/; padding: 8px 15px; margin: 0.5em 0 0} p#textdoprava3 {font-weight: bold} p#textdoprava {color: #666; padding: 8px 15px; margin: 0} #textdopr { margin-top: 0em} div#prodakce {margin-top: 0 !important; background: #ffe4c0; border: 1px solid #fdcc8c; padding: 4px 8px !important; margin-bottom: 8px !important; font-weight: bold} /* PRODUKT-new1 */ #indextoptext {margin-bottom: 2em; } /* KOSIK */ #cartmain {float: left; width: 630px;} .objednavkaNavigace {margin: 15px 0; padding: 0;} .objednavkaNavigace div, .objednavkaNavigace a {width:173px; font-size: 120%; float: left;margin-right: 2px; padding: 5px 8px; text-align: left; background: #fff; border: 1px solid #B8B8B8; position:relative} .objednavkaNavigace div.clear {float: none; padding: 0; border: 0; background: none} .objednavkaNavigace a { display: block; background: #fff; text-decoration: none; color:#999999} .objednavkaNavigace a:hover {background:#fff; } .neaktivni {color: #999} .objednavkaNavigace div strong, .objednavkaNavigace a strong { } .objednavkaNavigace a strong { text-decoration: none } .objednavkaNavigace div span, .objednavkaNavigace a span { } .objednavkaNavigace div.aktivni {border: 1px solid #535252;background: #535252; color: #fff} .objednavkaNavigace a:hover {} .objednavkaNavigace a:hover strong { text-decoration: none } .objednavkaNavigace div.objsipka {font-size: 120%;width: 30px;padding: 5px 8px; float: left; background: url( "./../images/img_design2/objsipky.gif" ) center center no-repeat; border: 0; } .objednavkaNavigace span#akt {display: block; position: absolute; background: url( "./../images/img_design2/akt.gif" ) no-repeat;width: 25px; height: 19px; bottom: -1.4em; left: 78px } div.formItem, div.formItemRequired {clear: both; padding: 7px 10px; margin-top: 1px; background: #F7F2F2;} div#objednavka, div#objednavkaa, div#objednavkaaa { background:#F7F2F2; padding-left: 10px} div#objednavka div, div#objednavkaa div,div#objednavkaaa div, div#objednavkaaa div.showAddressSuply, div#objednavkaaa div#showAddressSuply { margin: 0; padding: 0 !important; border: 0px solid red} #cartside {float: right; width: 250px; padding-top: 2.8em} #obj-kontakt {border: 1px solid #ccc; border-top: 2px solid #ccc; margin: 14px 4px} #obj-kontakt h4 { background: #E9E9E9; font-size: 100%; font-weight: normal; padding: 8px 8px; margin: 1px} p#objednavkatext {margin: 1em 0; padding: 8px 15px; border: 1px solid #C3DD9E; background: #E0F4C4; color: #5a8d12} /* KONTAKT */ #kontakt-horni {} #kontakt-horni div span {display: block; padding: 6px 8px 0 48px; font-size: 120%} #kontakt-horni div {float: left; position: relative; width: 345px; border: 1px solid #DBDBDB; border-top: 2px solid #DBDBDB;margin: 0 8px 8px 0; background: #fff url('./../images/img_design/box1-poz.png') right bottom repeat-x} #kontakt-horni div#kon-mail, #kontakt-horni div#kon-icq2 {margin: 0 0 8px; } #kontakt-horni div div {float: none; width: 100%; border: 0px solid #DBDBDB; margin: 0; } #kontakt-horni div strong { font-size: 170%; display: block; color: #333; padding: 7px 8px 8px 47px; font-weight: normal; } .alert {background: #ffece2 url('./../images/img_design/alert-poz.png') right bottom repeat-x; border: 1px solid #f2d2c1; border-top: 2px solid #f2d2c1; font-weight: bold; margin: 5px 0 15px} .alert div {background: url('./../images/img_design/icon-alert.gif') 7px 7px no-repeat; padding: 7px 10px 7px 32px} #kon-tel div {background: url( "./../images/img_design/icon-kon-tel.gif" ) 7px 7px no-repeat;} #kon-mail div {background: url( "./../images/img_design/icon-kon-mail.gif" ) 7px 7px no-repeat;} #kon-icq div,#kon-icq2 div {background: url( "./../images/img_design/icon-kon-icq.gif" ) 7px 7px no-repeat;} #kontakt-horni div em {display: block; padding: 5px 8px 4px 29px; border-top: 1px dotted #ccc; font-style: normal; color: #666; margin: 1px; background: url( "./../images/img_design/icon-hours.gif" ) 8px center no-repeat;} #kontakt-horni div.clear { border: 0} div.kontaktmain{clear:both;border:1px solid #DBDBDB;border-top:2px solid #DBDBDB;margin:15px 0;padding:1px;} div.kontaktmain h3 {background:#EBEBEB; padding: 4px 8px !important; margin: 0 !important} div.kontakt2 {padding: 8px 10px 8px 130px;position: relative} div.kontakt2 strong {margin-left: -140px;width: 120px;display: block; float: left; text-align: right;padding-right: 20px } div.kontakt2 em {font-style: normal } #mapakancl {display: block; float: right; position: relative; margin: 0 20px 0px 20px; padding: 3px 3px 3px; border: 1px solid #DBDBDB; text-align: right; font-size: 90%; background: #fff} .mapakancl{display:block;float:right;position:relative;margin:0px 0px 20px 20px;padding:3px 3px 3px;border:1px solid #DBDBDB;text-align:right;font-size:90%;background:#fff} .mapakancl img {display: block; margin: 2px 2px 4px; border: 0; } div#kontakt { padding: 0px 10px } .adresa { margin-bottom: 14px} .adresa strong { font-size: 100%; } .adresa em {} /* DOKUMENTY */ #documenttext ul {} #documenttext ul ul {padding: 2px 5px 4px; margin: 2px 10px; list-style:square} #uldoprava dl {float: left; width: 246px; padding: 5px; margin: 2px; height: 4.8em; border: 1px solid #EEEEEE; border-top: 3px solid #EEEEEE; background: #F7F7F7} #uldoprava dt {font-weight: bold; font-size: 100%; padding: 0} #uldoprava dd {padding: 0; margin: 0} #uldoprava table {width: 100%; border-collapse: collapse} #uldoprava th, #uldoprava td {background: #EEEEEE; border: 1px solid #fff; padding: 3px 6px} #uldoprava td {background: #F7F7F7;} td.center {text-align: center} /* CART */ table.listTableCart {background:none;margin-top:15px; width: 100%; border-collapse: collapse} table.listTableCart tr.listTableCartHead {background:#CCCCCC; color: #666} tr.listTableCartTotal {background:#EBEBEB;} .totalright {text-align: right} tr.listTableLine_01 {background:#F7F7F7;} tr.listTableLine_02 {background:#EDEDED;} td.productDetail {width: 40%} .listTable th {background: #DEDEDE; color: #666} tr.listTableLine_over {background:#F6F6F6;} table.listTableCart th, table.listTableCart td {border: 1px solid #fff; padding: 8px} table.listTableCart th {border: 0; } table.listTableCart img {border: 1px solid #E3E3E3; float: left; margin: 2px 4px 2px 0 } #obje div.cartt table.listTableCart tr.listTableCartHead {background:#cbe4f5;} #obje div.cartt tr.listTableCartTotal {background:#cbe4f5} #obje div.cartt tr.listTableLine_01 {background:#e1effa; border-top: 1px solid #fff} #obje div.cartt tr.listTableLine_02 {background:#f0f7fc;} .center3 {text-align: center} #totalprice {font-size: 120%} .formButtons {text-align: right; padding-right: 0px; margin-top: 10px} div.cartt td.center4 {text-align: center; padding: 2px 2px 2px 2px; width: 25px } #obje div.cartt td.center4 {display: none } .nazev {text-align: left} .mj {width: 50px; text-align: center} .mj1 {width: 80px; text-align: center} .cena {text-align: center; width: 90px} .delete {width: 5px; background: none} .orderinfo {border: 2px solid #ccc; background:#f2f1f1; padding: 5px 15px; margin: 5px 25px; text-align: right} .orderinfo2 {border: 2px solid #ccc; background:#f2f1f1; margin: 5px 5px 20px; padding: 10px 20px;} table.listTableCart2 {float: right; position: relative; width: 200px; background:#FFF;margin:15px 0px 0px 0px; border-collapse: collapse} a.iconRemove {display: block; width:15px; height: 15px;background:url( "./../images/img_design2/icon-delete.gif" ) center center no-repeat;margin:0 auto; } a.iconRemove span {display:none;} /*.objednat,a.objednat {text-decoration: none; font-size: 125%; margin: 5px 0 5px 5px; background:#CC0000; border: 0; color: #fff; font-weight: normal; padding: 9px 15px 9px 10px;vertical-align: middle; border: 1px solid #e83737; border-bottom: 1px solid #780000; border-right: 1px solid #780000; } */ a.objednat {display: block; float: right} a.objednat:hover {color: #fff} .cartok2objednat {float: right; position: relative} #podbutton {clear: right; float: right; width: 14em; font-size: 90%; text-align: left; color: #666} .cartok2zpet {margin-top: 7px; display: block; float: left; background: #E0E0E0 !important;padding: 5px 7px !important; text-decoration: none; border: 1px solid #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc } #obje div.cartt {float: right; width: 27%; position: relative} #obj {margin: 30px 5px 20px; padding: 10px 20px; border: 2px solid #ff6a04; background: #fff4ec; line-height: 1.7; } #obje div.cartt fieldset {border: 1px solid #cbe4f5; background: none} #obje div.cartt legend {border: 1px solid #cbe4f5; border-bottom: 0; background: none; padding-top: 10px} div.errorMsg {border: 2px solid #FF6600;padding:10px 10px 10px 35px; background: #fee4d2 url( "./../images/img_design/icon-alert.gif" ) 10px 9px no-repeat; margin: 10px 0 20px;} div.errorMsg strong {color: #F60;} #obje div.cartt {float: right; width: 22%; position: relative} #obj {margin: 30px 5px 20px; padding: 10px 20px; border: 2px solid #ff6a04; background: #fff4ec; line-height: 1.7; } #obje div.cartt fieldset {border: 1px solid #cbe4f5; background: none} #obje div.cartt legend {border: 1px solid #cbe4f5; border-bottom: 0; background: none; padding-top: 10px} div.errorMsg {border: 2px solid #FF6600;padding:10px 10px 10px 35px; background: #fee4d2 url( "./../images/img_design/icon-alert.gif" ) 10px 9px no-repeat;} div.errorMsg strong {color: #F60;} #obj-kontakt {border: 1px solid #E3E3E3; border-top: 2px solid #E3E3E3; margin: 0} #obj-kontakt h4 { background: #E9E9E9; font-size: 100%; font-weight: normal; padding: 8px 8px 10px; margin: 1px 1px 1em} .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; } #obj-cart {border: 1px solid #CBE4F5; border-top: 2px solid #CBE4F5; background: #F0F7FC; margin: 14px 0 } #obj-cart h4 {background: #E1EFFA;font-size: 120%; font-weight: bold;padding: 8px 8px 10px; margin: 1px 1px 1em} .cart-produkt {margin: 4px 10px 8px; padding-bottom: 2px;border-bottom: 1px solid #CBE4F5; } .cart-produkt img {float: left; margin: 0 5px 5px 0; border: 1px solid #CBE4F5} .cart-produkt h5 {font-size: 100%; padding: 0; margin: 0 0 5px; font-weight: bold } .cart-produkt-cena {text-align: right} .cart-produkt-cena span { display: block; color: #999} .cart-produkt div {font-size: 90%; padding-left: 0px} .productOptionDescription {font-size: 90%; color #999} .cart-celkem {text-align: right; padding: 0 14px; clear: both; margin-bottom: 10px} #cart-celkem-total {font-size: 110%; margin: 10px; border: 1px solid #CBE4F5; padding: 8px 4px; background: #fff} .cart-celkem span {float: left; padding-top: 1px} .cart-celkem em{display: block; font-style: normal; font-size: 90%} .cart-celkem strong{font-size: 120%; } .cartsmall {color: #999; font-size: 90%; text-align: right; clear: both; padding-top: 5px} .cartsmall strong {font-weight: normal} div.formItem3 {clear: both; padding: 8px 10px; border-top: 1px solid #fff; background: #EDEDED;} div.formItem3 label {margin: 10px 0px; } .smallText {color: #666; font-size: 90%; padding: 2px 0; display: block; margin-left: 24px; position: relative } .smallText2 {color: #666; font-size: 90%; display: block; padding: 2px 0} .smallText div.smallTextdiv {display: inline; position: relative} .smallText #obsahKosiku2,.smallText #obsahKosiku3,.smallText #obsahKosiku4{font-size: 110%;left : 0px; } .formRevButtons{ float: left; } fieldset.showDeliveryRates, fieldset.showPaymentRates {float: left; width: 290px; min-height: 17.1em; position: relative} fieldset.showPaymentRates {float: right} /* ----------- LEVA --------------*/ div.pageLeftColumn { float: left; /*width: 21%; _width: 21%;*/ width: 201px; _width: 197px; } h3.katalog {color: #333; font-weight: bold; font-size: 125%; margin: 0; padding: 0; letter-spacing:0px; } h3.katalog span {padding: 5px 5px 7px 8px; display: block } .katalog a {color: #fff; text-decoration: none} .katalog a:hover {color: #fff;} h3#vyrobcibok {color: #fff; font-weight: bold; font-size: 125%; margin: 0; padding: 5px 5px 7px 8px; letter-spacing:0px; } ul.catalogueMenu {padding: 0 0 0px; margin: 0 0 2em; list-style-type: none; /*background: url('./../images/img_design2/katalog-pod.gif') 8px top no-repeat;*/ } ul.catalogueMenu ul.catalogueMenu{margin: 0 } ul.catalogueMenu ul {background: none; padding: 0;} ul.catalogueMenu li { padding: 0; margin: 0; border-top: 1px solid #fff;} ul.catalogueMenu li li{ padding: 0; margin: 0; border:0;} ul.catalogueMenu li a { margin: 0; display: block; font-size: 110%; text-decoration: none; font-weight: bold; } ul.catalogueMenu li li a { font-weight: normal} li.listItem_0 {position: relative} #catalogueMenu2 li.listItem_0 {display: inline } ul.catalogueMenu li.listItem_0 a { padding: 7px 3px 7px 13px; margin: 0; font-weight: normal;width:185px } #catalogueMenu2 li.listItem_0 a {display: inline; padding: 3px 3px 3px 13px;font-weight: normal;width:168px} ul.catalogueMenu li.listItem_1 a { padding: 5px 3px 5px 20px; margin: 0;font-weight: normal; font-size: 100%; width: 178px; } ul.catalogueMenu li.listItem_2 a { padding: 4px 3px 4px 27px; margin: 0; font-weight: normal;width: 172px} ul.catalogueMenu li.listItem_3 a { padding: 1px 0px 1px 25px; font-weight: normal;} ul#catalogueMenu2 {height: 580px; overflow:auto;position:relative} * html ul.catalogueMenu li.listItem_0 a, * html ul.catalogueMenu2 a { width: 181px} * html ul.catalogueMenu li.listItem_1 a { width: 174px} * html ul.catalogueMenu li.listItem_2 a { width: 167px} * html #catalogueMenu2 li.listItem_0 a { width: 165px} .vyrobciside {margin: 0; padding: 8px 10px; background: #ECECEC} .vyrobciside a {color: #333} p.apek {margin: 20px 1px 0; padding: 0px 8px 8px; background: url( "./../images/img_design/box1-poz.png" ) left bottom repeat-x; } p.apek img {border: 0; width: 170px; height: 52px; margin: 8px auto; display: block} p.apek2 { margin: 20px 1px 0; padding: 10px 10px 10px 0; /*text-align: center*/} .cartt p.apek2 {font-size: 90%; color: #666} p.apek2 img {border: 0; width: 110px; height: 110px; margin: 0 0 2px; padding-bottom: 2px; border-bottom: 0px solid #E5E5E5;} p.facebook {clear: both; text-align: center; margin: 1em 0; padding: 0px; } p.facebook img {border: 0; width: 100px; height: 30px; border: 0} #socialside {margin: 2em 0} #socialside a {display: block; margin: 3px 0;} #socialside a img {border: 0px solid #F0EFEF; display: block; padding: 0px 5px 0 0; _padding: 0px; background: #3B5996; width: 195px; height: 27px; border: 1px solid #3B5996} #socialside a#sidetw img {background: #7BCBE6; border: 1px solid #7BCBE6} #socialside a#sidehe img {height: 54px; background: #fff; border: 1px solid #e4e4e4} #socialside a:hover img { } #socialside a {text-align: center} #socialside a#sideheu img {display: block; margin: 1em auto 1em; width: 110px; height: 110px; border: 0; background:none} /* ----------- PRAVA -------------*/ #contentright {float: right; width: 160px;_width: 156px;_position: absolute; _top: 0 } #contentright h2, #contentright h3 {font-weight: normal} .bokpod {margin: 0; padding: 0.3em 0.8em 1.2em 0.5em; clear: both; } #contentright h3, #kontakty {font-size: 135%; margin: 0.4em 0 0; padding: 0.3em 0 0.4em;} #kontakty {margin: 0 0 0.5em; padding: 0 0 0.4em;} .demo #kontaktproduct {margin: 15px 0 20px 15px;float: right !important; width: 240px; font-size: 90%; background:#F7F6F6 } #contentright h3 span, #kontakty span {padding: 0.2em 0.2em 0.2em 31px; display: block;} .demo #kontaktproduct h4 {padding: 4px 10px; font-weight: bold; font-size: 100%; margin: 0} h3#showHomeNews {/*background: url( "./../images/img_design2/icon-news2.gif" ) left center no-repeat; margin-top: 0; margin-left: 0.5em; padding-top: 0; padding-bottom: 0; padding-left: 30px; font-weight: bold */} #kontakty {background: url( "./../images/img_design2/icon-kontakt.gif" ) left center no-repeat;} h3#dopor {background: url( "./../images/img_design2/dopor2.gif" ) left 9px no-repeat;} #news {float: right; width: 220px;} #news .bokpod {height: 120px; overflow:auto;position:relative} .homeNews {margin: 0; padding: 0 0 0.1em; list-style: none} ul.homeNews li {margin: 0; padding: 0 0 1em;font-size:95%; color: #4C4C4C } .homeNews strong a {font-size: 105%; margin: 0; display: block; text-decoration: underline} .homeNewsDate, .newsItem span,.newsItemDate span {font-size: 90%; font-weight: bold;display: block; color: #999; /*background: url('./../images/img_design2/date.gif') left center no-repeat;*/padding-left: 0px} .newsItemDate span {margin-left: 25px} #rss {background: url( "./../images/img_design2/rss.gif" ); text-indent: -5000px; display: block; width: 27px; height: 36px; float: right; margin-top: -23px} #mailing2 form {margin: 0.6em 0 0; padding: 0;} #submitEmail {vertical-align: middle; margin-top: 0.4em; float: right} .mailingright {text-align: right} #contentright h3 span em, #kontakty em{font-size: 60%; font-weight: normal; display: block; font-style: normal; color: #666; text-transform:lowercase ; } ol#boxLinks, ol#boxLinks2 { margin: 0; padding:0 0 1em 27px;} #boxLinks li, #boxLinks2 li { margin: 0; padding:1px 6px 1px 0; } #mailing2 {padding: 0.4em 0.7em 0.8em; color: #ccc; margin-top: 2em } #mailing2 h3 {background: url( "./../images/img_design2/h4mail.gif" ) 0px 3px no-repeat;margin: 0;padding: 0.3em 0 0.4em; padding: 0 0 0 28px; color: #fff;font-size: 135%; margin: 0.1em 0 0; font-weight: bold } #mailing2 p {padding: 8px 0; margin: 0; } h3#nejprod span {background: url( "./../images/img_design2/icon-nejprod.gif" ) 0 4px no-repeat;line-height: 1.2} h3#nejhod span {background: url( "./../images/img_design2/icon-nejhod.gif" ) 0 4px no-repeat; line-height: 1.2} .tel span,.icq span,.skype span {display: block; clear: left; margin-right: 4px; float: left} .tel span strong,.icq span strong,.skype span strong{display: none; width: 30px; height: 25px;} #foto img, #foto2 img, #diskuze img { float: left; width: 50px; height: 68px; display: block; padding: 1px; margin: 5px 8px 0 5px;border: 1px solid #ccc; background: #fff; } td#foto img {width: 50px; height: 68px; display: block; padding: 1px;border: 1px solid #ccc; background: #fff; } #mail {width: 25px; height: 21px;} #telefon {width: 25px; height: 21px;} #icq {width: 25px; height: 21px;} #skype {width: 25px; height: 21px; } #foto { margin-bottom: 10px; } td#foto { margin-bottom: 0px; width: 50px} img#foto3 { float: right; width: 50px; height: 68px; display: block; padding: 1px; margin: 5px 5px 0 8px;border: 1px solid #ccc; background: #fff; } #foto2 { padding: 4px} #foto2 img{float: left; margin: 5px 20px 0 5px} #foto2 div strong {display: block; margin-bottom: 5px} #foto2 div {margin-left: 70px; padding: 5px;} #kontaktproduct {border: 3px solid #F5F5F5} #kontaktproduct #obj-kontakt {background:#F2F2F2; border: 1px solid #fff} #kontaktproduct #obj-kontakt h4 {background:#E8E8E8; border-bottom: 1px solid #fff; padding: 8px} #kontaktproduct #foto2 { padding: 8px; border-top: 1px solid #ccc} #kontaktproduct #foto2 img{float: left; margin: 0px 20px 0 5px; border: 0} #kontaktproduct #foto2 div strong {display: block; margin-bottom: 4px} #kontaktproduct #foto2 div {margin-left: 70px; padding: 0px;} #kontaktproduct #foto2 span {border: 0} .tel span strong,.icq span strong{ display: none; width: 18px; height: 25px} #foto strong { display: block; padding-top: 8px; font-weight: normal} #foto strong span { font-size: 110%; display: block} #telefon strong,#icq strong,#skype strong{ text-indent: -5000px; width: 18px; height: 18px} #kontaktbox em, .tel em { font-size: 85%; font-style: normal; font-weight: normal; color: #999} #foto2 .tel span,#foto2 .icq span,#foto2 .skype span {display: block; clear: right; margin-right: 4px; float: left} #foto2 .tel, #foto2 .icq, #foto2 .skype { padding: 3px; clear: right; display: block; border-top: 1px solid #E9E9E9} #foto em { font-weight: normal; font-size: 100%} #mail { background: url( "./../images/img_design2/icon-mail.gif" ) 50% 50% no-repeat;} #telefon { background: url( "./../images/img_design2/icon-telefon.gif" ) 50% 50% no-repeat;} #icq { background: url( "http://wwp.icq.com/scripts/online.dll?icq=446016594&img=5" ) 50% 50% no-repeat;} #skype {background: url( "http://mystatus.skype.com/smallicon/StavbaOnlinecz" ) 50% 50% no-repeat; } .skype img {vertical-align: middle} #foto4 {margin-top: 0px;padding: 0 } #foto4 table {width: 100%; margin: 0; border-collapse: collapse} #foto4 table th, #foto4 table td {padding: 3px; } #foto4 table th {text-align: left; padding: 8px 0} td.tel, td.icq {width: 10px; padding: 0; } td#foto {padding: 0} .border {border-top: 1px solid #E9E9E9} #recommendedBox {padding-left: 9px} #recommendedBox img {border: 0;} .tb {background-color: #b0befd;} /* NOVINKY */ .newsItem {margin: 10px 0; padding: 8px 0px; border-bottom: 1px solid #EEEEEE;} .newsItem h4 {padding: 4px 0 0; font-size: 120%; text-align: left; height: auto; margin: 2px 0; font-weight: bold; } .newsItem p {margin: 0; padding: 0 0 10px; } .newsItem img {margin: 0 20px 10px 0; padding: 0; float: left; width: 120px} img.newsimg {float: left; margin: 5px 20px 20px 0} .newsItem .right {text-align: right} div.errorMsg {border: 2px solid #FF6600;padding:10px 10px 10px 35px; background: #fee4d2 url( "./../images/img_design2/icon-alert.gif" ) 10px 9px no-repeat;} div.errorMsg strong {color: #F60;} div.infomsg {border:1px solid #96e39c;border-top:2px solid #96e39c;padding:10px 10px 10px 35px; background: #d6fdd9 url( "./../images/img_design2/icon-navod.gif" ) 10px 9px no-repeat; margin: 10px 0; } #cartok {background: #e0f4c4 url( "./../images/img_design2/icon-cartok.gif" ) 15px center no-repeat; padding: 10px 10px 10px 58px; margin: 1em 0; border: 2px solid #c3dd9e; font-size: 110%} #cartok2 {text-align: right; padding: 10px; margin: 1em 0;} table.newstab {border-collapse: collapse; margin: 10px 0} table.newstab td,table.newstab th {padding: 2px 4px; border: 1px solid #ccc} table.newstab th {background: #EFEFEF; vertical-align: top} table.newstab th img {width: auto; height: auto; float: none; margin: 2px auto} table.newstab td.tdcenter {text-align: center} .newsItem iframe {margin: 10px 0} .newsItem h2 {padding: 0 !important} /* ----------- BOTTOM2 -------------*/ #pat1{} #pat1 .wrapperpat{padding:10px 10px} .pat1pod{float:left;width:220px;border-right:1px solid #e5e3e3;margin-left:0 !important;padding-left:0 !important; min-height: 10em} .pat1pod img{width:160px;height:26px;margin-left:-4px !important;margin-bottom:6px;border:0} .pat11{width:190px !important;padding-left:10px !important;} .pat12{padding-left:20px !important;} .pat12 strong{display:block;padding-bottom:4px} .pat12 a{background:url("./../images/img_design2/menu-li-li2.gif") 11px 60% no-repeat;padding-left:20px !important;} .pat12 a#rssfooter {background:none ;padding-left:0px !important;} .pat14 img{width:123px;height:45px;margin-left:40px !important;margin-bottom:6px;border:1px solid #e5e3e3} .pat14{border-right:0 !important} .pat2{border-top:2px solid #232323 !important;background:#333 !important;color:#999;font-size:90%;padding-bottom:12px !important; padding-top: 10px !important; margin-top: 0px !important} .pat2 div{padding:0 5px} .pat2 a{color:#666} #skladybot {border-top:1px solid #e5e3e3; margin-top: 0px; margin-bottom: 0px; padding: 8px 0px; color: #666} #skladybot h2 {display: inline; font-size: 100%; margin: 0; padding: 0; font-weight: bold} #skladybot h2 span {display: none} #skladybot p,#skladybot ul li {display: inline; font-size: 100%; margin: 0; padding: 0} /* ----------- BOTTOM -------------*/ .pageBottom {background: #F9F8F8; border:0;border-top: 3px solid #CCC; width: 939px; padding-top: 4px; margin-top: 1em;} .bottomleft {float: left; width: 201px; } .bottomright {float: right; width: 732px; } .partneri {clear: both;color: #999;padding-left: 1em; padding-right: 1em; font-size: 90%; background: #E8E4E4; border: 0} .partneri a{color: #999; text-decoration: none} .more {background: #F7F6F6; padding: 7px 4px; border: 1px solid #fff; font-weight: bold; text-align: right} .more a { } availabilityQuestionFormbody { font:0.75em Arial,Tahoma,verdana, sans-serif; color: #333;min-width: 770px;padding: 0px; margin:0px; background: #fff url( "./../images/img_design/body2.gif") top right repeat-x; line-height: 1.4; text-align: center} /* ----------- SLIDER -------------*/ #slid {margin:0.1em 0 1em 0; position: relative;z-index: 0;border-bottom: 0px solid #EEEEEE; padding-bottom: 3em; width: 450px; float: left } #slider {margin-bottom: 0.5em; height: auto !important; border-top: 0px solid #EEEEEE; padding-top: 0.5em; position: relative; width: 450px; } #slid h3,h3#showHomeNews {/*font-size: 130%; padding: 0; margin: 0 0 0.2em; font-weight: bold; text-transform:uppercase; padding-left: 0 !important; background: none !important*/} #slid h3 em {color: #76b803; font-style: normal} #slider ul, #slider li, #slider2 ul, #slider2 li{margin:0; padding:0;list-style:none; } #slider2{margin-top:0em;} #slider li, #slider2 li{width:450px; overflow:hidden; } #slider li img {float: left; margin: 0 10px 0 0; border: 1px solid #ECECEC; width: 110px; height: 74px; display: block; padding: 4px; background: #fff} #slider li span {display: block; float: left; margin: -15px 10px 10px 0; font-size: 500%; color: #E6E6E6; } #prevBtn, #nextBtn, #slider1next, #slider1prev{width:18px;position:absolute;left:322px;bottom:0px;z-index:1;} #nextBtn, #slider1next{left:342px;} #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block; position:relative;width:13px;height:13px;background:url("./../images/img_design2/slider-left.gif") no-repeat 0 0;text-indent: -5000px; border: 0px solid #EBEBEB} #nextBtn a, #slider1next a{background:url("./../images/img_design2/slider-right.gif") no-repeat 0 0;} ol#controls{margin:1em 0;padding:0;font-size: 80%; position: absolute; right: 0px; bottom:0px } ol#controls li{margin:0 2px 0 0;padding:0;float:left;list-style:none;} ol#controls li a{float:left;border:1px solid #E6E6E6;padding:2px 4px;text-decoration:none;color:#666;} ol#controls li.current a{background:#E6E6E6;color:#666;} ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} .bubl{font-weight:normal;cursor:help;color:#c00;border-bottom: 1px dotted #c00;text-decoration:none; margin-left: 0px} #buble-cnt{position:absolute;background:#fff; padding: 4px; left: -10px; } #buble{position:absolute; width:590px;padding:10px;margin-left: 0px; border : 5px #535252 solid; background: #E3E0E2;z-index: 999; text-align: left; left: -40px} #buble .close{position:absolute;right:5px;bottom:5px;padding:0px 25px 4px 0;background:url("./../images/img_design/close.gif") 100% 0 no-repeat;color:#FF0000;text-decoration:underline;cursor:pointer;_cursor:hand} #buble h4{font-size:110%;margin:0em 0 0 0;font-weight:bold; border-bottom: 1px solid #ccc} #buble p{padding:0;margin:0 0 0.9em 0;line-height:1.5em} #buble p img{float:left;margin:4px 8px 0 0;position:relative;border:1px solid #fff} #buble .clear{clear:both;overflow:hidden;height:1px} #buble #uldoprava dl {width: 265px; height: auto; padding: 2px 1px 2px 5px; margin: 2px; font-size: 90%; border: 0px solid #ccc; background: none} .banner {text-align: center; margin: 18px auto } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background:#fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; */} /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: #fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; */} /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: #fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; */} /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: #fff /* url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; */} /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ff3300&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=80&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=7a0001&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=7a0001&bgColorDefault=7a0001&bgTextureDefault=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=eee2e2&iconColorDefault=7a0001&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=7a0001&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=7a0001&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=7a0001&bgColorOverlay=aaaaaa&bgTextureOverlay=07_diagonals_medium.png&bgImgOpacityOverlay=100&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { /*font-family: Verdana,Arial,sans-serif; font-size: 1.1em;*/ } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 0px solid #E3E3E3; background: #ffffff; } #showAvailabilityQuestion { border: 0px solid #ffbdbd; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222; } .ui-widget-header { border: 1px solid #cc0000; background: #cc0000 url(images/ui-bg_gloss-wave_75_cc0000_500x100.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; } .demo .ui-widget-header {border: 0; border-bottom: 1px solid #AAAAAA; background: none; } .ui-widget-header a { } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #E3E3E3; background: #F7F6F6; font-weight: normal; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #E3E3E3; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal ; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active {font-weight: bold; border: 1px solid #aaaaaa;border-top: 3px solid #aaaaaa; background: #ffffff url("./../images/img_design2/listtableinfotop.png") left top repeat-x; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_7a0001_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_7a0001_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_7a0001_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_7a0001_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_7a0001_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_7a0001_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_7a0001_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_diagonals-medium_100_aaaaaa_40x40.png) 50% 50% repeat; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 5px -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .7em 1.2em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 2px;border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* BONUSY */ .bonus {margin: 1px 0 0px; padding: 2px; border: 2px solid #F0F0F0;clear: left; position: relative } .bonus img { width: 100px; height: 82px; border: 0 } .loyalty_picture {float: left;padding: 2px;width: 100px; height: 82px; border-right: 1px solid #F0F0F0; margin: 0 8px 0 0 } .bonus .clear {height: 0px; font-size: 0; background: red} .bonusa {display: block; background: #CC0000; padding: 3px 8px; margin: 1px; text-decoration:none; color: #fff; position: absolute; right: 2px; bottom: 2px; border: 1px solid #CC0000} a.bonusa:hover {border: 1px solid #930000; color: #fff} .bonus strong {display: block; padding-bottom: 2px} a.otaznik1 {position: relative; text-decoration: none; border-bottom: 1px dotted #D30A0A} .otaznik {font-size: 70%; border: 0px solid #464646; background: #fff; color: #464646; position: absolute; right: -15px; top: -3px; display: block; padding: 0px 3px }