/* 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; /*overflow: hidden;*/} .req {font-size: 170%; color: #E80000; position: relative;} a {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;} .alLeft { text-align: left;} fieldset table { padding: 0px; margin: 2px 0 0 0;} fieldset p { padding: 0px; margin: 4px 0;} fieldset textarea { width: 540px;} /****************************************** * NADPISY * ******************************************/ h1,h2,h3 {text-align: left; font-weight: bold; letter-spacing: -1px; padding: 3px 5px; margin: 0px;} h1 { font-size: 140%; padding: 3px 0px; margin: 0 10px; width: 940px; height: 18px; overflow: hidden; /*background: aqua;*/} h1 span { font-style: italic;} h2 {font-size: 120%; letter-spacing: 0px; text-transform: lowercase; position: relative; /*z-index: 0;*/} h2 a.openClose {display:block; font-size:11px; height:11px; position:absolute; text-decoration:none; top:6px; right:6px; width:11px;} h3 {font-size: 110%; letter-spacing: 0px;} 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; padding: 1px;} .formButt { font-weight: bold; height: 20px; line-height: 18px; margin: 0px; padding: 0 5px; cursor: pointer;} .formButt2 { font-weight: bold; height: 20px; line-height: 18px; margin: 0px; padding: 0 5px; cursor: pointer;} .centrForm {padding: 0 0 5px 0;} .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;} .centrForm label span.descr2 {text-align: right; width: 175px; w\idth: 80px; padding: 0 15px 0 0; display: block; float: left;} /****************************************** * 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;} .sizeFull { width: 575px;} .top {height: 6px; line-height: 6px; font-size: 6px;} .top div {height: 6px; line-height: 6px; font-size: 6px;} .bott {height: 6px; line-height: 6px; font-size: 6px;} .bott div {height: 6px; line-height: 6px; font-size: 6px;} /****************************************** * TOP BANNER * ******************************************/ #topBanner { /*position: relative;*/} #topBanner img {margin: 3px;} /****************************************** * SHOP LISTA * ******************************************/ /****************************************** * SKY BANNER * ******************************************/ #skyBanner {text-align: left; width: auto; height: auto; top: 12px; right: -220px; z-index: auto; position: absolute;} #skyBanner img {padding: 0px; margin: 0px;} /****************************************** * HOME TOP NABIDKA A ROZCESTNIK * ******************************************/ .ieClear.home .topNab {width: 385px;} .topNab {width: 295px; margin: 0 10px 0 0; padding: 0px; /*height: 20px;*/ float: left;} .topNab.noOds {margin: 0px; padding: 0px;} .topNab.rozc {width: 294px; margin: 0px 5px 10px 5px; float: left;} .topNab .obs {padding: 0 10px; text-decoration: none; display: block; cursor: pointer;} .topNab .obs span { display: block;} .topNab .obs .nadp {border: none; background: none; font-size: 110%; font-weight: bold; height: 36px; line-height: 110%; padding-bottom:5px; padding-left: 10px; overflow: hidden;} .topNab .obs .text { height: 40px; line-height: 120%; font-size: 100%; padding-left: 10px; overflow: hidden;} .topNab .obs .price { } .topNab .obs .bonus_price {color: red; font-size: 140%; text-align: right; font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding-top: 2px; padding-left: 10px;} .topNab .imgBlock { text-align: center; float: left; width: 100px; height: 100px; display: block; overflow: hidden;} .poznamka {font-size: 85%; text-align: right; margin-top: 5px; padding-top: 2px; padding-left: 10px;} /****************************************** * MENU * ******************************************/ .buttPole { padding: 27px 5px 0 200px; height: 47px; } #FOOTER .buttPole { padding: 0 5px; height: 40px; } #menu {} #menu2 {} #menu3 {} .submenu {} .submenu2 {} #INFO {} /****************************************** * HEAD * ******************************************/ #headTop { width: 100%; height: 40px; margin: 0 auto; padding: 0px; position: relative; /*background: Aqua;*/} #headTop #welcome { border: none; background: none; width: 445px; position: absolute; top: 130px; left: 190px;} #headTop #welcome h2 { border: none; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 140%; text-transform: none; line-height: 100%; letter-spacing: -1px; padding-left: 0px;} #headTop #welcome p { /*font-size: 70%; font-weight: normal;*/ line-height: 115%; letter-spacing: 0px; padding-top: 5px;} #headTop a#logo { display:block; width:180px; height:76px; left:0; top:35px; position:absolute; text-decoration:none; z-index:10000;} #search { margin: 0px; padding: 7px 0px 7px 35px; left: 190px; top: 20px; position: absolute; z-index: 99;} #intriguer { /*left:0px;*/} #lang { right: 200px; top: 28px;} #headTop #defMenu { margin: 22px 0 0 0; float: right;} #headTop #defMenu a#oblib, a#mail, a#struk {text-decoration: underline; padding: 3px 0 3px 0px; 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 * ******************************************/ /*** IMG cast hlavicky ************************************************/ #head { width: 600px; margin/*-bottom*/: 0 auto 13px auto; /*background: Aqua;*/} #headImg { text-align: left; height: 116px;} /*#karty { background: url(../img/karty.gif) no-repeat; width: 71px; height: 79px; right: 0px; top: 24px; position: absolute; z-index: auto; visibility: hidden;}*/ #headImg2 { /*display: none;*/ width: 336px; height: 128px; right: 0px; top: 124px; position: absolute; z-index: 100;} #headImg3 { /*display: none;*/ width: 279px; height: 66px; right: 0px; top: 58px; position: absolute; z-index: auto;} #headImg4 { /*display: none;*/ width: 148px; height: 49px; right: 0px; top: 9px; position: absolute; z-index: auto;} /****************************************** * SKROL KATEGORII * *****************************************/ #scrollPresent { width: 600px; height: 120px; overflow: hidden; visibility: visible; position: relative; left: 0px; z-index: 0;} #scrollPresent ul {margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -732.87px;} #scrollPresent ul li { margin: 0 2px; float: left;} #scrollPresent ul li span { display: block; width: 116px; height: 6px; line-height: 6px; font-size: 6px;} #scrollPresent ul li span.top {} #scrollPresent ul li span.top span {} #scrollPresent ul li span.bott {} #scrollPresent ul li span.bott span {} #scrollPresent ul li a { text-align: center; text-decoration: none; display: block; overflow: hidden; width: 116px; height: 100px; padding: 4px 0px;} #scrollPresent ul li a img { margin: 0 10px 5px 10px;} #scrollPresent ul li a span { font-size: 90%; font-weight: bold; height: auto; line-height: 100%; width: 96px; display: block; padding: 0 10px; cursor: pointer;} /*** USER ************************************************************/ #user {width: 170px; /*height: 125px;*/ text-align: left; padding: 0px;} #user .bordIn { padding: 0px;} #user h2 { /*margin-bottom: 5px;*/} #user form {padding: 10px 10px 0 10px;} #user form input#login { font-size: 130%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: left; width: 150px; height: 34px; line-height: 34px; margin: 0px; padding: 0 5px 0 45px; cursor: pointer;} #user form input#logout { font-size: 130%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: left; width: 150px; height: 34px; line-height: 34px; margin: 0px; padding: 0 5px 0 45px; cursor: pointer;} #user form input#lightBox { font-size: 130%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: left; width: 150px; height: 34px; line-height: 34px; margin: 0px; padding: 0 5px 0 45px; cursor: pointer;} #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 {} #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 { font-size: 130%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: left; width: 150px; height: 43px; line-height: 43px; margin: 0px; padding: 0 5px 0 45px; cursor: pointer;} #user form #basket #rool { width: 155px; height: 140px; overflow: auto;} #user form #basket p { text-align: center;} #user form #basket ul#zbozi { padding-left: 0px; width: 138px;} #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: 120px; /*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;} #rool { width: 155px; height: 60px; overflow: auto;} #user form #pricesumm { font-size: 110%; font-weight: bold; padding: 5px; display: block;} #kosBl {} #kosBl #nadpKos { font-weight: bold; font-size: 110%; padding: 10px 5px 10px 35px;} #kosBl p { margin: 3px 0;} #kosBl p span { font-weight: bold; font-size: 120%; letter-spacing: -1px;} #kosBl #buttKos { font-weight: bold; font-size: 110%; text-align: center; width: 146px; height: 24px; line-height: 22px; cursor: pointer; /*padding: 4px 0; margin: 10px 0 0 0; display: block; text-decoration: none;*/} /*#kosBl p a:hover#buttKos { text-decoration: underline;}*/ .headForm { height: 90px; margin: 20px 0 0 0; padding: 5px 5px 10px 5px; float: left; overflow: hidden;} .headForm td { padding: 0px; margin: 0px; height: 20px; vertical-align: middle;} .headForm input { padding: 1px; margin: 1px;} .headForm select { margin: 0px; padding: 0px;} /*.headForm .formButt { margin: 0px; padding: 0px; position: fixed;}*/ #searchFrm { width: 270px; margin-left:95px;} #searchFrm p { font-weight: bold; font-size: 110%; padding-bottom: 5px;} html>body #searchFrm { margin-left: 190px;} #searchFrm select { width: 132px;} #logBl { width: 280px; margin-left:10px;} #logBl p { font-weight: bold; font-size: 110%; padding-bottom: 5px;} form#log {} form#log a {} #logsBl { padding: 10px; text-align: center;} #logsBl img { padding: 0 10px; } /****************************************** * OBSAH * ******************************************/ #CONTENT {margin: 10px auto 0px 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; font-family: Tahoma; margin: 0px; padding: 0px; padding-left: 10px; height: 23px; line-height: 23px; overflow: hidden;} /****************************************** * NEWSLETTER * ******************************************/ #NEWSL {text-align: left;} #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 {} /****************************************** * REKLAMA * ******************************************/ .REKL {text-align: center; padding: 0px; margin: 0px;} .REKL img {} .REKL legend { font-size: 90%;} /****************************************** * ANKETA * ******************************************/ #ANKETA {text-align: left; /*padding: 0 10px 10px 10px;*/} #ANKETA .ankLine {font-size: 6px; height: 6px;} #ANKETA p {padding: 6px 0 0 0;} #ANKETA a {padding: 0 5px 0 0;} #ANKETA a:hover {} /****************************************** * NEWS * ******************************************/ #NEWS { /*padding: 5px 10px;*/} #NEWS span {font-size: 100%; /*font-weight: bold;*/} #NEWS p {padding: 5px 0px;} #NEWS a {text-decoration: underline;} #NEWS a:hover { text-decoration: none;} #NEWSHp { /*padding: 5px 10px;*/} #NEWSHp span {font-size: 100%; /*font-weight: bold;*/} #NEWSHp p {padding: 5px 0px;} #NEWSHp a {text-decoration: underline;} #NEWSHp a:hover { text-decoration: none;} /****************************************** * CENTER * ******************************************/ .ieClear { /*background: Aqua;*/ width: 600px; padding: 0px; margin: 0px; overflow: hidden;} #CENTER {width: 620px; float: right; /*overflow: hidden;*/ /*background: Aqua;*/} #CENTER h2 a.openClose {display:none;} #centerIN {text-align: left; padding: 0 10px; /*background: Fuchsia;*/} #centerIN h2#link { font-size: 100%; margin-bottom: 10px; padding: 0 10px; letter-spacing: 0px;} #centerIN h2#link a { font-size: 100%; font-weight: normal;} #centerIN h2 { margin-bottom: 0px; font-family: Tahoma; position: relative;} #centerIN h2.homeNadp { margin-bottom: 5px; font-family: Tahoma; position: relative;} #centerIN #NEWS {} #centerIN #NEWS a { /*color: #000;*/} #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: 580px;*/ padding:0 10px;} #centerIN div.info img { margin: 0 10px 10px 0; float: left;} #centerIN .info h3 { font-size: 100%; padding: 0px; margin: 5px 0;} #centerIN .info p {line-height: 140%; margin-bottom: 0px; padding: 0px;} #centerIN .info p.hodnText {line-height: 150%; margin-bottom: 10px;} #centerIN .info p.hodnText span strong { font-size: 120%;} #centerIN .info p.hodnText.end {margin-bottom: 0px;} #centerIN .info p img { margin: 0 10px 10px 0; float: left;} #centerIN .info ul {padding: 0 10px 0 25px;} #centerIN .info ol {padding: 0 10px 0 25px;} #centerIN .info li {line-height: 16px; padding: 0px;} #centerIN div.info.iNews { padding-bottom: 5px; margin-bottom: 10px;} .iNews a { } #centerIN .iNews p { margin: 5px 0;} .iNews span { font-weight: bold; padding: 2px 10px; width: 70px; position: relative; top: 0px; left: -10px;} .iNews .aktText { font-weight: bold; padding: 2px 10px; width: 70px; position: relative; top: 0px; left: -10px;} /****************************************** * IMIGE GALERIE * ******************************************/ .gallery { text-align: center; padding: 5px 0 5px 10px;} .gallery a { text-align: center; vertical-align: middle; width: 104px; height: 70px; margin: 3px; display: block; overflow: hidden; float: left;} .gallery a img { margin: auto;} /*** VARIANTY ********************************************/ #centerIN .prodObsah.info { margin-bottom: 0px; padding-bottom: 0px; /*border-bottom: none;*/} #centerIN .produktDET .info.varianty { /*width: 580;*/ margin:0 0 10px 0; padding: 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: 10px 0;} /*** Info blok 2 UPOZRNENI A CHYBOVE HLASKY ********************************************/ #centerIN div.info2 { padding: 10px; margin-top: 10px;} #centerIN div.info2 p { font-weight: bold; font-size: 120%;} #centerIN div.info2 h4 { font-size: 150%; letter-spacing: -1px; padding: 0 0 5px 0; margin: 0px;} /*** Hodonoceni ********************************************/ #centerIN .produktDET .info.hodn { /*width: 580;*/ margin: 10px 0;} #centerIN .produktDET .info.hodn .radio { position: relative; top: 2px; margin: 0 5px 0 2px;} #centerIN .produktDET .info.hodn p { margin: 0 0 5px 0;} #centerIN .produktDET #rating_form p { padding: 0px; font-weight: bold;} #centerIN .produktDET #rating_form span { font-size: 150%; } /*#centerIN textarea { width: 580px;}*/ /****************************************** * PODR. FILTRACE * ******************************************/ #podrFiltr { margin: 0 0 10px 0;} #podrFiltr .obs {padding: 0px 10px;} #podrFiltr #advSearch { padding: 10px 0 0 0;} #podrFiltr #advSearch span { text-align: left; width: 70px;} #podrFiltr #advSearch .sizeMax3 { width: 430px;} #podrFiltr .obs .col { width: 285px; float: left; /*background: Aqua;*/} #podrFiltr .obs .col.end { border-right: none;} #podrFiltr table {width: 98%;} /****************************************** * CENTR MENU * ******************************************/ #centerMENU {} #centerMENU a { height: 14px; width: 156px; padding: 5px 10px 5px 30px; margin: 0 2px 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;} #centerMENU a.act {} #centerMENU a:hover {} /****************************************** * OBSAHOVE MENU * ******************************************/ #linkMenu {width: 578px; padding: 5px 10px; margin: 5px 0;} #linkMenu a { line-height: 20px; font-size: 110%; } #linkMenu span { font-size: 80%; font-weight: normal; } /****************************************** * OVLADACI POLE * ******************************************/ .poleOvl { width: 100%;} .poleOvl td { text-align: left; padding: 0 5px;} .poleOvl td .formButt { font-size: 90%; line-height: 14px;} .poleOvl td .srovnani { position: relative; top: 2px;} .poleOvl h3 { padding: 0px; } .poleOvl a { position: relative; top: -1px; } .poleOvl a:hover {} .srov { border: none; width: 16px; height: 16px; margin-top: 0px; cursor: pointer;} .srov { background: url(../img/tl_srov.gif) no-repeat;} #fastFind { margin-top: 0px;} /****************************************** * PRODUKT * ******************************************/ .imgBlock {width: 100px; height: 100px; text-align: center; margin: 0px auto; display: block; /*float: left;*/ overflow: hidden; } .imgBlock img { margin: 5px 0;} /*** PRODUKTY *************************************************************************/ .produkt { width: 295px; height: 165px; padding-bottom: 10px; margin: 0 10px 0 0; float: left; overflow: hidden; /*background: Aqua;*/} .noOds { margin: 0px;} .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;*/} .produkt h3 input { position: relative; top: 2px;} .produkt h3 a { line-height: 100%;} .produkt.s2 { width: 600px; height: 160px; margin: 0 0 10px 0; /*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 - 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; position: relative; float: none;} html>body .prodObsah .prodLeft a {} .prodObsah .prodLeft a:hover { text-decoration: none; } .prodObsah .prodLeft a img { margin: 5px 0;} .prodObsah .prodLeft a img.topIco { display: none; visibility: hidden;} html>body .prodObsah .prodLeft a img.topIco { margin: 0px; position: absolute; top: 0px; right: 0px; z-index: auto; display: block; visibility: visible;} /* end */ .produkt .prodObsah .prodRight { width: 160px; text-align: left; padding-right: 10px; float: right;} .produkt .prodObsah .prodRight .descr { height: 55px; overflow: hidden;} .produkt .prodObsah .prodRight .prodFoot { padding: 0px;} .produkt.s2 .prodObsah .prodRight { width: 410px; text-align: left; padding-right: 10px; float: right;} .price { margin: 6px 0; /*background: Aqua;*/} /*** PRODUKT - paticka *************************************************************/ .prodFoot { padding: 0 10px;} .prodFoot a {text-decoration: none; width: 75px; height: 22px; padding: 0px; margin: 0 1px 0 0; display: block; float: left;} .prodFoot a:hover {text-decoration: none;} a.prodKoupe {text-decoration: none; width: 75px; height: 22px; padding: 0px; margin: 0 1px 0 0; display: block; float: left;} /* cast kodu pro ceny */ .bezCena { text-decoration: line-through;} .prodCena { font-weight: bold;} .bonusCena {font-weight: bold;} /*.prodCena strong {color: Black; font-size: 110%; font-weight: bold;}*/ /*** PRODUKT - DETAIL PRODUKTU *************************************************************/ .produktDET {} .produktDET .prodObsah {/*padding: 10px 0 0 0;*/} .produktDET .prodRight { text-align: left; } .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: 558px;*/ margin: 0px;} .produktDET .prodTable th { padding: 4px;} .produktDET .prodTable td { padding: 0 4px;} #centerIN .produktDET .prodTable a { height: 20px; display: block;} /*** Technicke parametry *************************************************************/ .radekTP { padding: 2px; margin: 0 0 1px 0; /*background: Blue;*/} .radekTP .left { width: 175px; float: left; font-weight: bold; /*background: Aqua;*/} .radekTP .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;} /*** PRODUKTY - doplnkove v detailu *************************************************************/ .ieClear.home .produktM { width: 187px;} .produktM {width: 193px; height: 210px; margin: 0 10px 0 0; padding-bottom: 10px; overflow: hidden; float: left; /*background: Aqua;*/} .produktM.noOds { margin: 0px;} .produktM h3 { font-size: 100%; letter-spacing: 0px; height: 34px; padding: 5px 10px 0 10px; overflow: hidden; border: none; background: none; /*border: solid 1px #000;*/} .produktM h3 input { position: relative; top: 2px;} .produktM h3 a { line-height: 100%;} .produktM .prodObsah {padding: 0 10px;} .produktM .prodObsah a {width: 100px; height: 100px; text-align: center; display: block; overflow: hidden; margin: 0px auto; } html>body .produktM .prodObsah a { position: relative;} .produktM .prodObsah a:hover {} .produktM .prodObsah a img { margin: 5px 0;} .produktM .prodObsah a img.topIco { display: none; visibility: hidden;} html>body .produktM .prodObsah a img.topIco { margin: 0px; position: absolute; top: 0px; right: 0px; z-index: auto; display: block; visibility: visible;} /****************************************** * RIGHT * ******************************************/ #RIGHT {text-align: center; width: 170px; float: right; margin-bottom: 0px; margin-top: 141px; overflow: hidden;} #RIGHT #lang {width: 150px; margin-bottom: 12px; padding-left: 10px; padding-right: 10px;} #RIGHT #lang a { width: 20px; height: 13px; padding: 0px; margin: 0 2px; display: block; float: left; } #RIGHT #lang a#cz { background: url(../img/flag_cz.gif) no-repeat;} #RIGHT #lang a#en { background: url(../img/flag_en.gif) no-repeat;} #RIGHT #lang a#ger { background: url(../img/flag_ger.gif) no-repeat;} #RIGHT h2 { clear: both; position: relative; font-family: Tahoma; margin: 0px; padding: 0 20px 0 10px; padding-right: 25px; height: 23px; line-height: 23px; overflow: hidden;} #RIGHT h2.akt {clear: both;} #RIGHT .aktualnab {text-align: center; /*padding: 10px;*/ margin: 0px;} #RIGHT .aktualnab.textVyp {text-align: left;} /****************************************** * FOOTER * ******************************************/ #FOOTER { } /****************************************** * 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 {} .kosTable tr.link2 td {} .kosTable tr.link3 td {/*font-size: 11px;*/ font-weight: bolder;} .kosTable tr.linkFin td { font-size: 110%; font-weight: bold; padding: 2px;} .kosTable tr.linkFin .sum { font-size: 110%; font-weight: normal; } .kosTable tr.linkFin .sumBold { font-size: 110%;} .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 {width: 100%; margin: 0px; /*background: Aqua;*/} .prodTable tr td { padding: 2px;} .prodTable .prev { text-decoration: none; width: 16px; height: 16px; display: block;} .prodTable a.del { height: 16px; padding-left: 20px; display: block; text-decoration:none;} /****************************************** * SROVNANI VYROBKU * ******************************************/ .srovLeft {width: 400px; float: left; padding: 10px; } .srovLeft h2 { font-size: 140%; letter-spacing: -1px; padding-left: 0px;} .srovLeft .produktDET .prodObsah td { vertical-align: top;} .srovLeft .produktDET .prodObsah td .imgBlock { text-align: center;} .srovLeft .produktDET .prodObsah .roll { height: 100px; overflow: auto; padding: 10px;} .srovLeft .produktDET .prodObsah .prodLeft {width: 380px; text-align: left; padding: 0px; float: none;} .srovLeft .produktDET .prodObsah .prodLeft p {padding: 0px; float: none;} .srovLeft .produktDET .prodObsah .prodLeft p a {width: 100px; height: 160px; display: block; overflow: hidden;} .srovLeft .produktDET .prodObsah .prodRight {width: 380px; text-align: left; padding: 0px; float: none;} /****************************************** * 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 a { letter-spacing: -1px;} .diskuze th span { font-weight: normal; } .diskuze th.leftBl { width: 40%;} .diskuze th.rightBl { text-align: right; width: 113px;} .diskuze td {padding: 4px;} .diskuze td p {overflow: hidden; max-width: 560px;} .margin00 { width: 100%; margin-left: 0%;} .margin00 td p {max-width: 570px;} .margin01 { width: 99%; margin-left: 1%;} .margin01 td p {max-width: 560px;} .margin02 { width: 98%; margin-left: 2%;} .margin02 td p {max-width: 550px;} .margin03 { width: 97%; margin-left: 3%;} .margin03 td p {max-width: 550px;} .margin04 { width: 96%; margin-left: 4%;} .margin04 td p {max-width: 540px;} .margin05 { width: 95%; margin-left: 5%;} .margin05 td p {max-width: 530px;} .margin06 { width: 94%; margin-left: 6%;} .margin06 td p {max-width: 520px;} .margin07 { width: 93%; margin-left: 7%;} .margin07 td p {max-width: 510px;} .margin08 { width: 92%; margin-left: 8%;} .margin08 td p {max-width: 500px;} /****************************************** * PAGER * ******************************************/ .PAGER { width: 100%;} div.PAGER { padding: 5px 10px; width: auto;} .produktDET .PAGER {} .PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;} .PAGER form input {width: 25px; float: left;} .PAGER form input.butt {width: 30px;} .PAGER .listovani { 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; margin: 3px 6px 0 0;} .PAGER a.repos {line-height: 20px; text-decoration: underline; padding-left: 20px; float: right; display: block; margin: 3px 6px 0 0;} .PAGER a.watchDog {line-height: 20px; text-decoration: underline; padding-left: 20px; float: right; display: block; margin: 3px 6px 0 0;} .PAGER a.prodMail {line-height: 20px; text-decoration: underline; padding-left: 20px; float: right; display: block; margin: 3px 6px 0 0;} .PAGER a.prodPrint {line-height: 20px; text-decoration: underline; padding-left: 20px; float: right; display: block; margin: 3px 6px 0 0;} .PAGER a.prodDownl {line-height: 20px; text-decoration: underline; padding-left: 20px; float: right; display: block; margin: 3px 6px 0 0;} .PAGER a:hover {text-decoration: none;} /****************************************** * NAHLEDY IMG JAVA * ******************************************/ .miniBl {padding: 0px; overflow: hidden;} .miniBl ul {padding: 0 0 0 15px;} .miniBl .blInOds { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;} .miniBl .blInOds form { padding-top: 5px;} .miniBl .bordIn { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;} .miniBl .bordIn form { padding-top: 5px;} .miniBl h3 { padding: 0 0 5px 0; font-size: 100%;} .miniBl .infoRadek { padding: 2px 8px;} .miniBl .prodFoot { padding: 0px; margin: 0px auto;} /***************************************** * WSWG * ******************************************/ .wswg { padding: 0 10px; /*margin-bottom: 20px;*/} .wswg h3 { font-family: Tahoma; padding: 0px; margin: 10px 0 5px 0;} .wswg p { margin-bottom: 10px;} .wswg img { margin: 5px 10px 10px 0;} /****************************************** * BLOK S ROLOVATKEM * *****************************************/ .miniBl .bordIn.scrlBl {padding: 5px; height: 80px; overflow: auto;} #galery { width: 598px; min-height: 145px; height: 160px; margin: 10px 0 0 0; overflow: auto;} #galery table { border-collapse: separate; width: auto;} #galery td { width: auto; padding: 0px; /*border-collapse: separate;*/ } #galery a { display: block; width: auto; height: 130px; padding: 0px; margin: 0px; overflow: hidden; /*border-collapse: separate;*/ } #centerIN #downl { padding: 0px;} #centerIN #downl li { list-style: none; padding: 2px 0 2px 18px; background: url(../img/tl_downl.gif) no-repeat;} /*** KONTAKT ****************************************************************************/ #kont { } #kont label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;} #kont label {line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;} #kont span.descr {text-align: right; width: 175px; padding: 0 15px 0 0; display: block; float: left;} #kontaktTable td { text-align: left; } #kontaktTable2 { width: 100%;} #kontaktTable2 td { /*width: 33%;*/ vertical-align: top;} .info #kontaktTable2 td p { margin-bottom: 10px;} #kontaktTable2 td.right { text-align: right; width: 180px;} #openH {} #openH li { list-style: none;} #openH li span { display: block; width: 50px; float: left;} /****************************************** * ODESLAT NA MAIL * *****************************************/ #contact-overlay {cursor:wait;} #contact-container { text-align:left; width:420px; left:50%; top:15%; margin-left:-210px;} #contact-container .contact-content { padding: 10px; height:40px;} /****************************************** * SEO TEXTIK * *****************************************/ #SeoCategory { border: none;} #SeoCategory h2 { padding: 0px; border: none; background: none;} #SeoCategory p { padding: 0px;}