/* global */
body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, ul, li, p, li a { margin: 0; padding: 0; font-family: "Courier New", Courier, monospace; }
div, p, a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.2;}
a { text-decoration: none; outline: none; }
a, a:visited, a:hover, a:active { color: #DB7929; }
a img { border: 0; }
/* header */
#header_wrapper { background-color: #000; }
#header { position: relative; width: 950px; padding: 0 50px; margin: 0 auto; height: 120px; background: url(images/bg-header.gif) no-repeat bottom right; z-index: 4;}
#header h1, #header h2 { color: #e9a468;   }
#header h1 { font-size: 46px; }
#header h2 { font-size: 17px; position: relative; top: -12px; left: 225px; }
#header #flags { position: absolute; top: 14px; right: 50px; }
#header #flags li { display: inline; margin-left: 3px; }
#header #flags img { width: 25px; height: 17px;  }
#header #main_menu  { position: absolute; bottom: 14px; right: 50px; }
#header #main_menu a { color: #dc7800; font-size: 22px; font-weight: bold;  }
#header #main_menu a.active { color: #fff; }
/* dropdown */
ul#main_menu, ul#main_menu ul { padding: 0; margin: 0; list-style: none; }
ul#main_menu li { float: left; position: relative; padding-left: 40px;  }
ul#main_menu li ul { display: none; position: absolute;  padding-top: 18px; top: 21px; left: 0; z-index: 5; }
ul#main_menu li ul li { width: 400px; clear: both; }
ul#main_menu li:hover ul, ul#main_menu li.over ul{ display: block; }
ul#main_menu li ul li div { float: left; height: 28px; width: 200px;  background: url(images/dropdown/center.gif) repeat-x; font-size: 22px; font-family: "Courier New", Courier, monospace;  padding-top: 7px; }
ul#main_menu li ul li.last div { height: 33px; background: url(images/dropdown/last-center.gif) repeat-x;  padding-top: 7px;}
ul#main_menu li ul li.first div { height: 28px; background: url(images/dropdown/first-center.gif) repeat-x;  padding-top: 9px;}
#header  ul#main_menu li ul li a {	color: #311919; }
#header  ul#main_menu li ul li a:hover {	color: #dc7800; }
/* slideshow */
#slideshow { position: relative; z-index: 2;  width: 100%; height: 293px; overflow: hidden; }
/* content */
#content_wrapper { background-color: #423E3C; margin-top: -7px;}
#content {width: 968px; margin: 0 auto; background: url(images/bg-content.gif) repeat-y top left; /*height: 749px;*/  overflow: hidden; }
.no_sidebar { /*height: 813px !important;*/ background: url(images/bg-content2.gif) repeat-y top left !important; }
#content_inner { width: 580px; float: left; padding: 40px 20px 0 20px; margin-bottom: 40px; }
.no_sidebar #content_inner { float: none; width: auto; }
/* sidebar */
#sidebar { width: 340px; float: right; }
.vesti_wrapper { background: url(images/dropshadow-1.png) no-repeat bottom right; padding: 0 6px 6px 0; margin-top: -6px; }
.vesti { background-color: #363535; border: 1px solid #000; border-top: 0; padding: 120px 15px 0 15px; margin-top: -90px; } 
.vesti_header_wrapper { background: url(images/dropshadow-1.png) no-repeat bottom right; padding: 0 6px 6px 0; position: relative;  overflow: hidden; }
.vesti_header { background-color: #363535; border-left: 1px solid #000; border-right: 1px solid #000; background: #303030 url(images/bg-vesti-header.gif) no-repeat bottom center; padding: 20px 15px 16px 15px; overflow: hidden;  } 
.vesti_header h2 { font-size: 44px; color: #ce7204; }
.vesti_header h2 img { margin-right: 10px; vertical-align: sub;}
.vesti h3 { color: #ce7204; font-size: 17px; }
.vesti h3 span.date { color: #e8d4cb; font-size: 14px; padding-left: 10px;}
.vesti p { color: #e8d4cb; font-size: 14px; margin-top: 20px; }
.vesti a { font-size: 14px; color: #ce7204; }
.vesti .vest { margin-bottom: 50px; } 
/* main content */
#content_inner p, #content_inner h2 { color: #e8d4cb; }
#content_inner h2 { font-size: 22px;  }
#content_inner .main_img { margin: 35px 0; display: block; }
#footer { border-top: 1px solid #0A0A0A; clear: both; width: 932px; padding: 25px 15px; overflow: hidden; }
#footer img { float: left; visibility: hidden;}
#footer p { float: right; width: 300px; font-size: 12px; color: #fff; }
#footer p a { font-size: 12px; color: #fff; }
#content_inner h1 { font-size: 44px; color: #fee7dc; }
.underline { border-top: 1px solid #fee7dc; height: 1px; overflow: hidden; margin-top: 5px; }
/* clipping */
.newspappers { overflow: hidden; margin: 0 auto; }
.newspappers .thumb_wrapper { float: left; width: 188px; height: 189px; padding: 2px 3px; overflow: hidden; margin-bottom: 30px; margin-right: 40px; background: url(images/newspappers/gradient.png) no-repeat bottom right; overflow: hidden;} 
.newspappers .last_thumb { margin-right: 0; }
.newspappers img { border: 2px solid #000; width: 186px; height: 186px; display: block; } 
.video_embed { width: 400px; height: 300px; margin: 35px auto 45px auto;  }
/* ekipa */
.ekipa { overflow: hidden; margin-top: 55px;}
.glumac { width: 460px; float: left; margin-bottom: 25px; }
.glumac .slika_glumca  { width: 100px; height: 100px; float: left; background: url(images/ekipa/gradient.png) no-repeat bottom right; padding: 0 8px 9px 0; overflow: hidden;}
.glumac .slika_glumca img { width: 100px; height: 100px; border: 1px solid #F6DFD4; display: block; }
.glumac .opis { float: left; margin: 20px 0 0 15px; }
#content_inner .opis h2.ime { font-size: 24px; color: #DC7800; padding-bottom: 15px; }
#content_inner .opis h2.ime a { font-size: 24px; color: #DC7800; padding-bottom: 15px; font-family:"Courier New",Courier,monospace;}
.opis .uloga { font-size: 16px; color: #fee7dc;  }
/* fotografije */
.fotografije { overflow: hidden; margin-top: 50px; }
.foto { float: left; background: url(images/fotografije/gradient.png) no-repeat bottom right; padding: 0 6px 6px 0; margin: 0 45px 45px 0; width: 185px; height: 211px; overflow: hidden; }
.foto img { border-top: 8px solid #000; border-left: 8px solid #000; border-right: 8px solid #000; border-bottom: 34px solid #000;  width: 169px; height: 169px; display: block; }
.fotografije .last { margin-right: 0; }
/* rec reditelja */
.rec_reditelja { margin: 50px 0 0 0; }
.rec_reditelja p { margin: 35px 0; }
/* saopstenja */
.saopstenja { margin: 28px 0 0 0; }
.saopstenja p { margin: 20px 0; }
#content_inner .saopstenja h2 { font-size: 20px; color: #dc7800; }
#content_inner .saopstenja h2  span.date { color: #e8d4cb; font-size: 14px; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; }
/* index */
#splash { background: url(images/index-bg.jpg) no-repeat top center; width: 1001px; margin: 0 auto; position: relative; height: 850px; }
#splash p { font-family: "Courier New",Courier,monospace; font-weight: bold;  }
#splash .flags { position: absolute; top: 645px; left: 417px; overflow: hidden; width: 500px; text-align: ceter; padding-bottom: 100px;}
#splash .flags span { color: #bbb0a6; font-size: 14px;  }
#splash .flags a { display: block; margin-top: 10px; }
#splash .flags .fl { float: left; text-align: center; margin-right: 20px; }
/* galerija pregled */
.galerija_container { overflow: hidden; margin-top: 30px; }
.line_text { position: relative; height: 15px; }
.line_text .line { position: absolute; top: 8px; left: 0; width: 100%; border-top: 1px solid #fee7dc; height: 1px;  z-index: 1;}
.line_text .line_desc{ position: absolute; top: 0px; right: 0; padding-left: 10px; background-color: #313131; z-index: 2; }
.galerija_slika { width: 290px; float: left;}
.galerija_slika .thumbnails { width: 291px; overflow: hidden; }
/* .galerija_slika .thumbnails .thumb { width: 90px; height: 90px; border: 1px solid #F3F3F3; float: left; margin: 5px 5px 0 0; } */
/* .galerija_slika .thumbnails img { width: 90px; height: 90px; border: 1px solid #F3F3F3; float: left; margin: 5px 5px 0 0; } */
.galerija_slika .thumbnails div { width: 90px; height: 90px; border: 1px solid #F3F3F3; float: left; margin: 5px 5px 0 0; overflow: hidden; } 
.galerija_slika .main { width: 200px; height: 300px; margin: 0 auto 30px auto; padding: 0 10px 10px 0; background: url(images/galerija/gradient.png) no-repeat bottom right; overflow: hidden;}
.galerija_slika .main img { border: 1px solid #FEE7DC; display: block; }
#gxxx { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; display: none; }
.biografija { width: 605px; float: right; }
#content_inner .biografija h2 { color: #db7927; margin-bottom: 18px; }
.biografija p { font-size: 16px; margin-bottom: 22px;  }

.thick a {
	display:block;
	width: 100%;
	height: 100%;
}


/* slideshow privremeno */
#slideshow_tmp { position: relative; z-index: 3;  width: 100%; height: 285px; overflow: hidden; background: url(images/slideshow/gradient.png) repeat-x bottom left; padding-bottom: 8px; }


.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: 84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: 84px 0 !important;
	}
	.simply-scroll-btn-right:hover {
		background-position: 84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -42px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 286px;
	/* margin-bottom: 1em; */
}

	.simply-scroll .simply-scroll-clip {
		width: 100%;
		height: 286px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			height: 286px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}
	


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

	.vert .simply-scroll-clip {
		width: 290px;
		height: 400px;
	}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {
			width: 290px;
			height: 200px;
		}
		.vert .simply-scroll-list li img {}
	
	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		right: 0;
		top: 0;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}
	
	.vert .simply-scroll-btn-down { /* modified btn pos */
		right: 0;
		top: 52px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}
	
	/* NOTE left-right classes wouldn't be needed on vertical scroller */

.flickr {
	width: 576px;
	height: 180px;
	margin-bottom: 1.5em;
}

	.flickr .simply-scroll-clip {
		width: 576px;
		height: 180px;
	}
		
		.flickr .simply-scroll-list img {
			float: left;
			border: none;
			display: block;
		}

#contactForm-Kontakt dt {
	width: 150px;
	color: white;
	font-weight:bold;
}

#contactForm-Kontakt dd {
	margin-bottom:5px;
	margin-left:0;
}

#message {
	color:white;
	font-weight:bold;
	margin-bottom:-25px;
	margin-top:10px;
}

#message-element {
	height: 200px;
}

.clipping_image {
	width: 186px;
	height: 186px;
	background-color: white;
}

.clipping_image a {
	display: block;
	width: 100%;
	height: 100%;
}