

	*{ 
		margin: 0; padding: 0;  
		
	}
	
	html, body{
		height: 100%; width: 100%;
		background: #e0dfec url('../i/bodybg.jpg') repeat-x 0 0; 
		font: normal 11px Verdana, serif;
		color: #747474;
	}
	
.material-body1{
	height: 100%; width: 100%;
		background: #e0dfec url('../i/bodybg.jpg') repeat-x 0 0; 
		font: normal 10px Verdana, serif!important;
		color: #747474;
	}
.material-body{
		height: 100%; width: 100%;
		background: #e0dfec url('../i/bodybg.jpg') repeat-x 0 0; 
		font: normal 11px Verdana, serif!important;;
		color: #747474;
	}
.material-body2{
	height: 100%; width: 100%;
		background: #e0dfec url('../i/bodybg.jpg') repeat-x 0 0; 
		font: normal 12px Verdana, serif!important;;
		color: #747474;
	}
	
	
	
	a{ outline: none; }
	
	div.container{ 
		width: 970px; margin: 0 auto; 
		background-color: white;
	}
	
	div.logo{
		height: 81px; width: 420px; float: left;
		background: white url('../i/logo.jpg') no-repeat 14px 0;
	}
	
	div.login{
		height: 41px; width: 325px; float: right;
		padding: 10px 0 10px 5px; margin: 0 14px 0 0; 
		font-size: 10px!important;
		background: transparent url('../i/loginbg.jpg') repeat-x 0 0;
	}
	
	div.lsearch{
		height: 14px; width: 140px; float: left; padding: 2px 0 0 4px;
		background: transparent url('../i/lsearchbg.jpg') no-repeat 0 0;
	}
	
	input.isearch{
		height: 11px; width: 120px; float: left;
		padding: 0 7px 0 0; color: #747474;
		border: 0; font: normal 10px Verdana, serif;
	}
	
	input.isubmit{
		height: 12px; width: 10px; float: left;
		border: 0; cursor: pointer;
		background: transparent url('../i/lsearcharrow.jpg') no-repeat 0 0;
	}
	
	div.fontsize{
		height: 14px; width: 150px; float: left;
		padding: 2px 0 0 10px;  
	}
	
	div.fontsize a{ text-decoration:none; color:#747474;}
	div.fontsize a:hover{ color:red;}
	
	div.lform{
		height: 14px; width: 325px; 
		float: left; padding: 15px 0 0 0;
	}
	
	input.iname{
		height: 14px; width: 137px; float: left;
		padding: 2px 0 0 7px; color: #747474;
		margin: 0 5px 0 0;
		border: 0; font: normal 10px Verdana, serif;
		background: transparent url('../i/linputbg.jpg') no-repeat 0 0;
	}
	
	input.ipass{
		height: 14px; width: 119px; float: left;
		padding: 2px 0 0 7px; color: #747474;
		border: 0; font: normal 10px Verdana, serif;
		background: transparent url('../i/ipassbg.jpg') no-repeat 0 0;
	}
	
	input.ilsubmit{
		float: right;
		border: 0; cursor: pointer; text-align: left;
		padding-right:10px;
		*padding-right:5px;
		text-transform:upperscase;
		font: normal 10px Verdana, serif; 
		margin: 1px 0 0 0; color: #747474;
		background: transparent url('../i/lsearcharrow.jpg') no-repeat right center;
	}
	
	div.ibent{ height: 25px; clear: both; }
	
	ul.menu{
		height: 23px; width: 950px; 
		padding: 0 10px; margin: 0 0 18px 0;
		list-style-type: none;
		background: transparent url('../i/mmenubg.jpg') no-repeat 0 0;
	}
	
	ul.menu li, ul.izone li{ height: 23px; float: left; position: relative; }
	
	ul.menu li a, ul.izone li a{
		height: 19px; padding: 4px 5px 0 5px; display: block;
		float: left; text-decoration: none; text-align: center; 
		font: normal 12px Verdana, serif; color: #fff;
	}
	
	ul.menu li a:hover, ul.menu li a.active, ul.izone li a:hover, ul.izone li a.active{ 
		height: 16px;
		border-bottom: 3px solid #f2c391;
	}
	
	ul.menu li#sep, ul.izone li#sep{
		height: 23px; width: 10px; float: left; margin: 0 1px;
		background: transparent url('../i/lisepbg.png') no-repeat 0 0;
	}
	
	ul.menu li ul{
		position: absolute;
		top: 23px; left: 0px;
		background-color: #fcf2d5;
		display: none;
		width: 150px;
		text-align: left;
		padding: 10px 0;
		z-index: 9999;
		list-style-type: none;
	}
	
	ul.about{ width: 170px!important; list-style-type: none;}
	ul.act{ width: 258px!important; list-style-type: none;}
	ul.docs{ width: 175px!important; list-style-type: none;}
	
	ul.menu li ul li{ 
		height: 20px; width: 100%;  
		float: left;  
		border-bottom: 1px dotted #fad4ba;
	}
	
	ul.menu li ul li a{
		display: block; width: 100%; 
		height: 12px!important; text-align: left;
		font-size: 11px; color: #f00f0a;
		margin: 0!important; padding: 3px 0 5px 10px;
	}
	
	ul.menu li ul li a:hover{ 
		border: 0!important; color: #e78e13; 
		background: transparent url('../i/droplibg.jpg') no-repeat 0 52%;
	}

	ul.menu li.drop ul { display: block; left: -6px; }

	
	
	
	
	
	#flash{
		height: 243px; width: 941px; 
		margin: 0 auto 22px auto;
	}
	
	div.iholder{
		width: 970px;
		background: transparent url('../i/iholderbg.jpg') repeat-y 0 0;
	}
	
	div.btitle{
		height: 20px; width: 970px;
		font-size: 12px; color: #eceaeb;
		
		background: transparent url('../i/btitlebg.jpg') no-repeat 0 0;
	}
	
	div.tactual{
		height: 18px; width: 217px; float: left;
		padding: 2px 10px 0 10px; overflow: hidden;
	}
	
	div.tlnews{
		height: 18px; width: 225px; float: left;
		padding: 2px 10px 0 10px; overflow: hidden;
	}
	
	div.tdocs{
		height: 18px; width: 224px; float: left;
		padding: 2px 10px 0 10px; overflow: hidden;
	}
	
	div.tpoll{
		height: 18px; width: 224px; float: left;
		padding: 2px 10px 0 10px; overflow: hidden;
	}
	
	div.actual{
		width: 218px; float: left;
		padding: 20px 10px 0 10px;
		font-size: 10px;
	}
	
	div.actual img{ margin: 0 auto; }
	
	div.lnews{
		width: 224px; float: left;
		padding: 20px 10px 0 10px;
	}
	
	div.docs{
		width: 223px; float: left;
		padding: 20px 10px 0 10px;
	}
	
	div.union{
		width: 245px; 
		float: left; 
	}
	
	div.poll{
		/*height: 160px;*/ width: 225px; 
		float: left; 
		padding: 20px 10px 0 10px;
		line-height: 12px;
	}
	
	div.ulinks{
		width: 225px; float: left;
		padding: 2px 10px 0 10px;
		background: transparent url('../i/ulinksbg.jpg') repeat-x 0 0;
	}
		
	span.dark{ color: #636363; font-weight:bold;}
	span.dark2{ color: #000;}
	span.green{ color: #0a869c; font-size: 10px; }
	a.greya, span.grey{ color: #636363; text-decoration: none; }
	a.bluea, span.bluec{ color: #1686b3; text-decoration: none; }
	a.orangea{ color: #e48400; text-decoration: none; }
	.b{ font-weight: bold; }
	
	div.bnews{
		width: 223px; float: left; padding: 0 0 10px 0; 
		margin: 0 0 10px 0; font-size: 10px;
		background: transparent url('../i/bnewsbg.jpg') repeat-x 0 bottom;
	}
	
	div.docs a{
		width: 100%; display: block; 
		padding: 0 0 6px 0; margin: 0 0 5px 0;
		background: transparent url('../i/bnewsbg.jpg') repeat-x 0 bottom;
		color: #747474; text-decoration: none;
		font-size:10px;
	}
	
	div.docs a:hover, div.ulinks a:hover{ color: #424141; }
	
	a.linkdesc{		
		color: #747474; text-decoration: none;
		font-size:10px;
	}
	
	a.linkdesc:hover{ color: #424141; }
	
	label.poll{ width: 100%; display: block; float: left; margin: 10px 0 0px 0; font-size:10px;}
	div.pollnew{ width: 100%; float: left; border:1px solid #747474; height:15px; margin-top:5px; line-height:15px; }
	
	input.psubmit{
		height: 15px; width: 65px; border: 0;  margin: 0 10px 0 0;
		background: transparent url('../i/bsubmitbg.jpg') repeat-x 0 0; 
		color: #fff; text-align: center; font: normal 10px Verdana, serif;
	}
	
	div.utitle{
		height: 16px; width: 100%; 
		margin: 0 0 22px 0;
		float: left; color: #fff; 
		font-size: 12px;
	}
	
	div.ulinks a{
		color: #747474; font-size: 10px; 
		text-decoration: none;
		width: 100%; display: block;
		margin: 0 0 5px 0;
		height: 16px;
		overflow: hidden;
	}
	
	div.slinks {
		height: 95px; width: 210px; 
		overflow: hidden; 
		padding: 0 5px 0 0;
		float: left;
	}

	div.slinks div {
		white-space: nowrap;
	}

	div.scrolllinks{
		height: 104px; width: 9px;
		float: left;
		position: relative;
	}
	
	a.sat{
		height: 8px; width: 9px; display: block;
		position: absolute; top: 0; left: 0;
		background: transparent url('../i/sarrowtop.jpg') no-repeat 0 0;
	}
	
	a.sab{
		height: 8px; width: 9px; display: block;
		position: absolute; bottom: 0; left: 0;
		margin: 0!important;
		background: transparent url('../i/sarrowbtm.jpg') no-repeat 0 0;
	}

	div.footer{
		height: 19px; width: 100%; clear: both; 
		line-height:15px;
		padding: 4px 0 0 0; text-align: center;
		background: transparent url('../i/footerbg.jpg') repeat-x 0 0;
	}
	
	div.footer a{
		font-size: 10px; color: #e2e2e2;
		text-decoration: none;
	}
	
	div.footer img{ margin: 0 5px; } 
	
	
	
	/* ========================================================================================== */
	/*											INNER PAGES										  */		
	/* ========================================================================================== */
	
	
	/* History */
	
	div.nav{
		height: 35px; width: 955px; float: left;
		padding: 0 0 10px 15px; font-size: 10px;
		color: #747474; text-transform: lowercase;
		background: transparent url('../i/navbg.jpg') no-repeat 0 bottom;
	}
	
	div.inav{ 
		height: 35px; width: 600px; 
		float: left;
	}
	
	div.nav div.title{
		height: 18px; color: #f00f0a;
		text-transform: none;
		font-weight:bold;
	}
	
	div.nav a{
		color: #747474;
		text-decoration: none;
	}
	
	div.nav img{ margin: 0 5px; }
	
	div.inner{
		width: 920px; clear: both; 
		padding: 20px 30px 50px 20px;
		line-height: 16px;
		color: #424141;
	}
	
	div.limgs{
		width: 215px; float: left;
		margin: 0 25px 0 0;
		padding: 4px 0 0 0;
	}
	
	div.limgs img{ margin: 0 0 30px 0; }
	
	div.rtext{
		width: 680px; float: left; 
	}
	div.rtext2{
		width: 920px; float: left; 
	}
	
	a.orange{
		width: 100%; display: block;
		margin: 0 0 2px 0; float: left; 
		color: #e48400; text-decoration: none; 
	}
	
	
	/* Structure */
	
	div.structure{ width: 930px; }
	
	div.structure a{ color: #1686b3; text-decoration: none; }

	ul.union_list{ 
		width: 945px; display: block; 
		padding: 5px 0 0 5px; float: left;
		list-style-type: none;
	}
	
	ul.union_list li{ 
		height: 16px; width: 900px; padding: 0 0 0 20px; float: left; 		
		background: transparent url('../i/ltrarrow.jpg') no-repeat 10px 5px; 
	}
	
	ul.union_list li a{
		height: 16px; display: block;
		text-decoration:none;
		color: #747474;
	}
	
	ul.union_list li a:hover{ color: #1686b3; } 
	
	
	
	ul.union_list2{ 
		width: 945px; display: block; 
		padding: 5px 0 0 5px; float: left;
		list-style-type: none;
	}
	
	ul.union_list2 li{ 
		width: 900px; padding: 0 0 0 20px; float: left; 
		background: transparent url('../i/ltrarrow.jpg') no-repeat 10px 5px; 
	}
	
	ul.union_list2 li a{
		display: block;
		color: #747474;
		text-decoration:none;
	}
	
	ul.union_list2 li a:hover{ color: #1686b3; } 
	
	
	
	span.uppercase{ text-transform: uppercase; }
	
	ul.priem{ padding: 0 0 0 10px; text-decoration:none; list-style-type: none;}
	
	label.qs{
		height: 17px; width: 200px; float: left; 
		margin: 0 10px 0 0; padding: 10px 0 0 0;
	}
	
	label.qs span.l{
		height: 17px; width: 60px; 
		display: block; float: left;
	}
	
	label.qs span.r{
		height: 16px; width: 140px;
		display: block; float: left;
		padding: 1px 0 0 0;
	}
	
	label.qs span.r select{
		height: 16px; *height:20px; width: 140px; 
		border: 1px solid #747474;
		font: normal 10px Verdana, serif;
	}
	
	table.rtitle{
		height: 25px; width: 942px; float: left; border: 0;
		background: transparent url('../i/srbg.jpg') no-repeat 0 0;
		color: #fff;
		font-size:11px;
	}
	
	table.sresults{
		width: 942px; float: left; 
		border-top: 1px solid #747474;
		border-left: 1px solid #747474;
		text-align: center;
	}
	
	table.sresults td{ 
		padding: 5px 0; 
		border-right: 1px solid #747474; 
		border-bottom: 1px solid #747474; 
	}
	
	table.rtitle td{ text-align: center; overflow: hidden; }
	
	table.rtitle td.t{ color: #fff!important; }
	
	td.name{ width: 154px; }
	
	td.address{	width: 159px; }
	
	td.tel{	width: 169px; }
	
	td.fax{ width: 161px; }
	
	td.mail{ width: 156px; color: #e48400; }
	
	td.wa{ width: 151px; }
	
	td.mail a{ color: #e48400; text-decoration: none; font-size:10px;}
	
	td.wa a{ color: #1686b3; text-decoration: none; font-size:10px;}
	
	div.cleararea{
		height: 37px; width: 100%; clear: both;
		background: transparent url('../i/ca.jpg') repeat-x 0 bottom;
	}
	
	
	/* Activity */
	
	
	div.clearact{
		height: 36px; width: 100%; clear: both;
		background: transparent url('../i/ca.jpg') repeat-x 0 50%;
	}
	
	a.docs{
		height: 24px; padding: 2px 0 0 0; width: 100%; display: block;
		background: transparent url('../i/ca.jpg') repeat-x 0 bottom;
		color: #636363; text-decoration: none;
	}
	
	a:hover.docs{ color: #212121; }
	
	
	/* News */	
	
	
	div.boxnews{
		height: 110px; width: 940px; 
		padding: 10px 0 8px 0; float: left; 
		background: transparent url('../i/ca.jpg') repeat-x 0 bottom;
	}
	
	div.boxnews a img{
		height: 89px; width: 213px; 
		display: block; float: left; 
		margin: 5px 20px 0 0;
		padding: 2px; border: 1px solid #f0f0f0;
	}
	
	div.ntxt{
		height: 50px; width: 690px;
		overflow:hidden;
		/*padding: 10px 0;*/
		margin:10px 0; float: left; 
		color: #747474;
	}
	div.ntxt2{
		height: 50px; width: 690px;
		overflow:hidden;
		/*padding: 10px 0;*/
		margin:8px 0;
		color: #747474;
	}
	
	div.boxnews a{
		font-size: 10px; color: #1686b3;
		text-decoration: none;
	}
	
	a.anav{
		font-size: 10px; color: #747474;
		text-decoration: none;
	}
	
	a.anav span{ color: #1686b3; }
	
	
	/* Tursene i predlagane */	
	
	
	div.boffer{
		height: 160px; width: 940px;
		padding: 10px 0 14px 0; float: left; 
		background: transparent url('../i/ca.jpg') repeat-x 0 bottom;
	}
	
	div.boffer img{
		height: 146px; width: 214px; 
		float: left; padding: 2px;
		margin: 5px 20px 0 0;
		border: 1px solid #f0f0f0;
	}
	
	div.or{	height: 146px; width: 690px; float: left; }
	
	div.otxt{ 
		height: 90px; width: 690px; 
		padding: 10px 0 0 0; float: left;
	}
	
	
	/* Contacts */
	
	
	div.cl{ width: 310px; float: left; }
	
	div.cr{	width: 320px; float: right;	}
	
	div.cm{
		width: 250px; float: left; 
		margin: 0 0 0 40px; 
	}
	
	div.clearc{
		height: 32px; width: 100%; clear: both;
		background: transparent url('../i/ca.jpg') repeat-x 0 50%;
	}
	
	span.u{ text-transform: uppercase; }
	
	label.cont{
		height: 20px; width: 320px; display: block;
		float: left; margin: 0 0 10px 0;
	}
	
	span.cl{
		height: 20px; width: 80px; display: block;
		float: left; 
	}
	
	div.input{
		height: 19px; width: 240px; float: right;
		background: transparent url('../i/inputbg.jpg') no-repeat 0 0;
	}
	
	div.input input{
		height: 15px; width: 235px; border: 0;
		padding: 2px 0 0 5px;
		font: normal 11px Verdana, serif;
		color: #717171;
		background: none;
	}
	
	label.cont2{
		height: 131px; width: 320px; display: block;
		float: left; margin: 0 0 10px 0;
	}
	
	span.cl2{
		height: 20px; width: 80px; display: block;
		float: left; 
	}
		
	div.txtarea{
		height: 131px; width: 240px; float: right;
		background: transparent url('../i/txtbg.jpg') no-repeat 0 0;
	}
	
	div.txtarea textarea{
		height: 125px; width: 230px; float: right;
		padding: 5px 5px 0 5px; overflow: auto;
		font: normal 11px Verdana, serif;
		color: #717171; border: 0;
		background: none;
	}
	
	label.submit{
		height: 20px; width: 200px;
		padding: 0 0 0 80px; float: left;
	}	
	
	input.send{
		height: 15px; width: 65px; border: 0;  margin: 0 10px 0 0;
		background: transparent url('../i/bsubmitbg.jpg') repeat-x 0 0; 
		color: #fff; text-align: center; font: normal 10px Verdana, serif;
	}
	
	div.izone{
		width: 240px; float: right;
		position: relative;
	}
	
	ul.izone{
		height: 27px; width: 235px; padding: 0 0 0 5px;
		position: absolute; top: 22px; right: 0;
		background: transparent url('../i/izonebg.jpg') no-repeat right 0;
		text-transform: none; list-style-type: none;
	}
	
	div.ibox{
		width: 950px; float: left; padding: 0 0 14px 0; margin: 0 0 10px 0;
		background: transparent url('../i/ca.jpg') repeat-x 0 bottom;
	}
	
	div.navbar{ color: #1686b3; font-size:10px;}
	div.navbar a{ text-decoration:none; color: #1686b3;}
	.paginglink{ color: #1686b3;}
	.pagingtext{ color: #747474; font-size:11px;}
	
	
	div.inner ul, div.inner ol{ padding-left:25px;}
	
	
	.searchtitle{ font-size: 12px; color: #f00f0a; display:block; margin-bottom:10px;}
	.newboxser{ 
		margin-bottom:20px; 
		border-bottom:1px solid #f00f0a;
		padding-bottom:5px; 
		float:left;
		width:100%;}
	
	
	div.bannersbox{
		float:left; width:100%; height:40px; text-align: center;
		padding-bottom:10px;
	}
	div.bannersbox a{
		float:none; margin:0px 6px;
	}
	
	