/* barva rdeča: #9f0f0e */

* {
	margin: 0;
	padding: 0;
}

body {

	background: #FFFFFF url(images/bg_zgoraj.jpg) repeat-x left top;
	/*background: #FFFFFF url(images/bg_zgoraj_december.jpg) repeat-x left top;*/
	font:13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #433011;
	/*padding: 0px 0 2 0;*/
}


h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -1px;
}

h2 {
	margin-bottom: .2em;
	font-size: 126%;
	font-weight: normal;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

h4 {
	font-size: 80%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size:100%;
}


ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 0em;
}

a {
	text-decoration: none;
	color: #313131;
}

a:hover {
	text-decoration: underline;
	color: #FF6600;
}


/* Menu */

#menu {
	
	width: 940px;
	padding-left: 10px;
	height: 40px;
	margin: 0 auto;
	background-color: #70604a;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 0;
	display: inline;
	background: none;
}

#menu a {
	display: block;
	color:#FAFAFA;
	width: 10%;
	float: left;
	height: 30px;
	padding: 8px 30px 0 0px;
	font-size: 80%;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: underline;
}


/* Logo */

#glava{
	width: 950px;
	height: 146px;
	margin: 0 auto;
	background: transparent ;
	padding-top:0px;
	padding-bottom:0px;
}


/* MENU ZGORAJ, GLAVNI */

#header {
	width: 950px;
	height: 130px;
	margin: 0 auto;
}

#logo_zgoraj {
	float: right;
	height: 60px;
	background: none;
	padding-top:0px;
	margin: 0 auto;
}

#menu_zgoraj {
	float: left;
	background:none;
	padding-top:40px;
	padding-left:0px;
	margin: 0 auto;
}

#menu_zgoraj p {
	background: transparent;
	height: 25px;
	padding: 8px 20px 3px 0px;
	color: #FFF;
	font-size: 12px;
}

#menu_zgoraj a {
	color: #FFF;
}

#menu_zgoraj a:hover {
	color: #999;
	text-decoration: underline;
}

/* Page */

#page {
	width: 950px;
	margin: 0 auto;
	background-image: url(images/oz0adje_main.jpg);
	padding-top:20px;
}

/* Content */

#content {
	float: left;
	width: 700px;
	padding: 0px 0px 30px 0px;
	
}
#content img.floatLeft { 
    float: left; 
    margin: 0px; 
    margin-right: 10px;

}
#content img.floatRight { 
    float: right; 
    margin: 0px; 
    margin-left: 10px;
}

#content img { 
    border: 0px;

}

.floating-box {
	float: left;
	width: 190px;	/*300px*/
	border: 2px #e3e0da solid;
	padding-bottom:0px;
	margin-bottom: 20px; /*20px*/
	margin-right: 43px;
}

.floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;

}

.floating-box p  {
	line-height: 144%;
	font-size: 92%;
	padding-left:0px;/*10px*/
	padding-right:0px;/*10px*/
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	text-align: center;

}

.floating-box img {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background:transparent;
	border:1px solid #FFF;
}

.floating-box h2 {
	line-height: 22px;
	font-weight:bold;
	font-size: 1.1em;
	text-align: center;
	color:#222;
	text-decoration: none;
	background:#e3e0da;
	margin: 10px 0px 10px 0px;
	padding: 1px 5px 1px 10px;
}


/*OKVIR NASLOVNA*/


/*
.okvir_naslovna {
	float: left;
	width: 320px;
	margin-bottom: 20px;
	border: 2px #e3e0da solid;
	background:#FFF url(images/oz_okvir_naslovna.jpg) no-repeat bottom center;
	
}
.okvir_naslovna blockquote, .okvir_naslovna ol, .okvir_naslovna ul {
	line-height: 144%;
	font-size: 92%;
	padding-left:10px;
	padding-right:10px;

}

.okvir_naslovna p  {
	line-height: 144%;
	font-size: 95%;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	text-align:left;
	padding-bottom: 0px;

}

.okvir_naslovna img {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background:transparent;
	border:0px;
}

.okvir_naslovna h2 {
	line-height: 22px;
	font-weight:bold;
	font-size: 1.1em;
	color:#222;
	text-decoration: none;
	background:none;
	margin: 5px 0px 5px 0px;
	padding: 1px 10px 1px 10px;
	
}



*/


.okvir_naslovna {
	float: left;
	width: 320px;	/*300px*/
	height:200px;
	border: 2px #e3e0da solid;
	padding-bottom:0px;
	margin-bottom: 30px; /*20px*/
	margin-right: 43px;
}

.okvir_naslovna blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;

}

.okvir_naslovna p  {
	line-height: 144%;
	font-size: 92%;
	padding-left:3px;/*10px*/
	padding-right:3px;/*10px*/
	text-align: left;

}

