* {
margin: 0;
padding: 0;
}

html, body {
	height: 100%;
}
body{
	margin:0px;
	padding:0px;
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#FFFFFF;
	
	
	
}

#omot{
	width:700px;
	padding-top:5px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2.2em; /* the bottom margin is the negative value of the footer's height */
	
}
#omot2 {
	width: 680px;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
h1 {
			background: url(images/header.gif) top center no-repeat;
	        height: 199px;
			text-indent: -10000px;
}
p{ font-size:1.1em;
line-height:160%;
color:#333;
background-color:inherit;

}
a {
	color: #D91C52;
	text-decoration: none;
}
a:hover {
	color: #D91C52;
	text-decoration: underline;
}
/* ----- NAVIGATION ----- */

#navigation{
	margin:0;
	padding:0;
margin-left:11px;
	background:#D91C52;
	height:27px;
	list-style:none;
	width:678px;
	font-size:1.1em;
}
    #navigation li{
        float:left;
        clear:none;
        list-style:none;
    }
    #navigation li a{
	color:#FFF;
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:7px 12px;
	margin-right:10px;
	
    }
    #navigation li a:hover{
        color:#D91C52;
		background-color:#E6E6E6;
     
    }
   
	/* ----- NAVIGATION gore----- */
#menugore{
	position: relative;
	overflow: hidden;
	margin-top: 1px;
	padding-bottom:12px;
	height:25px;
}
#menugore ul{
	list-style: none;
	margin: 0px;
	padding-top: 19px;
	padding-right: 10px;
	
	padding-left: 10px;
}

#menugore li{
	float: right;
	padding-left:5px;
	
}


#menugore li a{
	
	color: #D91C52;
	text-decoration: none;
	font-size: 1em;
	height: 25px;
	padding-right: 5px;
}

#menugore li a:hover{
color: #D91C52;
text-decoration: underline;

}
#menugore .map {
	padding-left: 20px;
	background: url(images/sitemap.gif) no-repeat 0 50%;
}
#menugore .print {
	padding-left: 20px;
	background: url(images/printer.gif) no-repeat 0 50%;
}




/* menu - lijevo */
#leftbar ul.leftmenu {
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #fff;			
}
#leftbar ul.leftmenu li {
	padding: 0px 10px;
}
#leftbar ul.leftmenu a {
	display:block;
	font-weight:normal;
	font-size:1.1em;
	color: #333;
	height: 17px;	
	padding:3px 0px 5px 32px;
	line-height: 1.5em;
	border-bottom: 1px dashed #E6E6E6;
	text-decoration:none;
}

#leftbar ul.leftmenu a:hover {
	padding: 3px 0px 5px 32px;
	color: #fff;	
	background-color: #D91C52;
	border-bottom: 1px solid #D91C52;
	
}
#leftbar .eng {
	background: url(images/gb.gif) no-repeat 5px 50%;
	
}

#leftbar .nje {
	background: url(images/de.gif) no-repeat 5px 50%;
}
#leftbar .tal {
	background: url(images/it.gif) no-repeat 5px 50%;
}
#leftbar .cro {
	background: url(images/hr.gif) no-repeat 5px 50%;
	
}
#leftbar .fr {
	background: url(images/fr.gif) no-repeat 5px 50%;
	
}
#leftbar .rss {
	background: url(images/rss.gif) no-repeat 10px 50%;
	
}
#leftbar .info {
	background: url(images/info.gif) no-repeat 10px 50%;
	
}


/* sadr�aj */
.content {
	float: right;
	width: 460px;
	padding-top: 10px;
}
.content h2 {
	font-size: 1.1em;
	padding:5px 8px;
	color:#D91C52;
	background-color:#E6E6E6;
	margin-bottom:5px;
}
 .content h3
{
	font-size: 1.1em;
	color: #D91C52;
	padding:8px 8px;
}
.content h4 {
  
  font-size: 1.1em;
	padding:8px 8px;
	color:#D91C52;
	background-color:#fff;
	margin-bottom:5px;

}
.content .item {
	padding: 0 0 5px 0;
	border:1px dashed #E6E6E6;
	margin-bottom: 9px;
	background-color: #Fff;
}
.content .vise{
	padding-left: 15px;
	padding-top:3px;
	padding-bottom:7px;
	background: url(images/vise.gif) no-repeat 0 50%;
	font-size: 1.1em;
	width:100px;
	margin-left:9px;
}
.content p{
	padding:0 8px 5px 9px;
	line-height:170%;
}
.content .descr {
	color: #333;
	margin-bottom: 6px;
	font-size: 1em;
}

