/*
	Company: Tuck, http://www.tuck.co.yu/
	Date (create): 10-01-2008
	Date (update): 25-01-2008
	
	******************************
	*****      Index       *****
	******************************
	ID: 
		I Osnovni elementi
		II Podesavanje stranice
		# Header
		# Footer
	
*/


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

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

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

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

br.clear { clear: both; }
.nobold {font-weight: normal;}

#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;
}
input, select, option, textarea {
	font: 11px/18px tahoma, arial, helvetica, sans-serif;
	text-align: left;
}

.red { color: #ca0404;}
.white { color: #ffffff; }
.font14 { font-size: 14px; }
.font12 { font-size: 12px; }
.alignRight { text-align: right; }

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

body {
	color: #333333;
	background: #204c8d url(../../img/bg.gif) 50% 0 no-repeat;
	margin: 0px; padding: 0px;
	font: 11px tahoma, arial, helvetica, sans-serif;
	line-height: normal;	
	width: 100%; height: 100%;
}
.position {
	width: 100%;
	display: block; 
	clear: both; 
	float: left;
}
.page_width {	
	clear: both; text-align: left;
	display: block;
	width: 910px; 
	background: url(../../img/bg_heder.gif) 0 0 no-repeat;
	/*overflow: hidden;*/
}
.center { width: 735px; float: left; overflow: hidden; }	


/* 
	******************************
	***** 		Header 		 *****
	******************************
	Class:
		1. logo
		2. banner
		3. menu
		4. 
		5. 
		6. search
*/

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

#header {	
	float: left;
	width: 735px; height: 207px;
	margin: 0; padding: 0;
	overflow: hidden;
}

/* Logo */
#header .logo {	
	height: 112px; width: 233px; 
	text-indent: -9999px;
	background: url(../../img/logo_tuck.gif) 0px 0px no-repeat;
}
#header .logo a {	height: 112px; width: 233px; display: block;}

#header .banner {	
	height: 112px; width: 502px; 
	overflow: hidden;
}
#header .banner div.banner {	
	height: 86px; width: 488px; /* height: 112px; width: 502px; */
	padding: 26px 0 0 14px;
	background: url(../../img/bg_heder_banner.gif) 0px 0px no-repeat;
}


/* meni */
#header .menu {	
	clear: both;
	height: 41px; width: 735px;
	list-style: none;
	padding: 0;	margin: 0;
	float: left;
}
#header .menu ul {
	margin: 0px; padding: 0px;
	/*margin-left: 10px;*/
}
#header .menu li {
	text-align: left;
	margin: 0px; padding: 0px;
	height: 41px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

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

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

#header .menu .menu2 {	width: 65px; background: url(../../img/menu.gif) -74px 0px no-repeat;  }
#header .menu .menu2 a {	width: 65px;}
#header .menu .menu2 a:hover {	background: url(../../img/menu.gif) -74px -41px no-repeat; }
#header .menu .menu2 div {	background: url(../../img/menu.gif) -74px -41px no-repeat; }

#header .menu .menu3 {	width: 80px; background: url(../../img/menu.gif) -139px 0px no-repeat; }
#header .menu .menu3 a {	width: 80px; }
#header .menu .menu3 a:hover {	background: url(../../img/menu.gif) -139px -41px no-repeat; }
#header .menu .menu3 div {	background: url(../../img/menu.gif) -139px -41px no-repeat; }

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

#header .menu .menu5 {	width: 80px; background: url(../../img/menu.gif) -296px 0px no-repeat; }
#header .menu .menu5 a {	width: 80px; }
#header .menu .menu5 a:hover {	background: url(../../img/menu.gif) -296px -41px no-repeat; }
#header .menu .menu5 div {	background: url(../../img/menu.gif) -296px -41px no-repeat; }

#header .menu .menu6 {	width: 80px; background: url(../../img/menu.gif) -376px 0px no-repeat; }
#header .menu .menu6 a {	width: 80px; }
#header .menu .menu6 a:hover {	background: url(../../img/menu.gif) -376px -41px no-repeat; }
#header .menu .menu6 div {	background: url(../../img/menu.gif) -376px -41px no-repeat; }

