/* =Body
----------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif, Nimbus Sans L; font-size:12px; background: #e5ecf3 url('/images/layout/body-bg.gif') top repeat-x; color:#0b57a2; }

/* =Container
----------------------------------------------- */
#container {
	margin: 0 auto;
	width:990px;
	padding: 0px;
	z-index:1;		
}

/* =Header
#header { width: 988px
----------------------------------------------- */
#header { width: 988px; height:171px; position:relative; background: url('/images/layout/header-border-bottom.gif') bottom repeat-x;  }
#header h1 { padding: 59px 0px 0px 18px; }
#header h1 a { display: block; text-indent: -5000px;  background:#fff url('/images/layout/logo-h1.gif') no-repeat; width:307px; height:53px;}
		

/* =Search form
----------------------------------------------- */
.input_text {
	display: block;
	float: left;
	margin: 12px 0 0 29px;
	width: 507px;
	height: 25px;
	color: #fff;
	background: #0b57a2;
	border: none;
	font-size:14px;
}

.search_button {
	width: 79px;
	cursor: pointer;
	height: 42px;
	background: none;
	text-indent:-5000px;
	margin-left: 0px;
	border: none;
	font-size:1px;
	color: #fff;
}

#header fieldset {
	position: absolute;
	top: 69px;
	right: 2px;
	background: #6dd8e7 url('/images/layout/search_bg.gif') no-repeat;
	width: 620px;
	height: 42px;
	border:none;
}

#header legend {
	display: none; }


/* =Breadcrumbs
----------------------------------------------- */
#breadcrumbs {
	width: 975px; 
	height: 25px; 
	position: relative; 
	margin-top: 25px; 
	color: #0b57a2; 
	line-height: 1.5;
	padding-left: 15px; }

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: block;
	border: none;
	} 

.first img {padding-right: 5px;} 


#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
#breadcrumbs li a { color: #0b57a2; text-decoration: none; }

#breadcrumbs ul li.date {
	border: none;
	padding-right:6px;
	border-right: 1px solid #0b57a2;
	list-style: none;
	}
	
#breadcrumbs ul li.weather {
	padding-left: 5px; 
  	padding-right: 15px;
	border-right: 1px solid #0b57a2; 
	}

	
#breadcrumbs ul li.register {
	border: none;
	background: url('/images/layout/register-icon.gif') left no-repeat;
	background-position: 4px 2px;
	padding-right: 5px;
	padding-left: 20px;
	list-style: none;
	
	}

#breadcrumbs ul li.face {
	padding-left: 10px; 
  	padding-right: 15px;
	border-left: 1px solid #0b57a2; 
	}
	
#breadcrumbs li a { color: #0b57a2; text-decoration: none; }

#breadcrumbs ul.staza { float:left; width:550px; display:inline; padding:5px 0 0;}
#breadcrumbs ul.info { float:right; display:inline; padding:5px 0 0; text-align:right;}


#breadcrumbs img { vertical-align:middle; }

/* =Additional-info
----------------------------------------------- */
#additional-info {
  width: 350px; height: 35px; position: relative; font-size: 10px;  color:#565654; line-height: 1.5; }
	#additional-info ul { position: absolute; left: 600px; top: 25px;  }
	#additional-info ul li { display: inline; }
	#additional-info ul li a { font-size: 10px;  color:#565654; text-decoration:none; display: block; float: left;  padding-left: 11px;border-right: solid 1px #565654; padding-right: 11px; }
	#additional-info ul li a:hover, #additional-info ul li a.current-page {  text-decoration: underline; }
		
	/*last without margin*/
	#additional-info ul li.last { display: inline; border-right:none; }
	#additional-info ul li.last a { font-size: 10px;  color:#565654; text-decoration:none; display: block; float: left; margin:0 auto; padding-left: 11px; padding-right: 11px;border-right:none; }
	#additional-info ul li.last a:hover, #additional-info ul li.last a.current-page {  text-decoration: underline; }


/* =Content
----------------------------------------------- */		
#content{
		color: #000;
		position: relative;
		}


/* =Main-content
----------------------------------------------- */		
#main-content { width: 990px; }


/* =Left
----------------------------------------------- */	
#left {
background: #fff;
float: left;
width: 620px;
font-size:12px;
padding: 0px;
padding-bottom:10px;
min-height:750px; 
overflow:visible;
}

#left div.sadrzaj {
	padding: 5px;
	margin-left:15px;
	margin-right:15px;
}

#left div.sadrzaj_error {
	border-bottom:1px dotted #0B57A2;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
	color:#FF6E1F;
}

