/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
body {margin: 0px; padding: 0px;}
body#noBg { padding: 10px;}

/******************************************
*        ZAKLADNI SIRKA LAYOUTU           *
******************************************/
#main {width: 960px; margin: 0px auto; padding: 10px;}



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: 6px;}
.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 { height: 0px; position: relative;}
p.next { font-size: 100%; /*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;}
.backmenu {  padding: 2px; text-align: right;}
.err {border: solid 2px red;}
.ieClear { overflow: hidden; margin: 0 -5px; }
.cisSezn ol li {	list-style: decimal inside; padding: 1px 0;}

/******************************************
*                 NADPISY                 *
******************************************/
h1,h2,h3 {text-align: left; font-weight: bold; letter-spacing: -1px; padding: 3px 0 3px 6px; margin: 0px;}
h1 { font-size: 110%; letter-spacing: 0px;}
#navig {}
h1 span { font-size: 70%; font-weight: normal; line-height: 115%; letter-spacing: 0px; padding-top: 5px; display: block;}
h2 {font-size: 120%; letter-spacing: 0px;}
h2.product {/*color*/}
h3 {font-size: 110%; letter-spacing: 0px;}
h3 a {text-decoration: underline;}
h3 a:hover {text-decoration: none;}
h4,h5 {font-weight: bolder; text-align: left; line-height: 24px; /*letter-spacing: -1px;*/ padding: 0px;	margin: 0px;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}



/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; padding: 1px; margin: 1px;}
select { padding: 1px;}



/******************************************
*            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;}
.sizeMax4 {width: 562px;}



/******************************************
*                 HEAD                   *
******************************************/
#headTop { height: 139px; margin-bottom: 6px; }

#log { width: 172px; height: 108px; float: right; padding: 0px;}
#log form { padding: 0px; margin: 0px;}
#log h2 { padding: 4px 0 4px 10px; margin: 0 0 0 3px;}
#log h2 a { text-decoration: none;}
#log h2 a:hover { text-decoration: underline;}
#log table{ margin-left: 10px; }
#log table td { }
#log table td#error { font-size: 90%; line-height: 100%; padding-top: 5px;}
#log #formlogout table td { padding: 1px 2px;}



/******************************************
*           NEZAVISLY OBSAH               *
******************************************/
/*** TOP MENU *******************************************/
.h2odr { display: none;}
.buttPole {text-align: left; width: 768px; padding: 3px 10px 0 5px; /*height: 19px;*/ font-size: 110%; position: relative; float: left;}
.buttPole .h2odr { width: 12px; height: 25px; left: -6px; top: 0px; position: absolute; display: none;}
/*html>body .buttPole { padding: 0px 0;}*/
.buttPole a {text-decoration: none; padding: 4px 20px 4px 25px; float: left;}
.buttPole a:hover {/*color*/}
.buttPole a.act {/*color*/}

.langPole {}
.langPole {width: 150px; margin-top: 8px; padding-left: 10px; padding-right: 10px; float: right; /*background: Aqua;*/}
.langPole a { width: 16px; height: 11px; line-height: 10px; font-size: 10px; padding: 0px; margin: 0 2px; display: block; float: left; text-decoration: none; }

.langPoleEnfLogin {}
.langPoleEnfLogin {width: 150px; margin-top: 8px; padding-left: 10px; padding-right: 10px; float: right; /*background: Aqua;*/}
.langPoleEnfLogin a { width: 16px; height: 11px; line-height: 10px; font-size: 10px; padding: 0px; margin: 0 2px; display: block; float: left; text-decoration: none; }

/*** IMG cast hlavicky ************************************************/
#head { /*width: 573px;*/ margin-bottom: 13px }
#headImg { text-align: left; width: 788px; height: 108px; float: left;}
#headImg a#logo { text-decoration: none; width: 170px; height: 108px; display: block; float: left;}