#header .menu .menu7 {	width: 79px; background: url(../../img/menu.gif) -457px 0px no-repeat; }
#header .menu .menu7 a {	width: 79px; }
#header .menu .menu7 a:hover {	background: url(../../img/menu.gif) -457px -41px no-repeat; }
#header .menu .menu7 div {	background: url(../../img/menu.gif) -457px -41px no-repeat; }

#header .menu .menu8 {	width: 100px; background: url(../../img/menu.gif) -536px 0px no-repeat; }
#header .menu .menu8 a {	width: 100px; }
#header .menu .menu8 a:hover {	background: url(../../img/menu.gif) -536px -41px no-repeat; }
#header .menu .menu8 div {	background: url(../../img/menu.gif) -536px -41px no-repeat; }

#header .menu .menu9 {	width: 44px; background: url(../../img/menu.gif) -636px 0px no-repeat; }
#header .menu .menu9 a {	width: 44px; }
#header .menu .menu9 a:hover {	background: url(../../img/menu.gif) -636px -41px no-repeat; }
#header .menu .menu9 div {	background: url(../../img/menu.gif) -636px -41px no-repeat; }

#header .menu .blank {	width: 99px; background: url(../../img/menu.gif) -635px 0px no-repeat; }
#header .menu .blank2 {	width: 56px; background: url(../../img/menu.gif) -679px 0px no-repeat; }


/*
#header .menu .menu10 {	width: 72px; background: url(../../img/menu.gif) -587px 0px no-repeat; }
#header .menu .menu10 a {	width: 72px; }
#header .menu .menu10 a:hover {	background: url(../../img/menu.gif) -587px -41px no-repeat; }
#header .menu .menu10 div {	background: url(../../img/menu.gif) -587px -41px no-repeat; }

#header .menu .menu11 {	width: 69px; background: url(../../img/menu.gif) -659px 0px no-repeat; }
#header .menu .menu11 a {	width: 69px; }
#header .menu .menu11 a:hover {	background: url(../../img/menu.gif) -659px -41px no-repeat; }
#header .menu .menu11 div {	background: url(../../img/menu.gif) -659px -41px no-repeat; }
*/
/* NAVIFATION 
	- menu_sus
	- icon
	- location
	- search
*/

#header .navigation {
	width: 689px; height: 54px; /*width: 735px; height: 54px;*/
	padding: 0 23px 0 23px;
	background: url(../../img/bg_menu_sec.gif) 0 0 no-repeat;
	color: #275492;
}
#header .navigation a { color: #275492; }
#header .navigation a:hover { color: #ffffff; text-decoration: none; }
/* menu_sec */
#header .navigation .menu_sec {
	width: 610px; height: 20px;	/* height: 26px; */
	padding: 6px 0 0 0;
	text-align: left;
}
/* icons */
#header .navigation .icons {
	width: 77px; height: 19px; /* height: 26px; */
	margin: 7px 0 0 0;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#header .navigation .icons a { 
	height: 14px; width: 14px; 
	margin-left: 5px;
	display: block; float: right;	
	position: relative; cursor: pointer;
}
#header .navigation .icons .home {	background: url(../../img/icon_home.png) 0px 0px no-repeat;}
#header .navigation .icons .maps {	background: url(../../img/icon_maps.png) 0px 0px no-repeat;}
#header .navigation .icons .shope {	background: url(../../img/icon_shope.png) 0px 0px no-repeat;}

/* location */
#header .navigation .location {
	width: 459px;  height: 23px;	/*width: 489px; height: 28px;*/
	padding: 5px 30px 0 0px;
	color: #bdd6e6;
}
#header .navigation .location .name { }
#header .navigation .location a { color: #eef0f1; }
#header .navigation .location a:hover { color: #bdd6e6; }


/* Search */
#header .search {	
	height: 23px; width: 190px;	/* height: 28px;  */
	padding: 0 0 0 0px;
	margin: 6px 0 0 10px;
	display: block;
}
#header .search input  {
	font: 10px/15px tahoma, arial, helvetica, sans-serif; 
	color: #ffffff; vertical-align: middle;
	border: none; margin: 0px; padding: 0px;
}	
#header .search input.text {
	width: 151px; height: 15px; /*width: 171px; height: 15px; */
	padding: 0 15px 0 5px;
	background: url(../../img/bg_search_input.gif) 0 0 no-repeat;
}	
#header .search input.button {
	width: 15px; height: 15px;
	background: url(../../img/bg_search_button.gif) 0 0 repeat-x;
	cursor: pointer;
	text-indent: -999px;
}



