/*Reseting all*/
*
{
	margin: 0px;
	padding: 0px;
}
/* general information */
html,body
{
 background-color: #666666;
 font-family: Georgia, Arial,Sans-Serif,System;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 text-align: center; /* for IE */
 margin:0;
 padding:0;
 height: 100%;
 width: 100%;
}
a img
{
 border: 0;
}
/* page info */
#page-holder
{
 width: 950px;
 margin: 0px auto;
 text-align: left;
 font-size:62.5%;
}
/* header info */
#head
{
 background-color: #ffffff;
 width: 950px;
 height: 153px;
 vertical-align: top;
 border-left: 1px solid black;
 border-right: 1px solid black;
}
.logo
{
 float: left;
}
#header-img
{
 float: left;
}
/* menu info*/
#menu
{
 width: 950px;
 height: 39px;
 background: url(../files/images/menu_bg.gif) repeat-x top left;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 text-align: center;
 padding:0;
 margin: 0 auto;
}
#menu ul {
width: 676px;
margin: 0px auto;
line-height: normal;
list-style: none;
padding:0;
}
#menu li {
float:left;
}
.separator
{
 height: 39px;
 width: 3px;
 background: url(../files/images/razdelnik.gif) no-repeat top center;
}
#menu li a
{
 display:block;
 text-decoration:none;
 border:medium none;
 color:#FFFFFF;
 font-family:Arial,Helvetica,sans-serif;
 font-size: 1.4em;
 font-weight:bold;
 padding: 0;
 width: 94px;
 height: 39px;
 line-height: 39px;
}
#menu a:hover
{
 background: url(../files/images/hover.gif) no-repeat top left;
 text-decoration: none;
}
#content
{
 width: 950px;
 background-color: #ffffff;
 text-align: left;
 font-size: 1.2em;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;

}
#content h1
{
 color:#000066;
 font-size:1.4em;
 border-bottom: 3px solid #d1d1d1;
 padding-bottom:5px; 
}
#content h2
{
 color:#000066;
 font-size:1.6em;
 border-bottom: 3px solid #d1d1d1;
 padding-bottom:5px; 
}
#content h3
{
 color:#000066;
 font-size:1.3em;
 padding-bottom:5px; 
 padding-top:15px; 
}

#content h4
{
 color:black;
 font-size:1.2em;
 padding-bottom:5px; 
 padding-top:5px; 
}
#content h5
{
 color:black;
 font-size:0.9em;
 padding-bottom:3px; 
 padding-top:3px; 
}
#content a
{
 color:#ff0000;
 
 text-decoration:none;
}
#content a:hover
{
 color:#ff0000;
 text-decoration:underline;
}
#content p
{
 text-align: justify;
 padding: 3px 0px 3px 0px;
}
#content ul 
{
padding: 5px 0px 5px 25px;
}
#content ol
{
padding: 5px 0px 5px 25px;
}

.kontakt
{
 height:184px;
 width:358px;
 background-color:#b8d7e5;
 border:2px solid #98b4c0;
 margin-bottom:20px;
}


.kontakt img
{
  float:left;
  padding:5px 5px 5px 5px; 
}

.kontakt2
{
 height:110px;
 width:360px;
 background-color:#b8d7e5;
 border:2px solid #98b4c0;
 margin-bottom:20px;
}


.kontakt2 img
{
  float:left;
  padding:5px 5px 5px 5px; 
}
.kontakt p
{
 font-size:1em;
}
#top-line
{
 width: 950px;
 height: 20px;
 padding-top: 5px;
}
#top-line a
{
 color: #000000;
}
#top-line a:hover
{
 color: #666666;
}
#news
{
 width: 743px;
 padding-left: 18px;
}
#lang
{
 float: right;
}
#lang a:hover
{
 text-decoration:none;
}
#col-left
{
 float:left;
 padding:5px 18px 20px 18px;
 width:744px;  
}

.col-main
{
 float:left;
 padding:10px 2px 20px 4px;
 width:242px;
}
/* Hide form MacIE \*/
* html div.col-main {
margin: 0 -3px;
}/* End hiding */

#col-right
{
 float:left;
 padding:25px 20px 20px 0px;
 width:150px;
}
/* Hide form MacIE \*/
* html div#col-right {
margin: 0 -3px;
}/* End hiding */

