@import url(reset.css);

body{ color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.homeBody { background:url(../img/home_bgr.jpg) 0 0 repeat-x;}
.rest {background:url(../img/rest_bgr.jpg) 0 0 repeat-x;}

h1{ float:left; width:114px; height:104px;}
	h1 a{ display:block; width:151px; height:104px; text-indent:-9999px; outline:none; background:url(../img/logo.png) top left no-repeat;}

	/*TOP*/
	#topSegment{ width:960px; margin:0 auto;z-index:10; overflow:hidden; position:relative;}
		#topSegment ul{float:right; margin-top:20px; overflow:hidden; height:52px; display:inline;}
			#topSegment ul li{ float:left; height:32px; margin-right:5px;}
				#topSegment ul li a{ color:#E3E3E3; font-family:"Calibri", Helvetica, Arial, sans-serif; font-size:18px; line-height:25px; text-shadow:#333 2px -1px 1px; padding:0 0 0 9px; height:32px; display: block; width:auto; outline:none; float:left; }
				#topSegment ul li a span{ padding:0 9px 0 0; display:block; height:32px; width:auto; float:left;}
				#topSegment ul li a:hover, #topSegment ul li a:active, a.current {background:url(../img/over_left.png) top left no-repeat;}
				#topSegment ul li a:hover span, #topSegment ul li a:active span, a.current span{background:url(../img/over_right.png) top right no-repeat;}
		
			
	/*HOME BOX*/	
	
	#content { width:960px;margin:0 auto; padding-top:25px; overflow:hidden;}			
			
	#homeBox { width:100%; height:438px; background:url(../img/back_light3.png) center 0 no-repeat; margin-top:-29px;}
		.boxHolder{ width:960px; margin: 0 auto;}
			.boxHolder img{ position:absolute; top:-60px; left:50px;}
			.rightBox {float:right; padding:68px 30px 0 0; width:360px;}
			.rightBox h2{ background:url(../img/logo_home.png) 0 0 no-repeat; width:280px; height:82px; text-indent:-9999px; margin-left:19px;}
			.rightBox ul{ margin-top:20px; width:360px;}
				.rightBox ul li{ background:url(../img/list_bullet.png) left 7px no-repeat; margin-bottom:10px; padding-left:20px; color:#535353; font-size:20px; line-height:23px; width:340px;}
					
					
	
	/*HOME CONTENT*/
	
	
	/*home product  list*/
	
	.foteljaHome{ background:url(../img/content_fotelja_home2.png) 0 0 no-repeat; position:relative; width:234px; height:161px; float:left;margin-right:7px;}
	.foteljaHome h3{ background:url(../img/logo_fotelja2.png) 00 no-repeat; display:block; width:88px; height:55px; text-indent:-9999px; position:absolute; top:6px; right:10px;}
	.foteljaHome a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px; outline:none;}
	.foteljaHome a:hover{ background-position: 0 -25px;}
	.foteljaHome a:active{ background-position: 0 -50px; outline:none;}
	
	.dvosedHome{ background:url(../img/content_dvosed_home2.png) 0 0 no-repeat; position:relative; width:234px; height:161px; float:left;}
	.dvosedHome h3{ background:url(../img/logo_dvosed2.png) 00 no-repeat; display:block; width:88px; height:50px; text-indent:-9999px; position:absolute; top:6px; right:10px;}
	.dvosedHome a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
	.dvosedHome a:hover{ background-position: 0 -25px;}
	.dvosedHome a:active{ background-position: 0 -50px; outline:none;}
	
	.tabureHome{ background:url(../img/content_tabure_home2.png) 0 0 no-repeat; position:relative; width:234px; height:161px; float:left;margin-right:7px;}
	.tabureHome h3{ background:url(../img/logo_tabure2.png) 00 no-repeat; display:block; width:88px; height:55px; text-indent:-9999px; position:absolute; top:6px; right:10px;}
	.tabureHome a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
	.tabureHome a:hover{ background-position: 0 -25px;}
	.tabureHome a:active{ background-position: 0 -50px; outline:none;}
	
	.foteljicaHome{ background:url(../img/content_foteljica_home2.png) 0 0 no-repeat; position:relative; width:234px; height:161px; float:left; margin-right:7px;}
	.foteljicaHome h3{ background:url(../img/logo_foteljica2.png) 00 no-repeat; display:block; width:125px; height:55px; text-indent:-9999px; position:absolute; top:6px; right:10px; }
	.foteljicaHome a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
	.foteljicaHome a:hover{ background-position: 0 -25px;}
	.foteljicaHome a:active{ background-position: 0 -50px; outline:none;}


	
	/*lazybags product  list*/
		.fotelja{ background:url(../img/content_fotelja2.png) 0 0 no-repeat; position:relative; width:315px; height:160px; float:left;margin-bottom:9px;}
			
			.fotelja h3{ background:url(../img/logo_fotelja.png) 00 no-repeat; display:block; width:152px; height:26px; text-indent:-9999px; position:absolute; top:10px; right:20px;}
			.fotelja a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
			.fotelja a:hover{ background-position: 0 -25px;}
			.fotelja a:active, .currentSprite a{ background-position: 0 -50px; outline:none;}
			.fotelja a:visited{ outline:none;}
				
				
		.tabure{ background:url(../img/content_tabure2.png) 0 0 no-repeat; position:relative; width:315px; height:160px; float:left;margin-bottom:9px;}
			.tabure h3{ background:url(../img/logo_tabure.png) 00 no-repeat; display:block; width:157px; height:26px; text-indent:-9999px; position:absolute; top:10px; right:20px;}
			.tabure a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
			.tabure a:visited{ outline:none;}
			.tabure a:hover{ background-position: 0 -25px;}
			.tabure a:active, .currentSprite a{ background-position: 0 -50px; outline:none;}
			
				
				
		.dvosed{ background:url(../img/content_dvosed2.png) 0 0 no-repeat; position:relative; width:315px; height:160px; float:right;margin-bottom:9px;}
			.dvosed h3{ background:url(../img/logo_dvosed.png) 00 no-repeat; display:block; width:160px; height:26px; text-indent:-9999px; position:absolute; top:10px; right:20px;}
			.dvosed a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
			.dvosed a:hover{ background-position: 0 -25px;}
			.dvosed a:active, .currentSprite a{ background-position: 0 -50px; outline:none;}
			.dvosed a:visited{ outline:none;}
				
		.foteljica{ background:url(../img/content_foteljica2.png) 0 0 no-repeat; position:relative; width:315px; height:160px; float:left; margin-bottom:9px;}
			
			.foteljica h3{ background:url(../img/logo_foteljica.png) 00 no-repeat; display:block; width:215px; height:26px; text-indent:-9999px; position:absolute; top:10px; right:20px;}
			.foteljica a{ display:block; width:25px; height:25px; background:url(../img/arrow_sprite.png) top left no-repeat; position:absolute; bottom:37px; right:10px;}
			.foteljica a:hover{ background-position: 0 -25px;}
			.foteljica a:active, .currentSprite a{ background-position: 0 -50px; outline:none;}
			.foteljica a:visited{ outline:none;}
			
			
			.currentSprite{ display:none;}
				
				
				
		
				
				
				
	/*LAZYBAG*/
	h2.catName{ background:url(../img/kat_fotelja.jpg) 0 0 no-repeat; clear:both; height:53px; text-indent:-9999px; padding-bottom:25px; }
	h2.catTabure{ background:url(../img/kat_tabure.jpg) 0 0 no-repeat; clear:both; height:53px; text-indent:-9999px; padding-bottom:25px; }
	h2.catDvosed{ background:url(../img/kat_dvosed.jpg) 0 0 no-repeat; clear:both; height:53px; text-indent:-9999px; padding-bottom:25px; }
	h2.catDecija{ background:url(../img/kat_foteljica.jpg) 0 0 no-repeat; clear:both; height:53px; text-indent:-9999px; padding-bottom:25px; }
	
	#leftColumn{ width:615px; float:left;}
	
		
		#productBox{ height:auto;}
		
		.ui-tabs .ui-tabs-hide {display: none;} /* Must have for all tabs */
		
	#imgHolder{width:auto; height:565px; overflow:hidden;}
		ul.colors{position:absolute; top:0px; right:0;}
			.colors li {position:relative; height:26px; width:112px; }
				
				.colors li a{ display:block; width:112px; height:26px; position:relative; z-index:3; outline:none; }
				
					.colors li a b{ color:#3F3F3F; position:absolute; top:7px; left:15px; font-size:10px;}
						.colors li a:hover, .ui-tabs-selected{background:url(../img/slider2.png) 0 0 no-repeat;}
					
						.colors li a:hover b{ visibility:visible; color:#535353;}
					.colors li span {display:block; width:15px; height:16px; background-color:#fd843f;float: right; padding-right:2px; z-index:4; position:absolute; top:5px; right:5px;}
						.colors li span.yellow{background-color:#fff62f;}
						.colors li span.oker{background-color:#FFD44A;}
						.colors li span.orange{background-color:#096C67;}
						.colors li span.red{background-color:#5376CA;}
						.colors li span.magenta{background-color:#062565;}
						.colors li span.purple{background-color:#BEBEC6;}
						.colors li span.brown{background-color:#E53B48;}
						.colors li span.black{background-color:#FD843F;}
						.colors li span.darkblue{background-color:#8B2FB4;}
						.colors li span.darkblue{background-color:#8B2EA3;}
						.colors li span.blue{background-color:#E260A6;}
						.colors li span.mint{background-color:#292929;}
						.colors li span.lightgreen{background-color:#82B8C4;}
						.colors li span.green{background-color:#61B6AF;}
						.colors li span.darkgreen{background-color:#767676;}
						.colors li span.gold{background-color:#044F4A;}
						.colors li span.flou{background-color:#720201;}
						.colors li span.gray{background-color:#938B38;}
						.colors li span.lihgtgray{background-color:#8ED90A;}
						.colors li span.white{background-color:#ffffff;  border:1px solid  #cccccc;}
			
					
		
		.vertical{  overflow:hidden;}
		.contactList{ position:absolute; top:0px;right:0px;}
		
	.vertical{ float:right; overflow:hidden;}
		.vertElement{ float:none;}
		
		body#fotelje ul.vertical li.fotelja {display:none}
		body#dvosed ul.vertical li.dvosed {display:none}
		body#foteljica ul.vertical li.foteljica {display:none}
		body#tabure ul.vertical li.tabure {display:none}
		
		
		
		
		
  /*NOVOSTI*/
  
  		h2.novosti{ background:url(../img/novosti.jpg) 0 0 no-repeat; clear:both; height:54px; text-indent:-9999px; margin-bottom:30px; }
  
 		.newsBar{ overflow:hidden; border-bottom:1px dotted #cccccc; padding:15px 0;}
			.newsBar img{ float:left; margin: 0px 22px 15px 0;}
			.newsBar h4{ color:#0035cd; font-size:22px; font-weight:100; padding-bottom:10px;}
				.newsBar a{color:#0035cd;}
					.newsBar a:hover{text-decoration:underline;}
				.newsBar h5{ color:#c1c1c1; font-size:12px; padding-bottom:12px;}
				.newsBar p{ color:#535353; font-size:12px;}

					#paginacija {padding:0px; border:0px; padding-top:15px;}
						span.current {font-size:11px; font-weight:bold; margin:0 2px; }
						#paginacija a {color:#ababab; font-size:11px; margin:0 2px;}
							#paginacija a:hover {text-decoration:underline;}

				
	/*FOTOGALERIJA*/
	
		h2.fotogalerija{ background:url(../img/fotogalerija.jpg) 0 0 no-repeat; clear:both; height:54px; text-indent:-9999px; margin-bottom:30px; }
		#galerija ul {}
			#galerija li{ width:312px; float:left;margin-right:8px; padding-bottom:30px; position:relative;}
				#galerija li a:hover span{  display:block; width:310px; height:233px; position:absolute; top:0; left:0; background:url(../img/galery_over.png) 0 0 no-repeat; z-index:3; opacity: 0.5;}
				#galerija li.lastGalery{ margin:auto;}
				
			#galerija h4{ color:#0035cd; font-size:12px; padding:3px 0 3px 0;}
  			#galerija p{ color:#535353; font-size:11px; line-height:14px;}
			
			
			
	/*KONTAKT*/
	h2.kontakt{ background:url(../img/kontakt.jpg) 0 0 no-repeat; clear:both; height:54px; text-indent:-9999px; margin-bottom:30px; width:350px; }
	
	p.contactinfo {line-height:18px; position:absolute; right:104px; top:16px;}
		p.contactinfo a{color:#0035cd;}
			p.contactinfo a:hover{ text-decoration:underline;}

	fieldset.forma {width:auto; height:auto;}
	fieldset.forma label {font-size:12px; font-weight:bold; color:#333333; padding-bottom:3px; display:block;}
	fieldset.forma input {width:185px; display:block; background:#efeeee; border:1px solid #d9d9d9; height:19px; padding:5px 5px 5px 5px; font-size:12px; margin:2px 0 15px 0;}
	fieldset.forma textarea {width:400px; height:150px; background:#efeeee; border:1px solid #d9d9d9; padding:5px 5px 0 5px; font-size:13px; overflow:auto; margin:2px 0 15px 0; font-size:12px; display:block; resize:none;}
	fieldset.forma input.posalji{ width:92px; height:35px; background:url(../img/posalji.jpg) 0 0 no-repeat; color:#FFC20F; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:14px; text-shadow:#333 2px 2px 2px; font-weight:100; border:none; float:left; margin-right:20px; cursor:pointer;}
	.info { width:300px; height:32px; color:#FF4700; font-size:12px;margin-top:10px; border:none !important; vertical-align:bottom; float:left; }
	#contacTtable{ width:300px; border:none; font-size:12px; text-align:right; position:absolute;top:0; right:95px;}
		.labelInfo{ width:50%; font-weight:bold;}
	
	
	/*REFERENCE*/
	
	h2.reference{ background:url(../img/reference.jpg) 0 0 no-repeat; clear:both; height:54px; text-indent:-9999px; margin-bottom:30px; }
	ul.referenceLista{ margin:20px 0 20px 10px;}
		ul.referenceLista li{ padding-top:10px; border-bottom: 1px solid #cccccc; padding-bottom:20px;}
			ul.referenceLista li span{ display: block; width:100px;}
				ul.referenceLista li span img{padding-right:10px; float:left;}
			ul.referenceLista li b{ font-size:12px; }
			ul.referenceLista li p{}
			
			ul.referenceLista li a{color:#FF4700; float:right; margin-right:30px;}
				ul.referenceLista li a:hover{ text-decoration:underline;}
		
	
	


	
  
		
		
	
	
				
				
				
				
	/*FOOTER*/
	
	#footer{ width:960px; margin:0 auto; overflow:hidden; font-size:10px; color:#cccccc; border-top:1px solid  #cccccc; padding:10px 0 10px 0;margin-top:10px;}
		#footer h3{ background:url(../img/logo_footer.png) top left no-repeat; width:59px; height:17px; text-indent:-9999px; float:left; margin-right:10px;}
		#footer p {width:200px; float:left;}
		
		#footer ul{float:left; overflow:hidden;}
			#footer ul li{ display:inline; float:left; padding: 0 7px 0 7px; border-right:1px solid  #cccccc; }
				#footer ul li a {color:#cccccc; font-size:10px; }
					#footer ul li a:hover { text-decoration:underline;}
					#footer ul li.lastItem { border-right:0px; }
						#footer ul li.lastItem a{ background:url(../img/eutel_logo.jpg) top left no-repeat; display:block; width:60px; height:13px; float:left; display:inline-block; text-indent:-9999px;}