body {font: 75% Verdana, Arial, Helvetica, sans-serif; color: #333; margin:0px;}
a:link {color:#004A95; font-weight: bold;}
a:visited {color:#888; font-weight: bold;}
a:hover {text-decoration:none;}
form {margin:0px;}
img {border:none;}

h1, h2 {font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
h1 {font-size:2.2em; color: #CC0000; margin: 0.3em 0; letter-spacing: -0.05em;}
h2 {font-size:1.5em; color:#004A95; margin-bottom: 0.4em;}
h3 {font-size:1.1em;}
p {line-height: 1.5em;}
input, select {vertical-align: middle;}
input.submit {border: none; background:#004A95; color:white; padding: 2px 1px; font:bold 12px Arial, Helvetica, sans-serif;}
.hide {position: absolute; left:-2000px;}
#content ul {margin: 0; padding:0;}
#content li {margin:0.5em 0 0 2em;}
ul li p {margin: 0.5em 0;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*BASIC LAYOUT START*/
#wrapper {width:975px; margin: 0px auto;}
#header {height:180px; font-size:12px; /*background:url(../images/header_bg.png) repeat-x left bottom;*/ background:url(../images/header-img_bg.jpg) no-repeat left 25px;position:relative; margin-bottom: 10px; z-index: 1000;}
#left-col {width:200px; float:left; font-size:11px;}
#content {font-size: 100%; float:left; width:765px; padding:0px 0px 0px 10px;}
#footer {clear:both; font-size:11px; text-align:center; padding-top:2px;}
/*BASIC LAYOUT END*/

/*HEADER START*/
div#head-tools {position: absolute; right:0px; font-size:10px; top:5px; z-index: 10;}
div#head-tools img {vertical-align: middle;}
div#head-tools a:link, div#head-tools a:visited {font-weight:bold; color:#004A95;}
.home-rss {background: url(../images/icon-rss.png) no-repeat left center; padding:3px 0px 3px 19px;}
a#grb {font-family:Arial, Helvetica, sans-serif; position:absolute; top:45px; left:15px; width:500px;}
a#grb img {float: left; margin-right:10px;}
a#grb * {display:block;}
a#grb strong {font:bold 21px Georgia, "Times New Roman", Times, serif; margin-top:22px; letter-spacing:-1px;}
a#grb span {color:black; color:#777;}
#grb:link, #grb:visited {color:#004A95; text-decoration:none;}
#search {font-size:10px; float:right;}
#search input {font-size:12px; width:120px}
#search input.submit {width:60px; font-size:11px}
#logo-right {position:absolute; right:15px; top:45px;}
#rssBox {background: #F5F5F5 url(../images/partners_bg-hover.png) repeat-x scroll 0 0; position:absolute; visibility: hidden; top:20px; right: 35px; background-color: #FFF; width: 280px; padding: 8px;border-top: 1px solid #E2E2E2;border-left: 1px solid #E2E2E2;border-right: 2px solid #E2E2E2;border-bottom: 2px solid #E2E2E2;}
/*HEADER END*/

/*LEFT MENU START*/
ul.left-nav, ul.left-nav ul {margin:0px; padding:0px; list-style: none; font:13px Arial, Helvetica, sans-serif;}
ul.left-nav {background:#004A95;}
ul.left-nav li {color:white; text-transform: uppercase; font-weight: bold; vertical-align:bottom; width: 200px;}
ul.left-nav li span {display:block; padding:3px 0px 0px 10px;}
ul.left-nav li a:link, ul.left-nav li a:visited {font-weight:bold; color: white; text-decoration:none; width:200px;}
ul.left-nav ul {margin-top:3px;}
ul.left-nav ul li {padding:0px; text-transform:none; border-top:solid 1px white; font-weight:normal;}
ul.left-nav ul li span {padding:0px;}
ul.left-nav ul li a:link, ul.left-nav ul li a:visited {font-weight:normal; width:190px; display:block; margin:0px; padding: 5px 0px 5px 10px; color:#004A95; background:url(../images/left-menu_li-bg.png) repeat-x #E2E2E2;}
ul.left-nav ul li a:hover {background: url(../images/left-menu_li-hov-bg.png) repeat-x #EBEBEB; border-left:solid 3px #C00; padding-left:7px; width:190px;}
/*LEFT MENU END*/

/*FOOTER START*/
#footer {margin-bottom:15px;}
#footer a:link, #footer a:visited{white-space: nowrap; font-weight: bold; text-decoration: none; color: #004A95;}
#footer a:hover {text-decoration:underline;}
#footer ul {margin:0px; padding:0px; list-style:none; width:500px; margin:0px auto; text-align:center;}
#footer ul li {display:inline; margin:15px -3px;}
#footer .copy {background: url(../images/footer_bg.png) repeat-x; padding-top:5px; margin-top:10px;}
#footer .copy p {margin: 5px 0px; color:#004A95;}
#footer .copy address {font-style: normal;}
/*FOOTER END*/

/*INDEX PROJECTS START*/
div#home-projects {margin-top:22px;}
div.home-projects {width:375px; float:right;}
div#home-projects a:link, div#home-projects a:visited {border: solid 1px #DDD; margin:1px; float:right;}
div#home-projects a:hover {border-color: #666;}
img#home-prj-big {margin:1px 5px 0px 0px; float:left;}
/*INDEX PROJECTS END*/

/*INDEX SLIDESHOW*/
#slideshow-holder {background: #f7f7f7 url(../images/slideshow_bg.png) repeat-x center bottom; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 24px;}

#slideshow {width:763px; height: 150px; text-align: center; }
#slideshow div {height: 150px; width: 743px; padding: 5px 10px; color: #333; text-align: left; display: none;}
#slideshow div h2 {font-size:20px; margin:5px 0px; line-height:15px;}
/* #slideshow div img {float:left; margin-right:15px;} */
#slideshow div p {font-size:12px;margin: 3px;}

div.slideshowButt a:link, div.slideshowButt a:visited {width:20px; height:20px; border:solid 1px #CCC; color:#004A95; text-decoration:none; padding:3px; font-size:11px; display:inline-block;}
div.slideshowButt a:hover {border-color:#004A95;}

#slideshow_prev:link, #slideshow_prev:visited {background: url(../images/action-prew.png) no-repeat center;}
#slideshow_next:link, #slideshow_next:visited {background: url(../images/action-next.png) no-repeat center;}
#slideshow_resume:link, #slideshow_resume:visited {background: url(../images/action-play.png) no-repeat center;}
#slideshow_pause:link, #slideshow_pause:visited {background: url(../images/action-pause.png) no-repeat center;}

.slideshowImgBox {display: block; width: 104px; height: 104px; border: solid 1px #ccc; float:left; margin-right:15px; background-color: White; padding: 2px;}

/*INDEX SLIDESHOW END*/

/*INDEX ACTUAL START*/
div.news {}
div.news span {display:block; border-bottom:solid 1px #CCC; font-size:0.8em; margin-top:15px; padding-bottom:2px; clear:both; text-transform:uppercase;}
div.news h2 {margin:.2em 0 0.1em 0; letter-spacing: -0.02em; color:#CC0000;}
/*div.news h2 a:link, div.news h2 a:visited {font-weight:normal; color:#CC0000; text-decoration:none;}
div.news h2 a:hover {color:red;}*/
div.news p {margin:3px 0px;}
div.news img {float:left; margin:0px 10px 5px 0px;}
a.more:link, a.more:visited {display:block; height:16px; background: url(../images/more_bg.png) no-repeat right top; text-align: right; font: bold 12px Arial, Helvetica, sans-serif; color:#004A95; padding-right: 18px; text-decoration: none;}
a.more:visited {color:#004A95; background-position: right bottom;}
a.more:hover {color:#0073E6; background-position: right center;}
/*INDEX ACTUAL END*/

/*INDEX PARTNERS START*/
div#partners {clear: both; padding-top:20px;}
div#partners a:link, div#partners a:visited {font-size: 75%; display:block;  padding: 5px 3px 0px 3px; background: url(../images/partners_bg.png) repeat-x #E2E2E2; text-align: center; float:left; margin-right: 3px; color:#004A95; text-decoration:none; border: solid 1px #E2E2E2;}
div#partners a:hover {background: url(../images/partners_bg-hover.png) repeat-x #F5F5F5;}
div#partners a strong {display:block;}
/*INDEX PARTNERS END*/

/*BREADCRUMB START*/
#content ul.breadcrumb {margin:0px; margin-bottom:20px; padding:0px; list-style:none; width:570px;}
#content ul.breadcrumb li {display:inline; margin: 0;}
#content ul.breadcrumb a:link, ul.breadcrumb a:visited {background:url(../images/breadcrumb_arrow.png) no-repeat right 6px; color:#0E5398; font-size: 10px; font-weight: normal; padding-right:10px;}
/*BREADCRUMB END*/

/*GALLERY LIST START*/
div.albums-row {margin-bottom:2px;}
div.album-box {float:left; margin:0px 1px; width: 230px; background: url(../images/album_box-bg.png) repeat-x bottom #FCFCFC; border: solid 1px #E5E5E5; border-left:none; border-right:none; padding:10px 10px 7px 10px;}
div.album-box a {display:block;}
div.album-box h3 {margin:0px 0px 3px 10px; font-size: 1.1em; line-height: 1em; letter-spacing:-0.05em;}
div.album-box span, div.album-box div {font: 10px Arial, Helvetica, sans-serif;}
div.album-box div {clear:both; font-size: 11px;}
div.album-box div strong {color:#004A95;}
a.gall-thumb {width:75px; height:75px; float:left; background-position: center; background-repeat: no-repeat; margin:0px 10px 5px 0px;}
a.gall-thumb:link, a.gall-thumb:visited {border: solid 1px #EEE;}
a.gall-thumb:hover {border-color: #AAA;}
/*GALLERY LIST END*/

/*PHOTO LIST START*/
div.photo-row {margin-bottom:15px;}
div.photo-box {display:inline; float:left; margin:14px 14px 0px 14px; width: 160px; background: url(../images/photo_box-bg.png) repeat-x bottom #F8F8F8; border: solid 1px #DDD; border-left-style:none; border-right-style:none; text-align:center; min-height: 180px; padding:0px 0px 10px 0px;}
div.photo-box h3 {margin: 3px;}
a.photo-thumb:link, a.photo-thumb:visited {display:block; margin:15px auto 0px auto; width:100px; height:100px; border: solid 1px #EEE; background-color:white; background-repeat:no-repeat; background-position:center;}
a.photo-thumb:hover {border-color: #CCC;}
div.photo-box span {font-size: 10px; display:block;}
a.a-button:link, a.a-button:visited {display:inline; font:bold 12px Arial, Helvetica, sans-serif; background:url(../images/a_butt-bg.png) repeat-x center; text-transform: uppercase; text-align:center; color:#B9DCFF; padding:4px 6px 5px 6px; text-decoration:none;}
a.a-button:hover {color: white;}
a.a-button span {font-size:16px;}
/*PHOTO LIST END*/

/*PHOTO PHOTO START*/
div.photo-view {background: url(../images/photo-view_bg.png) repeat-x bottom; border:solid 1px #DDD; border-left:none; border-right:none;}
div.photo-data {background:#F1F1F1; padding:5px; font-size:0.9em;}
div.photo-data strong {display:block; float:left; color:#004A95; font-size:1.2em;}
div.photo-data span {display:block; float:right;}
div.photo-data img {vertical-align: middle;}
div.photo-nav {text-align: center; margin-bottom: 10px;}
img.photo-view {display:block; margin:15px auto;}
div.rate {background:#EEE; padding:20px 0px; width:260px; text-align:center; border:solid 1px #DDD; border-left:none; border-right:none;}
ul#comments {margin:10px 0px; padding:0px; list-style: none; border: solid 1px #DDD; border-left:none; border-right:none;}
ul#comments strong {display:block; background:#EEE; padding:3px 5px; font-size: 10px;}
ul#comments p {margin:5px;}
a.reg-message {display:inline-block; background: url(../images/icon-warning.png) no-repeat; padding:5px 0px 5px 27px; font-size:0.9em; margin:1em;}
/*PHOTO PHOTO END*/

/*PHOTO SLIDESHOW START*/
div.photo-slideshow {background: url(../images/photo-view_bg.png) repeat-x bottom; padding:0px 0px 40px 0px; border:solid 1px #DDD; border-left:none; border-right:none; text-align:center;}
div.photo-slideshow h2 {background: #EEE; margin:0px; text-align: left; padding:5px;}
div.photo-slideshow img {display:block; margin:20px auto;}
/*PHOTO SLIDESHOW END*/

/*CONTENT ARTICLE START*/
div.article-publish {text-transform:uppercase; font-size: 0.8em; /*margin: 1em 0;*/ background: #F1F1F1; padding: .5em; border-top: solid 1px #DDD; clear:both;}
div.publish-date {float: left;}
div.article-publish .article-tools {float:right; text-transform:none;}
div.article-publish .article-tools a:link, div.article-publish .article-tools a:visited {color:#004A95;}
div.article-nav {border-top: solid 1px #DDD; margin: 15px 0px; clear:both;}
div.article-nav a:link, div.article-nav a:visited {text-transform:uppercase; display:block; border: solid 1px #DDD; text-decoration:none; font-size:.8em; font-weight: normal; padding:3px 5px 2px 5px; margin:2px; color:#004A95; }
div.article-nav a:hover {border-color:#AAA;}
a.back {float: left; padding-left:17px !important; background:url(../images/butt-back.png) no-repeat left center;}
a.next {float: right; background:url(../images/butt-next.png) no-repeat right center; text-align:right; padding-right:17px !important;}
a.prev {float: right; background:url(../images/butt-prev.png) no-repeat left center; padding-left:17px !important;}
/*CONTENT ARTICLE END*/

/*WELCOME START*/
ul#welcome-actions {margin:0; padding:0; list-style:none; width:575px; margin:4em auto 0 auto;}
ul#welcome-actions li {width:575px; background: url(../images/welcome_li-bg.png) repeat-x #E2E2E2; margin:1px 0 0 0; vertical-align:bottom;}
ul#welcome-actions li span {font:normal 18px Arial, Helvetica, sans-serif; color:#004A95; display:block; padding: 10px 0px 10px 45px;}
ul#welcome-actions li a:link, ul#welcome-actions li a:visited {color:#004A95; text-decoration:none; font:normal 18px Arial, Helvetica, sans-serif;}
ul#welcome-actions li a:hover {text-decoration: underline;}
ul#welcome-actions li ul {margin:0; padding:0; background: #FFF; list-style:none;}
ul#welcome-actions li ul li {background: none; border-bottom:solid 1px #eee;}
ul#welcome-actions li ul li span{padding:5px 0;}
ul#welcome-actions li ul li a:link, ul#welcome-actions li ul li a:visited {font-size: 16px; padding:5px 0px 5px 45px; background: url(../images/icon-welcome-sublist.png) no-repeat 10px center;}
/*WELCOME END*/

/*CONTENT LIST START*/
div.content-list {margin:0 0 2em 0;}
div.content-list span {display:block; border-bottom:solid 1px #CCC; font-size: 0.8em; margin-top:15px; padding-bottom:2px; clear:both; text-transform:uppercase;}
div.content-list h2 {margin:.2em 0 0.1em 0; letter-spacing: -0.02em;}
div.content-list h2 a:link, div.content-list h2 a:visited {font-weight:normal; color:#004A95; text-decoration: none;}
div.content-list h2 a:hover {color: #006FDD;}
div.content-list p {margin: 3px 0px;}
div.content-list img {float:left; margin:0px 10px 5px 0px;}
/*CONTENT LIST END*/

/*SECTORS START*/
div.sector {background:url(../images/sectors_bg.png) repeat-x; border:solid 1px #CCCCCC;  border-left:none; border-right:none; margin:0px 0px 10px 0px; padding-bottom:15px;}
div.sector h1 {margin-left:10px; padding:5px 0px 10px 45px; line-height: .9em; font-size: 2.1em;}

div.urban h1 {background:url(../images/sec-icon-urban.png) no-repeat; color:#FF3300;}
div.engineering h1 {background:url(../images/sec-icon-engineering.png) no-repeat; color:gray;}
div.plan h1 {background:url(../images/sec-icon-plan.png) no-repeat; color:#C00;}
div.nature h1 {background:url(../images/sec-icon-nature.png) no-repeat; color:green;}
div.resource h1 {background:url(../images/sec-icon-resource.png) no-repeat; color:#3399FF;}
div.cooperation h1 {background:url(../images/sec-icon-cooperation.png) no-repeat; color:#004A95;}
div.secretariat h1 {background:url(../images/sec-icon-secretariat.png) no-repeat; color:#86bed4;}
div.control h1 {background:url(../images/sec-icon-control.png) no-repeat; color:#6633CC;}
div.rudarstvo h1 {background:url(../images/sec-icon-nature.png) no-repeat; color:#816b02;}

div.sectorPubDate {text-transform:uppercase; font-size:0.8em; padding-bottom:.1em;}
div.sector-tools a:link, div.sector-tools a:visited {border:solid 1px #CCC; color:#004A95; text-decoration:none; padding:3px 3px 3px 22px; font-size:11px; display:inline-block; margin:0 2px;}
div.sector-tools a:hover {border-color:#004A95;}
a.send {background: url(../images/icon-send.png) no-repeat 3px 2px; float:left;}
a.print {background: url(../images/icon-print.png) no-repeat 3px center; float:left;}
a.sectorBack {float: left; padding-left:17px !important; background:url(../images/butt-back.png) no-repeat left center;}
a.sectorNext {float: right; background:url(../images/butt-next.png) no-repeat right center; text-align:right; padding:3px 17px 3px 3px !important;}
a.sectorPrev {float: right; background:url(../images/butt-prev.png) no-repeat left center; padding-left:17px !important;}

/*SECTORS END*/

.hidden {display:none;}
.error {
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	color: #880000;}
.more-info a:link {
	color: #CC0000;
	text-decoration: underline;
	font-size: 10px;}
.more-info a:visited {
	color: #CC0000;
	text-decoration: underline;
	font-size: 10px;}
.more-info a:hover {
	color: #CC0000;
	text-decoration: none;}

/* POLL */

#poolArchive .pollBox {
	width: 200px;
	border: solid 0px #000;
	margin-right: 10px;
}

.pollBox {
	/*background: #E2E2E2 url(../images/partners_bg.png) repeat-x scroll 0 0; */
	background: white url(../images/album_box-bg.png) repeat-x scroll center bottom;
	border: 1px solid #EEEEEE;
	margin-top: 5px;
	color: #004A95;
	font-weight: bold;
	display: block;
}

.pollBox H2 {
	background: #004a95;
	color: White;
	padding: 3px 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	font-size: 12px;
}

.pollInner {
	padding: 0 10px 5px 10px;}

li.searchResult {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #eee;
	clear: both;
}
li.searchResult P {
	margin-top: 0px;}
.padding {
	padding: 10px;}

FIELDSET {
	border: solid 1px #004a95;
	padding: 10px;}
LEGEND {
	color: #004a95;
	font-weight: bold;}

/* Pagebar*/
.pagebar {
	text-align: center;
	padding: 0.2em 0.5em;
	margin-top:1em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;}
.pagebar a,.pageList .this-page {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;}
.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;}
.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;}
.pagebar .this-page {
	border: 1px solid #2E6AB1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;}
.pagebar a:hover {
	border-color: #2E6AB1;}
.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;}
/*Pagebar end*/

/*documents*/
SPAN.small { font-size: 0.8em; }

.docBg {background: url(../images/doc-bg.jpg) no-repeat right bottom;}
.linkBg {background: url(../images/links-bg.jpg) no-repeat right bottom;}
.newsLetterBg {background: url(../images/newsletter-bg.jpg) no-repeat right bottom;}

.contactFs {
	border: solid 1px #bbb;
}

/* SEARCH */
.searchResultImage {
	border: solid 1px #000;
	float: left;
	margin: 5px 10px 0 0;
}

/* SMALL LOGOS - PROJECTS*/
#logos {text-align: center; padding-top:8px; margin-top: 10px;}
#logos a:link IMG, #logos a:visited IMG, #logos a:active IMG, #logos IMG {border:solid 1px #EEEEEE; display:inline-block; margin:3px;}
#logos a:hover IMG {border:solid 1px #CCCCCC;}

#homeBanner { clear: both; padding-top: 10px; text-align: center;}

#homeBanner IMG {
	border: solid 1px #EEEEEE;
}
/*
#homeBanner a:link, #logos a:visited,#homeBanner>img,#homeBanner>p>img {border:solid 1px #EEEEEE; display:inline-block; margin:3px;}
#homeBanner a:hover {border:solid 1px #CCCCCC;}
*/

#contactForm {
	background: url(../images/contact-bg.jpg) no-repeat right top;
}
.contactField {
	background: #F5F5F5 url(../images/partners_bg-hover.png) repeat-x scroll 0 0;
	border: 1px solid #E2E2E2;
	padding: 5px;
}

BR.clear {
	clear: both; display: block;
}