body {font-family: Arial; font-size: 12px; background: #381707 url(../images/body-bg.png) repeat-x; margin: 0; padding: 0; }
#kdojsme {padding:30px; width: 790px;}
div.ta-centerr {float: left; width: 98%; text-align: center !important; clear: both;}
#kdojsme a {color: #000; }
.txt-big {font-size: 17px; }
a {outline: none; }
a img {border: none;}
#main {float: left; width: 100%; background: transparent url(../images/main-bg.jpg) no-repeat center top; min-height: 1000px;
positioin: relative; z-idnex: 1;}
.middle {margin: 0 auto; width: 885px;}
#content {float: left; width: 865px; padding-left: 10px; padding-right: 10px;}

#menu {float: left; margin: 0; padding: 0; list-style-type: none; font-family: helveticamd, HelveticaNeue, Arial; font-weight: bold; font-size: 18px;
color: #000; margin-top: 19px; /*text-transform: uppercase;*/}

#menu a {color: #000; text-decoration: none; cursor: pointer;}
#menu a span, #menu a shape {cursor: pointer; }
#menu li.sel a {color: #fff;}
#menu li {float: left; margin: 0; padding: 0; margin-right: 25px;}
#menu li.sel {color: #fff;}

#menu .cl, #menu .cr, #menu .cc {float: left; height: 36px; line-height: 42px;}
#menu .cl, #menu .cr {width: 5px;}
#menu .cc {padding-left: 3px; padding-right: 3px; font-family: helveticamd, HelveticaNeue, Arial; font-weight: normal;}
#menu li.sel .cl {float: left; width: 5px; height: 36px; overflow: hidden; background: transparent url(../images/m-bg-cl.png) no-repeat; }
#menu li.sel .cr {float: left; width: 5px; height: 36px; overflow: hidden; background: transparent url(../images/m-bg-cr.png) no-repeat; }
#menu li.sel .cc {float: left; height: 36px; overflow: hidden; background: transparent url(../images/m-bg.png) repeat-x;
padding-left: 3px; padding-right: 3px;}
#head {float: left; width: 865px; padding-top: 24px;}

#logo {float: right; }
#logo h1 {margin: 0; padding: 0;}

#body-head {float: left; width: 865px; height: 100px; background: transparent url(../images/content-ct.png) no-repeat; font-family: helveticamd, HelveticaNeue, Arial; font-size: 18px;
color: #fff;}
#body-head .bold {font-weight: bold;}
#body-head .middle-text {margin-top: 42px; margin-left: 20px;}
#body-head .left {margin-left: 20px; float: left; margin-top: 42px;}
#body-head .right {margin-right: 20px; float: right; margin-top: 42px; font-family: helveticamdlighter, HelveticaNeueLighter, Arial; }
#body-border {display:block; width: 851px; margin-left: 2px; padding-left: 5px;
padding-right: 5px; overflow: hidden; position: relative; z-index: 1;}
#body-border .border {width: 8px; height: 2000px; position: absolute; /*bottom: 0;*/ z-index: 5; display: block;}

#border-left {left: 0; background: transparent url(../images/bl.png) repeat-y; }
#border-right {right: -1px; background: transparent url(../images/bl.png) repeat-y;}

#border-bottom {bottom: -1px; left: 1px; width: 863px; background: transparent url(../images/bb.png) no-repeat; height: 6px; float: left; position: absolute; z-index: 1;}
#body {float: left; width: 855px; min-height: 400px; position: relative; z-index: 1;}

.cartoon-left {float: left; width: 353px;}
.cartoon-right {float: left; width: 501px;}
.cartoon-left img, .cartoon-right img {float: left; position: relative; z-index: 1;}
.cartoon {position: relative; z-index: 1; float: left;}
.cartoon img {position: relative; top: 0; left: 0;}
#footer {float: left; width: 865px; padding-top: 32px; color: #fff; font-size: 11px; padding-bottom: 30px;}
#footer .left {float: left; margin-left: 5px;}
#footer ul {list-style-type: none; margin: 0; padding: 0;}
#footer ul li {display: inline; margin: 0; padding: 0; float: left; }
#footer ul li a {float: left;}
#footer ul span {color: #45462f; float: left; margin-left: 5px; margin-right: 5px; }
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline; }
#footer .right {float: right; margin-right: 5px;}

span.btext {position: absolute; top: 0; left: 0; z-index: 2; font-size: 9px; text-align: center;}

#b0 {left: 8px; top: 20px;}
#b1 {left: 266px; top: 40px;}
#b2 {left: 257px; top: 146px;}
#b3 {left: 68px; top: 28px;}
#b4 {left: 291px; top: 55px;}
#b5 {left: 462px; top: 19px;}
#b6 {left: 45px; top: 36px;}
#b7 {left: 96px; top: 34px;}

#body.white {background-color: #fff;}

