/* DEFAULT SETINGS */
*{
margin:0px;
padding:0px;
color:#FFFFFF; 
outline:none;
}

html{
background: url("images/background.jpg") ;
background-color:#171717; 


font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

body {


}

/* LINKS */
a,a:link,a:link,a:link,a:hover {cursor:pointer; text-decoration:none;} 
a:link {color:#FFF; } 
a:visited {color:#FFF;} 
a:hover,a:active {color:#CCC;} 


/* TYPOGRAPHY */
p, ul, ol, li {line-height:1.6; color:#EFEFEF; }
p{margin:10px 0 10px 0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:10px 0px 10px 0px;}
h1 {font-size: 220%}
h2 {font-size: 1.8em;}
h3 {font-size: 1.3em;}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

h2.blue{
color:#3abfec;
}


/* LAYOUT - main body of page */
#wrap {
width:975px;
margin: 0 auto;
position:relative; 
overflow:hidden;
background: transparent url("images/background_con.png") 0 0 no-repeat;
} 

#content-wrap {
width:975px;
position:relative;
overflow:hidden;
min-height:600px;

padding: 20px 0px 0px 0px;
background: transparent url("images/contentR.png") repeat-y;
}

#utility { margin:0px 0 0 10px; width:230px; float:left;   }
#content {margin: 0px; width:660px; float:left; padding:0px 0px 30px 20px;  }
#content-tumb{margin: 0px; width:700px; float:left; padding:0px 0px 0px 20px;  }
#content-empty {margin: 0px; float:left; padding:0px 75px 0px 50px;  }
#content p, #content-detail p{ margin:10px 0 10px 0;}
#content ul , #content-empty ul{padding-left:45px;}
#contentHeader{ position:relative; }

#contentHeader h1{ position:absolute; top:25px; left:25px; font-size:34px; font-weight:normal;  }


/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


/* LAYOUT - HEADER */
#header {min-height:155px; height:155px; position:relative; }
#headerImg { margin: 0px; padding: 0px; height:69px; width:220px; position:absolute; top:75px; left:0px;}
#headernav {padding: 0; margin: 0; list-style: none;  height:68px; width:744px; position:absolute; top:73px; left:232px;  }


	/* NAV - top horizontal nav */
	
	#header ul.menu {
list-style-type:none;
padding:10px 0 0 25px;
}

#header ul.menu li {
text-indent:-6000px;
float:left;

}

#header ul.menu li a {
 display:block;
 height:68px;
  
}

#header ul.menu li.home a, #header ul.menu li.home a span{
background:url(images/pocetna.png) repeat 0 0 ;
width:143px;
}

#header ul.menu li.ponuda a, #header ul.menu li.ponuda a span{
background:url(images/ponuda.png) repeat 0 0;
width:139px;
}

#header ul.menu li.o-nama a, #header ul.menu li.o-nama a span{
background:url(images/onama.png) repeat 0 0;
width:139px;
}

#header ul.menu li.kontakt a, #header ul.menu li.kontakt a span{
background:url(images/kontakt.png) repeat 0 0;
width:139px;
}

#header ul.menu li.galerija a, #header ul.menu li.galerija a span{
background:url(images/galerija.png) repeat 0 0;
width:148px;
}



#header ul.menu li.active a {

}



#header ul.menu li a span.onOver{
display:none;
height:68px;
background-position:bottom;

}
 
/* SECONDARY NAVIGATION - vertical navigation */
	
	
	
	#nav-secondary li ul {   }
	#nav-secondary li {list-style: none;  width:230px;  }
	#nav-secondary ul li{/*padding: 5px 0px 5px 15px;*/}
	#nav-secondary {}
	#nav-secondary a { display:block; padding:7px 0px 0px 35px; height:29px; background:url("images/nav_item2.png") no-repeat;}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer; } 
	#nav-secondary a:link {color:#FFF} 
	#nav-secondary a:visited {color:#FFF} 
	#nav-secondary a:hover {color:#CCC;} 
	
	
	
	#nav-secondary li.active ul a{
	padding-left:50px;
	background:none;
	background:url("images/nav_item3.png") no-repeat;
	}
	
	#nav-secondary li.active li.active ul  a{
	padding-left:45px;
	color:#E5E5E5;
	
	}
	
	
	#nav-secondary a.active{
		color:#FFFFFF;
		background:url("images/nav_item.png") no-repeat;
		
	}
	
	#nav-secondary a.SubActive{
		color:#00CCFF;
		font-weight:bold;
		border:none;
		
	}
	
	
	
	
.menuNaslov{
	line-height:1.6em;
	margin:0px 0px 10px 35px;
}
	

/* LAYOUT - FOOTER */
#footer {height:278px; width:975px; background:url("images/footer.png") no-repeat left top; margin-top:10px; float:left; padding:35px 0 0 50px; }
#footer p{color:#999999; font-size:12px;}

#flash{
height:314px;


outline:none;
}




.boxText{
width:250px;
float:left;
margin-right:50px;



}

#column-middle{
margin-top:10px;
padding: 25px 0px 0px 50px;
background:url("images/flash.png") no-repeat left top;
height:290px;
}



#utility .boxTop{
background:url("images/nav_top.png") no-repeat;
display:block;
height:13px;
}

#utility .boxRepeat{
background:url("images/nav_rep.png");
background-repeat:repeat-y;
}

