/* layout */
.cleaner {clear: both; height: 1px; font-size: 1px; display: block; padding: 0; margin: 0;}
.hidden {display: none;}
.fl {float: left;  display: inline;}
.fr {float: right; display: inline;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.nw {white-space: nowrap;}
.uc {text-transform: uppercase;}
IMG {border: 0px;}
BODY, FORM, FIELDSET, UL, OL, H1, H2, H3, H4, H5 {padding: 0; margin: 0;}
FIELDSET {border:0;}
HTML, BODY {height: 100%;}
BODY {background: url('../images/layout/backgrounds/bg-body.gif') top left repeat-x #6eb4d4; text-align: center; font-family: Arial, sans-serif; font-size: 11px; color: #565656;}
#main {width: 790px; margin-left: auto; margin-right: auto; text-align: left; position: relative; background: url('../images/layout/backgrounds/bg-main.gif') top left repeat-y;}

#left-shadow {width: 5px; height: 520px; background: url('../images/layout/backgrounds/bg-main-shadow-left.jpg') top left no-repeat; position: absolute; top: 0px; left: 0px;}
#right-shadow {width: 5px; height: 520px; background: url('../images/layout/backgrounds/bg-main-shadow-right.jpg') top left no-repeat; position: absolute; top: 0px; right: 0px;}

.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.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;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}


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

/* Header */
#header-holder {padding-top: 21px; background: url('../images/layout/backgrounds/bg-header-holder.jpg') top left no-repeat; padding-left: 5px; padding-right: 5px;}
#header {min-height: 152px; _height: 152px; position: relative; z-index: 2; background: url('../images/layout/backgrounds/bg-header.jpg') top left no-repeat #93140a;}
.srchfld { width:100px; height:16px; line-height:16px; border:0px;margin:0;margin-left:10px; text-indent: 5px; padding:0px; vertical-align:middle; background-image:url(../images/layout/backgrounds/srch.jpg); font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; }

#links { color: #fff; font-size: 9px; text-align: right; position: absolute; top: -19px; left: 0px; padding-right: 10px; width: 770px; _width: 780px; _wid\th: 770px;}
#links A {color: #fff; text-decoration: none; margin-right: 4px; margin-left: 4px; font-size: 10px;}
#links A:hover {text-decoration: underline;}

H1 {position: relative; overflow: hidden; width: 128px; font-size: 32px; text-align: right; left: 38px; top: 40px;xborder: 1px dashed blue;}
H1 A {display: block; height: 100%; color: #fff; text-decoration: none; height: 38px;}
H1 A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 38px; background: url('../images/layout/backgrounds/bg-logo2.gif') top left no-repeat; cursor: pointer; cursor: hand;}

.idsys {float:right; position: relative; overflow: hidden; width: 299px; height: 15px; font-size: 11px; text-align: right; left: -18px; top: 62px;xborder: 1px dashed silver;}
.idsys .idsholder {display: block; width: 299px; color: #fff; text-decoration: none; height: 15px;} 
.idsys .idsholder .idsplacer {position: absolute; top: 0px; left: 0px; width: 100%; height: 15px; background: url('../images/layout/backgrounds/bg-idsys.gif') top left no-repeat; cursor: default;}

.langs {display:none; float:right; position: absolute; font-size: 10px; text-align: right; xborder: 1px dashed green;}
.langs .langsholder {display: block; color: #fff; text-decoration: none; height: 20px; top: 7px; position: relative; right: 20px;} 
.langs .langsholder A { color: #fff; text-decoration: none; } 
.langs .langsholder A:hover { color: #fff; text-decoration: underline; } 


#nav {height: 37px; _height: 37px; _heig\ht: 36px; border-bottom: none;}
#nav #mnu {margin-top: 77px; _margin-top: 78px;border-BOTTOM:solid 1px WHITE;}
#nav LI {float: left; display: inline; list-style-type: none;}
#nav LI A {position: relative; display: block; height: 24px; _height: 37px; _heig\ht: 24px; padding-top: 13px; color: #9f0000; text-decoration: none; text-align: center; font-size: 11px; font-weight: bold; text-transform: uppercase; background-color: #e5e5e5;}
#nav LI A:hover {background-repeat: no-repeat;}
#nav LI A:hover SPAN {background-position: 0px -37px;}
#main #nav LI.act A SPAN {background-position: 0px -37px;}
#nav LI A SPAN { display: block; width: 100%; height: 37px; position: absolute; top: 0px; left: 0px; cursor: pointer; cursor: hand; background-position: top left; background-repeat: no-repeat;}
#nav .mnsipka { margin-left: 6px; margin-right: 6px; margin-top: 7px; float: right; margin-left: 140px;  position: absolute;}

#nav .submnu {width: 167px; visibility: hidden; position:absolute; z-index: 2; border-top: 1px solid #fff;}
#nav .submnu  UL {}
#nav .submnu .submnu {border-top: 0px;}
#nav .submnu .submnu  UL {border-top: 0px;}

#nav LI:hover .submnu {visibility: visible;}
#nav LI:hover A SPAN {background-position: 0 -37px;}

#nav .submnu LI {float: none; width: 100%; border-bottom: 0px;}
#nav .submnu LI A {text-align: left; text-transform: none; color: #c5c5c5; display: block; min-height: 20px; padding: 0px; height: auto; _height: 20px; font-size: 11px; font-weight: normal; background-color: #565656;}
#nav .submnu LI A:hover {color: #fff;}
#nav .submnu UL LI SPAN {background-image: none; position: static;  height: auto; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #828282; margin-left: 6px; width: 144px; _width: 156px; _widt\h: 144px; padding-left: 6px; padding-right: 6px;}
#nav .submnu UL LI.first SPAN {border-top: 0px;}
#nav .submnu UL LI.first LI SPAN {border-top: 1px solid #828282;}
#nav .submnu UL LI.first LI.first SPAN {border-top: 0px;}

#nav .submnu .submnu {margin-left: 158px; margin-top: -22px; border: 1px #828282 solid;}

#main #nav LI LI:hover A {color: #fff;}
#main #nav LI LI:hover LI A {color: #c5c5c5;}
#main #nav LI LI:hover LI A:hover {color: #fff;}
#nav LI:hover .submnu .submnu {visibility: hidden;}
#nav .submnu LI:hover .submnu {visibility: visible;}


.fake-nav-space {position: absolute; width: 1px; height: 100%; _height: 22px; z-index:10; top: -1px; left: -1px; background-color: #fff; filter: Alpha(opacity='0'); -moz-opacity:.0;}

#nav-1 {width: 148px;}
#nav-1 SPAN {background-image: url('../images/layout/nav/nav1.gif');}
#nav-2 {width: 166px;}
#nav-2 SPAN {background-image: url('../images/layout/nav/nav2.gif');}
#nav-3 {width: 153px;}
#nav-3 SPAN {background-image: url('../images/layout/nav/nav3.gif');}
#nav-4 {width: 154px;}
#nav-4 SPAN {background-image: url('../images/layout/nav/nav4.gif');}
#nav-5 {width: 159px;}
#nav-5 SPAN {background-image: url('../images/layout/nav/nav5.gif');}

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

/* Content */
.no-js {display: block; color: #aa0b0d; font-family: Verdana, sans-serif; font-size: 10px; margin-top: 5px; margin-bottom: 5px; text-align: center;}
.no-js A {color: #aa0b0d;}

#content {min-height: 270px; _height: 270px; border-top: 1px solid #fff; background: url('../images/layout/backgrounds/bg-content.gif') top left no-repeat #e9e9e9; margin-left: 5px; margin-right: 5px;  z-index: 1;}
#main .root {background: url('../images/layout/backgrounds/bg-content-root.gif') top left repeat-y;}
#boxes-holder {background: url('../images/layout/backgrounds/bg-boxes-holder.gif') top left repeat-y;}
#boxes {background: url('../images/layout/backgrounds/bg-boxes.gif') bottom left no-repeat; min-height: 165px; _height: 190px; _heigh\t: 165px; position: relative; padding-bottom: 25px;}
#boxes DIV {border-top: 1px solid #dfdfdf; width: 181px; _width: 191px; _widt\h: 181px; float: left; _display: inline; margin-left: 4px; padding: 5px;}
#boxes DIV H3 {font-size: 12px; color: #424242; text-transform: uppercase; font-weight: bold; position: relative; overflow: hidden;}
#boxes DIV H3 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 17px; background-repeat: no-repeat; background-position: top left;}
#boxes DIV P {font-size: 10px; margin-top: 1em; margin-bottom: 0;}
#boxes #box-1 {margin-left: 2px;}
#boxes #box-1 H3 SPAN {background-image: url('../images/content/headings/h3-box-1.gif');}
#boxes #box-2 {}
#boxes #box-2 H3 SPAN {background-image: url('../images/content/headings/h3-box-2.gif');}
#boxes #box-3 {}
#boxes #box-3 H3 SPAN {background-image: url('../images/content/headings/h3-box-3.gif');}
#boxes #box-4 {}
#boxes #box-4 H3 SPAN {background-image: url('../images/content/headings/h3-box-4.gif');}

A.button-more {width: 45px; _width: 51px; _widt\h: 45px; height: 15px; _height: 18px; _heig\ht: 15px; padding-left: 6px; padding-top: 3px; display: block; position: relative; overflow: hidden; color: #ad0000; font-size: 10px; text-transform: uppercase; text-decoration: none; background-color: #f0f0f0; position: absolute; bottom: 6px; margin-left: 130px;}
A.button-more SPAN {position: absolute; top: 0px; left: 0px; width: 51px; height: 100%; background: url('../images/content/buttons/button-more.gif') top left no-repeat; cursor: pointer; cursor: hand;}

#news-banners {background: url('../images/layout/backgrounds/bg-news-banners.gif') top left repeat-y; margin-top: 2px;}
#news {float: left; _display: inline; width: 522px; margin-left: 2px; margin-right: 2px; padding-bottom: 10px; background: url('../images/layout/backgrounds/bg-news.gif') 0px 24px  repeat-x;}
#news H3 {background-color: #424242; color: #fff; font-size: 16px; text-transform: uppercase; padding-top:3px; height: 21px; _height: 24px; _heig\ht: 21px; padding-left: 4px; position: relative; overflow: hidden;}
#news H3 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/content/headings/h3-news.gif') top left no-repeat;}
#news DIV {margin-left: 12px; margin-right: 15px; margin-top: 15px;}
#news IMG {float: left; _display: inline; border: 3px solid #dfdfdf; margin-right: 12px; width: 64px; height: 59px;}
#news H4 {color: #b20303; font-size: 11px; font-weight: bold; float: left; _display: inline; width: 412px;}
#news H4 A {text-decoration: none;}
#news P {margin-top: 0.5em; margin-bottom: 0; float: left; _display: inline; width: 412px; text-align: justify;}
#news A {color: #b20202;}

#banners {float: left; _display: inline; width: 251px;}
#banners A {display: block; margin-top: 3px;}
#banners #map {height: 178px; margin-top: 0;}
#banners #banner-configuration {height: 156px;}


#banners #loginform {border-top: 1px solid #dfdfdf; width: 251px; height: 129px float: left; _display: inline; margin-left: 0px; padding: 0px; }
#banners #loginform H3 {font-size: 12px; background-color: #424242; color: #424242; text-transform: uppercase;height: 25px; font-weight: bold; position: relative; overflow: hidden;}
#banners #loginform H3 SPAN {cursor: pointer; cur/sor: hand;position: absolute; top: 0px; left: 0px; width: 100%; height: 25px; background-repeat: no-repeat; background-position: top left;background-image: url(../images/content/headings/h3-e-shop.gif);}
#banners #loginform LABEL { display: block; width: 120px; color: #ffffff; font-weight: bold; font-size: 11px; line-height: 16px;}
#banners #loginform .logfld { background-color: #d63226; display: block; width: 241px; margin: 0px; margin-bottom: 4px; height: 100px; padding: 5px; background-position: top left; background-repeat: no-repeat; background-image: url(../images/layout/backgrounds/bg-shop.jpg); }
#banners #loginform .frmfield { width: 120px; margin-left: 0px;}
#banners #loginform .registrace { float: right; line-height: 30px; color: #ffffff;}
#banners #loginform #imageField { margin-left:51px; margin-top: 4px;}

#content-menu {float: left; _display: inline; width: 183px; margin-left: 2px; background: url('../images/layout/backgrounds/bg-content-menu.gif') top left repeat-x; min-height: 250px; _height: 250px; padding-top: 5px; padding-bottom: 20px;}
#content-menu UL {margin-left: 10px; margin-right: 10px; margin-top: 0;}
#content-menu LI {list-style-type: none; background: url('../images/layout/crumbs/li.gif') 0px 10px no-repeat; padding-left: 12px; border-bottom: 1px solid #e9e9e9;}
#content-menu LI A {color: #5b5b5b; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 6px; width: 100%;}
#content-menu LI A:hover {color: #b20202;}
#content-menu UL UL {margin-bottom: 8px; margin-top: 0px; margin-left: 1px;}
#content-menu UL UL LI {background: url('../images/layout/crumbs/li-li.gif') 0px 7px no-repeat; font-size: 10px; border-bottom: 0;}
#content-menu UL UL LI A {padding-top: 3px; padding-bottom: 2px;}

#page_content {float: left; _display: inline; background: url('../images/layout/backgrounds/bg-page_content.gif') top left repeat-x; margin-left: 5px; width: 557px; _width: 587px; _widt\h: 557px; min-height: 250px; _height: 250px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px;}
#page_content H2 {color: #b20202; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-top: 1em;}
#page_content H3 {color: #b20202; font-size: 14px; font-weight: bold; margin-top: 1em;}
#page_content H4 {font-weight: bold; font-size: 11px; margin-top: 1em;}
#page_content P {margin-top: 1em; margin-bottom: 0; text-align: justify;}
#page_content UL {margin-top: 1em; text-align: justify;}
#page_content OL {margin-top: 1em; text-align: justify;}
#page_content LI {list-style-type: none; background: url('../images/layout/crumbs/li.gif') 0px 5px no-repeat; padding-left: 8px; font-style: italic;}
#page_content HR {color: #cdcdcd; height: 1px; margin-top: 1em;}
#page_content H4.red {color: #b20202; font-weight: bold; font-size: 11px;}
#page_content A {color: #b20202; text-decoration: none;}
#page_content A:hover {text-decoration: underline;}
#page_content .img {border: 3px solid #dfdfdf;}
#page_content .imgl {float: left; _display: inline; margin-right: 15px; margin-bottom: 10px; border: 3px solid #dfdfdf;}
#page_content .imgr {float: right; _display: inline; margin-left: 15px; margin-bottom: 10px; border: 3px solid #dfdfdf;}
#page_content .gallery {margin-top: 1em;}
#page_content .gallery A {float: left; _display: inline; margin-right: 12px; margin-bottom: 12px;}
#page_content .poptform LABEL {
	display: inline-block; width: 70px;
	margin-left: 10px;
}
#page_content .poptform .altlabel{
	display: inline-block; width: 350px;
	margin-left: 10px;
	line-height: 30px;
}
#page_content .poptform SUP {
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	top: -5px;
}


#page_content #downloads {background-color: #f0f0f0; padding: 6px; margin-top: 15px;}
#page_content #downloads H4 {background: url('../images/layout/backgrounds/bg-donloads-h4.gif') top left no-repeat; padding-left: 18px; margin-top: 0; width: 520px; padding-top: 1px; padding-bottom: 2px;}
#page_content #downloads P {font-size: 9px; float: left; _display: inline; width: 265px; margin-top: 1em; margin-right: 6px;}
#page_content #downloads A {color: #9b9b9b;}
#page_content #downloads A STRONG {color: #b20202;}
#page_content #downloads A:hover {text-decoration: none;}

#page_content TABLE, #page_content TABLE TD, #page_content TABLE TH {border: 0px;}
#page_content TABLE TD, #page_content TABLE TH {padding: 2px 5px 2px 0px; vertical-align: top;}
#page_content TABLE.common {width: 100%; margin-top: 1em;}
#page_content TABLE.common TH, #page_content TABLE.common TD {padding: 5px 10px 5px 10px; border-right: 1px solid #fff;}
#page_content TABLE.common TH {background-color: #565656; color: #fff;}
#page_content TABLE.common TR.tr1 TD {background-color: #f0f0f0;}
#page_content TABLE.common TR.tr2 TD {background-color: #fff;}

/*
FORM .lab-chbx {float: left; _display: inline; margin-top: 4px; margin-right: 5px;}
FORM .lab-txt {float: left; _display: inline; margin-top: 10px; margin-right: 5px;}
#main FORM H4 {margin-top: 15px;}
FORM .f-box {padding: 10px 6px 10px 6px; background-color: #eeeeee; margin-top: 5px;}
FORM INPUT, FORM SELECT, FORM TEXTAREA {font-family: Arial, sans-serif; font-size: 11px; padding-top: 2px; padding-bottom: 2px; _height: 20px; _heig\ht: auto;}
FORM INPUT.txt {border: 1px solid #7f9db9; margin-top: 6px;}
FORM TEXTAREA {border: 1px solid #7f9db9; overflow: hidden; margin-top: 6px;}
FORM INPUT.button {background-color: #b20202; border: 1px solid #b20202; color: #fff; font-weight: bold; margin-top: 1em;}
*/
/*************************************************************************************************************************/

/* Footer */
#footer {background: url('../images/layout/backgrounds/bg-footer.jpg') top left no-repeat #6eb4d4; min-height: 9px; _height: 9px; color: #fff; font-size: 10px; padding-bottom: 2px;}
#footer A {color: #fff;}
#footer A:hover {text-decoration: underline;}
#footer #address {float: left; _display: inline; width: 530px; padding-left: 10px; margin-top: 10px;}
#footer #copyright {color: #195167; float: right; _display: inline; width: 230px; text-align: right; padding-right: 10px; margin-top: 10px;}
#footer #copyright A {color: #b20202;}


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