/******************************************
*             DEF. CONT. STYLY            *
******************************************/
body,td,th {font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color: #808080;}
body {background: #D8DCC6;	margin: 0px; padding: 0px; text-align: center;}

a {color: #7CBF3B; text-decoration: underline;}
a:hover {color: #D73612; text-decoration: none;}

p, div, ul, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
li {list-style: disc;}
img {border: none;}
label {cursor: pointer;}

.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;}
.odtrzBG { background: url(../img/bg_line.gif) repeat-x left center;}
.odtrzBG2 { background: url(../img/bg_line2.gif) repeat-x left center;}
.odtrzBG3 { background: url(../img/bg_line3.gif) repeat-x left center;}
.sS { font-size: 6px; height: 6px;}
.sM { height: 20px;}
.sL { height: 30px;}

.date { color: Gray; font-size: 110%; letter-spacing: -1px;}
li.noDisc { list-style: none;}

/******************************************
*                 NADPISY                 *
******************************************/
h1,h2,h3,h4,h5,h6 {color: #0079C2; text-align: left; font-weight: bold; padding: 0px; margin: 0px;}
h1 { font-size: 170%;}
h2 {font-size: 150%; letter-spacing: -1px;}
h2.bg { padding: 1px 0;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #000; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;}
input {padding-left: 1px; padding-right: 1px;}
.butt { color: #F6871F; font-weight: bold;}

/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS {width: 50px;}
.sizeS2 {width: 70px;}
.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;}

.formButt { border: none; background: url(../img/butt_form.gif) no-repeat; width: 20px; height: 20px; cursor: pointer;}


/******************************************
*             FORMULAR STYLE              *
******************************************/
.contForm  { margin: 10px 0;}
.contForm  label { line-height: 20px; padding: 0 0 6px 0; display: block; clear: both;}
.contForm  label span { border-right: 1px solid #DCDCDC; text-align: right; width: 105px; w\idth: 90px;
padding: 0 10px 0 0; margin-right: 10px; display: block; float: left;}
.contForm  label span.long { width: 205px; w\idth: 190px; }
.contForm .buttPole {}
.contForm .buttPole span { height: 22px; width: 105px; w\idth: 90px; padding: 0 15px 0 0; margin-right: 5px; display: block; float: left;}
.contForm .buttPole .butt { color: #000; width: 165px;}



/******************************************
*                 TABULKY                 *
******************************************/
table { border-collapse: collapse; border: none; width: 100%; padding: 0px; margin-bottom: 10px;}
table.noBord td { border: none;}
table.noBord td { padding: 0 4px; line-height: 18px;}
/*** klasicka tabulka s okrajem *********************************/
table.bord { border: 1px solid #D4D4D4; border-bottom: none; font-weight: bold;}
table.bord td { border: 1px solid #D4D4D4;}
table.bord th { border: 1px solid #D4D4D4;}
table.bord th { color: #fff; background: #7CBF3B; text-align: left; padding: 4px;}
table.bord td { vertical-align: top; font-weight: normal; padding: 4px;}
/*** radkova tabulka *******************************************/
table.line { background: #fff; border-top: 1px solid #D4D4D4; font-weight: bold;}
table.line th { color: #0079C2; border: none; border-bottom: 1px solid #D4D4D4; padding: 4px;}
table.line td { /*color: #D4D4D4;*/ border: none; border-bottom: 1px solid #D4D4D4; padding: 4px;}
table.line th { text-align: left;}
table.line td { vertical-align: top; font-weight: normal; padding: 2px 4px;}
table.line td a { text-decoration: none;}
table.line td a:hover { text-decoration: underline;}


/******************************************
*               IMG GALLERY               *
******************************************/
.gallery { background: #F2F8EB; padding: 10px 0 10px 0px;}
.gallery a { border: solid 1px #E0EEF8; margin: 2px; /* float: left; */ overflow: hidden; width: 75px; height: 75px;    text-align:center;  display: block; }
.gallery  a:hover { border: solid 1px #D73612; height: 75px; height: 75px;}
.gallery td {width: 33%; text-align:center;}
.gallery td a{ text-align:center;}

/******************************************
*                RAMOVY BOX               *
******************************************/
.contBox { border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 15px;}
.contBox.red { border-color: #D73612;}
.contBox p { padding-bottom: 0px; line-height: 150%;}
.contBox p a{ color: #808080; text-decoration: none;}
.contBox p a:hover { color: #D73612; text-decoration: underline;}
.contBox form {}
.contBox form input {}
.contBox form #buttMail { border: none; color: #7CBF3B; background: url(../img/bg_search_butt.gif) no-repeat right top; font-weight: bold; width: 65px; height: 20px;}



/******************************************
*            DEF. LAYOUT BLOCK            *
******************************************/
#topBann { background: #f5f5f5; padding: 10px 0;}

/*** main ********************************************/
#main {background: #fff url(../img/bg_main.jpg) no-repeat left bottom; width: 760px; text-align: center; margin: 0 auto; padding: 10px 0; /*margin: 0 40px;*/}
#mainOds { text-align: left; position: relative; /*background: Aqua;*/}
#mainOds.twoCol { background: url(../img/bg_main_ods2.gif) repeat-y center top; width: 720px; margin: 0 auto; text-align: left; position: relative; /*background: Aqua;*/}
#mainOds #bgLeft { background: url(../img/bg_cont_left.jpg) no-repeat right bottom; width: 40px; height: 321px; position: absolute; left: -60px; bottom: -20px; z-index: auto;}
#mainOds #bgRight { background: url(../img/bg_cont_right.jpg) no-repeat right bottom; width: 40px; height: 321px; position: absolute; right: -60px; bottom: -20px; z-index: auto;}

/******************************************
*                 HEAD                   *
******************************************/
#head { /*position: relative;*/}
#headMain { background: #fff url(../img/bg_head_main.gif) no-repeat center top; width: 760px; height: 200px; margin: 15px auto 0 auto; /*position: relative;*/}
#headOds { text-align: left; height: 46px; padding: 0px; position: relative;}

/*** TOP MENU ********************************************/
#topMenu { padding: 0px; margin: 15px 0 0 15px; float: left;}
#topMenu a { padding: 0 0 0 16px; margin-left: 6px; display: block; float: left;}
html>body #topMenu a { margin-left: 12px; }
#tl01 { background: url(../img/ico_home.gif) no-repeat 0px 2px;}
#tl02 { background: url(../img/ico_kont.gif) no-repeat 0px 3px;}
#tl03 { background: url(../img/ico_mapawebu.gif) no-repeat 0px 2px;}
/*** BLOK HLAVICKY *****************************/
#headBlock { text-align: left; height: 142px; }
/*** IMG HLAVICKY *****************************/
#headImg { width: 760px; height: 142px;  position: relative;}
#mapa { border: solid 1px; background: url(../img/mapa_m.gif) no-repeat; width: 172px; height: 293px; display: block; overflow: hidden; position: absolute; top: 200px; left: 535px; z-index: 10000;}
.img01 {	background: url(../img/head_img01.jpg) no-repeat;}
#headImg h1 { color: #fff; text-align: right; position: absolute; top: 35px; left: 370px; z-index: auto; font-weight: normal;}
#headImg h1 span { color: #0079C2; line-height: 90%; letter-spacing: -1px;}
#headImg #logo { width: 170px; height: 80px; display: block; position: absolute; top: 35px; left: 20px; z-index: auto; /*background: Aqua;*/}
#headImg #shopButt { background: url(../img/shop_butt.gif) no-repeat left top; text-decoration: none; display: block; width: 33px; height: 33px; position: absolute; top: -19px; left: 645px; z-index: auto;}
#headImg #shopButt span { color: #D73612; font-size: 170%; font-weight: bold; letter-spacing: -1px; position: relative; top: -8px; left: 35px; width: 60px; display: block;}


/******************************************
*             LEVY SLOUPEC                *
******************************************/
#leftCol { width: 172px; float: left; /*background: Aqua;*/}
#leftCol h2.bg { color: #fff; background: url(../img/h2_bg.gif) no-repeat 0px 0px; padding-left: 20px;}
#leftCol #menu { background: url(../img/bg_left_menu.gif) no-repeat left bottom; padding: 15px 0;}
#leftCol #menu.admin { background: none;/*url(../img/bg_left_menu_l.gif) no-repeat left bottom;*/ padding: 15px 0;}

#leftCol #menu.admin a { color: #0079C2; font-size: 100%; text-decoration: none; font-weight: bold; height: 24px; line-height: 24px; padding-left: 20px; display: block;}
#leftCol #menu.admin a:hover { color: #0079C2;}
#leftCol #menu.admin a.act { color: #0079C2; background: url(../img/menu_act.gif) no-repeat left center; letter-spacing: -1px; font-size: 130%; font-weight: bold;}
#leftCol #menu.admin a.end { background: url(../img/bg_menu_end.gif) repeat-y left top; }
#leftCol #menu.admin a.no { color: #A9A9A9; }


#leftCol #menu a { color: #fff; font-size: 100%; text-decoration: none; font-weight: bold; height: 24px; line-height: 24px; padding-left: 20px; display: block;}
#leftCol #menu a:hover { color: #0079C2;}
#leftCol #menu a.act { color: #FEE87E; background: url(../img/menu_act.gif) no-repeat left center; letter-spacing: -1px; font-size: 130%; font-weight: bold;}
#leftCol #menu a.end { background: url(../img/bg_menu_end.gif) repeat-y left top; }
#leftCol #menu a.no { color: #A9A9A9; }
#leftCol .odtrzLBG { height: 20px;}
/* #rezervBox { background: url(../img/bg_rezerv.gif) no-repeat; padding: 5px 15px; width: 142px; height: 117px;  color: #fff; text-align:right;} */
#rezervBox { background: url(../img/bg_rezerv_l.gif) no-repeat; 
            padding: 5px 15px; width: 142px; /* height: 117px; */ height: 137px; color: #fff; text-align:right;}
#rezervBox p { padding: 10px 0 10px 50px; text-align:left;}
#rezervBox p.nopad { padding: 4px 0 10px 10px; }
#rezervBox p a { color: #fff; font-size: 90%; font-weight: bold;}
#rezervBox table td {text-align: left; color: #fff;}
#rezervBox table {margin: 0px -10px;}

/******************************************
*             CENTR SLOUPEC               *
******************************************/
#centerCol { width: 380px; float: left; /*background: Aqua;*/}
#centerCol.full { width: 580px;}
#centerCol.big { width: 540px;}
#centerCol #ods { padding: 0 20px; /*position: relative;*/}
#centerCol #ods .buttBlock { background: #7CBF3B; color: #fff; font-weight: bold; font-size: 130%; padding: 10px; display: block;}
#centerCol #ods a:hover.buttBlock { background: #D73612;}
.position { /*background: Aqua;*/ width: 1px; /*font-size: 0px; height: 10px; line-height: 0px;*/ /*position: relative;*/}

/*** SUBMENU **********************************/
#submenu { background: #82c53e url(../img/bg_submenu.jpg) repeat-y left top; /*border: 1px solid #DCDCDC; padding: 10px;*/}
#submenu .topBlM { background: url(../img/roh_tl.gif) no-repeat left top; height: 5px; line-height: 5px;}
#submenu .topBlM div { background: url(../img/roh_tr.gif) no-repeat right top; height: 5px; line-height: 5px;}
#submenu .bottBlM { background: url(../img/roh_bl.gif) no-repeat left top; height: 5px; line-height: 5px;}
#submenu .bottBlM div { background: url(../img/roh_br.gif) no-repeat right top; height: 5px; line-height: 5px;}
#submenu p {  padding: 0 10px; }
/* #submenu span { color: #DCDCDC;} */
#submenu span { color: #DCDCDC;}
#submenu a { color: #fff; text-decoration: none; font-weight: bold; font-size:125%;}
#submenu a:hover { color: #0079C2;}
#submenu a.act { color: #FEE87E; font-weight: bold; font-size: 125%;}

/*** TOP TEXT *****************************/
#centerCol #ods #topText a {	font-weight: bold;}
#centerCol #ods h2, h3 { margin-bottom: 10px;}
#centerCol #ods h3 { margin: 20px 0 10px 0; letter-spacing: -1px;}
#centerCol #ods h4 { color: #7CBF3B; margin-top: 5px;}
#centerCol #ods h4 a { text-decoration: none;}
#centerCol #ods p { line-height: 160%; margin: 5px 0;}
#centerCol #ods a.img { border: solid 1px #ccc; float: left; display: block; margin: 10px 10px 5px 0; text-decoration: none;}
#centerCol #ods a:hover.img { border: solid 1px #D73612;}
#centerCol #ods a.img img { border: none;}
#centerCol #ods ul { margin: 6px 0;}
#centerCol #ods ul li { list-style: square; margin-left: 20px; padding: 2px 0;}
#centerCol #ods ul li a { font-size: 110%; text-decoration: none; }
#centerCol #ods ul li a:hover { color: #D73612; font-weight: bold;}
#centerCol #ods ul li a.act { color: #D73612; font-weight: bold;}
#centerCol #ods .odtrzSBG { height: 20px;}
#centerCol #ods .noBord { padding: 0px;}
#centerCol #ods .noBord ul { width: 220px; float: left;}
#centerCol #ods .noBord ul li { margin-left: 5px; mar\gin-left: 15px; }
#centerCol #ods .noBord ul li a { display: block;}

/*** KONTAKT BLOK **********************************/
.kontBlok { clear: both; position: relative;}
.kontBlok p { float: left;}
.kontBlok p strong { color: #0079C2; font-size: 120%;}
.kontBlok span { color: #7CBF3B; font-weight: bold; text-align: right; width: 90px; padding: 6px 20px 0 0; display: block; float: left;}

/******************************************
*             PRAVY SLOUPEC               *
******************************************/
#rightCol { width: 200px; float: right; /*margin-top: 220px;*/ /*background: Lime;*/}
#rightCol h2 {}
#rightCol h2.bg { color: #fff; background: url(../img/h2_bg2.gif) no-repeat 0px 0px; padding-left: 25px;}
#rightCol h2.bgShop { color: #fff; background: url(../img/shop_head.gif) no-repeat 0px 0px; height: 102px;}
#rightCol h2.bgShop a { color: #fff; font-size: 70%; line-height: 110%; font-weight: bold; letter-spacing: 0px; padding: 60px 0 0 15px; display: block; text-decoration: none;}
#rightCol h2.bgShop a:hover { text-decoration: underline;}

#rightCol .contBox.red .posBlock { width: 10px; height: 10px; /*position: relative;*/ background: Aqua;}
#rightCol .contBox.red .posBlock .redRoh { background: url(../img/red_roh.gif) no-repeat; width: 10px; height: 10px; position: absolute; left: 0px; bottom: 0px; z-index: auto;}

#newslBox { background: url(../img/bg_newsl.gif) no-repeat; padding: 5px 15px; width: 170px; height: 50px;}
#newslBox p { padding: 0 0 10px 0;}
#newslBox p a { color: #fff; font-size: 90%; font-weight: bold;}

.shopBlock {}
.shopBlock a.imgShop { text-align: center; width: 90px; height: 90px; display: block; float: right;}
.shopBlock p.popis { width: 70px; float: left;}
.shopBlock p.price { color: #D73612; font-size: 130%; font-weight: bold; letter-spacing: -1px;}


/******************************************
*                FOOTER                   *
******************************************/
#footer { margin-bottom: 15px;}
#footerMain { background: #7CBF3B url(../img/bg_foot_main.gif) no-repeat center bottom; width: 760px; height: 90px; margin: 0 auto;}
/*#footerMain a { text-decoration: none;}*/
#footerMain #footLogo { margin-left: 10px; padding-top: 20px; text-align: left; float: left;}
html>body #footerMain #footLogo {margin-left: 20px;}
#footerMain #footLogo a { background: url(../img/logo_foot.gif) no-repeat left top; text-decoration: none; width: 120px; height: 30px; display: block;}
#footerMain #footMenu { text-align: left; width: 490px; margin-right: 35px; margin-top: 20px; float: right;}
html>body #footerMain #footMenu { margin-right: 70px;}
#footerMain #footMenu a { color: #fff; float: left; margin-right: 10px; display: block;}
#footerMain #footMenu #develop { color: #0079C2; padding-top: 10px;}
#footerMain #footMenu #develop a { color: #D73612; display: inline; float: none;}

/*****************************************
* JA
***************************************/

p.infobox,p.tableempty {
    color: #0079C2; 
}

p.tableempty {
    text-align: center;
}

#centerCol #ods .novinky a { color: #808080; text-decoration: none; font-size: 11px;}
#centerCol #ods .novinky a:hover { color: #808080; text-decoration: underline; font-size: 11px; font-weight:normal;}

table.galerie td{
    text-align:center;
}
p.strankovani {
    text-align:center;
}

#rezervBox a.reglink,#rezervBox  a.reglink:hover {
    font-weight:bold;
    font-size:120%;
}