/* ================================================== */
/* LAYOUT (techtranspt.com, 06/2008)
/* styled by J.Sochor; http://www.jansochor.com
/* ================================================== */

html {overflow: -moz-scrollbars-vertical;}
body {margin: 0; padding: 0; background: #1c1c17 url(../images/bgd-01.jpg) top center no-repeat; text-align: center; width: 100%;}
p, a, ul, li, h1, h2, h3, h4, h5, h6, em, img, fieldset, select, input, textarea, table {font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
hr {margin: 0; padding: 0; border: none;}
ul, li {list-style-type: none;}
img {font-size: 0; line-height: 0;}
.clear {clear: both;}
.nodisplay {display: none;}

/* ================================================== */
/* layout containers 
/* -------------------------------------------------- */

#mainCont {width: 940px; margin: 0 auto; text-align: left;}

/* ================================================== */
/* language version
/* -------------------------------------------------- */

#langCont {width: 940px; height: 40px; margin: 0; background: url(../images/lang-bgd.gif) top right no-repeat; text-align: right;}
p.langCont {font-size: 12px; color: #5a5a5a; font-weight: bold; padding: 7px 23px 0 0; }
p.langCont span {color: #ffbe00;}
p.langCont a {color: #5a5a5a;}
p.langCont a:hover {color: #ffffff;}

/* ================================================== */
/* header
/* -------------------------------------------------- */

#headerCont {width: 940px; height: 90px; margin: 0; background: url(../images/header-bgd-01.gif) 0 0 no-repeat;}
#headerCont.error {margin: 40px 0 0 0;}

h1.headerCont {}
h1.headerCont a {float: left; display: block; width: 196px; height: 90px; background: url(../images/header-logo.png) 0 0 no-repeat; text-indent: -3000px;}
/* IE5.0-6.0 */ * html h1.headerCont a {background: url(../images/header-logo.gif) 0 1px no-repeat;}

ul.header {margin:0 0 0 196px;  padding: 36px 0 0 0; width: 744px; height: 90px; text-align: right;}
/* IE5.0-6.0 */ * html ul.header {width: 741px;}
li.header {float: right; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
li.header {background: url(../images/header-nav-cir.gif) 0 5px no-repeat; padding: 0 10px 0 14px; }
li.header a {color: #959595;}
li.header a.white {color: #ffffff;}
li.header a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

#headerCont p {padding: 14px 0 0 230px; text-transform: uppercase; font-size: 12px; line-height: 20px; letter-spacing: 1px; color: #000000; font-weight: bold;}


/* ================================================== */
/* main menu
/* -------------------------------------------------- */

#menuCont {width: 940px; height: 370px; margin: 10px 0 0 0; padding: 0;}

/* -------------------------------------------------- */

.menu {width:940px; height: 130px; padding:240px 0 0 10px;}
/* IE5.0-6.0 */ * html .menu {height: 360px;}

.bgd00 {background: url(../images/menu-bgd-00.jpg) 0 0 no-repeat;}
.bgd01 {background: url(../images/menu-bgd-01.jpg) 0 0 no-repeat;}
.bgd02 {background: url(../images/menu-bgd-02.jpg) 0 0 no-repeat;}
.bgd03 {background: url(../images/menu-bgd-03.jpg) 0 0 no-repeat;}
.bgd04 {background: url(../images/menu-bgd-04.jpg) 0 0 no-repeat;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:200px; text-align:left; color:#000000; padding:10px 10px; background:#ffbe00; font-size:14px; font-weight: bold; text-transform: uppercase;}
/* IE5.0-6.0 */ * html .menu ul li a {width: 219px;}
/* IE5.0-6.0 */ * html .menu ul li a:visited {width: 219px;}

.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; position:relative; margin: 0 10px 0 0;}
.menu ul li ul {visibility:hidden; position:absolute;}

.menu table {border-collapse:collapse; margin:0; padding:0; margin:-1px;}

.menu ul li:hover a, .menu ul li a:hover {color:#000; background:#ffbe00;}
.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:50px; left:0;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {display:block; background:#ffffff; color:#5a5a5a; width:220px; border-bottom: 1px solid #ffffff;clear:both;}
/* IE5.0-6.0 */ * html .menu ul li:hover ul li {width: 219px;}
/* IE5.0-6.0 */ * html .menu ul li a:hover ul li {width: 219px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {background:#ffffff; color:#5a5a5a;}

/* ================================================== */
/* path
/* -------------------------------------------------- */

#pathLeftCont {width: 690px; height: 60px; float: left; background: url(../images/path-left-bgd.gif) 0 0 no-repeat;}
h3.pathLeftCont {font-size: 12px; color: #5a5a5a; margin: 0 0 0 20px; height: 60px; line-height: 60px; text-transform: uppercase; letter-spacing: 1px;}
h3.pathLeftCont span {color: #5a5a5a; padding: 0 5px 0 5px;}
h3.pathLeftCont a {color: #5a5a5a; border-bottom: 1px dotted #ffbe00;}
h3.pathLeftCont a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

#pathRightCont {width: 230px; height: 60px; float: left; margin: 0 0 0 10px; background: url(../images/path-right-bgd.gif) 0 0 no-repeat;}
h3.pathRightCont {font-size: 12px; color: #ffbe00; height: 60px; line-height: 60px; margin: 0 0 0 20px; text-transform: uppercase; letter-spacing: 1px;}

/* ================================================== */
/* obsah
/* -------------------------------------------------- */

#obsahCont {width: 940px;}

#obsahTopCont {width: 940px; height: 10px; background: url(../images/obsah-bgd-top.gif) 0 0 no-repeat;}
#obsahMiddleCont {width: 940px; background: url(../images/obsah-bgd-middle.gif) 0 0 repeat-y; padding: 0 0 42px 0;}
/* IE5.0-6.0 */ * html #obsahMiddleCont {margin-top: -10px; padding: 0 0 42px 0;}
#obsahBottomCont {width: 940px; height: 20px; background: url(../images/obsah-bgd-bottom.gif) 0 0 no-repeat;}

/* -------------------------------------------------- */

#obsahLeftCol {float: left; width: 630px; border-top: 1px solid #353535; margin: 10px 0 0 20px; padding: 0 10px 0 10px;}
/* IE5.0-6.0 */ * html #obsahLeftCol {width: 640px; margin: 10px 0 0 10px;}

h1.obsahLeftCol {font-size: 28px; color: #ffbe00; line-height: 36px; border-bottom: 1px solid #353535;}
h3.obsahLeftCol {font-size: 28px; color: #ffffff; line-height: 36px; border-bottom: 1px solid #353535; margin: 28px 0 0 0;  font-weight: normal;}
h4.obsahLeftCol {font-size: 18px; color: #ffffff; line-height: 24px; border-bottom: 1px solid #353535; margin: 28px 10px 0 0; font-weight: normal;}
h5.obsahLeftCol {font-size: 11px; color: #000000; line-height: 24px; border-bottom: 1px solid #353535; margin: 18px 0 0 0; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;}

p.obsahLeftCol {font-size: 12px; color: #d5d5d5; line-height: 24px; margin: 5px 0 5px 0;}
p.obsahLeftCol span {color: #ffbe00;}
p.obsahLeftCol a {color: #d5d5d5; border-bottom: 1px dotted #ffbe00;}
p.obsahLeftCol a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

p.obsahLeftColPol {font-size: 12px; color: #d5d5d5; line-height: 24px; margin: 5px 0 5px 0; width: 300px; float: left;}
p.obsahLeftColPol a {color: #d5d5d5; border-bottom: 1px dotted #ffbe00;}
p.obsahLeftColPol a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

ul.obsahLeftCol {font-size: 12px; color: #d5d5d5; line-height: 24px;}
ul.obsahLeftCol li {background: url(../images/header-nav-cir.gif) 0 9px no-repeat; padding: 0 0 0 14px;}
ul.obsahLeftCol li a {color: #d5d5d5; border-bottom: 1px dotted #ffbe00;}
ul.obsahLeftCol li a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

hr.obsahLeftCol {border: 0; background-color:#353535; color:#353535; width: 630px; height: 1px;}
hr.obsahLeftColBotMargin {border: 0; background-color:#353535; color:#353535; width: 630px; height: 1px; margin: 0 0 36px 0;}

#obsahFlashCont {float: left; width: 630px; margin: 20px 0 20px 0;}
#obsahFlashContBig {float: left; width: 630px; margin: 20px 0 20px 0;}

.nakres01ImgCont {float: left; width: 630px; height: 500px; padding: 10px; margin: 20px 0 20px 0; background: url(../images/nakres-01-img-bgd.gif) 0 0 no-repeat;}
.nakres01ImgCont img {border: 1px dotted #000000;}

.nakres02ImgCont {float: left; width: 630px; height: 630px; padding: 10px; margin: 20px 0 20px 0; background: url(../images/nakres-02-img-bgd.gif) 0 0 no-repeat;}
.nakres02ImgCont img {border: 1px dotted #000000;}

/* -------------------------------------------------- */

#obsahRightCol {float: left; width: 190px; border-top: 1px solid #1c1c17; margin: 10px 0 0 50px;}

h3.obsahRightCol {font-size: 11px; color: #000000; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; line-height: 24px; margin: 8px 0 0 0;}
p.obsahRightCol {font-size: 12px; color: #959595; line-height: 24px; padding: 0 0 12px 0; border-bottom: 1px solid #1c1c17;}
p.obsahRightCol a {color: #ffffff; border-bottom: 1px dotted #ffbe00;}
p.obsahRightCol a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}

/* -------------------------------------------------- */

.pdfPictCont {float: left; line-height: 24px; width: 630px; border-bottom: 1px solid #353535; margin: 10px 0 0 0; padding: 0 0 10px 0;}
.pdfPictImgCont, .pdfPictEmptyCont {float: left; width: 142px; height: 202px; padding: 10px; margin: 0 20px 0 0; background: url(../images/publikace-img-bgd.gif) 0 0 no-repeat;}
.pdfPictImgCont:hover {background: url(../images/publikace-img-bgd-hover.gif) 0 0 no-repeat;}
.pdfPictImgCont a img {border: 1px dotted #000000;}

h3.pdfPict {font-size: 18px; line-height: 28px; color: #ffbe00; margin:10px 0 0 182px; font-weight: normal;}
h3.pdfPict span {color: #ffbe00; padding: 0 5px 0 5px;}
h3.pdfPict a {background: url(../images/icon-pdf.gif) 0 2px no-repeat; padding:0 0 0 20px; color: #ffffff; border-bottom: 1px dotted #ffbe00;}
h3.pdfPict a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}
h5.pdfPict {font-size: 11px; color: #1c1c17; text-transform: uppercase; letter-spacing: 1px;}
p.pdfPict {font-size: 12px; color: #d5d5d5; margin:0 0 0 182px;}

/* -------------------------------------------------- */

h3.pdf {font-size: 18px; line-height: 28px; color: #d5d5d5; margin:10px 0 0 0; font-weight: normal;}
h3.pdf span {color: #ffbe00; padding: 0 5px 0 5px;}
h3.pdf a {background: url(../images/icon-pdf.gif) 0 2px no-repeat; padding:0 0 0 20px; color: #ffffff; border-bottom: 1px dotted #ffbe00;}
h3.pdf a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}

/* -------------------------------------------------- */

h3.xls {font-size: 18px; line-height: 28px; color: #d5d5d5; margin:10px 0 0 0; font-weight: normal;}
h3.xls span {color: #ffbe00; padding: 0 5px 0 5px;}
h3.xls a {background: url(../images/icon-xls.gif) 0 2px no-repeat; padding:0 0 0 20px; color: #ffffff; border-bottom: 1px dotted #ffbe00;}
h3.xls a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}

/* -------------------------------------------------- */

h3.dwg {font-size: 18px; line-height: 28px; color: #d5d5d5; margin:10px 0 0 0; font-weight: normal;}
h3.dwg a {background: url(../images/icon-dwg.gif) 0 2px no-repeat; padding:0 0 0 20px; color: #ffffff; border-bottom: 1px dotted #ffbe00;}
h3.dwg a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}
p.dwg {font-size: 12px; color: #d5d5d5; margin:0 0 0 182px;}

/* -------------------------------------------------- */

.kontaktCont {float: left; line-height: 24px; width: 300px; padding: 10px 5px 10px 0;}
.kontaktFotoCont {float: left; width: 65px; height: 85px; padding: 10px; background: url(../images/kontakt-foto-bgd.gif) 0 0 no-repeat;}
.kontaktFotoCont img {border: 1px dotted #000000;}

h3.kontakt {font-size: 18px; line-height: 28px; color: #1c1c17; margin:0 0 0 105px; font-weight: normal;}
h5.kontakt {font-size: 12px; color: #d5d5d5; margin:0 0 0 105px;}
p.kontakt {font-size: 12px; color: #d5d5d5; margin:0 0 0 105px; }
p.kontakt a {color: #d5d5d5; border-bottom: 1px dotted #ffbe00;}
p.kontakt a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

/* -------------------------------------------------- */

.vyrobceCont {float: left; line-height: 24px; width: 630px; border-bottom: 1px solid #353535; margin: 10px 0 0 0; padding: 0 0 10px 0;}
.vyrobceLogoCont {float: left; width: 142px; height: 142px; padding: 10px; background: url(../images/vyrobce-logo-bgd.gif) 0 0 no-repeat;}
.vyrobceLogoCont img {border: 1px dotted #000000;}

h3.vyrobce {font-size: 18px; line-height: 28px; color: #ffffff; margin:0 0 0 182px; font-weight: normal;}
h3.vyrobce a {color: #ffffff; border-bottom: 1px dotted #ffbe00;}
h3.vyrobce a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}
p.vyrobce {font-size: 12px; color: #d5d5d5; margin:0 0 0 182px; }

/* -------------------------------------------------- */

.fotoGalerieCont {float: left; line-height: 24px; width: 640px; border-bottom: 1px solid #353535; margin: 10px 0 0 0; padding: 0 0 100px 0;}

h1.fotoGalerie {font-size: 28px; line-height: 36px; width: 630px; color: #ffffff; font-weight: normal;}
h3.fotoGalerie {font-size: 11px; color: #1c1c17; text-transform: uppercase; letter-spacing: 1px;}
p.fotoGalerie {font-size: 12px; color: #d5d5d5; width: 630px;}

.fotoThumbContL {float: left; width: 130px; height: 98px; padding: 26px 10px; margin: 10px 10px 0 0; background: url(../images/foto-thumb-bgd.gif) 0 0 no-repeat;}
/* IE5.0-6.0 */ * html .fotoThumbContL {width: 150px; height: 150px;}
.fotoThumbContP {float: left; width: 98px; height: 130px; padding: 10px 26px; margin: 10px 10px 0 0; background: url(../images/foto-thumb-bgd.gif) 0 0 no-repeat;}
/* IE5.0-6.0 */ * html .fotoThumbContP {width: 150px; height: 150px;}

.fotoThumbContL:hover, .fotoThumbContP:hover {background: url(../images/foto-thumb-bgd-hover.gif) 0 0 no-repeat;}
.fotoThumbContL a img, .fotoThumbContP a img {border: 1px dotted #000000;}

/* -------------------------------------------------- */

.doplnkyCont {float: left; line-height: 24px; width: 630px; border-bottom: 1px solid #353535; margin: 10px 0 0 0; padding: 0 0 10px 0;}

.doplnkyThumbContL {float: left; width: 130px; height: 98px; padding: 26px 10px; margin: 0; background: url(../images/foto-thumb-bgd.gif) 0 0 no-repeat;}
/* IE5.0-6.0 */ * html .doplnkyThumbContL {width: 150px; height: 150px;}
.doplnkyThumbContP {float: left; width: 98px; height: 130px; padding: 10px 26px; margin: 0; background: url(../images/foto-thumb-bgd.gif) 0 0 no-repeat;}
/* IE5.0-6.0 */ * html .doplnkyThumbContP {width: 150px; height: 150px;}

.doplnkyThumbContL:hover, .doplnkyThumbContP:hover {background: url(../images/foto-thumb-bgd-hover.gif) 0 0 no-repeat;}
.doplnkyThumbContL a img, .doplnkyThumbContP a img {border: 1px dotted #000000;}

h3.doplnky, h4.doplnky {font-size: 18px; line-height: 28px; margin:0 0 0 170px; font-weight: normal;}
h3.doplnky {color: #ffffff;}
h4.doplnky {color: #1c1c17;}
h5.doplnky {font-size: 12px; line-height: 28px; margin:0 0 0 170px;}
h5.doplnky a {background: url(../images/icon-pdf.gif) 0 -2px no-repeat; padding:0 0 0 20px; color: #ffffff; border-bottom: 1px dotted #ffbe00;}
h5.doplnky a:hover {color: #000000; border-bottom: 1px dotted #ffbe00;}
p.doplnky {font-size: 12px; color: #d5d5d5; margin:0 0 0 170px;}

/* -------------------------------------------------- */

.schema01Cont {float: left; line-height: 24px; width: 310px; margin: 20px 0 20px 0;}
.schema02Cont {float: left; line-height: 24px; width: 630px; margin: 20px 0 20px 0;}

.schemaMargin {float: left; width: 10px; height: 10px; visibility: hidden;}

.schema01ThumbCont {width: 290px; height: 290px; padding: 10px; background: url(../images/schema-01-thumb-bgd.gif) 0 0 no-repeat;}
.schema01ThumbCont:hover {background: url(../images/schema-01-thumb-bgd-hover.gif) 0 0 no-repeat;}
.schema01ThumbCont a img {border: 1px dotted #000000;}

.schema02ThumbCont {width: 610px; height: 290px; padding: 10px; background: url(../images/schema-02-thumb-bgd.gif) 0 0 no-repeat;}
.schema02ThumbCont:hover {background: url(../images/schema-02-thumb-bgd-hover.gif) 0 0 no-repeat;}
.schema02ThumbCont a img {border: 1px dotted #000000;}

p.schema01 {font-size: 12px; color: #d5d5d5; line-height: 24px; margin: 10px 0 0 10px;}
p.schema01 span {float: left; display: block; width: 150px;}

p.schema02 {font-size: 12px; color: #d5d5d5; line-height: 24px; margin: 10px 0 0 10px;}
p.schema02 span {float: left; display: block; width: 250px;}

/* -------------------------------------------------- */

#formCont {width: 640px; margin: 0 0 20px 0;}

hr.formLine {margin: 10px 0 0 0; border: 0; background-color:#353535; color:#353535; width: 630px; height: 1px;}
/* IE.7*/ html>body hr.formLine {*margin: 0;}

.formRow {width: 640px; margin: 10px 0 0 0;}
.antiSpamRow {width: 630px; height: 40px; margin: 30px 0 0 0; border-top: 1px solid #353535; padding: 10px 0 0 0;}
.submitRow {width: 630px; height: 50px; border-top: 1px solid #353535; border-bottom: 1px solid #353535;}

p.formBox01, p.formBox03, p.formBox04 {margin: 0 10px 0 0; padding: 0 0 0 10px; line-height: 30px; background: #959595; float: left; display: block; font-size: 12px; color: #1c1c17; font-weight: bold; text-transform: none; letter-spacing: normal;}
p.formBox01 span {color: #ffffff; font-weight: bold; font-size: 20px; vertical-align: bottom; padding: 0 0 0 3px;}

p.formBox01 {width: 140px; height: 30px;}
p.formBox03 {width: 140px; height: 110px;}
p.formBox04 {width: 50px; height: 30px; margin: 0;}

.antiSpamRow img {float: left; margin: 0 10px 0 0;}

.formBox02outer {width: 115px; height: 60px; float: left; background: #ffbe00; display: table; #position: relative; overflow: hidden;}
.formBox02helper {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.formBox02inner {#position: relative; #top: -50%; line-height: 18px;}
p.formBox02 {margin: 0 0 0 10px; font-size: 12px; color: #1c1c17; font-weight: bold; line-height: 14px;}

.cboxCont {width: 25px; height: 35px; background: #ffbe00; padding: 25px 0 0 10px; margin: 0 10px 0 0; float: left;}
/* IE.7*/ html>body .cboxCont {*padding: 20px 0 0 10px; *height: 40px;}

input.formInput01, input.formInput02 {float: left; background: #ffffff; height: 20px; padding: 6px 5px 0 5px; color: #1c1c17; font-size: 12px; font-weight: bold;}
input.formInput01 {width: 456px;}
input.formInput02 {width: 136px; margin: 0 10px 0 0;}

textarea.formInput03 {float: left; background: #ffffff; width: 461px; height: 100px; padding: 6px 0 0 5px; color: #1c1c17; font-size: 12px; font-weight: bold; overflow: auto;}

input.submitBut {width: 310px; height: 30px; background: #000000; margin: 10px 0 0 0; border: none; font-size: 12px; color: #ffffff; font-weight: bold; cursor: pointer;}

/* ================================================== */
/* footer
/* -------------------------------------------------- */

#footerCont {width: 930px; height: 82px; margin: 15px 0 20px 0; padding: 8px 0 0 0; background: url(../images/footer-logo.gif) 0 24px no-repeat; border-bottom: 1px solid #000000; border-top: 1px solid #000000;}
/* IE5.0-6.0 */ * html #footerCont {height: 90px;}

p.footerCont {font-size: 12px; color: #5a5a5a; margin: 0 0 0 140px; line-height: 24px;}
p.footerCont a {color: #959595;}
p.footerCont a:hover {color: #ffffff; border-bottom: 1px dotted #ffbe00;}

/* ================================================== */
/* form alert
/* -------------------------------------------------- */

#alert {display:none; padding: 0; margin: 0;}
/* kontejner */

#ibox_content {background: #ffbe00; border: none;}
#ibox_wrapper {background: #ffbe00; border: none;}
#ibox_footer_wrapper {left: 0; right: 0; top: 0; padding: 0;}
#ibox_footer_wrapper, #ibox_footer_wrapper a {color: #1c1c17; background: #ffbe00; border: none; border-bottom: 1px solid #1c1c17; height: 36px; line-height: 36px; padding: 0 12px 0 0; font-weight: bold;}
#ibox_footer_wrapper a {background-color: #ffbe00; color: #1c1c17; padding: 0;}
#ibox_footer_wrapper a:hover {background-color: #ffbe00; color: #1c1c17;}
#ibox_content {margin: 24px 0 0 0; padding: 20px; border: none;}
#ibox_content p {color: #1c1c17; margin: 0; padding: 0; font-size: 12px; line-height: 20px; text-align: center;}