body {font:75% Verdana, Arial, Helvetica, sans-serif; color:#683B15; margin:0; background:url(../images/main_bg.png);}
a:link {color:#A6AC28; font-weight:bold;}
a:visited {color:#969; font-weight:bold;}
a:hover {text-decoration:none;}
form {margin:0;}
img {border:none;}

h1, h2 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#683B15;}
h1 {font-size:2.2em; margin:0.3em 0; letter-spacing:-0.05em;}
h2 {font-size:1.5em; color:#683B15; 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:0 auto;}
#header {height:140px; font-size:12px; 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:775px; padding:0 0 0 /*20px*/ 10px; margin-bottom:15px;}
#right-col {width:/*160px*/ 170px; float:right; font-size:11px; padding-top:15px;}
#footer {clear:both; font-size:11px; text-align:center; padding:0 0 15px 0;}
/*BASIC LAYOUT END*/

/*HEADER START*/
div#head-tools {position:absolute; font:12px "Comic Sans MS", Arial, Helvetica, sans-serif; right:0; top:20px; z-index:10;}
div#head-tools img {/*vertical-align:middle;*/}
div#head-tools a:link, div#head-tools a:visited {font-weight:bold; color:#683B15; text-decoration:none;}
.langs {color:#66B0CC;}
.langs a:link, .langs a:visited {color:#66B0CC !important;}
.home-rss {background: url(../images/icon-rss.png) no-repeat left center; padding:3px 0 3px 12px;}
a.home-rss:link, a.home-rss:visited {color:#FABE2B !important;}
a#headLogo {position:absolute; overflow:hidden; top:15px; left:15px; background:url(../images/logo_ocistimo-srbiju.png) no-repeat; width:199px; height:66px; text-indent:-1000px; outline:none;}
#search {font-size:10px; float:right;}
#search input {font-size:12px; width:120px}
#search input.submit {width:60px; font-size:11px}

#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;}
.menu {background: url(../images/main-menu_bg.png) no-repeat #683B15; width:975px; height:46px;}
/*HEADER END*/

/*LEFT MENU START*/
ul.left-nav, ul.left-nav ul {margin:0; padding:0; list-style:none; font:11px Verdana, Arial, Helvetica, sans-serif;}
ul.left-nav {padding-top:-4px;}
ul.left-nav li {color:white; font-weight:bold; vertical-align:bottom; width:200px;}
ul.left-nav li span {display:block; padding:5px; margin-top:4px; font-weight:bold; background:#C14D31; color:#FFFBDB;}
ul.left-nav li a:link, ul.left-nav li a:visited {color:#FFF; text-decoration:none; width:200px;}
ul.left-nav ul {margin-top:1px;}
ul.left-nav ul li {padding:0; text-transform:none; border-top:solid 1px #FFF; font-weight:normal;}
ul.left-nav ul li span {padding:0; margin:0;}
ul.left-nav ul li a:link, ul.left-nav ul li a:visited {font-weight:normal; width:180px; display:block; margin:0; padding:8px 15px 8px 5px; background: url(../images/left-menu_bg.png) no-repeat right #F29400;}
ul.left-nav ul li a:hover {background-color:#F6B34A;}
/*LEFT MENU END*/

/*.menu { background:#683B15;}*/

/*FOOTER START*/
#footer {background:#683B15; color:#FCF8D8; }
#footer a:link, #footer a:visited {white-space:nowrap; font-weight:bold; text-decoration:none; color:#FCF8D8;}
#footer a:hover {text-decoration:underline;}
#footer ul {margin:0; padding:0; list-style:none; width:500px; margin:0 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; color:#FCF8D8;}
#footer .copy p {margin:5px 0;}
#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 0 0; 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:0px; height:120px; width:755px; float:right;}

#slideshow {width:755px; height:110px; text-align:center;}
#slideshow div {height:110px; width:735px; padding:5px 10px; color:#333; text-align:left; display:none;}
#slideshow div h2 {font-size:20px; margin:5px 0; line-height:15px;}
#slideshow div h2 a:link, #slideshow div h2 a:active, #slideshow div h2 a:visited {color:#004A95; text-decoration:none; font-size:20px; margin:5px 0px; line-height:15px;}
#slideshow div h2 A:hover {text-decoration:underline;}
/* #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:#FFF; padding:2px;}

a.slideshow-more:link, a.slideshow-more:visited {display:inline-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.slideshow-more:visited {color:#999; background-position:right bottom;}
a.slideshow-more:hover {color:#0073E6; background-position:right center;}
/*INDEX SLIDESHOW END*/

/*INDEX ACTUAL START*/
div.news {}
div.news span {display:block; font-size:0.8em; margin-top:15px; background:#E8DEC5; padding:4px 3px; clear:both; text-transform:uppercase;}
div.news h2 {margin:.2em 0 0.1em 0; letter-spacing:-0.02em; color:#683B15;}
/*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 0;}
div.news img {float:left; margin:0 10px 5px 0px;}
a.more:link, a.more:visited {display:block; height:11px; width:89px; outline:none; background:url(../images/more_bg.png) no-repeat left top; text-indent:-99999px; margin-top:15px; position:relative; line-height:0;}
a.more:visited {background-position:left -22px;}
a.more:hover {color:#0073E6; background-position:left -11px;}
/*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; width:232px; height:75px; padding:10px 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:0; 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 5px; color:#683B15; font-size: 10px; font-weight: normal; padding-right:8px;}
/*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:0 0 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:0 10px 5px 0;}
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:0 0 10px 0;}
div.photo-box h3 {margin:3px;}
a.photo-thumb:link, a.photo-thumb:visited {display:block; margin:15px auto 0 auto; width:100px; height:100px; border: solid 1px #EEE; background-color:#FFF; 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 0; width:260px; text-align:center; border:solid 1px #DDD; border-left:none; border-right:none;}
ul#comments {margin:10px 0px; padding:0; 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:0 0 40px 0; border:solid 1px #DDD; border-left:none; border-right:none; text-align:center;}
div.photo-slideshow h2 {background: #EEE; margin:0; 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; background:#E8DEC5; padding:.5em; 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:#683B15;}
div.article-nav {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:#683B15;}
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 0 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; overflow:hidden; width:/*575px*/ 775px;}
div.content-list span {display:block; background:#E8DEC5; font-size:0.8em; margin-top:15px; padding:2px 4px; 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:0 10px 5px 0;}
/*CONTENT LIST END*/

/*SECTORS START*/
div.sector {background:url(../images/sectors_bg.png) repeat-x; margin:0 0 10px 0; padding-bottom:15px;}
div.sector h1 {padding:5px 0 0 0; line-height:1.2em; font-size:1.5em; }

/*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.control h1 {background:url(../images/sec-icon-control.png) no-repeat; color:#6633CC;}*/

div.sectorPubDate {text-transform:uppercase; font-size:0.8em; padding:.5em .6em; background:#E8DEC5;}
div.sector-tools a:link, div.sector-tools a:visited {border:solid 1px #E8DEC5; color:#683B15; text-decoration:none; padding:3px 3px 3px 22px; font-size:11px; display:inline-block; margin:0 2px;}
div.sector-tools a:hover {border-color:#C9B9AC;}
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:#C00;
	text-decoration:none;}

/* POLL */
#poolArchive .pollBox {width:200px;	border:solid 0px #000; margin-right:10px;}
.pollBox {border:1px solid #765B36;	margin:5px 0 10px 0; width:170px; color:#765B36; font-weight:bold; display:block;}
.pollBox H2 {background:#765B36; color:#FFF; padding:3px 5px; font-weight:bold; margin:0; font-size:12px;}
.pollInner {padding:0 5px 2px 5px;}
li.searchResult {list-style-type:none; padding-top:5px;	padding-bottom:5px;	border-bottom:solid 1px #eee;	clear:both;}
li.searchResult P {margin-top:0;}
a.pollButton:link, a.pollButton:visited {background:#FBBF39; text-transform:uppercase; display:inline-block; padding:3px 5px; color:#FFF; text-decoration:none;}
a.pollButton:hover {}
.padding {padding:10px;}
FIELDSET {border:solid 1px #004A95;	padding:10px;}
LEGEND {color:#004a95; font-weight:bold;}

/* Pagebar*/
.pagebar {
	border-top:solid 1px #E8DEC5;
	text-align:center;
	padding:0.5em 0.5em;
	margin-top:1em;
	margin-right:0.1em;
	margin-bottom:1.0em;
	text-decoration:none;}
.pagebar a,.pageList .this-page {
	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;
	text-decoration:none;}
.pagebar .this-page {
	padding:0.2em 0.5em;
	font-weight:bold;
	background:#683B15;
	color:#fff;}
.pagebar a:hover {
	/*border-color:#2E6AB1;*/
	color:#F29400;}
.pagebar .inactive {
	 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: 10;}
#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 #CCC;}

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

#homeBanner IMG {border: solid 1px #EEE;}
/*
#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;}

/*OCISTIMO SRBIJU*/
#cleanSerbiaHeader {
	background:#f7f7f7 url(../images/slideshow_bg.png) repeat-x center bottom;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-top:5px;
	padding:5px;}
#cleanSerbiaHeader p {font-size:14px; font-weight:bold; margin:0 0 0 15px; padding:0; color:#004A95;}
#cleanSerbiaHeader img {display:block; margin:4px auto;}
/*OCISTIMO SRBIJU*/