/*	-------------------------------------------------------------
	Position
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
body {
background-color: #fff;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
color: #fff;
border: 0px;
margin: 0px;
padding: 0px;
text-align: center;



scrollbar-arrow-color: #C9DDE8; scrollbar-face-color: #488AAD; scrollbar-track-color: #5393B5; scrollbar-shadow-color:#5393B5; scrollbar-highlight-color:#5393B5; scrollbar-3dlight-color:#5393B5; scrollbar-darkshadow-Color:#5393B5;

}

#containerx
{

padding: 0px;
text-align: left;

   position: absolute;
      left: 50%;
      top: 50%;
      width: 870px;
      height: 520px;
      margin-left: -435px; /* half of width */
      margin-top: -260px;  /* half of height */


}

#container
{
width: 870px;
margin:0px auto;
padding: 0px;
text-align: left;
}
#header {
	height: 46px;
	width: 870px;
	margin: 0px;
	

}


/*	-------------------------------------------------------------
 logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#logo{
float: left;
	width: 140px;
	height: 46px;

background-image: url(images/energo_pet_logo.gif);
background-position: 0px 0px;
background-repeat: no-repeat;

margin: 0px;
}

#logo a{
	width: 140px;
	height: 46px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#logo a:link, #logo a:visited{
text-indent: -9999px;}


#logo h1{
	
border: 0px;

}


/*	-------------------------------------------------------------
implementek
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#implementek
{
float:right; 
/*margin-top:-21px; 
margin-top:-24px; */
margin:0;
margin: -19px 0px 0px 0px;
width:auto;
width:210px;

/* to hide the link with text-indent */
/*
width:310px;
*/
}


#implementek a
{
background-image:url(images/implementek-off.gif);
background-position:left;
background-repeat:no-repeat;
/*padding:5px 0;*/

padding-left:26px;


text-decoration:none;
line-height:20px;

/*text-indent:-11000px;*/
width:auto;

float:left;

display: block;
/*  IE 5 Hack \*/
overflow: hidden;
/* end hack */ 
	
/* to hide the link with text indent uncomment bellow
*/
/*
width:auto;
width:20px;
float:right;
margin:0;
padding:0;
margin-left:5px;
*/	

/* withoud intro text  in p remove the comment bellow */
float:right;
}

#implementek a:link, #implementek a:visited
{
 /* to hide the link text uncomment */
 /* text-indent: -9999px;  */
}

#implementek a:hover
{
background-image:url(images/implementek-on.gif);
text-decoration:underline;
}




