@charset "utf-8";
/* CSS Document */

								/*********** RESET ************/
* { margin: 0; padding: 0; }

								/*********** TEMPLATE ************/
body {
	font: normal 13px/18px /*.8em/1.5em*/ Arial, Helvetica, sans-serif;
	background: #ebebeb;
	color: #666;
}
a { color: #333; }
#container { width: 960px; margin: 1px auto 10px auto; }
#logo img { width: 960px; border: none; float: left; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); box-shadow: 0 1px 3px rgba(0,0,0, .4); }

			/*********** navigation ************/
#navigation {
	float: left;
	margin-bottom: 30px;
	padding: 7px 6px 0 6px;
	background: #7d7d7d url(../_img/gradient.png) repeat-x 0 -110px;
	line-height: 100%;
	width: 948px;
	
	/*border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;*/
	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 23px;
	-webkit-border-bottom-left-radius: 23px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 23px;
	-moz-border-radius-bottomleft: 23px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 23px;
	border-bottom-left-radius: 23px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#navigation li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}

	/*********** main-level navigation ************/
#navigation a {
	font-weight: bold; 
	color: #e7e5e5; 
	text-decoration: none; 
	display: block; 
	padding: 8px 20px;
	
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px; 
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#navigation a:hover { background: #000; color: #fff; }

	/*********** main-level navigation hover ************/
#navigation .current a, #navigation li:hover > a { 
	background: #666 url(../_img/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #f8f8f8;
	
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

	/*********** sub-level navigation hover ************/
#navigation ul li:hover a, #navigation li:hover li a {
	background: none;
	border: none;
	color: #666;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#navigation ul a:hover {
	background: #0078ff url(../_img/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}
	
	/*********** dropdown ************/
#navigation li:hover > ul {	display: block; }

	/*********** level 2 list ************/
#navigation ul {
	display: none;
	
	width: 260px; 
	position: absolute;
	top: 35px; 
	left: 0; 
	background: #ddd url(../_img/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4; 
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#navigation ul li { float: none; margin: 0; padding: 0;  }
#navigation ul a { font-weight: normal; text-shadow: 0 1px 0 #fff; }

	/*********** level 3+ list ************/
#navigation ul ul { left: 256px; top: -2px; z-index:1 }

/* rounded corners of first and last link */
#navigation ul li:first-child > a {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px; 
	
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px; 
}
#navigation ul li:last-child > a {
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;

	-webkit-border-bottom-left-radius: 9px; 
	-moz-border-radius-bottomleft: 9px;
	
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px; 
}
	
	/*********** clearfix ************/
#navigation:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden;
	line-height: 0; 
	height: 0; 
}
#navigation { display: inline-block; }
html[xmlns] #navigation { display: block; }
* html #navigation { height: 1%; }


			/*********** side navigation ************/
#side-nav {	float: right; width: 435px; padding-top: 20px; /*border: solid 1px #f00;*/ }
#side-nav ul {
	float: right;
	list-style: none;
}

/*********** side-navigation main-level ************/
#side-nav li {
	padding: 3px 10px;
	background: #7d7d7d url(../_img/gradient.png) repeat-x 0 -40px;
	line-height: 25px;
	font-weight: bold;
	border-top: solid 1px rgba(125,125,125, .35);
	
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
.del2 { margin:0 -10px 0 10px; }
.del3 { margin:0 -20px 0 20px }
.del5 { margin:0 -10px 0 10px }
.del6 { margin:0 -20px 0 20px }
	/* na kraju zlocina - za zadnja dela - možna preureditev VSEH :'( */
/*.del7 { margin:0 -30px 0 30px }
.del8 { margin:0 -30px 0 30px }*/
.del1 a { padding: 8px 0; }
.del2 a { padding: 8px 0; }
.del3 a { padding: 8px 0; }
.del4 a { padding: 8px 0; }
.del5 a { padding: 8px 0; }
.del6 a { padding: 8px 0; }
	/* na kraju zlocina - za zadnja dela */
/*.del7 a { padding: 8px 0; }
.del8 a { padding: 8px 0; }*/

#side-nav li a {
	font-weight: normal;
	color: #444;
	text-decoration: none;
	/*padding: 8px 0;*/
}

	/*********** main-level navigation ************/
#side-nav li:hover {
	background: #0078ff url(../_img/gradient.png) repeat-x 0 -95px !important;
	color: #444;	
	text-shadow: 0 1px 0 rgba(0,0,0, 1);
}
#side-nav li:hover span { color: #fff; text-shadow: 0 1px 0 rgba(255,255,255, 1); }


			/*********** content ************/
#content { padding: 30px 20px; width: 900px; }
#content div { margin: 0 10px 35px 10px; }

			/*********** footer ************/
#footer {
	padding: 7px 6px 0;
	background: #7d7d7d url(../_img/gradient.png) repeat-x 0 -50px;
	height: 50px;
	width: 948px;
	float: left;
	clear: both;
	
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	box-shadow: 0 1px 3px rgba(0,0,0, .4); 
	font: normal 15px Arial, Helvetica, sans-serif;
}
#ls p {
	width: 474px;
	float: left;
	text-align: center;
	padding: 5px 0;
}
#jp p { 
	width: 474px;
	float: right;
	text-align: center; 
	padding: 5px 0; 
}


								/*********** DOMOV ************/
