/* ---CSS prociscen final--- */

body{
	padding:0;
	margin:0;
	background-image: url(images/back.jpg) ; /*podloga.gif*/
	color:#cccccc;
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------#baner--------------------*/
#baner{
	background:url(images/header.jpg) 0 0 no-repeat;
	width:778px;
	height:302px;
	margin:0 auto;
	position:relative;
}
#baner img{
	position:absolute;
	top:44px;
	left:15px;
	width:298px;
	height:35px;
}
#baner h1{
	display:block;
	width:212px;
	height:38px;
	background:url(images/slogan.png) 0 0 no-repeat;
	text-indent:-10000px;
	position:absolute;
	left:15px;
	top:80px;
}


#baner ul{
	width:768px;
	height:35px;
	position:absolute;
	left:0;
	top:304px;
	padding:0 0 0 10px;
	background:url(images/podloga_link.gif) 0 0 repeat-x;
}
#baner ul li{
	float:left;
}
#baner ul li a{
	display:block;
	font: normal 12px/35px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	color:#ffffff;
	background-color:#0B0B0B;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	padding:0 25px 0 25px;
	height:35px;
	float:left;
	border-right:#2B2B2B solid 1px;
	border-left:#000000 1px solid;
}
#baner ul li a:hover{
	background:url(images/navi_h_bg.gif) repeat-x 0 0; 
	border-left:#292929 1px solid;
	border-right:#292929 1px solid;
	height:35px; 
}
#baner ul li.aktivna{
	display:block;
	font: normal 13px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	background:url(images/podloga_h.gif) repeat-x 0 0 #0B0B0B;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	padding:0 15px 0 15px;
	height:35px;
	float:left;
	border-right:#2B2B2B solid 1px;
	border-left:#000000 1px solid;
}

#baner ul li.jezik{
	display:block;
	font: normal 12px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	background-color:#0B0B0B;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	padding:0 0px 0 0px;
	height:35px;
	float:left;
	border-right:#2B2B2B solid 1px;
	border-left:#000000 1px solid;
}

#baner ul li a.nobdr{
	display:block;
	font: normal 11px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#0B0B0B;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:0 25px 0 25px;
	height:35px;
	width:29px;
	border-right:none;
}
#baner ul li.nobdr a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 no-repeat;
	height:35px;
}
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:768px;
	margin:0 auto;
	padding:21px 0 29px 10px;
	background:url(images/body_bg.gif) 0 0 repeat-x #FFFFF4; 
}
/*------------------------------------------------left panel start--------------------*/
#lijevo{
	width:280px;
	border-right:#F5F5E2 solid 4px;
	float:left;
		background:url(images/body_bg.gif) 0 0 repeat-x #FFFFF4;
}
#lijevo h2{
	display:block;
	background:/*url(images/best_strategy.gif) 0 0 no-repeat*/transparent;
 
	width:278px;
	height:40px;
	margin:0 0 9px 0;
	padding:0;
	float:left;
}
#lijevo p.prva_usluga{
	width:100px;
	height:75px;
	margin:0 3px 15px 0;
	float:left;
}
#lijevo p.prva_usluga a{
	display:block;
	width:100px;
	height:75px;
	background:url(images/prva_usluga.jpg) 0 0 no-repeat;
}
#lijevo p.prva_usluga a:hover{
	background:url(images/prva_usluga_h.jpg) 0 0 no-repeat;
}
#lijevo p.usluga_druga{
	width:100px;
	height:75px;
	margin:0 3px 13px 0;
	float:left;
}
#lijevo p.usluga_druga a{
	display:block;
	background:url(images/usluga_druga.jpg) 0 0 no-repeat;
	width:100px;
	height:75px;
}
#lijevo p.usluga_druga a:hover{
	background:url(images/usluga_druga_h.jpg) 0 0 no-repeat;
}
#lijevo p.usluga_treca{
	width:100px;
	height:75px;
	margin:0 3px 13px 0;
	float:left;
}
#lijevo p.usluga_treca a{
	display:block;
	background:url(images/usluga_treca.jpg) 0 0 no-repeat;
	width:100px;
	height:75px;
}
#lijevo p.usluga_treca a:hover{
	background:url(images/usluga_treca_h.jpg) 0 0 no-repeat;
}
#lijevo p.usluga_cetvrta{
	width:95px;
	height:75px;
	margin:0 3px 13px 0;
	float:left;
}
#lijevo p.usluga_cetvrta a{
	display:block;
	background:url(images/usluga_cetvrta.jpg) 0 0 no-repeat;
	width:100px;
	height:75px;
}
#lijevo p.usluga_cetvrta a:hover{
	background:url(images/usluga_cetvrta_h.jpg) 0 0 no-repeat;
}

