/* DEFAULT SETINGS */

*{

margin:0px;

padding:0px;

color:#dedede;

outline:none;

}



html{



background-color:#FBFBFB;
font-family:Arial, Helvetica, sans-serif;

font-size:12px;

}



body {


background: url("images/background.jpg") no-repeat top center;
background-color:#2e2e2e;


}



/* LINKS */

a,a:link,a:link,a:link,a:hover {cursor:pointer; text-decoration:none;} 

a:visited, a:link {color:#e9e9e9;} 

a:hover,a:active {color:#dfdfdf;} 





/* TYPOGRAPHY */

p, ul, ol, li {line-height:1.6; color:#bfbfbf; }

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:#8ac33e;

}





/* LAYOUT - main body of page */

#wrap {

width:975px;

margin: 0 auto;

position:relative; 

overflow:hidden;



} 



#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  0px 0px 0px; width:660px; float:left; padding:0px 0px 0px 30px;  }

#content p, #content-detail p{ margin:10px 0 10px 0;}

#content ul ,#content-detail ul{list-style-position:inside; }

#contentHeader{ position:relative; }

ul{
margin-left:15px;	
}

#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;
margin:0px;
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 span{


display:block;
}


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

 

/* SECONDARY NAVIGATION - vertical navigation */

	

	

	

	#nav-secondary li ul {   }

	#nav-secondary li {list-style: none;  width:220px;  }

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

	#nav-secondary a:visited {color:#bfbfbf;} 

	#nav-secondary a:hover {color:#8ac33e;} 

	

	

	

	#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:#8ac33e;

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

#footer h2{
color:#FFFFFF;
}

#flash{

height:332px;





outline:none;

}









.boxText{

width:250px;

float:left;

margin-right:50px;







}



#column-middle{

margin-top:15px;

padding: 25px 0px 0px 50px;

background:url("images/flash.png") no-repeat left top;

height:260px;

}







#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{ padding-bottom:20px;}

#standard_table th

{

	

	padding: 10px 8px;

	border-bottom: 2px solid #CCCCCC;

}

#standard_table td

{

	border-bottom: 1px solid #555;

	padding: 6px 8px;

	text-align:left;

}

#standard_table tbody tr:hover td

{

	background-color:#666666;

}



#standard_table thead{

color:#222222;

text-align:left;

font-weight:bold;

background-color:#888888;



}


#slike{clear:both; overflow:hidden; margin-top:15px;}
#slike .slika{ float:left; }



#slike .slika img{ background-color:##555555; padding:3px; margin:8px 0px 0px 8px; border:#666666 1px solid; width:115px;}
#slike .slika img:hover{ background-color:#EEEEEE;}



#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:330px;

height:233px;

float:left;

position:relative;



}



#park-tumb a{

position:absolute;

top:160px;

left:20px;

font-size:16px;




}



#park-tumb .kat{

position:absolute;

top:179px;

left:20px;

font-size:12px;

color:#66CC00;

}



#park-tumb img{

margin:21px 6px 7px 11px;

}









#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:900px; float:left;  }



.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{

list-style-type:none;

margin:0px;

}



#detail-menu li{

float:left;

margin-left:15px;

}



#detail-menu a{



display:block;

height:25px;

border-bottom: solid 1px #5C5C5C;

}



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



/* END GALERIJA TEMPLATE */



#but{

background:transparent url("images/online_kontakt.png") no-repeat 0 0; 

display:block;

width:233px;

height:55px;

}



#but:hover{

background:transparent url("images/online_kontakt.png") no-repeat 0 -55px; 

}





/* ONLINE KONTAKT TEMPLATE */



#kontakt ul{ margin:0px;}

#kontakt li{

list-style:none;

padding-bottom:20px;

}



#kontakt label{

display:block;

}



#kontakt .text-input{

border:1px solid #E4E4E4;

padding:6px;

background-color:#F9F9F9;

}



#kontakt .text-input:hover{

border:1px solid #7E7E7E;

}



#kontakt .text-input:focus{

border:1px solid #8ac33e;

background-color:#E9E9E9;

}



#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 */


/* TABS */




#tabs{
	margin:0px 0px 25px 0px;
}

#tabs a{
padding:4px 0px 10px 0px;


}

#tabs a span{
	


margin-left:4px;
padding:4px 10px 10px 4px;	
}

#tabs li{ list-style:none; list-style-type:none; display:inline; padding:0px 10px 0px 0px;   }

#tabs a:hover{
background : transparent url(images/bg-elements.png) no-repeat scroll 0 0;

}

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

}

#tabs a.selected{
background : transparent url(images/bg-elements.png) no-repeat scroll 0 0;

}

#tabs a.selected span{
background : transparent url(images/bg-elements.png) no-repeat scroll 100% -40px;

}