/* CSS Document */

/*Reseting all*/
*{
	border: 0;
	margin: 0;
}
/* general information */
body{
	background-color: #010d1f;
	border: 0;
	font-family: Georgia, Arial, Serif,System;
	margin: 0;
	padding: 0;
}
a img
{
	border: 0;
}
a{
   color: #0089c4;
   text-decoration: none;
}
a:hover{ text-decoration: underline;}
h1 { font-size: 170%; }
h2 { font-size: 145%; }
h3 { font-size: 125%; }
h4 { font-size: 110%; }
h5 { font-size: 106%; }
h6 { font-size: 100%; }

h3{
  padding:5px 0px 5px 0px;
}
h4{
   padding:0px 0px 10px 0px;
}

/* page info */
#page-holder{
	font-size: 62.5%;
	margin: 0 auto;
	width: 992px;
}
#header{
	background: url(../images/header.jpg) no-repeat top;
	height: 229px;
	
	
}

#content{
	background: #ffffff url(../images/top_bg.jpg) no-repeat top;
	margin: 0 auto;
	width: 960px;
}
#jedro{ background: url(../images/jedro.jpg) no-repeat scroll right bottom; display: inline-block;}
#search-box{
	float: right;
	font-size: 1.2em;
	height: 30px;
	padding: 33px 100px 0 0;
	width: 230px;
}
#q {
	background: transparent url(../images/search-box.png) no-repeat scroll right top;
	color: #606060;
	float: left;
	margin: 1px 10px 1px 10px;
	padding: 7px 10px 7px 10px;
	width: 149px;
}
#go-button {
	background: transparent url(../images/search-btn.png) no-repeat scroll right top;
	float: left;
	height: 30px;
	width: 30px;
}

#left-col{
	clear: both;
    display: inline;
	float: left;
	overflow: visible;
	padding-bottom: 50px;
	text-align: left;
	width: 204px;
	
}
#mid-col{
	font-size: 1.2em;
	float: left;
	width: 550px;
	text-align: justify;
    margin-top:20px;
}


#mid-col p{
	font-size: 1.2em;
    padding-right:10px;
}

#mid-col ul , #main ul{
	font-size: 1.2em;
	list-style-type:disc;
	margin:0;
	padding-left:30px;
}

#right-col{

	font-size: 1.2em;
	float: left;
	width: 206px;
	margin-top:20px;
}

#right-col ul {
	border-left:1px solid #cccccc;
	list-style-type:disc;
	margin:0;
	padding-left:30px;
}
#menu{
	padding-bottom: 20px;
	position: relative;
	width: 215px;
	margin-left: -24px;
}
.logo{padding-left: 10px;}
#main{
	display: block;
	float: left;
	width: 756px;
	margin-top:20px;
}
#main p{
	font-size: 1.2em;
	padding-bottom: 10px; 
	line-height:1.4em;
	text-align: justify;
	display: block;
}

#middle{
clear: both;
width: 738px;
margin-top: 5px;

}
#down-left{
	clear: both;
	float: left;
	padding-right: 10px;
	width: 490px;
	margin-top: 20px;
}
#down-right{
	border-left: 1px solid #cccccc;
	float: left;
	font-size: 0.9em;
	padding-left: 10px;
	width: 226px;
	margin-top: 20px;
}
#down-right ul{
	line-height: normal;
	list-style: none;
	padding: 0;
}

#down-right ul li{
	padding: 0px 0px 5px 35px;
	background: url(../images/datum-mali.gif) no-repeat 0 0;
}

#footer{
	background: url(../images/foot.jpg) no-repeat top;
	color: #cccccc;
	font-size: 1.1em;
	height: 124px;
	line-height: 20px;
	text-align: center;
}
#footer a{
	color: #cccccc;
	text-decoration: none;
}
#footer a:hover{ text-decoration: underline;}
#foot-nav{
	color: #000000;
	margin-bottom: 20px;
}
#foot-nav ul{
	list-style: none;
	padding: 15px 0px 0px 0px;
}
#foot-nav ul li{
	display: inline;
	padding: 0px 5px 0px 5px;
}
#foot-nav a{
	color: #000000;
	text-decoration: none;
}
#foot-nav a:hover{ text-decoration: underline;}


.float-left{ float:left;}
.float-right{ float:right;}
.centerAlign{ text-align:center;}