.okvir_naslovna img {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background:transparent;
	border:1px solid #000;
}

.okvir_naslovna h2 {
	line-height: 22px;
	font-weight:bold;
	font-size: 1.1em;
	text-align: center;
	color:#222;
	text-decoration: none;
	background:#e3e0da;
	margin: 10px 0px 10px 0px;
	padding: 1px 5px 1px 10px;
}

/*okvir naslovna velik*/

.okvir_naslovna_velik {
	float: left;
	width: 690px;
	margin-bottom: 40px;
	padding-bottom: 0px;
	border: 2px #e3e0da solid;
}


.okvir_naslovna_velik blockquote, .okvir_naslovna_velik ol, .okvir_naslovna_velik ul {
	line-height: 144%;
	font-size: 92%;
	padding-left:10px;
	padding-right:10px;

}

.okvir_naslovna_velik p  {
	line-height: 144%;
	font-size: 110%;
	padding:10px;
    padding-bottom:0px;
    margin-bottom:0px;
    padding-right: 15px;
}

.okvir_naslovna_velik img {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background:transparent;
	border:0px;
}

.okvir_naslovna_velik h2 {
	line-height: 22px;
	font-weight:bold;
	font-size: 1.1em;
	color:#222;
	text-decoration: none;
	background:#e3e0da;
	margin: 10px 0px 10px 0px;
	padding: 1px 10px 1px 10px;
	
}

/* Sidebar */

#sidebar {
	float: right;
	width: 230px;
	color:#FAFAFA;
	background: transparent;
}


#skupki h2 {
	line-height: 25px;
	font-size: 1.1em;
	color: #222;
	text-decoration: none;
	font-weight:bold;
	background: none;
	margin: 5px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px #ccc dotted;
}

#skupki {
	border: 2px #e3e0da solid;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	background:#edecea url(images/oz_skupki.jpg) no-repeat bottom center;
}

#skupki p {
	color:#222;
	line-height: 144%;
	font-size: 85%;
	padding: 0px 10px 5px 10px;
	margin: 0px;
	text-align:left;
}

#skupki img {
	/*float: center;*/
	border: 1px #fafafa solid
}

#links {
}

#links ul {
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#links li {
	padding: 0px 0;
	margin-bottom:2px;
	color: #222;
}

#links a {
	color: #222;
	
}

#links a:hover {
	text-decoration: underline;
	color: #555;
}

/* Navigation */

#navigation {
	width: 950px;
	margin: 0 auto;
	height: 30px;
	color: #9f0f0f;
	background-color: transparent;
}

#navigation .links {
	background:transparent;
	padding: 5px 0px 0px 0px;
	color:#9f0f0f;
	padding-left: 0px;
}

#navigation .links a:hover {
	color: #000;
	text-decoration: underline;
}

#navigation .links a {
	color: #000;
	text-decoration: none;
	font-size:small;
}



/*
#navigation {
	width: 950px;
	margin: 0 auto;
	height: 30px;
	color: #FFF;
	background-color: #9f0f0f;
}

#navigation .links {
	background:transparent;
	padding: 5px 0px 0px 0px;
	color:#FFF;
	padding-left: 10px;
}

#navigation .links a:hover {
	color: #FAFAFA;
	text-decoration: underline;
}

#navigation .links a {
	color: #FAFAFA;
	text-decoration: none;
	font-size:small;
}
*/


/*SLIDESHOW PRVA STRAN**************************************************************************************************************************/


#rotator
{
	border: 0;
	cursor: pointer;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 0px;
	position: relative;
	width: 664px;
	height: 200px;
}

#rotator img
{
	border: 0;
	cursor: pointer;
	width: 664px;
	height: 200px;
}


/*GALERIJA*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	





/*ZA FADE IN SLIKE*/	
	/*
#gallery {
	 MARGIN: 0px; WIDTH: 950px; PADDING: 0px; POSITION: relative; HEIGHT: 200px;
}
#gallery LI {
	DISPLAY: block
}


*/



/*meni*/
.Group {
	display: block;
	height: 32px;
	width: 199px;
	background-image: url(images/Button_Group.jpg);
	line-height: 27px;
	padding-left: 27px;
	color: #FFFFFF;
	text-decoration: none;
}
.Group:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.Option {
	display: block;
	height: 22px;
	width: 226;
	background-image: url(images/Button_Option.jpg);
	line-height: 21px;
	padding-left: 27px;
	color: #FFFFFF;
	text-decoration: none;
}
.Option:hover {
	color: red;
	text-decoration: underline;
}
.show {
	display:inline;
}
.hide {
	display:none;
}

/*galerija prva stran*/