/* layout styles */

html { padding: 0; margin: 0; }
body { padding: 0 0 20px 0; margin: 0; zoom: 1;}

/* ul li { background-position: 7px 0.54em; } */

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }
.date { word-spacing: -1px; }

/* Layout */
#mother { width: auto; text-align: center; margin: 0; position: relative; }

/*
.col-left { width: 192px; margin: 0; float: left; overflow: hidden; }
.col-right { width: 608px; margin: 0; float: right; position: relative; }
*/
/* Header */
#header { position: relative;  width: 100%; background: url(img/bg-header.png) repeat-x 0 0; height: 109px; border-bottom: 1px solid #0d7fb8; z-index: 5;  }
.wrap1 { text-align: left; width: 930px; margin: 0 auto; position: relative; }

#logo { margin: 0; position: absolute; top: 22px; left: -15px;}
#logo img { margin: 0; padding: 0; border: 0; font-size: 300%; }

#header .claim { height: 45px; position: absolute; top: 22px; left: 195px; color: white; background: url(img/bg-claim.png) no-repeat 0 0; padding: 25px 0 0 35px; font-size: 143%; font-family: Arial, sans-serif;}


/* Footer */
#footer { background: url(img/bg-footer.png) no-repeat 50% 0; font-size: 92%; text-align: left; padding: 12px 20px; zoom: 1; }

