/* CSS Document */

body{
	margin:0; background:url(images/bodybg.jpg) repeat-x left top #FFF;
	color:#4D4747;
}

.spacer {
	clear:both; padding:0; margin:0;
	}

#frame{
	width:768px; padding:0 5px; background-color:#FFF; margin:0 auto;
	color:#4D4747;
}
img {
	border:none;
}

/* Header part style start from here */

#headcontainer{
	width:768px; height:308px; margin:auto; color:#4D4747;
	background:#FFF url(images/topsv.jpg) no-repeat 0 17px; position:relative;
}
 #headcontaineres{
	width:768px; height:308px; margin:auto; color:#4D4747;
	background:#FFF url(images/topes.jpg) no-repeat 0 17px; position:relative;
}
#headcontainer h1, #headcontaineres h1{
	display:none;
}
#headcontainer .logo, #headcontaineres .logo{
	margin: 95px 0 0 43.5px;
	padding: 0;
	position: absolute;
	left: 1px;
}
#headcontainer ul, #headcontaineres ul{
	padding:34px 35px 0px 0px; margin:0; list-style-type:none; position:absolute;
	}
#headcontainer ul li, #headcontaineres ul li{
padding-left:5px; 
margin:0; 
float:left; 
line-height:14px;
	}
#headcontainer ul li.nobor, #headcontaineres ul li.nobor{
	background:none; padding:0 0px 0 65px; margin:0; float:left; line-height:14px;
	}
#headcontainer ul li a, #headcontaineres ul li a{
	text-decoration:none; display:block; padding:0; margin:0;  text-indent:-2000px;
	 float:left; outline:none;
	}
#headcontainer ul li a.casa, #headcontaineres ul li a.casa{
	 width:50px; 
	 height: 30px;
background:url(images/cas.gif) no-repeat 0 50%;
}
#headcontainer ul li a.hem, #headcontaineres ul li a.hem{
	background:url(images/swe.gif) no-repeat 50% 50%; width:50px; 
	height: 30px;
	}
#headcontainer ul li a.message, #headcontaineres ul li a.message{
	background:url(images/icon-message.gif) no-repeat 50% 50%; width:25px; 
	}
/* Header part style end here */

/* main part style start from here */

/* left panel start from here */
#maincontainer{
	width:768px; background-color:#FFFFFF; margin:0 auto; position:relative; color:#4D4747;
	background: url(images/top_corn_left.jpg) no-repeat 0% 0%;
	}
#leftcontainer{
	width:226px; padding:0px 0 0; float:left; margin:0 auto;
	
	background: url(images/lineleft1.gif) repeat-y 0% 18%;
background-position: 0% 18%;
}
#bil2{
	background: url(images/top_corn_left.jpg) no-repeat;
}


.bil{
	 left: 0px;
	 background: url(images/top_corn_left.jpg) no-repeat;
}

#leftcontainer ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	float:right;
	
	}
#leftcontainer ul li {
	width:177px; 
	margin:0; 
	padding:0 0 2px;

	}
#leftcontainer ul li a, #podaci ul li a{
	display:block; color:#FFFFFF; text-decoration:none; padding:4px 0 4px 8px;
	font:800 12px Geneva, Arial, Helvetica, sans-serif;
	/*font:bold 12px Arial, Helvetica, sans-serif; */
	height:15px; background-color:inherit;
	}
#leftcontainer ul li a:hover{
	text-decoration:none;
	}
#leftcontainer ul li a.g {
	background-color:#2489DB; color:#FFFFFF;
	}
#leftcontainer ul li a.g:hover {
	background-color:#4B576B; color:#FFFFFF;
	}
#leftcontainer ul li a.v {
	background-color:#2489DB; color:#FFFFFF;
	}
#leftcontainer ul li a.v:hover {
	background-color:#B51F15; color:#FFFFFF;
	}
#leftcontainer ul li a.r {
	background-color:#2489DB; color:#FFFFFF;
	}
