/*
	Company: ELPIKO, http://www.elpiko.co.yu/
	Date (create): 01-02-2006
	Date (update): 01-03-2006
	
	******************************
	*****      Sadrzaj       *****
	******************************
	ID: 
		I Osnovni elementi
		II Podesavanje stranice
		# Header
		# Footer
*/



/* 
	**************************************
	*****  Osnovni elementi *****
	**************************************
*/

a {
	color: #98a5b0;
	text-decoration: none;
}
a:hover {
	color: #397ece;
	text-decoration: underline;
	background-image: url(../);
}

a.hidden {
	display: none;
}
a.none {
	text-decoration: none;
	border: none;
	background: none;
}

img {
 	border-style: none;
}
form {
	margin: 0px;
	padding: 0px;
}

br.clear { clear: both; }


#skip {
	text-indent: -20000px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}


.picture_border {	/* okvir za slike */
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.red {
	color: #d21928;
}

/* 
	**************************************
	***** Podesavanje stranice *****
	**************************************
	Class:
		position
		page_width
		contentBox
*/

body {
	background: #ffffff url(../../img/bg_body.gif) 0 0 repeat-x;
	margin: 0px; padding: 0px;
	font: 11px/18px tahoma, arial, helvetica, sans-serif;
	color: #666666;
}
.position {
	width: 100%;
	clear: both;
	display: block;
}
.page_width {	
	clear: both;
	display: block;
	width: 792px;	 
}


/* 
	******************************
	***** 		Header 		 *****
	******************************
	Class:
		. town
			#cssdropdown
			.mainitems
			.subuls
		. Lang
		. contact
		. logo
		. Search
		# Menu
		.menu
*/

#header ul, #header li ul { list-style: none;	margin: 0px; padding: 0px;}
#header { clear: both; }
#header li { float: left; }
#header li ul li {	display: block;}

#header {	
	margin: 0; padding: 1px 0 0px 0;
	height: 175px;	 /* height: 175px;	*/
}

/* Logo */
#header .logo {	
	height: 105px; width: 210px;
	margin: 0; padding: 0;
	float: left; clear: left; 
	background: url(../../img/bg_logo.gif) 0 0 no-repeat;
}

/* Lang */
#header .lang {	
	background: url(../../img/bg_lang.gif) repeat-x;
	height: 18px; /*width: 170px;*/ 
	float: right;
	padding: 0; margin: 0 10px 0 0;
	font-size: 10px; font-weight: bold;
	color: #ffffff;
}
#header .lang a {
	color: #8fadc7;
	font-weight: normal;
}
#header .lang a:hover {
	color: #ccddea;
	text-decoration: underline;
}

/* meni */
#header .menu {	
	height: 30px; width: 576px;
	list-style: none;
	padding: 0px;	margin: 40px 0 0 0;
	float: right;	clear: right;
}
#header .menu ul {
	margin: 0px; padding: 0px;
}
#header .menu li {
	margin: 0px; padding: 0px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

#header .menu a {	height: 30px;	display: block;  text-decoration: none;}
#header .menu a:hover {	background: transparent;}

#header .menu .menu1 {	width: 77px; background: url(../../img/menu.gif) 0px 0px no-repeat;  }
#header .menu .menu1 a {	width: 77px;}
#header .menu .menu1 a:hover {	background: url(../../img/menu.gif) 0px -30px no-repeat; }

#header .menu .menu2 {	width: 109px; background: url(../../img/menu.gif) -77px 0px no-repeat; }
#header .menu .menu2 a {	width: 109px; }
#header .menu .menu2 a:hover {	background: url(../../img/menu.gif) -77px -30px no-repeat; }

#header .menu .menu3 {	width: 112px; background: url(../../img/menu.gif) -186px 0px no-repeat; }
#header .menu .menu3 a {	width: 112px; }
#header .menu .menu3 a:hover {	background: url(../../img/menu.gif) -186px -30px no-repeat; }

#header .menu .menu4 {	width: 95px; background: url(../../img/menu.gif) -298px 0px no-repeat; }
#header .menu .menu4 a {	width: 95px; }
#header .menu .menu4 a:hover {	background: url(../../img/menu.gif) -298px -30px no-repeat; }

#header .menu .menu5 {	width: 83px; background: url(../../img/menu.gif) -393px 0px no-repeat; }
#header .menu .menu5 a {	width: 83px; }
#header .menu .menu5 a:hover {	background: url(../../img/menu.gif) -393px -30px no-repeat; }

#header .menu .menu6 {	width: 100px; background: url(../../img/menu.gif) -476px 0px no-repeat; }
#header .menu .menu6 a {	width: 100px; }
#header .menu .menu6 a:hover {	background: url(../../img/menu.gif) -476px -30px no-repeat; }


/* Search */
#header .search {	
	overflow: hidden;
	background: url(../../img/bg_search.gif) 0 21px no-repeat;
	margin: 0; padding: 0px 7px 1px 7px;
	height: 69px; width: 778px; /* 	height: 70px;*/
	float: right; 
}

#header .search .ilu {
	background: url(../../img/bg_ilu.gif) 0 0 no-repeat;
	height: 69px; height: 778px;
	text-align: right;
}

#header .search .text {
	margin: 20px 10px 0 535px; padding: 2px;
	width: 190px; height: 16px;
	border: solid 1px #578bc9;
	background-color: transparent;
	color: #7da8db;
	float: left;
	font: 11px/15px arial, tahoma, helvetica, sans-serif; 
}
#header .search .textON {
	margin: 20px 10px 0 535px; padding: 2px;
	width: 190px; height: 16px;
	border: solid 1px #578bc9;
	background-color: #3577c6;
	color: #ffffff;
	float: left;
}
#header .search .button {
	margin: 20px 0 0 0 ;
	background: url(../../img/button_search.gif) no-repeat;
	border: none;
	width: 25px; height: 22px;
	text-indent: -9999px; text-align: left;
	overflow: hidden;
	cursor: pointer;
	float: left;
}
#header .search .buttonON {
	margin: 20px 0 0 0 ;
	background: url(../../img/button_searchON.gif) no-repeat;
	border: none;
	width: 25px; height: 22px;
	text-indent: -9999px; text-align: left;
	overflow: hidden;
	cursor: pointer;
	float: left;
}




/* 
	************************************
	***** 		Footer 				 *****
	************************************
	Class:
		1. copyright
		2. developed
	
*/

#footer ul, #footer li ul { list-style: none; margin: 0px; padding: 0px;}
#footer { clear: both; }
#footer li { float: left; }
#footer li ul li { display: block;}

#footer {	
	margin: 0 0 30px 0; padding: 4px 0 0px 0;
	height: 32px;
	color: #63afe1;
	background: url(../../img/bg_footer.gif) 0 0 repeat-x;
}

#footer .shadow {	
	background: url(../../img/bg_footer_shadow.gif) 0 0 repeat-x;
	height: 10px;	width: 792px;
}

#footer .copyright {
	width: 500px;
	float: left;
	text-align: left;
}
#footer b {
	color: #aebbc7;
}
#footer .copyright a {
	color: #63afe1;
}
#footer .copyright a:hover {
	color: #aebbc7;
	text-decoration: underline;
}
#footer .developed {
	padding-right: 10px;
	width: 282px;
	float: left;
	text-align: right;
}
#footer a {
	color: #aebbc7;
}
#footer a:hover {
	text-decoration: underline;
}