#footer p { /* margin: 0.2em; */ }
#footer a {  }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu */
.main-menu { background: #0c72a5 url(img/bg-main-menu.png) repeat-x 0 0; text-transform: uppercase; font-size: 92%; border-bottom: 1px solid white; zoom: 1; position: relative; }
.main-menu .wrap1 { margin-bottom: -1px; }

.main-menu ul { margin: 0 0 0 -15px; padding: 0; float: left; _display: inline; position: relative; }
.main-menu ul li { margin: 0; padding: 0; float: left; background: none; }

.main-menu ul li a, .main-menu ul li a:visited { color: #ffffff; text-decoration: none; float: left; margin: 4px 0 0 0; =cursor: pointer; }
.main-menu ul li a span { padding: 5px 15px; float: left; zoom: 1;}

.main-menu ul li a:hover { color: #e5e5e5;}

.main-menu ul li.active a, .main-menu ul li.active a:visited { background: url(img/bg-main-menu-active.png) no-repeat 0 0; padding-left: 2px; color: #0a608a; =cursor: auto;}
.main-menu ul li.active a span { background: url(img/bg-main-menu-active.png) no-repeat 100% 0;}

#lang-menu { position: absolute; top: 120px; left: 760px; z-index: 10; }
#lang-menu ul { margin: 0; padding: 0; }
#lang-menu ul li { margin: 0 0 0 5px; padding: 0; background: none; float: left; border: 1px solid #EEEEE1; }
#lang-menu ul li.active { opacity: 0.5; =filter: alpha(opacity=50); }
#lang-menu ul li a { display: block; width: 16px; height: 11px; overflow: hidden; text-indent: -3000px;  }

#lang-menu ul li.flag-en a { background: url(img/flag-en.png) no-repeat 0 0; }
#lang-menu ul li.flag-cs a { background: url(img/flag-cs.png) no-repeat 0 0; }

/* Subheader */
#subheader { background: #FDB200 url(img/bg-subheader.png) repeat-x 0 100%; text-align: left; padding-bottom: 20px; padding-top: 1px; }
#mother.homepage #subheader { background: #fdb300 url(img/bg-subheader-home.png) repeat-x 0 100%; }
#subheader .dotlink { background-image: url(img/bullet-dotlink-intro.png); }

/* Breadcrumb */
#breadcrumb { font-size: 92%; background: url(img/bg-breadcrumb.png) repeat-x 0 100%; padding: 8px 0; }
#breadcrumb p { margin: 0; }
#breadcrumb p a { background: url(img/bullet-breadcrumb.png) no-repeat 100% 80%; padding-right: 15px; margin-right: 3px; }

/* Main */
#main { background: url(img/bg-main.png) no-repeat 50% 0; margin-top: -21px; }
#main .wrap1 { padding-top: 12px; width: 950px;}


/* Columns */
.col-content { float: right; width: 715px; }
.col-content .spc { padding: 20px 75px 20px 40px; zoom: 1;}
.col-side { float: left; width: 235px; background: #0b6a99 url(img/bg-col-side.png) repeat-x 0 100%; padding-bottom: 224px; color: white; }
.col-side .spc { background: url(img/bg-col-side-top.png) no-repeat 0 0; padding: 20px; zoom: 1;}

#mother.homepage .col-content { width: 100%; }
#mother.homepage .col-content .spc { padding: 0; }
#mother.homepage .col-side { display: none; }

/* Signpost */
.signpost { position: relative; background: url(img/bg-signpost.png) repeat-y 0 0; width: 950px;}
.signpost ul { margin: 0; padding: 7px 0 0 0; width: 100%; float: left;  background: url(img/bg-signpost-top.png) no-repeat 0 0;}
.signpost ul li { margin: 0; padding: 8px 0 0 0; float: left; width: 237px; background: none;  }
.signpost ul li.even { width: 238px; }
.signpost ul li a { margin: 0 0 0 13px; padding: 0 10px; display: block; background: url(img/bg-side-menu-li.png) no-repeat 0 0; height: 28px; line-height: 26px; text-decoration: none; text-transform: uppercase; color: #333333; font-weight: bold;}
.signpost ul li a:hover { background-position: 0 -100px; }
.signpost ul li .desc { color: white; padding: 10px 17px 10px 17px; }


/* Home - news */
.date { background: url(img/ico-date.png) no-repeat 0 50%; padding-left: 20px; color: #999999; margin: 0; }
.home-news { float: left; width: 237px; }
.home-news ul { margin: 0 0 5px; padding: 0; }
.home-news ul li { margin: 0 0 10px 0; padding: 0; background: none; }
.home-news ul li h3 { margin: 0; padding: 0; }
.home-news ul li .desc { font-size: 92%; }

.home-jobs { float: left; width: 238px; }
.home-jobs ul { margin: 0 0 5px; padding: 0; }
.home-jobs ul li { margin: 0; padding: 5px 0; border-top: 1px solid #dadbdc; background: none; }
.home-jobs ul li:first-child { border-top: 0; }
.home-jobs ul li { _border-top: expression(this.parentNode.firstChild == this ? '0': false); }
.home-jobs ul li .date { float: right; }
.home-jobs ul li h3 { margin: 0; padding: 0; font-size: 100%; }

.home-bottom { margin-top: 1px; }
#mother.homepage .home-bottom .spc { padding: 2px 20px;  }
.home-bottom .col-left { float: left; width: 475px; background: url(img/bg-home-bottom-left.png) repeat-x 0 0; }
.home-bottom .col-right { float: right; width: 475px; background: url(img/bg-home-bottom-right.png) repeat-x 0 0; }

/* Side menu */
.side-menu { margin: 0 -7px;  }
.side-menu ul { margin: 0 0; padding: 0; }
.side-menu ul li { margin: 0 0 5px 0; padding: 0; background: none;  zoom: 1; }
.side-menu ul li a { margin: 0; padding: 0 10px; display: block; background: url(img/bg-side-menu-li.png) no-repeat 0 0; height: 28px; line-height: 28px; text-decoration: none; text-transform: uppercase; color: #333333; zoom: 1; }
.side-menu ul li a:visited { color: #333333; }
.side-menu ul li a:hover { background-position: 0 -100px; }

.side-menu ul li.expanded { background: #e7e7e7 url(img/bg-side-menu-etop.png) no-repeat 0 0; }
.side-menu ul li.expanded a { background: none; color: #333333; }

.side-menu ul li.expanded ul { margin: 0; padding: 0 0 5px 0; background: url(img/bg-side-menu-ebot.png) no-repeat 0 100%; zoom: 1;}
.side-menu ul li.expanded ul li { margin: 2px 0 10px 10px; padding: 0; }
.side-menu ul li.expanded ul li a { margin: 0; padding: 0 0 0 18px ; display: block; background: url(img/bullet-side-menu.png) no-repeat 0 50%; height: auto; line-height: 1.2; text-transform: none; }

.side-menu ul li.expanded ul li a:hover { color: #1a76a4; text-decoration: underline; background-position: 0 50%; }
.side-menu ul li.expanded ul li.active a { color: #1a76a4; text-decoration: none; }

.annot { font-size: 100%; font-size: 116.7%; color: #03202e; margin-bottom: 20px; }
.annot p { margin: 0;}

#content { overflow: hidden; padding-bottom: 15px; }

.featured-image { margin: 0 20px 15px 0; border: 1px solid #DCD8CE; padding: 5px; float: left; }
.featured-image img { margin: 0 0 3px 0; border: 0; padding: 0; display: block; }
.featured-image .desc { margin: 0; font-style: italic; }

.content ul li { overflow: hidden; }

/* News */
.news ul { margin: 0; padding: 0; }
.news ul li { margin: 0; padding: 0; background: none; }
.news ul li .img-box { margin: 5px 0 0 0; padding: 0; background: none; float: left; width: auto; height: auto;  }
.news ul li .desc { margin-left: 160px; }
.news ul li h2 a { text-decoration: none; }
.news ul li h2 a .name { text-decoration: underline; }
.news ul li h2 .name { margin-left: 18px; }
.news ul li.no-img .desc, .news ul li.no-img h2 .name { margin-left: 0; }

/*
.img-box { float: left; width: 145px; height: 145px; background: url(img/bg-att-image.png) no-repeat 0 0; display: table; margin-top: 10px; margin-right: 15px; _display: inline; }
*/
/*
.img-box .in { display: table-cell; vertical-align: middle; =display: block; =height: 100%;}
.img-box img { display: block; margin: 0 auto; padding: 0; border: 0; =margin-top: expression((this.parentNode.offsetHeight - this.offsetHeight)/2 + 'px'); _color: expression(this.onclick = function(){ this.parentNode.click(); } );  cursor: pointer; }
*/
.att-images { margin-top: 25px; clear: both; }
.att-images .img-box { margin: 0; }
.att-images h2 { margin-bottom: 10px; }
.att-images ul { margin: 0 0 0 0; float: left;}
.att-images li { margin: 0 0 8px 8px; float: left; padding: 0; background: none; _display: inline; }
.att-images li:first-child { margin-left: 0; }
.att-images li { _margin-left: expression(this.parentNode.firstChild == this ? "0" : "20px"); }
.att-images .img-box img { _color: #333333; }

/* Forms */
input { vertical-align: middle; }
input, select { font-family: Tahoma, Arial, sans-serif; font-size: 100%; }
input[type=checkbox], input[type=radio] { padding: 0; margin: 0 3px 0 0; vertical-align: -1px; }

form { margin: 0; padding: 0; }
form p { margin-bottom: 0.5em; }
.formbox { background: #D7D0C9; padding: 10px 20px; }

.formbox .inp-text { border: 1px solid #ACA899; border-right-color: #FDF9EA; border-bottom-color: #FDF9EA; }
.formbox .inp-text:focus { background: #F0EFE5; }

.paging { text-align: right; margin: 1em 0;  background: #f8f8f8; padding: 5px; font-size: 92%; }
.paging a { margin-left: 2px; border: 1px solid #e2e2e2; background: white; padding: 3px 6px; }
.paging a.active { font-weight: bold; }

.btn-submit { padding: 3px 8px; }

.fm-box { background: #0c70a2; color: white; padding: 20px 0 20px 20px; margin: 5px 0; }

.fm-col { width: 100%; overflow: hidden;}
.fm-spc { padding-right: 12px; padding-bottom: 5px; }

.fm-spc h3 { padding-top: 12px; margin: 0 0 5px; clear: both; }

.fm-box h2, .fm-box h3, .fm-box h4 { color: white; }

.fm-box h2 { margin-top: 1em; }
.fm-box h2:first-child { margin-top: 0.5em; }

.inp-text { vertical-align: bottom; padding: 2px 0; border: 1px solid #333333; }

.error-message { color: #9F3627; background: white; font-weight: bold; border: 3px solid #9F3627; padding: 10px 20px; margin-bottom: 15px; margin-right: 20px; zoom: 1;}
.error-message h3 { background: red; color: white; margin: -10px -20px 15px; padding-left: 20px; zoom: 1;}
.error { background: red; color: white; font-weight: bold; }

input.radio { vertical-align: top;}

#contact-form h2 { margin-bottom: 0; }

/* Widths */
.w-full { width: 100%; }
.w-75 { width: 75%; }
.w-half { width: 50%; }
.w-third { width: 31%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.col-h-l { width: 48%; float: left; display: inline; }
.col-h-r { width: 48%; float: right; display: inline; }

div.params { /* border-bottom: 1px solid #E4E4E4; padding-bottom: 1px; */ margin-bottom: 0.5em;}
table.params { width: auto; clear: none; font-size: 92%; }
table.params td { border: 0; padding : 1px 15px 1px 0; }
table.params td strong { background: url(img/bullet-breadcrumb.png) no-repeat 0 0.3em; padding-left: 12px;}

a.btn-test, a.btn-test:visited { display: block; background: url(img/bg-btn-test.png) no-repeat 0 0; height: 33px; line-height: 33px; width: 187px; color: white; font-size: 100%; font-weight: bold; font-family: Arial, sans-serif; text-transform: uppercase; padding-left: 18px; text-decoration: none;}
a.btn-test:hover { background-position: 0 -100px; color: white; }

.home-intro { width: 560px; min-height: 175px; }
.home-intro h1 { margin-top: 25px; }
.home-test { position: absolute; bottom: -12px; right: 0; width: 339px; height: 201px; background: url(img/bg-home-test.png) no-repeat 0 0; }
.home-test .in { padding: 75px 20px 0 110px; font-size: 109%; font-family: Arial, sans-serif; line-height: 1.3; }

.home-bottom h2 { color: #333333; }

/* Search results */
.search-results ul { margin: 20px 0; padding: 0; list-style: none; }
.search-results ul li { margin: 0 0 1.8em 50px; padding: 0 0 0 0; background: none; }
.search-results ul li .number { color: #0B6A99; font-size: 150%; font-weight: bold; float: left; width: 60px; margin: -0.2em 0 0 -75px;  text-align: right; font-family: Arial, Helvetica, sans-serif; position: relative;}
.search-results ul li h3 { margin: 0 0 0.3em 0; display: inline; }
.search-results ul li p { margin: 0 0 0.3em 0; }
.search-results ul li .desc { margin: 0.3em 0 0 0; }
.search-results ul li .url a { color: #008000;}

.search-form .fm-box { padding-top: 10px; padding-bottom: 10px; }

.satisfaction-popup {  position: fixed; bottom: 0; right: 0; width: 100%; font-size: 11px; }
.satisfaction-popup .inner { padding: 10px 20px; background: #FEC507; color: #000; width: 80%; margin: 0 auto; position: relative; }
.satisfaction-popup .inner .tl { background: url(img/bg-round-tl.png) no-repeat 0 0; width: 10px; height: 10px; position: absolute; top: 0; left: 0; _display: none; }
.satisfaction-popup .inner .tr { background: url(img/bg-round-tr.png) no-repeat 0 0; width: 10px; height: 10px; position: absolute; top: 0; right: 0; _display: none; }
.satisfaction-popup a  { color: #000; }
.satisfaction-popup h2 { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 3px; }
.satisfaction-popup p { margin: 0; }
.satisfaction-popup .close { position: absolute; top: 7px; right: 15px; font-size: 13px; font-weight: bold; padding-left: 23px; background: url(img/cancel.png) no-repeat 0 55%; }