#lijevo p.usluga_peta{
	width:100px;
	height:75px;
	margin:0 3px 13px 0;
	float:left;
}
#lijevo p.usluga_peta a{
	display:block;
	background:url(images/usluga_peta.jpg) 0 0 no-repeat;
	width:100px;
	height:75px;
}
#lijevo p.usluga_peta a:hover{
	background:url(images/usluga_peta_h.jpg) 0 0 no-repeat;
}
#lijevo p.usluga_text{
	display:block;
	width:152px;
	height:65px;
	padding:13px 8px 0 11px;
	margin:0 0 13px 0;
	float:left;
	background: #F5F5E2;
	font:normal 11px  Verdana, Arial, Helvetica, sans-serif;
	color:#1D1D1B;
}
#lijevo p.usluga_text a{
	
	background-color:#F5F5E2;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5F7006;
	text-decoration:none;
	float:left;
	
}
#lijevo p.usluga_text a:hover{
	
	background-color:#F5F5E2;
	color:#1D1D1B;
	text-decoration:underline;
}
#lijevo h2.idea{
	display:block;
	background:url(images/few_ideas.jpg) 0 0 no-repeat;
	width:278px;
	height:40px;
	margin:0 0 13px 0;
	padding:0;
	float:left;
}
#lijevo ul{
	width:266px;
	margin:0;
	padding:0;
}
#lijevo ul li{
	/*background:url(images/bullet.gif) 0 5px no-repeat;*/
	padding:5px 0 0 14px;
	float:left;
}
#lijevo ul li a.link{
	display:block;
	width:255px;
	font:bold 12px/20px   Helvetica, Verdana, Arial sans-serif;
	color:#930000;
	background-color:#FFFFF2;
	text-decoration:none;
}
#lijevo ul li a.link:hover{
	color:#1D1D1B;
	background-color:#F5F5E2;
	text-decoration:none;
}
#kontakt{
	width:232px;
	height:151px;
	border:#DCDCC1 solid 1px;
	background:url(images/podloga_kontakt.gif) no-repeat #F5F5E2;
	background-position:right;
	color:#000;
	padding:0 20px 0 22px;
	margin:5px 0 0 0;
	float:left;
}
#kontakt h2.text{
	display:block;
	width:223px;
	font:bold 16px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	background:transparent;/*	background-image:none;*/
	padding:0;
	margin:0;
	float:left;
}
#kontakt label{
	width:223px;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
}

#kontakt p.div{
	display:block;
	width:111px;
	height:80px;
	font-size:0;
	background:url(images/kontakt.gif) 0 0 repeat-x;
	float:left;
}

	
/*------------------------------------------------left panel end--------------------*/

/*------------------------------------------Right Start----------------------------------*/

#desni{
	width:435px; 
	color:#333; border-left:#ECECEC solid 0px; padding:21px 12px 0 35px; 
	float:left;
	background:url(images/body_bg.gif) 0 0 repeat-x #FFFFF4;
	}
	
	
.dropcap {
			float:left;
			color:#333;
			font-size:80px;
			line-height:65px;
			padding-top:2px;
			font-family: Times, serif, Georgia;
} 
#desni p{
	font:normal 13px  Verdana, Arial, Helvetica, sans-serif;
	color:#565656; background:transparent;
	padding:14px 0 14px 0;
	}
	
#desni p.text2{
	width:444px;
	font:normal 13px  Verdana, Arial, Helvetica, sans-serif;
	color:#565656;
	padding:0;
	margin:16px 0 0 0;
	float:left;
}
	
#desni strong{
	font-weight:bold;
	}
#desni div.lijevoText{
	width:250px;
	padding:0 17px 0 0;
	float:right; 
	}

#desni h2.naslov{
	background:url(images/01.gif) no-repeat 0 0 ;
	font:bold 14px  Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 0 0 0px;
	float:left;
	}
	
#desni div.mapa{
	width:150px; float:left;
	}
#desni img.thumbnail{
	margin:2px 0 0 0;
	}

#desni p.thumbnail_mapa{
	width:150px;
	height:113px;
	margin:0 3px 0px 0;
	float:left;
}
#desni p.thumbnail_mapa a{
	display:block;
	width:150px;
	height:113px;
	background:url(images/mapa.gif) 0 0 no-repeat;
}
/*------------------------------------------Right End----------------------------------*/


/*------------------------------------------------body end--------------------*/

/*------------------------------------------------footer start--------------------*/
#dno-glavna{
	width:100%;
	height:125px;
	color:#fff;
}
#dno{
	width:778px;
	height:70px;
	margin:0 auto;
	position:relative;
	background-image:url(images/podloga_dno.gif);
}
#dno ul{
	width:700px;
	margin:0;
	padding:0;
	position:absolute;
	left:30px;
	top:25px;
}
#dno ul li{
	margin:0;
	float:left;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000;
}
#dno ul li a{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000;
	text-decoration:none;
	padding:0 14px 0 14px;
}
#dno ul li a:hover{
	text-decoration:underline;
}
#dno ul li.linkovi_dole{
	padding:0 14px 0 14px;
	float:left;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#000;
}
#dno p.copy{
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	/*background-color:#000;*/
	position:absolute;
	left:280px;
	top:80px;
}
/*------------------------------------------------footer end--------------------*/