/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body,td,th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px;}
body { margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,form,input,select,textarea,img,span {padding: 0px; margin: 0px;}

/*** def. tag style ***********************************************/
a { text-decoration: underline;}
a:hover { text-decoration: none;}
a.img { overflow: hidden; display: block;}
a.img:hover { }
li {list-style: disc;}
img {border: none;}
ol li {	list-style: decimal;}
input, select, textarea {}

.noBord { border: none;}
.posBlock { height: 0px; line-height: 0px; font-size: 0px; position: relative;}
.formButt { font-weight: bold; /*height: 18px;*/ padding: 1px 5px; cursor: pointer;}
.oblig { }
.detail { font-weight: bold; margin-top: 5px;}
.text { line-height: 160%; margin-bottom: 12px;}

/*** float / clear style ***********************************************/
.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;}

/*** ods. odtrz. style ***********************************************/
.odsS { font-size: 6px; height: 6px; line-height: 6px;}
.odsM { font-size: 12px; height: 12px; line-height: 12px;}
.odsL { font-size: 18px; height: 18px; line-height: 18px;}
.odsXL { font-size: 24px; height: 24px; line-height: 24px;}
.odsXXL { font-size: 30px; height: 30px; line-height: 30px;}
.odtrz { height: 0px;}
.odtrzS { height: 0px; /*margin-top: 6px;*/ padding-bottom: 6px;}
.odtrzM { height: 0px; /*margin-top: 12px;*/ padding-bottom: 12px;}
.odtrzL { height: 0px; /*margin-top: 18px;*/ padding-bottom: 18px;}
.odtrzXL { height: 0px; /*margin-top: 24px;*/ padding-bottom: 24px;}
.odtrzXXL { height: 0px; /*margin-top: 30px;*/ padding-bottom: 30px;}



/******************************************
*                 NADPISY                 *
******************************************/
h1,h2,h3,h4,h5,h6 { font-weight: normal; text-align: left;}
h1,h2 { letter-spacing: -1px;}
h2,h3,h4 { font-weight: bold;}
h1 {font-size: 160%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%; font-weight: bold;}


/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
input.butt { font-weight: bold;}
input, select, textarea { margin: 2px 6px 2px 0;}
input { padding: 0 1px;}
input.check { margin: 0px;}
html>body input.check { margin: 5px 0 0 0;}


/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.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: 350px;}
.sizeMax2 {width: 400px;}
.sizeMax3 {width: 450px;}


/******************************************
*                 TABULKY                 *
******************************************/
table { width: 100%; padding: 0px;}
table th { font-size: 100%; letter-spacing: -1px;}
#hodn td h3 { background: none; padding: 0px; margin: 0px;}
#hodn td input { padding: 0px; margin: 0px;}
#hodn td span { font-size: 90%; letter-spacing: -1px;}
/*** klasicka tabulka s okrajem *********************************/
table.bord {font-weight: bold; height: 24px; line-height: 24px; padding: 0 4px;}
table.bord td, th {}
table.bord th {}
table.bord td { vertical-align: top; font-weight: normal; padding: 0 4px;}
/*** radkova tabulka *******************************************/
table.line { /*height: 24px; line-height: 24px;*/}
table.line th, td {  padding: 4px;}
table.line th { font-weight: bold; line-height: 120%;}
table.line td { line-height: 120%; /*vertical-align: top;*/ font-weight: normal;}
table.line td h3 { font-size: 100%; padding: 0px; margin: 0px;}
table.line td input.sizeS { width: 20px;}
#basket .line { margin: 1px 0;}
#basket .line.footBask input { padding-left: 0px; padding-right: 0px; margin: 0px;}
html>body #basket .line.footBask input { padding-left: 5px; padding-right: 5px; margin: 0px;}
/*table.line td img { vertical-align: text-bottom;}*/

table.noBrd { }
table.noBrd td { padding: 2px 5px;}




