/* CSS Document */ body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} body {margin: 0px; padding: 0px;} #main {width: 960px; margin: 0px auto;} .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: 30px;} .odtrzitko3 {height: 30px;} .odtrzM {font-size: 6px; height: 6px;} .odtrzSloupec {font-size: 1px; height: 1px; line-height: 1px; margin: 10px 0;} .posBlock { height: 0px; position: relative;} p.next { font-weight: bold; text-align: left; padding: 5px 10px 0 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;} /****************************************** * NADPISY * ******************************************/ h1,h2,h3 {text-align: left; font-weight: bold; letter-spacing: -1px; padding: 3px 0 3px 6px; margin: 0px;} h2 {font-size: 120%; letter-spacing: 0px; font-family: Tahoma;} 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: 23px; left: -12px; top: 5px; position: absolute; display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.4; opacity:0.3;} html>body h2 .h2odr {/*background: url(../img/fl_nadp.png) no-repeat;*/ left: -6px; top: 0px;} h3 {font-size: 130%;} 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 { background: url(../img/butt_bg.gif) repeat-x; border: none; color: #fff; font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px;} .formButt2 { background: url(../img/butt_bg2.gif) repeat-x; border: none; color: #fff; font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px;} .centrForm {padding: 20px 10px 10px 10px;} .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;} #topBanner img {margin: 10px;} /****************************************** * SHOP LISTA * ******************************************/ #shopMenu { height: 22px;} #shopMenu h2 { 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: 81px; margin: 0 auto; /*background: Aqua;*/} #headTop a#logo { text-decoration: none; width: 192px; height: 81px; margin-right: 20px; display: block; float: left;} #headTop form { background: url(../img/ico_search.gif) no-repeat; margin: 28px 0 0 20px; padding-left: 25px; float: left;} #headTop #defMenu { margin: 32px 0 0 0; float: right;} #headTop #defMenu a#oblib, a#mail, a#struk {text-decoration: underline; padding: 3px 0 3px 30px; 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;*/} /****************************************** * TOP MENU * ******************************************/ .buttPole {text-align: left; width: 768px; padding: 7px 0 0 0; height: 18px; float: left;} html>body .buttPole { padding: 7px 0;} .buttPole a {text-decoration: none; padding: 2px 20px 2px 25px; float: left;} .buttPole a:hover {/*color*/} .buttPole a.act {/*color*/} /*** IMG cast hlavicky ************************************************/ #head { width: 578px; margin-bottom: 13px /*background: Aqua;*/} #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: 300px; height: 30px; right: 0px; top: -30px; position: absolute; z-index: auto;} #headImg3 { width: 243px; height: 75px; right: -22px; top: -105px; position: absolute; z-index: auto;} /*** USER ************************************************************/ #user {width: 170px; /*height: 125px;*/ text-align: left; padding-bottom: 10px;} #user h2 { /*margin-bottom: 5px;*/} #user h2 .h2odr { left: -11px; top: 0px;} html>body #user h2 .h2odr { left: -6px;} #user form {padding: 10px 10px 0 10px;} #user form#log { padding-bottom: 10px;} #user form#schranka { padding-bottom: 10px;} #user form#schranka a { font-weight: bold;} #user form#schranka a:hover { text-decoration: none;} #user form p { line-height: 120%; margin: 0 0 5px 0;} #user form p span.flForm { float: left; display: block; width: 35px; line-height: 20px;} #user form .odtrzitko {height: 1px; line-height: 1px; background: none; margin: 10px 0;} #user form p a {/*color*/} #user form a.userLink { margin: 5px 0 0 0px; display: block;} #user form form input { font-weight: normal; /*float: left;*/} #user form input.name { width: 140px; margin-bottom: 4px; /*float: left;*/} #user form input.pasw {width: 140px; margin-bottom: 4px;} #user form input#pokladna { background: url(../img/butt_pokladna.gif) no-repeat right center; border: none; color: #fff; font-size: 120%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: left; width: 150px; height: 22px; line-height: 22px; margin: 0px; padding: 0 5px; cursor: pointer;} #user form #basket ul#zbozi { padding-left: 0px;} #user form #basket ul#zbozi li { list-style: none; float: left;} #user form #basket ul#zbozi li.del { border: none; font-weight: bold; width: 15px; /*background: Aqua;*/} #user form #basket ul#zbozi li.pol { width: 135px; /*background: Fuchsia;*/} #user form #basket ul#zbozi li.end { border-bottom: none; } #user form #basket ul#zbozi li a { text-decoration: none;} #user form #basket ul#zbozi li a:hover { text-decoration: underline;} #user form #pricesumm { font-size: 110%; font-weight: bold; padding: 5px; display: block;} /****************************************** * OBSAH * ******************************************/ #CONTENT {margin: auto; /*background: Fuchsia;*/} #flBlok { width: 790px; margin-top: 13px; float: left; /*background: #FFD700;*/} /****************************************** * LEFT * ******************************************/ #LEFT {text-align: left; width: 170px; float: left;} #LEFT h2 {clear: both; position: relative;} /*#LEFT h2 .h2odr { background: url(../img/h2_odr.gif) repeat-y; width: 6px; height: 25px; left: -11px; top: 5px; position: absolute;} html>body #LEFT h2 .h2odr { left: -6px; top: 0px;}*/ /*#LEFT h2 a#topm {width: 50%; line-height: 24px; display: block; float: right;} #LEFT h2 a#topm:hover {}*/ /****************************************** * MENU * ******************************************/ #menu {text-align: left;} #menu a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;} #menu a.akt {text-decoration: none;} #menu a:hover {text-decoration: none;} #menu2 {text-align: left;} #menu2 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;} #menu2 a.akt {text-decoration: none;} #menu2 a:hover {text-decoration: none;} #menu3 {text-align: left;} #menu3 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;} #menu3 a.akt {text-decoration: none;} #menu3 a:hover {text-decoration: none;} /****************************************** * NEWSLETTER * ******************************************/ #NEWSL {text-align: left;} #NEWSL form {padding: 10px;} #NEWSL form .text {width: 100%;padding: 0 0 10px 0;} #NEWSL form input.mail {width: 100px; /*float: left;*/} #NEWSL form a#butt {text-decoration: none; width: 33px; height: 22px; margin: 0 0 0 6px; float: left; display: block;} #NEWSL form a:hover#butt {text-decoration: none;} #NEWSL form p {margin: 0 0 5px 0;} #NEWSL a {/*color*/} /****************************************** * REKLAMA * ******************************************/ .REKL {text-align: center; padding: 10px;} .REKL 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 {/*color*/} #LEFT h2 a {width: 16px; height: 16px; text-decoration: none; display: block; float: right;} #NEWS span {font-size: 100%; /*font-weight: bold;*/} #NEWS p {padding: 10px;} #NEWS p.next { padding: 5px 10px; font-weight: bold;} #NEWS a {text-decoration: underline;} #NEWS a:hover {/*color*/} /****************************************** * CENTER * ******************************************/ #CENTER {width: 618px; float: left; /*background: Aqua;*/} #centerIN {text-align: left; padding: 0 20px; /*background: Fuchsia;*/} #centerIN h1#link { font-size: 150%; margin-bottom: 10px; padding: 0 10px;} #centerIN h1#link a { font-size: 90%;} #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 { width: 540px; padding: 10px; margin-top: 10px;} #centerIN div.info img { margin: 0 10px 10px 0; float: left;} #centerIN .info h4 { padding: 0 10px; margin-bottom: 5px;} #centerIN .info p {line-height: 160%; margin-bottom: 10px; padding: 0 10px;} #centerIN .info p.hodnText {line-height: 150%; margin-bottom: 15px;} #centerIN .info p.hodnText span strong { font-size: 120%;} #centerIN .info p.hodnText.end {margin-bottom: 0px;} #centerIN .info p.backmenu { font-weight: bold; text-align: right; padding: 5px; /*margin: 0px;*/} #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 { width: 560px; margin: 0px; padding: 10px 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; margin: 5px 0;} #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;} /****************************************** * OVLADACI POLE * ******************************************/ .poleOvl {height: 24px; text-align: left; margin: auto;} .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 * ******************************************/ /*** PRODUKTY *************************************************************************/ .produkt { width: 275px; height: 210px; padding-bottom: 10px; margin: 0px 5px; overflow: hidden; float: left; /*background: Aqua;*/} /*html>body .produkt { height: 206px;}*/ .produkt h3 { font-size: 100%; letter-spacing: 0px; height: 34px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; /*border: solid 1px #000;*/} /*html>body .produkt h3 { height: 30px;}*/ .produkt h3 a { line-height: 11px; /*display: block;*/} .produkt.s2 { width: 560px; height: 200px; margin-bottom: 10px; /*background: Aqua;*/} .produkt.s2 h3 { font-size: 100%; letter-spacing: 0px; height: 24px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; /*border: solid 1px #000;*/} html>body .produkt.s2 h3 { height: 20px;} .produkt h3 a { line-height: 100%; /*display: block;*/} /*** PRODUKT - radek SKLADEM a KOD *************************************************************/ .produkt .infoRadek {line-height: 24px; clear: both; padding: 2px 0;} .infoRadek .skladem {text-align: left; line-height: 20px; padding: 0 0 0 10px; float: left;} .infoRadek .skladem span {font-size: 130%; font-weight: bold;} .infoRadek .kod {font-size: 110%; font-weight: bold; padding-right: 10px; float: right;} .infoRadek .kod span {font-size: 0.9em; font-weight: normal; display: inline;} /*** PRODUKT - obsah *************************************************************/ .produkt .prodObsah {padding: 0 0 5px 0; /*background: Aqua;*/} /* tato cast kodu plati i pro produkt DET */ .prodObsah .prodLeft {text-align: center; width: 110px; padding: 0 0 0 10px; float: left;} .prodObsah .prodLeft a {width: 100px; height: 100px; display: block; overflow: hidden; float: none;} .prodObsah .prodLeft a:hover { text-decoration: none; } .prodObsah .prodLeft a img { margin: 5px 0;} /* end */ .produkt .prodObsah .prodRight { width: 140px; text-align: left; padding-right: 10px; float: right;} .produkt.s2 .prodObsah .prodRight { width: 410px; text-align: left; padding-right: 10px; float: right;} .produkt .prodObsah .prodRight p.descr {height: 54px; overflow: hidden; /*background: Aqua;*/} .produkt .prodObsah .prodRight p.price { height: 60px; margin-top: 6px; /*background: Aqua;*/} /*** PRODUKT - paticka *************************************************************/ .produkt .prodFoot {} .prodFoot a {text-decoration: none; width: 65px; line-height: 20px; padding: 0 5px 0 19px; margin: 0 1px; overflow: hidden; display: block; float: left;} /*html>body .prodFoot a { padding: 0 5px 0 20px; margin: 0 2px 0 0; width: 65px;}*/ .prodFoot a:hover {text-decoration: underline;} .prodFoot a.prodMail {/*width: 85px; w\idth: 65px;*/} .prodFoot a:hover.prodMail{/*color*/} .prodFoot a.prodPodr {/*width: 85px; w\idth: 65px;*/} .prodFoot a:hover.prodPodr {/*color*/} .prodFoot a.prodKoupe {/*width: 55px; w\idth: 35px;*/} .prodFoot a:hover.prodKoupe {/*color*/} .produkt.s2 .prodFoot a.prodMail { margin-right: 270px; margin-left: 7px;} html>body .produkt.s2 .prodFoot a.prodMail { margin-left: 10px;} /* cast kodu pro ceny */ .bezCena {font-size: 110%; text-decoration: line-through;} .prodCena {font-size: 110%; font-weight: bold;} /*.prodCena strong {color: Black; font-size: 110%; font-weight: bold;}*/ /*** PRODUKT - DETAIL PRODUKTU *************************************************************/ .produktDET {/*color*/} .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: 380px; text-align: left; padding-right: 10px; float: right;} .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;} .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 {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;} .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 { width: 170px;} 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: 20px 10px 10px 10px;} #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: 170px; float: right; margin-bottom: 0px;} #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 { clear: both; position: relative;} #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: 10px; margin: 0px;} #RIGHT .aktualnab.textVyp {text-align: left;} #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;} .kosTable tr td {font-size: 100%; padding: 0 2px;} .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;} .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 {border: none; width: 90%; w\idth: 100%; /*background: Blue;*/} .prodTable tr td {font-size: 100%; padding: 0 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: 400px; w\idth: 380px; float: left; padding: 10px; } .srovLeft h3.det a {float: left;} .srovLeft h3.det span { display: block;} .srovLeft h3.det .kod { float: right; letter-spacing: 0px;} .srovLeft h3.det span.kod span { font-size: 80%; font-weight: normal; display: inline;} .srovLeft .produktDET .prodObsah { /**/} .srovLeft .produktDET .prodObsah .prodRight {width: 380px; w\idth: 360px; text-align: left; padding: 0 10px; float: none;} .srovLeft .produktDET .prodObsah .prodLeft {width: 380px; w\idth: 360px; text-align: center; padding: 0 10px; float: none;} .srovLeft .produktDET .prodObsah .prodLeft p {padding: 0 18px 10px 0; float: left;} .srovLeft .produktDET .prodObsah .prodLeft p a {width: 100px; height: 160px; display: block; overflow: hidden;} /****************************************** * ZALOZKOVE MENU * ******************************************/ #zalozkMenu { height: 25px; } #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;} .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;} /****************************************** * 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:#FFF; padding:15px; display:none; color:#000; text-align: center; } #preview img {margin-bottom: 5px;} .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;}