/* CSS Document */ body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} body {margin: 0px; padding: 0px;} #main {width: 980px; margin: 0px auto;} .req {font-size: 170%; color: #E80000; margin-left:5px; 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 45px;} fieldset#new_forum table {margin: 0; } fieldset table.kosTable {margin: 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: 10px 15px 0 15px;} h2 {font-size: 120%; letter-spacing: 0px; /*text-transform: lowercase;*/ position: relative; /*z-index: 0;*/ clear: both;} h2:first-letter {text-transform: uppercase;} 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: underline; color: #696969 !important;} 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: 260px; 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: 291px; margin: 0 10px 0 5px; padding: 0px; /*height: 178px;*/ float: left;} .topNab div.top, .topNab div.bott {display: none;} .topNab.noOds {margin: 0px; padding: 0px;} .topNab.rozc {width: 291px; margin: 0px 5px 10px 5px; float: left;} .topNab .obs {padding: 30px 10px; height: 118px; text-decoration: none; display: block; cursor: pointer; background: url(../img/bg_box.gif) no-repeat;} .topNab .obs span { display: block; color: white;} .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: 120px; height: 120px; display: block; overflow: hidden;} .poznamka {font-size: 85%; text-align: right; margin-top: 5px; padding-top: 2px; padding-left: 10px;} /****************************************** * MENU * ******************************************/ .buttPole {/*float: left;*/ /*clear: both;*/ } #menu { float: left; } #menu2 { clear: both;} #menu3 {} .submenu {} .submenu2 {width: 232px; margin-top: -80px; border: 1px solid #333;} #INFO {} /****************************************** * HEAD * ******************************************/ #headTop { width: 100%; height: 91px; margin: 0 auto; padding: 0px;} #headTop #welcome {border: none; width: 580px; position: absolute; top: 310px; left: 190px;} #headTop #welcome h2 {/*display: none;*/ } #headTop #welcome p {font-size: 110%; line-height: 115%; letter-spacing: 0px; padding-top: 5px;} #headTop #search {/*margin-left: 50px; position: absolute; top: 260px;*/} /*#headTop*/ #search #search_keyword {width: 163px; margin-bottom: 4px;} /*#intriguer {left:-353px; top:22px;}*/ #lang {width: 60px; right: 0px; z-index: 100;position: static; float: right; margin-top: 5px;} #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: 595px; margin: 0 auto 13px auto; /*background: Aqua;*/ background: transparent; color: #ccc;} #head #hole {float: right; width: 160px; height: 40px;} #headImg { text-align: left; background: transparent;} /*#karty { background: url(../img/karty.gif) no-repeat; width: 71px; height: 79px; right: 0px; top: 24px; position: absolute; z-index: auto; visibility: hidden;}*/ #headImg3 { display: none; width: 133px; height: 119px; right: 162px; top: -83px; position: absolute; z-index: auto; visibility: hidden;} /****************************************** * 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;} #user form input#login { font-size: 110%; padding-bottom: 15px; /*letter-spacing: -1px;*/ font-weight: bold; width: 111px; height: 33px; /*line-height: 15px;*/ margin-left: 28px; /*padding: 0 5px 0 45px;*/ text-align: center; cursor: pointer;} #user form input#logout { font-size: 110%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: center; width: 111px; height: 33px; /*line-height: 34px;*/ margin-left:28px; padding-bottom: 15px; cursor: pointer;} #user form input#lightBox { font-size: 110%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: center; text-transform: uppercase; width: 111px; height: 33px; /*line-height: 34px;*/ margin-left: 28px; padding-bottom: 15px; 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: 100%; margin-bottom: 4px; /*float: left;*/} #user form input.pasw {width: 100%; margin-bottom: 4px;} #user form input#pokladna {font-size: 110%; /*letter-spacing: -1px;*/ font-weight: bold; text-align: center; width: 111px; height: 33px; /*line-height: 43px;*/ margin-left: 28px; padding-bottom: 15px; cursor: pointer;} #user .odtrzitko {background: black; width: 100%} #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; margin-top: 5px;} #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 * ******************************************/ #flBlok { width: 790px; float: left;} /****************************************** * LEFT * ******************************************/ #LEFT {text-align: left; width: 186px; float: left;} #LEFT h2 {clear: both; position: relative; font-family: Tahoma; margin: 0px; padding: 0px; padding-left: 10px; height: 32px; line-height: 32px; 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: 620px; padding: 0px; margin: 0px; overflow: hidden;} #CENTER {width: 600px; float: right; /*overflow: hidden;*/ /*background: Aqua;*/} #CENTER h2 a.openClose {display:none;} #centerIN {text-align: left; padding: 0 0px 0 0; margin-top: 0px;} #centerIN h2#link { font-size: 100%; margin-bottom: 10px; /*padding: 0 10px;*/ letter-spacing: 0px; position: relative; float: none; font-weight: normal; color: white !important;} #centerIN h2#link a { font-size: 100%; font-weight: normal;} #centerIN h2 { margin-bottom: 0px; font-family: Tahoma; /*position: relative;*/ /*float:left;*/ margin-left: 13px;} #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: 565px; margin: 0 auto; padding:0; font-size: 110%; clear: both;} #centerIN div.info img { margin: 0 10px 10px 0; float: left;} #centerIN .info h3 { font-size: 100%; padding: 0px; margin: 15px 0;} #centerIN .info p {line-height: 140%; margin-bottom: 0px; padding: 0px; /*clear: both; font-size: 120%;*/} #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 0px;} #centerIN .info ol {padding: 0 10px 0 25px;} #centerIN .info li {line-height: 16px; padding: 0px;} #centerIN div.info.iNews { padding: 5px; margin-bottom: 10px; clear: both;} .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;*/ margin-top: 10px;} #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 10px 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: 30px 0 0 10px;} #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 {line-height: 16px; 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: 100%; 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: 120px; height: 120px; text-align: center; margin: 0px auto; display: block; /*float: left;*/ overflow: hidden; } .imgBlock img { margin: 5px 0;} /*** PRODUKTY *************************************************************************/ .produkt { width: 291px; height: 168px; padding-bottom: 10px; margin: 0 7px; float: left; overflow: hidden; /*background: Aqua;*/} .noOds { margin: 0px;} .produkt h3 { font-size: 100%; letter-spacing: 0px; height: 30px; 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%; display: inline-block; float: right; width: 250px; margin-top: 3px;} .produkt.s2 h3 a {width: auto;} .produkt.s2 { width: 600px; height: 150px; 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; height: 147px; /*background: Aqua;*/} /* tato cast kodu plati i pro produkt DET */ .prodObsah .prodLeft {text-align: center; width: 125px; padding: 0 0 0 10px; float: left; height:100%;} .prodObsah .prodLeft a {width: 120px; height: 120px; display: block; overflow: hidden; position: relative; float: none; display: table-cell; vertical-align: middle;} 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: 150px; text-align: left; padding-right: 5px; float: right; height: 100%;} .produkt .prodObsah .prodRight .descr { height: 58px; overflow: hidden; color: white; width: 100%;} .produkt .prodObsah .prodRight .prodFoot { padding: 0px;} .produkt.s2 .prodObsah .prodRight { width: 440px; text-align: left; padding-right: 10px; float: right;} .produkt.s2 .prodObsah .prodRight .descr {height: 42px;} /*48*/ .produkt.s2 .prodObsah .prodRight .prodFoot a.prodMail {float:right; margin-right: 5px;} .price {margin: 6px 0;} .produktM .price {text-align: center;} /*** PRODUKT - paticka *************************************************************/ .prodFoot { padding: 0 10px;} .prodFoot a {text-decoration: none; width: 74px; height: 33px; padding: 0px; margin: 0 0 0 0; display: block; float: left;} .prodFoot a:hover {text-decoration: none;} a.prodKoupe {text-decoration: none; width: 111px; height: 33px; padding: 0px; margin: 0 1px 0 0; display: block; float: right;} div.produkt a.prodKoupe {text-decoration: none; width: 72px; height: 33px; padding: 0px; margin: 0 1px 0 0; display: block; float: right;} /* 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; font-size: 110%;} .produktDET .prodRight h3 {clear: left;} .produktDET .prodRight .kod { text-align: right; padding: 5px 0;} .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; border: none !important;} .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;*/ clear: both;} .radekTP .left { width: 125px; float: left; font-weight: bold; /*background: Aqua;*/} .radekTP .right { /*width: 300px;*/ margin-left: 10px; float: left; /*background: Fuchsia;*/} #product_group .radekTP {background: #222;} #product_group .radekTP .left {width: 210px; background: #1c1c1c;} /*** 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 10px 0; padding-bottom: 10px; overflow: hidden; float: left; /*background: Aqua;*/} .produktM.noOds {/* margin: 0px; */} .produktM h3 { font-size: 100%; letter-spacing: 0px; height: 29px; padding: 5px 10px 0 10px; overflow: hidden; margin-bottom: 2px; border: none; background: none; /*border: solid 1px #000;*/} .produktM h3 input {/* position: relative; top: 2px;*/} .produktM h3 a { line-height: 105%;} .produktM .infoRadek {padding: 0 5px !important;} .infoRadek div {font-size: 0px;} .prodTable .infoRadek div {margin-left: 4px; margin-top: 2px;} .infoRadek div.kod {font-size: 100%;} .produktM a.prodMail {display: none;} .produktM .prodObsah {padding: 0 10px;} .produktM .prodObsah a {width: 120px; height: 120px; 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: 186px; float: right; margin-bottom: 0px;} #RIGHT h2 { clear: both; position: relative; font-family: Tahoma; margin: 0px; padding: 0 20px 0 10px; padding-right: 25px; height: 32px; line-height: 32px; 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;*/ float:left; clear: both;} .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 td strong {white-space: nowrap;} .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: 85%; margin: 0 auto; margin-bottom: 5px;/*background: Aqua;*/} .prodTable tr td { padding: 2px; white-space: normal;} .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*/; margin: 0 6px; clear: both;} #zalozkMenu a { float: left; display: block; padding: 5px 10px; margin-right: 2px; font-size: 105%;} #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 .blInOds a.prodMail {display:none;} .miniBl .blInOds a.prodKoupe {margin-right: 30px;} .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 p .formButt {width: auto;} .wswg img { margin: 5px 10px 10px 0;} /****************************************** * BLOK S ROLOVATKEM * *****************************************/ .miniBl .bordIn.scrlBl {padding: 5px; height: 80px; overflow: auto;} #galery { width: 289px; height: 289px; margin: 0px 10px 0 0; overflow: auto; float: left; border: solid 1px gray; display: table;} #galery table { border-collapse: separate; width: auto;} #galery td { width: auto; padding: 0px; border: 1px solid #c8c8c8;} #galery a { display: table-cell; vertical-align: middle; width: 289px; /*height: 130px;*/ padding: 0px; margin: 0px; overflow: hidden; background: white; } #subgalery {width: 290px; overflow-x: scroll; /*overflow-y: hidden;*/ height: 120px; float: left;} #subgalery .radek { display: inline-block; height: 93px; margin: 0; margin-top: 5px; border-collapse: collapse; } .radek tr, .radek td {margin: 0; padding: 0;} #subgalery .radek img { display: block; float: left; width: 91px; height: 91px; border: solid 1px gray; /*margin-top: 5px;*/ margin-right: 5px; background: white;} .descr {clear: left; /*width: 290px;*/ float: left; /*margin-top: 10px;*/} .goldBox {width: 290px; clear: right; float: right; position: relative; top: -183px;} .goldBox .radekTPG .right, .goldBox .radekTPG .leftGold {display: inline;} .goldBox .radekTPG {margin-top: 5px;} #pricesM, #pricesW {padding-left: 2px;} #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;} @media print { #SFView, #menuDes { display: none !important; } } /* ---------- UNISPORT ---------- */ /* HOME */ #category a { float: left; display: block; width:192px; height: 133px; margin: 4px;} #tagClouds { font-size: 80%; padding: 5px; clear: both;} #langForm {margin-bottom: -25px;} #CENTER .miniBl {background: none; width: 95%; margin: 0 auto;} #user .delitko {height: 15px;} /* PROMO */ div.promo {clear: both; display: block; width: 100%; height: 160px;} /* DETAIL */ #detH2 h2 {color: #fa0; margin: 0; font-size: 21px; padding-bottom: 5px; font-family: Arial,Helvetica,sans-serif; font-weight:normal;} .prodSpec {clear: right; margin-right: 16px;} .prodSpec h3 {color: #f90; margin-top: 10px; padding-left: 1px;} .kod {float: right;} .kod span {color: #fff !important;} #product_group {} #product_group .radekTP .right p strong {font-weight: normal;} .ikonky {width: 100%; margin-top: 10px; height: 22px; font-size: 0px; position: relative; top: 3px; clear: both;} .ikonky img {display: block; width: 20px; height: 20px; background-color: #333; float: left; margin-right: 5px;} div.obal {width: 100%; clear: right;} div.right p.makeGreen a.formButt2 { /*margin-left: 100px; white-space: nowrap;*/ display:block; height: 20px; line-height: 20px; padding: 0 2px; width: 100px;} /* HODNOCENI */ #userRating { text-align: center; margin-top: 10px;} .rateDetail {text-align: center;} .rate img { vertical-align: middle; margin: 2px;} form#form1 { margin-top: 10px;} /* SEZNAM PRODUKTU */ .infoRadek {padding: 0 !important;} .PAGER.list {background: none !important; border: 1px solid #333;} fieldset.filtr {border-color: #333; width: 578px; margin:0; margin-bottom: 5px; color: #f90; /*padding-bottom: 5px;*/} .filtr legend {border-color: #333; color: #f90;} .filtr input {margin-left: 5px; vertical-align: middle;} .filtr span {color: #ccc; margin-right: 10px;} .filtr .formButt {width: auto; margin: 0; margin-top: 5px;} #productHistory a, #categoryHistory a {font-weight: bold;} .prehledCen .buy p input {margin-left: 5px;} #LEFT .odtrzitko, #RIGHT .odtrzitko {display:none;} .REKL {display: block; margin-bottom: 15px !important;} #products {clear: both;} #NEWS {clear: both; padding: 0 5px;} #submitak {margin-left: 5px;} /* IKONY */ .dostupnost_1 {font-size: 0px;} /* REKLAMACNI FORM */ form#claim {margin-left: -30px;} form#change { margin-left: -30px;} form#change p {text-align: center; width: 400px; margin: 0 auto; padding: 10px 0;} /* SLOUPCE S PRODUKTY */ #actionProducts, #actionProducts h3, #monitoredProducts, #monitoredProducts h3, #saleProducts, #saleProducts h3, #recommendProducts, #recommendProducts h3, #mostWantedProducts, #mostWantedProducts h3, #saleProducts h3, #newProducts, #newProducts h3 {text-align: center;} .acount {clear: both;} #bannerTable {clear: both; width: 100%; padding: 0 5px;} #bannerTable > div {float: left; width: 235px; height: 60px; overflow: hidden; text-align: center; margin-right: 10px; margin-bottom: 10px;} #bannerTable .last {margin-right: 0;} .newsItem {float: left; margin-right: 5px; overflow:hidden; height:auto; margin-bottom: 3px;} .newsItemHead {border: solid #666666 1px; margin-bottom: 2px;} .newsItemDate {background: #666666;} .prodObsah .odtrzSloupec {border-top:1px solid #008080;} .prodObsah #form1 {font-size:90%;} .midCategoryBanners {text-align: center;} .midCategoryBanners a {margin: 2px; } .midCategoryBanners a > * {border: 1px solid #333;} .ratingInfoText { text-align: justify; color: red; font-size: 95%; } .spaYellow {font-size: 82% !important;} #priceGuarrantee a{text-decoration:none; color: red; margin-top: 15px;} #centerIN fieldset .kosTable2 label { color: #999999; } #centerIN fieldset .kosTable3 label {color: #999999;} #centerIN fieldset .kosTable3 {margin: 10px 0;} #centerIN .kosTable3fs { padding: 0px 0px;} #centerIN .kosTable3fs p {margin: 0px; padding-left: 5px;} #centerIN .kosTable3fs .firstTd {width: 10px; margin-right:3px;} .kosTable2 td.payshipprice {vertical-align:bottom;} .kosTable2 td.payshipprice p { background: none repeat scroll 0 0 #F2F2F2;color: #4C4C4C; padding-top: 6px;vertical-align:bottom;} /*detail upravy*/ #product_content .prehledCen .prodCena {font-size: 24px; color: red; font-weight: normal; /*text-transform: uppercase;*/} .produkt .prodCena {font-size: 16px; color: red; font-weight: bold;} .s2 .prodCena {font-size: 18px; color: red; font-weight: bold;} .s2 .saveCena {font-size: 16px;color: #FFAA00;} .produkt .bezCena {color: white; text-align:right;} .produktM .bezCena {color: white;} .produktM .prodCena {font-size: 16px; color: red; font-weight: bold;} .prodTable .prodCena {font-size: 15px; color: red;} .availText {font-size: 15px;} .availOK {color: #FFAA00;} .radekTP .left {background: #222222;} .TPwithBorder { border-bottom: dotted 1px #666666 !important;} .prehledCen .prices{ padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; height: auto;} .prehledCen .prices .left {padding-top:2px;padding-bottom:2px;} .prehledCen .prices {background: #111111;} .prodCenaSp{ background: blue; } .prices .clear {font-size: 0px; line-height:0px;} #plashRocket .radekTP { margin-bottom: 5px;margin-top: 5px; height: 26px; vertical-align: center; margin-top:0; margin-bottom:0px; padding-top:10px; padding-bottom:0px;} #plashRocket .radekTP .left {width: 40%; background-color: transparent; color:white; font-weight: normal; } #plashRocket .choices {text-align:right; position: relative; right: 25px; vertical-align:middle; font-size:80%;} #plashRocket .radekTP .right {width: 55%;text-align:right;} #plashRocket .choices2 {padding-right: 0px; vertical-align:middle; font-size:80%;} #plashRocket .legend {height:auto; font-size:10px;} #plashRocket .sHdr {padding-bottom: 7px;} #centerIN #plashRocket .redHdr {border: none; color: red; font-weight: normal; font-size:100%; vertical-align: center;} #choicesGrip {right: 10px !important;} /*detail infobox*/ #product_content .miniBl { background: /*#191919*/url(../img/bg_menu2.png) no-repeat scroll center top #131313; border: none; width: auto; margin-bottom: 15px; padding-bottom: 5px;} .miniBl {padding: 0px; overflow: hidden;} .miniBl {padding: 0px; overflow: hidden;} #product_content .miniBl h2 {padding-left: 8px; color: #ffae00; /*padding-left: 20px;*/ padding-top: 3px; line-height: 28px; text-transform: uppercase; font-size: 100%; background: none repeat scroll 0 0 transparent !important; margin-left:0px;} #product_content .miniBl h2 a {color: #CCCCCC;} #product_content .miniBl h2 a.openClose {display:block;} #plashRocket div#vypln {height:1px; line-height:1px;} #detInfobox {padding-top: 10px; /*border-left: 1px solid #666777;*/border-right: 1px solid /*#666777*/black; min-height:100px;} #detInfobox .head {border:none; height:1px; padding:0px;} .iPage {width:260px; float:left; text-decoration: none; overflow:hidden; border-top: dotted 1px #666666; /*border-bottom: dotted 1px #666666;*/padding: 6px 5px; margin-top:0px;} .iPage a {text-decoration: none; color: white; font-size: 12px;} .iPage .odr {background: url(../img/info_odr.png) no-repeat center; margin-right: 5px; width:3px; height: 5px;} #centerIN div.plashProducts {float:left; height:210px; width: 100%; overflow-x: scroll;} #centerIN div.plashProducts img { height: 130px; margin: 0 3px 3px 0; } #centerIN div.plashProducts img.actp {border: 3px solid orange;} #centerIN div.text img {border:none;}