/******************************************
*            DEF. CONT. STYLE             *
******************************************/
/*** ZAKLADNI OBSAHOVE BLOKY ***************************************/
.contBl { margin-bottom: 10px; /*background: Orange;*/}
.contBlOds { height: 100%; padding: 10px; margin-bottom: 10px; /*background: Orange;*/}
.contBlOds#srov p { padding-left: 20px;}
.contBlOds#srov .srov { text-decoration: none; width: 11px; height: 12px; left: 0px; top: 1px; position: absolute; z-index: auto;}
.contBlOds .detail a { font-size: 90%;}
.contBlOds h3 { margin-bottom: 10px; padding-left: 20px;}
.contBlOds h4 { margin: 10px 0 5px 0;}
.contBlOds ul { padding: 0 0 0 10px;}
.contBlOds ol { padding: 0 0 0 25px;}
.contBlOds ul li { margin: 4px 0;}
.contBlOds ol li { margin: 4px 0;}
.contBlOds .flLeft { margin: 5px 10px 5px 0;}
.contBlOds .flRight { margin: 5px 0 5px 10px;}

fieldset { padding: 0 10px 10px 10px;}
fieldset legend { margin-bottom: 10px; }

/**** BLOK AKCE *************************************************/
.contBlOds.darkBg.akce { font-family: Arial, Helvetica, sans-serif; /*padding-top: 10px;*/ padding-bottom: 0px; position: relative;}
.contBlOds.darkBg.akce .icoAkce { width: 93px; height: 93px; right: 200px; bottom: 10px; position: absolute; z-index: auto;}
.contBlOds.darkBg.akce h3 { font-size: 160%; line-height: 110%; padding-left: 10px;}
.contBlOds.darkBg.akce p { padding-left: 10px;}
#centrCol .contBlOds.darkBg.akce a { margin: 20px 0px 0 0;}

.contBlOds.colorBg.akce { font-family: Arial, Helvetica, sans-serif; /*padding-top: 10px;*/ padding-bottom: 0px; position: relative;}
.contBlOds.colorBg.akce .icoAkce { width: 93px; height: 93px; right: 200px; bottom: 10px; position: absolute; z-index: auto;}
.contBlOds.colorBg.akce h3 { font-size: 160%; line-height: 110%; padding-left: 10px;}
.contBlOds.colorBg.akce p { width: 240px; padding-left: 10px;}
#centrCol .contBlOds.colorBg.akce a { margin: 20px 0px 0 0;}
.contBlOds.colorBg.akce .price { font-size: 150%; font-weight: bold; margin-top: 10px;}
.contBlOds.colorBg.akce .price span { font-size: 80%; letter-spacing: -1px;}

/*** BAREVNE VARIANTY ***************************************/
.contBlOds.lightBg { }
.contBlOds.midleBg { }
.contBlOds.midleBg a { }
.contBlOds.darkBg { }
.contBlOds.colorBg { }
.contBlOds.colorBg h3 { padding-left: 0px;}
.contBlOds.colorBg .flRight { }
.contBlOds.colorBg h5 { }
.contBlOds.colorBg p { }
.contBlOds.colorBg a { }
.contBlOds .flLeft { }
.contBlOds .flRight { }

/**** BLOK MENU *************************************************/
.menu { }
.menu ul { padding-left: 0px;}
.menu li { list-style: none; padding: 0px; margin: 1px 0;}
.menu li a { text-decoration: none; display: block; width: 87%; padding: 4px 6%; }
.menu li a.act { font-weight: bold; font-size: 90%; padding: 4px 6%;}
.menu li a span { font-size: 130%; font-weight: bold;}

/**** OBSAHOVE PODMENU *************************************************/
.submenu { line-height: 140%; margin-top: 10px;  margin-bottom: 10px; /*background: Orange;*/}
.submenu a {}

/*** ANKETA *********************************/
.anketa {}
.anketa div { height: 5px; line-height: 5px; font-size: 5px;}
.anketa p { padding: 4px 0;}

/*** REKLAMA *********************************/
.advert { text-align: center; margin-bottom: 10px;}
.advert legend { }
.advert a { text-decoration: none;}

/*** KONTAKT *********************************/
.kontakt p { margin: 5px 0 10px 0;}
.kontakt h4 { margin: 20px 0 5px 0;}
.kontakt table { margin-bottom: 10px;}

/*** TOPTEN *********************************/
.topTen { }
.topTen a { font-weight: bold; letter-spacing: -1px;}
.topTen li { }