.topPos 
{
 height:195px;
}
.centPos
{
 height:171px;
 text-align:center;
}
.bottomPos
{
 height:150px;
}
#footer
{
 color: #cccccc;
 text-align: center;
 width: 950px;
 font-size: 1.1em;
 line-height: 1.5em;
 padding-top: 10px;
 /* clear: both; */
}
#footer a
{
 color: #cccccc;
 text-decoration: none;
}
.foot-nav a
{
padding: 0px 10px 0px 10px;
}
#footer a .designer
{
 color: #ffffff;
 padding: 0px;
}
.floatRight
{
 float:right;
}
.floatRight img
{
 padding-left: 10px;
 padding-top: 5px;
}
.floatLeft
{
 float:left;
}
.floatLeft img
{
 padding-right: 10px;
 padding-top: 5px;
}
.centerAlign
{
 text-align:center;
}
#navigacija
{
margin-top:10px;

 float:right;
}

#navigacija a
{
  color:#276da5;
 
}
#navigacija a:hover
{
 color:#b1d3ee;
 text-decoration:none;
}

.bigFont
{
 font-size:1.2em;
}
.datum
{
 float:left;
 color:gray;
 font-size:0.8em;
}
.datum-v
{
float: left;
height: 25px;
background: url(../files/images/news.png) no-repeat top left;
color: #000066;
font-size: 0.9em;
font-weight: 700;
padding-top: 10px;
padding-left: 50px;
margin: 0px 0px 10px 0px; /*ovo je dodato*/
}
.vest
{
clear:both;
border-bottom: 1px dashed #000066; /* 1px dotted #d1d1d1;*/
padding-bottom: 10px;
margin-bottom: 10px;
}
.linija
{
border-top: 2px solid #d1d1d1;
width:400px;
padding-bottom:10px;
}
/* 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 */

.gal-first
{
 margin-right: 20px;
}
.gal-mid
{
 margin: 0px 20px 0px 20px
}
.gal-midd
{
 padding: 0px 15px 0px 15px
}
/* Hide form MacIE \*/
* html div.gal-midd {
margin: 0 -3px;
}/* End hiding */
.gal-last
{
 margin-left: 20px;
}
.ex-first
{
 margin-right: 5px;
}
.ex-mid
{
 margin: 0px 5px 0px 5px
}
.ex-last
{
 margin-left: 5px;
}
.gal-rowm
{
 clear: both;
 height: 220px;
}
.gal-row
{
 margin-bottom: 20px;
}
#gallery{ width:100%; }

#gallery img
{
 border: 2px solid #CCCCCC;
 padding: 4px;
}

#gallery a:hover img{
 border: 2px solid #3B5998;
}
.box
{
 display: inline;
 float: left;
 width: 220px;
}
.boxc
{
 display: inline;
 float: left;
 height: 120px;
 width: 80px;
}
#gallery p
{
font-size: 0.9em;
text-align: center;
}

.gallery{
 width:100%;
 text-align: center;
 }

.gallery img
{
 border: 2px solid #CCCCCC;
 padding: 4px;
}
.gallery a:hover img{
 border: 2px solid #3B5998;
}

/* dokumenta */
#content .dokumenta ul
{
 list-style: none;
 padding: 0px 10px 10px 0px;
}
#content .dokumenta ul li
{
 margin-bottom: 5px;
}
#content .dokumenta ul li a
{
 float: left;
 margin-top: 10px;
}
#content .dokumenta ul li img
{
 float: left;
}

/*Form classes*/

.contact-form {
  float: left;
  
  width: 320px;
}

#forma {
padding: 60px;
 text-align: left;
  width: 300px;
}
.contact-form h2{
 color: #ffffff;
 text-align: center;
 display: block;
 font-size: 16px;
 font-weight: 500;
 line-height: 14px;
 margin-top: 40px;
}
.izvestaj p{
 color: #ffffff;
 margin-top: 100px;
 text-align: center;
 font-size: 15px;
 font-weight: 500;
 line-height: 15px;

}
#alert { color: #c56976; }
#button {
  border: 1px;
  float: left;
  height: 23px;
  cursor: pointer;
  width: 76px;
}
label {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 7px;
}
input.textbox {
  border: 1px solid #cccccc;
  height: 20px;
  margin: 0px 0px 10px 0px;
  width: 200px;
}

input.textbox:focus {
  border: 1px solid #3082a2;
}