.content img{
        
        clear:none;
        margin:5px 8px 2px 0;
        padding:1px;
        border: 2px solid #E7E7E7;
    }
	.content ul {
list-style:none;
margin-bottom:0px;
}
.content ul li{
font-size: 1.1em;
background: url(images/validate.gif) no-repeat 0 5px;
color: #333;
background-color:inherit;
line-height: 170%;
margin-left:10px;
padding-bottom:3px;
padding-left:18px;
padding-right:15px;
}
.content li li{
font-size: 1em;
}


/* leftbar */
#leftbar {
	float: left;
	width: 210px;
	padding: 10px 0 5px 0;
}	
 #leftbar h2 {
	font-size: 1.1em;
	padding:5px 8px;
	color:#D91C52;
	background-color:#E6E6E6;
	margin-bottom:5px;
	
}

.leftbox {
	border:1px dashed #E6E6E6;
	margin-bottom: 9px;
	background-color: #fff;
}
.najava {
color:#fff;
	margin-bottom: 9px;
	background-color: #D91C52;
	padding:6px 6px;
	
}
.najava p{
color:#fff;
line-height:190%;
}
.leftbox p{
	padding:0 5px 5px 9px;
}


/* Other */
.clear {
	clear: both;
	height:5px;
	}
div.hr {
height: 3px;
background: url(images/line.gif) no-repeat scroll center;
margin-bottom:5px;
margin-top:10px;
}
div.hr hr {
display: none;
}
.popup
{
cursor: help;
}
/* search form */
.FSF_submit
{
background: url(images/search.gif) no-repeat;
	border:none;
	height: 25px;
	width: 25px;
	background-color: #FFFFFF;
	margin-left:5px;
	text-indent:-9999px;

}
.FSF_input
{
font:1.1em Verdana, Arial, Helvetica, sans-serif;
	width: 152px;
	color: #333; 
	border:1px solid #E6E6E6;
	height: 18px;
	padding: 3px 2px 2px 4px;	
	vertical-align: top;
	margin-left:8px;
}
.FSF_result{
font-size: 1em;
padding:2px 20px 2px 20px; 
}
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; 
	padding: 5px 0 15px 0;	
	width: 205px;	
}
.noshow {
text-indent:-9999px;
display:none;
}

/* formular */

form {
margin: 0px 5px 5px 0px;
}
label {
width: 90%;
display: block;
color: #333;
background-color:inherit;
padding: 2px 2px 2px 2px;
font: 1em  Verdana, Arial, Helvetica, sans-serif;
}
.upit {
display: block;
border: 1px dashed #E6E6E6;
width: 50%;
font: 1em  Verdana, Arial, Helvetica, sans-serif;
margin-left: 0px;
padding: 0.2em 0.2em 0.2em 0.2em;
color: #333;
background-color:#E6E6E6;
}
.veri {
display: block;
border: 1px dashed #E6E6E6;
width: 145px;
font: 1em  Verdana, Arial, Helvetica, sans-serif;
margin-left: 0px;
padding: 0.2em 0.2em 0.2em 0.2em;
color: #333;
background-color:#E6E6E6;
}
textarea {
display: block;
border: 1px dashed #E6E6E6;
width: 100%;
padding: 0.25em 0.1em 0.25em 0.25em;
font: 1em  Verdana, Arial, Helvetica, sans-serif;
color: #333;
background-color:#E6E6E6;
}
.nospace {
display: none;
clear: both;
}
legend{
font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
color: #B82A2A;
background: inherit;
padding-bottom: 5px;
}
fieldset {
border-style: none;	
}
.red
{
background-color: #D91C52;  
color:#fff;
font: 1.1em   Verdana, Arial, Helvetica, sans-serif;
border:1px solid #fff;
padding: 0.2em 0.3em 0.2em 0.2em;
margin-top:5px;
}



/* Footer */

.footer{

	height: 2.2em;
	background:url(images/footer.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	font-size: 1.1em;
	width: 723px;
	margin: 0 auto;
	text-align: center;
	color: #999;
	padding-top:15px;
}
.footer a{

	background-color:inherit;
text-decoration: none;
	color: #D91C52;
}
.footer a:hover{
color: #D91C52;
text-decoration: underline;

}
.footer .validate {
	padding-left: 15px;
	background: url(images/validate.gif) no-repeat 0 50%;
}
.footer .rss {
	padding-left: 15px;
	background: url(images/feed.gif) no-repeat 0 50%;
}


.push {
	height: 2.2em; /* .push must be the same height as .footer */
}