#left p {
	margin: 5px;
	line-height: 12pt;
}

#left .faq-content p { margin-left:0px; line-height: 14pt; }

#left strong {
	font-weight:bold;
}


#left h2
{
color: #0b57a2;
font-size: 16px;
font-weight:bold;
/*padding: 15px 15px 15px 20px;*/
margin:0 10px 0 10px;
padding:15px;
border-bottom: 1px dotted #0B57A2;

}

.featured {
border-top: 1px dotted #0b57a2; border-bottom: 1px dotted #0b57a2;
background: #e5ecf3;
padding: 15px;
margin: 0px 10px;
}
  
.company-logo img {

border: 1px solid #056eab; 
margin-right: 13px; 
margin-bottom: 24px; 
margin-left: 0px;
width: 128px;
}

.featured h3 { float: left; }


#left ul, li.important { /*float: right;*/ }

#left p.description { clear: both;color: #0b57a2;  }
#left p.results { clear: both;color: #0b57a2; float: left; padding-left:15px; margin: 10px;  }
#left p.paginator { color: #0b57a2; float: right; padding-right: 15px; margin: 10px;}


.company-info { padding:0; margin:0;}
.company-info ul { padding:0; margin:0;}
.company-info ul li { margin:0;}

.photo img {display: block;float: left;  margin-right: 12px; border: 1px solid #056eab; margin-bottom: 24px; }
.company-info h3 {font-size: 14px; font-weight:bold; color: #0b57a2; text-decoration:underline; text-transform:uppercase;}
.company-info {display: block; float: left; width: 405px; }
.company-info li { padding-top: 11px; float: left; width: 150px; color: #0b57a2; font-size:12px; line-height:1.5; }

.company-info li.item-1 {float: left; width: 300px; background: url('/images/layout/home-icon.gif') left no-repeat; padding-left: 25px; background-position: 0px 10px; }
.company-info li.item-2 {float: left; background: url('/images/layout/phone-icon.gif') left no-repeat; padding-left: 25px; background-position: 0px 12px; }
.company-info li.item-3 {float: left; background: url('/images/layout/fax-icon.gif') left no-repeat; padding-left: 25px; background-position: 0px 12px; }
.company-info li.item-4 a {float: left; text-decoration:none;color: #0b57a2; background: url('/images/layout/www-icon.gif') left no-repeat; padding-left: 25px; background-position: 0px 0px;}
.company-info li.item-5 a {float: left; text-decoration:none; color: #0b57a2;background: url('/images/layout/mail-icon.gif') left no-repeat; padding-left: 50px; background-position: 25px 5px;}
.google-map  {margin-top: 28px;}
.google-map img {border: 1px solid #0b57a2; }

/* =GOOGLE MAP LITE
----------------------------------------------- */	
.google-map-lite {
	clear:both;
	margin:15px;
	padding:20px 0 10px;
}
.google-map-lite iframe {border: 1px solid #0b57a2; margin-bottom:15px; }

/* =Listing
----------------------------------------------- */	
.listing {
clear: both;
background: #fff url('/images/layout/listings-bg.gif') bottom repeat-x;
margin: 0px 10px;
min-height:110px;
overflow:auto;
}

.company-info-plain .listing-title h3 {font-size: 14px; font-weight:bold; color: #0b57a2; text-transform:uppercase; width:450px; float:left; }
.company-info-plain .listing-title div { width:120px; float:right; text-align:right; }
.company-info-plain .listing-title h3 img { vertical-align:top; } 
.company-info-plain .listing-title div a { padding:0px 0px 0px 5px; }

.company-info-plain h3 {font-size: 14px; font-weight:bold; color: #0b57a2; text-transform:uppercase; }
.company-info-plain { 
display:block;
float:left;
padding-top:15px;
padding-left:15px;
padding-right:5px;
width:580px;
}

.company-info-plain li { display:block; float:left; 
						 overflow:hidden; 
						 padding-top: 11px;
						 padding-left:25px; 
						 color: #0b57a2; 
						 font-size:12px; 
						 line-height:1.5;

 }
 
.company-info-plain a { text-decoration:none; color: #0b57a2; }
.company-info-plain li a { text-decoration:none; color: #0b57a2; }
  
.company-info-plain li.stupac-1 { width:200px; clear:left; }
.company-info-plain li.stupac-12 { width:290px; }
.company-info-plain li.stupac-123 { width:555px; clear:both; display:block; }
.company-info-plain li.stupac-23 { width:200px; clear:right; float:right; }
.company-info-plain li.stupac-2 { width:200px; }
.company-info-plain li.stupac-3 { width:101px; clear:right; float:right;}

.company-info-plain li.stupac-3 a { float:right; }

.company-info-plain li.adresa { 
	background: url('/images/layout/home-icon.gif') left no-repeat; background-position: 0px 12px; 
	height:18px; overflow:hidden;
}
.company-info-plain li.telefon { background: url('/images/layout/phone-icon.gif') left no-repeat; background-position: 0px 12px; }
.company-info-plain li.fax { background: url('/images/layout/fax-icon.gif') left no-repeat; background-position: 0px 12px; }
.company-info-plain li.mail { background: url('/images/layout/email.png') left no-repeat; background-position: 0px 14px; }
.company-info-plain li.mobile { background: url('/images/layout/mobile.png') left no-repeat; background-position: 0px 11px; }
.company-info-plain li.mapa { background: url('/images/layout/map-icon.gif') left no-repeat; background-position:45px 12px; }

.company-info-plain li.kategorija { 
	background: url(/images/layout/folder_go.png) no-repeat right 12px; 
	text-align:right;
	padding-right:20px;
	height:18px; overflow:hidden;	
}

/*---------------------------------------------*/
.company-info-plain li.posao-lokacija { 
	background: url('/images/layout/home-icon.gif') left no-repeat; background-position: 0px 12px;
	color:#333;
	font-weight:bold;	
}
.company-info-plain li.posao-opis { 
	background: url('/images/layout/attach.png') left no-repeat; background-position: 0px 12px;
	color:#333;
	font-weight:normal;	
}
.company-info-plain li.posao-datum { 
	background: url('/images/layout/calendar.png') left no-repeat; background-position: 0px 12px;
	color:#333;
	font-weight:normal;
	padding-bottom:20px;
}
.company-info-plain li.posao-kategorija { 
	background: url(/images/layout/folder_go.png) no-repeat right 12px; 
	text-align:right;
	padding-right:20px;
	height:18px; overflow:hidden;
	color:#333;	
}
.company-info-plain li.posao-kategorija a { 
	color:#333;
	font-weight:bold;	
}

.company-info-plain li.overTekst { height:70px; overflow:hidden; }
.company-info-plain li.overTekstFull { height:auto; overflow:visible; }
/*.company-info-plain li.overTekst:hover { height:auto; overflow:hidden; }*/
/* =BIG LISTING
------------------------------------------------*/
.listing-big {
clear: both;
/*background: #fff url('/images/layout/listings-bg.gif') bottom repeat-x;*/
background:#E5ECF3 none repeat scroll 0 0;
margin: 0px 10px;
min-height: 120px;
border-bottom:1px dotted #0B57A2;
padding:0 0 0 5px;
}

.company-info-image { float:left; display:block; width:125px; padding:10px 5px 10px 5px; }
.company-info-image img { border:1px solid; padding:0; margin:0; }

.company-info-data { min-height: 110px; display: block; float: left; width: 440px;  padding-left: 15px; padding-right: 5px; padding-top: 7px; }

.company-info-data .listing-title h3 {font-size: 14px; font-weight:bold; color: #0b57a2; text-transform:uppercase; width:300px; float:left; }

.company-info-data .listing-title h3 a { color: #0b57a2; text-decoration:none; }

.company-info-data .listing-title div { width:120px; float:right; text-align:right; clear:right; }

.company-info-data .listing-title div a { padding:0px 0px 0px 5px; }

.company-info-data .listing-title h3 img { vertical-align:top; } 


.company-info-data h3 {font-size: 14px; font-weight:bold; color: #0b57a2; text-transform:uppercase; }

.company-info-data li { display:block; float:left; 
						 overflow:hidden; 
						 padding-top: 11px;
						 padding-left:25px; 
						 color: #0b57a2; 
						 font-size:12px; 
						 line-height:1.5;
 }
 
 .company-info-data li a { text-decoration:none; color: #0b57a2; }
 
  
 .company-info-data li.stupac-1 { width:140px;  clear:left; }
.company-info-data li.stupac-12 { width:180px;  }
.company-info-data li.stupac-2 { width:140px; }
.company-info-data li.stupac-23 { width:180px; clear:right; float:right; }
.company-info-data li.stupac-3 { width:80px; clear:right; float:right; }

.company-info-data li.stupac-3 a { float:right; }

.company-info-data li.adresa { 
	background: url('/images/layout/home-icon.gif') left no-repeat; background-position: 0px 12px; 
	height:18px; overflow:hidden;
}
.company-info-data li.telefon { background: url('/images/layout/phone-icon.gif') left no-repeat; background-position: 0px 12px; }
.company-info-data li.fax { background: url('/images/layout/fax-icon.gif') left no-repeat; background-position: 0px 12px; }
.company-info-data li.web { background: url('/images/layout/mail-icon.gif') left no-repeat; background-position: 0px 14px; }
.company-info-data li.mail { background: url('/images/layout/email.png') left no-repeat; background-position: 0px 14px; }
.company-info-data li.mapa { background: url('/images/layout/map-icon.gif') left no-repeat; background-position:30px 12px; }
.company-info-data li.mobile { background: url('/images/layout/mobile.png') left no-repeat; background-position: 0px 11px; }

.company-info-data li.kategorija { 
	background: url(/images/layout/folder_go.png) no-repeat right 12px; 
	text-align:right;
	padding-right:20px;	
	height:18px; overflow:hidden;
 }

/* =Right
----------------------------------------------- */	
#right {
float: right;
width: 355px;
margin-left: 15px;
}

#right p { margin-top: 24px;color: #aba698;
font-size: 14px;}


/* =Tags
----------------------------------------------- */
#tags {background: #0b57a2; padding-bottom: 25px;}

#tags ul {
	background: #0b57a2;
	margin:0px 15px;
	text-align:center;
}

#tags h2 {
	background: #0b57a2;
	padding: 15px 0px ;
	text-align:left;
	font-size:16px;
	border-bottom: 1px dotted #fff;
	margin: 0px 20px 10px 20px;
	color: #fff;
	font-weight: bold;
}

#tags li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#tags li a {
	text-decoration:none;
	color:#fff;
	padding: 0px 2px;
}

#tags li a:hover {
	color:#0B57A2;
	background-color:#FFFFFF;		
}

.tag1 {
	font-size:100%;
}

.tag2 {
	font-size:120%;
}

.tag3 {
	font-size:140%;
}

.tag4 {
	font-size:160%;
}

.tag5 {
	font-size:180%;
}

.tag6 {
	font-size:240%;
}



#ads { background: #fff; padding: 7px; margin-top: 15px; }
#ads div.kockica  {float: left; display: block; padding: 5px;  margin: 0 auto; width:160px; height:120px;}
/*#ads img  {float: left; display: block; padding: 5px;  margin: 0 auto;}*/

#ads-area-2 { clear: both; margin-top: 15px; background: green; width: 355px;}
#ads-area-2 img  {display: block; }

#ads-area-23 { clear: both; margin-top: 15px; background: red; height: 100px; width: 355px;}
#ads-area-23 img  {display: block; }


#ads-area-3 { clear: both; margin-top: 15px; background: #e7edf4 url('/images/layout/ads-area-3-bg.gif') top repeat-x; padding-top: 25px; text-align:center; }
#ads-area-3 img   {display: block; margin-top: 25px;  margin: 0 auto; }

#ads-area-down { clear: both; padding-top: 15px; height:75px; position:relative; display:block; }
#ads-area-down a { padding:0; margin:0; position:relative; display:block; float:left; height:40px; }
#ads-area-down a img  {display: block; padding:0; margin:0; border:0;   }


/* =Footer-top
#footer-top { width: 990px;
----------------------------------------------- */
#footer-top { width: 988px; position:relative; background: url('/images/layout/footer-top-bg.gif') repeat-x;  }

#footer-top ul { position: relative; /*left: 10px;*/ top: 28px; width: 100%; height: 32px; padding-left: 10px;  }
	#footer-top ul li { display: inline; }
	#footer-top ul li a { font-size: 12px;  color: #0b57a2; text-decoration:none; display: block; float: left; padding-left: 11px;border-right: solid 1px #0b57a2; padding-right: 11px; }
	#footer-top ul li a:hover, #footer ul li a.current-page {  text-decoration: none; }
		
	/*last without margin*/
	#footer-top ul li.last { display: inline; border-right:none; }
	#footer-top ul li.last a { font-size: 12px;  color:#0b57a2; text-decoration:none; display: block; float: left; padding-left: 11px; padding-right: 11px;border-right:none; }
	#footer-top ul li.last a:hover, #footer-top ul li.last a.current-page {  text-decoration: none; }	




/* =Footer
----------------------------------------------- */		
#footer-wrapper 
{
width: 100%; height: 32px; background: #2eb81c; position: relative; margin-top: 25px; font-size: 10px;  color:#565654; line-height: 1.5;  background: url('/images/layout/footer-bg-green.gif') repeat-x;
}

#footer { height: 32px; width: 990px; margin: 0 auto;}
#footer p.copyright, #footer p.copyright a { padding-top: 8px; margin: 0 auto; font-size: 12px;  color:#fff; text-decoration:none; text-align:center; }	

/*.top_box {
	position:absolute;
	color:#61A1DF;
	font-size:11px;
	margin-top:5px;
	width:99%;
	top:0;	
	text-align:right;
	z-index:2;		
}*/
.top_box {
	display: none;
}

.tocke-div {
	background:transparent url(/images/layout/footer-top-bg.gif) repeat-x scroll 0 0;
	position:relative;
	width:975px;
	clear:both;
}

.paginator {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	padding-left: 5px;
	padding-right: 5px;
	color : #333333;
	text-decoration : none; }

.paginator a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	BORDER-LEFT-COLOR: #215489; 
	BACKGROUND: #215489; 
	BORDER-BOTTOM-COLOR: #215489; 
	COLOR: #fff; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #215489; 
	TEXT-DECORATION: none; 
	BORDER-RIGHT-COLOR: #215489;
}
.paginator a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	BORDER-LEFT-COLOR: #215489; 
	BACKGROUND: #215489; 
	BORDER-BOTTOM-COLOR: #215489; 
	COLOR: #fff; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #215489; 
	TEXT-DECORATION: none; 
	BORDER-RIGHT-COLOR: #215489;
}

.paginator a.PageBold {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	BORDER-LEFT-COLOR: #215489; 
	BACKGROUND: #578BBF; 
	BORDER-BOTTOM-COLOR: #F5F5F5; 
	COLOR: #fff; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #F5F5F5; 
	BORDER-RIGHT-COLOR: #F5F5F5
}

.paginator a:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size : 11px;
	BORDER-LEFT-COLOR: #215489; 
	BACKGROUND: #F5F5F5; 
	BORDER-BOTTOM-COLOR: #F5F5F5; 
	COLOR: #222; 
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px 2px 2px 2px;
	BORDER-TOP-COLOR: #F5F5F5; 
	BORDER-RIGHT-COLOR: #F5F5F5
}

/*-------PRIJAVA--------------------------------------------*/
#prijava fieldset { display:block; clear:both; padding:10px; margin:15px; border:1px dotted #eee; position:relative; width:auto; }
#prijava fieldset legend { font-size:14px; }

#prijava label { position:relative; display:block; clear:both; margin:5px 0 5px 0; }
#prijava label span { width:200px; display: inline-block; }
#prijava label i { color:#336699; }
#prijava label input { width:200px; border:2px solid #666; }
#prijava label select { width:204px; border:2px solid #666; }

#prijava label .error_border { border:2px solid #FF6600; }
#error_report { font-size:12px; color:#FF6600; padding:10px; margin:15px; }
.message { font-size:12px; color:#FF6600; padding:10px; margin:15px; }
/*-------PRIJAVA--------------------------------------------*/


.faq-content ul li { font-size:14px; color:#0B57A2; padding-bottom:10px;
list-style-image:none;
list-style-position:inside;
list-style-type:square;
 }

.faq-content ul.normal {
margin:10px 0 10px 0;
}

.faq-content ul.normal li { 
font-size:12px; 
color:#000; 
padding:0 0 10px 0;
list-style-image:none;
list-style-position:inside;
list-style-type:square;
 }

.faq-content ul.normal li a { color:#000; text-decoration:underline; } 
.faq-content ul.normal li a:visited { color:#000; text-decoration:underline; } 
 
.faq-content ul li a { text-decoration:none; color:#0B57A2; }
.faq-content ul li a:visited { text-decoration:none; color:#0B57A2; }
.faq-content ul li a:hover { text-decoration:none; color:#2EB81C; }

.faq-content a { text-decoration:none; color:#0B57A2; }
.faq-content h4 { font-size:14px; color:#0B57A2; font-weight:bold; }
.faq-content p { padding-bottom:20px; }

.faq-content .hrdiv { clear:both; width:100%; position:relative; display:block; height:1px; background-color:#000; margin-top:10px; margin-bottom:20px; }

.kategorije_lista { padding-top:20px; s}
.kategorije_lista td { padding-left:25px; }
.kategorije_lista h3 { color:#006699; font-size:15px; font-weight:bold; }
.kategorije_lista h3.spaced { padding-top:20px; }
.kategorije_lista span { display:block; position:relative; clear:both; color:#4F5051; line-height:16px; }
.kategorije_lista span a { text-decoration:none; color:#4F5051; }
.kategorije_lista span a:visited { text-decoration:none; color:#4F5051; }
.kategorije_lista span a:hover { text-decoration:none; color:#0B57A2; }