* {
margin:0; 
border: 0; 
padding: 0; 
font-size: 100%;
}

body {
margin: 0px auto; 
padding: 0px; 
font-family: "trebuchet ms", trebuchet, times,serif; 
font-weight: normal; 
font-size: 14px; 
color: #999; 
background: #dcf6cd url('../slike/body_bg.jpg') top center no-repeat;
}

#strana {
width: 980px; 
min-height: 960px; 
margin: 0px auto; 
text-align: center;

}

#zaglavlje {
/*
background:  url('../slike/zaglavlje_bg.png') top left repeat-x;
*/
min-height: 200px;
height: 200px;
text-align: right;
}

#zaglavlje h1	{
/*
margin-top: 38px;
margin-left: 90px; 
float: left;
width: 283px;
height: 35px;
background:  url('../slike/atom_zaglavlje.png') no-repeat;
*/
}

#zaglavlje ul {
width: 455px;
margin-top: 135px;
margin-left: 465px;
margin-right: 20px;
padding: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background:  url('../slike/meni_bg.png') top left repeat-x;
}

#zaglavlje ul li {
display: inline;
font-family: "trebuchet ms", times, serif;
font-size: 1.1em;
color: #fff;
}

#zaglavlje a	{
margin-left: 5px;
margin-right: 5px;
padding: 2px 3px;
text-decoration: none;
color: #fff;
}

#zaglavlje a:hover	{
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
background-color: #fff;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#banner	{
float: none;
width: 980px;
height: 330px;
min-height: 330px;
margin: 0px auto;
background: #dcf6cd url('../slike/bg.jpg') top center repeat-y;
}

#sredina	{
position: relative;
width: 980px;
min-height: 300px;
margin: 0px auto;
padding-top: 20px;
padding-bottom: 150px;
/*
background: #fff url('../slike/sredina_bg.png') bottom center no-repeat;
*/
background: #dcf6cd url('../slike/bg.jpg') top center repeat-y;
}

#sredina h1	{
margin-bottom: 5px;
text-align: left;
color: #518500;
text-shadow: #fff 1px 1px 0px;
font-size: 1.6em;
font-style: italic;
}

#sredina ul	{
padding-left: 15px;
padding-right: 15px;
color: #68676c;
line-height: 1.25em;
list-style-type: arrow;
list-style-image: url('../slike/arrow.png');
font-style: italic;
}

#sredina ul	li {
margin-bottom: 10px;
}

#sredina ul li a	{
color: #68676c;
text-decoration: none;
}

#sredina ul li a:hover	{
color: ##567a37;
text-decoration: underline;
}

.kolona_levo, .kolona_sredina, .kolona_desno {
position: relative;
width: 230px;
min-height: 200px;
padding: 20px;
margin-bottom: 20px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #d3e5c3 url('../slike/kolona_bg.png') bottom left repeat-x;
text-align: left;
}
.kolona_levo	{
margin-left: 60px;
}

.kolona_sredina, .kolona_desno {
margin-left: 25px;
}

.kolona_sira	{
width: 520px;
min-height: 440px;
margin-left: 60px;
padding: 20px 20px 40px 20px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #d3e5c3 url('../slike/kolona_bg.png') bottom left repeat-x;
text-align: left;
color: #333;
}

.kolona_sira h2	{
padding-left: 30px;
padding-right: 30px;
margin-bottom: 30px;
font-weight: bold;
font-style: italic;
font-size: 1.25em;
line-height: 1em;
color: #333;
}

.kolona_sira h2 b	{
display: block;
margin-top: 5px;
color: #487e00;
}

.kolona_sira p	{
margin-bottom: 10px;
}

.dalje	{
position: absolute;
bottom: 20px;
right: 20px;
width: 100%;
margin-top: 30px;
text-align: right;
}

.kolona_sira a	{
color: #333;
}

.kolona_sira a:hover	{
background-color: #567a37;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}

.kolona_sira img	{
display: block;
}

#sredina .kolona_sira ul	{
padding-left: 35px;
padding-right: 15px;
margin-bottom: 15px;
color: #333;
line-height: 1.25em;
list-style-type: arrow;
list-style-image: url('../slike/bio.gif');
font-style: italic;
}

#sredina .kolona_sira ul	li {
margin-bottom: 10px;
}

#sredina .kolona_sira ul li a	{
color: #333;
text-decoration: underline;
}

#sredina .kolona_sira ul li a:hover	{
color: #fff;
text-decoration: underline;
}

.zeleno	{
color: #487e00;
text-decoration: none;
}

.kolona_sira h3	{
padding-left: 30px;
padding-right: 30px;
margin-top: 15px;
margin-bottom: 15px;
font-weight: normal;
font-style: italic;
line-height: 1.25em;
color: #333;
}
.dalje a	{
padding: 3px 10px;
text-decoration: none;
font-style: italic;
background-color: #d2e5c3;
color: #567a37;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.dalje a:hover	{
background-color: #567a37;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}

#sredina_dole	{
float: none;
position: absolute;
left: 10px;
bottom: 0px;
width: 960px;
height: 150px;
margin: 0px auto;
background: #fff url('../slike/sredina_bg.png') bottom center no-repeat;
}

#futer	{
width: 920px;
height: 100px;
min-height: 100px;
float: none;
margin: 0px auto;
padding: 20px 20px 10px 20px;
background: #7ba245 url('../slike/futer_bg.png') top left repeat-x;
text-align: left;
vertical-align: middle;
}

#futer b	{
color: #fff;
font-weight: normal;
}

.info1, .info2, .info3	{
float: left;
width: 275px;
height: 100px;
color: #eee;
margin-left: 10px;
font-style: italic;
font-weight: normal;
}

.info1, .info2	{
padding-left: 30px;
}

#strana #futer .info1 h1	{
font-weight: bold;
font-size: 1.3em;
margin-bottom: 3px;
}

#strana #futer .info3 img	{
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding: 10px;
display: block;
}
#strana #zaglavlje .aktivno	{
color: #567a37;
}
.clear {
clear: both; 
line-height: 1px; 
visibility: hidden;
}

.sitnije	{
font-size: smaller;
margin-left: -30px;
}

.vece	{
font-size: large;
}

.veci_razmak	{
line-height: 1.5em;
font-style: italic;
}

.slike	{
position: relative;
width: 230px;
min-height: 200px;
margin-left: 25px;
padding: 0px 20px 20px 20px;
margin-bottom: 20px;
float: left;
text-align: center;
}

.slike img	{
margin-top: 10px;
margin-bottom: 3px;
display: block;
border: 1px solid #ccc;
margin-left: auto;
margin-right: auto;
}

.slike a	{
color: #666;
text-decoration: none;
font-size: smaller;
line-height: 1em;
}

.slike a:hover	{
text-decoration: underline;
}