#leftcontainer ul li a.r:hover {
	background-color:#4B576B; color:#FFFFFF;
	}

	#updated{
	float: right; 
	width:177px;
	color: #212121;
	font:600 14px Arial, Helvetice, sans-serif;
	text-align:center;
	}
	#podaci {
	float: right;
	width:177px; 
	background:  #E5EFF9 url(images/plavo.gif); 
}
#podaci h3, #podaci h4{
	text-align: center;
}
#podaci ul li{
	width:177px; 
	margin:0; 
	padding:0 0 2px;
}
#podaci ul li a.gr {
	background-color:#f5f5f5; color:#000;
	}
#podaci ul li a.gr:hover {
	background-color:#000; color:#FFFFFF;
	}
#podaci ul li a.b{
	 background-color: #027fda; color:#FFFFFF;
}
#podaci ul li a.b:hover {
	background-color:#B51F15; color:#FFFFFF;
	}
/* left panel end from here */

/* right panel start from here */
#body{
	width:537px; padding:0 0 0 5px; background-color:#FFFFFF; color:#4D4747;
	float:left; margin:0 auto;

	}
#containerx, #containerx2, containerx3, #containerx4{
	width:491px; background-color:#FAF5EB; padding:20px 28px 20px 18px; color:#4D4747;
	}
	#containerx1, #containerc, #publica{
	width:491px; background-color:#f6f6fd; padding:20px 28px 20px 18px; color:#4D4747;
	}
#container0{
	width:491px; background-color:#ffffff; padding:20px 28px 20px 18px; color:#4D4747;
	}
#container1{
	width:491px; background-color:#ffffff; padding:20px 28px 20px 18px; color:#4D4747;
	}
/*	
#containerx3{
	width:491px; background-color:#f6f6fd; padding:20px 28px 20px 18px; color:#4D4747;
	}	*/
#containerm{
	width:491px;
background:url(images/lijevo.gif)  repeat; 
	  padding:20px 28px 20px 18px; 
	  color:#4D4747;
/* border:1px solid #155282;*/
 font-weight: bold;
	}
	
#containerx h2.intro, #containerx2 h2.intro, #containerm h2.intro{ padding:0;
	 text-indent:-2000px;
	}


	#containerx1 h2.intro, #containerc h2.intro{ padding:0;
	 text-indent:-2000px;
	}	
#container0 h2.intro, #container1 h2.intro{
	 margin:0;
	  padding:0;
	 text-indent:-2000px;
	}
	#container1 h2.intro{
   margin:0; 
	padding:0;
	 text-indent:-2000px;
	}
#containerx p, #containerx2 p, #containerx3 p, #containerx4 p{background-color:inherit;
	padding:14px 0 0 0; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}
#containerx1 p,  #containerm p, #containerc p, #publica p{background-color:inherit;
	padding:14px 0 0 0; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}

#container0 p{
   background-color:inherit;
	padding:14px 0 0 140px; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}
	#container1 p{
	padding:14px 0 0 140px; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}
#containerx p span, #containerx2 p span, #containerm p span, #containerx3 p span, #containerx4 p span{
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit; font-size: 14px;
	}
	#containerx1 p span, #containerc p span, #publica p span{
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit; font-size: 14px;
	}
#container0 p span{
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit;
	}

#containerx p a, #containerx2 p a, #containerm p a, #containerx3 p a, #containerx4 p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}

#containerx1 p a, #containerc p a, #publica p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}
#container0 p a, #container1 p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}
#containerx p a:hover, #containerx2 p a:hover, #containerm p a:hover, #containerx3 p a:hover{
	text-decoration:underline;
	}
	
	#containerx1 p a:hover, #containerc p a:hover, #publica p a:hover{
	text-decoration:underline;
	}
#container0 p a:hover, #container1 p a hover{
	text-decoration:underline;
	}

/*body bottom div*/
#bodybttom{
	width:537px; padding:5px 0 0; margin:0; 
	}
	