/* 
	************************************
	***** 		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; text-align: left; }
#footer li ul li { display: block; }

#footer {	
	width: 100%;
	margin: 0; padding: 10px 0 0 0;
	background: url(../../img/bg_footer_big.gif) 0 0 repeat-x;
}
#footer a {	color: #ffffff; text-decoration: none; }
#footer a:hover {	color: #a1bdd5; }

#footer .page_width {	
	clear: both; text-align: left;
	display: block;
	overflow: hidden;
	background: url(../../img/bg_footer.gif) 0 18px repeat-x;
	padding-bottom: 10px;
	width: 900px; margin-left: 10px;	
}

#footer .menu {	
	height: 18px; width: 850px;
	color: #a1bdd5;
	padding-left: 10px;
}

#footer .top {	
	height: 18px; width: 35px;
	background: url(../../img/icon_top.gif) 100% 5px no-repeat;
}
#footer .top a { 
	display: block; 
	height: 18px; width: 35px; 
	text-indent: -9999px; 
}	
/* Contact */
#footer .contact {	
	width: 190px;
	padding: 10px 0 0 10px;
	color: #a1bdd5;
}
#footer .contact .title {	
	background: url(../../img/bg_footer_title.gif) 0 10px no-repeat;
	padding: 10px 0 0 15px;
	color: #ffffff;
}

#footer .contact .text {
	padding-left: 15px;
	line-height: 16px;
}
#footer .contact .text a { color: #a1bdd5; text-decoration: none; }
#footer .contact .text a:hover { color: #ffffff;  }

/* logos */
#footer .logos {
	padding-top: 10px;
	text-align: right;	
	width: 290px;
}

#footer .validator {	
	clear: both;
	width: 500px;
	padding: 10px 0 0 25px;
	color: #275492;
	line-height: 16px;
}
#footer .validator a { color: #ffffff; text-decoration: none; }
#footer .validator a:hover { color: #204C8D;  }



/* 
	******************************
	***** 		Right 		 *****
	******************************
	Class:
		1. logo
		2. banner
		3. menu
		4. 
		5. 
		6. search
*/

#right ul, #right li ul { list-style: none;	margin: 0px; padding: 0px;}
#right { clear: none; float: left;}
#right li { float: left; overflow: hidden; text-align: left; }
#right li ul li {	display: block;}

#right {	
	width: 175px;
	margin: 0; padding: 0;
}
/* extra linkovi */
#right .menu {	
	width: 168px; height: 88px;	/* width: 175px; height: 107px;	 */
	padding: 19px 0 0 7px;
}
#right .menu span { color: #ffffff; }
#right .menu a { 
	display: block;
	padding-bottom: 2px; 
	color: #204c8d; font-weight: bold; 
}	
#right .menu a:hover { color: #ffffff; text-decoration: none; }	
/* baneri */
#right .banner {	
	width: 175px; 
	padding-top: 7px;
	text-align: center;
}
#right div {
	padding-bottom: 10px;
}
#right .reklama {
	/*background: url(../../img/title_reklama.gif) 7px 0 no-repeat;*/
	padding-top: 7px;
}
/* BOX HP - IP */

#contents ul, #contents li ul { list-style: none; margin: 0px; padding: 0px; }
#contents {	clear: both; }
#contents li { float: left; overflow: hidden;}
#contents li ul li { display: block; text-align: left;}

#contents {
	overflow: hidden;
	width: 725px;	/* width: 735px; */
	margin-left: 10px;
}

/* 
	Osnovna podesavanja
 */
#contents a { color: #204c8d; }
#contents a:hover { color: #ffffff; text-decoration: none; }

#contents .body {	width: 100%; }

/* Title */
#contents .title { padding: 0; margin: 0;}
#contents .title h1 {
	font: 16px helvetika, arial, sans-serif;
	padding: 3px 0 0 20px; margin: 0;
}
#contents .title h2 {
	font: 14px helvetika, arial, sans-serif;
	letter-spacing: -0.06em;
	line-height: 16px;
	padding: 3px 0 0 20px; margin: 0;
}
#contents .title h3 {
	font: 12px helvetika, arial, sans-serif;
	letter-spacing: -0.06em;
	line-height: 16px;
	padding: 0; margin: 0;
}