/**** LOGIN BLOCK *************************************************/
#log p {	font-weight: bold; padding-right: 15px;}
#userLog #log p a:hover.formButt {}
#log p span { /*letter-spacing: -1px; font-size: 90%;*/}
#userLog #log p a { font-size: 100%;}
#userLog #log p a.formButt { font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 2px; text-align: center; text-decoration: none; margin-top: 10px; display: block;}
#userLog #log p a:hover.formButt { }
#userLog { padding-right: 0px;}
#userLog input { width: 160px;}
#userLog input.formButt { width: 165px;}
#userLog p { margin: 2px 0;}
#userLog p a { font-size: 80%;}

/*** KOSIK *********************************/
#kosik {margin: 10px 10px 0 0 ; padding: 0px;}
#kosik p { padding: 5px; margin: 0px;}
/*#kosik ol {  padding-left: 25px;}*/
#kosik ul li { list-style: none;}

/*** KONTAKT FORM *********************************/
#kontaktForm { margin-bottom: 10px;}
#kontaktForm input { width: 160px; margin-right: 0px;}
#kontaktForm select { width: 163px; margin-right: 0px;}
#kontaktForm textarea { width: 160px; margin-right: 0px;}





/******************************************
*                LAYOUT                   *
******************************************/

#extra1 { width: 338px; height: 32px; display: block; top: -32px; right: 0px; position: absolute; }
#extra2 { width: 132px; height: 69px; display: block; top: 130px; right: 35px; position: absolute; }
.extra3 { width: 170px; height: 150px; display: block; top: 0px; right: 0px; position: absolute; }

#main { }
#container { width: 940px; margin: 0 auto; padding: 10px;}
#head { width: 100%; display: none;}
#defCont { width: 100%; margin: 0 0 10px 0;}
#foot { /*width: 100%;*/ height: 90px;}

#navig { height: 14px; padding: 10px 15px; overflow: hidden;}
#navig span { font-size: 120%; font-weight: bold;}

/*** TOP MENU *****************************************************/
#topBlock { height: 22px; /*padding: 0 0 5px 0;*/ /*background: Blue;*/ display: none;}
#topBlock a { text-decoration: none;}
#topBlock a:hover { }

#langBlock { width: 35%;}
#langBlock { padding: 0 0 0 10px; float: left;}
#langBlock a.act { }

#menuBlock { width: 25%; float: left;}

/*#search { width: 25%; text-align: right; padding: 0 50px 0 0; float: left;}
#search form { }*/

/*** HLAVICKA *******************************************************/
#headImg { width: 940px; height: 131px; padding: 0px;}
#headImg #logoHead { text-decoration: none;width: 160px; height: 54px; margin: 40px 0 0 7px; display: block; float: left; }
html>body #headImg #logoHead {margin: 40px 0 0 15px;}
#headImg #textBlock { width: 375px; margin: 30px 0 0 25px; float: left;}
/*html>body #headImg #textBlock { width: 340px; margin: 35px 0 0 50px;}*/
#headImg #textBlock h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: normal; line-height: 100%; padding-left: 20px;}
#headImg #textBlock h1 span { font-size: 70%; line-height: 100%; font-weight: normal; display: block; margin-top: 5px;}

/*** MENU HLAVICKY **************************************************/
#hmTop {	display: none;}
#hmBott { /*display: none;*/}
.headMenu { padding: 0 0px;}
.headMenu a { font-size: 100%; letter-spacing: -1px; font-weight: bold; text-decoration: none; padding: 15px 25px 15px 15px; /*margin: 0 10px;*/ /*background: #C0C0C0;*/ display: block; float: left;}
.headMenu a.act { padding: 15px 25px 9px 15px;}
.headMenu a:hover { }
.headMenu span { font-size: 1px; width: 1px; height: 43px; display: block; float: left; /*margin: 0px; padding: 0px; border: none; border-collapse: collapse;*/}

/*** LEVY SLOUPEC ****************************************************/
#leftCol { width: 20%; float: left; display: none;}
#leftCol h2 { padding: 3px 10px;}
#leftCol .menu a { }
#leftCol .menu a:hover { }
#leftCol .menu li a.act { }
#leftCol .menu li a.act span { }

