@charset "UTF-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #676767;
	
	margin:0px;
	background-color:#D0C5A7;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

/********************** tekst ****************************************************/

.tekst {
	text-align:justify;
}


.tekst-naslov {
	color:#8CAF30;
	font-size:24px;
	font-family:Calibri;
	text-transform:uppercase;
	
}

.tekst-naslov-podstranice {
	color:#4F382A;
	font-size:20px;
	font-family:Calibri;
	text-transform:uppercase;
}

.tekst-naslov-braon {
	color:#4F382A;
	font-size:28px;
	font-family:Calibri;	
}

.tekst-naslov-beli {
	color:#fff;
	font-size:24px;
	font-family:Calibri;	
}

.tekst-footer {
	color:#868686;
}

.tekst-footer-nalov {
	color:#ccc;
}

.tekst-footer-datum {
	color:#D17629;
	font-size:11px;
}

.tekst-copyright {
	font-size:11px;
	color:#333;
}

.tekst-top {
	font-size:12px;
	color:#2C2728;
}

.tekst-home-baner {
	color:#FFFDFC;
}




/********************** pozadina *************************************************/


.bg-podnaslov {
	background-image:url(../images/mod-podnaslov.jpg);
	background-position: center ;
	background-repeat: repeat-x;
	height:15px;
}

.bg-voce {
	background-image:url(../images/bg-voce.jpg);
	background-position: top;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.bg-transparent {
	background-image:url(../images/bg-transparent.png);
	background-repeat:repeat;
}

.bg-radna {
	background-image:url(../images/bg-radna.jpg);
	background-repeat:repeat;
	border:1px solid c#D4D4D4č
}

.bg-meni {
	background-image:url(../images/bg-meni.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

.bg-footer{
	background-image:url(../images/bg-footer.jpg);
	background-repeat: repeat;
}

/*
.bg-home-baner-naslov {
	background-image:url(../images/bg-home-baner-naslov.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color:#FFF;
	padding:15px;
	
	font-size:20px;
	font-family:Calibri;
	text-transform:uppercase;
}


.bg-home-baner-naslov-narandzasto {
	background-image:url(../images/bg-home-baner-naslov-narandzasto.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color:#FFF;
	padding:15px;
	
	font-size:20px;
	font-family:Calibri;
	text-transform:uppercase;
}

*/

.bg-home-baner-naslov {
	background-image:url(../images/bg-home-baner-naslov-zelen.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	color:#FFF;
	padding-left:15px;
	
	font-size:15px;
	font-weight:bold;
	font-family:Calibri;
	text-transform:uppercase;
}


.bg-home-baner-naslov-narandzasto {
	background-image:url(../images/bg-home-baner-naslov-narandzast.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	color:#FFF;
	padding-left:15px;
	
	font-size:15px;
	font-weight:bold;
	font-family:Calibri;
	text-transform:uppercase;
}


.img-baner-home {
	border:5px solid #D7CEB1;
}




/********************* kontakt forma *********************************************/

.form-kontakt-dugme{
	font-size: 12px;
	color: #ffffff;
	background-color:#333;
	border:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;

}

.form-kontakt {	
	font-size: 12px;
    border:1px solid; 
	border-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	height:20px;
	padding-left:3px;

}

.bg-pretraga{
	background-image:url(../images/bg-pretraga.jpg);
	background-position:middle left;
	background-repeat:no-repeat;
}

.form-pretraga{
	font-size:11px;
	color:#666;
	padding-left:3px;
	border-width:0px;
	background-color:transparent;
	width:150px;
	
}

.okvir-splash {
	border:solid 5px #fff;	
}


/**************************** meni ************************************/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 200;
	float: left;
	
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	/*font: bold 11px arial;*/
}

/*  glavni meni  */
#sddm li a {	
    display:block;
    /*float:left;*/
	font-size: 18px; font-family:Calibri;
	/*text-transform:uppercase;*/
	border-right: 1px solid #415E08;
	/*margin: 0 0px 0 0;*/
	
	padding: 16px 30px; 
	background-color:transparent;
	color: #FFFDFC;
	text-transform:uppercase;
	text-align: center;
	text-decoration: none;
	background-image:url(../images/bg-meni.jpg);
	background-repeat:repeat-x;
	
	/*
	width:121px;
	height:60px;
	line-height:30px;
	vertical-align: middle;

	
	text-align:center;
	*/
	
}



#sddm li a:hover {	
    color:#4A4A48;
	background-image:url(../images/bg-meni-on.jpg);
	background-repeat: repeat-x;
	background-position:top center;
	background-color:#EEEEEC;

}



/* PODMENI*/

#sddm div
{	
z-index: 200;
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;

/*border: 1px solid #CCCCCC;*/
}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 150px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #2A5671;
	color: #fff;
	
    /*
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFF;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	*/
	border-top:1px solid #40677F;
	
	font-size: 14px; font-family:Calibri;
	/*border-right: 0px solid #665242;*/

	 
	/*border-width:1px;*/
	/*border: 1px solid ;*/
}

#sddm div a:hover
{	background: #fff;
	color: #2A5671;
	font-size: 14px; font-family:Calibri;
	border-top:1px solid #FFF;
	/*
	border-bottom:1px solid #852356;
	border-top:1px solid #852356;
	border-left:1px solid #852356;
	border-right:1px solid #852356;
	*/

}

/**************************** meni end ************************************/


/********************pomocni meni *****************************************/

/*1. the style of the div container with id=”css_vertical_menu”*/
#css_vertical_menu{
width:250px;
/*border:1px solid #437E7E;*/
}