#latest-news, #latest-movie {
	background: url(../_img/body.png) no-repeat !important /*za ie*/;
	float: left;
	padding: 10px 20px;
	width: 570px; /*870px*/
	text-align: justify;
	/*border: solid 1px #f00;*/
	
	-moz-border-radius: 15px; 
	-moz-box-shadow: 2px 3px 3px rgba(0,0,0, 0.4); 
	-webkit-border-radius: 15px; 
	-webkit-box-shadow: 2px 3px 3px rgba(0,0,0, 0.4); 
	border-radius: 15px; 
	box-shadow: 2px 3px 3px rgba(0,0,0, 0.4);
}
#latest-news p, #latest-movie p { padding-left: 10px; }
#latest-news h3, #latest-movie h3 { padding-bottom: 5px; }
#latest-news h3 a:hover, #latest-movie h3 a:hover { color: #0078ff; text-decoration: none; }
#latest-news ul, #latest-movie ul { padding: 10px 34px 0 34px; list-style: none; }
#latest-news ul li, #latest-movie ul li { display: inline; }
#latest-news ul li img, #latest-movie ul li img {
	margin: 5px;
	width: 150px;
	height: 100px;
}
#latest-news span { color: #0078ff; }
#sidebar {
	float:right;
	width: 250px;
	/*text-align: justify;*/  
	height: 540px; 
}
#sidebar img { width: 250px; height: 540px; }

								
								/*********** FILMI ************/
#film {
	float: left;
	width: 340px;
	text-align: justify;
}
#film div {
	padding: 10px;
	-webkit-box-shadow: 2px 3px 3px rgba(0,120,255, .4);
	-moz-box-shadow: 2px 3px 3px rgba(0,120,255, .4);
	box-shadow: 2px 3px 3px rgba(0,120,255, .4);
	margin-bottom: 0;
	min-height: 240px;
	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}
#filmi-nav {
	float: right;
	width: 520px;
	border: none;
}
#filmi-nav li {
	float: left;
	list-style: none;
	margin-bottom: 50px;
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 2px 3px 3px rgba(0,0,0, .5);
	box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#line { border: solid 1px #7d7d7d; width: 900px; float: left; display:block; }
h3 { margin-bottom: 5px; color: #0078ff; text-shadow: 2px 1px 1px rgba(0,0,0, .5); }
h2 { margin-bottom: 15px; color: #0078ff; text-shadow: 2px 1px 1px rgba(0,0,0, .5); }
h2 a { color: #0078ff; text-shadow: 2px 1px 1px rgba(0,0,0, .5); }

	/* for jQuery */
.odd { float: right; }
.even { float: left; }

/*.dceta, .izlake { margin-left: 75px; }*/
.izganjalca, .izlake { margin: 0 35px; }
.dceta a, .izlake a, .pokol a, .mir a, .hribovc a, .izganjalca a {
	width: 150px;
	height: 150px;
	float: left;
}
.dceta span, .izlake span, .pokol span, .mir span, .hribovc span, .izganjalca span {
	float: left;
	margin-top: -19px;
	text-align: center;
	left: 0;
	bottom: 0;
	width: 150px;
	padding: 3px 0;
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #fff;

	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* ie 6,7,8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /*ie 8 */
}
	.izganjalca span { margin-top: -32px; }
	
/* Opera */
html:first-child #filmi-nav
{
display: block;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #filmi-nav span { margin: 113px 0 0 -150px; }
head~body #filmi-nav .izganjalca span { margin-top: 100px; }
}

.dceta a { background: url(../_img/nasl-dceta.jpg) no-repeat; }
.izlake a { background: url(../_img/nasl-izlake.jpg) no-repeat; }
.pokol a { background: url(../_img/nasl-pokol.jpg) no-repeat; }
.pokol a:hover { background-position: -150px 0; }
.mir a { background: url(../_img/nasl-mir.jpg) no-repeat; }
.hribovc a { background: url(../_img/nasl-hribovc.jpg) no-repeat; }
.izganjalca a { background: url(../_img/nasl-izganjalca.jpg) no-repeat; }

			/*********** filmi - continued ************/
#info p {
	float: left;
	width: 400px;
	margin: 15px 0 0 20px;
	text-align: justify;
}
#info h2 { margin: 10px 0 0 20px; color: #333; }
#info h2 a { text-decoration: none; }

		/********** del skripte **********/
#load {
	display: none;
	position: absolute;
	margin-top: 10px;
	background: url(../_img/ajax-loader.gif) no-repeat;
	width: 43px;
	height: 11px;
	text-indent: -9999px;
}

#iframe {
	/*clear: both;*/
	float: left;
	width: 880px;
}
#trailer { float: left; width: 400px; }
#iframe h3 { padding: 0 0 10px 30px; color: #0078ff; text-shadow: 2px 1px 1px rgba(0,0,0, .5); }
#iframe p { text-align: justify; }
#content div#video, #iframe div#video {
	float: right;
	margin-top: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,120,255, .4);
	-moz-box-shadow: 2px 3px 3px rgba(0,120,255, .5);
	box-shadow: 0 1px 3px rgba(0,120,255, .4);
}


								/*********** O NAS ************/
#onas p {
	float: left;
	padding: 6px 10px;
	line-height: 22px;
}
#onas img { margin: 5px 5px 0 5px; width: 150px; height: 100px; }
#onas ul { margin: 0 34px; list-style: none; text-align: center; /*border: solid 1px #f00;*/ }
#onas ul li { display: inline; padding: 0 10px; }