/*	-------------------------------------------------------------
 top navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#top_nav{
float: left;
	width: 730px;
	margin: 0px;
	height: 46px;
	
	background-image: url(images/bg_flower.jpg);
background-position: top right;
background-repeat: no-repeat;

}	

#top_nav li{
display: inline; 
float:left;
}
#nav_ul {
float: left;
	height: 46px;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	margin: 0px;
	display: inline;
}

#nav_ul a{
height: 46px;
	
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#nav_home, #nav_home_on{ width: 98px;  height: 46px; margin-right: 0px;}
#nav_about, #nav_about_on {width: 103px; height: 46px; margin-right: 0px;}
#nav_products, #nav_products_on {width: 152px; height: 46px; margin-right: 0px;}
#nav_news, #nav_news_on {width: 78px; height: 81px; margin-right: 0px;}
#nav_partners, #nav_partners_on {width: 81px; height: 46px;}
#nav_certificates, #nav_certificates_on {width: 82px; height: 46px;}
#nav_contact, #nav_contact_on {width: 71px; height: 46px;}
#nav_english, #nav_english_on {width: 65px; height: 46px;}


#nav_home a, #nav_home_on a {width: 98px; height: 46px;}
#nav_about a, #nav_about_on a {width: 103px; height: 46px;}
#nav_products a, #nav_products_on a {width: 152px; height: 46px;}
#nav_news a, #nav_news_on a {width: 78px; height: 46px;}
#nav_partners a, #nav_partners_on a {width: 81px; height: 46px;}
#nav_certificates a, #nav_certificates_on a {width: 82px; height: 46px;}
#nav_contact a, #nav_contact_on a {width: 71px; height: 46px;}
#nav_english a, #nav_english_on a {width: 65px; height: 46px;}

#nav_home a:link, #nav_home a:visited { background: url(images/nav_home.gif) no-repeat;text-indent: -9999px; }
#nav_about a:link, #nav_about a:visited { background: url(images/nav_about.gif) no-repeat;text-indent: -9999px; }
#nav_products a:link, #nav_products a:visited { background: url(images/nav_products.gif) no-repeat;text-indent: -9999px; }
#nav_news a:link, #nav_news a:visited { background: url(images/nav_news.gif) no-repeat;text-indent: -9999px; }
#nav_partners a:link, #nav_partners a:visited { background: url(images/nav_partners.gif) no-repeat;text-indent: -9999px; }
#nav_certificates a:link, #nav_certificates a:visited { background: url(images/nav_certificates.gif) no-repeat;text-indent: -9999px; }
#nav_contact a:link, #nav_contact a:visited { background: url(images/nav_contact.gif) no-repeat;text-indent: -9999px; }
#nav_english a:link, #nav_english  a:visited { background: url(images/nav_english.gif) no-repeat;text-indent: -9999px; }

#nav_home a:hover { background: url(images/nav_home_on.gif) no-repeat;text-indent: -9999px; }
#nav_about a:hover { background: url(images/nav_about_on.gif) no-repeat;text-indent: -9999px; }
#nav_products a:hover { background: url(images/nav_products_on.gif) no-repeat;text-indent: -9999px; }
#nav_news a:hover { background: url(images/nav_news_on.gif) no-repeat;text-indent: -9999px; }
#nav_partners a:hover { background: url(images/nav_partners_on.gif) no-repeat;text-indent: -9999px; }
#nav_certificates a:hover { background: url(images/nav_certificates_on.gif) no-repeat;text-indent: -9999px; }
#nav_contact a:hover { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }
#nav_english a:hover { background: url(images/nav_english_on.gif) no-repeat;text-indent: -9999px; }

#nav_home_on a:link, #nav_home_on a:visited { background: url(images/nav_home_on.gif) no-repeat;text-indent: -9999px; }
#nav_about_on a:link, #nav_about_on a:visited { background: url(images/nav_about_on.gif) no-repeat;text-indent: -9999px; }
#nav_products_on a:link, #nav_products_on a:visited { background: url(images/nav_products_on.gif) no-repeat;text-indent: -9999px; }
#nav_news_on a:link, #nav_news_on a:visited { background: url(images/nav_news_on.gif) no-repeat;text-indent: -9999px; }
#nav_partners_on a:link, #nav_partners_on a:visited { background: url(images/nav_partners_on.gif) no-repeat;text-indent: -9999px; }
#nav_certificates_on a:link, #nav_certificates_on a:visited { background: url(images/nav_certificates_on.gif) no-repeat;text-indent: -9999px; }
#nav_contact_on a:link, #nav_contact_on a:visited { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }
#nav_english _on a:link, #nav_english _on a:visited { background: url(images/nav_contact_on.gif) no-repeat;text-indent: -9999px; }






/*	-------------------------------------------------------------
content - home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.content_home{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;
background-color: #3f7a9a;

background-image: url(images/bg_content_home.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

}

.content_about{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;
background-color: #5594B7;

background-image: url(images/bg_content_3.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;

}



.spacer{
	width: 140px;
	display: block;
	float: left;
}



.content_area{
float: left;
width: 507px;
height: 429px; 
	
margin: 0px;
padding: 0px;
background-color: #5393B5;

background-image: url(images/bg_content.gif);
background-position: 0px 0px;
background-repeat: repeat-x;

}



.slider{
width: 420px;
height:290px;
position: relative;
overflow: auto;
margin-left: 36px;
margin-top: 0px;
padding-right: 15px;




	}
	
	.slider p{
text-align: justify;

	}
	

	.spacer{
	width: 140px;
	height: 1px;
	float: left;
	background-color: transparent;
	background-image: none;
	border: 0px;
}
	
	
	/*	-------------------------------------------------------------
content - dodatak
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.content_about_profile{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_profile.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_about_history{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_history.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_about_vision{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_vision.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_about_management{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_management.jpg);
background-position: top right;
background-repeat: no-repeat;

}


.content_products{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_products.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_news{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_news.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_partners{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_partners.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_certificates{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_certifivates.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_contact{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;


background-image: url(images/image_about_contact.jpg);
background-position: top right;
background-repeat: no-repeat;

}

.content_frame{
width: 870px;
height: 429px; 
	
margin: 0px;
padding: 0px;
background-color: #5594B7;

background-image: url(images/bg_intro.gif);
background-position: top left;
background-repeat: repeat;

}


/*	-------------------------------------------------------------
subnavigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.subnavigation {
float: left;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	margin: 0px;
	width: 140px;
	
}
.subnavigation li{
display: block; 
float:left;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
}
.subnavigation a {
line-height: 26px;
	text-indent: 0px;
	color: #fff;
	display: block;
	font-size: 11px;
	
	padding-left: 20px;
	margin-right: -20px;
	text-decoration: none;
	width: 140px;
	/*  IE 5 Hack \*/

}
.subnavigation a:link, .subnavigation a:visited { 

background: url(images/bg_left_nav.gif) no-repeat;
background-position: bottom left;

 }
