body {
    margin: 0 0 15px 0;
    padding: 0;
	 font-family: "Trebuchet MS", Verdana, Tahoma,  Arial, sans-serif;
	 font-size: 11px;
	 background: url(../images/body_bg.gif) ;
}

#main{
	width: 745px;
	margin:  20px auto;
	padding: 0;
}

#outer{
	width: 744px;
	/*height: 100px;*/
	/*margin: 0 125px;*/
	padding: 0;
}

#header{
	margin: 0;
	padding: 0;
}

.logobghome{
	background: url(../images/logobg_home.jpg);	
	width: 289px;
	height: 236px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

.logobgptice{
	background: url(../images/logobg_ptice.jpg);	
	width: 289px;
	height: 236px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

.logobginsekti{
	background: url(../images/logobg_kukci.jpg);	
	width: 289px;
	height: 236px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

.logobgprocelja{
	background: url(../images/logobg_procelja.jpg);	
	width: 289px;
	height: 236px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

.logobgvisinski{
	background: url(../images/logobg_visinski.jpg);	
	width: 289px;
	height: 236px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

.headnav{
	float: right;
	margin: 0;
	padding: 0;
}

.clear{
	clear: both;
}

.logo{
	margin: 0;
	padding: 0;
}

.slidefotohome{
	background: url(../images/slide_home.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotoptice{
	background: url(../images/slide_ptice.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotoinsekti{
	background: url(../images/slide_insekti.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotoprocelja{
	background: url(../images/slide_procelja.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotovisinski{
	background: url(../images/slide_visinski.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotoref{
	background: url(../images/slide_ref.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotokontakti{
	background: url(../images/slide_kontakti.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}

.slidefotoclanci{
	background: url(../images/slide_clanci.gif);
	width: 455px;
	height: 204px;
	margin: 0;
	padding: 0;		
}


/**************** navigation */
#nav{
	margin: 0;
	padding: 13px 0 13px 2px;
	font-size: 11px;
	color: Green;
	background: #97CB93;
}

#nav strong{
	display: none;
}

#nav a{
	margin: 0 0 0 -2px;
	/*padding: 13px 55px;*/
   padding: 9px 55px;
	/*border-top: 3px solid #468D57;*/
	border-bottom: 4px solid Green;
	text-decoration: none;
}

#nav a:hover{
	border-bottom: 4px solid #7FB882;
}

#nav ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

#nav ul li { 
	padding: 0; 
	margin: 0;
	display: inline; 
}


#pocetna{
	background: url(../images/pocetna.gif);
}

#reference {
	background: url(../images/reference.gif);
}

#kontakti {
	background: url(../images/kontakti.gif); 
}

#clanci {
	background-image: url(../images/clanci.gif);
}

/*#pocetna:hover{
	background-image: url(../images/pocetna2.gif);
}

#reference:hover {
	background: url(../images/reference2.gif);
}

#kontakti:hover {
	background: url(../images/kontakti2.gif); 
}

#clanci:hover {
	background-image: url(../images/clanci2.gif);
}

/*************************/

#content {
	margin: 0;
	padding: 20px;
	background: White;
	width: 415px;	
	float: right;
}

#content p{
	margin: 0;
	padding: 0;
	color: #374F3D;
}

#content p.clanci{
	margin: 0 0 15px 0;
	padding: 0;
	color: #374F3D;
}

#content h1{
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;	
	font-weight: bold;
	color: #374F3D;
}

#content h2{
	font-size: 12px;
	font-weight: bold;
	margin: 0  0 10px 0;
	color: #77AB84;
}

#content ul{
	margin: 0 20px 15px 20px;
	padding: 0;
}

#content li{
	list-style-image: url(../images/bullet_dark.gif);
	margin: 5px 0;
	color: #374F3D;
}

#productnav{
	width: 249px;
	padding: 20px;
	margin: 0;
	background: #E2EDE0;	
	float: left;	
	text-align: right;
}

#productnav ul{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#productnav li{
	padding: 10px;
	margin: 3px 0;
	background: #F1F8EF;
}



#productnav a{
	color: #458C57;
	text-decoration: none;
	margin: 0;
	padding: 0;		
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#productnav a:hover{
	background:  #CEDACC;
	color: Green;
}