/*** USER ************************************************************/
#user form {}
#user a.butt { width: 100%; height: 14px; padding: 2px 0 0 0; text-align: center; display: block; text-decoration: none;}
table.prodDel { width: 100%; }
table.prodDel td { vertical-align: top; text-align: left; padding: 1px 3px;}
table.prodDel .del { font-weight: bold; /*background: Aqua;*/}
table.prodDel a { text-decoration: none; }
table.prodDel a:hover { text-decoration: underline; }
.pricesumm { text-align: right; font-size: 110%; font-weight: bold; margin-top: 5px; padding: 5px; display: block;}

/*** ZAKLADNI KOD OBSAHOVYCH BLOKU ************************************************************/
.miniBl {}
.miniBlIn { }
.crop .miniBlIn { /*height: 0px; padding: 0px; overflow: hidden; visibility: hidden;*/ display: none; }
.miniBlIn h3 { border: none; }
.alCenter {	text-align: center;}

fieldset {}
#centerIN fieldset { margin: 0px; padding: 5px;}
fieldset legend { margin: 0px;}

/*** MENU ******************************************/
#menuTop { padding: 0px; text-align: left; border: solid 1px #ddd; border-top: none;}
#menuTop a { text-decoration: none; padding: 6px 5px 6px 20px; margin: 1px 0; display: block;}
#menuTop a.act { font-weight: bold;}
#menuTop a:hover { text-decoration: none;}
#menuTop .menuIn { /*padding: 0 10px 7px 12px;*/}

#menu {  padding: 0px; margin: 0px; text-align: left;}
#menu h2 a { font-size: 120%;}
#menu a {font-weight: bold; text-decoration: none; padding: 6px 5px 6px 20px; margin: 1px 0; display: block;}
#menu a.act { font-weight: bold;}
#menu a:hover { text-decoration: none;}
#menu .menuIn { padding: 0px; margin: 0px; /*padding: 0 6px 1px 17px;*/}
#menu .menuIn .subm { /*padding: 0px; padding-left: 10px;*/ }
#menu .menuIn .subm a { /*font-weight: bold;*/}

/*** 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 {/*color*/}

/*** REKLAMA *******************************************/
.REKL {text-align: center; padding: 5px; margin: 0px;}
.REKL img {/*color*/}

/*** ANKETA *******************************************/
#ANKETA {text-align: left; /*padding: 0 10px 10px 10px;*/}
#ANKETA #otaz {padding-top: 0px;}
#ANKETA .line {font-size: 6px; height: 6px;}
#ANKETA p {padding: 4px 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 {/*color*/}

/*** KALKULACKA *******************************************/
#calc { /*padding: 5px 10px;*/}
#calc p {padding: 2px 0px;}
#calc input, #calc select { width: 140px; }
#calc input {width: 136px;}
#calc input#vysl { width: 134px; margin-top: 2px;}
#calc a:hover {/*color*/}

/*** KATALOG KE STAZENI*******************************************/
#downlKat {}
#downlKat p { font-size: 120%; font-weight: bold; padding: 0 0 0 5px;}
#downlKat p span { font-size: 180%; letter-spacing: -1px;}

/*** LISTA ODKAZU V DETAILU PRODUKTU *******************************************/
.navigBL {height: 20px; padding: 5px 10px;}
.navigBL a { font-weight: bold; display: block; float: left;}
.back { margin-right: 160px;}
.icoPrint { padding: 0 0 0 20px; margin-right: 20px;}
.icoMail { padding: 0 0 0 20px;}

/*** OBSAH ZALOZKY KE STAZENI V DETAILU PRODUKTU *******************************************/
.downlBl { padding: 10px;}
.downlBl li { list-style: none;}
.downlBl a { display: block; font-weight: bold;}
.file { padding: 5px 0 4px 25px;}

a.file[href$='.zip'] { background: url(../sysimg/fileicons/ext-zip.png) no-repeat; }
a.file[href$='.rar'] { background: url(../sysimg/fileicons/ext-rar.png) no-repeat; }
a.file[href$='.exe'] { background: url(../sysimg/fileicons/ext-exe.png) no-repeat; }
a.file[href$='.xls'] { background: url(../sysimg/fileicons/ext-xls.png) no-repeat; }
a.file[href$='.doc'] { background: url(../sysimg/fileicons/ext-doc.png) no-repeat; }
a.file[href$='.pdf'] { background: url(../sysimg/fileicons/ext-pdf.png) no-repeat; }
a.file[href$='.pps'] { background: url(../sysimg/fileicons/ext-pps.png) no-repeat; }