#utility .boxBottom{
background:url("images/nav_bottom.png") no-repeat;
display:block;
height:61px;
}

#standard_table{width:100%; padding-bottom:20px;}
#standard_table th
{
	font-size: 12px;
	padding: 10px 8px;
	border-bottom: 2px solid #CCCCCC;
}
#standard_table td
{
	border-bottom: 1px solid  #666666;
	padding: 6px 8px;
	text-align:left;
}
#standard_table tbody tr:hover td
{
	background-color:#EEEEEE;
}

#standard_table thead{
color:#333333;
text-align:left;
font-weight:bold;
background-color:#EEEEEE;

}

#slike .slika{
background-color:#006633;

width:150px;
height:118px;
float:left;
position:relative;
background:transparent url("images/slike_bck.png") no-repeat scroll 0 100%; 
}

#slike .slika img{
position:absolute;
top:7px;
left:10px;
}

#tumb{
position:relative;
float:left;
width:175px;
height:133px;
background:transparent url("images/tumb_back.png") no-repeat scroll 0 100%; 
}

#tumb p{
position:absolute;
top:100px;
left:20px;
color:#FFFFFF;
font-weight:bold;
margin:0px;
}

#tumb img{
position:absolute;
top:12px;
left:12px;
}


#promo{
padding:0px 0px 25px 15px;
}

#park-tumb{
background:transparent url("images/park-tumb.png") no-repeat 0 100%; 
width:350px;
height:233px;
float:left;
position:relative;
}

#park-tumb a{
position:absolute;
top:160px;
left:20px;
font-size:16px;
}

#park-tumb a.imgUp{
top:21px;
left:11px;
opacity:0.8;
}

#park-tumb a.imgUp:hover{
opacity:1;
}

#park-tumb .kat{
position:absolute;
top:179px;
left:20px;
font-size:12px;
color:#00c0ff;
}






#smallPic{
padding-top:5px;
width:250px; overflow:hidden;
}

#smallImg{
border:solid 1px #666; 
width:41px;
height:41px;
float:left;
margin:1px;
cursor:pointer;
}

#smallImg img{
width:41px;
height:41px;


}

#bigImg{
width:230px; height:260px;   background:transparent url("images/layoutIndexv2.png") no-repeat 0 100%; 

}

#bigImg img{
border:solid 1px #313131; 
margin:0px;
width:216px;
height:216px;
}


/*ITEM DETAIL CSS*/

#content-detail {margin:0px 0px 0px 9px; width:100%; overflow:hidden;  }

.item-naslov{

font-size:300%;
margin:0px 0px 0px 0px;
}

.item-podnaslov{
color:#00C0FF;
margin:5px 0px 0px 0px;
}

.butback{
width:74px;
height:53px;
background:transparent url("images/butback.png") no-repeat 0 100%
}

#detail-menu{
padding:0px;
list-style-type:none;
margin:0px;
width:210px;
}

#detail-menu li{

margin-left:15px;
}

#detail-menu a{

display:block;
height:25px;
border-bottom: solid 1px #4F4F4F;
}

#detail-menu a span{

height:100%;
display:block;
margin-left:4px;
padding:2px 10px 0px 10px;

}

#detail-menu a:hover{
background : transparent url(images/bg-elements.png) no-repeat scroll 0 0;
border:none;
}

#detail-menu a:hover span{
background : transparent url(images/bg-elements.png) no-repeat scroll 100% -40px;
border:none;
}


/* GALERIJA TEMPLATE */

#galerija{
overflow:hidden;
padding-left:35px;
padding-top:20px;
}

#gal-tumb{
background:transparent url("images/gal_tumb.png") no-repeat 0 100%; 
width:286px;
height:210px;
float:left;
position:relative;
margin:0px 22px 0px 0px;
}

#gal-tumb a{
position:absolute;
top:140px;
left:20px;
font-size:16px;
}

#gal-tumb img{
position:absolute;
top:15px;
left:15px;
}

#galSlika{
float:left;
margin:10px;
}

#galSlika img{ border:1px solid #444444; padding:4px; background-color:#333;}

#galSlika img:hover{border:1px solid #595959;}

/* END GALERIJA TEMPLATE */

#but{
background:transparent url("images/online_kontakt.png") no-repeat 0 0; 
display:block;
width:200px;
height:50px;
}

#but:hover{
background:transparent url("images/online_kontakt.png") no-repeat 0 -50px; 
}


/* ONLINE KONTAKT TEMPLATE */


#kontakt li{
list-style:none;
padding-bottom:20px;
}

#kontakt label{
display:block;
}

#kontakt .text-input{
border:1px solid #4F4F4F;
padding:6px;
color:#F9F9F9;
background-color:#494949;
}

#kontakt .text-input:hover{
border:1px solid #7E7E7E;
}

#kontakt .text-input:focus{
border:1px solid #0f8ac5;
background-color:#393939;
}

#kontakt .submit{
width:80px;
height:30px;
background-color:#5C5C5C;
color:#F9F9F9;
border:2px solid #4F4F4F;
cursor:pointer;
}

#kontakt .submit:hover{
background-color:#6C6C6C;
}

/* END ONLINE KONTAKT TEMPLATE */


#pagesGallery{

padding-top:15px;
}

#pagesGallery img{
border:1px solid #444444; padding:4px; background-color:#333;
padding:5px;
margin:5px;
position:relative;
float:left;
}

#pagesGallery img:hover{border:1px solid #595959;}