/*Structure of this Stylesheet: 
 I - all main boxes
 II - defining the #top content
 III - defining the #content content
 IV - defining the #right sidebar
 */
body{
  background: #587437;
  margin: 0;
  padding: 0;
  font: 11px "Verdana",sans-serif;
  text-align: center;
  line-height: 1.7em;
  color: #000;
}
#content{
	background: #FFFFFF url(images/topleft.gif) no-repeat top left;
	padding: 10px;
}
.white{
	background: #ffffff;
}
.bggreen{	
	padding: 10px 0 0 10px;
	background: #587437;
}
#footer{
	text-align: center;
}
#footer, #footer a {
	color: #000000;
}
#footer p {

	font-size: 0.9em;

	margin-top: 2px;
	margin-bottom: 2px;
}
#max_left{
	float: left;
	width: 170px;
	height: 100%;
	background: white;
}
#left{
	float: left;
	width: 810px;
	height: 100%;
	/*background: #587437;*/
	background: #ffffff;
}

div.container_sredina{
	float: right;
	 width: 610px;
}

#main{
	margin: 20px auto;
	text-align: left;
	width: 980px;
	background: #FFF;
}
#right{
	float: left;
	width: 170px;
	background: #FFF url(images/topleft.gif) no-repeat top left;
}
#top{
	padding: 0 0 0 10px;
	width: 790px;
	background: #5F5F5F url(images/toptopleft.gif) no-repeat top left;
	color: #F5F5F5;
}
/*Configuring the -top-box */
#top dd{
	margin: 0;
}

#top a{
	color: #F5F5F5;
	border-bottom: 1px #F5F5F5 dotted;
	padding:1px 10px 0px 5px;
	margin: 1px 0 0 10px;
	text-decoration: none;
}
#top a:hover{
	border-bottom: 1px #F5F5F5 solid;
}
#top .left{
	float: left;
	width: 280px;
	margin: 10px 0 0 10px;
	background: url(images/top-bg.gif) repeat-y top right;
}
#top .right{
	float:right;
	width: 275px;
	margin: 10px 10px 0 0;
}
#topbottom{
	clear: both;
	background: url(images/toptopbottom.gif) bottom right no-repeat;
	height: 10px;
}
/* just the c#content box*/
h2{
	font: normal normal 1.5em "Georgia",serif;
	color: #000;
	text-decoration: none;
	background: url(images/h2.gif) top left no-repeat;
	padding: 3px 0 0 8px;
}
h3{
	font: normal bold 1.2em "Georgia",serif;
	text-transform: uppercase;
	text-indent: 1em;
	margin: 7px 0 2px 0;
}

#headline{
	
	width: 790px;
	height: 205px;
	position: relative;
	margin-bottom: 20px;
}
#headline h1{
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #FFF;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font: normal normal 2.2em "Trebuchet MS","Arial",sans-serif;
}
p{
	
	margin: 5px 0 5px 15px;
	padding: 0;
}
/* sidebar */
#inner{
	padding: 0 10px;
}
form{
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom: 1px #999 solid;
}
form input{
	background: #F5F5F5;
	border: 0;
	border-bottom: 1px #EFEFEF dotted;
}
form label{
	font-family: "Georgia",serif;
}
form .button{
	background: #FFF;
	border-bottom: none;
	cursor: pointer;
}
form a{
	font-family: "Georgia",serif;
}
h5{
	background: url(images/nav-h.gif) center left no-repeat;
	font: 1.5em "Arial",sans-serif;
	padding-left: 25px;
	margin: 7px 0 3px 3px;
}

ul.nav{
	margin: 0;
	padding: 0;
}
ul.nav ul{
	margin: 0;
	padding-left: 15px;
}
.nav li{
	/*display: inline;*/
	list-style-type: none;
}
.nav li a{
	display: block;
	background: #EFEFEF;
	border-left: 3px solid;
	border-left-color: #EFEFEF;
	padding: 1px 1px 1px 2px;
	margin: 0px;
	text-decoration: none;
	color: #000;
	he\ight: 1px;
}
html>body .nav li a{
	height: auto;
}

