/*
	Company: Hyundai Auto, http://www.i30.hyundai-auto.co.yu/
	Date (create): 20-08-2007
	Date (update): 20-08-2006
	
	******************************
	*****      Index       *****
	******************************
	ID: 
		I Osnovni elementi
		II Podesavanje stranice
		# Header
		# Banner	
		# Footer
	
*/



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

a {
	color: #1D4381;
	text-decoration: none;
}
a:hover {
	color: #666666;
}

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: #cccccc;
	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: 900px;	 
}

/* 
	******************************
	***** 		Header 		 *****
	******************************
	Class:

*/

#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: 0;
	background: url(../../img/bg_header.gif) 0 0 repeat-x;
	height: 112px; /*width: 900px; */
}

/* Logo */
#header .logo {	
	overflow: hidden;
	height: 50px; width: 300px;
	margin-top: 41px;
	float: left; clear: left; 
	background: url(../../img/hyundai_i30_logo.png) 0 0px no-repeat; 
	text-indent: -9999px;
}
#header .logo a {	height: 50px; width: 240px; display: block; position: relative;}


/* meni */
#header .menu {	
	height: 70px; width: 600px;
	list-style: none;
	padding: 0;	margin: 42px 0 0 0px;
	float: left;
	background: url(../../img/bg_menu.png) 0px 0px no-repeat; 
}
#header .menu ul {
	margin: 0px; padding: 0px;
}
#header .menu li {
	margin: 0px; padding: 0px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

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

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

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

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

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

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


/* 
	************************************
	***** 		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; padding: 22px 0 0 0;
	height: 70px;
	background: url(../../img/bg_footer.gif) 0 0 repeat-x;
}
#footer .copyright {
	width: 600px;
	float: left;
	text-align: left;
}
#footer .developed {
	width: 300px;
	float: left;
	text-align: right;
}
#footer a {
	color: #666666;
}
#footer a:hover {
	color: #1D4381;
	text-decoration: underline;
}