/*** klasicka tabulka s okrajem *********************************/
table.bord {  /*width: 465px;*/}
table.bord td, table.bord th { padding: 2px 4px;}
table.bord td { vertical-align: top; width: 127px; }
table.bord th { }
#noBg table.bord th.thTop { text-align: center; }
table.bord th.thTop { text-align: left;}
table.bord th.thTop h3 { font-size: 100%;}
table.bord th.thTop h3 a { text-decoration: none; font-size: 110%;}
#noBg table.bord th.thLeft { text-align: right; width: 120px; }
table.bord th.thLeft { text-align: left;}

/*** radkova tabulka *******************************************/
table.line { /*width: 465px;*/}
table.line td, table.line th { padding: 2px 4px;}
table.line th { }
table.line tr { height: 22px; }
table.line td { vertical-align: top; font-weight: normal; vertical-align: middle; }
table.line td a { text-decoration: none;}
table.line td a:hover { text-decoration: underline;}

/*** PRODUKT TABULKA *******************************************************************/
.prodTable {width: 598px; margin: 0 5px; /*background: Aqua;*/}
.prodTable td,.prodTable th { padding: 2px 2px;}
.prodTable td.del a { font-weight: bold; text-decoration: none;}
.prodTable tr td h3 { border: none; font-size: 100%; padding: 0px; display: inline; }
.prodTable tr td h3 a { text-decoration: none; }
.prodTable tr td p { margin: 0px; /*background: Aqua;*/}
.prodTable tr td input { margin: 0px; font-size: 90%; width: 20px; }
.prodTable tr td .skladem {}
.prodTable tr td .skladem span { font-weight: bold; letter-spacing: -1px;}
.prodTable tr td .kod {font-size: 100%; padding: 0px;}
.prodTable tr td .kod span { font-weight: normal; display: inline;}

.linkFin { }
.linkFin td { margin: 0px;}
.linkFin td a { font-weight: bold; text-decoration: none;}
.linkFin td a:hover {text-decoration: underline;}
.linkFin td div { margin: 0px; padding: 3px; font-weight: bold; font-size: 110%; text-align: right;}
.linkFin td div span { font-weight: normal; font-size: 90%; }
.fin .linkFin td div span {  font-weight: normal;}
.prodTable.fin { width: 576px; }

/*** TABULKA IMG KATEGORIE *******************************************************************/
#tableKateg { /*width: 100%;*/ margin-left:auto;margin-right:auto;}
#tableKateg td { text-align: center; width:149px}
#tableKateg a { display: block; text-decoration: none; cursor: pointer;}
#tableKateg a:hover { text-decoration: underline;}
#tableKateg span { display: block; font-weight: bold;}
#tableKateg span.imgKateg { }
#tableKateg span.textKateg { padding: 2px 5px; height: 26px; line-height: 110%;}