.nav li a:hover{
	padding-left: 2px;
	border-left: 3px #9C0 solid;
}

.nav,
.nav a,
.nav li.izbran li,
.nav li.izbran li a,
.nav li.izbran li.izbran li,
.nav li.izbran li.izbran li a,
.nav li.izbran li.izbran li.izbran li,
.nav li.izbran li.izbran li.izbran li a,
.nav li.izbran li.izbran li.izbran li.izbran li,
.nav li.izbran li.izbran li.izbran li.izbran li a {
	font-weight: normal;
	background: #EFEFEF;
	text-decoration: none;
	color: #000;
}


.nav li.izbran,
.nav li.izbran a,
.nav li.izbran li.izbran,
.nav li.izbran li.izbran a,
.nav li.izbran li.izbran li.izbran,
.nav li.izbran li.izbran li.izbran a,
.nav li.izbran li.izbran li.izbran li.izbran,
.nav li.izbran li.izbran li.izbran li.izbran a,
.nav li.izbran li.izbran li.izbran li.izbran li.izbran,
.nav li.izbran li.izbran li.izbran li.izbran li.izbran a {
	color: #99CC00;
	font-weight: bold;
}


div.slika--lebdece-levo {
	float: left;
	margin-right: 12px;
	margin-bottom: 4px;
}
div.slika--lebdece-desno {
	float: right;
	margin-left: 12px;
	margin-bottom: 4px;
	/*border: 1px solid;
	border-color: #FBE7CA;*/
}

div.slika p,
div.slika--lebdece-levo p,
div.slika--lebdece-desno p {
	font-size: 0.9em;
	margin: 2px 0px 2px;
}

/* table */
table {
	margin: 0 0 1em;
	background: #FFF;
	border-collapse: collapse;
	border-top: 1px solid #363;
	border-bottom: 2px solid #363;
}

/* caption = table title/heading */
caption {
	text-align: left;
	font: bold small-caps 120%/1.3 "trebuchet ms",Helvetica,Arial,Sans-Serif;
	color: #363;
	margin: .3em 0;
}

/* reduced font size to save space */
tr { font-size: 90%; }
/* prevent nested tables reducing font size further */
tr tr { font-size: 100%; }

/* tinted rows */
/* in CSS3 selectors: tbody tr:even or tbody tr:nth-child(2n) */
tr.odd {
	background: #DFD;
}

/* table cells */
th, td {
	font-weight: normal;
	padding: .1em .7em;
	text-align: left;
	vertical-align: top;
}

/* borders to separate body sections */
tr:first-child th,
tr:first-child td,
tr:first-child th,
tr:first-child td {
	border-top: 1px solid #363;
}
ul.nav4{
	margin: 0;

	padding: 0;
}
ul.nav4 ul{
	margin: 0;
	padding-left: 15px;
}
.nav4 li{
	/*display: inline;*/
	list-style-type: none;
	padding-left: 5px;
	padding-bottom: 5px;
}
.nav4{
	font-size: 0.9em;	
	font-weight: normal;
	background: #EFEFEF;
	text-decoration: none;
	color: #000;
}

dl {
	font-size: 0.85em;
	font-weight: bold;

	margin: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 2px;
}

a {
	color: #9C0;
}
a:hover {
	text-decoration: underline;
}

div.otok {
	border: 1px solid #EFEFEF;
	margin-right: 13px;
}
div.otok_naslov{
	background: #EFEFEF;
	padding: 1px 0px 1px 0px;
}
div.vsebina_otok{
	padding-top: 2px;
}
div.vsebina_otok a{
	font-size: smaller;
	color: black;
	text-decoration: none;
}
div.vsebina_otok a:hover{
	text-decoration: underline;
	color: #9C0;
}
div.vsa_obvestila{
	padding-top: 5px;
}
div.datum{
	font-size: smaller;
	font-style: italic;
}
div.banner_levo img{
	padding-left: 4px;
}

div.banner_desno {
width:50px;
border: 1px solid #EFEFEF;
}

.konec-stolpcev {
clear: both;
}