/* CSS Document -------------------------------------------------------------------------------------------------------------------*/
/* 

*/
body { margin:0px; padding:0px; font-size:15px; font-family:"Arial","Helvetica",sans-serif; line-height: 130%; 
	color:#bdc3b1; text-align:left;  
	background:#1e1e1e url("../webgrafika/pozadina.jpg") repeat-x left top;  }
img { border: 0px; }
h1,h2 {  color:#000; padding:0px; margin:0px; }
a { text-decoration:none;  font-weight:bold; color:#90bb2e;}
a:hover { text-decoration:underline; color:#fcf9f9;  }
p { margin: 10px 0 0px 0; padding:0px; }
#ocisti { clear:both; clear:left; margin:0px; padding:0px; height:0px; line-height:0px; }

/* INDEX -------------------------------------------------------------------------------------------------*/

#container{ margin:0px auto; width:900px; position:relative; z-index:1; background:transparent url("../webgrafika/logo.jpg") no-repeat left top; }

#header_vrh {position:relative; z-index:2; width:900px; height:100px;  }
#header_menu {position:absolute; z-index:3; top:0px; right:0px; margin:0px; padding:0px 0 0px 20px; 
		list-style-type:none; float: left; line-height:100%; height:60px;
		background:#131313 url("../webgrafika/header_menu.jpg") no-repeat left top; }
#header_menu li {margin:0px; padding:20px 0 0 0;  float:left; border-left:0px solid #9d9ea0; }
#header_menu li.zadnji {background:#131313 url("../webgrafika/header_menu1.jpg") no-repeat left top; width:20px; height:40px; }

#header_menu li a {padding: 0px 20px 0 20px; color:#9d9ea0; font-size:14px; font-weight:bold;}
#header_menu li a:hover, #menu1 li a.current { text-decoration:underline; color:#ffffff;}

#header {position:relative; z-index:2; width:900px; height:292px; margin:0px; padding:0px; background:transparent url("../webgrafika/header.jpg") no-repeat 0px 65px;   }
.header_slideshow { z-index:4; margin-left:433px; padding:0px; 
		list-style-type:none; height:292px; overflow:hidden; display:block;   }

#content {position:relative; z-index:2; width:900px; clear:both;  }

#ovdje { width:820px; position:relative; z-index:2; background-color:#e1e1e2; font-size:11px; 
		color:#9d9ea0; padding:5px 60px 5px 70px;}
#ovdje a {font-weight:normal; text-size:11px; color:#767677;}



#footer {position:relative; z-index:2; clear:both; border-top: 1px dotted #9b9999; width:100%; margin-top:30px; padding-top:30px;}

#footer_gore { background:transparent url(../webgrafika/footer_gore.jpg); 
			width:900px; height:15px; }
#footer_sredina { width:900px; padding:0px; margin:0px; background-color:#131313; position:relative; z-index:3; }
#footer_dolje { background:transparent url(../webgrafika/footer_dolje.jpg); 
			width:900px; height:15px; margin-bottom:20px; }
			
#footer_item {float:left; width:200px; margin-left:20px; }
#footer_menu {position:relative; z-index:4; width:200px; margin:0px; padding:0px; list-style-type:none; line-height:130%; }
#footer_menu li {margin:0px; padding:0px; line-height:180%; font-size:15px; color:#90bb2e;  }
#footer_menu li h1 {margin:0px; padding:0px; line-height:180%; font-size:20px; color:#90bb2e; font-weight:bold;  }
#footer_menu li a {padding:0px; margin:0px; color:#90bb2e;  font-size:13px; font-weight:bolder;   }
#footer_menu li a:hover  {text-decoration:underline; }

#footer_menu li.naslov1 { background:transparent url(../webgrafika/footer_ikona1.jpg) no-repeat left 3px;
			font-size:30px; color:#fff; padding-left:33px; clear:both; line-height:130%; padding-bottom:5px;   }
#footer_menu li.naslov2 { background:transparent url(../webgrafika/footer_ikona2.jpg) no-repeat left 3px;
			font-size:30px; color:#fff; padding-left:33px; clear:both; line-height:130%; padding-bottom:5px;   }
#footer_menu li.naslov3 { background:transparent url(../webgrafika/footer_ikona3.jpg) no-repeat left 3px;
			font-size:30px; color:#fff; padding-left:33px; clear:both; line-height:130%; padding-bottom:5px;   }
#footer_menu li.naslov4 { background:transparent url(../webgrafika/footer_ikona4.jpg) no-repeat left 3px;
			font-size:30px; color:#fff; padding-left:33px; clear:both; line-height:130%; padding-bottom:5px;  }



/* NASLOVNICA -------------------------------------------------------------------------------------------------*/
#nas_okvir { border-top: 1px dotted #9b9999; width:100%; margin-top:30px; padding-top:30px;}
#nas_k1_okvir { float: left; width: 100%; }
#nas_k1_glavna { margin-left: 280px; margin-right:18px; margin-bottom:15px; /*L*/ padding:20px 0px 5px 0px; }
#nas_k1_lijevo { float: left; width: 210px; padding: 20px 45px 15px 25px; margin-left: -800px;/*-K*/ }




/* TEXT -------------------------------------------------------------------------------------------------*/
#text_okvir {}

#text_k1_okvir { float: left; width: 100%; }
#text_k1_glavna { margin-left: 650px; /*L*/ padding:0px 0px 0px 0px; }
#text_k1_lijevo { float: left; width: 620px; padding: 0px 0px 0px 0px; margin-left: -900px;/*-K*/ }

#text_opis {margin-top:15px;  font-size:16px;  font-weight:bold; }
#text_naziv { background:transparent url(../webgrafika/text_naziv.jpg) no-repeat left 3px;
			font-size:30px; color:#faf7f7; padding-left:45px; clear:both; line-height:130%; }
#text_podnaslov {margin-top:3px;  font-weight:normal; font-size:18px; color:#7d7d7d; line-height:130%;}
#text_podnaslov a {font-weight:normal;  }

#text_glavnaslika {margin:0px 0 15px 0; padding:0px; }
#text_slika { text-align:center;  margin-top:20px;}
#text_slika img {border:1px solid #d4d4d4; clear:both;  }
#text_datum {margin-top:10px; text-size:12px; font-style:italic; }
#text_uvod {margin-top:20px; text-align:justify; font-weight:normal; }
#text_uvod b { font-weight:bolder; }
#text_text {margin-top:15px; text-align:justify;  }
#text_text table { 	border-bottom:1px dotted #8fba2b; border-left:1px dotted #8fba2b;  }
#text_text table td { border-top:1px dotted #8fba2b; border-right:1px dotted #8fba2b; padding:3px; }
#text_prilog {margin-top: 15px; margin-left:20px; cursor:pointer; padding-left:65px; display:block; height:40px;  padding-top:20px; background:transparent url("../webgrafika/textprilog.jpg") no-repeat 0px 0px;}
#text_prilog a {color:#666666; font-weight:bold; font-size:13px; }
#text_prilog:hover {background:transparent url("../webgrafika/textpriloga.jpg") no-repeat 0px 0px;}
#text_obavijest { margin:20px 30px; font-size:15px; font-weight:bold; }
#text_video {width:500px; text-align:center; margin-top:15px;}

#text_maliokvir_naziv {color:#00318a; font-size:21px;}
#text_maliokvir_gore { background:transparent url(../webgrafika/text_maliokvir_gore.jpg); 
			width:250px; height:20px; margin-top:10px;}
#text_maliokvir_sredina { width:250px; padding:0px; border-left:0px solid #e9e9e9; border-right:0px solid #e9e9e9; background:transparent url(../webgrafika/text_maliokvir_sredina.jpg) repeat-y left top; }
#text_maliokvir_dolje { background:transparent url(../webgrafika/text_maliokvir_dolje.jpg); 
			width:250px; height:20px; margin-bottom:10px; }


