/******************************************
*             DEF. CONT. STYLY            *
******************************************/
html { height: 100%;}
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7e6e4b;}
body {background: #fff;	margin: 0px; padding: 0px; text-align: center; height: 100%;}

a {color: #A23438; text-decoration: underline;}
a:hover {color: #FF6000; text-decoration: none;}

p, div, ul, ol, 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;}
.odtrzBG4 { background: url(../img/odtrh_01.gif) no-repeat left center;}
.odtrzBG5 { background: url(../img/odtrh_02.gif) no-repeat right center;}
.sS { font-size: 6px; height: 6px;}
.sM { height: 20px;}
.sL { height: 30px;}
.sLL { height: 35px; margin: 15px 0;}



/******************************************
*                 NADPISY                 *
******************************************/
h1,h2,h3,h4,h5 {color: #A23438; text-align: left; font-weight: bold; padding: 0 0 5px 0; margin: 0px;}
h1 { font-size: 140%;}
h1 span { color:#7E6E4B;  font-size: 70%; font-weight: normal;}
h2 {font-size: 110%; }
h3 {font-size: 110%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}

/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea { color: #A23438; font-size: 11px; font-family: Arial, Helvetica, sans-serif; /*margin: 2px 6px 2px 0;*/}
/*html>body input, select, textarea { font-size: 11px;}*/
input {/*padding-left: 1px; padding-right: 1px;*/}

.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;}

.odsLinka { background: url(../img/delici-linka.gif) no-repeat center center; height: 15px; margin: 10px 0;}



/******************************************
*                 TABULKA                 *
******************************************/
table { border: solid 1px #EAEAEA; border-collapse: collapse;}
th, td { border: solid 1px #EAEAEA; padding: 0px; margin: 0px;}
th { color: #A23438; text-align: left;}
td { line-height: 150%;}
.bg { background: #FFFAF4;}

table.noBrd { border: none;}


/******************************************
*               IMG GALLERY               *
******************************************/
#galerie {}
#galerie a {color: #7e6e4b; text-decoration: none; text-align: center; margin: 5px 6px; float: left; width: 100px; height: 136px; display: block; overflow:hidden;}
#galerie a strong {color: #A23438;}
#galerie a:hover {color: #A23438; }

#galerie2 {}
#galerie2 a {color: #7e6e4b; text-decoration: none; text-align: center; margin: 5px 6px; float: left; width: 140px; height: 110px; display: block; overflow:hidden;}
#galerie2 a strong {color: #A23438;}
#galerie2 a:hover {color: #A23438; }




/******************************************
*            DEF. LAYOUT BLOCK            *
******************************************/

/*** main ********************************************/
#main { /*background: url(../img/bg-body.gif) no-repeat center top;*/  text-align: center; height: 100%; /*width: 766px; margin: 0 auto; padding: 0px;*/}
#mainOds { background: #FFE2A7 url(../img/bg-cont.gif) no-repeat right 165px; text-align: left;  width: 766px; /*height: 100%;*/ margin: 0 auto; padding: 0px;}

/*
#mainOds.twoCol { background: url(../img/bg_main_ods2.gif) repeat-y center top; width: 720px; margin: 0 auto; text-align: left; position: relative; }
#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 { height: 173px; position: relative;}
#head #headButt { width: 243px; padding: 110px 0 0 5px; top: 92px; position: absolute; z-index: auto;}
#head #headButt a:hover {  color: #fff;}
#head #headButt a:hover span {  color: #A23438;}
#head #headImg { background: url(../img/head-img01.gif) no-repeat; width: 243px; height: 337px; top: 92px; position: absolute; z-index: auto;}
#headMain { background: url(../img/bg_headmain.gif) no-repeat center top; width: 766px; height: 173px; margin: 0px auto; /*position: relative;*/}
#headOds { text-align: left; height: 137px; margin: 0px; padding: 0px; position: relative;}
#headOds #quickMenu { top: 10px; right: 20px; position: absolute; z-index: auto;}
#headOds #quickMenu a { text-decoration: none;}
#headOds #shadLeft { background: url(../img/shad-left.gif); width: 30px; height: 330px; left: -30px; top: 0px; position: absolute; z-index: auto;}
#headOds #shadRight { background: url(../img/shad-right.gif); width: 30px; height: 330px; right: -30px; top: 0px; position: absolute; z-index: auto;}
/*** LOGO********************************************/
#headOds #logo { /*background: aqua;*/ width: 192px; height: 50px;  margin: 26px 0 0 15px; text-decoration: none; display: block; float: left;}
html>body #headOds #logo { margin: 26px 0 0 30px; }
#headOds #topMenu { /*background: Aqua;*/ float: right; width: 538px; margin: 35px 0 0 0;}
html>body #headOds #topMenu { width: 534px; margin: 35px 0 0 0;}
#headOds #topMenu a { color: #fff; font-weight: bold; text-decoration: none; padding: 5px 4px; margin: 0 8px; display: block; float: left;}
html>body #headOds #topMenu a { margin: 0 8px; }
#headOds #topMenu a.act { background: url(../img/act-menu.gif) no-repeat center top;}



/******************************************
*             LEVY SLOUPEC                *
******************************************/
#leftCol { width: 203px; float: left; padding: 0 20px; margin-top: 260px; /*background: Aqua;*/}
#leftCol.topButt { margin-top: 160px;}
#leftCol #menu { /*font-size: 90%;*/}
#leftCol #menu a { border-bottom: dotted 1px #7e6e4b; background: url(../img/ico-odr-menu.gif) no-repeat left 7px; color: #7e6e4b; text-decoration: none; height: 23px; line-height: 23px; padding-left: 15px; display: block;}
#leftCol #menu a.end { border-bottom: none;}
#leftCol #menu a:hover { color: #7e6e4b; text-decoration: underline;}
#leftCol #menu a.act { color: #FFA600; }
#leftCol .odtrzLBG { height: 20px;}

/******************************************
*             CENTR SLOUPEC               *
******************************************/
#centerCol { width: 510px; float: left; /*background: Aqua;*/}
#centerCol.big { width: 540px;}
#centerCol #ods { padding: 0 20px;}
#centerCol #ods h1 { margin-bottom: 10px;}
#centerCol #ods p { /*text-indent: 10px;*/}
#centerCol #ods.noInic p { text-indent: 0px;}
/*#centerCol #ods .buttBlock { background: #D02E29; color: #fff; font-weight: bold; font-size: 130%; padding: 10px; display: block;}
#centerCol #ods a:hover.buttBlock { background: Orange;}
*/
#prodTable { }
#prodTable td { line-height: 130%; }
a.prodOdk { color: #fff; font-size: 150%; font-weight: bold; text-decoration: none; width: 140px; height: 74px; padding: 20px 76px 20px 20px; display: block;}
a.prodOdk span { color: #A23438; font-size: 65%; font-weight: normal; margin-top: 10px; display:block;}
a:hover.prodOdk { color: #A23438; }
a:hover.prodOdk span { color: #F17D1D;}
a.prodOdk.img01 { background: url(../img/prod-butt01.gif) no-repeat;}
a.prodOdk.img02 { background: url(../img/prod-butt02.gif) no-repeat;}
a.prodOdk.img03 { background: url(../img/prod-butt03.gif) no-repeat;}
a.prodOdk.img04 { background: url(../img/prod-butt04.gif) no-repeat;}

#centerCol #prodTableDet td { padding-left: 15px; vertical-align: top }
#centerCol #prodTableDet td #foto a { color: #fff; background: #A23438; text-decoration: none; padding: 1px 2px; }
#centerCol #prodTableDet td#imgProd { padding-left: 0px; }
#centerCol #prodTableDet td#imgProd img { border: solid 2px #fff; }
#centerCol #prodTableDet td p { text-indent: 0px;}

#vel { width: 100%;}
#vel th,#vel td  { padding: 2px;}
#vel th { border: none; text-align: center;}
#vel td { border: dotted 1px #ccc; border-left: none; border-right: none; text-align: center;}
.bgLine {background: #FFF0CE}


/*** TABULKA *********************************/
#centerCol #ods table.line { border: none; border-top: double #EAEAEA; border-bottom: double #EAEAEA; width: 100%; margin: 10px 0 30px 0;}
#centerCol #ods table.line th, td { border: none;}
#centerCol #ods table.line tr { border-bottom: solid 1px #EAEAEA;}
#centerCol #ods table.line th { border-bottom: double #EAEAEA; font-size: 110%; padding: 10px 5px;}
#centerCol #ods table.line td { vertical-align: top; padding: 10px 5px;}

#centerCol #ods table.klasik { width: 100%; margin: 10px 0 30px 0;}
#centerCol #ods table.klasik td { border: solid 1px #EAEAEA;}
#centerCol #ods table.klasik tr { /*border-bottom: solid 1px #EAEAEA;*/}
#centerCol #ods table.klasik th { border-bottom: double #EAEAEA; font-size: 110%; padding: 10px 5px;}
#centerCol #ods table.klasik td { vertical-align: top; padding: 10px 5px;}




/******************************************
*                FOOTER                   *
******************************************/
#footIn {background: #A23438 url(../img/bg-foot.gif) no-repeat center top; height: 160px;}
#footer {background: #A23438 url(../img/bg-foot-bott.gif) no-repeat center 160px; height: 100%;}

#footer .voZo { color: #E29496; text-align:center; padding: 10px;}
#footer .voZo a { color: #E48E9D;}
#footer .voZo a:hover { color: #FFF;}

#develop { color: #FFF; font-size: 90%; padding-top: 125px; text-align: center; position: relative;}
#develop #sign { background: url(../img/podpis.gif); width: 238px; height: 49px; top: -5px; right: 50px; position: absolute; z-index: auto;}
#develop a {}

#partn {	width: 100%; border-collapse: collapse; margin-top: 10px;}

#mailing {	/*border: solid 1px #ccc;*/ padding: 19px 0 10px 15px;}
#mailing input { background: none; /*color: #fff;*/ margin: 0px; padding: 0px;}
#mailing #mailPole { border: none; width: 112px; height: 16px; font-weight: bold; margin: 0 6px;}
#mailing #mailButt { border: none; width: 26px; height: 26px; cursor: pointer;}

#specBox {}
#specBox h2 { background: url(../img/bg_spec_h2.gif) no-repeat; height: 24px; padding: 13px 0 0 30px;}
#specBox #contSb { background: #f1f1f1; padding: 10px;}
#specBox #contSb p {  font-size: 90%; text-align: center;}
#specBox #contSb p#img { border: solid 1px #FFDD53; height: 80px; overflow: hidden; margin-bottom: 5px;}
#specBox #footSb { background: url(../img/bg_spec_foot.gif) no-repeat; height: 24px; padding: 5px 15px 0 15px;}

a.next { font-size: 90%; font-weight: bold;}

#contTable { }
#contTable th, #contTable td { padding: 1px; margin: 0px;}
#contTable th { }
#contTable td { }
#contTable td textarea { width: 215px; }
#leftCol #contTable td textarea { width: 150px; }


#flIlustr { float: right; padding-left: 15px;}
#flIlustr img { border: solid 2px #fff; /*margin-bottom: 10px;*/}
/*#flIlustr.firm { width: 235px;}
#flIlustr.kont { width: 194px;}*/

#diskTable img { position: relative; top: 4px;}
.reMail { color:#A23438; padding-bottom: 12px; padding-left: 20px;}
.reMail span { font-weight: bold; font-size: 140%;}
.textMail { padding-left: 20px;}

.butt {	background: url(../img/butt_bg.gif) repeat-x; border: none; color: #fff; font-weight: bold; height: 19px; cursor: pointer;}
.print {	background: url(../img/ico_print.gif) no-repeat; padding-left: 20px;}


#webMap { padding-left: 20px;}
#webMap li { list-style: none; background: url(../img/ico-odr-menu.gif) no-repeat left 5px; padding: 2px 0 2px 15px;}
#webMap li table { margin-bottom: 5px;}
#webMap li table td { padding: 1px 5px;}
#webMap li a { font-weight: bold; text-decoration: none;}
#webMap li a:hover { text-decoration: underline;}
#webMap li.noIco a { color:#7E6E4B;}
#webMap li.noIco a:hover { color:#A23438;}
#webMap li.noIco { list-style: none; background: none;}
#webMap li.noIco a { font-weight: normal;}


#submenu { color: #fff; border-top: solid 1px #FFF0CE; border-bottom: solid 1px #FFF0CE; margin-bottom: 30px; padding: 5px 0 5px 10px;}
#submenu a { font-size: 100%; text-decoration: none; line-height: 150%;}
#submenu a:hover { font-weight: bold;}