/*** TABULKA TRIDENI A FILTRACE *******************************************************************/
.trideni { width: 100%;}
.trideni td { padding: 1px 5px; font-size: 90%; letter-spacing: -1px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.trideni td input,.trideni td select { font-size: 90%; letter-spacing: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.trideni td a {  text-decoration: none;}
.trideni td .sizeS { width: 30px;}
.trideni td .act { font-weight: bold; font-size: 110%;}

/*** HODNOCENI *******************************************************************/
.hodn {	width: 65px; height: 18px; margin: 3px auto 0 auto;}
.total05 { }
.total04 { }
.total03 { }
.total02 { }
.total01 { }



/******************************************
*                 OBSAH                   *
******************************************/
#CONTENT {margin: auto; width: 960px;  /*background: Aqua;*/}
#navig {	padding: 5px 5px 7px 5px; margin: 0px;}


/******************************************
*                  LEFT                   *
******************************************/
#LEFT {text-align: left; width: 170px; float: left;}
/*#LEFT h2 .h2odr { display: none; visibility: hidden;}*/
#LEFT .crop h2 { background:#808080;}
#LEFT h2 { font-family: Tahoma; /*height: 25px; line-height: 25px;*/ padding: 5px 0 5px 5px; position: relative;}
#LEFT h2 .h2odr { width: 0px; height: 25px; padding-left: 5px; overflow: hidden; left: 0px; top: 0px; position: absolute;}
#LEFT h2 a { font-size: 70%; text-decoration: none; padding: 0px; display: inline; }
#LEFT .miniBl { padding: 0px;}
#LEFT .miniBl .miniBlIn { padding: 10px;}

#LEFT .bgWh { }
#LEFT .bgGr { }
#LEFT .bgLgr { }



/******************************************
*                 CENTER                   *
******************************************/
#CENTER {width: 618px; float: left; /*overflow: hidden;*/}
#CENTER.rozc { width: 960px; float: none; padding: 0px; margin: 0px;}
#CENTER.rozc #centerIN { padding: 0px;}
#CENTER input, #CENTER select, #CENTER textarea { }
#CENTER input.butt { }
#CENTER input.err,#CENTER select.err { border: solid 2px red; }


/******************************************
*            ENFORCED LOGIN               *
******************************************/
#ENFLOGIN {width: 618px; float: none; margin-left: auto; margin-right: auto; /*overflow: hidden;*/}
#ENFLOGIN.rozc { width: 960px; float: none; padding: 0px; margin: 0px;}
#ENFLOGIN.rozc #centerIN { padding: 0px;}
#ENFLOGIN input, #ENFLOGIN select, #ENFLOGIN textarea { }
#ENFLOGIN input.butt { }
#ENFLOGIN input.err,#ENFLOGIN select.err { border: solid 2px red; }


/******************************************
*               ROZCESTNIK                *
******************************************/
#CENTER.rozc .rozcBl { width: 470px; padding: 0px; margin: 10px 16px 10px 0; float: left; /*overflow: hidden;*/}
#rem { }
#vart { }
#CENTER.rozc .rozcBl.end { margin-right: 0px;}
#CENTER.rozc .rozcBl .posBlock.pbHeadZal { height: 50px;}
#rem .posBlock.pbHeadZal .rozcLogo { width: 472px; height: 50px; left: -1px; top: -1px; position: absolute; z-index: auto;}
#vart .posBlock.pbHeadZal .rozcLogo { width: 472px; height: 50px; left: -1px; top: -1px; position: absolute; z-index: auto;}
#CENTER.rozc .rozcBl .ieClear { padding: 0 0 0 55px; margin-bottom: 10px;}
/*** ROZCESTNIK HLAVICKA ********************************************/
.rozcHead { height: 150px; margin: 0 1px 10px 1px; overflow: hidden; position: relative;}
.rozcHead a { }
.rozcHead .posBlock.logoFy { font-size: 0%; height: 0px;}
.rozcHead .logoTr { height: 125px; width: 34px; position: absolute; top: -10px; z-index: auto;}
#rem .rozcHead .logoTr { }
#vart .rozcHead .logoTr { }
#CENTER.rozc .rozcHead p { padding: 5px 0 5px 0; margin: 0 20px 0 55px;}
#CENTER.rozc .rozcHead p a { text-decoration: none;}
.rozcHead p a:hover { text-decoration: underline;}
.rozcHead p.linkInd { font-size: 140%; font-weight: bold; width: 390px; bottom: 0px; position: absolute; z-index: auto;}
#CENTER.rozc .rozcHead.col01 { }
#CENTER.rozc .rozcHead.col01 a { }
#CENTER.rozc .rozcHead.col05 { }
#CENTER.rozc .rozcHead.col05 a { }
#CENTER.rozc .rozcHead.col07 { }
#CENTER.rozc .rozcHead.col07 a { }
/*** ZALOZKOVE MENU ********************************************/
.rozcHead #zalozkMenu { height: 25px; margin: 0 0 10px 0;}
#rem .rozcHead #zalozkMenu { }
#vart .rozcHead #zalozkMenu { }
#CENTER.rozc .rozcHead #zalozkMenu div { text-decoration: none; float: left; display: block; padding: 5px 10px; margin: 0 2px 2px 0;}
#CENTER.rozc .rozcHead #zalozkMenu div:hover { text-decoration: underline;}
#CENTER.rozc .rozcHead #zalozkMenu div.col01 { }
#CENTER.rozc .rozcHead #zalozkMenu div.col05 { }
#CENTER.rozc .rozcHead #zalozkMenu div.col07 { }
#CENTER.rozc .rozcHead #zalozkMenu div.actZ { font-weight: bold; text-decoration: none; padding: 6px 10px; margin: 0 2px 0 0;}



/*** AKTUALNE ********************************************/
#centerIN ul {	padding-left: 15px;}
#centerIN p { padding-left: 15px;}
#centerIN #newsCentr { border: none; padding: 5px;}
#centerIN #newsCentr p { margin: 1em 0 1em 0; padding: 0; }
#centerIN #newsCentr li { margin: 5px 0; list-style: none;}
#centerIN #newsCentr li a { /*font-weight: bold;*/ text-decoration: none;}
#centerIN #newsCentr li #act { line-height: 200%;}
#centerIN #newsCentr #detail { padding: 5px 5px 5px 0; margin: 10px 0;}
#centerIN #newsCentr #detail img { padding: 5px; margin: 0 10px 10px 0; float: left;}
#centerIN #newsCentr #detail a#close { display: block; font-weight: bold; clear: both;}

#centerIN {text-align: left; padding: 1px 10px; /*background: Fuchsia;*/}
#centerIN h1#link { font-size: 120%; margin-bottom: 10px; padding: 0 10px; letter-spacing: 0px;}
#centerIN h1#link a { font-size: 90%;}
#centerIN h2 { font-family: Tahoma; /*height: 25px; line-height: 25px;*/ padding: 5px 0 5px 5px; /*margin-bottom: 6px;*/}
#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 .infoBl { padding: 0 10px; margin: 5px 0;}
#centerIN .infoBl legend { font-family: Tahoma; font-size: 120%; font-weight: bold;}
#centerIN .infoBl legend span { font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-weight: bold;}
#centerIN .infoBl legend span a { }
#centerIN .infoBl h3 { margin: 0px; border: none; padding-left: 0px;}
#centerIN .infoBl p { margin: 10px 0;}
#centerIN .infoBl ul li { margin: 10px 0;}
#centerIN .infoBl table { margin: 10px 0;}

#centerIN .infoBl ul.contSezn { padding-left: 160px;}
#centerIN .infoBl ul.contSezn.webMap { padding-left: 50px;}
#centerIN .infoBl ul.contSezn.webMap li { margin: 5px 0;}
#centerIN .infoBl ul.contSezn.webMap li a { font-weight: bold;}
#centerIN .infoBl ul.contSezn.webMap li ul li a { font-weight: normal;}

/*.gallery { text-align: center;}
.gallery a { border: solid 1px #ccc; background: #fff; text-align: center; vertical-align: middle; width: 100px; height: 70px; margin: 3px; display: block; overflow: hidden; float: left;}
.gallery a img { margin: auto;}*/

/*** Hodonoceni ********************************************/
#centerIN .produktDET {}
#centerIN .produktDET .posBlock { display: none;}
#centerIN .produktDET .hodnBl { padding: /*10px 10px 10px*/ 20px;}
#centerIN .produktDET .hodnBl .radio { top: 2px;}
#centerIN .produktDET .hodnBl h5 { padding: 0px;}
#centerIN .produktDET .hodnBl span { padding-top: 4px;}
#centerIN .produktDET .hodnBl strong { font-size: 130%;}

/*** PODR. FILTRACE *******************************************/
#podrFiltr { padding: 5px /*10px 10px 10px*/; /*width: 274px;*/}
#podrFiltr form h2 { padding: 0px;}
#podrFiltr form { padding: 5px 10px;}
#podrFiltr table {width: 100%;}
#podrFiltr table td { font-weight: bold; font-size: 110%;}
#podrFiltr table td input, #podrFiltr table td select { font-weight: normal;}
#podrFiltr table td input.butt { font-weight: bold;}

/*** OBSAHOVE MENU *******************************************/
#linkMenu {padding: 5px 10px; margin: 5px 0;}
#linkMenu a { line-height: 16px; font-size: 100%; font-weight: bold; text-decoration: none;}
#linkMenu span { font-size: 80%; font-weight: normal; }

/***  ZALOZKOVE MENU *******************************************/
#zalozkMenu { height: 25px; margin: 15px 0 10px 0;}
#zalozkMenu div { float: left; display: block; padding: 5px 10px; margin-right: 2px;}
#zalozkMenu div.act { font-weight: bold; text-decoration: none;}

/***  DISKUZE *******************************************/
.diskuze { }
.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;}



/******************************************
*                PRODUKT                  *
******************************************/
/*** PRODUKTY *************************************************************************/
.produkt { width: 294px; height: 257px; margin: 0 5px 5px 5px; float: left; /*background: Aqua;*/}
.prodMini {width: 192px;}
.produkt.noOds { margin: 0 5px 5px 5px;}
.prodObsah { padding: 0 0px 10px 0px; /*background: Aqua;*/}
.prodObsah h3 { font-size: 100%; letter-spacing: 0px; height: 42px; padding: 4px 5px 0 5px; overflow: hidden; border: none; background: none; /*border: solid 1px #000;*/}
.prodObsah h3 input { margin: 0px; padding: 0px;}
.prodObsah h3 a { margin: 0px; padding: 0px; text-decoration: none;}
.prodObsah h3 a:hover { }
.prodObsah p.price { margin-top: 6px; /*background: Aqua;*/}

/*** PRODUKT - radek SKLADEM a KOD *************************************************************/
.infoRadek {clear: both; padding: 5px 5px 0 10px;}
.infoRadek .skladem {text-align: left; line-height: 23px; float: left;}
.infoRadek .skladem span {font-size: 100%; font-weight: bold; letter-spacing: -1px;}
.infoRadek .kod {font-size: 100%; line-height: 23px; padding: 0px 10px 0 0; float: right;}
.infoRadek .kod span { font-weight: bold; display: inline; letter-spacing: -1px;}

/*** PRODUKT - obsah *************************************************************/
.prodObsah .prodLeft {text-align: center; width: 125px; margin: 0 0 0 10px; padding: 0px; float: left; /*background: Blue;*/}
a.foto {width: 125px; height: 125px; margin: 0 auto; display: block; overflow: hidden; float: none; position: relative;}
a.foto:hover { text-decoration: none; }
a.foto img { margin: 0px;}
a.foto img.topIco { margin: 0px; position: absolute; top: 0px; right: 0px; z-index: auto; }
a.foto img.magIco { margin: 0px; position: absolute; bottom: 0px; right: 0px; z-index: auto; }
a.foto img.topLeftIco { margin: 0px; position: absolute; top: 0px; left: 0px; z-index: auto; }
a.foto img.botIco { margin: 0px; position: absolute; bottom: 0px; left: 0px; z-index: auto; }
.produkt .prodObsah .prodRight { /*background: Lime;*/ width: 130px; padding-right: 10px; text-align: left; float: right;}
.produkt .prodObsah .prodRight p.dvlp { font-weight: bold; padding-bottom: 5px;}
.produkt .prodObsah .prodRight p.descr {height: 100px; overflow: hidden; /*background: Aqua;*/}

/*** PRODUKT - paticka *************************************************************/
.produkt .prodFoot { padding: 5px 0 0 10px;}
.prodFoot input { float: left; width: 20px; }
.prodFoot span { float: left; margin: 2px 5px 0 0; }
.prodKoupe {font-weight: bold; text-decoration: none; width: 50px; line-height: 17px; padding: 0 5px 0 24px; overflow: hidden; display: block; float: left; border: none;}
#centerIN  input.prodKoupe { width: 78px; line-height: 17px; padding-left: 12px; cursor: pointer;}
a:hover.prodKoupe {}

/*** SPECIALS - produkt *****************************************************************/
#SPECIALS input.prodKoupe { width: 78px; line-height: 20px; padding-left: 5px; cursor: pointer; height: 20px; }
#SPECIALS .price { margin: 6px 0; text-align: left; }
#SPECIALS .infoRadek {clear: both; padding: 0;}
#SPECIALS .infoRadek .skladem {text-align: left; line-height: 23px; float: left;}
#SPECIALS .infoRadek .skladem span {font-size: 100%; font-weight: bold; letter-spacing: -1px;}
#SPECIALS .infoRadek .kod {font-size: 100%; line-height: 23px; padding: 0px 10px 0 0; float: right;}
#SPECIALS .infoRadek .kod span { font-weight: bold; display: inline; letter-spacing: -1px;}

/*** PRODUKT - DETAIL PRODUKTU *************************************************************/
.produktDET { padding: 5px; margin-top: 20px; }
.produktDET .prodObsah {padding: 10px 0 0 0;}
.produktDET .prodObsah  table.line { width: 100%;}
table#imgGall { margin: 0px;}
.produktDET .prodLeft table#imgGall { margin: 0 0 0 20px;}
table#imgGall td { text-align: center; vertical-align: middle; /*width: 100px; height: 100px;*/ /*border: solid 1px #ccc;*/}
table#imgGall td img { /*margin: 5px; float: none;*/}
.produktDET .prodRight {width: 380px; text-align: left; padding: 0 10px 0 0px; float: right;}
.produktDET .prodRight .kod { text-align: right;}
.produktDET .prodRight .kod span { font-weight: bold; font-size: 110%;}
.produktDET .prodRight .old_price span { text-decoration: line-through; }
.produktDET .prodObsah p {padding: 0 0 10px 0;}
.produktDET .prodTable { width: 538px; margin: 0px;}
.produktDET .prodTable th { padding: 4px;}
.produktDET .prodTable td { padding: 0 4px;}
#centerIN .produktDET .prodTable a { height: 20px; display: block;}

/*** Koupe *************************************************************/
.produktDET .buy { margin: 15px 0 0 0; }
.produktDET .buy input { width: 20px; float: left; }
.produktDET .buy input.prodKoupe { width: 60px; line-height: 17px; padding-left: 24px; cursor: pointer; }
.produktDET .buy p { margin: 0 5px 0 0; float: left; }
.produktDET .buy p strong { line-height: 23px; }
.produktDET .buy span {line-height: 23px; margin: 0 5px; display: block; float: left; }
.produktDET .buy a { display: block; }



/******************************************
*                 RIGHT                   *
******************************************/
#RIGHT { width: 170px;	float: right; /*overflow: hidden;*/}
#RIGHT .crop h2 { background: #808080;}
#RIGHT h2 { font-family: Tahoma; /*height: 25px; line-height: 25px;*/ padding: 5px 5px 5px 0; text-align: right; /*background: Aqua;*/}
/*#RIGHT h2 .h2odr { display: none; visibility: hidden;}*/
#RIGHT h2 .h2odr { width: 10px; height: 25px; padding-right: 2px; right: -5px; top: 0px; position: absolute;}
#RIGHT h2 a { font-size: 70%; text-decoration: none; padding: 0px; display: inline; }
#RIGHT h3 { padding: 0px; margin-bottom: 5px;}
#RIGHT h3 a { text-decoration: none; font-size: 90%;}
#RIGHT .miniBl { padding: 0px;}
#RIGHT .miniBl .miniBlIn { padding: 10px;}

#RIGHT h2 { clear: both; position: relative; font-family: Tahoma;}
#RIGHT h2.akt {clear: both;}
#RIGHT .aktualnab {text-align: center;	 margin: 0px;}
#RIGHT .aktualnab.textVyp {text-align: left;}

#RIGHT .bgWh { }
#RIGHT .bgGr { }
#RIGHT .bgLgr { }



/******************************************
*                 FOOTER                  *
******************************************/
#FOOTER {text-align: left; width: 960px;}
#copyr { font-size: 90%; width: 150px; float: left; padding: 5px 10px;}
#copyr a { display: block; width: 84px; height: 36px; text-decoration: none;}
#copyr p { }
#partners { width: 750px; padding: 10px 10px 5px 10px; margin-bottom: 10px; float: right;}
#partners h2 { font-size: 80%; padding: 0px;}
#partners a img { }


.butt { border: none; width: 23px; height: 20px; cursor: pointer;}
.filtrButt { cursor: pointer; font-weight: bold;}

/******************************************
*               CENTR MENU                *
******************************************/
#tabMenu { width: 100%; margin: 0 0 5px 0;}
#tabMenu td { width: 33%;}
#tabMenu td a {font-weight: bold; text-decoration: none;}
#tabMenu td a:hover { text-decoration: underline;}

div.hint, div.popup {
  font-size: 10pt;
  font-style: normal;
  text-decoration: none;
  position: absolute;
  padding: 5px;
  display: none;
}
div.popup {
  min-height: 200px;
  min-width: 250px;
}

.hiBox { height: 100px; overflow: hidden;}

/*** HLASKA CHYBA A NAPOVEDY *******************************************/
.help { }
.help h3 {      padding-left: 5px;}
.help p { }
.warning { }
.warning h3 {   padding-left: 5px;}
.warning p { }
.error { }
.error h3 {     padding-left: 5px;}
.error p { }

.messages { position: fixed; top: 10px; z-index: 999; width: 598px; }
.messages .msg { display: none; margin-bottom: 6px; padding: 0px; padding-bottom: 5px; position: relative;
	opacity: 0.9;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.messages .msg .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: auto;
	text-decoration: underline;
}
.messages .msg .close:hover {
	text-decoration: none;
	cursor: pointer;
}
#centerIN .messages .msg p {
        padding-top: -5px;
        padding-left: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
}