/*2. the style of the links (html element <a>)*/
#css_vertical_menu a{
display:block;
height:40px;
padding-left:30px;
/*background-color:#254557;*/
/*background-color:#D7CEB1;*/
background-color:transparent;
border-bottom:1px solid #C7BC94;
border-top:1px solid transparent;
font-family:Calibri;
font-size:14px;
/*font-weight:bold;*/
text-transform:uppercase;
text-decoration:none;
color:#827444;
line-height:40px;
text-align:left;
}

/*3. the css style on the hover state of the links*/
#css_vertical_menu a:hover{
background-color:#8BAD30;
border-bottom:1px solid #D7CEB1;
border-top:1px solid #D7CEB1;
color:#FFF;
}

#css_vertical_menu a.selektovan{
display:block;
height:40px;
padding-left:30px;
background-color:#8BAD30;
border-bottom:1px solid transparent;
/*border-top:1px solid #FFE900;*/
font-family:Calibri;
font-size:16px;
text-transform:uppercase;
text-decoration:none;
color:#fff;
line-height:40px;
text-align:left;
}

/***********************************************************************************************/




/******************** linkovi *************************************************/

a:link { color: #333; text-decoration: none;}
a:visited { color: #333;text-decoration: none;}
a:hover { color: #333; text-decoration: underline;	}
a:active { color: #333;text-decoration: none;}

a.link:link { color: #CF711B; text-decoration: none; font-size: 12px; }
a.link:visited { color: #CF711B; text-decoration: none; font-size: 12px; }
a.link:hover { color: #333;  text-decoration: none; font-size: 12px;  }
a.link:active { color: #333; text-decoration: none; font-size: 12px;  }

a.link-copyright:link { color: #333; text-decoration: none; font-size: 11px; }
a.link-copyright:visited { color: #333; text-decoration: none; font-size: 11px; }
a.link-copyright:hover { color: #000;  text-decoration: none; font-size: 11px;  }
a.link-copyright:active { color: #000; text-decoration: none; font-size: 11px;  }

a.link-meni-gornji:link { color: #335179; text-decoration: none; font-size: 12px; }
a.link-meni-gornji:visited { color: #335179; text-decoration: none; font-size: 12px; }
a.link-meni-gornji:hover { color: #999;  text-decoration: none; font-size: 12px;  }
a.link-meni-gornji:active { color: #999; text-decoration: none; font-size: 12px;  }

.tekst-link-meni-gornji {
	font-size:12px;
	color:#ccc;
	margin-left:6px;
	margin-right:6px;
}


a.link-footer-meni:link { font-family:Calibri; color: #868686; text-decoration: none; font-size: 14px; text-transform:uppercase; margin-right:10px; }
a.link-footer-meni:visited { font-family:Calibri; color: #868686; text-decoration: none; font-size: 14px; text-transform:uppercase; margin-right:10px; }
a.link-footer-meni:hover { font-family:Calibri; color: #D17629;  text-decoration: none; font-size: 14px; text-transform:uppercase; margin-right:10px;}
a.link-footer-meni:active { font-family:Calibri; color: #D17629; text-decoration: none; font-size: 14px; text-transform:uppercase; margin-right:10px;}


a.link-footer:link { color: #868686; text-decoration: none; font-size: 12px; }
a.link-footer:visited { color: #868686; text-decoration: none; font-size: 12px; }
a.link-footer:hover { color: #D17629;  text-decoration: none; font-size: 12px;  }
a.link-footer:active { color: #D17629; text-decoration: none; font-size: 12px;  }


a.link-usluge-naslov:link { font-family:Calibri; color: #8CAF30; text-decoration: none; font-size: 24px; }
a.link-usluge-naslov:visited { font-family:Calibri; color: #8CAF30; text-decoration: none; font-size: 24px; }
a.link-usluge-naslov:hover { font-family:Calibri; color: #333;  text-decoration: none; font-size: 24px;  }
a.link-usluge-naslov:active { font-family:Calibri; color: #333; text-decoration: none; font-size: 24px;  }


a.link-usluge-naslov-manji:link { font-family:Calibri; color: #8CAF30; text-decoration: none; font-size: 16px; }
a.link-usluge-naslov-manji:visited { font-family:Calibri; color: #8CAF30; text-decoration: none; font-size: 16px; }
a.link-usluge-naslov-manji:hover { font-family:Calibri; color: #333;  text-decoration: none; font-size: 16px;  }
a.link-usluge-naslov-manji:active { font-family:Calibri; color: #333; text-decoration: none; font-size: 16px;  }






/********************* funkcija za prikaz stranica ******************************/

/* rastavnica izmedju modula stranica*/
.mod-rastavnica {
	height:15px;
}

/* podnaslov */
.mod-podnaslov {
	background-image:url(../images/mod-podnaslov.jpg);
	background-position: center ;
	background-repeat: repeat-x;
	height:10px;
}

/* okvir oko header slike */
.mod-slika-header {
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#D7CEB1;
	background-color:#FFF;
}


.mod-navigacija{
	margin-top:5px;
	margin-bottom:5px;
	color:#777;
	font-size:11px;
	
}

a.link-mod-navigacija:link {  color:#777; font-size:11px; text-decoration: none; margin-right:10px; }
a.link-mod-navigacija:visited {  color:#777; font-size:11px; text-decoration: none;  margin-right:10px; }
a.link-mod-navigacija:hover { color:#CF711B; font-size:11px; text-decoration: none;  margin-right:10px; }
a.link-mod-navigacija:active { color:#CF711B; font-size:11px; text-decoration: none;  margin-right:10px; }



.bg-galerija-okvir{
	border-color:#D1D0CE;
	border-width:1px;
	border-style:solid;
	background-color:#fff;
	/*padding:4px;*/
}

.bg-galerija-okvir-blank{
	border-color:transparent;
	border-width:1px;
	border-style:solid;
}




/*********************** program ************************************************/

/*
a.link-podstranice-detaljnije:link { color: #A60013; text-decoration: none; font-size: 18px; padding-left:10px; }
a.link-podstranice-detaljnije:visited {color: #A60013; text-decoration: none; font-size: 18px;  padding-left:10px; }
a.link-podstranice-detaljnije:hover { color: #333; text-decoration: none; font-size: 18px;  padding-left:10px; }
a.link-podstranice-detaljnije:active { color: #333; text-decoration: none; font-size: 18px;  padding-left:10px; }

a.link-detaljnije-program:link { color: #A60013; text-decoration: none; font-size: 12px; padding-left:5px; }
a.link-detaljnije-program:visited {color: #A60013; text-decoration: none; font-size: 12px;  padding-left:5px; }
a.link-detaljnije-program:hover { color: #333; text-decoration: none; font-size: 12px;  padding-left:5px; }
a.link-detaljnije-program:active { color: #333; text-decoration: none; font-size: 12px;  padding-left:5px; }

a.link-mod-navigacija:link { color: #3C35373; text-decoration: none; font-size: 11px; padding-left:3px; margin-top:5px; margin-bottom:5px; margin-right:5px;}
a.link-mod-navigacija:visited {color: #3C3537; text-decoration: none; font-size: 11px;  padding-left:3px; margin-top:5px; margin-bottom:5px;  margin-right:5px;}
a.link-mod-navigacija:hover { color: #A60013; text-decoration: none; font-size: 11px;  padding-left:3px;margin-top:5px; margin-bottom:5px; margin-right:5px; }
a.link-mod-navigacija:active { color: #A60013; text-decoration: none; font-size: 11px;  padding-left:3px;margin-top:5px; margin-bottom:5px;  margin-right:5px;}

.mod-navigacija{
	margin-top:5px; margin-bottom:5px;
	color:#3C3537;
	font-size:11px;
}

.mod-postranice-okvir {
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	border-style:solid;
	border-width:3px;
	border-color:#E4E4E4;
	background-color:#fff;

}

.mod-postranice-naziv {
	padding:7px;
	border-style:solid;
	border-width:3px;
	border-color:#D5B597;
	background-color:#FFF7E2;
}
*/



/*********************** vesti ***************************************************/

a.link-vesti-naslov:link { color: #404245; text-decoration: none; font-size: 20px; font-family:Calibri; }
a.link-vesti-naslov:visited { color: #404245; text-decoration: none; font-size: 20px;  font-family:Calibri; }
a.link-vesti-naslov:hover { color:#404245; text-decoration: underline; font-size: 20px; font-family:Calibri;  }
a.link-vesti-naslov:active {  color: #404245; text-decoration: none; font-size: 20px; font-family:Calibri;  }

a.link-vesti-naslov-home:link { color: #718C26; text-decoration: none; font-size: 16px; font-family:Calibri; }
a.link-vesti-naslov-home:visited { color: #718C26; text-decoration: none; font-size: 16px;  font-family:Calibri; }
a.link-vesti-naslov-home:hover { color:#CF711B; text-decoration: underline; font-size: 16px; font-family:Calibri;  }
a.link-vesti-naslov-home:active {  color: #CF711B; text-decoration: none; font-size: 16px; font-family:Calibri;  }

a.link-vesti-naslov-izdvajamo:link { color: #1C5084; text-decoration: none; font-size: 12px; font-weight:bold;   }
a.link-vesti-naslov-izdvajamo:visited { color: #1C5084; text-decoration: none; font-size: 12px; font-weight:bold;  }
a.link-vesti-naslov-izdvajamo:hover { color: #1C5084;  text-decoration: underline; font-size: 12px; font-weight:bold;  }
a.link-vesti-naslov-izdvajamo:active { color: #1C5084; text-decoration: none; font-size: 12px; font-weight:bold;  }

a.link-vesti-detaljnije:link { color: #CC0000; text-decoration: none; font-size: 12px; }
a.link-vesti-detaljnije:visited {color: #CC0000; text-decoration: none; font-size: 12px; }
a.link-vesti-detaljnije:hover { color: #CC0000; text-decoration: underline; font-size: 12px; }
a.link-vesti-detaljnije:active { color: #CC0000; text-decoration: underline; font-size: 12px; }

.tekst-vesti-naslov {
	color: #404245; 
	font-size: 20px;
	font-family:Calibri; 
}

.vesti-naslov-rastavnica {
	height:10px;
}

.vesti-slika {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.vesti-slika-big {
	border-color:#E4E4E4;
	border-width:3px;
	border-style:solid;
}

.vesti-datum {
	font-size:10px;
	color:#999;
	margin-top:5px;
	margin-bottom:5px;
	/*padding:3px;*/
	/*background-color:#EEEEEE;*/

}

.vesti-rastavnica {
	background-image:url(../images/mod-podnaslov.jpg);
	background-position: center;
	background-repeat: repeat-x;
	height:31px;
}


.vesti-tekst-naslov-izdvajamo {
	color:#333;
	font-size:16px;
	font-weight:bold;
}