.block {float: left; font-size: 14px; color: #494949; line-height: 20px;position: relative;}
.block .img {float: left; position: absolute; }
.block .txt {float: left; position: absolute; text-align: left;}
#pp1 {width: 850px; height: 300px; background: transparent url(../images/horizontal-border-1.png) no-repeat center bottom; background-color: #f2ffc1;}
#pp1 .img {top: 48px; left: 52px;}
#pp1 .txt {top: 31px; left: 324px; width: 474px;}

#pp2 {width: 429px; height: 496px; background: transparent url(../images/vertical-border-1.png) no-repeat right top; background-color: #def6f5;}
#pp2 .img {top: 49px; left: 103px;}
#pp2 .txt {top: 270px; left: 62px; width: 325px;}

#pp3 {width: 420px; height: 496px; background-color: #faf6cd;}
#pp3 .img {top: 49px; left: 103px;}
#pp3 .txt {top: 270px; left: 62px; width: 325px;}


.block .ta-left {text-align: left; }
span.highlight {color: #ff7200;}

#pp4 {width: 850px; height: 210px; background: transparent url(../images/horizontal-border-2.png) no-repeat center top;}
#pp4 .img {top: 67px; right: 66px;}
#pp4 .txt {top: 31px; left: 40px; width: 425px;}

.postup-row {float: left; width: 850px; /*height: 270px;*/height: 330px; padding-bottom: 8px;
            background: transparent url(../images/horizontal-border-3.png) no-repeat center bottom; font-size: 17px;
            color: #494949; font-weight: bold;}
.postup-sudy {background: transparent url(../images/horizontal-border-1.png) no-repeat center bottom;}
.postup-last {background: none; padding-bottom: 0;}
.postup-row .levy {float: left; /*height: 245px;*/height: 295px; background: transparent url(../images/vertical-border-2.png) no-repeat right top;
text-align: center; padding-top: 35px;}
.postup-row .pravy {float: left; height: 245px; text-align: center;padding-top: 35px;}
.postup-row span.dodatek {/*display: none;*/ font-size: 12px;  text-align: left;}

.postup-row .txt {padding-left: 15%; padding-right: 15%; width: 70%;
text-align: left; /*line-height: 14px;*/}

#links {float: left; width: 865px; height: 29px;}
#links .cl, #links .cr {float: left; width: 4px; height: 29px; overflow: hidden; }
#links .cl {background: transparent url(../images/links-cl.png) no-repeat;}
#links .cr {background: transparent url(../images/links-cr.png) no-repeat;}
#links .cc {float: left; width: 857px; height: 29px; background-color: #fff;}
#links .cc a {float: left; height: 29px; padding-left: 26px; font-size: 11px; font-weight: bold; border-right: solid 1px #eae5c6;
      background: transparent url(../images/links-arrow.png) no-repeat 14px center; color: #494949; line-height: 29px;
      text-decoration: none; padding-right: 12px;}
#links .cc a:hover {text-decoration: underline;}
address {font-style: normal; }

#kdojsme .right {float: right; }
#kdojsme .left {float: left;}
#kdojsme #contentText {clear: both;}

#mapa {margin-top: 10px;} 

.biggest { font-size: 18px; font-family: helveticamd, HelveticaNeue, Arial; }
.smallest { font-size: 12px; font-family: helveticamd, HelveticaNeue, Arial; }

/* intelligent browsers */
@font-face { font-family: HelveticaNeue; font-weight: normal; src: url(../fonts/HelveticaNeueLTPro-MdCn.svg); src: url(../fonts/HelveticaNeueLTPro-MdCn.otf); }
@font-face { font-family: HelveticaNeueLighter; font-weight: normal; src: url(../fonts/HelveticaNeueLTPro-LtCn.svg#HelveticaNeueLTPro-MdCn) format('svg'), url(../fonts/HelveticaNeueLTPro-LtCn.otf) format('opentype');  }


/* kontaktni stranka */
.leftColumn { width: 367px; float: left }

.topleft { padding: 50px; font-weight: bold }
.topright { padding: 30px; }
.topleft a { color: #494949; text-decoration: none; }

.bottomleft { padding: 50px; }
.bottomright { padding: 50px; }

.rightColumn {width: 472px; float: right}
.smallOrange { color: #ff7200; font-size: 12px; }

.map {border: 3px solid #fe780c}

.leftseparator { background: transparent url(../images/left-kontakt-sep.png) no-repeat; width: 367px; height: 7px;}
.rightSeparator { background: transparent url(../images/right-kontakt-sep.png) no-repeat; width: 477px; height: 7px; }
.middle-separator { background: transparent url(../images/middle-sep.png) no-repeat; width: 9px; height: 864px; float: left }
.kontaktHeading { font-weight: bold; font-size: 18px; }

.name { width: 130px; }

#contactForm { border-collapse:collapse; border-spacing:0; }
#contactForm input { border: 1px solid #fe780c; background: #f7f7f7; width: 245px; height: 25px; margin-bottom: 10px; padding: 5px 0px 0px 5px; }
#contactForm textarea { border: 1px solid #fe780c; background: #f7f7f7; width: 250px; height: 110px;  }

#contactSubmit { background: transparent url(../images/contact-button.png) no-repeat !important;  width: 127px !important; height: 30px !important; padding: 0px !important; border: 0px; color: white !important; font-weight: bold !important; font-size: 14px !important;}

.error { color: red; }

.message { border: 1px solid #fe780c; background: #f7f7f7; padding: 10px; width: 363px; font-weight:bold; }