/******************************************
*            POZICOVANE BLOKY             *
******************************************/
.posBlock {}
.rohLh { width: 8px; height: 8px; left: -6px; top: -6px; position: absolute; z-index: auto;}
.rohPh { width: 8px; height: 8px; right: -6px; top: -6px; position: absolute; z-index: auto;}
.rohLd { width: 8px; height: 8px; left: -6px; bottom: -12px; position: absolute; z-index: auto;}
html>body .rohLd { bottom: -6px;}
.rohPd { background: url(../img/roh-pd.gif) no-repeat; width: 8px; height: 8px; right: -6px; bottom: -12px; position: absolute; z-index: auto;}
html>body .rohPd { bottom: -6px;}
.rozcBl .posBlock { height: 8px;}
.rozcBl .rohLd { width: 8px; height: 8px; left: -1px; bottom: -7px; position: absolute; z-index: auto;}
html>body .rozcBl .rohLd { bottom: -1px;}
.rozcBl .rohPd { width: 8px; height: 8px; right: -1px; bottom: -7px; position: absolute; z-index: auto;}
html>body .rozcBl .rohPd { bottom: -1px;}

#posIco { left: 20px; top: -22px; position: absolute;}
#posIco .icoVl { width: 32px; height: 32px; margin-right: 10px; float: left;}

span.helper {
	text-decoration: none; 
	border-bottom: 1px dotted;
}

.prodTableBl {
border-collapse: collapse;
border: solid 1px #CCCCCC;
margin: 5px auto;
width: 598px;
}
.prodTableBl td {
padding: 3px 10px;
/*vertical-align: top;*/
}
.prodTableBl td input {
width: 20px;
}
.prodTableBl td h3 {
	padding-left: 0px;
}
.prodTableBl td h3 a {
	color: #EE8300;
}
.prodTableBl td p.price strong {
	color: #000;
    font-size: 150%;
    letter-spacing: -1px;
}

.prodTableBl td p.price strong.special {
	color: #FF0000;
    font-size: 150%;
    letter-spacing: -1px;
}

/*Skrytí zobrazení množství v košíku*/
span[class^="pbasket"] {
    display: none;
}