/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body { margin: 0px; padding: 0px;}
body,td,th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}

h1,h2,h3,h4,h5,p,div,ul,li,form,input,select,textarea,img,span {padding: 0px; margin: 0px;}


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

/******************************************
*           ZAKLADNI OBS STYLY            *
******************************************/
a { text-decoration: underline;}
a:hover { text-decoration: none;}
a.img { overflow: hidden; display: block;}
a.img:hover { }
li {list-style: disc;}
img {}
input,select,textarea { }
input,select { height: 16px;}
label {	margin: 5px 5px 0 5px; display: block;}

.noBord {}
.posBlock { height: 0px; line-height: 0px; font-size: 0px; position: relative;}
.formButt { font-weight: bold; height: 18px; padding: 2px 5px; cursor: pointer;}
.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;}


/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
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;}

.centrForm {padding: 20px 10px 10px 10px;}
.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.descr_left {display: block; text-align: left; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}


/******************************************
*            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;}
/*** 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 { font-weight: bold; height: 24px; line-height: 24px; padding: 0 4px;}
table.line th, td { }
table.line th { }
table.line td { vertical-align: top; font-weight: normal; padding: 0 4px;}
/*** tabulka BEZ BORDERU *******************************************/
table.noBrd { }
table.noBrd td { padding: 2px 5px;}

/******************************************
*               TOP BANNER                *
******************************************/	
#topBanner {position: relative;}
#topBanner img {margin: 10px;}

/******************************************
*            DEF. CONT. STYLE             *
******************************************/
/*** ZAKLADNI OBSAHOVE BLOKY ***************************************/
.contBl { margin-bottom: 10px; /*background: Orange;*/}
.contBlOds { padding: 10px; margin-bottom: 10px; /*background: Orange;*/}
.contBlOds .detail a { font-size: 90%;}
.contBlOds h3 { padding-left: 20px; margin-bottom: 10px;}
.contBlOds ul { padding: 0 0 0 16px;}
.contBlOds ul li { margin: 4px 0;}
.contBlOds .flLeft { margin: 5px 10px 5px 0;}
.contBlOds .flRight { margin: 5px 0 5px 10px;}
.contBl { /*background: #FFF8DC;*/}

/**** FIELDSET *************************************************/
fieldset { padding: 0 10px 10px 10px;}
fieldset legend { margin-bottom: 10px; }
/*** REKLAMA **************/
.advert { border-left: none; border-right: none;}
/*** SUBMENU **************/
.submenu { line-height: 140%; margin-top: 10px;}

/**** ANKETA *************************************************/
.anketa div { height: 5px; line-height: 5px; font-size: 5px;}
.advert { text-align: center;}
.advert a { text-decoration: none;}

/**** LOGIN BLOCK *************************************************/
#log p {	font-weight: bold;}
#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%;}

/**** OBSAHOVY FORMULAR*************************************************/
.contForm { margin-top: 25px;}
.contForm legend { font-size: 110%; font-weight: bold;}

/**** TRISLOUPCOVY OBSAH*************************************************/
.threeCol {}
.threeCol .flCol { width: 171px; padding: 0 2px; float: left;}
.threeCol .flCol p { margin: 5px 0; padding-left: 20px;}

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



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






/******************************************
*                LAYOUT                   *
******************************************/
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6 { display: none; }
#extra1 { background: url(../img/head_img.gif) no-repeat; width: 192px; height: 244px; display: block; top: -25px; right: 24px; position: absolute; }

#hmTop {	display: none;}
#hmBott { /*display: none;*/}

#navig { padding: 10px 15px; /*background: Aqua;*/}
#navig span { font-size: 100%; font-weight: bold;}


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



/*** TOP MENU *****************************************************/
#topBlock { height: 22px; /*padding: 0 0 5px 0;*/ /*background: Blue;*/ /*display: none;*/}
#langBlock { width: 35%; padding: 0 0 0 10px; float: left;}
#menuBlock { width: 25%; /*padding-top: 5px;*/ float: left;}
/*#search { text-align: right; padding: 0 50px 0 0; float: left;}
#search form { }*/


/******************************************
*             HLAVICKA                    *
*******************************************/
#headImg { width: 940px; height: 131px; padding: 0px; background: url(../img/bg_head.gif) no-repeat;}
#headImg a#logoHead { text-decoration: none; width: 259px; height: 110px; margin: 10px 0 0 5px; display: block; float: left;}
html>body #headImg #logoHead {margin: 10px 0 0 10px;}
#headImg #textBlock { width: 375px; margin: 35px 0 0 50px; float: left;}
#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: 75%; font-weight: normal;}

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



/******************************************
*             LEVY SLOUPEC                *
*******************************************/
#leftCol { width: 20%; float: left; /*display: none;*/}
#leftCol h2 { padding: 3px 10px;}



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

/**** SPONZOR *************************************************/
#centrCol #sponzor { margin: 10px 0; padding: 0px 0 0 0; }
#centrCol #sponzor h2 { }
#centrCol #sponzor .contBlOds { }
#centrCol #sponzor .end { padding-bottom: 0px;}
#centrCol #sponzor #vlozitShop { font-weight: bold; padding: 5px 10px;}
#centrCol #sponzor #vlozitShop a { font-size: 90%;}

/**** PRODUKT *************************************************/
#centrCol .produkt .prodObsah { margin-top: 10px; }
#centrCol .produkt .flLeft { width: 110px; height: 80px; text-align: center; padding: 0px; margin: 0 10px 0 0; overflow: hidden;}
#centrCol .produkt .flLeft a { padding: 0px; margin: 0px;}
#centrCol .produkt .flRight { width: 390px;	border: none; padding: 0px; margin: 0px;}
#centrCol .produkt .flRight h3 { font-size: 90%; padding: 0px; margin-bottom: 5px;}
#centrCol .produkt .flRight p { /*padding: 0 0 0 20px;*/}
#centrCol .produkt .flRight p a { font-size: 90%;}



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



/******************************************
*             FOOTER BLOK                 *
*******************************************/
#foot { height: 46px; padding: 15px; margin-bottom: 5px;}
#logoFoot { width: 102px; height: 33px; display: block; float: left; /*margin-left: 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;}