#text_menu {position:relative; z-index:4; margin:0px; padding-left:20px;  
		list-style-type:none; line-height:150%; }
#text_menu li {margin:0px; padding:0px; padding: 4px 0px 4px 0px;  }
#text_menu li a {padding: 0px 0px 0px 0px; color:#393838;  font-size:18px; font-weight:normal;  }
#text_menu li a:hover, #text_menu li a.current  {text-decoration:underline; }

#text_menu ul {position:relative; overflow:hidden; margin: 2px 0 2px 20px; padding:0; list-style-type:none; line-height:130%; }
#text_menu ul li {margin:0;  padding: 3px 0px 3px 0px;  }
#text_menu ul li a { padding:0;  color:#587c04; font-size:14px;  font-style:italic; font-weight:bold; }
#text_menu ul li a:hover, #text_menu ul li a.current {text-decoration:underline; }




#text_galerija { margin:10px 0 0 32px; width:441px; position:relative; overflow:hidden; }
#text_galerija ul { position: relative; width:441px; height:115px; padding: 0px; margin:0px 0 0 0px; list-style-type:none; }
#text_galerija ul li { float:left; margin:0px 5px 0px 0px; padding:0px; width:142px; height:115px; }
#text_galerija ul li img { margin:0; padding:0; border:0px solid #fff; }
#text_galerija ul li a { margin:0px; padding:0px; }
#text_galerija_naziv {margin-top:10px; margin-left:30px; font-size:19px; font-weight:normal; color:#b0b2b5; }

