/* info
--------------------------------------------------------
	Start:	28.04.2008.
	Author:	BozooArt, www.moja-aukcija.com
	Name: 	Moja Aukcija
*/

/* Colors
----------------------------------------------- 
#fe4e00 = orange
#0078c1 = blue
#2e2929 = black
#58585a = black 70
#464646 = black 80

----------------------------------------------- */

/* Normalize
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
hr { display: none; }
legend { display: none; }

/* General
----------------------------------------------- */
body { font: 62.5%/1.6 "Trebuchet MS", Tahoma, sans-serif; background: #f9f2e7 url(../images/bg_brow.gif); text-align: center; margin-top: -3px; }
.clr 		{ clear: both; }
a 			{ text-decoration: none;  }
a:hover 	{   }
a:focus 	{ outline: none; }
.left 		{ float: left; }
.input_text { font: 110% "Trebuchet MS", Tahoma, sans-serif; padding: 1px 2px; border: 1px solid #3a3a3a; }
.orange 	{ color: #fe4e00; }
.black 		{ color: #2e2929; }


#container2			{  text-align: left; width: 932px; margin: 0 auto; line-height: 1.5em; background: url(images/content_bg.gif) repeat-y; }
/*--samo prva strana*/
#container			{  text-align: left; width: 932px; margin: 0 auto; line-height: 1.5em; background: url(images/content2_bg.gif) repeat-y; }
/* obrisano u #container --background: url(images/content_bg.gif) repeat-y; -- sve strane osim prve*/
	#wrapper { background: url(images/wrapper_bg.gif) repeat-x; clear: both; margin-top: 1px;	 }
    
	#header 		{ padding: 2px 1px; height: 91px; width: 930px; }
	#header h1 a   { background: url(images/logo.gif) no-repeat; width: 207px; height: 91px; text-indent: -9999em; float: left; display: block;  } 
	#header .banner { width: 723px; height: 91px; float: left;  }

/* Horizonal Menu
----------------------------------------------- */	

	#nav 				{ background: url(images/nav_bg.gif) repeat-x; height: 38px; clear: both;  padding: 0 1px;  }
	#nav ul 			{ padding: 1px 0 0 15px; float: left; width: 505px; }
	#nav li 			{ display: inline; font-size: 120%; float: left; }
	#nav li a 			{ display: block; color: white; text-transform: uppercase; padding: 11px 15px; margin-right: 1px;  }
	#nav li a:hover 	{ background: url(images/nav_bg_hover.gif) !important; }
	#nav li.active a	{ background: url(images/nav_bg_active.gif); }
	
	#nav #loginMssg 	{ color: #c8c3b8; float: left; width: 150px; text-align: center; height: 33px; padding-top: 5px; font-size: 120%; font-weight: bold;  }

		#nav ul ul { display: none; padding: 0; position: absolute; z-index: 100; width: 170px; margin: 0 0 0 0px; border-bottom: 1px solid white; }	
		#nav ul ul li a { float: none !important; clear: both; background: #545454; color: white; display: block; font-size: 70%; padding: 6px 10px; border-left: 1px solid #e4dfcb; border-right: 1px solid #e4dfcb; border-top: 1px solid white; width: 150px;  } 	
		#nav ul ul li a:hover { background: #0078c1; color: white; }
		#nav ul li:hover a { background: #545454; color: white; }
		#nav ul ul ul { margin: -28px 0 0 165px; font-size: 80%;  }
		#nav ul li:hover ul ul, #nav ul li ul li:hover ul ul { display: none; left: auto; }		
		#nav ul li:hover ul, #nav ul li ul li:hover ul { display: block; }
	
	#nav dl { width: 260px; float: left;  padding: 11px 0 12px 0px; text-align: center; color: #c8c3b8;  }
	#nav dt { float: left; margin-left: 5px;  display: block; font-weight: bold; font-size: 180%; width: 75px; }
	#nav dd { float: left; display: block; font-size: 100%; font-weight: bold; padding-left: 20px; width: 160px;}


/* Left Column
----------------------------------------------- */

	#leftCol { width: 205px; float: left; border-right: 1px solid #cccccc; margin-left: 1px; padding-bottom: 200px; }
	#menu h3 { display: none; }	
	#menu ul.tabbernav { margin: 10px 0 0 20px; }	
	ul.tabbernav li a { padding: 4px; color: #706e6e; }
	
	#menu li.tabberactive #menunav1, #menu li.tabberactive #menunav2 { padding: 4px;margin: 0; }
		
		ul.categories 				{ margin: 0 10px;; font-size: 130%; clear: both; border-top: 1px solid #706e6e; }
		ul.categories li 			{ padding: 0 !important; margin: 0; }
		ul.categories li a 			{ padding: 5px 0 5px 18px; border-bottom: 1px solid #f0efef;  color: #383838;font-weight: bold;  display: block; background: url(images/arrow.gif) no-repeat 5px 10px;   }
		ul.categories li a:hover,
		ul.categories li.active a	{ color: #ed7d2a; }
		ul.categories li span 		{ font-size: 80%; font-weight: normal; }
	
		#registration 							{ background: #f6f2d7; margin: 10px 5px; padding: 1px 1px 10px 1px; border: 1px solid #e0d9ab; }
			#registration h3 					{ font-size: 130%; text-transform: uppercase; background: url(images/orange_bg.gif) repeat-x; border: 1px solid #e0d9aa; color: white; padding-left: 10px; line-height: 2.2em;   }
			#registration form 					{ font-size: 110%; padding: 10px; }
			#registration form label 			{ display: block; font-size: 110%; margin-top: 10px; }
			#registration form input.input_text { width: 165px; }
			#registration form input.button 	{ padding: 2px 4px; margin-top: 10px; }
			
			#note a 		{ margin: 0 0 10px 10px; font-size: 110%;  text-decoration: underline; color: #383838; background: url(images/registration.gif) no-repeat left 50%; padding-left: 20px;  }
			#note a:hover 	{ text-decoration: none; }
						#note_pravna a 		{ margin: 0 0 10px 10px; font-size: 110%; text-decoration: underline; color: #383838; background: url(images/reg_pravna.gif) no-repeat left 50%; padding-left: 20px;  }
			#note_pravna a:hover 	{ text-decoration: none; }
			#leftBanner 	{ margin: 0 0 1px 1px;}

/* Middle Column // Tabs 
----------------------------------------------- */			
	#middleCol { float: left; width: 520px;  }
		
		#smallAd { padding-top: 1px;  }
	
		#tabs { color: #50422c; display: block;  margin: 0 6px; padding: 0; }
		#tabs h3 { display: none; }
		
		#tabs a { color: #706e6e;  }
		#tabs a:hover { text-decoration: none; }
  
		.tabbernav li { display:inline;  }
		.tabbernav li a { background: url(images/tab_bg.gif) repeat-x;  font-weight: bold; display: block; float: left; text-transform: uppercase; margin-right: 1px; font-size: 100%; text-decoration: underline; border: 1px solid #d2d2d2; border-bottom: none;   }
		.tabbernav li a#tabsnav1 { padding: 6px 15px 6px 35px; width: 64px;  } 
		.tabbernav li a#tabsnav2 { padding: 6px 20px; width: 165px; } 
		.tabbernav li a#tabsnav3 { padding: 6px 20px; width: 135px; } 
		.tabbernav li.tabberactive a { margin: 0; background: url(images/orange_bg.gif) repeat-x; border: 1px solid #d2d2d2; border-bottom: none; color: white !important; text-decoration: none; }

		#tab1, #tab2, #tab3 { border-top: 2px solid #d4d4d4; clear: both; margin-top: 1px !important; width: 512px;  }
		
		.tabbertab h4 			{ font-weight: bold; background: url(images/title_bg.gif) no-repeat; width: 492px; height: 17px; color: white; padding: 5px 10px; font-size: 130%;  }
		.tabbertab h4 a 		{ color: white !important; }
		.tabbertab h4 a:hover 	{ text-decoration: underline !important; }
			
			.tabbertab .box 					{ background: url(images/box_bg.gif) no-repeat; width: 503px; height: 130px; font-size: 110%; padding-left: 10px; clear: both;  }
			.tabbertab .box ul 					{ color: #2e2929; float: left;  }
			.tabbertab .box ul li 				{ border-bottom: 1px solid #f0efef; padding: 2px 4px; }
			.tabbertab .box ul li.none 			{ border-bottom: none; }
			.tabbertab .box ul li a 			{ color: #2e2929; }
			.tabbertab .box ul li a:hover 		{ text-decoration: underline !important; }
			
			.tabbertab .box ul li.offer_bttn			{ border-bottom: none; }
			.tabbertab .box ul li.offer_bttn a 			{ margin: 0 0 10px 8px;  display: block; background: url(images/offer_bttn.gif) no-repeat; width: 106px !important; height: 12px; color: white !important; font-weight: bold; padding: 2px 0 6px 0; text-align: center;  }
			.tabbertab .box ul li.offer_bttn a:hover 	{ background-position: right; }
			
			.tabbertab .box .zupanija 			{ border-bottom: 1px solid white; padding: 4px 4px; width: 300px; margin-bottom: 8px; }
			.tabbertab .box ul li strong 		{ color: #fe4e00; }			
			.tabbertab .box ul li strong.black 	{ color: #2e2929; }	
			.tabbertab .box p.image 			{ background: url(images/ad_image_bg.gif) no-repeat; width: 85px; height: 72px; padding: 5px; float: left; margin-right: 10px;  }
			.tabbertab .box p.image img 		{ border: 1px solid #3a3a3a; }
			
			.tabbertab .box ul.offer 	{ margin-top: -7px; }
			.tabbertab .box ul.user 	{ margin-left: 43px; margin-top: -22px; }
		
		.tabberlive .tabbertabhide 		{ display:none; }
		
		.view_all { border-top: 1px solid #2e2929; margin: 0 6px; }
		.view_all a { margin-left: 370px; background: url(images/view_all.gif) no-repeat; width: 98px; height: 18px; color: white !important; display: block; text-align: center; padding-top: 2px; font-weight: bold; font-size: 110%; }
		.view_all a:hover { text-decoration: underline !important;  }
		
	#middleBanner { padding: 25px 0 25px 25px; }
	
/* Right Column
----------------------------------------------- */	
	#rightCol { float: right; border-left: 1px solid #cccccc; width: 198px; margin-right: 1px;  }
		.blitz { background: #f6f3d7; padding-bottom: 15px; margin-left: 1px; }
		.blitz .posloprimci { background: url(images/posloprimci.jpg) no-repeat; width: 198px; margin-bottom: 15px; height: 103px; }
		.blitz .poslodavci {  background: url(images/poslodavci.jpg) no-repeat; width: 198px; margin-bottom: 15px; height: 103px; }
		
		.blitz ul 			{ margin: 0 10px; font-size: 120%; font-weight: bold;  }
		.blitz ul li 		{ border-bottom: 1px solid #ded7b1; padding: 5px 15px;  }
		.blitz ul li.none 	{ border-bottom: none; } 
		.blitz ul a 		{ color: #2f2f2f; }
		.blitz ul a:hover 	{ color: #fe4e00; }

		#rightBanner { border-top: 1px solid #313232; clear: both; height: 550px; width: 198px; position: absolute;  }
		#rightBanner { margin: 0 0 1px 1px;}
	
/* Footer
----------------------------------------------- */	
	#footer 				{ clear: both; background: #313232; text-align: center; font-size: 120%; padding: 15px 0; color: #f6f2d7;  }
	#footer ul li 			{ display: inline; background: url(images/footer_dot.gif) no-repeat right 50%;  }
	#footer ul li.last 		{ background: none; }
	#footer ul li a 		{ color: #f6f2d7; padding: 0 20px 0 10px; }
	#footer ul li a:hover 	{ text-decoration: underline; }
	
	#copyright 			{ text-align: center; font-size: 110%; padding: 20px 0; color: #313232; }
	#copyright a 		{ color: #313232; text-decoration: underline; }
	#copyright a:hover 	{ text-decoration: none; }
	
	#footerAd				{ width: 725px; margin: 20px auto 0 auto;  }
	
/* Map
----------------------------------------------- */
	#pretragaZupanija { width: 510px; margin-left: 10px; }
		h3#zupanijeTitle { background: url(images/orange_bg.gif) repeat-x; font-size: 130%; color: white; padding: 7px 10px; clear: both; display: block; width: 485px; margin-left: 10px; }

		#map { float: left; width: 297px; display: block; background: white; padding-top: 20px;    }
		#list { float: left; width: 160px; margin: 0 0 0 20px; text-align: left;  }
			#list h4 { font-size: 120%; font-weight: bold; text-decoration: underline; margin-bottom: 10px; }
			#list ul { font-size: 110%; }
			#list ul li { background: url(images/list_bullet.gif) no-repeat left center; padding: 0 15px;  }
			#list ul li a { color: #676767; }
			#list ul li a:hover { color: #fe4e00; }