/*bleft*/
#bleft{
	width: 176px;
	padding: 0 0 5px 0;
	float: left;
	margin: 0 2px 0 0;
}


#container_an{
	width:139px; border:1px solid #155282; color:#000;
	background-color: #FDF9F0; margin:0 0 5px; padding:9px 14px 19px 18px;
	}
#container_an1{
	width:139px; border:1px solid #155282; color:#000;
	background:url(images/lijevo.gif); margin:0 0 5px; padding:9px 14px 19px 18px;
	}

#container_an h2.an {
	background:url(images/handelse.gif) no-repeat 0 0; padding:0; margin:0; text-indent:-2000px;
	}
#container_an h2.an1 {
	background:url(images/handelse.gif) no-repeat 0 0; padding:0; margin:0; text-indent:-2000px;
	}
#container_an p {
	font:normal 12px Arial, Helvetica, sans-serif; padding:10px 0 0; margin:0;
	}
#container_an1 p {
	font:normal 12px Arial, Helvetica, sans-serif; padding:10px 0 0; margin:0;
	}
#container_an p span {
	display:block; font-weight:bold; color:#000000; padding:0 0 6px; background-color:inherit;
	}
#container_an1 p span {
	display:block; font-weight:bold; color:#000000; padding:0 0 6px; background-color:inherit;
	}
#container_an p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4D4747; background-color:inherit;
	text-decoration:none; text-align:right; padding:2px 0 0; float:right;
	}
#container_an1 p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4D4747; background-color:inherit;
	text-decoration:none; text-align:right; padding:2px 0 0; float:right;
	}
#container_an p a:hover{
	text-decoration:underline;
	}
#container_an1 p a:hover{
	text-decoration:underline;
	}
/*news events*/

/*sign up container*/
#containerb{
	width:171px; padding:0; border:1px solid #999999; 
	background-color:#F3F3F3; margin:0; color:#797979;
}
#containerb h2.bn {
	 text-indent:-2000px;
	border-bottom:1px solid #CC0000; background-color:#DEDEDE; 
	padding:6px 0 0; margin:0; color:#797979;
	}
#containerb form {
	margin:0; padding:12px 8px 12px 14px;
	}
#containerb form label {
	font:bold 11px Arial, Helvetica, sans-serif; color:#797979; background-color:inherit;
	width:69px; display:block; padding:0; margin:0 0 5px; float:left;
	}
#containerb form input.textbox {
	width:74px; height:15px; border:1px solid #C5C2C2; 
	font:normal 11px Arial, Helvetica, sans-serif; padding:0; margin:0 0 5px;
	}
#containerb form input.btn {
	width:58px; height:20px; border:0px solid #C5C2C2; padding:0; margin:0 0 0 16px;
	}
/*containerb*/
/*bleft*/

/*rightcontainer*/
#rightcontainer{
	width: 318px;
	padding: 15px 0 0 15px;
	background-color: #FFFFFF;
	float: left;
	margin: 0 2px;
	color: #4D4747;
}
#rightcontainer p {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	padding: 3px 0 16px 90px;
	margin: 0;
	color: #000;
}
#rightcontainer p span {
	font-weight:bold; color:#155282; background-color:inherit;
	display:block; padding:0 0 2px; margin:0; font-size: 14px; 
	}
#rightcontainer p a{
	font:normal 12px/14px Arial, Helvetica, sans-serif; background-color:inherit;
	color:#FF0000; text-decoration:none; text-align:right; display:block; margin:0;
	}
#bright p a:hover{
	text-decoration:underline;
	}
#rightcontainer p.pic1 {
	/*background:url(images/pf0810b.jpg) no-repeat 0 0; */
padding:3px 0 16px 0; margin:0;
	}

#rightcontainer p.pic2 {
	padding:3px 0 16px 0; margin:0;
	
	}

#rightcontainer p.pic3 {
	padding:3px 0 16px 0; margin:0;
	}
	.pic3 span{text-align:left;}
/*rightcontainert*/
/* right panel start from here */