#text_galerija_okvir {
	margin-top:15px; margin-left:0px; border:1px solid #d4d4d4; position:relative; z-index:4;
	width:500px; height:165px;
}
#text_galerija_gumb1 { background:transparent url(../webgrafika/text_galerija_gumb1.jpg) no-repeat left bottom;
		position:absolute; left:-20px; top:75px; z-index:7; width:40px; height:40px; cursor:pointer; }
#text_galerija_gumb2 { background:transparent url(../webgrafika/text_galerija_gumb2.jpg) no-repeat left bottom;
		position:absolute; right:-20px; top:75px; z-index:7; width:40px; height:40px; cursor:pointer; }
#text_galerija_gumb1 a, #text_galerija_gumb2 a {display:block; width:40px; height:40px; cursor:pointer; }
#text_galerija_gumb1 a:hover {background:transparent url(../webgrafika/text_galerija_gumb1a.jpg) no-repeat left bottom;}
#text_galerija_gumb2 a:hover {background:transparent url(../webgrafika/text_galerija_gumb2a.jpg) no-repeat left bottom;}


#text_menu2 {position:relative;  margin:15px 0 0 0; padding:0px; list-style-type:none; display:block; line-height:120%; padding-left:0px;}
#text_menu2 li {margin:0px; text-align:left; color:#666666; padding:4px 0 4px 0px; display:block;  border-bottom:0px solid #cccccc; font-size:13px; }
#text_menu2 li a {padding: 0px 0px 0px 0px; color:#666666; font-weight:normal; font-size:13px;}
#text_menu2 li a:hover {color:#00318a; text-decoration:none; font-weight:normal; font-size:13px;  }
#text_menu2 li a.current {color:#00318a; font-weight:normal; text-decoration:none; font-size:13px;}

#text_djeca { width:100%;  padding: 0px; margin:5px 0 0px 0px; list-style-type:none; clear:both; }
#text_djeca li { margin:0px 0px 0px 0px; padding:15px 0 15px 0; color:#666666; border-bottom:0px dotted #d4d4d4;  }
#text_djeca li img { padding:0; border:1px solid #d4d4d4; float:left; margin:0px 10px 5px 0px; }
#text_djeca li h1 a { margin:0px; padding:0px; color:#666666; font-weight:bold; font-size:17px; line-height:130%; }
#text_djeca li a { margin:0px; padding:0px; color:#666666; font-weight:bold; font-size:13px; }

#text_djeca2 { width:576px; border:2px dotted #8fba2b;  padding: 10px 20px; margin:15px 0 0px 0px;
		list-style-type:none; clear:both; }
#text_djeca2 li { margin:0px 0px 0px 0px; padding:10px 0 10px 0; }
#text_djeca2 li h1 a { margin:0px; padding:0px; font-size:15px; line-height:130%; }



/* NASLOVNICA -------------------------------------------------------------------------------------------------*/

#naslovnica_slike { margin:10px 0px;}
#naslovnica_slike img {float:left; padding:10px 10px;}


/* AKTUALNO --------------------------------------------------------------------------------------*/

#akt_tracker_gumbovi {clear:both; width:520px; height:40px; position:relative; z-index:5; margin:20px 0px 5px 0px; padding-bottom:0px; }
#akt_tracker_gumb1 { background:transparent url(../webgrafika/text_galerija_gumb1.jpg) no-repeat left bottom;
		position:absolute; left:180px; top:0px; z-index:7; width:40px; height:40px; cursor:pointer; }
#akt_tracker_gumb2 { background:transparent url(../webgrafika/text_galerija_gumb2.jpg) no-repeat left bottom;
		position:absolute; right:180px; top:0px; z-index:7; width:40px; height:40px; cursor:pointer; }