.subnavigation a:hover  { background: url(images/bg_left_nav_o.gif) no-repeat; }


#subnav_on{
	background: url(images/bg_left_nav_o.gif) no-repeat;
}

#subnav_izvestaj {
    padding-top: 6px;
	line-height: 15px;
	text-transform: lowercase;
	padding-bottom: 6px;
}

#subnav_izvestaj:hover{
     padding-top: 6px;
	background: url(images/nav_izvestajx.gif) no-repeat;
	line-height: 15px;
	text-transform: lowercase;
	padding-bottom: 6px;
}

#subnav_izvestaj_on{
 padding-top: 6px;
	background: url(images/nav_izvestajx.gif) no-repeat;
	line-height: 15px;
	text-transform: lowercase;
	padding-bottom: 6px;
}


/*	-------------------------------------------------------------
      Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer{
	width: 870px;
	height: 40px;
	margin-bottom: 0px;
	
	background-image: url(images/bg_footer.gif);
background-position: top left;
background-repeat: repeat-x;





font-size: 10px;
color: #585858;
padding-top: 5px;
text-indent: 0px;
	
}



#footer p {
	margin: 0px;
	padding-top: 2px;
}

#footer a{
	color: #333;
}


/*	-------------------------------------------------------------
   Generic elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	a img{
	border: 0px;
}
	
	p{
	line-height: 17px;
	margin: 0px;
}
	
	a.linkovi {
	color: #FAE55A;
	text-decoration: none;
}

a.linkovi:hover{
	color: #FFE95F;
	text-decoration: underline;
}

h1{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	margin: 52px 36px 5px 36px;	
    border-bottom: solid #9DC8E7;
	border-bottom-width : 1px;
	letter-spacing: 2px;
    padding-bottom: 2px;
	


}

h2{
	font-size: 13px;
	font-weight: bolder;
	color: #fff;
	margin: 15px 0px 5px 0px;
    border-bottom: solid #5394B7;
	border-bottom-width : 1px;
}



#header h1{
	margin: 0px;
	
	

}



/*	-------------------------------------------------------------
  Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.inputf {
	display: block;
	width: 217px;
	border: solid #DEDEDE 1px; 
background-color: #fff;
padding-left: 6px;
color: #333;
margin-bottom: 20px;

margin-right : 13px;

}

	.inputf_contact {
	display: block;
	width: 300px;
	border: solid #DEDEDE 1px; 
background-color: #fff;
padding-left: 6px;
color: #333;
margin-bottom: 20px;

margin-right : 13px;

}
	
.certificate{
	margin-right: 12px;
	margin-top: 12px;
}