html,body{margin:0;padding:0}
body{font-size : medium;font-family: Garamond;
text-align:left;
color:black;
background-color: #75883A;/* barva levo in desno od vsega*/
}

p{margin:0 10px 10px;}

p.okvir{clear:both;
	border:1px solid #75883A;
	padding: 10px 10px 10px 10px;
	font-style: italic;
	}

a:link {color:black;}
a:visited {color:black;}
a:active {color:#75883A;}
a:hover {color:#75883A;}

h1.vstop{font-size: 28px;
	margin: 30px 100px 20px 100px;
	text-align : center;}
	
h2.vstop{font-size: 18px;
	font-family: Garamond;}

h1.vsebina{
	font-family: Garamond;
	font-size: 22px}
h2.vsebina{font-size: 18px;
	font-family: Garamond;}
h3.vsebina {font-size: 14px;
	font-family: Garamond;}
ul.circle {list-style-type: circle;
	}
/*p.komentar{margin:0 10px 10px;}*/
p.komentar{
	border:1px solid #75883A;
	padding: 10px 10px 10px 10px;
	font-style: italic;
	font-family: Garamond}

img.index 
{
float:left;
border: 0px solid #75883A;
margin: 0px 0px 0px 40px;
}

img.vrata 
{
float:right;
border: 0px solid #75883A;
margin: 37px 77px 4px 46px;
}

img.gumb 
{
float:right;
border: 0px solid #75883A;
margin: 10px 77px 0px 46px;
border: 0px solid #75883A;
}

img.vstopite 
{
float:left;
/*border:5px double #75883A;*/
border: 0px solid #75883A;
/*margin: 10px 0px 0px 0px;*/

}

img.left 
{
float:left;

/*border:5px double #75883A;*/
border: 2px solid white;
margin: 0px 10px 2px 0px;
}

img.right 
{
float: right;/*border:5px double #75883A;*/
margin: 0px 0px 0px 5px;
border: 2px solid white;
}



div.container{width:900px;margin:2% auto;}
div.wrapper{float:left;width:70%;}

div.prelom{width:900px;margin:0 auto;height: 4px;}

div.gradient{
	width:900px;
	margin:3px auto; 
	background-image: url('slike/ozadje-hor.jpg');
	background-repeat: repeat-y;
	border: 2px solid white;
	}
	
div.indexzgoraj{
	width:900px;
	margin:2% auto 0% auto; 
	background-color: white;
	height: 520px;
	border: 4px double white;/*#75883A;*/
	}
	
div.indexleft{
	float: left;
	width:45%;
	
	
	/*background-color: #75883A;*/
	}
	
div.indexcenter{
	float: left;
	width:20%;
	margin: 40px 0px 0px 0px;
	
	}
	
div.indexright{
	float: left;
	width:35%;
	
	
	/*background-color: #75883A;*/
	}

div.banner
{ 
  /*margin: 0px 0px 0px 100px;*/
  border: 2px solid #75883A;
  float: left;
  text-align: left;
  height: 190px;
}




img.banner
{
display: inline;
background-color:#75883A;
padding: 3px;
border:2px solid white;
margin: 2px;
}

div.MainMenu{
width:900px;
height:45px;
/*margin: 0px 0px 0px 100px;*/
}

ul.MainMenu
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
li.MainMenu {display:inline}

a.MainMenu:link {color:white; background-color:#75883A}
a.MainMenu:visited {color:white; background-color:#75883A}
a.MainMenu:active {background-color:white; color:green}
/*a.MainMenu:hover {background-color:white; color:#75883A}*/
a.MainMenu:hover {background-image: url('slike/menu-gradient.jpg')}



a.MainMenu
{

float:left;
width: 132px;
text-decoration:none;
font-weight: bold;
color:white;
background-color:#75883A;
/*padding:0.2em 0.6em;*/
padding: 5px;
/*border-right:5px solid white;*/
border:2px solid white;
height:22px;
text-align:center;
margin: 2px;
}

div.submenu{
width:800px;
height:25px;
}

ul.submenu
{
float:left;
width:100%;
padding:0;
margin: 0;
list-style-type:none;
}
li.submenu {display:inline}


a.submenu
{
float:left;
width: auto;
text-decoration:none;
font-weight: bold;
font-size:14px;
padding: 5px 15px 5px 15px;
margin: 2px;
}
a.submenu:link {color:white; background-color:#75883A}
a.submenu:visited {color:white; background-color:#75883A}
a.submenu:active {background-color:white; color:#75883A}
a.submenu:hover {background-color:white; color:#75883A}



div.nestedwrap{
	position: relative;
width : 600px;
height: 200px;
border: 2px solid red;
background-color: green;
}




p.levo{line-height:1.2;
	/*border: 1px solid #75883A;
  border-style: none solid none none ;*/}
div.levo{
	float:left;
	width:45%;/*zaradi chrome-a. v IE bi lahko bilo 45*/ 	
	padding:2% 5% 0% 2%;
	}
	
p.desno{line-height:1.2}
div.desno{
	margin-left:50%;
	/*width:40%;zaradi chrome-a. v IE bi lahko bilo 45*/ 
	padding:2% 2% 0% 5%;
	border: 1px solid #75883A;
  border-style: none none none solid;
	}
	
div.izravnava{
	clear: both}

div.content p{line-height:1.2}
div.content{
	/*float:left;
	width:80%; */
	padding: 2% 2% 2% 2%;
	}

div.contentmain p{line-height:1.2}
div.contentmain{
	float:left;
	width:80%; 
	padding: 20px 50px 0px 50px;
	}
	


div.footer{background-color: #75883A;}
div.footer p{margin:0;padding:5px 10px}
div.footer{
clear:both;
width:800px;
margin:0 auto;}

div.extra{background:#FF8539}
/*div.footer{background-color: #B7C68B;}*/
div.extra{float:right;clear:right;width:20%}




div.navigation{float:right;
width: 95px;
/*border: 2px solid #B7C68B;*/
border: 2px solid #75883A;
border-style: none none none dashed;
padding: 0px}



/*menu-slika in pod njo text*/

div.desc
{
  text-align: center;
  font-weight: bold;
  color: white;
  height: 30px;
  margin: 0px;
border: 0px ridge #ffffff;
}

a.menulink:link {color: #ffffff}
a.menulink:visited {color: #ffffff}
a.menulink:hover {color: #75883A;background-color: white}
a.menulink:active {color: #75883A;background-color: white}

ul.footer
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
li.footer {display:inline}

a.footer
{
float:left;
width: auto;
text-decoration:none;
font-weight: bold;
font-size:12px;
color:white;
background-color:#75883A;
padding: 5px;
margin: 3px;
}

a.footer:link {color:white; background-color:#75883A}
a.footer:visited {color:white; background-color:#75883A}
a.footer:active {color:white; background-color:#75883A}
a.footer:hover {background-color:white; color:#75883A}

ul.MainMenu
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
li.MainMenu {display:inline}



/* *********IMAGE POPUP****************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}


.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #75883A;
padding: 0px;
border: 2px solid #75883A;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
/*height : 500px;*/
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
/*align : center;*/
left : 40%;
/*left: 60px; position where enlarged image should offset horizontally */
}








div.CTA{float:right;clear:right; width : 132px;
	margin: 0px 100px 0px 0px}

a.CTA:link {color:#75883A; }/*background-color:#75883A*/
a.CTA:visited {color:#75883A; }
a.CTA:active {background-color:white; color:#75883A}
/*a.MainMenu:hover {background-color:white; color:#75883A}*/
a.CTA:hover {background-image: url('slike/menu-gradient.jpg'); color : white;}


a.CTA
{

float:left;
width: 132px;
text-decoration:none;
font-weight: bold;
color:#75883A;
/*background-color:#75883A;
padding:0.2em 0.6em;*/
padding: 5px;
/*border-right:5px solid white;*/
border:2px solid #75883A;
height:22px;
text-align:center;
margin: 2px;
}