#productnav ul ul {
	padding: 0;
	margin: 0 0 8px 0;
}

#productnav ul ul li{
	padding: 0;
	margin: 1px 0;
}

#productnav ul ul li a{
	color: #8BBB88;
	padding: 0 0 0 0;
}

#productnav ul ul li a:hover{
	color: Green;
}

#productnav ul li a.open{
	background: url(../images/bullet_down.gif);
	padding: 0 10px 0 0;
	background-position: right;
	background-repeat: no-repeat;
}

#productnav ul li a.open:hover{
	background: #CEDACC url(../images/bullet_down.gif);
	padding: 0 10px 0 0;
	background-position: right;
	background-repeat: no-repeat;
	color: Green;
}


.homeboxholder{
	margin: 0;
	padding: 0;
	border: 1px solid White;
}

.homeboxleft{
	float: left;
	width: 200px;	
	margin-right: 10px;
	padding: 0; 

}

.homeboxright{
	width: 200px;	
	padding: 0; 
	margin: 0;	
	float: right;
}

.homeboxleft img, .homeboxright img{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
}

.homeboxleft p, .homeboxright p{
	display: block;
	height: 65px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.homeboxleft img.foto, .homeboxright img.foto{
	margin: 0 0 5px 0;
	padding: 0;
}

.homeboxleft a, .homeboxright a{
	display: block;
	text-align: right;
	margin: 15px 0 0 0;
	color: #96CA92;
	text-decoration: none;
}

.homeboxleft a:hover, .homeboxright a:hover {
	text-decoration: underline;
}

.spacer{
	margin: 0;
	padding: 0;
	font-size: 14px;
	clear: both;
}

/*********** footer */


#footer{
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
	line-height: 11px;
	clear: both;	
	text-align: right;
	color: #458C57;

}

#footer img{
	position: relative;
	top:2px;
	left: 4px;
}

#footer a{
	color: #96CA92;
	font-size: 10px;
}

#footer a:hover{
	text-decoration: none;
}
#footer a.no{
	color: #96CA92;
	font-size: 11px;
	text-decoration: none;
}


/***********************/

#content #contacts h2{
	margin: 15px 0 8px 0;
	padding: 0;
	
}

#content #contacts li{
	list-style: none;
	list-style-image: none;
	margin: 2px 0;
	padding: 0;
}

#content #contacts ul{
	margin: 2px 0;
	padding: 0;
}


#content #contacts .block{
	margin: 0;
   float: left;
}

#content #contacts input, #content #contacts textarea{
	margin: 2px 5px 5px 0;
	border: 1px solid #458C57;
	background: #F1F8EF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #77AB84;
}


#content #contacts .form{
	margin: 0 15px 0 0;
	float: right;
	padding: 0;	
}

.button{
	margin: 2px 5px 5px 0;
	border: 1px solid #458C57;
	background: #F1F8EF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #77AB84;
}

/***********************/

#references{
	color: #374F3D;
	margin: 0;
}

#references a, #references img{
	border: 0;
}

#content #references h1{
	font-size: 12px;
	margin: 0 0 10px 5px;
	padding: 0;	
	color: #374F3D;
}

#references img{
	display: block;
	background: url(../images/ref_bg.gif);
	background-repeat: no-repeat;
	padding: 5px;
	margin: 0 0 3px 0;
}

#references .leftfoto{
	float: left;
}

#references .rightfoto{
	float: right;
}

#references .leftfoto, #references .rightfoto{
	text-align: center;
	width: 200px;
	margin-bottom: 10px; 
} 

#content #references ul{
	margin: 0 20px;
	padding: 0;
}

#content #references li{
	list-style-image: url(../images/bullet_dark.gif);
	margin: 5px 0;
	color: #374F3D;
}

#title{
	margin: 0 0 15px 0;
}

/*.pointer{
	cursor: hand;
}*/

#exclusive{
	
	margin: 0 0 0 0;
	padding: 150px 0 0 176px;
	
	
}

.clanakon{
	margin: 15px 0;
}

#content .clanakon h2, #content .clanakon h3{
	margin: 0;
	padding: 0;
}

#content .clanakon h3{
	font-size: 11px;
	color: #458C57;
}

.left p, .left h3{
	text-align: left;
	font-size: 11px;
	margin: 25px 0 10px 0;
	padding: 0;
}