#akt_tracker_gumb1 a, #akt_tracker_gumb2 a {display:block; width:40px; z-index:8; height:40px; cursor:pointer; }
#akt_tracker_opis { position:absolute; left:220px; right:220px; text-align:center; top:12px; z-index:6; color:#666666; font-size:20px; font-weight:bold; }
#akt_tracker_gumb1 a:hover {background:transparent url(../webgrafika/text_galerija_gumb1a.jpg) no-repeat left bottom;}
#akt_tracker_gumb2 a:hover {background:transparent url(../webgrafika/text_galerija_gumb2a.jpg) no-repeat left bottom;}


/* PRETRAGA, KONTAKT, MAPA WEBA ******************************************************/

#pret_forma {margin-top:10px; position:relative; width:230px; height:55px;}
#pret_forma input {border:1px solid #d4d4d4; font-size:15px;  position:absolute; top:10px; left:10px; width:170px; height:28px; padding-top:9px; }
#pret_forma a {position:absolute; top:10px; left:190px; height:40px; width:40px; cursor:pointer;
			background:transparent url(../webgrafika/text_galerija_gumb2.jpg) no-repeat left top; }
#pret_forma a:hover {background:transparent url(../webgrafika/text_galerija_gumb2a.jpg) no-repeat left top; }

#pret_rezultati_text {color:#666666; font-size:15px; }
#pret_rezultati_opis {margin-top:10px; margin-bottom:10px;}
#pret_rezultati ul { }
#pret_rezultati ul li {padding-top:5px}
#pret_rezultati ul li a {font-weight:normal;}
#pret_rezultati ul li a:hover {text-decoration:underline;}

#kontakt_forma {margin:20px 0px; background-color:transparent; }
#kontakt_forma input, #text_kontaktforma textarea {  background-color:#1e1e1e; border:2px dotted #8fba2b; width:450px; font-size:15px; color:#8fba2b; font-weight:bold; }
#kontakt_forma textarea {float:left; height:80px;  width:450px; background-color:#1e1e1e;  border:2px dotted #8fba2b; color:#8fba2b; font-size:15px; font-weight:bold; }
#kontakt_forma .submit_button  { border:2 px solid #8fba2b; background-color:#1e1e1e; font-style:normal; cursor:pointer; width:100px; color:#fff; text-size:12px; padding:3px 7px;}
#kontakt_forma .uspjeh {font-weight:bold; text-align:center; padding:5px 0 5px 5px; font-size:17px; color:#8fba2b;}

#kontakt_forma table {width:100%px; border-width:0px;}
#kontakt_forma table tr td {padding:5px 5px; }
#kontakt_forma .liva {width:150px; text-align:right; font-size:14px; color:#fff; font-weight:bold; }
#kontakt_forma table tr td h1 {padding:5px 5px;  font-size:15px; font-weight:bold; }

#kontakt_forma .disna {width:450px; }
#kontakt_forma .disna h1 { color:#fff; font-size:17px;}

#kontakt_forma2 {margin:20px 0px; }
#kontakt_forma2 input, #text_kontaktforma textarea { float:left; font-style:italic; border:1px solid #b6b6b6; width:300px; font-size:16px; color:#00318a; font-weight:bold; }
#kontakt_forma2 textarea { height:80px;  width:300px; font-style:italic; border:1px solid #b6b6b6; color:#00318a; font-size:16px; font-weight:bold; }
#kontakt_forma2 .submit_button  { border:1px solid #b6b6b6; font-style:normal; cursor:pointer; margin-left:210px; width:100px; background-color:#efefef; color:#666666; text-size:12px; padding:3px 7px;}
#kontakt_forma2 .uspjeh {font-weight:bold; text-align:center; padding:5px 0 5px 5px; font-size:16px; color:#00318a;}

#kontakt_forma2 table {width:520px; margin:10px 0px; background-color:#efefef; border-top:1px solid #b6b6b6; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
#kontakt_forma2 table tr td {padding:8px 5px; }
#kontakt_forma2 table tr td h1 {padding:5px 5px; color:#ed1c24; font-size:17px; font-weight:bold; }
#kontakt_forma2 .liva {width:200px; text-align:right; font-size:14px; color:#666666; font-weight:bold; }
#kontakt_forma2 .disna {width:320px;}



/* LIGHTBOX***************************************************************/

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0;left: 0;	width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;
			line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; 	clear: left; 	padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; 	float: right;	padding-bottom: 0.7em;	}