/* CSS Document */

body{

	background:url(images/bg.gif) repeat-x 0 0 #fff; color: #545454; margin:0; padding:0;

	}

div, p, h1, h2, h3, h4, img, form, ul, a{

	padding:0; margin:0;

	}

ul{

	list-style-type:none;

	}

.spacer{

	clear:both; line-height:0; font-size:0;

	}
	a:active, a:focus, a:hover {outline: none;}

/*--------------------header----------*/

#header{

	width:778px; height:175px; position:relative;   margin:0 auto;

	padding:0;

	}

#header ul.link{

	width:72px;

	position:absolute;

	padding:0 0 0 137px;

	left:93px;

	top:18px;

	height:13px;

	background:url(images/linik_bore.gif) repeat-x left bottom;

	font-size:0;

	}

	#header ul.link1{

	width:197px;

	position:absolute;

	padding:0 0 0 21px;

	left:522px;

	top:13px;

	height:15px;

	background:url(images/linik_bore.gif) repeat-x left bottom;

	font-size:0;

	}

#header ul.link li{

	float:left; padding:0 9px 0 0;

	}

#header ul.link li a{

	 display:block; text-indent:-2000px;

	}

#header ul.link li a.home{

	background:url(images/home_icon.gif) no-repeat 0 0; width:9px; height:8px; cursor:text;

	}

	#header ul.link li a.home:hover{

	background:url(images/home_icon.gif) no-repeat 0 0; width:9px; height:8px;

	}

	#header ul.link1 li a.home1{

	background:url(images/home_icon.gif) no-repeat 0 0; width:9px; height:8px; cursor:text;

	}

#header ul.link1 li a.home1:hover{

	background:url(images/home_icon.gif) no-repeat 0 0; width:9px; height:8px;

	}

#header ul.link li a.faq{

	background:url(images/faq.gif) no-repeat 0 0; width:11px; height:11px;

	}

#header ul.link li a.faq:hover{

	background:url(images/faq_h.gif) no-repeat 0 0; width:11px; height:11px;

	}

	#header ul.link1 li a.faq1{

	background:url(images/faq.gif) no-repeat 0 0; width:11px; height:11px;

	}

#header ul.link1 li a.faq1:hover{

	background:url(images/faq_h.gif) no-repeat 0 0; width:11px; height:11px;

	}

#header ul.link li a.site{

	background:url(images/site_map.gif) no-repeat 0 0; width:11px; height:9px;

	}

#header ul.link li a.site:hover{

	background:url(images/site_map_h.gif) no-repeat 0 0; width:11px; height:9px;

	}

	#header ul.link1 li a.site1{

	background:url(images/site_map.gif) no-repeat 0 0; width:11px; height:9px;

	}

#header ul.link1 li a.site1:hover{

	background:url(images/site_map_h.gif) no-repeat 0 0; width:11px; height:9px;

	}

#header ul.navi{

	width:154px;  background-color:#F6F5F5; color:#333333; position:absolute; left:310px; top:13px; font-size:0; 

	padding:8px 0 10px 17px;

	}

#header ul.navi li{

	 padding:0;	margin:0 0 3px 0;

	}

#header ul.navi li a{

	background:url(images/navi_li_bg.gif) no-repeat 0 0 #F6F5F5; display:block; width:123px; height:13px; text-decoration:none;

	 padding:0 0 0 15px; font:bold 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;

	 color:#333333;

	}

#header ul.navi li a.hover{

	background:url(images/navi_li_bg_h.gif) no-repeat 0 0 #F6F5F5; color:#734500; cursor:text;

	}

#header ul.navi li a:hover{

	background:url(images/navi_li_bg_h.gif) no-repeat 0 0 #F6F5F5; color:#734500;

	}

#header ul.add{

	width:293px;

	position:absolute;

	left:484px;

	top:38px;

	font-size:0;

	padding:3px 0 0 0;

	z-index: 2;

	height: 130px;

	}

#header ul.add li{

	padding:0; margin:0; display:block;

	}

#header ul.add li.phone{

	background:url(images/toll_free.gif) no-repeat 0 0 #FFFFFF; height:18px; border-bottom:#5B5B5B 1px dashed; width:122px;

	padding:0 0 0 81px; font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#034F91; margin:0 0 32px 0;

	}

#header ul.add li.cont{

	background:url(images/contact_icon.gif) no-repeat 0 0 #FFFFFF; padding:10px 0 0 0; color:#545454; margin:0 0 11px 0;

	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

#header ul.add li.fax{

	background:url(images/fax.gif) no-repeat 0 5px #FFFFFF; color:#034F91; padding:0 0 0 46px;

	font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif;

	}

#header img.logo{

	position:absolute;

	left:2px;

	top:40px;

	display:block;

	z-index: 0;

	width: 302px;

	}

	#header img.logo1{
	position:absolute;
	left:2px;
	top:-1px;
	display:block;
	z-index: 0;
	width: 295px;

	}

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

#body{

	width:778px; margin:0 auto;

	}

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