.datum{
   background-image: url(../images/datum.gif);
   background-repeat:no-repeat;
   color:#000000;
   display:block;
   float:left;
   height:60px;
   line-height:0px;
   margin-right:10px;
   overflow:visible;
   width:57px;
   
}
.datum h3{
  display:block;
  font-size:10px;
  color:#ffffff;
  line-height:20px;
  padding:5px 0px 0px 7px;  
}

.datum strong{
  display:block;
  font-size:16px;
  line-height:20px;
  text-align:center;
}

.frame{
   background: url(../images/frame.png) no-repeat;
   float: left;
   height: 289px;
   padding-top: 28px;
   text-align: center;
   width: 360px;
}
.frame-mini{
   background: url(../images/frame_mini.png) no-repeat;
   display: inline;
   float: left;
   height: 114px;
   margin: 0px 30px 0px -5px;
   padding-top: 13px;
   text-align: center;
   width: 121px;
}
.frame-small{
   background: url(../images/frame_mali.png) no-repeat;
   float: left;
   height: 170px;
   margin-left:-5px;
   padding-top: 23px;
   text-align: center;
   width: 247px;
}
.frame-big{
   background: url(../images/frame_veliki.png) no-repeat;
   float: left;
   height: 361px;
   margin-left:-5px;
   padding-top: 36px;
   text-align: center;
   width: 501px;   
}
.h{
 padding-bottom:10px;
}
.h-prva{
 padding-bottom:10px;
 margin-left:20px;
}
.margin-top{
	margin-top:63px;
}
.small-font{
  font-size:0.8em;
}
.vest{
	padding-bottom: 30px;
}
.vest h2{
	font-size:1.2em;
	padding-top: 5px;
}
.heading1{text-indent:-9999px; background: url(../images/vesti.gif) no-repeat; margin:5px 0px 5px 0px; height: 25px}
.heading2{text-indent:-9999px; background: url(../images/naslov.jpg) no-repeat; margin:5px 0px 5px 0px; height: 25px}
/* gallery */
#gallery{ width:100%; }
#gallery img{
	/*border: 2px solid #CCCCCC;*/
	margin-bottom: 10px;
}
/*#gallery a:hover img{ border: 2px solid #3B5998;}*/
#gallery p
{
font-size: 0.9em;
text-align: center;
padding: 0px 15px 0px 15px;
}
.gallery{
 width:100%;
 text-align: center;
 }

.gallery img
{
 border: 2px solid #CCCCCC;
 padding: 4px;
}
.gallery a:hover img{
 border: 2px solid #3B5998;
}
.gal-first
{
	display: inline;
 margin-right: 30px;
}
.gal-mid
{
margin: 0px 30px 0px 30px;
}
.gal-last
{
	display: inline;
 margin-left: 30px;
}
.gal-first-m
{
 margin-right: 20px;
}
.gal-mid-m
{
 margin: 0px 20px 0px 20px
}
.gal-last-m
{
 margin-left: 20px;
}
.gal-row
{
 margin-bottom: 20px;
}
.kontakt{
  border-bottom:1px dashed #000066;
  clear:both;
  margin-bottom:10px;
  width:500px;
  padding-bottom:10px;

}
.kontakt-slika{
 border:1px solid #cccccc;
 padding: 5px 5px 5px 5px;
 float:right;

}
.navigacija{
	margin-right: 20px;
	text-align: center;
}
.linija{
border-top: 1px solid #cccccc;
margin-bottom:10px;
width:738px;
}
.top-right{
padding-top:14px;
}
.vest-poc{
width:720px;
}
.fwd{
	background: url(../images/fwd_btn.png) no-repeat top right;
	padding: 2px 20px 2px 0px;
}
.rew{
	background: url(../images/rew_btn.png) no-repeat top left;
	padding: 2px 0px 2px 20px;
}
.up{
	background: url(../images/up_btn.png) no-repeat top left;
	padding: 2px 0px 2px 20px;
}
.box{
	display: inline;
	float: left;
	height: 200px;
	width: 200px;
}

.boxc{
	float: left;
	height: 120px;
	width: 80px;
}
/*dokumenta*/
.dok{
	list-style: none !important;
	padding-left: 5px !important;
}
.pdf{
	background: url(../images/file_pdf.jpg) no-repeat top left;
	height: 35px;
	padding: 10px 0px 0px 35px;
}
.doc{
	background: url(../images/file_doc.jpg) no-repeat top left;
	height: 35px;
	padding: 10px 0px 0px 35px;
}
/* Hide form MacIE \*/
* html div.gal-mid {
margin: 0 17px;
}/* End hiding */

/* clear fix*/
.clearfix:after
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */