	/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { overflow-y: scroll }
body { color: #000; background: #b6b6b6 url(/image/bg-body.jpg) no-repeat 50% -14px; font: normal 12px/15px Arial, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #000; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */
#page { width: 871px; margin: 0 auto; padding: 0 23px 0 0; }


/* top */
#top { height: 70px; padding: 14px 0 0 36px; background: url(/image/bg-top.png) no-repeat 0 43px; }
#top #mod-lang { height: 15px; margin: 0 0 14px; text-align: right; }
#top #mod-lang li { display: inline; padding: 0 0 0 5px; }
#top #logo { float: left; padding: 4px; }
#top #nav { height: 39px; line-height: 39px; float: left; padding: 0 0 0 30px; }
#top #nav li { float: left; padding: 0 1px; background: url(/image/icon-divider-3.png) no-repeat 0 14px; font-size: 14px; }
#top #nav li:first-child { background: none; }
#top #nav li a { line-height: 30px; float: left; padding: 0 14px; border-top: 5px solid #fff; color: #000; text-decoration: none; }
#top #nav li a.act,
#top #nav li a:hover { border-color: #989898; }
#top #search { width: 242px; height: 39px; line-height: 39px; float: right; margin: 0 -22px 0 0; padding: 0 0 0 10px; background: url(/image/bg-search.png) no-repeat 0 0; }
#top #search .text { width: 121px; margin: 0 0 0 10px; }
#top #search .image { margin: 0 0 -5px 2px; }

#subtop { height: 177px; padding: 10px 0 0; }
#subtop #sublogo { float: left; margin: 40px 0 0 60px; }


/* content */

#content { width: 660px; float: right; padding: 0 25px; background: #fff url(/image/bg-content.gif) no-repeat 0 -40px; }
#content #cnt-end { display: block; width: 710px; height: 40px; clear: both; margin: 0 -25px; background: url(/image/bg-cnt-end.png) no-repeat 0 100%; }
#content #cnt-top { display: block; width: 685px; height: 59px; margin: 0 -25px; padding: 10px 0 0 25px; background: #b6b6b6 url(/image/bg-content.gif) no-repeat 0 0; }
#content #cnt-top #header { float: left;  line-height: 1.1em;  color: #fff; font-size: 24px; }
#content #cnt-top #header a { color: #fff; text-decoration: underline; }

#content #cnt-top #breadcrumbs { float: right; text-align: left; }
#content #cnt-top #breadcrumbs li { display: inline; padding: 0 0 0 10px; background: url(/image/icon-arrow-3.png) no-repeat 2px 4px; font-size: 10px; }
#content #cnt-top #breadcrumbs li:first-child { padding: 0; background: none }
#content #cnt-top #breadcrumbs li a { color: #fff; }

/* sub content */
#content.cnt-clear { width: 710px; padding: 0; background: none; }
#content.cnt-clear #cnt-top { height: 34px; margin: 0; padding: 10px 10px 0 25px; background: none; }
#content.cnt-clear #cnt-end { display: none; }

#content.cnt-col {  width: 420px; float: left; margin: 0 0 0 6px; padding: 0 25px; background: #fff url(/image/bg-content-col.gif) no-repeat 0 0; }
#content.cnt-col #cnt-top { width: 445px; margin: 0 -25px; padding: 10px 0 0 25px; background: #b6b6b6 url(/image/bg-content-col.gif) no-repeat 0 0; }
#content.cnt-col #cnt-end { width: 470px; margin: 0 -25px; background: url(/image/bg-cnt-end-col.gif) no-repeat 0 100%; }
#content.cnt-col #cnt-top #breadcrumbs { position: relative; right: -240px; }



#content .img-left { float: left; margin: 0 10px 10px 0; }
#content .img-right { float: right; margin: 0 0 10px 10px; }
#content p { margin: 0 0 15px; }
#content .lead { line-height: 20px; font-size: 17px; }
#content .lead .date { line-height: 15px; padding: 1px 10px 1px 3px; color: #fff; background: #b6b6b6 url(/image/icon-arrow-2.png) no-repeat 100% 0; font-size: 10px; }

.cnt-clear .mod-boxes { width: 720px; position: relative; margin: 0 -5px; }
.cnt-clear .mod-boxes li { float: left; margin: 5px; }
.cnt-clear .mod-box { position: relative; width: 330px; height: 220px; padding: 10px; }
.cnt-clear .mod-box a { color: #fff; }
.cnt-clear .mod-box h4 { width: 200px; height: 30px; line-height: 30px; padding: 0 0 0 10px; font-size: 14px; }
.cnt-clear .mod-box .desc { padding: 20px 10px; color: #fff; }
.cnt-clear .mod-box ul { padding: 3px 10px 0; color: #2e2e2e; }
.cnt-clear .mod-box li { width: auto; height: auto; float: none; margin: 0; padding: 3px 10px; border-top: 1px solid #d2d2d2; background: url(/image/icon-arrow-8.png) no-repeat 0 9px;  }
.cnt-clear .mod-box li:first-child { border: 0; }
.cnt-clear .mod-box li:last-child { position: absolute; left: 20px; bottom: 17px; width: 290px; }
.cnt-clear .mod-box .more { display: block; }
.cnt-clear .mod-prod-2 { background: url(/image/bg-box-2-1.png) no-repeat 0 0; }
.cnt-clear .mod-prod-2 h4 { background: url(/image/bg-box-2-hd.png) no-repeat 0 0; }
.cnt-clear .mod-prod-2 li { border-color: #00c4ff; background: url(/image/icon-arrow-5.png) no-repeat 0 9px; }
.cnt-clear .mod-prod-3 { background: url(/image/bg-box-3-1.png) no-repeat 0 0; }
.cnt-clear .mod-prod-3 h4 { background: url(/image/bg-box-3-hd.png) no-repeat 0 0; }
.cnt-clear .mod-prod-3 li { border-color: #b4ef47; background: url(/image/icon-arrow-6.png) no-repeat 0 9px; }
.cnt-clear .mod-prod-4 { background: url(/image/bg-box-4-1.png) no-repeat 0 0; }
.cnt-clear .mod-prod-4 h4 { background: url(/image/bg-box-4-hd.png) no-repeat 0 0; }
.cnt-clear .mod-prod-5 { background: url(/image/bg-box-5-1.png) no-repeat 0 0; }
.cnt-clear .mod-prod-5 h4 { background: url(/image/bg-box-5-hd.png) no-repeat 0 0; }
.cnt-clear .mod-prod-5 li { border-color: #ffa601;  }


.btn-mod { position: relative; margin: 0 -10px; }
.btn-mod .btn { float: left; margin: 5px; }


.pagination { height: 30px; clear: both; padding: 40px 0 0; }
.pagination ul { padding: 5px 0 0; border-top: 1px solid #d2d2d2; }
.pagination ul li { float: left;  padding: 0 10px;}
.pagination ul li:first-child { padding-left: 0; background: url(/image/icon-divider-2.png) no-repeat 100% 2px; }
.pagination ul li:last-child { float: right; padding-right: 0; }
.pagination ul li a { color: #000; }


/* side-bar-0 */
#side-bar-0 { width: 155px; float: left; padding: 65px 0 0; }
#side-bar-0 .header { padding: 0 0 8px 17px;  color: #fcfcfc; background: url(/image/icon-arrow-1.png) no-repeat 5px 5px; font-size: 12px; }
#side-bar-0 .header a { color: #fcfcfc; }
#side-bar-0 .mod-news {  }
#side-bar-0 .mod-news li { padding: 5px 0; border-top: 1px solid #d2d2d2; }
#side-bar-0 .mod-news .date { display: block; padding: 0 17px; color: #fcfcfc; font-size: 10px; }
#side-bar-0 .mod-news .title { display: block; padding: 0 17px; color: #000; background: url(/image/icon-arrow-1.png) no-repeat 5px 5px; }
#side-bar-0 .mod-prods-menu .header a , #side-bar-0 .mod-prods-menu .header { font-weight: bold; }
#side-bar-0 .mod-prods-menu .header-1 a { color: #0d4e83; }
#side-bar-0 .mod-prods-menu .header-2 a { color: #3ea606; }
#side-bar-0 .mod-prods-menu .header-3 a { color: #414141; }
#side-bar-0 .mod-prods-menu .header-4 a { color: #d35109; }
#side-bar-0 .mod-prods-menu ul { padding: 0 0 15px; }
#side-bar-0 .mod-prods-menu li a { display: block; margin: 0 0 0 17px; color: #fff; }
#side-bar-0 .mod-prods-menu li { margin-bottom: 5px; }

#side-bar-0 .mod-menu { margin: -12px 0 0; }
#side-bar-0 .mod-menu li { padding: 5px 0 0; border-top: 1px solid #d2d2d2; }
#side-bar-0 .mod-menu li:first-child { border: 0; }
#side-bar-0 .mod-menu li a { display: block; padding: 0 0 8px 17px; color: #fcfcfc; background: url(/image/icon-arrow-1.png) no-repeat 5px 5px; }


.mod-box h4 a { font-weight: bold !important; }
#side-bar-1 { width: 230px; float: right; padding: 48px 0 0; }
#side-bar-1 .mod-box { margin-bottom: 15px; width: 210px; height: 135px; padding: 5px 5px 0 15px; background: url(/image/bg-box-5.png) no-repeat 0 0; }
#side-bar-1 .mod-box h4 { width: 130px; float: left; padding: 5px 0 0; background: none; text-transform: lowercase; font-size: 12px }
#side-bar-1 .mod-box h4 a { font-weight: bold; }
#side-bar-1 .mod-box .img { float: right; }
#side-bar-1 .mod-box a { color: #2e2e2e; }
#side-bar-1 .mod-box p,
#side-bar-1 .mod-box ul { clear: both; margin: 0 0 0 -10px; padding: 3px 0 0; color: #2e2e2e; }
#side-bar-1 .mod-box li { width: auto; height: auto; float: none; margin: 0; padding: 3px 10px; border-top: 1px solid #d2d2d2; background: url(/image/icon-arrow-8.png) no-repeat 0 9px;  }
#side-bar-1 .mod-box li:first-child { border: 0; }
#side-bar-1 .mod-box .more { display: block; }
#side-bar-1 .mod-promo { background: url(/image/bg-box-1.png) no-repeat 0 0; }
#side-bar-1 .mod-promo a { color: #fcfcfc; }
#side-bar-1 .mod-promo li { border-color: #fa444b; background: url(/image/icon-arrow-4.png) no-repeat 0 9px; }
#side-bar-1 .mod-cert { background: url(/image/bg-box-6.png) no-repeat 0 0; }
#side-bar-1 .mod-prod-1 { background: url(/image/bg-box-2.png) no-repeat 0 0; }
#side-bar-1 .mod-prod-1 a { color: #fcfcfc; }
#side-bar-1 .mod-prod-1 li { border-color: #00c4ff; background: url(/image/icon-arrow-5.png) no-repeat 0 9px; }
#side-bar-1 .mod-prod-2 { background: url(/image/bg-box-3.png) no-repeat 0 0; }
#side-bar-1 .mod-prod-2 a { color: #fcfcfc; }
#side-bar-1 .mod-prod-2 li { border-color: #b4ef47; background: url(/image/icon-arrow-6.png) no-repeat 0 9px; }
#side-bar-1 .mod-prod-3 { background: url(/image/bg-box-4.png) no-repeat 0 0; }
#side-bar-1 .mod-prod-3 a { color: #3d3d3d; }
#side-bar-1 .mod-prod-3 li { border-color: #fff; background: url(/image/icon-arrow-7.png) no-repeat 0 9px; }
#side-bar-1 .mod-prod-6 { background: url(/image/bg-box-7.png) no-repeat 0 0; }
#side-bar-1 .mod-prod-6 a { color: #fff; }
#side-bar-1 .mod-prod-6 li { border-color: #ffa601; background: url(/image/icon-arrow-4.png) no-repeat 0 9px; }


/* homepage */
#homepage { background: #b6b6b6 url(/image/bg-hp-body.jpg) repeat-x 0 0;  }
#homepage #page { width: 894px; padding: 0; background: url(/image/bg-hp-page.jpg) no-repeat 100% 111px; }
#homepage #top { height: 92px; margin: 0; }
#homepage #top #mod-lang { padding: 0 22px 0 0; }
#homepage #top #search { margin: 0; }
#homepage #subtop { height: 155px; overflow: hidden; }
#homepage #subtop .mod-box { float: right; margin: 10px 20px;  }
#homepage #content { width: 735px; height: 323px; margin: 0 0 0 -2px; padding: 0 0 10px;  background: none; }
#homepage #content #cnt-end { display: none; }
#homepage .mod-boxes li { width: 230px; height: 140px; float: left; margin: 5px; overflow: hidden; }
#homepage .mod-box { width: 210px; height: 135px; padding: 5px 5px 0 15px; background: url(/image/bg-box-5.png) no-repeat 0 0; }
#homepage .mod-box h4 { width: 130px; float: left; padding: 5px 0 0; background: none; text-transform: lowercase; font-size: 12px; font-weight: bold; }
#homepage .mod-box h4 a { font-weight: bold; }
#homepage .mod-box .img { float: right; }
#homepage .mod-box a { color: #2e2e2e; }
#homepage .mod-box p { clear: both; margin: 0 0 5px; padding: 3px 0 0; color: #2e2e2e; }
#homepage .mod-box p .more { margin: 2px 0 -2px; }
#homepage .mod-box ul { clear: both; margin: 0 0 0 -10px; padding: 3px 0 0; color: #2e2e2e; }
#homepage .mod-box li { width: auto; height: auto; float: none; margin: 0; padding: 3px 10px; border-top: 1px solid #d2d2d2; background: url(/image/icon-arrow-8.png) no-repeat 0 9px;  }
#homepage .mod-box li:first-child { border: 0; }
#homepage .mod-box .more { display: block; }
#homepage .mod-promo { background: url(/image/bg-box-1.png) no-repeat 0 0; }
#homepage .mod-promo a { color: #fcfcfc; }
#homepage .mod-promo li { border-color: #fa444b; background: url(/image/icon-arrow-4.png) no-repeat 0 9px; }
#homepage .mod-cert { background: url(/image/bg-box-6.png) no-repeat 0 0; }
#homepage .mod-cert .more { background: url(/image/icon-arrow-8.png) no-repeat 62px 6px;  }
#homepage .mod-prod-1 { background: url(/image/bg-box-2.png) no-repeat 0 0; }
#homepage .mod-prod-1 a { color: #fcfcfc; }
#homepage .mod-prod-1 li { border-color: #00c4ff; background: url(/image/icon-arrow-5.png) no-repeat 0 9px; }
#homepage .mod-prod-2 { background: url(/image/bg-box-3.png) no-repeat 0 0; }
#homepage .mod-prod-2 a { color: #fcfcfc; }
#homepage .mod-prod-2 li { border-color: #b4ef47; background: url(/image/icon-arrow-6.png) no-repeat 0 9px; }
#homepage .mod-prod-3 { background: url(/image/bg-box-4.png) no-repeat 0 0; }
#homepage .mod-prod-3 a { color: #3d3d3d; }
#homepage .mod-prod-3 li { border-color: #fff; background: url(/image/icon-arrow-7.png) no-repeat 0 9px; }

#homepage #side-bar-0 { width: 135px; padding: 155px 0 0 20px; }
#homepage #side-bar-0 #mod-map .link { padding: 0 0 0 14px; color: #fff; background: url(/image/icon-arrow-7.png) no-repeat 5px 5px; }
#homepage #footer { width: 850px; padding: 30px 10px 0; background-position: 150px 100%; }


/* footer */
#footer { width: 870px; height: 37px; clear: both; margin: 0 auto; padding: 30px 24px 0 0; background: url(/image/bg-footer.png) no-repeat 161px 100%; font-size: 10px; text-transform: uppercase; }
#footer .inner { width: 685px; height: 37px; line-height: 37px; float: right; padding: 0 10px; }
#footer ul { float: left; }
#footer ul li { display: inline; padding: 0 10px; background: url(/image/icon-divider-1.png) no-repeat 0 2px; }
#footer ul li:first-child { background: none; }
#footer ul li a { color: #000; }
#footer #madeby { float: right; color: #767676 }
#footer #madeby a { color: #767676 }

.menu-active a { color: #f0222b !important; text-decoration: underline !important; }

.search-record{ margin: 0 0 10px 0; }
.search-record .search-record-title{ font-weight: bold; margin: 0; padding: 0; }
.search-record .search-record-title a { font-weight: bold; }
.search-record .search-record-desc { margin: 0; padding: 0; }

#subheader{  line-height: 1.1em;  font-size: 20px; margin: 0 0 10px 0; }

.rekordGaleria div { float: left; margin: 5px; width: 150px; height: 130px; }
.rekordGaleria div a { display: block; }