#leftPan{
	width:270px;
	float:left;
	padding:15px 27px 0px 0px;

	}

#leftPan form.domain{

	width:224px; position:relative; height:107px; font-size:0;

	}

#leftPan form.domain h2{

	background:url(images/domain_h2_bg.gif) no-repeat 0 0; width:224px; height:40px; text-indent:-2000px;

	}

#leftPan form.domain input{

	width:184px; height:21px; background-color:#F3F3F3; color:#000000; font-size:9px; font-family:Arial, Helvetica, sans-serif;

	margin:9px 0 0 37px; border-left:#B2B2B3 1px solid; border-top:#B2B2B3 1px solid; border-bottom:#B2B2B3 1px solid;

	border-right:#B2B2B3 1px solid;

	}

#leftPan form.domain label{

	width:150px; display:block; position:absolute;left:38px; top:81px; text-transform:uppercase;

	font:normal 10px/15px Arial, Helvetica, sans-serif; color:#000000; background-color:#FFFFFF;

	}

#leftPan form.domain input.go{

	background:url(images/go.gif) no-repeat 0 0; width:25px; height:9px; cursor:pointer; border:none; position:absolute;

	left:197px; top:85px; margin:0;

	}

#leftPan img.banner{

	margin:0 10px 0px 0; display:block;

	}

#leftPan a.more{

	background:url(images/more.gif) no-repeat 0 0; width:28px; height:5px; display:block; float:right; font-size:0;

	margin:0 0 0 7px; text-indent:-2000px;

	}

#leftPan a.more:hover{

	background:url(images/more_h.gif) no-repeat 0 0; width:28px; height:5px; display:block; float:right; font-size:0;

	margin:0 0 0 7px; text-indent:-2000px;

	}

#leftPan form.login{

	width:224px; position:relative; height:190px;

	}

#leftPan form.login h2{

	width:224px; height:42px; background:url(images/login_h2_bg.gif) no-repeat 0 0; text-indent:-2000px;

	}

#leftPan form.login input{

	width:184px; height:21px; background-color:#F3F3F3; color:#000000; font-size:9px; font-family:Arial, Helvetica, sans-serif;

	margin:5px 0 0 37px; border-left:#B2B2B3 1px solid; border-top:#B2B2B3 1px solid; border-bottom:#B2B2B3 1px solid;

	border-right:#B2B2B3 1px solid; float:left;

	}

#leftPan form.login label{

	width:113px; display:block; padding:0px 0 0 37px; font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 

	color:#000000; height:16px; float:left; background-color:#FFFFFF;

	}

#leftPan form.login input.che{

	 width:10px; height:10px; margin:9px 0 0 37px; padding:0; border-bottom:none;

	 border-top:none;	border-left:none; border-right:none; background-color:#FFFFFF; color:#000000; font-size:0;

	 float:left;

	}

#leftPan form.login label.rem{

	width:95px; display:block; margin:7px 0 0; font:bold 10px/16px  Arial, Helvetica, sans-serif;  

	color:#000000; height:16px; text-transform:uppercase; float:left; padding:0 0 0 8px; background-color:#FFFFFF;

	}

#leftPan form.login input.log{

	background:url(images/login.gif) no-repeat 0 0 #FFFFFF; width:45px; height:19px !important; border:none; cursor:pointer; 

	font-size:0;/*position:absolute; left:171px; top:140px;*/ color:#666666; padding:0; margin:11px 0 0 0; float:right;

	}

/*------------------------------middel---------------*/

#midPan{
	width:172px;
	float:left;
	background-color:#F3F3F3;
	padding:13px 5px 30px 11px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#272727;

	}

#midPan h2.event{

	background:url(slike/kulturni-dogadjaji.jpg) no-repeat 0 0; width:155px; height:22px; font-size:0; margin:0 0 11px 0;

	display:block; text-indent:-2000px; 

	}

#midPan h3.janu{

	font-size:11px; font-weight:bold; line-height:16px; color:#034F91; background-color:#F3F3F3; padding:0 0 7px 11px;

	display:block; 

	}

#midPan p.text{

	width:150px; color:#272727; background-color:#F3F3F3; font-size:11px; line-height:14px; padding:0 0 6px 11px;

	}

#midPan p.text a{

	display:block; color:#272727; background-color:#F3F3F3; text-decoration:none; margin:0 0 4px 0; font-weight:bold;

	}

#midPan p.text a:hover{

	display:block; color:#272727; background-color:#fff; text-decoration:none;

	}

#midPan p.line{

	background:url(images/mid_line.gif) repeat-x left center; display:block; width:97px; height:8px; margin:0; padding:0;

	font-size:0; float:left;

	}

#midPan a.more{

	background:url(images/more.gif) no-repeat 0 0; width:28px; height:5px; display:block; float:left; font-size:0;

	margin:0 0 0 7px; text-indent:-2000px;

	}

#midPan a.more:hover{

	background:url(images/more_h.gif) no-repeat 0 0; width:28px; height:5px; display:block; float:left; font-size:0;

	margin:0 0 0 7px; text-indent:-2000px;

	}

