/*
	 * AMBER @2008
	 * 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; }

#nav ul, #nav li,
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html {  }
body { background: #2152a5 url(/image/bg-body.png) repeat-x 0 0; font: normal 0.68em/1.4em Verdana, Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #2152a5; text-decoration: none; }
a:focus, a.focus, a:hover { color: #384458; text-decoration: underline; }

#wrapper:after,
.projects-short-list .clear-list:after,
.clear-list .item:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 958px; margin: 0 auto; background: url(/image/bg-page.png) no-repeat 0 0; }
#wrapper { width: 950px; padding: 0 4px; background: url(/image/bg-wrapper.png) repeat-y 0 0; }

/* top */
#top { height: 308px; margin: 0 4px; background: url(/image/bg-top.png) no-repeat 0 100%; }
#top #nav { position: relative; height: 49px; padding: 10px 1px 0; background: url(/image/bg-nav.png) no-repeat 0 0; } /* 6 */
#top #nav li { position: relative; width: 158px; height: 28px; float: left; padding: 0 0 14px; background: url(/image/icon-divider-1.png) no-repeat 0 50%; }
#top #nav li:first-child { background: none; } /* 6 */
#top #nav li:hover ul { display: block; } /* 6 */
#top #nav li a { display: block; width: 100%; height: 100%; text-indent: -100em; overflow: hidden; }
#top #nav li.item-1 a { background: url(/image/bg-item-1.png) no-repeat 50% 0; }
#top #nav li.item-2 a { background: url(/image/bg-item-2.png) no-repeat 50% 0; }
#top #nav li.item-3 a { background: url(/image/bg-item-3.png) no-repeat 50% 0; }
#top #nav li.item-4 a { background: url(/image/bg-item-4.png) no-repeat 50% 0; }
#top #nav li.item-5 a { background: url(/image/bg-item-5.png) no-repeat 50% 0; }
#top #nav li.item-6 a { background: url(/image/bg-item-6.png) no-repeat 50% 0; }
#top #nav li a:hover { background-position: 50% 100% !important; }
#top #nav ul { position: absolute; left: 0; top: 42px; display: none; width: 159px; }
#top #nav ul li { width: 159px; height: 27px; padding: 0; background: none; }
#top #nav ul li a { width: 135px; height: 20px; padding: 7px 12px 0; background: url(/image/bg-item.png) no-repeat 0 0 !important; text-indent: 0; font-weight: bold; }

#top #logo { width: 318px; height: 211px; float: left; margin: -10px 0 0; padding: 40px 0 0; }
#top #logo h1 { height: 114px; margin: 0 0 70px; text-align: center; }
#top .quick-links { width: 93px; float: right; }
#top .quick-links li { float: left; width: 11px; height: 10px; padding: 2px 10px; background: url(/image/icon-divider-2.png) no-repeat 0 50%; }
#top .quick-links li:first-child { background: none; } /* 6 */
#top .quick-links li a { display: block; width: 11px; height: 10px; text-indent: -100em; overflow: hidden; }
#top .quick-links .link-home a { background: url(/image/icon-home.png) no-repeat 0 0 ; }
#top .quick-links .link-mail a { background: url(/image/icon-mail.png) no-repeat 0 0 ; }
#top .quick-links .link-site-map a { background: url(/image/icon-site-map.png) no-repeat 0 0 ; }
#top #banner { width: 632px; height: 251px; float: right; margin: -10px 0 0;  }


/* homepage */
#homepage .projects-short-list { position: relative; margin: -7px 0 0; background: #2152a5 url(/image/bg-projekty-top.png) no-repeat 0 0; }
#homepage .projects-short-list .clear-list { padding: 5px; background: url(/image/bg-projekty-bottom.png) no-repeat 0 100%; }
#homepage .projects-short-list .pr-item { width: 225px; height: 225px; float: left; padding: 10px 0 10px 10px; background: url(/image/icon-divider-3.png) no-repeat 0 10px; }
#homepage .projects-short-list .pr-item:first-child { background: none; } /* 6 */
#homepage .projects-short-list .pr-item .pr-img { display: block; width: 216px; height: 146px; padding: 0 8px 9px 0; background: url(/image/bg-pr-img.png) no-repeat 0 0; } /* 6 */
#homepage .projects-short-list .pr-item .pr-img img { display: block; border: 2px solid #fff; }
#homepage .projects-short-list .pr-item .pr-desc { width: 220px; color: #fff; }
#homepage .projects-short-list .pr-item .more { width: 50px; height: 20px; float: right; padding: 1px 3px; color: #fff; background: url(/image/bg-more-1.png) no-repeat 0 0; font-size: 0.8em; } /* 6 */
#homepage .projects-short-list .pr-item .more:hover { color: #fff; }