/* main part style end here */

/*footer*/
#footercontainer{
	width:761px; padding:13px 0; font: normal 11px Arial, Verdana, Helvetica, sans-serif; color:#000000; text-align:center;  margin:0 0 30px; float:right;
background:  #fff url(images/bottomimg.jpg) no-repeat;
}
#footercontainer a{
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; color:#000; 
	text-decoration:none; padding:0; margin:0;background-color:#FFB90F;
	}
#footercontainer a:hover{
	text-decoration:underline;
	}
	#flati ul li{
	display: inline;
	}
	
/*footer*/
/*others*/
.er{
	color: Red;
}
#kontg{
	width:480px; 
	background:  #E5EFF9 url(images/plavo.gif);
	padding:50px 28px 50px 30px; 
	color:#4D4747;
	text-align: center;
	font-size: 2em;
	}
	#serv{
	width:480px; 
	background:  #FAF5EB;
	padding:50px 28px 50px 30px; 
	color:#4D4747;
	}

#container3{
	width:480px; 
	background:   #E5EFF9 url(images/plavo.gif);
	padding:50px 28px 50px 30px; 
	color:#4D4747;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	

#artkcontainer{
	width:491px; 
	background-color: #ffffff; 
	padding:20px 28px 20px 18px; 
	color:#4D4747;
	}


#artkcontainer h2.intro{
	margin:0; padding:0;
	 text-indent:-2000px;
	}
#artkcontainer p{
	background-color: inherit;
	padding: 14px 0 0 0;
	font-weight:400;
	font-size:14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
	color: #4D4747;
	margin: 0;
}

#artkcontainer p span{
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit;
	}
#artcontainer p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}
#artkcontainer p a:hover{
	text-decoration:underline;
	}
#artkcontainer table{
	 margin-left: 23%;
}	
	.bsl{
float:left;
  clear:right;
  padding:10px;
    width:10.45em;
  height:10.25em;
}
.bsr{
float: right;
  clear: left;
  padding:10px;
  width:13.45em;
  height:10.25em;
}
.cright {
	float: right;
  clear: left;
  padding:10px;
}/*
*html .cright{
	margin: 10px;
}*/
.cleft{
	float:left;
  clear:right;
  padding:10px; 
}/*
*html .cleft{
	   margin: 10px;
}*/
.ct{
	 margin-left:43%;
}
.hc{
	text-align: center;
}
.ttex{
	font-size: 20px;
	font-weight: bold;
}
.aut{
	text-align: right;
	margin-right: 47px;
}
.hct{
font-size:16px;
font-weight:700;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
/*bottomconainer*/
#container4{
	width:491px; background-color:#E5EFF9; padding:20px 28px 20px 18px; color:#4D4747;
	}	
	
#container4 h2.intro{
	margin:0; padding:0;
	 text-indent:-2000px;
	}
	#container4 p{
	background-color:inherit;
	padding:14px 0 0 140px; font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif; 
	text-align:justify; color:#4D4747; margin:0;
	}
#container4 p span {
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit;
	}
#container4 p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}
#container4 p a:hover{
	text-decoration:underline;
	}
	.k{
		font-style: italic;
	} 
	.dk{
		font-size: 12px;
		font-family:  Arial, Helvetica, sans-serif, Verdana, Geneva;
		font-style: italic;
		text-align: right;
	}
	.dkl{
		font-size: 12px;
		font-family:  Arial, Helvetica, sans-serif, Verdana, Geneva;
		font-style: italic;
		text-align: left;
	}
	.td{
		width: 50%;
	}
	
	.arkivb{
		background-color:#e5eff9;
	}
	.fpla{
		background-color: white;
		border-color: #6495ed;
		border-bottom-style: solid;
		font-family: "MS Sans Serif", Geneva, sans-serif;
		font-size: 1em;
		color: blue;
	}
	
	.medltable{
		width: 180px;
		 border: 0px;
background-color: #000fff;
	 color: #ffffff;
	 font-weight: 800;
	 margin-left: 20%;
	 text-align: center;

	}
	
