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

*/
body { margin:0px; padding:0px; font-size:13px; font-family:Arial, Helvetica; line-height: 130%; 
	color:#666666; text-align:left; background:#d1cece; }
img { border: 0px; }
h1,h2 {  color:#000; padding:0px; margin:0px; }
a { text-decoration:none; color:#000; font-weight:bold; }
a:hover { text-decoration:underline; }
p { margin: 7px 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:950px; position:relative; z-index:1; }

#header_vrh {position:relative; z-index:2; width:950px; height:50px; background:transparent; }
#header_menu {position:absolute; z-index:4; top:15px; right:20px; margin:0px; padding:0px; 
		list-style-type:none; float: left; line-height:100%; height:20px; }
#header_menu li {margin:0px; padding:0px;  float:left; border-left:1px solid #9d9ea0; }
#header_menu li a {padding: 0px 10px 0 10px; color:#9d9ea0; font-size:13px; font-weight:normal;}
#header_menu li a:hover, #menu1 li a.current { text-decoration:underline; color:#00318a;}

#header {position:relative; z-index:2; width:950px; height:128px; background:#fff url("../webgrafika/baner.jpg") no-repeat left top; }
#header_naslovnica a{ position:absolute; width:400px; height:120px; left:5px; top:5px; cursor:pointer;  }
#header_dolazak { position:absolute; height:120px; right:110px; top:93px; cursor:pointer;  }
#header_dolazak a { color:#88898a; font-size:14px; }


#menu1 {position:relative; z-index:2; margin:0; padding-top:20px; width:930px; height:40px; border-top:0px solid #fff; 
		list-style-type:none;  float: left; line-height:230%; padding-left:20px;
		background:#fff url("../webgrafika/menu1_crta.jpg") repeat-x left top;}
#menu1 li {margin:0px; padding:0px;  float:left;    }
#menu1 li a {padding: 10px 11px 0 11px;  color:#fff; text-transform:uppercase; font-size:15px; }
#menu1 li a:hover, #menu1 li a.current { text-decoration:underline; color:#fff; }

#content {position:relative; z-index:2; width:830px; clear:both; background:#fff; padding:20px 60px 20px 60px;  }

#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; line-height:140%; clear:both; width:950px;  background:#9d9ea0 url("../webgrafika/footer.jpg") no-repeat left bottom;}
#footer_text {padding:20px 300px 30px 70px; color:#fff; text-size:12px; }
#footer_text a {text_size:12px; color:#fff; text-decoration:normal; font-weight:bold; font-weight:normal; }
#footer_text a:hover {text-decoration:underline; }
#footer_text p {margin-top:0; margin-bottom:0px; padding:0px; }




/* NASLOVNICA -------------------------------------------------------------------------------------------------*/
#nas_okvir {}
#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*/ }

.nas_slideshow {height:240px; overflow:hidden; position:relative; z-index:3; margin-bottom:15px;}



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

#text_k1_okvir { float: left; width: 100%; }
#text_k1_glavna { margin-left: 550px; /*L*/ padding:0px 0px 0px 0px; }
#text_k1_lijevo { float: left; width: 520px; padding: 0px 0px 0px 10px; margin-left: -830px;/*-K*/ }

#text_opis {margin-top:15px; color:#00318a; font-size:16px;  font-weight:bold; }
#text_naziv {color:#00318a; margin-top:10px; font-size:24px; font-weight:normal; clear:both; line-height:130%; }
#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:13px; text-align:justify;}
#text_uvod b {color:#7E4D27; font-weight:normal; }
#text_podnaslov {margin-top:10px; color:#7E4D27; font-weight:bold; font-size:12px;}
#text_text {margin-top:10px; text-align:justify;  }
#text_text table { 	border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
#text_text table td { border-top:1px solid #d4d4d4; 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:280px; height:20px; margin-top:10px;}
#text_maliokvir_sredina { width:236px; padding:10px 20px 20px 20px; border-left:2px solid #e9e9e9; border-right:2px solid #e9e9e9;  }
#text_maliokvir_dolje { background:transparent url(../webgrafika/text_maliokvir_dolje.jpg); 
			width:280px; height:20px; margin-bottom:10px; }


#text_menu {position:relative; z-index:4; margin:10px 10px 0 10px; padding:0px;  
		list-style-type:none; line-height:150%; }
#text_menu li {margin:0px; padding:0px; padding: 5px 0px 5px 0px;  }
#text_menu li a {padding: 0px 0px 0px 0px; color:#00318a;  font-size:17px; font-weight:normal; font-weight:bold; }
#text_menu li a:hover, #text_menu li a.current  {text-decoration:none; font-weight:bold; color:#666666; }

#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:#666666; font-size:14px; font-weight:normal; }
#text_menu ul li a:hover, #text_menu ul li a.current {text-decoration:underline; color:#00318a; font-weight:normal; }




#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:520px;  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:478px; border-top:1px solid #b6b6b6;  padding: 10px 20px; margin:15px 0 0px 0px;
		border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;
		list-style-type:none; clear:both; background-color:#efefef; }
#text_djeca2 li { margin:0px 0px 0px 0px; padding:10px 0 10px 0; color:#666666; border-bottom:0px dotted #d4d4d4; text-size:13px;  }
#text_djeca2 li h1 a { margin:0px; padding:0px; color:#666666; font-weight:bold; font-size:15px; line-height:130%; }



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

#nas_zadnjevijesti {position:relative; z-index:4; margin:5px 0px 0 0px; padding:0px;  
		list-style-type:none; line-height:220%; }
#nas_zadnjevijesti li {margin:0px; padding: 3px 0px 3px 0px; color:#00318a; text-size:13px;  }
#nas_zadnjevijesti li a { color:#666666;   font-weight:normal; font-weight:normal;  }
#nas_zadnjevijesti li a:hover, #nas_zadnjevijesti li a.current  {text-decoration:underline; font-weight:normal; }



/* 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; }
#kontakt_forma input, #text_kontaktforma textarea { font-style:italic; border:1px solid #b6b6b6; width:350px; font-size:16px; color:#00318a; font-weight:bold; }
#kontakt_forma textarea {float:left; height:80px;  width:350px; font-style:italic; border:1px solid #b6b6b6; color:#00318a; font-size:16px; font-weight:bold; }
#kontakt_forma .submit_button  { border:1px solid #b6b6b6; font-style:normal; cursor:pointer; width:100px; background-color:#efefef; color:#666666; text-size:12px; padding:3px 7px;}
#kontakt_forma .uspjeh {font-weight:bold; text-align:center; padding:5px 0 5px 5px; font-size:17px; color:#00318a;}

#kontakt_forma table {width:520px; border-width:0px;}
#kontakt_forma table tr td {padding:5px 5px; }
#kontakt_forma .liva {width:150px; text-align:right; font-size:16px; color:#666666; font-weight:bold; }
#kontakt_forma table tr td h1 {padding:5px 5px; color:#ed1c24; font-size:16px; font-weight:bold; }

#kontakt_forma .disna {width:370px;}

#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;	}