/*** STREDOVY SLOUPEC ****************************************************/
#centrCol { width: 98%; margin: 0 0 0 1%; float: left;}
#centrCol.srovCol { width: 79%; margin: 0 0 0 1%; float: left;}
#centrCol h2 { padding: 3px 10px;}

.filtrace {	padding: 10px;}
.filtrace a { font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.filtrace span {}

.gallery { }
.gallery a { text-align: center; width: 118px; height: 80px; margin: 5px; overflow: hidden; display: block; float: left;}

#centrCol #shopBlock { margin: 10px 0; padding: 0px 0 0 0; }
#centrCol #shopBlock h2 { }
#centrCol #shopBlock h2 span { font-size: 80%; letter-spacing: 0px;}
#centrCol #shopBlock h4 { margin-top: 20px;}
#centrCol #shopBlock .contBlOds { }
#centrCol #shopBlock .end { border: none; padding-bottom: 0px;}
#centrCol #shopBlock #spBoot { font-weight: bold; padding: 5px 10px;}
#centrCol #shopBlock #spBoot a { font-size: 90%;}
#centrCol #shopBlock #spBoot span { font-weight: normal;}
#centrCol #shopBlock #spBoot table td a { display: block;}
#centrCol #shopBlock #spBoot table td a#print { padding-left: 20px;}
#centrCol #shopBlock #spBoot table td a#send { padding-left: 20px;}
#centrCol #shopBlock #dotaz { padding: 10px;}
#centrCol #shopBlock #dotaz textarea { width: 500px;}
#centrCol #shopBlock table.line td a.buy { text-decoration: none; width: 17px; height: 18px; display: block;}
#centrCol #shopBlock table.line td a.srov { text-decoration: none; width: 11px; height: 12px; line-height: 12px; font-size: 12px; display: block;}
#centrCol #shopBlock table.line td a.srovAct { text-decoration: none; width: 11px; height: 12px; line-height: 12px; font-size: 12px; display: block;}
#centrCol #shopBlock table.line tr.bg { }

#centrCol #newBlock { margin: 10px 0; padding: 0px 0 0 0; }
#centrCol #newBlock h2 { }
#centrCol #newBlock .contBlOds { }
#centrCol #newBlock .end { border: none; padding-bottom: 0px;}
#centrCol #newBlock #spBoot { font-weight: bold; padding: 5px 10px;}
#centrCol #newBlock #spBoot a { font-size: 90%;}
#centrCol #newBlock #spBoot span { font-weight: normal;}
#centrCol #newBlock table.line td a.buy { text-decoration: none; width: 17px; height: 18px; display: block;}
#centrCol #newBlock table.line td a.srov { text-decoration: none; width: 11px; height: 12px; line-height: 12px; font-size: 12px; display: block;}
#centrCol #newBlock table.line td a.srovAct { text-decoration: none; width: 11px; height: 12px; line-height: 12px; font-size: 12px; display: block;}
#centrCol #newBlock table.line tr.bg { }

#centrCol #nextBlock { margin: 10px 0; padding: 0px 0 0 0; }
#centrCol #nextBlock h2 { }
#centrCol #nextBlock .contBlOds { }
#centrCol #nextBlock .end { border: none; padding-bottom: 0px;}
#centrCol #nextBlock #spBoot { font-weight: bold; padding: 5px 10px;}
#centrCol #nextBlock #spBoot a { font-size: 90%;}
#centrCol #nextBlock #spBoot span { font-weight: normal;}

#centrCol .produkt { width: 248px; height: 160px; margin: 2px 2px 2px 1px; float: left; overflow: hidden; position: relative;}
#centrCol .produkt a.srov { text-decoration: none; width: 11px; height: 12px; right: 10px; top: 10px; position: absolute; z-index: auto;}
#centrCol .produkt a.srovAct { text-decoration: none; width: 11px; height: 12px; right: 10px; top: 10px; position: absolute; z-index: auto;}
html>body #centrCol .produkt { width: 248px; margin: 2px;}
#centrCol .produkt .prodBoot { padding: 5px 0 0 0;}
#centrCol .produkt .prodBoot form { width: 120px; float: left; }
#centrCol .produkt .prodBoot p { width: 120px; float: left; margin-top: 2px; }
#centrCol .produkt .prodBoot p strong { font-size: 100%; font-weight: bold; letter-spacing: -1px; }
#centrCol .produkt .buttBuy { width: 80px; height: 18px; padding-left: 20px; text-align: left; cursor: pointer;}
#centrCol .produkt .sizeS { width: 15px;}
#centrCol .produkt .flRight { width: 96px; text-align: center; padding: 0px; margin: 0 10px 0 0; overflow: hidden;}
#centrCol .produkt .flRight a { margin: 0px;}
#centrCol .produkt .flLeft { width: 140px; height: 90px; border: none; padding: 0px; margin: 0px; overflow: hidden;}
#centrCol .produkt h3 { font-size: 100%; height: 30px; /*padding: 0px;*/ margin-bottom: 5px;}
#centrCol .produkt .flLeft p { /*padding: 0 0 0 20px;*/}
#centrCol .produkt .flLeft p a { font-size: 90%;}

#centrCol .produkt.det { width: 520px; height: 160px; margin: 2px 2px 2px 1px; float: left; overflow: hidden;}
html>body #centrCol .produkt.det { margin: 2px;}

#centrCol #srovBlock { margin: 10px 0; padding: 0px 0 0 0; }
#centrCol #srovBlock h2 { }
#centrCol #srovBlock h2 span { font-size: 80%; letter-spacing: 0px;}
#centrCol #srovBlock h4 { margin-top: 20px;}
#centrCol #srovBlock .contBlOds { }
#centrCol #srovBlock .end { border: none; padding-bottom: 0px;}
#centrCol #srovBlock #spBoot { font-weight: bold; padding: 5px 10px;}
#centrCol #srovBlock #spBoot a { font-size: 90%;}
#centrCol #srovBlock #spBoot span { font-weight: normal;}

#centrCol #srovBlock .line { width: 740px; margin: 2px 0 1px 0; }
#centrCol #srovBlock .line td { }
#centrCol #srovBlock .line th { padding-right: 10px;}
#centrCol #srovBlock td.produkt { width: 125px; /*height: 100%;*/  margin: 0px; float: none; /*overflow: hidden;*/ /*position: relative;*/}
#centrCol #srovBlock td.produkt a.srov { text-decoration: none; width: 11px; height: 12px; position: static; margin: 10px 0 5px 0; display: block;}
#centrCol #srovBlock .produkt .flRight { width: 100%; text-align: center; padding: 0px; margin: 0 10px 0 0; overflow: hidden; float: none;}
#centrCol #srovBlock .produkt .flRight a { margin: 0px;}
#centrCol #srovBlock .produkt .flLeft { width: 140px; height: 30px; border: none; padding: 0px; margin: 10px 0 0 0; overflow: hidden; float: none;}
#centrCol #srovBlock .line td.produkt h3 { height: 30px; line-height: 120%; /*padding: 0px;*/ margin: 0px 0 5px 0;}
#centrCol #srovBlock .produkt .flLeft p { /*padding: 0 0 0 20px;*/}
#centrCol #srovBlock .produkt .flLeft p a { font-size: 90%;}



/*** PRAVY SLOUPEC ******************************************************/
#rightCol { width: 20%; float: right; display: none;}
#rightCol h2 { padding: 3px 10px;}

/*** FOOTER BLOK ******************************************************/
#footLista { height: 6px;}
#foot { height: 46px; padding: 15px; margin-bottom: 5px; display: none;}
#logoFoot { text-decoration: none; width: 102px; height: 33px; display: block; float: left; /*margin-left: 10px;*/ }
/*html>body #logoFoot { margin-left: 20px; margin-top: 10px; }*/
#footMenu { width: 540px; padding: 0 20px; margin-left: 70px; float: left;}
#footMenu a { font-size: 90%; text-decoration: none;}
#copyr { font-size: 90%; text-align: center; margin-top: 0px;}


/******************************************
*                 PAGER                   *
******************************************/
.pager { margin: 10px 0;}
.pager td { padding-left: 5px;}
html>body .pager { height: 20px;/*line-height: 20px;*/ padding: 6px;}
.pager select {width: 45px;}
.pager input {width: 25px;}
.pager input.butt {width: 30px;}
.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;}
.pager .listovani a.list-r {width: 16px; height: 16px; line-height: 16px; margin-top: 2px;}