/*** The Essential Code ***/

body {
	min-width: 850px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
	padding:0;
	margin:0;
	font-size:13px;
	background-color:#98c238;
background-image: url(images-zeleni/pozadinatijela.jpg);
background-repeat:no-repeat;
background-position:center top; 
	font-family:Arial, sans-serif;
}
td{vertical-align:top;}

a,a:visited{color:#445577;}
a:hover{color:#007e00;}

a img{
	border:none;
	}
		
#globalwrapper{
	height:100%;
	padding:1em 40px;
	}

#highlightwrapper{
	border:5px solid #555566;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-o-border-radius: 11px;
	border-radius:11px;
	background-color:#555566;
}

#contentwrapper{
	background-color:#fff;
	padding:10px 20px;
	border:1px solid #333;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius:9px;
	height:100%;			/* for EI */
}
		
		

#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 220px;     /* RC fullwidth + CC padding */
	height:100%;
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
	
}

#left {
	width: 190px;             /* LC width */
	padding: 0 10px 0 0;          /* LC padding */
	right: 240px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}



#right {
	width: 170px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
}


#footer {
	clear: both;
}

/*** IE Fix ***/
* html #left {
	left: 180px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body, * html div {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	
}

/*** Just for Looks ***/

#header, #footer {
	padding: 0.3em 0;
}
#footer{
	background-color:#555566;
	text-align:center;
	margin-top:3em;
	font-size:12px;
	color:#fff;
	
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius:9px;
	padding:1em;	
}
#footer a{
	color:#fff;
}
#footer span{
	margin-right:1em;
	}


#center {}

#right {}

#container .column {}


/*** Detailed Looks ***/

#header h1{
	margin:.2em 0 0 0;
	font-size:40px;
}
#header a{
	color:black;
	text-decoration:none;
	}
#header h4{
	margin-top:0;
}



/*** left nav ***/
.leftnav{
	width:170px;
	padding:10px 10px 300px 10px;
	color:#111;
	border-right:1px solid #ccc;

	}
	
.column .menu_top,	
.column .menu_top ul{
	padding:0;
	margin:0;
	}
.column .menu_top ul{
	margin:0;
	padding-left:20px;
	}
	
.column .menu_top li{
	list-style: none;
	}
	
.column .menu_top a{
	display:block;
	margin:10px 0;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dashed #556688;
	border-left:5px solid #fff;
	padding-left:5px;
	white-space:nowrap;
	overflow:hidden;
	}
	
.column .menu_top a:hover, .column .menu_top a.selected{
	border-left:5px solid #556688;
	color:#556688;
	}
/*** fix for ie so elements don't start moving around ***/
* html .column .menu_top a:hover{
	border-left:5px solid #fff;
	}

	

	
.rightnav{
	background-color:#fff;
	border-left:1px solid #ccc;
	padding:10px 10px 300px 10px;
	color:#111;
	}
.rightnav input.text{width:90%}	
	


/*** menu ***/

#menu{	
	clear: both;
	margin: 1em 0 1em 0; 
	padding: 0 0 3px 0;		
	background-color: #005e00;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius:9px;
	border:1px solid #005e00;
	width:100%;
	float: left;
	position:relative;
}
#menu ul {
	margin: 3px 15px;
	padding: 0;
	display: inline;
	float: left;
	list-style: none;

}
#menu li {
	float: left;
	list-style: none;
}

#menu li a {
	font-size:14px;
	font-weight:bold;
	display: block;
	padding: 4px 7px;	
	margin: 3px 0 3px 9px;
	color: #FFF;
	background: #007e00;
	text-decoration: none;	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius:7px;
	border:1px solid #007e00;
	
}
#menu li:hover a , #menu li a.selected {
	background: #004e00;
	color: #fff;
	border-color:#004e00;
}






/*------------------------------------------------topheader--------------------*/
#topheader{
	width:1004px;
	height:100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url(images-zeleni/logo_banner.png);
	background-repeat: no-repeat;
}
.engleski {
padding-right:30px;
padding-top:3px;

float:right;
}

.engleski a{

font-style: normal;
text-decoration: none;
font-family: Arial;
	font-size: 11px;
}
.top_strip {
	margin: 0px;
	float: left;
	height: 25px;
	width: 425px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 635px;
}
.kontakt {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 23px;
border-right: solid 1px #7f7f7f;
}
.kontakt:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	
	color: #af0602;
	text-decoration: none;

	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 23px;