.publ{
	text-align: center;
	font-size: 12px;
}

.sver1{
	background-color: #eef7ff;
}
.sver2{
	background-color: #f6f6fd;
}
.sver3{
	background-color: #fdf5e6;
}

.lisupro{
list-style-type:lower-greek;
}
.p-ariel0906{font-size:10px;}

.roundedcornr_box_325160 {
   background: #dddddd url(images/roundedcornr_325160_grad.gif) repeat-x top left;
}
.roundedcornr_top_325160 div {
   background: url(images/roundedcornr_325160_tl.gif) no-repeat top left;
}
.roundedcornr_top_325160 {
   background: transparent url(images/roundedcornr_325160_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_325160 div {
   background: url(images/roundedcornr_325160_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_325160 {
   background: transparent url(images/roundedcornr_325160_br.gif) no-repeat bottom right;
}

.roundedcornr_top_325160 div, .roundedcornr_top_325160,
.roundedcornr_bottom_325160 div, .roundedcornr_bottom_325160 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_325160 { margin: 0 30px; }

.titlebox{
background-image:url(images/roundedcornr_903689.gif);
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-align:center;
color:#155282;
width: 100%;
}

* html .titlebox{
width: 491px;
}

.righttitlebox{
background-image:url(images/roundedcornr_123703.gif);
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-align:center;
color:#155282;
}

.roundedcornr_box_923322 {
   background: #c6ecff url(images/roundedcornr_923322_grad.gif) repeat-x top left;
}

.roundedcornr_top_923322 div {
   background: url(images/roundedcornr_923322_tl.gif) no-repeat top left;
}
.roundedcornr_top_923322 {
   background: transparent url(images/roundedcornr_923322_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_923322 div {
   background: url(images/roundedcornr_923322_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_923322 {
   background: transparent url(images/roundedcornr_923322_br.gif) no-repeat bottom right;
}

.roundedcornr_top_923322 div, .roundedcornr_top_923322,
.roundedcornr_bottom_923322 div, .roundedcornr_bottom_923322 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_923322 { margin: 0 30px; }
.leftbox1{
width:180px;
font-weight: 800;
	 margin-left: 20%;
	 text-align: center;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }
	 .leftbox1, p{font-size:12px}
	 
	 .leftbox2{

font-weight: 800;
	 text-align: center;
	 font-family:Geneva, Arial, Helvetica, sans-serif;
	 color:#000000;
	 }
	 .leftbox2, p{font-size:12px}
	 /*testing float menu*/
	 
.roundedcornr_box1_923322 {
   background: #c6ecff url(images/roundedcornr_923322a_grad.gif) repeat-x top left;
}


/*inside right floatmenu*/
.roundedcornr_box_370055 {
   background: #faf5eb url(images/roundedcornr_370055_grad.gif) repeat-x top left;
}
.roundedcornr_top_370055 div {
   background: url(images/roundedcornr_370055_tl.gif) no-repeat top left;
}
.roundedcornr_top_370055 {
   background: transparent url(images/roundedcornr_370055_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_370055 div {
   background: url(images/roundedcornr_370055_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_370055 {
   background: transparent url(images/roundedcornr_370055_br.gif) no-repeat bottom right;
}

.roundedcornr_top_370055 div, .roundedcornr_top_370055,
.roundedcornr_bottom_370055 div, .roundedcornr_bottom_370055 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_370055 { margin: 0 2px; }
/*end*/

/*archivos*/
.arki ul li{
	display: inline;
	}
	
.arki a:link {color:#FF0000}      /* unvisited link */
.arki a:visited {color:#6B0401 }  /* visited link #FF0066*/
.arki a:hover {color:#FF00FF}  /* mouse over link */
.arki a:active {color:#0000FF}  /* selected link */

.one{font-size:14px;}
.faceb{margin-left:35%;}
.li1{background-color:#3399FF; color:#FFFFFF; font-weight:bold;}