/* CSS Document */ body,td,th {font-family: Arial/*Trebuchet MS*/, Helvetica, sans-serif; font-size: 11px;} body {margin: 0px; padding: 0px; position: relative;} #main {width: 960px; background: #4a0025 url(../img/bacgr.gif) repeat-y center top; /*border-top: solid 5px #FFF;*/ padding: 0 20px; position: relative;} #facz { padding: 0 0 0 5px; margin: 10px 0 0 0; float: left; display: block; } .falink { font-size: 11pt; color: white; text-decoration: none; margin: 0 0 0 0; padding: 0 0 0 0; } .falinkj { font-size: 11pt; color: white; text-decoration: none; margin: 0 40px 0 0; padding: 0 0 0 0; } .falinkbig { font-size: 14pt; color: white; text-decoration: none;} a {text-decoration: underline;} a.akttext {text-decoration: none;} a:hover.akttext {text-decoration: underline;} a.cena {line-height: 20px; text-decoration: none;} a:hover.cena {line-height: 20px; text-decoration: none;} a.aktmenu {line-height: 22px;} a:hover.aktmenu {text-decoration: none;} .clear {clear: both; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px;} .clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px; margin: 0px;} .flLeft {float: left;} .flRight {float: right;} .odtrzitko {height: 20px;} .odtrzitko2 {height: 30px;} .tac {text-align: center;} .odtrzM {font-size: 6px; height: 6px;} .posBlock { height: 0px; position: relative;} p, div, ul, li, form, input, select, textarea, img {padding: 0px; margin: 0px;} li {list-style: disc;} img {border: none;} label {/*cursor: pointer;*/} /* nadpisy */ h1, h2, h3 { /*font-family: Trebuchet MS, Helvetica, sans-serif;*/ text-align: left; font-weight: bold; letter-spacing: -1px; line-height: 28px; padding: 0px; margin: 0px;} h1 { font-size: 150%;} h2 { font-size: 130%;} h2.bg { /*color*/ /*font-weight: normal;*/} h3 { font-size: 130%;} h4,h5,h6 {font-weight: bolder; text-align: left; line-height: 28px; letter-spacing: -1px; padding: 0px; margin: 0px;} h4 {font-size: 130%;} h5 {font-size: 130%;} h6 {font-size: 120%;} /****************************************** * FORM PRVKY * ******************************************/ fieldset { padding: 10px;} legend {font-size: 90%; font-weight: bold; /*letter-spacing: -1px;*/} input, select, textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;} input {padding-left: 1px; padding-right: 1px;} input.mnozstvi {width: 20px;} input.srovnani {} input.kosik {float: left;} input.ovl {width: 100px;} select.menuselect {width: 140px;} .inpPole-s {width: 50px;} .inpPole-sm {width: 70px;} .inpPole-m {width: 90px;} .inpPole-ml {width: 120px;} .inpPole-l {width: 150px;} input.check {margin: 0px;} html>body input.check {margin: 5px 0 0 0;} .sel-ms {width: 30px;} .sel-s {width: 50px;} .sel-m {width: 100px;} .sel-ml {width: 120px;} .sel-l {width: 150px;} .sel-ll {width: 180px;} .sel-xl {width: 210px;} .txtA-s {width: 200px;} .txtA-sm {width: 210px;} .txtA-m {width: 300px;} .txtA-l {width: 460px;} /****************************************** * TOP BANNER * ******************************************/ #topBanner {position: relative; text-align: center; height: 85px;} /*html>body #topBanner { height: 80px;}*/ #topBanner img {margin: 10px 0 0 0;} /****************************************** * 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;} /****************************************** * HEAD * ******************************************/ #copmlHEAD { margin: auto; clear: both; /*background: Fuchsia;*/} #shopMenu { border-top: none; 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;} /* nad hlavickou */ #headTop { height: 200px; margin: auto;} #headTop #posBlock { width: 960px; /*margin-left: 1px;*/ position: relative;} /*html>body #headTop #posBlock { margin-left: 0px;}*/ #headImg2 { width: 95px; height: 82px; top: -82px; left: 453px; position: absolute; z-index: auto;} html>body #headImg2 { left: 452px;} #leftBlock { width: 16px; height: 86px; top: 0px; left: -15px; position: absolute; z-index: auto;} html>body #leftBlock { left: -15px;} #rightBlock { width: 16px; height: 86px; top: 0px; right: -15px; position: absolute; z-index: auto;} html>body #rightBlock { right: -15px;} #headUp { height: 46px; margin: auto; clear: both;} a#oblib, a#mail, a#struk {text-decoration: underline; line-height: 12px; padding: 0 10px 0 19px; margin: 16px 0 0 10px; float: left; display: block;} #headUp a#oblib {/*width: 115px; w\idth: 100px;*/ margin-left: 4px;} #headUp a#mail {/*width: 95px; w\idth: 80px;*/} #headUp a#struk {/*width: 95px; w\idth: 80px;*/} #headUp form {width: 360px; padding: 12px 0 0 0; float: right; /*background: Aqua;*/} #headUp form a { margin: 3px 10px 0 0; display: block; float: right;} #headUp form input#searchtxt {width: 130px; margin: 2px 6px 0 0; float: right;} #headUp form input#butt {width: 19px; height: 17px; float: right; cursor: pointer;} #headDown {height: 28px;} #headDown h2 {font-size: 130% padding: 0px; margin: 0px; margin-left: 10px; } #headDown h2 a {font-size: 75%; font-weight: normal; letter-spacing: 0px; /*text-decoration: none;*/} #headDown h2 a:hover { /*text-decoration: underline;*/ /*color*/} /*** IMG cast hlavicky ************************************************/ #main #posHead {text-align: center; width: 990px; height: 125px; left: 4px; top: 86px; position: absolute; z-index: auto;} #head {width: 990px; height: 125px; padding: 0px; margin: auto;} #karty { /*background: url(../img/karty.gif) no-repeat;*/ width: 71px; height: 79px; right: 204px; top: 24px; position: absolute; z-index: auto;} html>body #karty { right: 205px;} #headOdr {width: 6px; height: 125px; float: left;} #headOdr div {font-size: 50%; width: 6px; height: 6px;} #headImg {text-align: left; width: 786px; height: 125px; margin-left: 1px; float: left;} html>body #headImg {/*margin-left: 20px;*/} #headImg a {text-align: center; text-decoration: none; width: 202px; height: 125px; margin-right: 0px; display: block;} html>body #headImg a { margin-right: 1px;} #headImg a span {font-size: 160%; padding-top: 90px; display: block;} /*** USER ************************************************************/ #user {width: 203px; height: 125px; text-align: left; float: right;} #user form {padding: 10px 25px 0 25px;} #user form p {margin-bottom: 5px;} #user form p.odtrzitko {height: 1px; line-height: 1px; margin-bottom: 5px;} #user form p #uName {font-weight: bold; font-size: 120%; float: left;} #user form p.info {padding-left: 10px; line-height: 100%;} #user form p a {/*color*/} #user form p a:hover {/*color*/} #user form a.logButt {text-decoration: none; width: 18px; height: 18px; display: block; float: right;} #user form a:hover.logButt {text-decoration: none;} #user form a.logoutButt {text-decoration: none; width: 18px; height: 18px; display: block; float: right;} #user form a:hover.logoutButt {text-decoration: none;} #user form form input {font-size: 80%; font-weight: normal; float: left;/* margin-top: 2px;*/} #user form input.name {width: 130px; /*w\idth: 115px;*//* margin-right: 6px;*/ float: left;} #user form input.pasw {width: 100px;/* w\idth: 55px;*/} /****************************************** * LOGIN / TOP MENU * ******************************************/ .buttPole {text-align: left; height: 45px; margin: 10px 0;} .buttPoleLine { height: 28px; line-height: 28px; float: left;} .buttPole div a { font-size: 110%; font-weight: bolder; line-height: 28px; text-decoration: none; text-align: center; margin: 0px; float: left;} .buttPole div a:hover { /*color*/} .buttPole div a.butt1 {width: 77px;} .buttPole div a:hover.butt1 {width: 77px;} .buttPole div .butt1.act {width: 77px;} .buttPole div a.butt2 {width: 125px;} .buttPole div a:hover.butt2 {width: 125px;} .buttPole div .butt2.act {width: 125px;} .buttPole div a.butt3 {width: 125px;} .buttPole div a:hover.butt3 {width: 125px;} .buttPole div .butt3.act {width: 125px;} .buttPole div a.butt4 {width: 99px;} .buttPole div a:hover.butt4 {width: 99px;} .buttPole div .butt4.act {width: 99px;} #buyPole {height: 28px; width: 418px; w\idth: 398px; float: right; margin: 0px; padding: 0px;} #buyPole #buyInfo {font-size: 110%; letter-spacing: -1px; width: 224px; w\idth: 196px; /*height: 24px;*/ line-height: 25px; padding: 0 0 0 10px; margin-right: 20px; /*margin-bottom: 5px;*/ float: left;} #buyPole a {line-height: 25px; margin: 0px; padding: 0px;} a.buttKosik {font-size: 130% font-weight: bolder; height: 28px; line-height: 28px; text-decoration: none; width: 170px; w\idth: 170px; padding: 0 0 0 30px; float: left;} a:hover.buttKosik { /*color*/} /****************************************** * OBSAH * ******************************************/ #CONTENT {margin: auto;} /****************************************** * LEFT * ******************************************/ #LEFT {text-align: left; width: 170px; float: left;} #LEFT h2 { padding: 0 10px;} /* MENU */ #menu {text-align: left; margin: 0px; padding: 0px;} #menu a {font-size: 110%; font-weight: bold; line-height: 22px; text-decoration: none; width: 100%; w\idth: 95%; padding-left: 5%; margin: 1px 0px; display: block;} #menu a { } /*color*/ #menu a.uroven { padding-left: 15px; width: 150px;} #menu a.uroven span { font-size: 130%; letter-spacing: -2px;} #menu a.akt {text-decoration: none;} #menu a:hover {text-decoration: none;} #menu2 {text-align: left; margin: 0px; padding: 0px;} #menu2 a {font-size: 110%; font-weight: bold; line-height: 22px; text-decoration: none; width: 100%; w\idth: 95%; padding-left: 5%; margin: 1px 0px; display: block;} #menu2 a.akt {text-decoration: none;} #menu2 a:hover {text-decoration: none;} /* NEWSLETTER */ h2#mailH {text-align: left; height: 44px; line-height: 44px;} #NEWSL {text-align: left;} #NEWSL form {padding: 10px;} #NEWSL form .text {width: 100%;padding: 0 0 10px 0;} #NEWSL form input.mail {width: 90px; 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*/} #NEWSL a:hover {/*color*/} /* NEWS */ h2#newsH {text-align: left; height: 44px; line-height: 44px;} #NEWS {text-align: left;} #NEWS span {font-size: 110%; font-weight: bold;} #NEWS p {padding: 10px;} #NEWS a {text-decoration: underline;} #NEWS a:hover {/*color*/} /* REKLAMA */ .rekl {text-align: center; padding: 5px;} .rekl img {/*color*/} /* ANKETA */ #ANKETA {text-align: left; padding: 0 10px 10px 10px;} #ANKETA div {font-size: 6px;height: 6px;} #ANKETA p {padding: 6px 0 0 0;} #ANKETA a {padding: 0 5px 0 0;} #ANKETA a:hover {/*color*/} /****************************************** * CENTER * ******************************************/ #CENTER {width: 613px; float: left; overflow: hidden; /*background: Fuchsia;*/} html>body #CENTER {width: 620px;} #centerIN {text-align: left; padding: 0 10px; /*background: Aqua;*/} .popUp { padding: 50px; margin: 0px; /*background: Aqua*/;} /*html>body #centerIN { margin: 0 10px;}*/ #centerIN .odtrzitko { margin: 0 15px;} html>body #centerIN .odtrzitko { margin: 0 10px;} #centerIN h1 {margin: 0 10px 10px 10px;} #centerIN h2 {font-size: 150%; margin: 0 20px 0 20px; } #centerIN h2#uvod {padding: 0px;} #centerIN h3#next {margin: 0 10px 0px 10px; padding: 0 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;} #centerIN h4 {margin: 20px 10px 0 10px;} #centerIN p.uvod {line-height: 160%; font-size: 110%; margin-bottom: 10px;} #centerIN p.backmenu {padding: 5px 10px; margin: 0 10px;} #centerIN p.cont {text-align: justify; line-height: 160%; margin: 0 10px 15px 10px; padding: 0px;} #centerIN p.cont img {float:left; margin: 0px 10px 10px 0px;} #centerIN ul.seznam {text-align: justify; margin: 0 10px 15px 10px; padding: 0 15px;} #centerIN ul.seznam li { padding: 5px 0;} #centerIN p.info {text-align: justify; line-height: 160%; margin: 0 10px 15px 10px; padding: 0 15px;} #centerIN div.info {text-align: justify; margin: 0 10px 15px 10px; padding: 0 15px;} #centerIN div.info ul {padding: 0 10px;} #centerIN div.info li { padding: 5px 0;} #centerIN div.info img { float:left; margin: 0 5px 5px 0;} /*** CENTR QUICK MENU *************************************************/ #quickMenu { padding: 10px; margin: 0 15px 10px 15px;} html>body #quickMenu { margin: 0 10px 10px 10px;} #quickMenu .butt { padding: 1px 0 2px 0;} #quickMenu input, select { margin: 0 0 0 2px;} html>body #quickMenu input, select { margin: 0 0 0 6px;} /*** WELCOME BOX ****************************************************************************/ #welcBox {width: 570px; margin: 0 15px 0px 15px;} #welcBox h1 { line-height: 16px; /*font-weight: bold;*/ float: left;} #welcBox h1 span { font-size: 11px; font-weight: normal; letter-spacing: 0px;} #welcBox img {border: 1px solid black; float: right;} /* CENTR MENU */ br.shitIE {font-size: 0px; height: 0px; line-height: 0px;} #centerMENU {text-align: left; margin: 0 15px; padding: 3px 11px 3px 8px;} html>body #centerMENU { margin: 0 10px;} #centerMENU a {font-size: 110%; font-weight: bold; height: 22px; line-height: 22px; text-decoration: none; width: 165px; margin: 1px 5px; display: block; float: left; overflow: hidden; /*background: Aqua;*/} html>body #centerMENU a { width: 170px; margin: 1px 7px;} #centerMENU a.act {text-decoration: none;} #centerMENU a:hover {text-decoration: none;} /* CENTR TEXT PAGE MENU */ #linkMenu {padding: 10px 0; margin: 10px;} #linkMenu br.ieshit {font-size: 1px; line-height: 1px;} #linkMenu a {line-height: 22px; width: 180px; font-size: 110%; font-weight: bold; margin-left: 10px; text-decoration: none; float: left;} #linkMenu a.noFl { float: none;} .linkMenu { padding: 10px;} .linkMenu ul { padding: 0 10px 0 25px;} /*** PRODUKTY *************************************************************************/ .produkt {width: 276px; height: 200px; margin: 6px 5px 6px 8px; float: left;} html>body .produkt {width: 276px; margin: 6px 0px 6px 15px;} .produkt h3 {height: 36px; line-height: 16px; margin: 0px 5px 5px 0px; /*background: Aqua;*/} html>body .produkt h3 {margin: 0 5px 5px 5px;} .produkt .infoRadek {line-height: 20px; } .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: 90%; font-weight: normal;} .produkt .prodObsah { height: 100px;} .produkt .prodLeft { width: 105px; padding: 0 0 0 10px; float: left;} a.img {text-align: center; width: 90px; height: 90px; overflow: hidden; display: block;} .prodLeft a:hover { /*color*/} .produkt .prodRight {width: 145px; text-align: left; padding-right: 10px; float: right;} .produkt .prodRight p.descr { height: 30px; overflow: hidden;} .produkt .prodRight p.price { margin-top: 6px;} .prodRight .radek {line-height: 20px;} .prodRight .barva {text-align: left; width: 80px; float: left;} .prodRight .barva span {float: left;} .prodRight .barva div.color {font-size: 1px; width: 10px; line-height: 10px; margin: 3px 0 0 0; float: right;} .prodRight .cena { width: 55px; margin-left: 10px; float: left;} .prodRight .kod {width: 50px; margin-left: 10px; float: left;} .bezCena {font-size: 110%; text-decoration: line-through;} .prodCena {font-size: 170%; letter-spacing: -1px; /*font-weight: bold;*/} .produktM {width: 176px; height: 240px; margin: 0px 5px 20px 5px; float: left;} html>body .produktM {width: 180px; margin: 0px 5px 20px 5px;} .produktM h3 {/*color*/} /*.produktM .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}*/ .produktM .prodObsah {padding: 0 10px 10px 10px;} .produktM .prodObsah a {width: 100px; text-align: center; height: auto; display: block;} .produktM .prodObsah a:hover { text-decoration: none; /*color*/} .produktM .prodObsah a img {margin: 5px;} .produktM .prodFoot {height: 20px; padding: 0 10px;} /*** PRODUKT - DETAIL PRODUKTU *************************************************************/ .produktDET {/*padding: 0 10px;*/} .produktDET .prodRight {width: 400px; text-align: left; padding-right: 10px; float: right;} .produktDET .prodLeft {text-align: center; width: 110px; padding: 0 0 0 10px; float: left;} .produktDET .prodObsah {padding: 10px 0; margin: 0 10px; width: 573px;} html>body .produktDET .prodObsah { width: 580px;} .produktDET .prodObsah p {padding: 0 0 10px 0;} .produktDET .prodObsah div p a.img {text-align: center; width: 90px; height: 90px; overflow: hidden; display: block;} .produktDET .prodObsah div p a.img img { padding: 0px;} /*** Ttechnicke parametry *************************************************************/ .produktDET .prodRight .radekTP { padding: 0 2px; margin: 0 0 1px 0; /*background: Blue;*/} .produktDET .prodRight .left { width: 80px; float: left; font-weight: bold; /*background: Aqua;*/} .produktDET .prodRight .right { width: 300px; margin-left: 10px; float: left; /*background: Fuchsia;*/} /*** barevnost produktu *************************************************************/ .produktDET .prodRight .radek { padding: 0 2px; margin: 0 0 1px 0;} .produktDET .prodRight .barva {text-align: left; width: 80px; float: left;} .produktDET .prodRight .barva span {float: left;} .produktDET .prodRight .barva div.color {font-size: 1px; width: 10px; line-height: 10px; margin: 3px 0 0 0; float: right;} .produktDET .prodRight .cena {width: 100px; margin-left: 10px; float: left;} .produktDET .prodRight .kod {width: 50px; margin-left: 10px; float: left;} .prodFoot {height: 20px; padding: 0 10px; margin: 5px 1px; /*background: Aqua;*/} .prodFoot a {line-height: 20px; text-decoration: underline; padding-left: 20px; margin-right: 5px; display: block; float: left;} .prodFoot a:hover {text-decoration: none;} .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*/} /*** HOME TOP NABIDKA ****************************************************************************/ .topNab {width: 274px; margin: 0px 5px 20px 10px; float: left;} html>body .topNab {margin-left: 15px;} .topNab a.obs {padding: 10px 10px 0 10px; text-decoration: none; display: block; cursor: pointer;} .topNab a.obs span {display: block;} .topNab .obs .nadp {border: none; background: none; font-size: 160%; font-weight: normal; line-height: 100%; height: 48px; padding-bottom:8px;} .topNab .obs .img { text-align: center; width: 90px; height: 90px; margin: 0 10px 0 0; display: block; overflow: hidden; float: left;} .topNab .obs .img img { margin: auto;} /*.topNab .obs img { margin: 0 10px 0 0; float: left;}*/ .topNab .obs .text {line-height: 120%; font-size: 100%; height: 60px;} .topNab .obs .price {font-size: 160%; /*font-weight: bold;*/ letter-spacing: -1px; margin-top: 10px; padding-top: 2px;} .topNab .top {height: 6px; line-height: 6px; font-size: 6px;} .topNab .top div {height: 6px; line-height: 6px; font-size: 6px;} .topNab .bott {height: 6px; line-height: 6px; font-size: 6px;} .topNab .bott div {height: 6px; line-height: 6px; font-size: 6px;} /*** KONTAKT ****************************************************************************/ a#mapa {width: 170px; margin: 0 15px 15px 15px; float: right; display: block;} a#mapa img {/*color*/} p.kont {font-size: 120%; line-height: 140%; margin: 10px;} .kont strong {font-size: 90%;} /****************************************** * RIGHT * ******************************************/ #RIGHT { text-align: center; width: 170px; float: right; margin-bottom: 0px;} #RIGHT h2, h3 { padding: 0 10px;} #RIGHT h2.akt {clear: both;} #RIGHT h2 a {width: 16px; height: 24px; text-decoration: none; display: block; float: right;} #RIGHT .aktualnab { height: 215px; padding: 0px; margin: 0px;} #RIGHT .aktualnab2 { height: 215px; padding: 0px; margin: 0px;} #RIGHT h3 {height: 34px; line-height: 120%; padding-top: 5px; overflow: hidden; /*background: Aqua;*/} #RIGHT h3 a {} #RIGHT .nab { margin: 10px; padding: 0px;} #RIGHT .nab p {text-align: center; margin: 0px; padding: 0px;} html>body #RIGHT .nab p a { margin: 0 0 0 30px;} #RIGHT .nab p.text {text-align: center; margin-top: 5px;} #RIGHT .prodFoot { padding: 0 5px; margin: 0 1px;} /****************************************** * FOOTER * ******************************************/ #posFOOT {text-align: center; width: 992px; height: 120px; padding: 0px; margin: 0px; left: -16px; top: -1px; position: absolute; z-index: auto; } #FOOTER { /*background: #4a0025 url(../img/bacgr.gif) repeat-y center top;*/ /*width: 993px;*/ height: 120px; text-align: left; /*padding: 0 20px;*/ margin: 0px auto; position: relative;} #FOOTER #partn { padding-top: 10px;} #FOOTER #partn a { text-decoration: none;} #FOOTER .buttPole {height: 30px; margin: 0 1px; padding: 0px;} #FOOTER .buttPole div {padding: 0px;} #FOOTER .buttPole a { font-size: 100%; display: inline; font-weight: bold;} #FOOTER .buttPole div .buttKosik { margin: 0 10px 0 0; padding: 0px;} #FOOTER #bottRow {padding: 0 0 6px 0; /*height: 30px;*/ margin: 0 1px; /*background: Aqua;*/} #FOOTER #bottRow #develop { text-align: left; font-size: 100%; width: 350px; padding-left: 30px; margin: 10px 0; float: left;} #FOOTER #bottRow #develop a {font-weight: bold;} #FOOTER #bottRow #optim {font-size: 100%; text-align: right; width: 390px; padding-right: 30px; margin: 10px 0; float: right;} /****************************************** * KOSIK * ******************************************/ .contForm {text-align: left; padding: 10px 0; margin: 0 10px;} .contForm legend { font-size: 130%; letter-spacing: -1px;} .contForm input.button {width: 170px;} /*.contForm*/ .butt { text-align: right; padding: 10px;} html>body .butt { margin: 0 2px;} /*.contForm .butt2 {text-align: right; padding: 12px 30px 0 0;}*/ .contForm .text {padding: 5px 0; display: block; /*background: Aqua;*/} .contForm .text a {font-weight: bolder; text-decoration: none;} .contForm .text a:hover {/*color*/} .contForm input.splat { margin: 0px; padding: 0px;} .contForm label.form {line-height: 18px; padding: 0 0 6px 0; clear: both; display: block; /*background: Aqua;*/} .contForm label.form span {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left; /*background: Blue;*/} /*** KOS TABULKA *******************************************************************/ .kosTable {border: none; width: 90%; w\idth: 100%;} .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 4px;} .kosTable tr td {font-size: 100%; padding: 4px;} .kosTable tr.link1 td {/*color*/} .kosTable tr.link2 td {} .kosTable tr.link3 td {font-size: 12px; font-weight: bolder;} .prodTable {width: 563px; margin: 0 0 0 7px; /*background: Aqua;*/} .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;} /****************************************** * SROVNANI * ******************************************/ .srovLeft {width: 400px; w\idth: 380px; float: left; padding: 10px; } #centerIN h3#det { line-height: 24px; padding-right: 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: 100px; display: block; overflow: hidden;} /****************************************** * PAGER * ******************************************/ .produktDET .PAGER {/*color*/} .PAGER {line-height: 20px; padding: 6px; margin: 0 15px;} html>body .PAGER {margin: 0 10px;} .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 {font-weight: bold; width: 25px; height: 20px; line-height: 16px; margin: 0px; padding: 0px; /*border: none; background: none;*/} .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 {float: left;} .PAGER .listovani a.list-r {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;} /****************************************** * OVLADACI POLE * ******************************************/ .poleOvl {line-height: 24px; text-align: left; padding: 2px 0; margin: 0 15px;} html>body .poleOvl { margin: 0 10px;} .poleOvl a {font-size: 130% letter-spacing: -1px; font-weight: bold;} .poleOvl a:hover {/*color*/} .poleOvl form {line-height: 24px; padding: 0 10px;} .poleOvl form select {margin: 0 6px 0 0;} .poleOvl form input {margin: 0 6px 0 0;} /* zobrazeni zdrojoveho kodu v contentu */ .code {border:1px solid #CCCCCC; color:#777777; background:#FFF; text-align:left; display:block; line-height:1em; margin:0.5em 0pt 0.5em 0.5em; padding:0.5em 0.5em;}