border-right: solid 1px #7f7f7f;
}
.registracija {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 63px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}
.registracija:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	
	color: #af0602;
	text-decoration: none;
	
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 63px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}


.onama {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}
.onama:hover {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #af0602;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 45px;
	padding-top:2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}

.newsletter {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}
.newsletter:hover {
	font-family: Arial;
font-size: 11px;
	font-weight: normal;
	
	color: #af0602;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 60px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
border-right: solid 1px #7f7f7f;
}
.suscribe {
	font-family: Arial;
font-size: 11px;
	font-weight: bold;
	
	color: #090909;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 85px;
	padding-top:2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;

}
.suscribe:hover {
	font-family: Arial;
font-size: 11px;
	font-weight: bold;
	
	color: #af0602;
	text-decoration: none;
	margin-top: 3px;
	float: left;
	height: 10px;
	width: 85px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;

}
.top_search {
	float: left;
	height: 50px;
	width: 425px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(images-zeleni/search.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 667px;
}
.searchname {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #a57d53;
	text-decoration: none;
	float: left;
	height: 20px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.searchtextbox {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 19px;
	width: 205px;
border: 0px;
	
}
.searchtextbox:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 19px;
	width: 205px;
	border: 0px;
}
.searchname1 {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #a57d53;
	text-decoration: none;
	float: left;
	height: 25px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}.go {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
background-image: url(images-zeleni/trazi.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 25px;
	width: 90px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.go:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
background-image: url(images-zeleni/trazi1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 25px;
	width: 90px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menu_area {
	float: left;
	height: 33px;
	width: 400px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 360px;
	padding: 0px;
}.menu {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 32px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
background-image: url(images-zeleni/menidesno.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
}
.menu:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
	background-color: #353131;
background-image: url(images-zeleni/menihover.gif);
	margin: 0px;
	float: left;
	height: 32px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
}
.menu_hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #006633;
	text-decoration: none;
background-image: url(images-zeleni/menihover.gif);
	margin: 0px;
	float: left;
	height: 32px;
	padding-top: 15px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	cursor:text;
}
/*------------------------------------------------body_area--------------------*/

.body_area_okvir{


width:1004px;
margin-right: auto;
margin-left: auto;
float: none;
}

.body_area{

position:relative;

	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	
	text-decoration: none;
	
	
}


.razmak {
height:6px;
}

.zaglavljetijela{

width:630px;
font-size: 11px;
font-style: normal;
font-family: Tahoma;
font-variant: normal;
	text-transform: none;
color: #ffffff;
height:24px;
margin-left:410px;
padding-left:15px;
padding-top:5px;
background-image: url(images-zeleni/zaglavljetijela.png);
background-repeat: no-repeat;

}
.zaglavljetijelalink{

font-style: normal;
font-family: Tahoma;
font-weight: bold;
	text-transform: none;
color: #ffffff;


}

.left {
	margin: 0px;
	float: left;

	width: 330px;
	padding-top: 220px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
}

.right {
	margin: 0px;
	float: right;
	
	width: 250px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.lijevonaslov {
font-size: 16px;
font-weight: bold;
font-family: Arial;
padding-left:20px;
margin-left:8px;
padding-top:8px;
color: #ffffff;
width:344px;
height:30px;
background-image: url(images-zeleni/lijevonalov.png);
background-repeat: no-repeat;
}

.lijevoboks {
width:234px;
font-size: 12px;
font-style: normal;
font-family: Tahoma;
padding-top:6px;
padding-left:18px;
margin-top:2px;
}

.lijevoboks a {
font-size: 14px;
font-weight: bold;
text-decoration:none;
color:#ffffff;
}

.lijevoboks a:hover {
color:#ffffff;
}

.simple_blog_info {
font-size: 10px;
}



.lijevoboksdno {
width:244px;
height:9px;
margin-bottom:2px;

}


.left_head {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #7c8e06;
	text-decoration: none;
}

.sredina {
	font-size: 12px;
font-style: normal;
font-family: Tahoma;
color: #494949;
	margin: 0px;
	float: left;
	width: 530px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.sredinavelika {
	font-size: 12px;
font-style: normal;
font-family: Tahoma;

	margin: 0px;
	float: left;
	width: 530px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.sredinavelikalijevo {
	font-size: 12px;
font-style: normal;
font-family: Tahoma;
color: #494949;
	margin: 0px;
	float: left;
	width: 730px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.innergray_strip2 {
	margin: 0px;
	float: left;
	width: 152px;
	padding:0px;
}
.innergray_strip {
	background-image: url(images-zeleni/eventsbg.jpg);
	margin: 0px;
	float: left;
	width: 134px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.innergray_strip {
	background-image: url(images-zeleni/eventsbg.jpg);
	margin: 0px;
	float: left;
	width: 134px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.innerbottomgray_strip {
	background-image: url(images-zeleni/eventsbottombg.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	float: left;
	width: 152px;
	height:3px;
	padding:0px;
}
.desno {
	margin: 0px;
	float: left;

	width: 200px;
margin-left:5px;
	padding-top: 0px;
	
}
.desnonaslov {
font-size: 11px;
font-style: normal;
font-weight: bold;
font-family: Tahoma;
font-variant: normal;
padding-left:15px;
padding-top:6px;
color: #ffffff;
width:200px;
height:18px;
background-image: url(images-zeleni/desnonaslov.png);
background-repeat: no-repeat;
}
.desnoboks {
width:200px;
font-size: 11px;
font-style: normal;
font-family: Tahoma;
color: #494949;
background-image: url(images-zeleni/desnoboks.png);
padding:7px;
margin-top:2px;
background-repeat: no-repeat;
}
.desnoboksdno {
width:200px;
height:9px;
margin-bottom:2px;
background-image: url(images-zeleni/lijevoboksdno.png);
background-repeat: no-repeat;
}
.head {
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images-zeleni/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 42px;
}
.body_text {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}
.body_text1 {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ac0101;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.body_textlink {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	background-color: #FFFFFF;
	text-decoration: none;
}
.body_textlink:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ac0101;
	background-color: #FFFFFF;
	text-decoration: none;
}.link {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #4b4747;
	text-decoration: none;
	background-image: url(images-zeleni/link.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 19px;
	width: 575px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
}
.link:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images-zeleni/link_hover.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 19px;
	width: 575px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
}
.links1_area {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 235px;
}
.link_no {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 85px;
}
.link_no1 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 109px;
}
.link_no2 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 85px;
}
.link_no3 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 161px;
}
.link_no4 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 128px;
}
.link_no5 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 96px;
}
.link_no6 {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 134px;
}
.link1 {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #655f5f;
	text-decoration: none;
	background-image: url(images-zeleni/link1_active.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 16px;
	width: 223px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.link1:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #af0b05;
	text-decoration: none;
	background-image: url(images-zeleni/link1_hover.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 16px;
	width: 223px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.idea_divider {
	background-color: #f7f6e9;
	padding: 0px;
	float: left;
	height: 118px;
	width: 6px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 37px;
}
/*------------------------------------------------fotter--------------------*/
.footer{
position absolute;
margin-right: auto;
margin-left: auto;


width:1004px;

height:176px;

background-image: url(images-zeleni/dno.png);

	
}

.footer p{

font-family: Arial;
	font-size: 11px;
color:#ffffff;
padding-top:150px;
padding-left:690px;
}

.footer p a{

font-family: Arial;
	font-size: 11px;
color:#ffffff;

}




/*------------------------------------------------validation --------------------*/
.validation {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images-zeleni/more.png);
	background-repeat: no-repeat;
	float: right;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.validation:hover {
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images-zeleni/more1.png);
		background-repeat: no-repeat;
	float: right;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*------------------------------------------------validation--------------------*/
.fotter_designed {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fotter_designed1 {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #d0b003;
}
.fotter_designedlink {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
}
.fotter_designedlink:hover {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #d0b003;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#innerblank
{
	width:1004px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: left;
}

#innercontentblank
		{
	margin: 0px;
	float: left;
	width: 605px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 21px;
		}
#innerhedding
		{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images-zeleni/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}		
#innercontent
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;
		}		
#innercontent002
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}		
#innercontent003
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}		
#innercontent004
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}		
#innercontent005
		{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;	
		}
#submenuhedding
		{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images-zeleni/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}
#submenublank
		{
		width: 600px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 23px;
		padding-left: 0px;
		}
#submenutop				
		{
		width:540px;
		height:1px;
		padding:0px;
		margin:0px;
		float:left;
		background-image:url(images-zeleni/topline.jpg);
		background-repeat:no-repeat;
		}
.submenu				
		{
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		color: #8f8d69;
		text-decoration:none;
		width:520px;
		height:17px;
		padding:2px 0 0 20px;
		margin:0px;
		float:left;
		background-image: url(images-zeleni/active.jpg);
		background-repeat:no-repeat;
		}
.submenu:hover				
		{
		font-family: Arial;
		font-size: 12px;
		font-weight: normal;
		color: #8f8d69;
		text-decoration:none;
		width:520px;
		height:17px;
		padding:2px 0 0 20px;
		margin:0px;
		float:left;
		background-image: url(images-zeleni/over.jpg);
		background-repeat:no-repeat;
		}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------contactpage----------------------------------------------------------------------------------------*/
#contactblank
			{
	margin: 0px;
	float: left;
	width: 674px;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
		
			}
		
#contactinnerblank
		{
				width:1004px;
				height:500px;
				float:left;
				margin:0px;
				padding:0px;
		}
#contactheddingblank
		{
			width:500px;
			height:30px;
			float:left;
			margin:27px 0 0 45px;
			padding:0px;
			font:normal 12px/17px Arial, Helvetica, sans-serif;
			color:#CECECE;
			border-bottom: solid 1px #7f7f7f;
			
			
		}
#contactaddressblank{
				margin: 0px;
				padding:0 0 0 30px;
				float: left;
				width:236px;
				font-family: "Trebuchet MS";
				font-size: 11px;
				font-weight: normal;
				color: #000000;
				text-decoration: none;
				
	}

#contactaddresshedding
		{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images-zeleni/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}		

#contactaddresstext{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	text-align:justify;
	}
#contactsmallhedding
			{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #af0602;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
			}
#contacthedding
			{
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(images-zeleni/smile_icon.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	width: 545px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 55px;
	font-size: 34px;
	color: #7c8e06;
	height: 22px;
		}
			
#contacticon{
				width:86px;
				height:84px;
				float:left;
				background-image: url(contacticon.png);
				background-repeat:no-repeat;
				margin:10px 0 0 30px;
	}
#contactfeildnameblank
			{
				width:160px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildblank
			{
				width:200px;
				height:400px;
				margin:10px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname
			{
				width:160px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeildname002
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname003
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname004
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname005
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname006
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeildname007
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname008
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeildname009
			{
				width:150px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild
			{
				width:200px;
				height:20px;
				margin:0px;
				padding:0;
				float:left;
			}
#contactfeild002
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild003
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild004
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild005
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild006
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#contactfeild007
			{
				width:200px;
				height:20px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild008
			{
				width:200px;
				height:20px;
				margin:8px 0 0 0;
				padding:0;
				float:left;
			}	
#contactfeild009
			{
				width:200px;
				height:60px;
				margin:5px 0 0 0;
				padding:0;
				float:left;
			}
#submitbutton
			{
				width:200px;
				height:20px;
				margin:60px 0 0 0;
				padding:0;
				float:left;
				text-align: center;

			}	
			
.contactfeildname
			{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #8f8d69;
	text-decoration: none;
			}
.contactfeild
			{	font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color: #3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.contactfeild
			{
				font-family:Arial, Helvetica, sans-serif;
				font-size:10pt;
				color:#3c4538;
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
				height:20px;
			}
.submitbutton
			{
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images-zeleni/more.png);
	background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor:pointer;
			}
.submitbutton:hover 
			{
	font-family: Arial;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images-zeleni/more1.png);
		background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 44px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor:pointer;	
			}
			
.contactinput
		{

				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.contactinput:hover
		{
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}
.listbox
		{

				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
		}
.listbox:hover
		{
				width:174px;
				height:20px;			
				border:solid;
				border-width:1px;
				border-color:#d2e3e9;
				background-color:#fffdfd;
	}	
/*----------------------------------------------------------------LIJEVI MENI----------------------------------------------------------------------------------------*/		

.dropmenu {
z-index:1000;
font-size: 11px;s
font-style: normal;
font-weight: bold;
font-family: Tahoma;
font-variant: normal;
color: #000000;

}

.dropmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:317px;
}
/* hack for IE5.5 */
* html .dropmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.dropmenu li {
position:relative;


}

/* get rid of the table */
.dropmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.dropmenu a, .dropmenu a:visited {
display:block; 
text-decoration:none;
height:30px;
line-height:20px;
padding-top:5px;
padding-left:5px;
width:317px;
font-size: 12px;
color:#ffffff;
text-indent:5px;
background-image: url(images-zeleni/lijevimeni.png);
background-repeat: no-repeat;
}
/* hack for IE5.5 */
* html .dropmenu a, * html .dropmenu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .dropmenu a:hover {color:#fff; background:#949e7c;}

.dropmenu :hover > a {
color:#9cc73e; 
background-image: url(images-zeleni/lijevimeni1.png);
background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:234px; 
}
/* make the second level visible when hover on first level list OR link */
.dropmenu ul li:hover ul,
.dropmenu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.dropmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.dropmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.dropmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.dropmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/*----------------------------------------------------------------DESNIMENIVELIKI----------------------------------------------------------------------------------------*/		

.velikidesnidropmenu {
z-index:1000;
font-size: 11px;s
font-style: normal;
font-weight: bold;
font-family: Tahoma;
font-variant: normal;
color: #000000;

}

.velikidesnidropmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:234px;
}
/* hack for IE5.5 */
* html .velikidesnidropmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.velikidesnidropmenu li {
position:relative;
background:#e5e5e5;

}

/* get rid of the table */
.velikidesnidropmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.velikidesnidropmenu a, .velikidesnidropmenu a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:20px;
width:234px;
font-size: 11px;
color:#202020;
text-indent:5px;
background-image: url(images-zeleni/lijevimeni.png);
background-repeat: no-repeat;
}
/* hack for IE5.5 */
* html .velikidesnidropmenu a, * html .velikidesnidropmenu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .velikidesnidropmenu a:hover {color:#fff; background:#949e7c;}

.velikidesnidropmenu :hover > a {
color:#fff; 
background-image: url(images-zeleni/lijevimeni1.png);
background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.velikidesnidropmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-234px; 
}
/* make the second level visible when hover on first level list OR link */
.velikidesnidropmenu ul li:hover ul,
.velikidesnidropmenu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.velikidesnidropmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.velikidesnidropmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.velikidesnidropmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.velikidesnidropmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/*----------------------------------------------------------------DESNI MENI MALI----------------------------------------------------------------------------------------*/		

.desnidropmenu {
z-index:1000;
font-size: 10px;s
font-style: normal;
font-family: Tahoma;
font-variant: normal;
color: #000000;

}

.desnidropmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:185px;
}
/* hack for IE5.5 */
* html .desnidropmenu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.desnidropmenu li {
position:relative;
background:#e5e5e5;

}

/* get rid of the table */
.desnidropmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.desnidropmenu a, .desnidropmenu a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:20px;
width:185px;
font-size: 10px;
color:#202020;
text-indent:5px;
background-image: url(images-zeleni/lijevimeni.png);
background-repeat: no-repeat;
}
/* hack for IE5.5 */
* html .desnidropmenu a, * html .desnidropmenu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .desnidropmenu a:hover {color:#fff; background:#949e7c;}

.desnidropmenu :hover > a {
color:#fff; 
background-image: url(images-zeleni/lijevimeni1.png);
background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.desnidropmenu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:-185px; 
}
/* make the second level visible when hover on first level list OR link */
.desnidropmenu ul li:hover ul,
.desnidropmenu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.desnidropmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.desnidropmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.desnidropmenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.desnidropmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu1 {
margin-top:12px;
font-family:
arial, sans-serif;
width:750px;
height:31px;
position:relative;
font-size:11px;
z-index:999;

}

	


.menu1 ul li a, .menu1 ul li a:visited {
display:block;
width:96px;
height:31px;
overflow:hidden;
font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
text-align:center;
padding-top:16px;

background-image: url(images-zeleni/menidesno.gif);
	background-repeat: no-repeat;
}
.menu1 ul {list-style: none; }
.menu1 ul li {float:left; position:relative;}
.menu1 ul li ul {display: none;}

/* specific to non IE browsers */
.menu1 ul li:hover a {color:#3c4a39; margin-top:0px; background-image: url(images-zeleni/menihover.gif);}
.menu1 ul li:hover ul {display:block; position:absolute; top:47px; left:0; width:178px; margin-top:0px;}
.menu1 ul li:hover ul li a.hide {background:#6a3; color:#fff; }
.menu1 ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block; background:#9cc73e; color:#ffffff; font-size:11px; width:178px; height:5px; text-align:left; margin-left:-40px;padding-top:-17px; padding-left:15px; padding-bottom:15px;}
.menu1 ul li:hover ul li a:hover {color:#000; background-image: url(images-zeleni/menihover.gif);}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:154px; top:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-205px;}