/* layout */
.cleaner {clear: both;}
SPAN.cleaner {clear: both; height: 1px !important; font-size: 1px !important; display: block; padding: 0; margin: 0;}
.hidden {display: none;}
.fl {float: left;  display: inline;}
.fr {float: right; display: inline;}
.nofl {float: none !important; display: block !important;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.nw {white-space: nowrap !important;}
.uc {text-transform: uppercase !important;}
.mt0 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5em !important;}
.mt1 {margin-top: 1em !important;}
.nobr {border: 0 !important;}
IMG {border: 0px;}
BODY, FORM, FIELDSET, UL, OL, H1, H2, H3, H4, H5, P {padding: 0; margin: 0;}
FIELDSET {border: 0px;}
HTML, BODY {height: 100%;}
BODY {background: url("../images/layout/backgrounds/bg-body.gif") top left repeat-x #fff; text-align: center; font-family: Arial, sans-serif; font-size: 70%; color: #444;}
TABLE {font-size: 100%;}
#main {width: 760px; margin-left: auto; margin-right: auto; text-align: left; position: relative;}
.fakesup {font-size: 8px; position:relative; top:-4px;}
.w10 {width: 10px;}.w20 {width: 20px;}.w25 {width: 25px;}.w30 {width: 30px;}.w40 {width: 40px;}.w45 {width: 45px;}.w50 {width: 50px;}.w60 {width: 60px;}.w70 {width: 70px;}.w75 {width: 75px;}.w80 {width: 80px;}.w85 {width: 85px;}.w90 {width: 90px;}.w100 {width: 100px;}.w110 {width: 110px;}.w120 {width: 120px;}.w130 {width: 130px;}.w140 {width: 140px;}.w150 {width: 150px;}.w160 {width: 160px;}.w170 {width: 170px;}.w180 {width: 180px;}.w185 {width: 185px;}.w190 {width: 190px;}.w200 {width: 200px;}.w250 {width: 250px;}.w290 {width: 290px;}.w280 {width: 280px;}.w300 {width: 300px;}.w350 {width: 350px;}.w400 {width: 400px;}.w450 {width: 450px;}.w500 {width: 500px;}.w550 {width: 550px;}.w600 {width: 600px;}.w650 {width: 650px;}
.w20p {width: 20%;}.w25p {width: 25%;}.w50p {width: 50%;}.w75p {width: 75%;}.w100p {width: 100%;}
INPUT.txt, SELECT, TEXTAREA {font-size: 100%; font-family: Arial, sans-serif;}
INPUT.txt {padding-top: 1px; padding-bottom: 2px;}
A.skipmenu {position: absolute; top: 40px; left: 30px; z-index: 0;  color: #fff; padding: 2px; text-transform: uppercase; font-size: 100%; font-weight: bold; text-decoration: none;}
A.skipmenu:active {z-index: 5; background-color: #8CB5DF;}
.no-js A {color: #DFA000; font-weight: bold;}

/*************************************************************************************************************************/

#main-shadow-left, #main-shadow-right {position: absolute; top: 148px; width: 10px; height: 210px; font-size: 1px; background-position: top left; background-repeat: no-repeat;}
#main-shadow-left {left: -10px; background-image: url("../images/layout/backgrounds/bg-main-shadow-left.gif");}
.root #main-shadow-left {background-image: url("../images/layout/backgrounds/bg-main-shadow-left-root.gif");}
#main-shadow-right {right: -10px; background-image: url("../images/layout/backgrounds/bg-main-shadow-right.gif");}
.root #main-shadow-right {background-image: url("../images/layout/backgrounds/bg-main-shadow-right-root.gif");}

/* Header */

#header {background: url("../images/layout/backgrounds/bg-header.gif") 0 95px no-repeat; min-height: 1px; _height: 1px; position: relative; overflow: hidden; =overflow: none;}
#header H1 {width: 185px; height: 90px; font-size: 240%; position: absolute; overflow: hidden; top: 9px; left: 0;}
#header H1 A {display: block; height: 35px; _height: 90px; _hei\ght: 35px; padding-top: 55px; position: relative; overflow: hidden; text-decoration: none; color: #7CAADB; text-align: center;}
#header H1 A SPAN {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; cursor: hand; background: url("../images/layout/backgrounds/bg-h1.gif") top left no-repeat;}
#header H2#motto {width: 350px; height: 21px; position: absolute; top: 73px; left: 185px; overflow: hidden; font-size: 150%; color: #8BBD03;}
#header H2#motto SPAN {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/layout/headings/h2-motto.gif") top left no-repeat;}

#links {position: absolute; top: 77px; right: 75px;}
#links #link-home, #links #link-sitemap {background-repeat: no-repeat; background-position: top left; padding-left: 18px; padding-top: 1px; color: #7CAADB;}
#links #link-home {background-image: url("../images/layout/backgrounds/bg-link-home.gif"); margin-right: 8px;}
#links #link-sitemap {background-image: url("../images/layout/backgrounds/bg-link-sitemap.gif");}

#languages {position: absolute; top: 73px; right: 0; color:}
#languages A {position: relative; overflow: hidden; width: 30px; height: 19px; _height: 23px; _hei\ght: 19px; padding-top: 4px; text-align: center; color: #7CAADB; float: left; _display: inline;}
#languages A SPAN {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; cursor: pointer; cursor: hand;}
#languages #lang-cz SPAN {background-image: url("../images/layout/backgrounds/bg-lang-cz.gif");}
#languages #lang-sk SPAN {background-image: url("../images/layout/backgrounds/bg-lang-sk.gif");}

#nav {margin-top: 108px;}
#nav UL {min-height: 37px; _height: 37px;list-style-type: none; background-color: #7CAADB;}
#nav UL LI {float: left; font-size: 120%; font-weight: bold; position: relative;}
#nav UL LI A {display: block; padding-top: 10px; height: 27px; _height: 37px; _hei\ght: 27px; text-align: center; position: relative; overflow: hidden; color: #fff; text-decoration: none;}
#nav UL LI A SPAN {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
#nav UL LI A:hover {background-color: #C0E261;}
#nav UL LI A:hover SPAN {background-position: 0 -37px;}
#nav LI#nav1 {width: 136px;}
#nav LI#nav2 {width: 131px;}
#nav LI#nav3 {width: 128px;}
#nav LI#nav4 {width: 107px;}
#nav LI#nav5 {width: 109px;}
#nav LI#nav6 {width: 67px;}
#nav LI#nav7 {width: 82px;}
#nav LI#nav1 A SPAN {background-image: url("../images/layout/nav/nav1.gif");}
#nav LI#nav2 A SPAN {background-image: url("../images/layout/nav/nav2.gif");}
#nav LI#nav3 A SPAN {background-image: url("../images/layout/nav/nav3.gif");}
#nav LI#nav4 A SPAN {background-image: url("../images/layout/nav/nav4.gif");}
#nav LI#nav5 A SPAN {background-image: url("../images/layout/nav/nav5.gif");}
#nav LI#nav6 A SPAN {background-image: url("../images/layout/nav/nav6.gif");}
#nav LI#nav7 A SPAN {background-image: url("../images/layout/nav/nav7.gif");}

/*************************************************************************************************************************/

/* Content */

#content {}
#content A {color: #5590D0;}
#content H2 {font-size: 150%;}
#content P, #content UL, #content OL {line-height: 130%;}
#content #intro {width: 720px; _width: 760px; _wid\th: 720px; height: 172px; _height: 212px; _hei\ght: 172px; background: url("../images/layout/backgrounds/bg-intro.jpg") top left no-repeat; padding: 20px;}
.root #content #intro {background: url("../images/layout/backgrounds/bg-intro-root.jpg"); height: 115px; _height: 155px; _hei\ght: 115px;}
#content #intro UL {list-style-type: none; font-size: 120%; margin-top: 0.5em;}
#content #intro UL LI {background: url("../images/layout/crumbs/li-intro.gif") 0 0.45em no-repeat; margin-top: 0.2em; padding-left: 15px;}

#rcol, #page-content {float: left; _display: inline;}
#page-content {width: 596px;}
.root #page-content {width: 570px; _width: 596px; _wid\th: 570px; padding: 13px;}
#rcol {width: 153px; margin-left: 11px;}
#rcol IMG.banner {margin-top: 7px;}

#coating-holder {background: url("../images/layout/backgrounds/bg-green-box-holder.gif") top left no-repeat #EDF5D8; margin-top: 15px;}
#coating {background: url("../images/layout/backgrounds/bg-green-box-2.gif") bottom left no-repeat; padding: 20px; min-height: 60px; _height: 60px;}
#page-content #coating H2 {margin-top: 0;}
#page-content #coating IMG {float: right; _display: inline; margin: -10px 0 10px 10px;}
#page-content #coating P {margin-top: 0.5em;}

#faq-holder {background: url("../images/layout/backgrounds/bg-blue-box-holder.gif") top left no-repeat #EBF2FA; margin-top: 10px;}
#faq {background: url("../images/layout/backgrounds/bg-blue-box.gif") bottom left no-repeat; padding: 20px; min-height: 40px; _height: 40px;}
#page-content #faq H2 {margin-top: 0;}
#page-content #faq H3 {font-size: 100%; color: #555; margin-top: 1em; background: url("../images/layout/crumbs/h3-faq.gif") top left no-repeat; padding-left: 15px; padding-top: 1px;}
#page-content #faq P {margin-top: 0.5em;}

#szu-holder {background: url("../images/layout/backgrounds/bg-green-box-holder.gif") top left no-repeat #EDF5D8; margin-top: 10px;}
#szu {background: url("../images/layout/backgrounds/bg-green-box.gif") bottom left no-repeat; padding: 20px; min-height: 40px; _height: 40px;}
#page-content #szu H2 {margin-top: 0;}
#page-content #szu P {margin-top: 0.5em;}


#page-content H2 {color: #7FAA06; margin-top: 0em;}
#page-content H2.blue {color: #4D86C4;}
#page-content H3 {margin-top: 1.5em; color: #7CAADB; font-size: 110%;}
#page-content H3.question {background: url("../images/layout/crumbs/h3-faq.gif") top left no-repeat; padding-left: 15px; padding-top: 1px;}
#page-content H4 {margin-top: 1.5em; font-size: 100%;}
#page-content P {margin-top: 1em;}
.root #page-content P, .root #page-content UL, .root #page-content OL {text-align: justify;}
#page-content P.note {background-color: #E5E5E5; font-style: italic; margin-top: 1px; text-align: center; padding: 5px;}
#page-content A {color: #7DAB00;}
#page-content A.more {background: url("../images/layout/crumbs/a-more.gif") 100% 0.45em no-repeat; padding-right: 10px; color: #7CAADB;}
#page-content UL {list-style-type: none; margin-left: 10px; margin-top: 1em; text-align: justify;}
#page-content UL LI {background: url("../images/layout/crumbs/li.gif") 0 0.5em no-repeat; padding-left: 15px; margin-top: 0.5em;}
#page-content OL {margin-top: 0.5em; margin-left: 28px;}
#page-content OL LI {margin-top: 0.5em;}
#page-content IMG.img {border: 1px solid #E6E6E6;}
#page-content IMG.imgl, #page-content IMG.imgr {_display: inline; margin-bottom: 12px; border: 1px solid #E6E6E6;}
#page-content IMG.imgl {float: left; margin-right: 12px;}
#page-content IMG.imgr {float: right; margin-left: 12px;}
#page-content HR {border: 0; border-bottom: 1px dashed #E1E1E1; height: 1px; margin-top: 1.5em;}
#page-content TABLE {border: 0; border-collapse: collapse; margin-top: 1.5em;}
#page-content TABLE TD, #page-content TABLE TH {border: 0; padding: 5px 8px 5px 0;}
#page-content TABLE.common {width: 100%;}
#page-content TABLE.common TH, #page-content TABLE.common TD {padding: 8px 6px; border-bottom: 1px solid #fff;}
#page-content TABLE.common TH {background-color: #7CAADB; color: #fff; font-weight: bold;}
#page-content TABLE.common TD {border-right: 1px solid #fff;}
#page-content TABLE.common TR.dark TD {background-color: #ECF5FF;}
#page-content A.pdf, #page-content A.xls {background-pocition: top left; background-repeat: no-repeat; padding: 2px 0 2px 22px;}
#page-content A.pdf {background-image: url("../images/layout/filetypes/pdf.gif");}
#page-content A.xls {background-image: url("../images/layout/filetypes/xls.gif");}
#page-content FORM {margin-top: 1em;}
#page-content FORM .f-row {min-height: 1px; _height: 1px; margin-top: 1em;}
#page-content FORM INPUT.txt, #page-content FORM TEXTAREA {border: 1px solid #CACACA; background: url("../images/layout/backgrounds/bg-input.gif") top left repeat-x;}
#page-content FORM LABEL {display: block; margin-bottom: 3px;}
#page-content FORM TEXTAREA {overflow: auto;}
#page-content FORM SPAN.required {color: #D60000; float: left; _display: inline; font-size: 140%; margin-left: 5px;}
#page-content FORM P SPAN.required {float: none;}
#page-content FORM INPUT.error, #page-content FORM TEXTAREA.error {border: 1px solid #D60000;}

/*************************************************************************************************************************/

/* Footer */
#footer-holder {background: url("../images/layout/backgrounds/bg-footer-holder.gif") top left no-repeat; padding: 6px 0; margin-top: 5px;}
#footer {background: url("../images/layout/backgrounds/bg-footer.jpg") top left no-repeat #7FAA06; font-size: 90%; color: #fff; min-height: 33px; height: 33px;}
#footer A {color: #9D080D;}
#footer P {margin: 10px 15px 0 15px;}
P#copyright {float: left; _display: inline;}
P#realization {float: right; _display: inline;}


/*************************************************************************************************************************/