/*
zelena: #284700
zuta: #fff200
zuta light: #fffcc7

*/

body {
	background-color:#fffcc7;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0;
}

a:link, a:hover, a:visited {color:#284700; text-decoration:none}


p {margin:0 0 10px 0; text-align:justify;}

h3 {color:#284700; margin:20px 0 0 0;}

.h1-title {font-size:25px; line-height:30px; color:#fff200; text-align:center; padding:80px 0 0 0; }

#menu {width:100%; background-color:#fff200; position:absolute; top:175px; float:left;}
#menu-in {width:960px; margin:0 auto 0 auto; list-style:none; font-size:18px; font-weight:bold; color:#284700}
#menu-in li {float:left; margin:8px 40px 8px 40px;}

.bg-zeleno {background-image:url(img/bg-zeleno.jpg); background-position:top right; background-repeat:no-repeat}
.zupanija-reljef {margin:0 0 100px 0;}

.crta1 {float:left; width:340px; height:2px; background-color:#5ca300; position:absolute;}
.bg-zelena-crta {background-image:url(img/bg-zelena-crta-okomita.gif); background-repeat:repeat-y; padding:0 0 0 50px; width:560px; margin: 20px 0 0 0;}

.footer {padding:20px; background-color:#fff200; margin:20px 0 10px 0;}

/* news */
.datum {text-align:right; font-size:14px; color:#bdb63c; margin:20px 0 0 0; padding:0; clear:both}
.naslov {font-weight:bold; font-size:14px; color:#284700; margin:0 0 40px 0; padding:0; text-align:right; clear:both;}
hr.crtaa {float:right; width:320px; padding:0; margin-right:-40px; border:2px solid #5ca300; position:relative; height:2px; clear:both;}

/* kontakt */
#kontakt {width:290px; float:left; margin:20px 0; text-align:right;}
#kontakt h2 {font-size:15px; font-weight:bold; color:#284700; margin:0; padding:10px 0 20px 0; text-align:right;}
#kontakt p {line-height:18px; margin:0; padding:0 0 10px 0; text-align:right;}

#content h1 {font-size:28px; font-weight:bold; margin:0 0 20px 0;}

/* page */
#podmeni {float:left; width:250px; font-size:16px; clear:both; margin-bottom:solid 2px #666;}
#podmeni li {float:left; width:250px; padding:2px 0; text-align:right; list-style:none;}
.h2-podmeni {text-align:right; margin:10px 0 0 0; padding:0;}

/* images */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

#lista-gradova { width: 550px; position: relative; float: right; margin: 0; list-style: none; }
#lista-gradova li { float: left; width: 150px; padding-right: 10px; min-height: 220px; margin-bottom: 10px; margin: 0; }

/* css clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}