#midPan img.banner{

	margin:10px 0 0 0; padding:0; display:block; float:left; 

	}

	#midPan div.iframee{

	margin:0 10px 0 0; display:block;

	}

/*---------------right-----------------------*/

#right{
	float:left;
	padding:13px 0 30px 17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0;
	color:#545454;
	background-color:#FFFFFF;
	width: 270px;

	}

#right h2.world{

	background:url(slike/vesti.jpg) no-repeat 0 0; font-size:0; width:86px; height:37px; display:block;

	text-indent:-2000px; margin:0 0 13px 0; padding:0;

	}

#right p.text1{

	padding:0 0 3px 0; font-size:12px; line-height:16px; width:220px; display:block;

	}

#right ul{

	padding:10px 0 14px 0; font-size:0; margin:0; display:block;

	}

#right ul li{

	background:url(images/right_arrow.gif) no-repeat 0 7px; padding:0 0 0 10px; display:block; height:18px;

	}

#right ul li a{

	font-size:12px; line-height:18px; color:#000000; background-color:#FFFFFF; display:block;text-decoration:none;

	

	}

#right ul li a:hover{

	text-decoration:none; background-color:#F4F4F4; color:#545454;

	}

#right p.line1{

	background:url(images/mid_line.gif) repeat-x left center; display:block; width:188px; height:8px; margin:0; padding:0;

	font-size:0; float:left; 

	}

#right a.more1{

	background:url(images/more.gif) no-repeat 0 0; width:28px; height:5px; display:block; float:right; font-size:0;

	margin:0; text-indent:-2000px;

	}

#right a.more1:hover{

	background:url(images/more_h.gif) no-repeat 0 0; 

	}

#right h2.report{

	background:url(images/special_re.gif) no-repeat 0 0; font-size:0; width:180px; height:39px; display:block;

	 margin:10px 0 13px 0; padding:0; float:left; text-indent:-2000px;

	}

#right p.Rtext{

	padding:0 0 3px 0; font-size:12px; line-height:16px; float:left; margin:0; display:block;

	}

#right p.Rtext b{

	display:block;

	}

#right ul.light{

	padding:10px 0 14px 0; font-size:0; margin:0; display:block; float:left;

	}

#right ul.light li{

	background:url(images/right_arrow.gif) no-repeat 0 7px; padding:0 0 0 10px; display:block; height:18px;

	}

#right ul.light li a{

	text-decoration:none; font-size:12px; line-height:18px; color:#545454; background-color:#FFFFFF; display:block;

	}

#right ul.light li a:hover{

	text-decoration:none; background-color:#F4F4F4; color:#545454;

	}

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

#footerMain{

	background-color:#F3F3F3; color:#06467C; height:67px; border-bottom:#DEDEDE 14px solid; padding:18px 0 0 0;

	}

#footer{

	width:662px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:0; height:67px; 

	position:relative;

	}

#footer ul{

	width:464px;

	display:block;

	height:16px;

	font-size:0;

	margin:0;

	position:absolute;

	left:118px;

	top:0;

	}

#footer ul li{

	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background-color:#F3F3F3; float:left;

	 margin:0; padding:0;

	}

#footer ul li a{

	height:16px; padding:0 8px 0 8px; font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; 

	background-color:#F3F3F3; text-decoration:none;

	}

#footer ul li a:hover{

	background-color:#fff; color:#034F91;

	}

#footer p{
	color:#06467C;
	font-size:10px;
	width:369px;
	display:block;
	margin:0;
	line-height:17px;
	background-color:#F3F3F3;
	position:absolute;
	left:151px;
	top:29px;

	}

#footer ul.xh{

	width:170px; height:16px; display:block; font-size:0; margin:0; position:absolute; left:8px; top:33px;

	}

#footer ul.xh li{

	float:left; display:block; margin:0 6px 0 0;

	}

#footer ul.xh li a{

	 text-decoration:none; padding:0; margin:0; display:block; text-indent:-2000px;

	}

#footer ul.xh li a.xhl{

	background:url(images/xhtml_bg.gif) no-repeat 0 0; width:84px; height:10px;

	}

#footer ul.xh li a.xhl:hover{

	background:url(images/xhtml_bg_h.gif) no-repeat 0 0; width:84px; height:10px;

	}

#footer ul.xh li a.cs{

	background:url(images/css.gif) no-repeat 0 0; width:70px; height:10px;

	}

#footer ul.xh li a.cs:hover{

	background:url(images/css_h.gif) no-repeat 0 0; width:70px; height:10px;

	}

#footer p.copy{

	color:#000000; font-size:11px; width:177px;  margin:0; line-height:16px; text-transform:uppercase; font-weight:bold;

	height:16px; padding:0; background-color:#F3F3F3; position:absolute; left:466px; top:40px;

	}

#footer p.copy a{

	color:#000000; background-color:#F3F3F3; text-decoration:none;

	}

#footer p.copy a:hover{

	background-color:#fff; color:#034F91;

	}
.hodajuci {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}