@import url("reset.css");
@import url("typography.css");


/* GLOBAL
------------------------------------------------ */

html { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
body { background: url(../img/bg.png) repeat-x #f0f0f2; color:#999999;}
#wrap {width:1000px; margin:0 auto; background:url(../img/content_bg.jpg) repeat-y; display:table; padding:0px;}
a { font-family:Arial, Helvetica, sans-serif; color:#464646;}

/* HEAD
------------------------------------------------ */

#head {float:left; width:1000px; display:block; height:83px;}
	.logo { float:left; margin:21px 0 0 12px; width:301px;}
	.logo a { display:block; }
	.shoping_chart { float:right;}
		.chart { width:181px; height:40px; margin:20px 10px 0 0;}
		.chart a {width:122px; height:25px; padding:15px 0 0 59px; display:block; color:#999999; text-decoration:none;  background:url(../img/chart_button.png) no-repeat top left;}
		.chart a:hover {  background:url(../img/chart_button.png) no-repeat bottom left;}
		.shoping_chart ul { float:left; }
		.shoping_chart li { float:left; clear:left; width:180px;  margin:10px 0 0 0; }
		.shoping_chart li a { margin:3px 0 0 0; padding:0px 5px 0 1px;  color:#999999; text-decoration:none; background:url(../img/strelica.png) no-repeat right 7px; }
		.shoping_chart li a:hover { color:#414141; text-decoration: none; border-bottom:1px solid #414141; background:url(../img/strelica_hover.png) no-repeat right 50%;  }
		
/* MAIN MENU
------------------------------------------------ */	
	
#main_menu { float:left; width:981px; height:33px; padding:0 0 0 9px;}
	#main_menu ul { float:left;}
		#main_menu ul li { float:left; display: inline-block;}
		#main_menu ul li.first{ background:url(../img/menu_border.png) no-repeat left bottom;}
		#main_menu ul li a { font-size:13px; float:left; height:23px; color: #fff; padding:10px 15px 0pt; background:url(../img/menu_border.png) no-repeat right bottom; font-weight:bold; text-decoration:none; }
		#main_menu ul li a:hover{ float:left; color:#fff; background:url(../img/menu_hover.jpg) repeat-x; text-decoration:none}
		
		#main_menu ul li ul { clear:left; float:left; left:-999em; line-height:16px; margin:33px 0 0; padding: 0; position:absolute; width:173px; z-index:9999; background-color:#2773b1; border:solid 1px #3673a6; }
		*:first-child+html #main_menu li ul { margin:0px 0 0 0px;}
		* html #main_menu li ul { margin:0px 0 0 0px;}
		#main_menu li ul li { margin: 0; padding:0px; float:left; clear:left; width:173px; text-align:left; }
		#main_menu li ul li a { color:#FFFFFF; font-size:12px; margin:0; height:auto; text-align:left; width:163px; padding:8px 5px; background:none; }
		#main_menu ul li ul li a:hover { color: #333; height:auto; background:#FFFFFF url(../img/bg.gif) left top no-repeat; }
		#main_menu li:hover ul,
		#main_menu li.hover ul { left: auto; }
		
 
/* style the top level hover */
	#main_menu a:hover , #main_menu ul ul a:hover{ background:url(../img/menu_hover.jpg) repeat-x; }
	#main_menu :hover > a {  background:url(../img/menu_hover.jpg) repeat-x; }
	#main_menu ul ul :hover > a { background:url(../img/menu_hover.jpg) repeat-x;}
	
#main_menu a:hover span, #main_menu ul ul a:hover span{background:url(../img/menu.png) no-repeat -24px -93px ; }
#main_menu :hover > a span{ background:url(../img/menu.png) no-repeat -24px -93px; }
#main_menu ul ul :hover > a span{ background:url(../img/menu.png) no-repeat -24px -93px;}


#main_menu li a.selected { width:auto; display: block; line-height:49px; padding:0px 12px 0pt 0px; background:url(../img/menu_right_hover.jpg) right top no-repeat; margin-left:0px;}
#main_menu li a.selected span { background:url(../img/menu_left_hover.jpg) left top no-repeat;}

#special_offer { float:right; background:url(../img/special_offer.png) repeat-x; height:33px; width:163px;}
#special_offer a { background:url(../img/zvezdica.png) no-repeat 12px 8px; height:24px; padding:9px 0 0 35px; display:block; color:#666; font-weight:bold; text-decoration:none; font-size:12px;}
#special_offer a:hover { color:#ff8400; background:url(../img/zvezdica.png) no-repeat 12px 8px;}

#en { float:left; height:33px; width:99px; background:url(../img/en.png) no-repeat 15px 50%;}
#en a { color:#FFFFFF; text-decoration: none; font-size:10px; width:64px; padding:12px 0pt 11px 37px; display:block;}
#en a:hover { text-decoration:none; background:url(../img/en.png) no-repeat 15px 50%; color:#E9E9E9; }

#sr { float:left; height:33px; width:99px; background:url(../img/genera/flag_srb.gif) no-repeat 15px 50%;}
#sr a { color:#FFFFFF; text-decoration: none; font-size:10px; width:64px; padding:12px 0pt 11px 37px; display:block;}
#sr a:hover { text-decoration:none; background:url(../img/genera/flag_srb.gif) no-repeat 15px 50%; color:#E9E9E9; }



/* CONTENT
------------------------------------------------ */
			
#main_frame { float:left; clear:both; width:1000px; margin:14px 0px 0px 0px; padding:0px; background:url(../img/content_bg.png) #fff repeat-y;}
	#top_bg { width:970px; float:left; background:url(../img/content_top.png) no-repeat top; padding:4px 15px 0px 15px;}
	#bubbles_image{ background: url(../img/bubbles_image.png) no-repeat bottom right;}


		#content { width:731px; float:left; padding:0px; margin:0; position:relative;}
		#content img { padding:0; margin:0;}
			#head_inner { background:url(../img/inner_flash.jpg) no-repeat; width:727px; height:100px; padding:0; position:relative; overflow:hidden; }
				.breadcrumbs { display:block; float:left; color:#FFFFFF; font-size:10px; position:absolute; top:0; left:0; margin:42px 0px 0px 11px; }
				.breadcrumbs a { color:#FFFFFF; text-transform:uppercase; text-decoration:none;}
				.breadcrumbs a:hover { text-decoration:underline;}
				.breadcrumbs h1 { color:#FFFFFF; font-size:24px; font-weight:bold; padding:14px 0 0 0; }
				
			#search-form { float:left; clear:left; width:704px; padding: 5px 5px 5px 10px; margin:5px 4px 0 4px; background-color: #f2f6f9; font-size:12px; border:solid 1px #dfdfdf;}
				*:first-child+html #search-form {margin:2px 4px 0 4px;}
				* html #search-form { width:704px; padding: 0px 5px 5px 10px; margin: 2px;}
			#search-form .inner { float:left; display: block; width: 290px; margin: 5px 0; height: 30px; /*border: 1px solid orange;*/ }
			#search-form .short {}
			#search-form .long { width: 410px; }
			#search-form .long label { width: 104px; }

			#search-form label { display: block; float: left; width: 95px; padding: 4px 6px 4px 0; font-weight:bold;}
			#search-form label.pointer { cursor:pointer;}
			#search-form .shorter { width: 81px; }
			#search-form select { padding: 2px; border: 1px solid #7f9db9; color: #969595; }
			#search-form input { margin: 0; padding: 2px; float: left; border: 1px solid #7f9db9; }
			#search-form .inner .button { padding: 5px 20px; border: 1px solid #d3d3d0; background-color: #fff; color: #808080; cursor:pointer;}
			#search-form .inner .button:hover {border: 1px solid #999;}
			#search-form .distance { margin-right: 30px; border: 1px solid red; }
			#search-form .checkbox { margin:4px 6px 6px 6px; border: none; }
			#search-form .checkbox:hover { cursor:pointer;}
				*:first-child+html #search-form .checkbox { margin:0px 6px 6px 6px; }
				* html #search-form .checkbox { margin:0px 6px 6px 6px; border: none; }
			
			.filter { width:713px; border:solid 1px #dfdfdf; background-color: #fff; margin:3px 0px 0px 2px; padding: 4px 5px; float:left; clear:both;}
			* html .filter { width:709px; margin:3px 2px;}
			.filter-form { float:left; width:auto;}
			.filter-form label { color: #8c8c8c; margin-right: 0px; margin-left: 23px; font-size: 12px; padding: 3px; display: block; }
			.filter-form .first { margin: 0; }
			.filter-form select { padding: 2px; color: #969595; border: 1px solid #7f9db9; }


			#main_list { display:block; float:left; clear:both; }

			#paginator { display:block; float:right; text-transform:uppercase; }
			#paginator li { border-bottom:medium none; display:block; float:left; list-style-image:none; margin-right:5px; }
			#paginator .current { font: 10px Arial, Helvetica, sans-serif; padding: 3.6px 7px; background-color: #4093C8; color: #FFF; }
			#paginator li a { float:left; color:#7d7d7d; padding: 5px 7px; text-decoration: none; display:block; width:auto; font-size:10px; }
			#paginator li a:hover { /*background: url(../img/hover.png) no-repeat left top;*/ color:#fff; text-decoration: none; background-color: #4093C8; }
			
			#paginator li.selected a { background: url(../img/hover.png) no-repeat left; color:#fff; font-weight:bold; }
			#paginator li.selected a span { background:url(../img/hover_span.png) no-repeat right; }

			#korpa { display:block; float:left; text-transform:uppercase; cursor:default; width:721px; margin:3px 0 0 0; padding:3px 0px 3px 5px; }
			#korpa li { border-bottom:medium none; display:block; float:left; list-style-image:none; margin-right:5px; color:#7d7d7d; height:26px; padding:0 0 0 8px; font-size:11px; }
			#korpa li a { display:block; float:left; padding:0px; color:#B3B3B3; }
			#korpa li span { display:block; padding:6px 8px 0 0px; float:left; height:17px; }
			#korpa li.tabs-selected { background: url(../img/hover.png) no-repeat left; color:#fff; font-weight:bold; }
			#korpa li.tabs-selected a { background:url(../img/hover_span.png) no-repeat right; color:#FFFFFF; }

			.narucheni_table table th tr { padding:9px 0px; }
			
			#koraci_nav { width:405px; float:right; margin:3px 10px 0 10px; clear:both;}
			#koraci_nav ul { float:right;}
			#koraci_nav li { float:left; margin:5px; padding:0px 15px 0px 5px; background:url(../img/strelica.png) no-repeat right 50% ;}
			#koraci_nav li.last { background:none; margin-right:0; padding-right:0px;}
			#koraci_nav li.selected { color:#4093C8; font-weight:bold;}

			/* PRODUCTS  ------------------------------------------------ */
			.products { border:solid 1px #dfdfdf; background-color: #fff; float:right; clear:both; margin:5px 4px 0px 0px; padding:5px; width:713px; }
			* html .products { width:709px; margin:3px 2px;}
			.product_image { float:left; clear:left; padding:0 0 0 0px; width:145px; margin-bottom:5px; }
			.product_image a {border:solid 1px #dfdfdf; display:block; float:left;}
			.product_image a:hover {border:solid 1px #999999;}

			
			.product_detail { float:left; clear:left; width:146px;}
			.product_detail a { float:left; border:solid 1px #dfdfdf; margin:5px 3px 5px 0px; padding:0; display:block;}
			.product_detail a:hover { border:solid 1px #999999;}
			.product_button { width:140px; height:40px; margin:0px 0pt 0pt 0px; float:left; clear:left;}
			.product_button a {width:131px; height:25px; padding:15px 0 0 9px; display:block; color:#999999; text-decoration:none;  background:url(../img/product_button.png) no-repeat top left; border:none;}
			.product_button a:hover { background:url(../img/product_button.png) left -40px no-repeat !important; border:none; }
			.product_button_no_table { width:140px; height:40px; margin:61px 0pt 0pt 5px; float:left;}
			.product_button_no_table a {width:131px; height:25px; padding:15px 0 0 9px; display:block; color:#999999; text-decoration:none; background:url(../img/product_button.png) no-repeat top left;}
			.product_button_no_table a:hover {  background:url(../img/product_button.png) no-repeat -40px left;}

			.added a { background:url(../img/product_button.png) left -80px no-repeat !important; }
			
			.product_code { font-size:14px; font-weight:bold; width:560px; float:right; line-height:18px; }
			.product_title { font-size:16px; font-weight:bold; color:#4093c8; line-height:16px;}
			.kataloska { font-weight:normal; color:#464646;}


		
			.product_specification { float:left; width:565px; padding:3px 0 0 0; }
			.narucheni { float:left; width:640px; padding:7px 0pt 8pt 0;}
			.basket { width:640px; margin:0 auto; }
			.basket p { margin:10px 0px; line-height:130%; }			
			.product_table { float:left; margin:25px 0 0 0;}
			.center { float:none; margin:0 auto;}
			.product_table table { text-align:center; width:565px; font-size:12px; float:left; }
			.product_table table tr { line-height:22px; }
			.product_table table tr th { background:#dbe3e8; line-height:23px; }
			.product_table table tr.even { background-color:#E8EFEF; }
			.product_table table tr.odd { background-color:#FFF; }			
			.product_table table tr.even td { background-color:#E8EFEF; }
			.product_table table tr.odd td { background-color:#FFF; }			
			.product_table tbody tr:hover td { color:#666666; background:#CCDBE3 !important; cursor:default;}
			.product_table thead td { background-color:#ececec; padding:4px 0; font-weight:bold;}
			.product_table tbody td {  padding:0px;}
			.product_table table tr.head { background:#dbe3e8; line-height:23px; color:#9A9A9A; }
			.product_table table tr.head td { background:#dbe3e8; line-height:23px; color:#9A9A9A; }
/*			.product_table table tr:first-child td { background:#dbe3e8 !important; line-height:23px; color:#9A9A9A !important; } */

			.article-description { display:block; float:left; width:565px; font-size:12px; margin-top:8px; font-size:12px; overflow:hidden; }
			.article-description ul { display:block; float:left; list-style:none; width:568px; margin-bottom:8px; }
			.article-description ul li { display:block; float:left; width:568px; background:url(../img/tackica.png) left 50% no-repeat; padding-left:8px; line-height:18px; }						
			.article-description p { display:block; float:left; width:560px; padding-left:8px; line-height:18px; /*color:#FF0000 !important; font-weight:bold !important;*/ }

			.product_table ul { display:block; float:left; list-style:none; width:568px; margin-bottom:8px; font-size:12px; }
			.product_table ul li { display:block; float:left; width:275px; background:url(../img/tackica.png) left 50% no-repeat; padding-left:8px; line-height:18px; }						
			.product_table p { display:block; float:left; width:560px; padding-left:8px; line-height:18px; color:#FF0000 !important; font-weight:bold !important; }

			div.koraci { border:none; }

			.narucheni_table table { text-align:center; width:640px; }
			.narucheni_table thead td { background-color:#ececec; padding:6px 0; font-weight:bold;}
			.narucheni_table tbody td {  padding:4px 0; vertical-align: middle; }
			.narucheni_table tbody tr:hover td { color:#666666; background:#CCCCCC !important; cursor:default;}
			.narucheni_table tbody td.selected { background-color:#f0f0f0; padding:4px 0;}

			.delete { display:block; height:10px; margin:0; padding:0; width:100%;}
			.delete a { width:10px; height:10px; background:url(../img/delete.png) no-repeat 0px -10px; margin:0px auto; display:block; text-decoration:none; overflow:hidden; padding:0; }
			.delete a:hover {background:url(../img/delete.png) no-repeat 0px 0px;}
			.large_image { width:188px; float:left; margin:10px 0 0 5px; border:solid 1px #e0e1e1; padding:3px;}
			
			#koraci { width:640px; margin:5px 0px 5px 32px; clear:both; float:none; }
			#koraci a.prethodni { float:left; width: auto; text-decoration:none; color:#8D8D8D; background:url(../img/korpa_prev.gif) no-repeat 7px 7px; padding:2px 0 0 20px; }
			#koraci a:hover.prethodni { color:#666; text-decoration:underline; }
			#koraci a.naredni { float:right; width: auto; text-decoration:none; color:#8D8D8D; background:url(../img/korpa_next.gif) no-repeat 87px 7px; padding:2px 20px 0 0; }
			#koraci a:hover.naredni { color:#666; text-decoration:underline; }
			#koraci a.potvrda { float:right; border-bottom:medium none; color:#7D7D7D; display:block; font-size:11px; height:23px; list-style-image:none; margin-right:5px; padding:0pt 0pt 0pt 8px; background:transparent url(../img/hover.png) no-repeat scroll left center; color:#FFFFFF; text-decoration:none;  }
			#koraci a.potvrda span { background:transparent url(../img/hover_span.png) no-repeat scroll right center;  display:block; float:left; height:17px; padding:6px 8px 0pt 0px; }
			#koraci a.potvrda:hover { text-decoration:underline;  }
			
			.basket a.potvrda { float:right; border-bottom:medium none; color:#7D7D7D; display:block; font-size:11px; height:23px; list-style-image:none; margin-right:5px; padding:0pt 0pt 0pt 8px; background:transparent url(../img/hover.png) no-repeat scroll left center; color:#FFFFFF; text-decoration:none;  }
			.basket a.potvrda span { background:transparent url(../img/hover_span.png) no-repeat scroll right center;  display:block; float:left; height:17px; padding:6px 8px 0pt 0px; }
			.basket a.potvrda:hover { text-decoration:underline;  }

			input.kolicina { width:40px; text-align:center; border:1px solid #79668C; color:#666666; }
			
			#shop_form { width:540px; margin:15px auto 0 auto;}
			#shop_form ul { width:588px; float:left; }
			#shop_form li { padding:5px 0; float:left; }
			#shop_form ul p { display: block; float: left; margin-right: 28px; }
			#shop_form .delivery input { width: 20px; }
			#shop_form .delivery label { width: auto; }
			
			*:first-child+html #shop_form .delivery { width:400px; display: block; }
			*:first-child+html #shop_form .delivery input { width: 20px; border: none; }
			*:first-child+html #shop_form .delivery label { width: auto; }
			
			.error-message { float:right; height:23px; padding-top:9px; text-indent:5px; text-align: left; width: 259px; color: #F00; }
			#shop_form fieldset { }
			#shop_form label { width:120px; float:left; line-height:22px; cursor:pointer;}
			#shop_form label.transportlabel { width:353px; padding:0 5px;}
			#shop_form input { float:left; width:200px; border:1px solid #ccc; background:url(../img/input_bg.gif) repeat-x top; padding:2px; color:#666; font-size:13px;}
			#shop_form input.transport {width:15px; background:none; border:none;}
			#shop_form textarea { border:1px solid #ccc; background:url(../img/input_bg.gif) repeat-x top;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; width:250px; }
			#hide { display:none;}
			#visible { display:block;}
			.podaci { float:left; width:265px; padding:20px 0 ; margin-right:10px;}
			.podaci li { padding:3px 0;}
			.headpodaci { border-bottom:1px solid #CCCCCC; margin-bottom:5px;}
			
			.page_text { padding:10px 15px 40px 5px; float:right; width:711px; }
			.page_text h1 { font-size:16px; font-weight:bold; color:#4093c8; line-height:16px; margin-top:6px;}
			.page_text h2 { font-size:14px; font-weight:bold; line-height:18px; padding:5px 0 0 0; margin:0 0 15px 0;}
			.page_text p { text-align:justify; line-height:1.3em;}
			.page_text p.top_margin { margin-top:20px; }
			.page_text ul { display:block; float:left; width:405px; margin-top:5px; }
			.page_text ul li { display:block; float:left; padding-left:10px; background:url(../img/strelica.png) 4px 50% no-repeat;  clear:both; line-height:19px; }
			#content img.right { display:block; float:right; padding-left:8px; }
			
			
		/* SIDE  ------------------------------------------------ */
		#side { width:239px; float:right;}
		
		.search { background:url(../img/search_bg.jpg) repeat-y; padding:12px 0 0 10px; margin:0 0 0 2px; height:128px;}
			.pretragaKataloga { color:#FFFFFF; display:block; font-size:14px; font-weight:bold; padding-bottom:7px; }
			.search input { width:209px; height:20px; border:solid 1px #ccc; margin:3px 0; padding:5px 0 0 5px; color:#a8a8a8;}
			.search .button { background:url(../img/search_button_bg.png) no-repeat; width:75px; height:24px; color:#FFFFFF; float:right; font-size:10px; margin:2px 11px 10px 0; border:none; cursor:pointer; padding:0px;}
			.search .button:hover {background:url(../img/search_button_bg_hover.png) no-repeat;}
			.search form a { font-size:11px; font-weight:bold; color:#466f0d; text-decoration:none; background:url(../img/strelica_search.png) no-repeat 95px 50%; margin:10px 0 0 0; padding:0 0px 2px 0; display:block; width:100px;}
			.search form a:hover { text-decoration:underline;}

		.side_menu { width:239px; background: url(../img/sub_bg_top.png) left top no-repeat; line-height:16px; margin-top:10px; float:left;}
		.side_menu_bottom { background:url(../img/sub_bg_bottom.gif) no-repeat; width:239px; height:3px; overflow:hidden; }

		.side_rubrike { width:239px; background: url(../img/all_bg_top.gif) left top no-repeat; line-height:16px; margin-top:10px; float:left;}
		.side_rubrike_bottom { background:url(../img/all_bg_bottom.gif) no-repeat; width:239px; height:3px;}
	

			.files { padding:5px 0pt 5px 10px;}
				.side_menu .files ul { border:0; padding:0px; margin:0px }
				.side_menu .files li { margin-top:7px; padding-top:0; }
				.side_menu .files li a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
				.side_menu .files li a:hover { color:#FFFFFF; text-decoration:underline}
			
			.box_content { width:237px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; margin:0; padding:0px 0 10px 0; display:block;}
			.bottom_box { width:239px; height:5px; background:url(../img/bottom_box.png) no-repeat;}
			
				.side_menu ul { width:224px;  padding:0 0 0 10px;}
				.side_menu ul li { padding-top:7px; line-height:16px; font-weight:normal; display:block; width:224px;}
				.side_menu ul li a { color:#8d8d8d; width:224px;  }
				.side_menu ul li a:hover { color: #515151;}
				.side_menu ul li.selected { font-weight:bold;}
				.side_menu ul li.selected a { font-weight:bold; text-decoration:none;}
				
			.title_rasveta { background:url(../img/rasveta.png) no-repeat; padding:5px 0pt 4pt 10px; color:#FFFFFF; font-weight:bold; margin-top:8px; }
			.title_rasveta a { color:#FFFFFF; font-weight:bold; text-decoration:none; }			
			.title_rasveta a:hover { text-decoration:underline; }			
			.title_rubrike { background:url(../img/title_side_menu_bg.png) no-repeat; padding:5px 0pt 4pt 10px; color:#FFFFFF; font-weight:bold; margin-top:8px}
				.box_content ul { border:0; padding:5px 0pt 0px 10px; width:220px;}
				.box_content li { padding-top:3px;}
				.box_content li a { color:#8d8d8d; text-decoration:none; margin-right:3px; line-height:18px; }
				.box_content li a:hover { border-bottom:solid 1px #515151; color:#515151;}
				.box_content ul li.selected a { font-weight:bold; color:#515151; text-decoration:none; }
				.box_content ul li.selected a:hover { font-weight:bold; color:#515151; text-decoration:none !important; }
				.box_content ul.rasveta li a { font-weight:bold; }

				.navigacija { border:solid 1px #dfdfdf; background-color: #F7F7F7; float:left; clear:both; margin:5px 0px 0px 0px; padding:5px; width:712px; }
				.navigacija p { color:#8d8d8d; padding:5px 0pt 0pt 7px; }
				.podkategorija { border:0; padding:10px 0 2px 10px; width:700px; float:left;  }
				.podkategorija li { padding:0px 0 0 15px;  background:url(../img/podkategorija_bullet.gif) left 50% no-repeat; padding-left:9px; width: 340px; float:left; font-size:12px; }
				.podkategorija li a { color:#8d8d8d; border-bottom:solid 1px #8d8d8d; text-decoration:none; margin-right:8px; line-height:22px;}
				.podkategorija li a:hover { border:none; color:#515151; }

			p.izdvojeno { display:block; margin:5px 0px 0px 2px; width:715px; background:#156892; color:#FFFFFF; padding:4px 5px 4px 8px; background:url(../img/izdvajamo_bg.png) left top no-repeat; font-weight:bold; font-size:12px; clear:both; }
			
			.address { width:229px; background: url(../img/location_bg.png) no-repeat; padding:14px 0 10px 10px; line-height:16px; margin-top:10px; float:left;}
			.address_bottom { float:left; background:url(../img/location_bottom_bg.png) no-repeat; width:239px; height:3px;}
			.address strong { margin-bottom:8px; display:block; }
			.address a { text-decoration:underline; color:#999999; font-weight:bold; }
			.address a:hover { text-decoration:none; }		
			
			.logo_side { padding:20px 25px; float:left;}
			.logo_side a:hover { opacity:0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
				

		/* INDEX  ------------------------------------------------ */
		#index_content { background:url(../img/index_bg.png) repeat-x; width:962px; padding:7px 0 0 8px;}
		
		.izdvajamo { float:left; width: 37px; height: 193px; background: url(../img/izdvajamo.png) no-repeat left top; }
		.izdvajamo2 { float:left; width: 37px; height: 193px; background: url(../img/o_nama.png) no-repeat left top; }
		
		.index_products { float:left; height:194px; width:594px;}
		.index_products ul { float:left; height:194px; width:594px; padding:0 0 0 6px; background-color:#FFFFFF;}
			.index_products li { float:left; height:194px; display:block; width:189px; margin:0 3px; text-align:center;}
			.index_products li a { display:block; width:189px; height:137px; border:solid 1px #e0e0e0;}
			.index_products li img { padding:0; margin:0px; }
			.index_products li a:hover { border:solid 1px #c1c1c1;}
			.index_products li .description { clear:left; width:auto; margin:0 auto; text-align:center; padding:16px 0 0 0; font-weight:bold; font-size:14px;}
			.index_products li .description a { color:#a3a3a3; text-decoration:none; border:none; width:auto; height:auto; }
			.index_products li .description a:hover { border:none; color:#666666; }
			.o_nama { width:270px; float:left; height:175px; border-bottom: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf; border-top: solid 1px #dfdfdf; padding:8px; line-height:19px; font-size:14px; background:url(../img/bubbles_index.png) top right no-repeat #FFFFFF;}
			* html .o_nama { width:264px;}
			.o_nama a { text-decoration:none; font-weight:bold; color:#999999; }
			.o_nama a:hover { text-decoration:none; font-weight:bold; color:#666666; }			
			.o_nama img { margin:20px 0 0 40px;}

	/* BOTTOM  ------------------------------------------------ */
	#bottom { width:1000px; float:left; background:url(../img/content_bottom.png) #f0f0f2 no-repeat top; height:9px; padding:10px 0px 0px 0px; height:60px;}
		#bottom ul { float:left; width:700px;}
		#bottom li { float:left; padding:10px 10px 20px 10px; background: url(../img/tackica.png) no-repeat right 17px;}
		#bottom li.last_bottom { background:none;}
		#bottom li a { color:#747474; text-decoration:none;}
		#bottom li a:hover { border-bottom:solid 1px #747474;}
		.design { padding:10px 10px 20px 0; float:right;}
		.design a { color:#747474; text-decoration:none;} 
		.design a:hover { border-bottom:solid 1px #747474;}

		#contact-form { display:block; margin:48px 0pt 0pt 0px; }
		#contact-form div.input { display:block; margin:3px 0px; }		
		#contact-form div.input input { border:1px solid #CCCCD3; padding:3px; width:200px; color:#666666; }				
		#contact-form div.input textarea { border:1px solid #CCCCD3; padding:3px; width:320px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
		#contact-form div.input label { display:block; float:left; width:120px; }
		#contact-form div.submit input.button { border:2px solid #CCCCD3; padding:6px 3px; width:100px; margin-top:5px; background:#0060AA; color:#FFFFFF; font-size:11px; }
		#contact-form div.submit input.button:hover { border:2px solid #FFFFFF; padding:6px 3px; width:100px; margin-top:5px; background:#CCCCCC; color:#666666; font-size:11px; }

		p.kontakt a { color:#999999; text-decoration:underline; }
		p.kontakt a:hover { color:#999999; text-decoration:none; }		
		#mapa { display:block; float:left; border:1px solid #CCCCCC; width:366px; height:380px; margin: 10px 0 0 10px; }
		div.kontakt { float:left; width:338px; padding-right:0px; }
		
		.zastupnistvo { display:block; float:left; margin-bottom:8px; border-top: 1px dotted #999999; padding-top:10px; }
		.zastupnistvo .left { display:block; float:left; width:373px; padding-top:10px; }
		.zastupnistvo .left img { margin-left:10px; display:block; }
		.zastupnistvo .left h3 { display:block; margin-left:10px; font-size:16px; margin-top:20px; margin-bottom:3px; }
		.zastupnistvo .left a { display:block; margin-left:10px; color:#999999; text-decoration:none; }
		.zastupnistvo .left a:hover { color:#999999; text-decoration:underline;  }
		.zastupnistvo .left p { margin-top:30px; margin-left:10px; }
		#content .zastupnistvo img.right { margin:5px; }						
		
				div.news_item { display:block; margin:0px 0px 10px 0; border-bottom:1px dotted #999999; padding-bottom:12px; float:left; position:relative; width:710px; }
		div.news_item p.date { font-size:12px; color:#A8A8A8; padding-bottom:8px; font-weight:bold; }		
		div.news_item h3 { font-size:14px; font-weight:bold; color:#3D8EC2; padding:0px 0px 0px 0pt; }		
		div.inner h3 { font-size:16px; }				
		div.news_item div { font-size:12px; color:#999999; line-height:17px; float:left; width:540px; min-height:70px;   height:auto !important; height:70px; }		
		div.inner div { font-size:12px; color:#999999; line-height:17px; float:left; width:709px;}		
		div.news_item img.abs { display:block; position:absolute; top:2px; left:554px; border:3px solid #F3F6F7; }		
		div.news_item img.right { display:block; float:right; border:3px solid #F3F6F7; margin:-35px 0px 10px 10px !important; }		
		* html div.news_item img.right { margin:0px 0px 10px 10px !important; }


		div.news_item div a.more { font-size:12px; color:#3D8EC2; line-height:17px; text-decoration:none; margin-left:10px; font-weight:bold; padding-right:18px; background:url(../img/more_news.gif) 54px 6px no-repeat; }		
		div.news_item div a.more:hover { font-size:12px; color:#999999; text-decoration:none; padding-right:18px; background:url(../img/more_news.gif) 54px -19px no-repeat; }		
		div.news_item div a.less { font-size:12px; color:#3D8EC2; line-height:17px; text-decoration:none; font-weight:bold; padding-left:18px; background:url(../img/less_news.gif) 7px 6px no-repeat; }		
		div.news_item div a.less:hover { color:#999999; text-decoration:none; background:url(../img/less_news.gif) 7px -19px no-repeat; }		

.submit .submit-button { margin-right: 165px; margin-top: 10px; background:url(../img/search_button_bg.png) no-repeat; width:75px; height:24px; color:#FFFFFF; float:right; font-size:10px; border:none; cursor:pointer; padding:0px; }
.submit .submit-button:hover { background:url(../img/search_button_bg_hover.png) no-repeat; }

#flashMessage { padding:5px; width:317px; background:#E3E3E3; border:1px solid #C3C3C3; margin-bottom:8px; }