body { 

	padding-left: 3px; 
	margin: 0; 
	font: 0.7em Tahoma, Arial, sans-serif; 
	line-height: 1.5em;
	color: #333; 
	background-color:#fdfdfd;
	background: #fdfdfd url(img/foot_pozadina.png) left top repeat-x;
	height:100%;
}

a {	color: #333;	background: inherit; text-decoration:none;}
a:hover { color: #666666; background: inherit; text-decoration:underline;}

h1 { font: normal 2.1em Tahoma, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
h1 a, h2 a { color:#333; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #555555; background: inherit; text-decoration: none;}
h2 { margin: 2px 0px; padding-bottom: 10px; font: normal 1.5em Tahoma, Sans-Serif; letter-spacing: 0px; color:#45322F; text-transform: uppercase; }

h3 { font-size: 1.3em; margin-bottom: 5px; color: #333; background: none;}
h5, h5 a { font-size: 15px;  color:#45322F;text-transform: uppercase;}

p {	margin: 0 0 5px 0; }

ul { list-style : disc outside; }



.red1{
	margin:0;
	padding:13px 10px;
	background:url(img/red2.jpg) 0 100% repeat-x;

}


.red2{
		padding:13px 10px;
		background: #f9f9f9 url(img/red2.jpg) 0 100% repeat-x;
}


/* layout
   ------ */

.content { 

	margin: 5px auto;
	width: 980px;
	padding: 0px; 
	background-color:transparent;
}

.header {
	float: left;
	width: 980px;
	height: 109px;
	clear: both;
	background-color: transparent;
}

.top_info {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

	.top_info_left {
		padding: 5px 0px 0px 0px;
		width: 35%;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 55%;
		height:100%;
		padding-top: 25px;
		padding-right:40px;
		text-align: left;

	}
	
	
/* Mid    -----------------------------------------------------------------------------*/	

.mid{
	float:left;
	width:100%;
	background-color: #05519F;
	padding: 5px 0px 4px 0px;
	margin: 5px 0px;
}	


.tabs{
	padding: 3px 3px;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: normal 14px Tahoma;
	list-style-type: none;
z-index:1;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.tabs li{
	display: inline;
	margin: 0;
}

.tabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	color: #fff;
}

.tabs li a:visited{
	color: #fff;
}

.tabs li a:hover{
	border-bottom: 2px solid #85C6DA;
	background-color: #2A226D;
	color: #fff;
}

.tabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background-color:#666;
}

.tabs li a.selected{ /*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: white;
}

.tabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
	
	
	
.pod_mid{

	float:left;
	width:100%;
	background-color: transparent;
	padding: 3px 0px;
	margin: 5px 0px;
}	

.pod_mid li a, .pod_mid li a:visited {
	color:#000;
}
.pod_mid li a:hover {
	color:#fff;
}

.brojac{
	float:right; 
width: 100px; 
z-index:2;

color:#000; 
font-size:12px; 
font-weight:bold; 
background: transparent url(img/brojac.png) top left no-repeat;
margin: -28px 0px 0px -15px;
padding: 10px 0px 0px 25px;
}

/* content --------- */

.sadrzaj {
	float: left;
	width: 980px;
	clear: both;
	padding:10px 0px;
	background-color: transparent;
}

.left {
	float: left;
	width: 400px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica;
	/*background: transparent url(img/vert_tacka.gif) top right repeat-y; */
}

.centar{
	width: 330px;
	padding: 0px;
	margin: 0px;
	float: left;
	
	
}
.right {
overflow: hidden;
	float: left;
	width:250px;
	margin: 0px;
	padding: 0px;
}

	.left_posao {
		float: left;
		width: 490px;
		padding: 0px;
		overflow: auto;
	}
	
	.center_posao{
		float: left;
		width: 240px;
		padding: 0px;
	}
	.right_posao{
		float: left;
		width: 250px;
		padding: 0px;
	}
	
	.upbox {
		float:left;
		width: 240px;
		padding: 0px;
		margin: 0px;
		background:url(img/red2.jpg) 0 100% repeat-y;
		height: 300px;
	}
	
	.box {
		float:left;
		width: 90%;
		padding: 0px 10px;
		margin: 0px;
		
	}
	
/*  Konsalting -------------------------------------------------------------------------*/
.kons_box {
	float:left;
	width: 200px;
	height: 500px;
	border:0px solid #ccc;

}
.kons_box ul{
	padding: 5px 15px 5px 15px;

}
.kons_box li{
padding-top: 15px;
}
	
	
	
/* Banner -----------------------------------------------------------------------------*/
.banner, .banner object, .banner img{
	border:1px solid #888;
}

 .banner object{
 background: url(img/banner_shadow.gif) no-repeat bottom right;

 }


.bar, .skrol { 
	clear: both;
	font-size: 1em;
	height: 30px; 
	color: #404040;
	margin: 0 0 0 0px; 
	background-color: #F8ECC0;
}

.skrol {
	padding-top: 5px;
	margin: 0px 0 10px 0;
}
	
.traka{
	float: left;
	width: 100%;
	
	border-top:2px solid #FFFFFF
	 

}

.polja{
	width:100%;
	height:233px;
	float:left;
	background-color:#fff;

}
	.polje, .polje2{
		float: left;
		width: 245px;
		padding: 5px 0 15px 0px; 
		border-left: 2px solid #fff;
		padding-left: 3px;
		background: url(img/polja.jpg) repeat-y center top; 
	}
	.polje2{
		width: 470px;
		border: 1px solid #f0f0f0;
		background: url('img/cv2.jpg') no-repeat top right;
	}
	
	





INPUT, TEXTAREA, SELECT { 
border: 1px solid #C5C5C5; border-color: #C5C5C5 #EDEDED #EDEDED #C5C5C5;
background: #fff url(img/input_shadow.gif) repeat-x 0 0;
font-size:inherit;
font-family:Tahoma, Arial, Courier;
font-size:11px;
	
}
INPUT:hover {
	background-color:#fcfcfc;

}
FORM{
	margin: 1px;

}


.grey {
	color: #404040;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}




/* left side
   --------- */

.tekst, #tekst {
	line-height:150%;
	font-size:11px;
	margin: 5px 5px;
}

.tekst a:hover{
	text-decoration:underline;
}

.left li{
	list-style-type:disc;
	padding: 0px 5px;
	text-indent: 5px;

}
.left h3 {
	clear: both;
	color: #333;
	padding: 7px 0 7px 5px;
	font: bold 1.3em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
		float: left;

		width: 30%;
		padding: 0 0 0 10px;
		margin: 3px 0;
		border-left:2px solid #eee;
	}
	
	
	.left_side a, .right_side a { color: #414141;  }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }

.news{
	float:left;
	width:100%;
	height: 170px;
	margin: 5px;
	padding: 5px 3px 5px 3px;
	background: url(img/linija.png) bottom center no-repeat;
}
.news:hover{
	background-color:#f3f3f3;
}

.news {
	line-height:18px;
}

.news h2 {
	font-size: 13px;
	font-weight:bold;
}
		
/* right side
   ---------- */
		


.right h3 {
	background: #f3f3f3  url(img/spajalica.jpg) no-repeat top right;;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	
.fotka {
	border:1px solid #ddd;
	margin:0px 5px 5px 5px;
	padding:3px;
}



.vert_tacke{
	float:left;
	background: url(img/vert_tacka.gif) top left repeat-y;
	height:100%;
	width:2px;
}

.galerija, .vrijeme{
	float:left;
	width:100%;
	background-color: #f8f8f8;

	margin: 10px 1px;
}

.galerija img {
	border: 0px solid gray;
  outline: none;
  padding: 5px;
}

.galerija a{
	text-decoration: none;
	border: 0px solid #fff;
}






/*----------- oglasi --------*/


.oglasi {
	background-color:transparent;
	float: left;
	width: 300px;
	_width: 280px; /* IE samo */
	background: url(img/oglasi_top.gif) left top no-repeat;
	margin: 0px 0px 0px 0px;
	padding-top: 50px;
}

.oglasi a{
	color: #555;
}

.oglasi li{
	padding:0px;
}


.oglas_lijevo{
	float:left;
	width: 40%;
	height: 70px;
}

.oglas_desno{
	float: left;
	width: 60%;
	height: 70px;
}

/*-------- footer  ------ */

.footer { 
	float: left;
	clear: both;
	width: 980px;
	text-align: left;
	padding: 10px 0 0px 0;
	margin: 0;
	border-top: 3px solid #7AC4EA;
	line-height: 1.8em;
	background-color: #E7F9FF;
}




.footer a { color: #404040;  }


.infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:40px; 
	left:0;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:11px; 
	padding-left:10px; 
	padding-top:10px;

}

#plutajuci {
	position: absolute;
	top: 200px; 
	left: 200px;
z-index:1;
visibility: visible;
}

#pscroller{
width: 650px;
height: 20px;
padding: 3px;
padding-left:15px;
}


/* SiteMap -----------------------------------------------------*/

.smap_main li{
	padding-left:20px;
	line-height: 18px;
}

/* badge -------------------------------------------------------*/

#c_badge{
	position:absolute;
	top: 150px;
	left: 295px;
	border: 1px solid #333;
}

/* ------- sticky ---------*/

.sticky{
	background-color: #fff;
	color: #555;
	padding: 3px 5px;

}

.sticky img {
	padding: 0px 0px;
}

.izdv {
	font-variant:small-caps;
	color:#000;
	font-size: 14px;
}



/** -------- korisno ---------**/

.palac{
	width: 100%;
}
.palac img{
	border:0px;
	padding:0px 20px;
}
.palac img:hover{
	border-bottom: 1px solid #999;
}

.polja{
	width:100%;
	float:left;
	background: #FFCEA0 url(img/korisnoh_poz.jpg) repeat top left;
}

.polje{
	padding: 10px 10px;
}

.polje a{
	padding:5px 5px;
	width: 100px;
	display:inline;
	background-color: #333;
}

/** -------- novo ---------*/

.rmjesta, .kursevi{
	float: left;
	padding: 10px 5px 10px 5px;
	margin: 0px 5px;
	border: 0px solid #ccc;
}


.rmjesta a{
	color:#333;
}

.rmjesta img{
	padding-right: 10px;
}

.kursevi img{
	padding: 5px 15px 5px 15px;
}

.kursevi a{
	color: #333;
	padding-bottom:5px;
	font-weight: bold;
}


.kontakt{
	padding: 30px 45px;
	width:350px;
}
.pitanje{
	float:left;
	width:100%;
	height:200px;
	color:#333;
	background: #F8ECC0 url(img/pitanje.jpg) right top no-repeat;
	margin: 0px 0px;
	
	border-bottom: 3px solid #ffcea0;
}

.pitanje p {
	padding: 5px 20px 0px 10px;
}


/*------  komentari   ---------*/

.komentar {
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	list-style-type: none;
	background-color: #eee;
	text-align: left;
}

.komentar #naslov{
		padding-left: 10px;
		border-bottom: 1px solid #E8DCB0;
	}
.komentar p{
	padding-left:5px;
	}

.komentar li{
	display: inline;
	margin: 0;
}

.komentar li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(shade.gif) top left repeat-x;
}

.komentar li a:visited{
color: #2d2b2b;
}

.komentar li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.komentar li.selected{
position: relative;
top: 1px;
}

.komentar li.selected a{ /*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: white;
}

.komentar label{
	font-weight: bold;
}
.komentar #kom{
	padding: 2px;
	background: url(img/vert_tacka.gif) top left repeat-x;
}

/* -- kursevi  -- */

.opis h3 {
	font-size: 13px;
	line-height: 1.4;
	background-color: transparent;

}



/*-------- newsletter -------*/

.nletter{
	float:left;
	width: 100%;
	height: 100px;
	padding-top: 50px;
	background: #fff url(img/newsletter.jpg) top left no-repeat;
}


/* ----------- radna mjesta -------------*/
.rm_izdvojeno{
		float: left;
		width: 50%;
		margin: 10px 0px;
		text-align: center;
}

.rm_izdvojeno a, a:hover{
		text-decoration:none;
		color:#003366;
}

.rm_izdvojeno a:hover{
		color:#888;
}

.rm_izdvojeno img{
	border: 1px solid #ddd;
}

.tabela {
	margin-top: 50px;
}

.tab_top{
	border-bottom: 3px solid #ccc;
	background-color: #C9ECFF;
	font-weight: bold;
}

.tabela a:hover{
	text-decoration: underline;
}

/*------ posredovanje -------*/


.opis{
	float:left;
	width: 600px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin: 5px 0px;
	padding: 20px 0px 5px 40px;

}

/*---------- pretraga ---------*/

.pretraga {
	float: left;
	width:100%;
	padding: 25px 0px 5px 3px;
	margin: 5px 0px;
	background: transparent url() top right no-repeat;

}

/*---------- posao.php  korisno ---------*/
.korisno_r {
	float: right;
	width: 100px;

	background: #F9F9F1 url(img/pretraga_back.jpg) top right no-repeat;
}

.korisno_r h2{
	font-size:12px;
	padding: 0px 5px;
}

/* ------- univerzalni stilovi --------*/
.vise{
	padding-left: 70%;
}

/*------- Press box --------------*/

#PressBox {
	padding: 0px;
	padding-bottom: 10px;
	background-color: #dbdbdb;
	font-size: 10px;
	color: #8A8A8A;
	margin: 6px 0px;
	width: 250px;
}

#PressBox p{
	padding-left:8px;
}


/*------ tooltip -------*/

#caja {
width:90%;
display: none;
padding:10px 5px;
}
#mostrar{
display:block;
width:90%;
padding:10px 0px;
}

/*----- opsti box ------*/
.opsti {
	float:left;
	width: 90%;
}

.napomena {
		float:left;
		width: 98%;
		border: 1px solid #ddd;
		background:#f6f6f6 url(img/uzvicnik.gif) top left no-repeat;
		margin: 10px 0px;
}
.napomena p {
		padding-left:70px;
		padding-right:5px;
}