/* 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;} .h2odr { display: none;} .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;} .alLeft { text-align: left;} .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;} .delitko {height: 15px;} .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: 5px 0;} .posBlock { /*line-height: 0px; font-size: 0px;*/ height: 0px; position: relative;} p.next { font-weight: bold; text-align: left; padding: 5px 0px 0 0px; margin-top: 5px;} p, div, ul, ol, 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; text-transform: lowercase;} 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: 0px; position: absolute; display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;} html>body h2 .h2odr {left: -6px;}*/ 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%;} .or.mini { margin-top: 15px;} /****************************************** * 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; margin: 1px;} /*html>body select { padding: 0px;}*/ /*input {padding-left: 1px; padding-right: 1px;}*/ .formButt { font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px; cursor: pointer;} .formButt2 { font-weight: bold; height: 20px; line-height: 20px; margin: 0px; padding: 0 5px; cursor: pointer;} .centrForm {padding: 20px 0 10px 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;} /*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;} .sizeFull { width: 575px;} html>body .sizeFull { width: 580px;} /****************************************** * 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 * ******************************************/ .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: 10px 10px 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; line-height: 110%; padding-bottom:8px; padding-left: 10px; overflow: hidden;} .topNab .obs .text { line-height: 120%; font-size: 100%; padding-left: 123px;} .topNab .obs .price {font-size: 140%; text-align: right; font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding-top: 2px; padding-left: 10px;} .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;} .poznamka {font-size: 85%; text-align: right; margin-top: 5px; padding-top: 2px; padding-left: 10px;} .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: 55px; margin: 0 auto; padding: 10px 0; /*background: Aqua;*/} #headTop a#logo { display:block; float:left; height:60px; margin-right:20px; text-decoration:none; width:368px;} #headTop form { background:url("../img/ico_search.png") no-repeat scroll 0 0 transparent; float:right; margin:18px 0 0 20px; padding-left:25px;} #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 * ******************************************/ .buttPole {text-align: left; /*width: 788px;*/ padding: 5px 10px 0 10px; height: 23px; margin-top: 1px; position: relative;} /*html>body .buttPole { padding: 5px 10px;}*/ .buttPole a { text-transform: lowercase; text-decoration: none; padding: 2px 10px; float: left;} .buttPole a:hover {/*color*/} .buttPole a.act {/*color*/} #lang { /* position:absolute; */ right:10px; top:8px; z-index:auto;} #lang a {display:block;float:left;height:13px;margin:0pt 2px;padding:0px;width:20px;} /*** IMG cast hlavicky ************************************************/ #head { width: 600px; margin/*-bottom*/: 0 auto 13px auto; /*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 { height:91px; position:absolute; right:30px; top:-91px; width:268px; z-index:auto;} #headImg3 { width: 133px; height: 119px; right: 162px; top: -83px; position: absolute; z-index: auto; visibility: hidden;} /*** USER ************************************************************/ #user {width: 170px; /*height: 125px;*/ text-align: left; padding: 0px;} #user .bordIn { padding: 0px;} #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#log .formButt2 { width: 100%;} #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; 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;} #user form #pricesumm { font-size: 110%; font-weight: bold; padding: 5px; display: block;} .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;} html>body #searchFrm { margin-left: 190px;} #searchFrm select { width: 132px;} #logBl { width: 280px; margin-left:10px;} /*#logBl table { width: 275px;}*/ form#log {} form#log a {} /****************************************** * OBSAH * ******************************************/ #CONTENT {margin: 15px auto 0 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;} #LEFT h2 { margin: 0px; padding: 0px; padding-left: 25px; height: 23px; line-height: 23px; overflow: hidden;} /*#LEFT h2 a {width: 16px; height: 16px; text-decoration: none; display: block; float: right;}*/ /*#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; height: 24px; line-height: 24px; padding: 0 10px 0 20px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;} #menu a.akt {text-decoration: none;} #menu a:hover {text-decoration: none;} #menu.miniBl .bordIn { padding: 0px;} #menu2 {text-align: left;} #menu2 a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;} #menu2 a.akt {text-decoration: none;} #menu2 a:hover {text-decoration: none;} #menu2.miniBl .bordIn { padding: 0px;} #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;} .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;} #INFO {text-align: left;} #INFO a { text-decoration: none; height: 24px; line-height: 24px; padding: 0 10px 0 20px; /*padding: 5px 10px 5px 20px;*/ margin: 1px 0px; display: block; overflow: hidden;} #INFO a.akt {text-decoration: none;} #INFO a:hover {text-decoration: none;} #INFO.miniBl .bordIn { padding: 0px;} /****************************************** * 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: 5px; margin: 0px;} .REKL img {/*color*/} /****************************************** * 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 {/*color*/} /****************************************** * 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;} p.descr {color:#000;} .skladem {color:#000;} p.price strong{color:#000;} p.price span{color:#000;} /****************************************** * CENTER * ******************************************/ .ieClear { /*background: Aqua;*/ width: 600px; padding: 0px; margin: 0px; overflow: hidden;} .ieClear.home {width:780px;} #CENTER.homeSize {width: 790px;} #CENTER.homeSize #centerIN {margin-left: 0px; padding-left: 0px;} #CENTER {width: 620px; float: left; /*overflow: hidden;*/ /*background: Aqua;*/} #centerIN {background:none repeat scroll 0 0 #F3ECD9; color:#000000; margin:10px; text-align:left;} #centerIN h1#link { font-size: 120%; margin-bottom: 10px; padding: 0 10px; letter-spacing: 0px;} #centerIN h1#link a { font-size: 90%;} #centerIN h2 .h2odr { width: 600px; /*height: 23px; left: -12px; top: 0px; position: absolute; display: block; overflow: hidden;*/} html>body #centerIN h2 .h2odr {background: url(../img/fl_nadp2.gif) no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; left: -6px; top: 0px;} #centerIN h2 { margin-bottom: 0px; font-family: Tahoma; position: relative; } /*#centerIN h2 .h2odr { background: url(../img/bg-h2-center.gif) no-repeat; width: 600px; height: 23px; left: -12px; top: 0px; position: absolute; display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;} html>body #centerIN h2 .h2odr {left: -6px;}*/ #centerIN h2.homeNadp { margin-bottom: 5px; font-family: Tahoma; position: relative;} /*#centerIN h2.homeNadp .h2odr { background: url(../img/bg-h2-home.gif) no-repeat; width: 780px; height: 23px; left: -12px; top: 0px; position: absolute; display: block; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;} html>body #centerIN h2.homeNadp .h2odr { left: -6px;}*/ #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: 10px; margin-top: 10px;} #centerIN div.info img { margin: 0 10px 10px 0; float: left;} #centerIN .info h4 { font-size: 100%; padding: 0px; margin-bottom: 5px;} #centerIN .info p {line-height: 140%; margin-bottom: 0px; padding: 0px; color: #000;} #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: 0px; /*margin: 0px;*/} #centerIN .info p.backmenu a { padding-right: 13px;} #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;} .iNews { padding: 0px;} .iNews a { } .iNews span { font-weight: bold; padding: 5px 10px; width: 70px; position: relative; top: -10px; left: -10px;} .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;} /*** 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;} #centerIN .produktDET .info { /*width: 560px;*/ margin: 0px; padding: 10px;} #centerIN .produktDET .info .radekTP p { padding-right: 0px; margin: 0px;} #centerIN .produktDET .info .radekTP.bg { } /*** VARIANTY ********************************************/ #centerIN .prodObsah.info { background-color:#F3ECD9; border-bottom:medium none; margin-bottom:0; padding-bottom:0;} #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;} /*** Hodonoceni ********************************************/ #centerIN .produktDET .info.hodn { /*width: 580;*/ 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: 0px;} #centerIN .produktDET .info.hodn h5 span { font-size: 160%;} /*#centerIN textarea { width: 580px;}*/ /****************************************** * 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;} #podrFiltr table {width: 98%;} /****************************************** * CENTR MENU * ******************************************/ #centerMENU {/*color*/} #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 {/*color*/} #centerMENU a:hover {/*color*/} /****************************************** * OBSAHOVE MENU * ******************************************/ #linkMenu {width: 578px; 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;*/} #linkMenu span { font-size: 80%; font-weight: normal; } /****************************************** * OVLADACI POLE * ******************************************/ .poleOvl {height: 24px; text-align: left; margin: auto;} .poleOvl h3 { padding: 4px 5px 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;} .srov { border: none; width: 16px; height: 16px; margin-top: 0px; cursor: pointer;} .srov { background: url(../img/tl_srov.gif) no-repeat;} html>body .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 * ******************************************/ .imgBlock {width: 100px; height: 100px; text-align: center; margin: 0px auto; display: block; /*float: left;*/ overflow: hidden; } .imgBlock img { margin: 5px 0;} .topNab .imgBlock { text-align: center; float: left; } /*** PRODUKTY *************************************************************************/ .produkt {float:left; height:210px; margin:0 10px 5px 0; overflow:hidden; padding-bottom:10px; width:295px;} .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;*/} /*html>body .produkt h3 { height: 30px;}*/ .produkt h3 a { line-height: 11px; /*display: block;*/} .produkt.s2 { width: 600px; 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;} html>body .prodObsah .prodLeft a { position: relative;} .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; 0px; z-index: auto; display: block; visibility: visible;} /* 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.price { height: 60px; margin-top: 6px; /*background: Aqua;*/} .produkt .prodObsah .prodRight p.price2 { height: 75px; 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;} .bonusCena {font-size: 110%; font-weight: bold; color: red;} /*.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; padding: 0px;} .produktDET .prodObsah .prodLeft table#imgGall td { text-align: center; vertical-align: middle; width: 100px; height: 100px;} .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;} .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: 558px;*/ 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: 100px; 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 {color:#000; line-height: 23px; margin: 0 5px; display: block; float: left;} .produktDET .buy a.prodKoupe {text-decoration: none; width: 43px; font-weight: bold; line-height: 20px; padding: 0 5px 0 25px; margin: 0 1px; overflow: hidden; 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 *************************************************************/ .ieClear.home .produktM { width: 187px;} .produktM {width: 193px; height: 254px; 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: 30px; overflow: hidden;} .produktM h3 a {line-height: 11px;} .produktM .infoRadek {line-height: 24px; clear: both; padding: 2px 0;} .produktM .prodObsah {padding: 0 10px 5px 10px;} .produktM .prodObsah a {width: 100px; height: 100px; text-align: center; display: block; overflow: hidden; } html>body .produktM .prodObsah a { position: relative;} .produktM .prodObsah a:hover {/*color*/} .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;} .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; overflow: hidden;} #RIGHT #lang {width: 150px; margin-bottom: 12px; padding-left: 10px; padding-right: 10px;} #RIGHT #lang a { width: 20px; height: 15px; padding: 0px; margin: 0 2px; display: block; float: left; } #RIGHT #lang a#cz { background: url(../img/cz.jpg) no-repeat;} #RIGHT #lang a#en { background: url(../img/en.jpg) no-repeat;} #RIGHT #lang a#ger { background: url(../img/flag_ger.gif) no-repeat;} #RIGHT h2 { clear: both; position: relative; font-family: Tahoma;} #RIGHT h2 { margin: 0px; padding: 0 20px 0 10px; padding-right: 25px; height: 23px; line-height: 23px; overflow: hidden;} #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;} /****************************************** * FOOTER * ******************************************/ #FOOTER {text-align: left; width: 100%;} #FOOTER .buttPole { border: none; width: 100%;} #FOOTER .buttPole a { background: none; padding: 2px 10px; } #DOWN-radek {/*height: 48px;*/ padding: 0 0 0px 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: 11px;*/ font-weight: bolder;} .kosTable tr.linkFin td { font-size: 140%; letter-spacing: 0.5%; font-weight: bold; padding: 2px;} .kosTable tr.linkFin .orBg { font-size: 110%; font-weight: normal; } .kosTable tr.linkFin .orBgBold { 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.prodKoupe {width: 55px; w\idth: 35px; height: 16px; padding-left: 20px; display: block; text-decoration:none;}*/ .prodTable a.prodKoupe {text-decoration: none; width: 58px; font-weight: bold; line-height: 20px; padding: 0 5px 0 25px; margin: 0 1px; overflow: hidden; display: block;} .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 * ******************************************/ .miniBl {padding: 0px; overflow: hidden;} .miniBl .blInOds { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;} .miniBl .bordIn { text-align: left; height: 100%; padding: 0 7px; overflow: hidden;} .miniBl h3 { padding: 0 0 5px 0;} .miniBl h3 a { color: #fff;} .miniBl .top {height: 6px; line-height: 6px; font-size: 6px; overflow: hidden;} .miniBl .top div {height: 6px; line-height: 6px; font-size: 6px;} .miniBl .bott {height: 6px; line-height: 6px; font-size: 6px; overflow: hidden;} .miniBl .bott div {height: 6px; line-height: 6px; font-size: 6px;} .miniBl .infoRadek { padding: 2px 8px;} .miniBl .prodFoot { padding: 0px; margin: 0px auto;} .miniBl .prodFoot a { text-align: left; width: 43px; text-decoration: none; margin: 0 0 0 1px; display: block; float: left;} html>body .miniBl .prodFoot a {margin: 0 1px; } .miniBl .prodFoot a:hover { text-decoration: underline;} div .top {height: 6px; line-height: 6px; font-size: 6px;} div .top div {height: 6px; line-height: 6px; font-size: 6px;} div .bott {height: 6px; line-height: 6px; font-size: 6px;} div .bott div {height: 6px; line-height: 6px; font-size: 6px;} #smallDiv { padding: 12px; visibility: hidden; position: absolute; z-index: 100; overflow: hidden;} #smallDiv img { margin-top:10px;} #smallDiv a { text-decoration: none;} #rool { width: 155px; height: 60px; overflow: auto;} #user form #basket #rool { width: 155px; height: 140px; overflow: auto;} /*#user form #basket #rool {scrollbar-base-color: #FF8C00; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #FF8C00; scrollbar-darkshadow-color: #FF8C00; scrollbar-shadow-color: #fff; scrollbar-arrow-color: #fff; }*/ .scrollBl { width: 160px; padding: 0px; overflow: auto; } .scrollBl.topBox { /*height: 150px;*/} .scrollBl.uniBox { height: 350px; background: none; } .topBox ol { /*padding-left: 25px;*/ } .topBox ol li { padding: 3px 2px; /*padding: 0px;*/ list-style: decimal inside; font-size: 90%; } .topBox ol li.bg { } #partners { padding: 5px 10px; margin-bottom: 10px;} #partners h2 { padding: 0px;} #partners a img { } #centerIN fieldset { margin-top: 10px; padding: 10px;} #centerIN fieldset table { padding: 0px; margin: 2px 0 0 0;} #centerIN fieldset p { padding: 0px; margin: 4px 0;} #centerIN fieldset textarea { width: 540px;} #centerIN fieldset textarea.notes { width: 184px;} #centerIN legend { font-weight: bold; border: solid 1px #dee4f0; padding: 5px;} /*fieldset#textSeo { margin: 0 0 0 0; } fieldset .wswg { padding: 10px 10px 0 10px; margin-bottom: 0px;}*/ .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;} /*** TABULKA IMG KATEGORIE *******************************************************************/ #tableKateg { width: 100%} #tableKateg td { text-align: center; /*width: 100px; overflow: hidden;*/ } #tableKateg td a { width: 150px; overflow: hidden; font-weight: bold; display: block; text-decoration: none; margin: 0 auto 3px auto; padding: 0px; /*cursor: pointer;*/} #tableKateg td a:hover { /*text-decoration: underline;*/} #tableKateg td a span { text-align: left; display: block; margin: 0px; padding: 0px;} /*#tableKateg td a span.imgKateg { width: 155px; height: 96px; overflow: hidden; }*/ #tableKateg td a span.textKateg { height: 22px; padding: 8px 0 0 5px;} #kontaktTable td { text-align: left; } /*#RIGHT .best {text-align: center; padding: 10px; margin: 0px;} #RIGHT .best.textVyp {text-align: left; padding-left: 5px;} #RIGHT .best.textVyp p { } #RIGHT .textVyp a { font-weight: bold;} #RIGHT .nab { width: 150px; padding: 0 0 8px 0; margin: 0px auto;} #RIGHT .nab .infoRadek { padding: 2px 8px;} #RIGHT .nab h3 { padding: 0 0 5px 0;} #RIGHT .nab h3 a {font-size: 90%; text-align: left; line-height: 120%; letter-spacing: 0px;} #RIGHT .nab h3 a:hover {} #RIGHT .nab p {text-align: center; padding: 0 10px 5px 10px;} #RIGHT .nab p a { width: 110px; height: 140px; 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 { padding: 0px; margin: 0px;} #RIGHT .nab .prodFoot a { text-align: left; width: 43px; text-decoration: none; margin: 0 0 0 1px; display: block; float: left;} html>body #RIGHT .nab .prodFoot a {margin: 0 1px; } #RIGHT .nab .prodFoot a:hover { text-decoration: underline;}*/ #logsBl { padding: 10px; text-align: center;} #logsBl img { padding: 0 10px; } /****************************************** * BLOK S ROLOVATKEM * *****************************************/ .miniBl .bordIn.scrlBl {padding: 5px; height: 80px; overflow: auto;}