/* CSS Document */ *{margin:0;padding:0} body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} body {margin: 0px; padding: 0px;} #main {width: 980px; margin: 0px auto; _width:1000px; /* IE hack */ } .req {font-size: 170%; color: #E80000; position: relative;} a {text-decoration: underline;} a.akttext {text-decoration: none;} a:hover.akttext {text-decoration: underline;} a.cena {line-height: 20px; text-decoration: none;} a:hover.cena {line-height: 20px; text-decoration: none;} a.aktmenu {line-height: 22px;} a:hover.aktmenu {text-decoration: none;} .clear {clear: both; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px;} .clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;} .flLeft {float: left;} .flRight {float: right;} .odtrzitko {height: 15px;} .odtrzitko2 {height:1px;visibility:hidden;clear:both;} .odtrzitko3 {height: 30px;} .odtrzM {font-size: 6px; height: 6px;} .odtrzSloupec {display:none;} .posBlock { height: 0px; position: relative;} p.next { font-weight: bold; text-align: left; padding: 5px 10px; margin-top: 5px;} p, div, ul, li, form, input, select, textarea, img {padding: 0px; margin: 0px;} li {list-style: disc;} img {border: none;} label {cursor: pointer;} .red {color: Red;} ol{margin-left:13px;} .ontitle{ display: none; } /****************************************** * NADPISY * ******************************************/ h1,h2,h3 {text-align: left; font-weight: bold; padding: 3px 0 3px 0; margin: 0px;} h2 {font-size: 120%; letter-spacing: 0px; font-family: "Palatino Linotype","New York CE",utopia,serif;} h2.product {/*color*/} /*h2 .h2odr { background: url(../img/h2_odr.gif) repeat-y; width: 6px; height: 21px; left: -11px; top: 5px; position: absolute;} html>body h2 .h2odr { left: -6px; top: 0px;}*/ /*h2 .h2odr {background: url(../img/fl_nadp.gif) no-repeat; width: 170px; height: 24px; left: -11px; top: 5px; position: absolute; display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2;} html>body h2 .h2odr { left: -6px; top: 0px;}*/ h3 {font-size: 130%; font-family:"Palatino Linotype","New York CE",utopia,serif;} h3 a {text-decoration: underline;} h3 a:hover {text-decoration: none;} h4,h5 {font-weight: bolder; text-align: left; line-height: 24px; /*letter-spacing: -1px;*/ padding: 0px; margin: 0px;} h4 {font-size: 110%;} h5 {font-size: 100%;} /****************************************** * FORM PRVKY * ******************************************/ input,select,textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; /*margin: 2px 6px 2px 0;*/} input { padding: 1px; margin: 1px;} select { padding: 1px;} html>body select { padding: 0px;} /*input {padding-left: 1px; padding-right: 1px;}*/ .formButt, .formButtl {background:transparent;border:0 none;color:#E20048;cursor:pointer;font-family:"Palatino Linotype","New York CE",utopia,serif;font-size:15px;margin:0;padding:0;float:right} .formButtl{float:none;} .formButt2 {} .centrForm {padding:13px 13px 0 13px;color:black} .centrForm label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;} /*.centrForm span {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}*/ .centrForm label {line-height: 18px; padding: 0 0 6px 0; clear: both; display: block; /*background: Aqua;*/} .centrForm label span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;} /*input.check {margin: 0px;} html>body input.check {margin: 5px 0 0 0;}*/ /****************************************** * VELIKOSTI PRVKU * ******************************************/ .sizeSs {width: 20px;} .sizeS {width: 50px;} .sizeSm {width: 75px;} .sizeM {width: 100px;} .sizeMl {width: 125px;} .sizeL {width: 150px;} .sizeLl {width: 175px;} .sizeXl {width: 200px;} .sizeXxl {width: 225px;} .sizeXxxl {width: 250px;} .sizeMax1 {width: 349px;} .sizeMax2 {width: 400px;} .sizeMax3 {width: 450px;} /****************************************** * TOP BANNER * ******************************************/ #topBanner {position: relative; text-align: center;} #topBanner img {margin: 10px;} /****************************************** * HEAD TOP BANNER * ******************************************/ #headTop .headTop {top: 0; right: 0; position: absolute;} /****************************************** * SHOP LISTA * ******************************************/ #shopMenu { height: 22px; overflow:hidden} #shopMenu .title { letter-spacing: -1px; padding:0px 5px; margin:0 5px 0 0; float: left; line-height: 22px;} #shopMenu a { font-size: 90%; text-decoration: none; line-height: 22px; padding: 0px 10px; display: block; float: left;} #shopMenu a:hover {} /*color*/ #shopMenu a img { padding: 2px 3px 0 0px; float: left;} /****************************************** * SKY BANNER * ******************************************/ #skyBanner {text-align: left; width: auto; height: auto; top: 12px; right: -220px; z-index: 100; position: absolute;} #skyBanner img {padding: 0px; margin: 0px;} /****************************************** * HOME TOP NABIDKA A ROZCESTNIK * ******************************************/ .topNab {width: 274px; margin: 0px 5px 20px 5px; float: left;} .topNab.rozc {width: 274px; margin: 0px 5px 10px 5px; float: left;} .topNab a.obs {padding: 10px 10px 0 10px; text-decoration: none; display: block; cursor: pointer;} .topNab a.obs span { display: block;} .topNab .obs .nadp {border: none; background: none; font-size: 100%; font-weight: bold; line-height: 110%; height: 48px; padding-bottom:8px; overflow: hidden;} .topNab .obs .img { /*font-size: 100%;*/ text-align: center; width: 100px; height: 100px; margin: 0 10px 0 0; display: block; overflow: hidden; float: left;} .topNab .obs .img img { margin: 5px auto;} .topNab .obs .text { line-height: 120%; font-size: 110%; height: 60px;} .topNab .obs .price {font-size: 160%; font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding-top: 2px;} .topNab .top {height: 6px; line-height: 6px; font-size: 6px;} .topNab .top div {height: 6px; line-height: 6px; font-size: 6px;} .topNab .bott {height: 6px; line-height: 6px; font-size: 6px;} .topNab .bott div {height: 6px; line-height: 6px; font-size: 6px;} /****************************************** * HEAD * ******************************************/ #headTop {height: 144px; position:relative;} #headTop a#logo {display:block; position:absolute; text-decoration: none; width: 228px; height: 144px; } #headTop form { background: url(../img/ico_search.gif) no-repeat; margin: 18px 0 0 20px; padding-left: 25px; float: left;} #headTop #defMenu {display:none;} #headTop #defMenu a#oblib, a#mail, a#struk {text-decoration: underline; padding: 3px 0 3px 5px; margin: 0 0 0 10px; float: left; display: block;} #headTop #defMenu span { padding: 3px 0 0 10px; float: left; display: block;} #headTop #defMenu a#oblib {/*width: 105px; w\idth: 90px;*/} #headTop #defMenu a#mail {/*width: 95px; w\idth: 80px;*/} #headTop #defMenu a#struk {/*width: 95px; w\idth: 80px;*/} #welcometext {position:absolute;right:0;top:82px;width:468px;color:white;} #welcometext h1 span, #welcometext h2 span{display:none;} #welcometext h1, #welcometext h2{color:white; font-weight:normal; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size:12px;line-height:17px; margin:0;padding:0} /****************************************** * TOP MENU * ******************************************/ .buttPole {height:45px; background: black url("../img/menu_back.gif") repeat-x; overflow: hidden; line-height:45px; position:relative; margin-bottom:13px;} .buttPoleLeft{background: transparent url("../img/menu_left.gif") no-repeat left top; padding-left:10px;} .buttPoleRight{background: transparent url("../img/menu_right.gif") no-repeat right top; padding-right:10px;} .buttPole a {text-decoration: none; color:white; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;; font-size:14px; font-weight:normal; text-transform:uppercase; border-right:1px solid white; padding-right:8px; padding-left:13px; } .buttPole a:hover {/*color*/} .buttPole a.act {/*color*/} .buttPole #search, .buttPole #search2{position:absolute; right:10px;top:10px;} .buttPole #search .formButt, .buttPole #search2 .formButt{display:none;} .buttPole #search #searchtext, .buttPole #search2 #searchtext2{ display:block;width:200px; height:24px; overflow:hidden; margin:0; border:0; background:transparent url("../img/menu_input.gif") no-repeat; color:gray; line-height:24px; font-size:12px; text-align:center;} .buttPole #search input#search_keyword, .buttPole #search2 input#search_keyword2{ display:block;width:196px; margin:0 0 0 2px; border:0; background:transparent; color:gray; font-size:12px; padding:5px 0; text-align:center;} #RIGHT .buttPole {display:none;} /*** IMG cast hlavicky ************************************************/ #head { width: 578px; margin-bottom: 13px} #headImg { text-align: left;height: 116px;} #headImg h1 { border: none; background: none; font-size: 160%; line-height: 100%; letter-spacing: -1px; width: 280px; padding: 20px 0 0 10px;} #headImg h1 span { font-size: 70%; font-weight: normal; line-height: 115%; letter-spacing: 0px; padding-top: 5px; display: block;} #headImg h2 { border: none; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 160%; line-height: 100%; letter-spacing: -1px; width: 280px; padding: 20px 0 0 10px;} #headImg h2 span { font-size: 70%; font-weight: normal; line-height: 115%; letter-spacing: 0px; padding-top: 5px; display: block;} #karty { background: url(../img/karty.gif) no-repeat; width: 71px; height: 79px; right: 0px; top: 24px; position: absolute; z-index: auto; visibility: hidden;} #headImg2 { width: 263px; height: 91px; right: -20px; top: -54px; position: absolute; z-index: auto;} #headImg3 { width: 133px; height: 119px; right: 162px; top: -83px; position: absolute; z-index: auto; visibility: hidden;} /*** USER ************************************************************/ #basket ul#zbozi {text-align:left;margin:0 13px;} #basket ul#zbozi li {list-style:none } #basket ul#zbozi li.del {float:left; position:relative; z-index:25;} #basket ul#zbozi li.del a {float:left; display:block; width:16px; height:16px; background: transparent url("../img/tl_odstranit.gif") no-repeat; overflow:hidden; line-height:50px;} #basket ul#zbozi li.pol{position:relative; top:-3px; margin-left:25px; text-align:left; z-index:20;} #basket ul#zbozi li.pol a {font-size:14px; font-family:"Palatino Linotype","New York CE",utopia,serif; color:#999999; text-decoration:none;} #basket ul#zbozi li.price{text-align:right;margin-bottom:6px; font-size:12px; font-family:"Palatino Linotype","New York CE",utopia,serif; color:#999999; position:relative; top:-3px;} #basket ul#zbozi li.end {} #basket ul#zbozi li a {} #basket ul#zbozi li a:hover {} #basket #pricesumm { font-size:18px; color:white; font-family:"Palatino Linotype","New York CE",utopia,serif; text-align:right; margin:0 13px 0 38px; border-top:1px solid silver;padding-top:6px;} .basket #pokladna{margin:9px 0;} /****************************************** * OBSAH * ******************************************/ #CONTENT {margin: auto; zoom: 1 ;} #flBlok { width: 791px; margin-top: 9px; float: left; /*background: #FFD700;*/ zoom: 1 ; _width:793px; /* IE hack */ } /****************************************** * LEFT * ******************************************/ #LEFT {text-align: left; width: 201px; float: left;} /****************************************** * MENU * ******************************************/ #menu, #menu2 {text-align: left;width:177px; margin:0 auto;} #menu a, #menu2 a { text-decoration: none; display: block; color:white; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size:17px; font-size:15px; /* IE hack */ background:transparent url("../img/panel_lhover.gif") no-repeat 0px 66px; overflow:hidden; height:33px; line-height:32px; padding:0 7px;} #menu a:hover, #menu a.akt, #menu2 a:hover, #menu2 a.akt {text-decoration: none; color:#cc0033; background-position:0 0;} #menu2{border-top:1px solid silver} .submenu {text-align: left; width: 170px; top: -1px;} .submenu a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;} .submenu a.akt {text-decoration: none;} .submenu a:hover {text-decoration: none;} .submenu2 {text-align: left; width: 170px; top: -1px;} .submenu2 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;} .submenu2 a.akt {text-decoration: none;} .submenu2 a:hover {text-decoration: none;} /****************************************** * Rejstrik pojmu / Glossary *****************************************/ #glossaryLeft {padding: 5px; height: 80px; overflow: auto;} /****************************************** * NEWSLETTER * ******************************************/ /****************************************** * REKLAMA * ******************************************/ .REKL {text-align: center; padding: 10px;} .REKL img {/*color*/} /****************************************** * CENIK KE STAZENI * ******************************************/ .CENIKST {text-align: center; padding: 10px;} .CENIKST img {/*color*/} /****************************************** * ANKETA * ******************************************/ #ANKETA {text-align: left; padding: 0 10px 10px 10px;} #ANKETA div {font-size: 6px; height: 6px;} #ANKETA p {padding: 6px 0 0 0;} #ANKETA a {padding: 0 5px 0 0;} #ANKETA a:hover {/*color*/} /****************************************** * NEWS * ******************************************/ #NEWS {margin:0 13px;} #NEWS span {font-size: 100%; /*font-weight: bold;*/} #NEWS p {padding: 10px 0; color:silver} #NEWS p.next { padding: 5px 10px; font-weight: bold;} #NEWS p.newscontent {padding-bottom:0;} #NEWS p.date {padding-top:0;text-align:right} #NEWS a {text-decoration: none; color:white; font-family:"Palatino Linotype","New York CE",utopia,serif;} #NEWS a:hover {color:#E20048} #NEWS p.next{border:0;padding:0;margin:0} .newsletter {margin-top:13px;text-align:center} .pbox .newsletter h2, #LEFT .pbox .newsletter h2{border-top:1px solid silver;border-bottom:0;padding-top:13px;display:block;} .newsletter a{color:white} .newsletter a:hover{color:#E20048} .newsletter .email{background:transparent url(../img/news_input.gif) no-repeat;border:0 none;color:gray;display:block;font-size:12px;height:24px;line-height:24px;margin:0 0 0 12px; overflow:hidden;text-align:center;width:177px;} .newsletter #newsletter_email{background:transparent;border:0 none;color:gray;display:block;font-size:12px;margin:0 0 0 3px;padding:5px 0;text-align:center;width:172px;} .newsletter .formButt2{display:none;} /****************************************** * CENTER * ******************************************/ #CENTER {width: 590px; float: left; /*background: Aqua;*/} #centerIN {text-align: left; padding: 0 13px; /*background: Fuchsia;*/} #centerIN h2.homeNadp { margin-bottom: 10px; font-size: 120%;} #centerIN h3#det { line-height: 24px; padding-right: 10px;} #centerIN h3#det a {float: left;} #centerIN h3#det span { display: block;} #centerIN h3#det .kod { float: right; letter-spacing: 0px;} #centerIN h3#det span.kod span { font-size: 80%; font-weight: normal; display: inline;} /*** Info blok ********************************************/ #centerIN div.info {padding:0 13px} #centerIN div.info img { margin: 10px 0 10px 10px; float: left;} #centerIN .info h4 { padding: 0 10px;} .info p {line-height: 160%; padding: 0 0 13px 0;} #centerIN .info p.hodnText {line-height: 150%;} #centerIN .info p.hodnText span strong { font-size: 120%;} #centerIN .info p.hodnText.end {margin-bottom: 0px;} #centerIN .info p.backmenu { text-align:right;margin:13px 0 0 0;padding-bottom:0} #centerIN .info p.backmenu a, a.backmenul{ color:#E20048; font-family:"Palatino Linotype","New York CE",utopia,serif; font-size:14px; text-decoration:none;} a.backmenul{float:left;cursor:pointer} #centerIN .info p img { margin: 0 10px 10px 0; float: left;} #centerIN .info ul {padding: 0 10px 0 25px;} #centerIN .info li {line-height: 17px; padding: 0 0 10px 0;} /*** Info blok 2 UPOZRNENI A CHYBOVE HLASKY ********************************************/ #centerIN div.info2 { border: 9px solid #E80000; background: Red; padding: 10px; margin-top: 10px;} #centerIN div.info2 p { color: #fff; font-weight: bold;} #centerIN div.info2 h4 { color: #fff; background: none; font-size: 150%; letter-spacing: -1px; padding: 0 0 5px 0; margin: 0px;} #centerIN .produktDET .info { margin: 0px; padding:0} #centerIN .produktDET .info .radekTP p { padding-right: 0px; margin: 0px;} /*** VARIANTY ********************************************/ #centerIN .prodObsah.info { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;} #centerIN .produktDET .info.varianty { width: 540px; margin: 0 0 10px 0; padding: 0 10px 10px 10px; border-top: none;} #centerIN .produktDET .info.varianty h3 { background: none; border: none; padding: 0px; margin: 0px;} #centerIN .produktDET .info.varianty h5 { font-weight: normal; line-height: 90%; margin: 5px 0 10px 0;} /*** Hodonoceni ********************************************/ #centerIN .produktDET .info.hodn { margin: 10px 0;} #centerIN .produktDET .info.hodn .radio { position: relative; top: 2px;} #centerIN .produktDET .info.hodn p { margin: 0 0 5px 0;} #centerIN .produktDET .info.hodn h5 { padding: 0 0 0 10px;} #centerIN .produktDET .info.hodn h5 span { font-size: 160%;} #centerIN .produktDET .info.hodn textarea { width: 535px;} /****************************************** * PODR. FILTRACE * ******************************************/ #podrFiltr {/*width: 274px;*/ margin: 0px 5px 20px 5px;} #podrFiltr .obs {padding: 0px 10px;} #podrFiltr #advSearch { padding: 10px 0 0 0;} #podrFiltr #advSearch span { width: 70px;} #podrFiltr #advSearch .sizeMax3 { width: 430px;} #podrFiltr .obs .col { width: 270px; float: left; /*background: Aqua;*/} #podrFiltr .obs .col.end { border-right: none;} #podrFiltr .top {height: 6px; line-height: 6px; font-size: 6px;} #podrFiltr .top div {height: 6px; line-height: 6px; font-size: 6px;} #podrFiltr .bott {height: 6px; line-height: 6px; font-size: 6px;} #podrFiltr .bott div {height: 6px; line-height: 6px; font-size: 6px;} /****************************************** * CENTR MENU * ******************************************/ #centerMENU {/*color*/} #centerMENU a { height: 12px; width: 147px; padding: 5px 30px 5px 10px; margin: 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;} #centerMENU a.act {/*color*/} #centerMENU a:hover {/*color*/} /****************************************** * OBSAHOV� MENU * ******************************************/ #linkMenu {padding: 5px 10px;} #linkMenu br.ieshit {font-size: 1px; line-height: 1px;} #linkMenu a { line-height: 20px; font-size: 110%; font-weight: bold; /*margin-left: 10px;*/ margin-right: 27px; /*display: block;*/ text-decoration: none;} #linkMenu a.act{color:#E20048} /****************************************** * OVLADACI POLE * ******************************************/ .poleOvl {height: 24px; text-align: left; margin: auto; padding: 0 5px;} .poleOvl h3 { background: none; /*letter-spacing: 0px;*/ padding: 4px 10px 4px 4px; float: left;} .poleOvl a { position: relative; top: -1px; /*color*/} .poleOvl a:hover {/*color*/} .poleOvl form {line-height: 22px; float: left;} .poleOvl form #producer { width: 200px;} .poleOvl form #srov { border: none; width: 16px; height: 16px; margin-top: 0px; cursor: pointer;} .poleOvl form #srov { background: url(../img/tl_srov.gif) no-repeat;} html>body .poleOvl form #srov {margin-top: 2px;} /*html>body .poleOvl form { padding: 2px 10px 0 10px;}*/ /*.poleOvl form select {margin: 0 6px 0 0;} .poleOvl form input {margin: 0 6px 0 0;}*/ /****************************************** * PRODUKT * ******************************************/ .itemsbox{width:566px; margin:0 auto; background:white url("../img/cbox_back.gif") repeat-y; zoom: 1 ; *margin-bottom:13px; /* IE hack */} .itemsboxtop{background: transparent url("../img/cbox_top.gif") no-repeat top; zoom: 1 ;} .itemsboxbott{background: transparent url("../img/cbox_foot.gif") no-repeat bottom; padding-bottom:13px; margin-bottom:13px; *margin-bottom:0; /* IE hack */ zoom: 1 ;} /*** PRODUKTY *************************************************************************/ .produkt { width: 171px; height: 160px; /*143px*/ margin:13px 0 0 13px; overflow: hidden; float: left; position:relative; font-family:"Palatino Linotype","New York CE",utopia,serif; _display:inline; /* IE hack */; zoom: 1 ; } .produkt h3 {display:block; width:153px; height:36px; position:absolute; top:103px; left:9px; text-align:center; z-index:25; margin:0;padding:0; overflow:hidden;} .produkt h3 a {text-decoration:none; font-size:13px; font-weight:normal;} /*** PRODUKT - radek SKLADEM a KOD *************************************************************/ .produkt .infoRadek {position:absolute; bottom:5px; left:9px; width:50%; overflow:hidden;font-size:9px; z-index:20; } .infoRadek .skladem {text-align:left;} .infoRadek .skladem span {} .infoRadek .kod {display:none;} /*** PRODUKT - obsah *************************************************************/ .produkt .prodObsah {position:absolute; width:100%; height:100%; z-index:5; top:0;left:0; zoom: 1 ; *width:171px;} /* tato cast kodu plati i pro produkt DET */ .prodObsah .prodLeft {padding-top:13px; zoom: 1 ; *width:171px;} .prodObsah .prodLeft a {display:block; width:112px; height:78px; margin:0 auto; text-align:center} .prodObsah .prodLeft a {display:block; width:112px; height:78px; margin:0 auto; text-align:center;} .produkt:hover .prodObsah .prodLeft a { text-decoration: none; position:absolute; right:13px; } .prodObsah .prodLeft a img {position:relative;} /* end */ .produkt .prodObsah .prodRight {position:absolute; bottom:18px; right:0px; width:50%; text-align:right; } .produkt .prodObsah .prodRight p.descr {display:none} .produkt .prodObsah .prodRight p.price {} .produkt .prodObsah .prodRight p.price strong {display:none} .produkt .prodObsah .prodRight p.price span {color:white;} .produkt .prodObsah .prodRight p.price span.prodCena{color:#843f55; display:block; position:absolute; bottom:3px; right:9px; font-size:12px; font-weight:bold} /*** PRODUKT - paticka *************************************************************/ .produkt .prodFoot {position:absolute; top:9px; left:13px; visibility:hidden; z-index:20;} .produkt:hover .prodFoot{visibility:visible} .prodFoot a {display:block; width:26px; height:23px; overflow:hidden; line-height:200px; position:absolute;} .prodFoot a.prodKoupe {top:0px;} .prodFoot a.prodPodr {top:36px;} .prodFoot a.prodMail {top:72px;} /* cast kodu pro ceny */ .bezCena {} .prodCena {} /*** PRODUKT - DETAIL PRODUKTU *************************************************************/ .produktDET {margin:0 13px} .produktDET .prodObsah {padding: 10px 0 0 0;} .produktDET .prodObsah .prodLeft table#imgGall { margin: 0px;} .produktDET .prodObsah .prodLeft table#imgGall td { background: #fff; text-align: center; vertical-align: middle; width: 100px; height: 100px; border: solid 1px #ccc;} .produktDET .prodObsah .prodLeft table#imgGall td img { margin: 5px; float: none;} .produktDET .prodObsah .prodLeft table#imgGall td a { text-align: center; width: 100px; height: 100px; padding: 0 0 0 0px; display: inline; float: none; border: none; background: none;} .produktDET .prodRight {width: 406px; text-align: left; padding-right: 10px; float: right;} .produktDET .prodLeft {width: 112px;} .produktDET .prodRight .kod { text-align: right;} .produktDET .prodRight .kod span { font-weight: bold; font-size: 110%;} .produktDET .prodObsah p {padding: 0 0 10px 0;} .produktDET .prodFoot {height: 20px; padding: 0 10px;} .produktDET .prodTable { width: 538px; margin: 0px;} .produktDET .prodTable th { padding: 4px;} .produktDET .prodTable td { padding: 0 4px;} #centerIN .produktDET .prodTable a { height: 20px; display: block;} .produktDET .prodTable a.prodKoupe {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;} .produktDET .prodTable a:hover.prodKoupe { text-decoration: none;} #products .prodTable td a.prodKoupe {height: 20px;line-height: 20px; text-decoration: underline; padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;} #products .prodTable td a:hover.prodKoupe { text-decoration: none;} /*** Technicke parametry *************************************************************/ .produktDET .prodRight .radekTP { padding: 0 2px; margin: 0 0 1px 0; /*background: Blue;*/} .produktDET .prodRight .left { width: 80px; float: left; font-weight: bold; /*background: Aqua;*/} .produktDET .prodRight .right { /*width: 300px;*/ margin-left: 10px; float: left; /*background: Fuchsia;*/} /*** Koupe *************************************************************/ .produktDET .buy { margin: 15px 0 0 0; width:230px;float:right;margin-right:-10px;} .produktDET .buy input { width: 20px; float: left;} .produktDET .buy p { margin: 0 5px 0 0; float: left;} .produktDET .buy p strong { line-height: 23px;} .produktDET .buy span {line-height: 23px; margin: 0 5px; display: block; float: left;} .produktDET .buy a { display: block; float: left;} .produktDET .buy a.prodKoupe {display:block;height:23px;line-height:200px;overflow:hidden;width:26px;background:transparent url(../img/tl_koupit.gif) no-repeat center top;margin-left:13px} .produktDET .buy a:hover.prodKoupe { text-decoration: none;} /*** PRODUKTY - doplnkove v detailu *************************************************************/ .produktM {width: 184px; height: 254px; margin: 0px 5px 10px 2px; overflow: hidden; float: left; /*background: Aqua;*/} html>body .produktM { margin: 0px 2px 10px 5px;} .produktM h3 { font-size: 100%; letter-spacing: 0px; height: 30px; overflow: hidden;} .produktM h3 a {line-height: 11px;} /*.produktM h3 a.test { line-height: 130%;} .produktM h3 a[id$="test"] { line-height: 100%; } html[xmlns] .produktM h3 a[id$="test"] { line-height: 130%; }*/ .produktM .infoRadek {line-height: 24px; clear: both; padding: 2px 0;} .produktM .prodObsah {padding: 0 10px 10px 10px;} .produktM .prodObsah a {width: 100px; height: 100px; text-align: center; display: block; overflow: hidden; } .produktM .prodObsah a:hover {/*color*/} .produktM .prodObsah a img { margin: 5px 0;} .produktM .prodFoot {/*height: 20px; padding: 0 10px;*/} .produktM .prodFoot a { width: 65px;} /* PRODEJNI LISTA */ /*.prodTlac2 { margin: auto; float: right;} .prodFoot .prod-skladem {text-align: left; line-height: 20px; float: left;} .prodFoot .prod-skladem span {font-size: 14px; font-weight: bold;} .prodFoot form.kod { line-height: 20px; text-align: left; width: 100px; float: left;} .prodFoot form.kod select {width: 90px;} .prodFoot form {line-height: 20px; text-align: left; width: 80px; float: left;} .prodFoot form input {width: 20px;} a.prododk {text-decoration: none;} a:hover.prododk {text-decoration: none;}*/ /*** KONTAKT ****************************************************************************/ #kontLeft { width: 300px;} #kontRight {} a#mapa { /*width: 170px; left: 380px;*/ padding: 0px; margin: 0px; display: block;} a#mapa img { padding: 0px; margin: 0px; /*color*/} p.kont {font-size: 110%; line-height: 140%; margin-bottom: 10px;} .kont strong {font-size: 90%;} #kont {padding: 13px;} #kont label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;} /*#kont span {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}*/ #kont label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;} #kont span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;} /****************************************** * RIGHT * ******************************************/ #RIGHT {text-align: center; width: 189px; float: right; margin-bottom: 0px; zoom: 1 ;} .homepage #RIGHT {margin-top:212px; _margin-top:0px; /* IE hack */} #RIGHT .buttPole {width: 150px; margin-bottom: 12px; padding-left: 10px; padding-right: 10px; float: none;} #RIGHT .buttPole a { width: 20px; height: 13px; padding: 0px; margin: 0 2px; } #RIGHT .buttPole a#cz { background: url(../img/flag_cz.gif) no-repeat;} #RIGHT .buttPole a#en { background: url(../img/flag_en.gif) no-repeat;} #RIGHT .buttPole a#ger { background: url(../img/flag_ger.gif) no-repeat;} #RIGHT h2.akt {clear: both;} #RIGHT h2 a {width: 16px; height: 16px; line-height: 16px; text-decoration: none; margin-top: 4px; display: block; float: right;} #RIGHT .aktualnab {text-align: center; padding:0px; margin: 9px 9px 0px 9px; background: white; zoom: 1 ;} #RIGHT .aktualnab .produkt{margin:0 0 13px 0;} #RIGHT .aktualnab.textVyp {text-align: left;} #RIGHT .aktualnabtop{background: transparent url("../img/pakce_top.gif") no-repeat top; padding-top:4px} #RIGHT .aktualnabbot{background: transparent url("../img/pakce_foot.gif") no-repeat bottom; padding-bottom:4px;} #RIGHT .best {text-align: center; padding: 10px; margin: 0px;} #RIGHT .best.textVyp {text-align: left;} #RIGHT .textVyp a { font-weight: bold;} #RIGHT .nab { width: 150px; padding: 0px; margin: 0px; /*color*/} #RIGHT .nab h3 { padding: 5px 8px 10px 8px; /*background: #fff;*/} #RIGHT .nab h3 a {font-size: 75%; text-align: left; letter-spacing: 0px;} #RIGHT .nab h3 a:hover {/*color*/} #RIGHT .nab p {text-align: center; padding: 0 10px 5px 10px; /*background: Aqua;*/} #RIGHT .nab p a { width: 100px; height: 100px; margin: auto; display: block; overflow: hidden;} #RIGHT .nab p a img { margin: 5px 0;} #RIGHT .nab p.price { text-align: left; margin-top: 6px;} #RIGHT .nab .prodFoot { /*height: 20px;*/ padding: 0px; margin: 0px;} #RIGHT .nab .prodFoot a {/*line-height: 20px;*/ text-align: left; text-decoration: underline; width: 48px; margin: 0 1px; display: block; float: left;} #RIGHT .nab .prodFoot a:hover {text-decoration: none;} /****************************************** * FOOTER * ******************************************/ #FOOTER {text-align: left; width: 100%;} #FOOTER .buttPole { border: none; width: 100%;} #DOWN-radek {/*height: 48px;*/ padding: 0 0 12px 0;} #develop {font-size: 100%; line-height: 36px; width: 350px; padding-left: 10px; float: left;} #optim {font-size: 100%; line-height: 36px; text-align: right; width: 390px; padding-right: 10px; float: right;} #optim strong {font-size: 100%;} /****************************************** * KOSIK * ******************************************/ /*** KOS TABULKA *******************************************************************/ .kosTable {border: none; width: 90%; w\idth: 100%; /*background: Blue;*/} .kosTable a.rel {width: 24px; height: 24px; text-decoration: none; display: block;} /*.kosTable input {font-size: 110%;}*/ .kosTable th {font-size: 110%; text-align: center; padding: 2px; font-family:"Palatino Linotype","New York CE",utopia,serif} .kosTable tr td {font-size: 100%; padding: 0 2px;} .kosTable .prev { text-decoration: none; width: 16px; height: 16px; display: block;} .kosTable tr.link1 td {/*color*/} .kosTable tr.link2 td {} .kosTable tr.link3 td {font-size: 12px; font-weight: bolder;} .kosTable tr.linkFin td { padding: 2px;} .kosTable2 {border: none; width: 90%; w\idth: 100%; margin: 10px 0;} .kosTable2 td { vertical-align: top;color:black} .kosTable2 td p { padding-top: 4px;} .kosTable2 td p label{ padding: 0px; margin: 0px;} html>body .kosTable2 td p { padding-top: 0px;} .kosTable2 td input { margin: 0px; padding: 0px;} /*** PRODUKT TABULKA *******************************************************************/ .prodTable {width: 100%;color:black;} .prodTable td{color:black;} .prodTable tr td { padding: 2px;} .prodTable .prev { text-decoration: none; width: 16px; height: 16px; display: block;} .prodTable a.prodKoupe {width: 55px; w\idth: 35px; height: 16px; padding-left: 20px; display: block; text-decoration:none;} .prodTable a.prodPodr {/*width: 55px; w\idth: 35px;*/ height: 16px; padding-left: 20px; display: block; text-decoration:none;} .prodTable a.del {/*width: 55px; w\idth: 35px;*/ height: 16px; padding-left: 20px; display: block; text-decoration:none;} /****************************************** * SROVNANI VYROBKU * ******************************************/ .srovLeft {width: 320px; w\idth: 300px; float: left; padding: 10px 2px; } .srovLeft .kod { text-align: right; padding: 5px;} .srovLeft h3 { height: 36px;} .srovLeft .produktDET .prodObsah { /**/} .srovLeft .produktDET .prodObsah .prodRight {width: 300px; w\idth: 280px; text-align: left; padding: 0 10px; float: none;} .srovLeft .produktDET .prodObsah .prodLeft {width: 300px; w\idth: 280px; text-align: left; padding: 10px; float: none;} .produktDET .prodObsah .prodLeft table#imgGall td.priceBlock { background: none; text-align: left; vertical-align: top; width: 160px; height: 100px; border: none; padding-left: 20px;} .produktDET .prodObsah .prodLeft table#imgGall td.priceBlock p { margin: 0px; padding: 0px;} /****************************************** * ZALOZKOVE MENU * ******************************************/ #zalozkMenu { height: 25px; width:300px;} #zalozkMenu a { float: left; display: block; padding: 5px 10px; margin-right: 2px;} #zalozkMenu a.act { font-weight: bold; text-decoration: none;} /****************************************** * DISKUZE * ******************************************/ .diskuze { /*direction: ltr;*/ } .diskuze th { padding: 2px 4px; } .diskuze th span { font-weight: normal; } .diskuze th.rightBl { text-align: right; width: 113px;} .diskuze td {padding: 4px; color: #000;} .margin00 { margin-left: 0px;} .margin00 th { /*color*/} .margin00 th.leftBl { width: 425px;} .margin01 { margin-left: 10px;} .margin01 th.leftBl { width: 415px;} .margin02 { margin-left: 20px;} .margin02 th.leftBl { width: 405px;} .margin03 { margin-left: 30px;} .margin03 th.leftBl { width: 395px;} .margin04 { margin-left: 40px;} .margin04 th.leftBl { width: 385px;} .margin05 { margin-left: 50px;} .margin05 th.leftBl { width: 375px;} .margin06 { margin-left: 60px;} .margin06 th.leftBl { width: 365px;} .margin07 { margin-left: 70px;} .margin07 th.leftBl { width: 355px;} .margin08 { margin-left: 80px;} .margin08 th.leftBl { width: 345px;} table.diskForm { margin: 0 0 0 10px; color:black} table.diskForm td{color:black} /****************************************** * PAGER * ******************************************/ .produktDET .PAGER {/*color*/} .PAGER { height: 22px;/*line-height: 20px;*/ padding: 6px 6px 0 6px;} html>body .PAGER { height: 20px;/*line-height: 20px;*/ padding: 6px;} .PAGER div.pocet {line-height: 20px; float: left;} .PAGER form {height: 20px; padding: 0 20px 0 6px; float: left;} .PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;} .PAGER form input, select {margin-top: 0px; margin-bottom: 0px;} .PAGER form select {width: 45px;} .PAGER form input {width: 25px; float: left;} .PAGER form input.butt {width: 30px;} .PAGER .listovani {/*width: 136px; */ padding: 0 20px 0 6px; float: left;} .PAGER .listovani a {width: 15px; height: 20px; text-decoration: none; display: block;} .PAGER .listovani a.list-l {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;} .PAGER .listovani a.list-r {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;} .PAGER a.back {font-weight: bold; line-height: 20px; text-decoration: underline; float: left; display: block;} .PAGER a.prodKoupe {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;} .PAGER a:hover.prodKoupe { text-decoration: none;} .PAGER a.prodMail {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 95px; w\idth: 75px; float: right; display: block; margin-right: 6px;} .PAGER a:hover.prodMail {text-decoration: none;} .PAGER a.prodPrint {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 80px; w\idth: 60px; float: right; display: block; margin-right: 6px;} .PAGER a:hover.prodPrint {text-decoration: none;} .PAGER a.prodDownl {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 100px; w\idth: 80px; float: right; display: block; margin-right: 6px;} .PAGER a:hover.prodDownl {text-decoration: none;} /****************************************** * NAHLEDY IMG JAVA * ******************************************/ #smallDiv { padding: 12px; visibility: hidden; position: absolute; z-index: 100; overflow: hidden;} #smallDiv img { margin-top:10px;} #smallDiv a { text-decoration: none;} #preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;} #RIGHT .pbox{ background: black url("../img/panel_rback.gif") repeat-y; } #LEFT .pbox{ background: black url("../img/panel_lback.gif") repeat-y; } #RIGHT .pboxtop { background: transparent url("../img/panel_rtop.gif") no-repeat top; } #LEFT .pboxtop{ background: transparent url("../img/panel_ltop.gif") no-repeat top; } #RIGHT .pboxbott { background: transparent url("../img/panel_rfoot.gif") no-repeat bottom; padding-bottom:9px; } #LEFT .pboxbott{ background: transparent url("../img/panel_lfoot.gif") no-repeat bottom; padding-bottom:9px; } .pbox{ margin-bottom:13px; zoom: 1 ; } #RIGHT h2, #LEFT h2, #RIGHT .odtrzitko, #LEFT .odtrzitko{display:none} .pbox h2, #RIGHT .pbox h2, #LEFT .pbox h2, .htitle{ display:block; color:white; text-align:center; position:static; margin:0 13px;padding:9px 0; font-weight:normal; font-size:15px; border-bottom:1px solid silver; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; letter-spacing:1px; } .pbox .odtrzitko{display:none;} #RIGHT .basket {width:205px; *margin-bottom:13px;} #RIGHT .basket {background: black url("../img/panel_rback.gif") repeat-y;} #RIGHT .basket .pbox {background: transparent url("../img/basket_shadow.png") no-repeat 1px 196px; *margin-bottom:0;} #RIGHT .basket .pbox h2{display:none;} #RIGHT .basket .pboxtop{background: transparent url("../img/basket_top.png") no-repeat top left; padding-top:196px; *text-align:left;} #RIGHT .basket .pboxbott{width:189px; background-position: bottom left;} #RIGHT .basket .pboxbott form div{text-align:center;} #RIGHT .login {width:189px; overflow:hidden;} #RIGHT .login .pbox{background:#e20048 none; width:189px;} #RIGHT .login .pboxtop{background-image:url("../img/puser_top.gif")} #RIGHT .login .pboxbott{background-image:url("../img/puser_foot.png")} #RIGHT .login h2 {background:transparent url("../img/puser_icon.gif") no-repeat bottom center; border:0;margin:0 0 13px 0;} #RIGHT .login #username, #RIGHT .login #password{ display:block; background: white url(../img/puser_input1.gif) no-repeat; width:165px; height:24px; line-height:24px; overflow:hidden; margin:0 auto 13px auto; } #RIGHT .login #password {background-image:url(../img/puser_input2.gif);} #RIGHT .login #loginusername, #RIGHT .login #loginpassword{ background:transparent; border:0; color:gray; display:block; font-size:12px; padding:5px 0; width:160px; text-align:center; margin:0 0 0 3px; } #RIGHT .login .tllogin{ border:0;background:transparent;padding:0;margin:0; font-family:"Palatino Linotype","New York CE",utopia,serif; font-size:15px; color:white; float:right; cursor:pointer; position:relative; top:-1px; zoom: 1 ; *font-size:14px; *top:-1px; } #RIGHT .login a#signup{ display:block;float:left;margin:0 0 0 12px;padding:0; text-decoration:none;font-weight:normal; color:black;font-family:"Palatino Linotype","New York CE",utopia,serif;font-size:15px; zoom: 1 ; *font-size:14px; } #RIGHT .login a#signup:hover{color:white;} #RIGHT .login .error{display:block; margin:13px 13px 4px 13px; font-size:16px; font-family:"Palatino Linotype","New York CE",utopia,serif;background-color:black; padding:4px 6px;} #RIGHT .login .error strong{text-decoration:blink} #RIGHT .login .error a{display:block; color:white; font-size:14px;font-weight:bold; margin-top:4px;} #RIGHT .login form#log p{text-align:left;margin:0 13px; font-family:"Palatino Linotype","New York CE",utopia,serif; font-size:12px;} #RIGHT .login form#log a#signup{clear:both;margin:0;} #RIGHT .login form#log p a{color:white} #RIGHT .login form#log p#logout{text-align:right;margin-top:9px;} #RIGHT .login form#log p#logout input.tllogout{border:0;background:transparent;padding:0;margin:0; font-family:"Palatino Linotype","New York CE",utopia,serif; font-size:15px; color:white; cursor:pointer;} .contentheader{ position:relative;height:35px;} .contentheader .contentname{color:white;text-decoration:none;font-weight:normal;background:#e20048 url("../img/cmenu_back.gif") repeat-x top; height:35px;line-height:37px;_width:210px;overflow:hidden;float:left;} .contentheader .contentname h1, .contentheader .contentname h2{font-size:14px; font-weight:normal; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;margin:0;padding:0;color:white;} .contentheader .contentname h1 a, .contentheader .contentname h2 a{color:white;text-decoration:none} .contentheader .contentnameleft{background:transparent url("../img/cmenu_left.gif") no-repeat left top;height:100%;padding-left:26px;} .contentheader .contentnameright{_width:200px; background:transparent url("../img/cmenu_right.gif") no-repeat right top;height:100%;padding-right:26px;} .contentheader .listsettings{position:absolute;right:0;bottom:4px;} .news h3 a{text-decoration:none; color:black} .news .newscontent{color:gray;padding-bottom:0} .news .date{text-align:right} .fgallery{position:relative;margin:0 0 13px 0;width:766px; _display:none /* IE hack */ } .fgallery .fhead{height:34px; overflow:hidden;} .fgallery .fhead a{ display:block;float:left;width:200px;height:34px;line-height:34px; text-decoration:none; color:#666; text-align:center; font-size:14px; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; background: black url("../img/pmenu.gif") no-repeat top; margin-right:9px } .fgallery .fhead a.active{background-image:url("../img/pmenu_active.gif");color:white;} .fgallery .fbox{height:165px; background:#E20048 url("../img/pbox.gif") repeat-x top;margin:0;overflow:hidden} .fgallery .fboxleft{background: transparent url("../img/pbox_lfull.gif") no-repeat top left;height:100%;overflow:hidden;} .fgallery .fboxright{background: transparent url("../img/pbox_rfull.gif") no-repeat top right;height:100%;overflow:hidden;} .fgallery .fbox .photos{margin:13px;height:109px;overflow:hidden;text-align:center;line-height:109px;} .fgallery .fbox .photosin{width:1000px;height:109px;overflow:visible;} .fgallery .fbox .photos img{height:100%;display:block;float:left;} .fgallery .fbox .factions{position:absolute;bottom:9px;left:0;width:100%;} .fgallery .fbox .factions a{ color:white;font-size:15px;font-family:"Palatino Linotype","New York CE",utopia,serif; text-decoration:none; } .fgallery .fbox .factions .left{position:absolute;left:13px;bottom:0;} .fgallery .fbox .factions .right{position:absolute;right:13px;bottom:0;} #photoGallery {margin-left: auto; margin-right: auto; border-collapse: collapse; width: 100%;} #photoGallery td {height:235px; text-align:center; vertical-align:middle; width:190px; padding: 5px 0;} #photoGallery img {width:180px;} #photoGallery a {text-decoration: none; font-weight: bold; font-size: 120%;} #photoGallery a:hover { text-decoration: none;} #photoGallery a img {margin-bottom: 10px;} #pager{ text-align:center; } #pager a{ color:white; background:#E20048; font-size:14px; font-weight:normal; padding:3px 5px; border:1px solid #E20048; text-decoration:none; }