.short-list { width: 450px; float: left; padding: 10px; }
.short-list .inner { width: 450px; margin: -10px -10px 0; padding: 15px 10px 0; }
.short-list .header { padding: 0 0 0 25px; font-size: 1.1em; font-weight: bold; } /* text-transform: lowercase; */ 
.short-list .more-all { position: relative; float: right; margin: -15px 0 0; text-decoration: underline; }
.short-list .clear-list { clear: both; padding: 2em 0 0; }
.short-list .item { margin: 0 0 1.5em; padding: 0 0 1em; }
.short-list .item:last-child { margin: 0; background: none; } /* 6, 7 */
.short-list .item-hd { color: #2152a5;  font-weight: bold; float: left; font-size: 1em; }
.short-list .item-hd a { font-weight: bold; }
.short-list .item-logo { height: 30px; float: right; margin: 0 0 -20px; }
.short-list .item-date { display: block; clear: both; padding: 7px 0 10px; }
.short-list .item-desc { padding: 0 20px 0 0; }
.short-list .item-desc .img-left { float: left; margin: 0 7px 7px 0; border: 2px solid #fff; }
.short-list .item-desc .img-right { float: right; margin: 0 0 7px 7px; border: 2px solid #fff; }
.short-list .more { width: 50px; height: 20px; float: right; padding: 1px 3px; color: #fff; background: url(/image/bg-more-2.png) no-repeat 0 0; font-size: 0.8em; } /* 6 */
.short-list .more:hover { color: #fff; }

.short-list1 { background: url(/image/bg-short-list1-bottom.png) no-repeat 0 100%; }
.short-list1 .inner { background: url(/image/bg-short-list1-top.png) no-repeat 0 0; }
.short-list1 a { color: #004d00; }
.short-list1 .header { color: #fff; background: url(/image/icon-amber-1.png) no-repeat 0 50%; }
.short-list1 .item { background: url(/image/bg-line-1.png) no-repeat 0 100%; }
.short-list1 .more-all { color: #fff; }
.short-list1 .item-date { color: #004d00; }

.short-list2 { float: right; background: url(/image/bg-short-list2-bottom.png) no-repeat 0 100%; }
.short-list2 .inner { background: url(/image/bg-short-list2-top.png) no-repeat 0 0; }
.short-list2 a { color: #2152a5; }
.short-list2 .header { color: #2152a5; background: url(/image/icon-amber-2.png) no-repeat 0 50%; }
.short-list2 .item { background: url(/image/bg-line-2.png) no-repeat 0 100%; }
.short-list2 .more-all { color: #2152a5; }
.short-list2 .item-date { color: #89a2cb; }


/* content */
#content {  }
#content { width: 450px; float: left; padding: 0 10px; background: url(/image/bg-short-list2-bottom.png) no-repeat 0 100%; }
#content a { color: #2152a5; }
#content p { padding: 0 0 1em; }
#content .subcontent { width: 450px; margin: 0 -10px; padding: 10px; background: #fff; }

#breadcrumbs { margin: 0; padding: 0; list-style: none; }
#breadcrumbs li {display: inline;  margin: 0; padding: 0 12px 0 0; color: #2152a5; background: url(/image/icon-gt.png) no-repeat 99% 5px; }
#breadcrumbs li a { text-decoration: underline; }
#breadcrumbs li.act { background: none; }

#content #inner { width: 450px; margin: 0 -10px 10px; padding: 15px 10px 0; background: url(/image/bg-short-list2-top.png) no-repeat 0 0;  }
#content .header { padding: 0 0 15px 25px; color: #2152a5; background: url(/image/icon-amber-2.png) no-repeat 0 3px; font-size: 1.1em; font-weight: bold;  } /* text-transform: lowercase; */
#content .more-all { position: relative; float: right; margin: -30px 0 0; color: #2152a5; text-decoration: underline; }
#content .clear-list { clear: both; padding: 2em 0 0; }
#content .item { margin: 0 0 1.5em; padding: 1em 0 0; background: url(/image/bg-line-2.png) no-repeat 0 0; }
#content .item:first-child { padding: 0; background: none; } /* 6 */
#content .item-hd { color: #2152a5;  font-weight: bold; float: left; font-size: 1em; }
#content .item-hd a { font-weight: bold; }
#content .item-logo { height: 30px; float: right; margin: 0 0 -20px; }
#content .item-date { display: block; clear: both; padding: 7px 0 10px; color: #89a2cb; }
#content .item-desc { padding: 0 20px 0 0; }
#content .item-desc .img-left { float: left; margin: 0 7px 7px 0; border: 2px solid #fff; }
#content .item-desc .img-right { float: right; margin: 0 0 7px 7px; border: 2px solid #fff; }
#content .more { width: 50px; height: 20px; float: right; padding: 1px 3px; color: #fff; background: url(/image/bg-more-2.png) no-repeat 0 0; font-size: 0.8em; } /* 6 */
#content .more:hover { color: #fff; }
#content .sub-hd { float: left; font-size: 1em; }
#content .sub-hd a { font-weight: bold; }
#content .sub-date { display: block; clear: both; padding: 7px 0 10px; color: #89a2cb; }

#content .pagination { height: 20px; clear: both; padding: 1em 0 0; background: url(/image/bg-line-2.png) no-repeat 0 0; }
#content .pagination li { float: left; padding: 0 7px; background: url(/image/icon-divider-4.png) no-repeat 0 50%; }
#content .pagination .prev-item { padding: 0 7px 0 0; background: none; }
#content .pagination .last-item { float: right; padding: 0; background: none; }
#content .pagination li a { color: #2152a5; text-decoration: underline; }

/* columns */
.col { width: 237px; }
.col-left { width: 237px; float: left; }
.col-right { width: 243px; float: right; }

.menu { padding: 0 0 10px; background: url(/image/bg-menu.png) no-repeat 0 100%; }
.menu .header { height: 33px; line-height: 33px; padding: 0 12px; color: #3f4a5f; background: url(/image/bg-menu-hd.png) no-repeat 0 0; font-size: 1.2em; font-weight: bold; }
.menu .clear-list { width: 226px; }
.menu .clear-list li { width: 226px; height: 26px; }
.menu .clear-list li a { display: block; width: 202px; height: 20px; padding: 6px 12px 0; color: #384458; background: url(/image/bg-menu-item.png) no-repeat 0 0; font-weight: bold; }
.menu .clear-list li.menu-active a , .menu .clear-list li a:hover  { background-position: 0 100%; }
.contact-mod { padding: 10px 10px 40px; background: url(/image/bg-contact-mod.jpg) no-repeat 0 100%; }
.contact-mod .header { color: #042c7e; font-size: 1.1em; font-weight: bold; }
.contact-mod ul { padding: 0.2em 0 1em; }
.contact-mod li span { color: #384458; }

.col-right .projects-short-list { position: relative; margin: -7px 0 0; padding: 0 0 10px 8px; background: url(/image/bg-projekty-bottom2.png) no-repeat 0 100%; }
.col-right .projects-short-list .clear-list { padding: 5px 0; background: #2152a5 url(/image/bg-projekty-top.png) no-repeat 0 0; }
.col-right .projects-short-list .pr-item { width: 225px; height: 225px; float: left; padding: 10px 0 10px 10px; background: url(/image/bg-line-3.png) no-repeat 10px 0;  }
.col-right .projects-short-list .pr-item:first-child { background: none; } /* 6 */
.col-right .projects-short-list .pr-item .pr-img { display: block; width: 216px; height: 146px; padding: 0 8px 9px 0; background: url(/image/bg-pr-img.png) no-repeat 0 0; } /* 6 */
.col-right .projects-short-list .pr-item .pr-img img { display: block; border: 2px solid #fff; }
.col-right .projects-short-list .pr-item .pr-desc { width: 220px; color: #fff; }
.col-right .projects-short-list .pr-item .more { width: 50px; height: 20px; float: right; margin: 0 5px; padding: 1px 3px; color: #fff; background: url(/image/bg-more-1.png) no-repeat 0 0; font-size: 0.8em; } /* 6 */



/* footer */
#footer { width: 958px; height: 85px; clear: both; margin: 0 -4px; 
padding: 6px 0 5px; background: url(/image/bg-footer.png) no-repeat 0 0; 
text-align: center }
#footer ul { height: 20px; line-height: 20px; padding: 15px 0 25px; }
#footer ul li { display: inline; padding: 0 14px; background: 
url(/image/icon-divider-4.png) no-repeat 0 50%; }
#footer ul li:first-child { background: none; } /* 6 */
#footer ul li a { color: #2152a5; }
#footer p { display: inline; padding: 0 10px; color: #979899; }
#footer p a { color: #979899; }
#footer #copy { background: url(/image/icon-divider-1.png) no-repeat 
100% 50%; }
#footer #copy img{ position: relative; bottom: -5px; }