/***********************************************************************************************************/
/* FilmBreak, 2008 */
/*	display;
	position;
	float;
	overflow;
	width;
	height;
	min-width;
	max-width;
	min-height;
	max-height;
	margin;
	padding;
	border;
	background;
	color:
	font;
	text;
/***********************************************************************************************************/

* {margin: 0; padding: 0;}

body {
	font-family: 'Arial', sans-serif;
}
html {
	background: #fff;
}

img {
	border: 0;
}

fieldset {
	border: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	
}

/***********************************************************************************************************/
/* Layout */
/***********************************************************************************************************/

div#header {
	position: relative;
	height: 110px;
	min-width: 600px;
	width: expression(document.body.clientWidth < 600 ? "600px" : "auto" );
}

	div#logo {
		position: absolute;
		top: 0;
		left: 30px;
		
		overflow: hidden;
		width: 478px;
		height: 82px;

		background: url('../gfx/logo.png') no-repeat;
	}
	
	div#logo h1 {
		display: none;
	}
	
	div#navigace {
		position: absolute;
		top: 97px;
		left: 30px;
	}
	
	div#navigace ul {
		list-style: none;
	}
	
	div#navigace ul li {
		float: left;
		margin-right: 13px;
	}
	
	div#navigace ul li a {
		display: block;
		font-size: .75em;
		color: #000;
	}
	
		.vybrano a {
			color: #666 !important;
		}
	
	div#navigace ul li a:hover {
		color: #666;
	}
	
	div#lang {
		position: absolute;
		top: 12px;
		right: 30px;
	}
	
	div#lang a {
		color: #000;
		font-size: .75em;
		font-weight: normal;
		margin-left: 10px;
	}
	
	div#lang a:hover {
		color: #666;
	}
	
div#content {
	position: absolute;
	top: 110px;
	right: 0;
	bottom: 0;
	left: 0;
}

	div#contentIn {
		width: 959px;
		margin: 200px auto; /* Nastavovat pres JS */
		
		background: #fff;
	}
	
		.contentIn800 {
			width: 478px !important;
			margin-left: 30px !important;
		}
		
		.contentInArchiv {
			width: auto !important;
			margin-top: 0 !important;
			margin-left: 30px !important;
		}
	
	div#news {
		position: relative;
		float: left;
		width: 478px;
		margin-top: 27px;
	}
	
		.newsArchiv {
			width: auto !important;
			margin-right: 30px;
		}
		
		.workArchiv {
			float: left !important;
			width: auto !important;
			margin-right: 30px;
			margin-top: 27px;
		}
		
		.newsArchiv .newsBox, .workArchiv .workBox {
			float: left !important;
			margin-right: 1px;
		}
		
		.newsArchiv .newsBoxOpen, .workArchiv .workBoxOpen {
			z-index: 100;
			margin-top: 0;
		}
		
		.newsBoxCont {
			overflow: visible !important;
			z-index: 90;
		}
	
		div#news p {
			margin-top: 7px;
			font-size: .75em;
			line-height: 1.35em;
		}
		
		div#news p a {
			padding-left: 10px;
			color: #000;
		}
	
		div.newsBox {
			overflow: hidden;
			width: 478px;
			height: 82px;
			background: #000;
			margin-bottom: 1px;
			
			cursor: pointer;
		}
		
		div.newsBox h2 {
			float: left;
			width: 295px;
			margin: 7px 0 7px 10px;
			_margin: 7px 0 7px 5px;
			font-size: .75em;
			line-height: 1.35em;
			color: #fff;
		}
		
		div.newsBox h2 a {
			color: #fff;
		}
		
		div.newsBox img {
			display: none;
			float: right;
			margin: 8px 7px 0 0;
			_margin-right: 4px;
			height: 66px;
		}
		
		div.newsBox p {
			display: none;
		}
		
		div.newsBox p a {
			padding-right: 10px;
			padding-left: 0 !important;
			color: #fff !important;
			background: url('../gfx/a-sipka.gif') no-repeat center right !important;
		}
		
		div.newsBoxHover img {
			display: block;
		}
		
		div.newsBoxOpen {
			position: absolute;
			height: auto;
			margin-top: 1px;
			_margin-top: 0;
			cursor: auto;
			border-bottom: 1px solid #fff;
		}
		
			/* MSIE7 hack */
			*:first-child+html div.newsBoxOpen {
				margin-top: 0 !important;
			}
		
			.first {
				margin-top: 0 !important;
			}
		
		div.newsBoxOpen h2 {
			float: none;
			margin-top: 7px;
			_margin-left: 10px;
		}
		
		div.newsBoxOpen img {
			float: none;
			display: inline;
			height: auto;
			margin: 10px 0 0 10px;
			cursor: pointer;
		}
				
		div.newsBoxOpen p {
			display: block;
			margin: 10px 20px 20px 10px;
			line-height: 1.35em;
			color: #fff;
		}
		
		div.newsBoxOpen p a, div.newsBoxOpen li a, div.newsBoxOpen dt a {
			padding-right: 10px;
			padding-left: 0 !important;
			color: #fff !important;
			background: url('../gfx/a-sipka.gif') no-repeat center right !important;
		}
		
		div.newsBoxOpen ul, div.newsBoxOpen dl {
			list-style: none;
			margin: 10px 20px 20px 10px;
		}
		
		div.newsBoxOpen li, div.newsBoxOpen dt {
			font-size: .75em;
			color: #fff;
		}
		
		div.close {
			position: absolute;
			top: 12px;
			right: 12px;
			width: 37px;
			height: 37px;
			background: url('../gfx/close-out.gif') no-repeat center center;
			cursor: pointer;
		}
		
		div.close:hover, div.close-hover {
			background: url('../gfx/close-on.gif') no-repeat center center;
		}
		
		div.close {
			background-color: expression(
				this.onmouseover = new Function("this.className += ' close-hover';"),
				this.onmouseout = new Function("this.className = this.className.replace(' close-hover', '')")
			);
		}
		
	div#work {
		float: right;
		width: 478px;
	}
		
		.work-800 {
			float: left !important;
			clear: left !important;
			margin-top: 30px;
		}
	
		div#work p {
			margin-top: 7px;
			font-size: .75em;
			line-height: 1.35em;
			text-align: left;
		}
		
		div#work p a {
			padding-left: 10px;
			color: #000;
		}
	
		div.workBox {
			overflow: hidden;
			width: 478px;
			height: 82px;
			background: #000;
			margin-bottom: 1px;
			
			cursor: pointer;
		}
		
		div.workBox p {
			display: none;
		}
		
		div.workBox p a {
			padding-right: 10px;
			padding-left: 0 !important;
			color: #fff !important;
			background: url('../gfx/a-sipka.gif') no-repeat center right !important;
		}
		
		div.workBox h2 {
			float: left;
			width: 295px;
			margin: 7px 0 7px 10px;
			_margin: 7px 0 7px 5px;
			font-size: .75em;
			line-height: 1.35em;
			color: #fff;
		}
		
		div.workBox h2 a {
			color: #fff;
		}
		
		div.workBox img {
			display: none;
			float: right;
			margin: 8px 7px 0 0;
			_margin-right: 4px;
			height: 66px;
		}
		
		div.workBoxHover img {
			display: block;
		}
		
		div.workBoxOpen {
			position: absolute;
			height: auto;
			margin-top: 1px;
			_margin-top: 0;
			cursor: auto;
			border-bottom: 1px solid #fff;
		}
		
			/* MSIE7 hack */
			*:first-child+html div.workBoxOpen {
				margin-top: 0 !important;
			}
		
			.first {
				margin-top: 0 !important;
			}
				
		div.workBoxOpen h2 {
			float: none;
			margin: 7px 0 0 10px;
		}
		
		div.workBoxOpen img {
			float: none;
			display: inline;
			height: auto;
			margin: 45px auto 0 auto;
			cursor: pointer;			
		}
		
		div.workBoxOpen p {
			display: block;
			margin: 10px 20px 20px 10px;
			line-height: 1.35em;
			font-size: .7em !important;
			color: #fff;
		}
		
		div.workBoxOpen p a, div.workBoxOpen li a, div.workBoxOpen dt a {
			padding-right: 10px;
			padding-left: 0 !important;
			color: #fff !important;
			background: url('../gfx/a-sipka.gif') no-repeat center right !important;
		}
		
		div.workBoxOpen ul, div.workBoxOpen dl {
			list-style: none;
			margin: 10px 20px 20px 10px;
		}
		
		div.workBoxOpen li, div.workBoxOpen dt {
			font-size: .75em;
			color: #fff;
		}
		
		p.pArchiv {
			text-align: left !important;
		}
		
div.load {
	background: #000 url('../gfx/ajax-loader.gif') 450px 12px no-repeat;
}

div.load img {
	display:none;
}

		
/***********************************************************************************************************/
/* Detail, Lightbox */
/***********************************************************************************************************/

div#detail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 600;
}

div#detail img {
	position:relative;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

div#detail .close {
	top: 25px;
	right: 25px;
}

div#detail-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 599;
	background: #000;
}

/***********************************************************************************************************/
/* Staticke stranky */
/***********************************************************************************************************/

div.staticke {
	width: auto !important;
	margin-top: 40px !important;
	margin-left: 28px !important;
}

div#statsLayoutTwo {
	width: 520px;
	margin-left: 3px;
	margin-top: 30px;
}

div#statsLayoutTwo p {
	margin-bottom: 16px;
	font-size: .75em;
	line-height: 1.35em;
}

div#statsLayoutTwo p a {
	color: #000;
}

div#statsLayoutTwo p a.externlink {
	padding-right: 8px;
	background: url('../gfx/a-sipka-b.gif') no-repeat right;
}

div#statsLayoutTwoLeft {
	float: left;
	width: 270px;
}

div#statsLayoutTwoLeft p {
	width: 265px;
}

div#statsLayoutTwoLeft img {
	display: block;
	margin-top: 20px !important;
}

div#statsLayoutTwoRight {
	float: right;
	width: 230px;
}

	.profil div#statsLayoutTwoLeft p {
		width: 255px;
	}
	
	.profil div#statsLayoutTwoRight {
		width: 205px;
		margin-right: 35px;	
	}
	
	.profil div#statsLayoutTwoRight p {
		margin-top: 5px;
		margin-bottom: 50px;
		font-size: .7em;
	}
	
	.profil div#statsLayoutTwoRight img {
		/* behavior: url("http://www.filmbreak.cz/application/css/iepngfix.htc"); */
	}
		
.tooltip {
	position: absolute !important;
	width: 422px;
	height: 445px;
	z-index: 520;
}

.tooltip-link {
	overflow: hidden;
	width: 97px;
	height: 23px;
	background: #000;
}

.tooltip-link h3 {
	padding: 6px 11px 0 11px;
	margin: 0 !important;
	font-size: .75em;
	font-weight: bold;
	background: #000;
	color: #fff;
}

.tooltip-content {
	overflow: hidden;
	width: 368px;
	height: 378px;
	margin: 0 !important;
	padding: 17px 27px 27px 27px;
	background: #000;
}

.tooltip-content img {
	display: block !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.tooltip-content p {
	font-size: .75em;
	line-height: 1.4em;
	color: #fff;
}

	.tooltip-content p a {
		padding-right: 10px;
		padding-left: 0 !important;
		color: #fff !important;
		background: url('../gfx/a-sipka.gif') no-repeat center right !important;
	}
	
.tooltip-content .close {
	top: 35px;
}

.tooltip-web {
	position: absolute;
	bottom: 36px;
}

/***********************************************************************************************************/
/* Obecne tridy */
/***********************************************************************************************************/

.number {
	font-family: 'Georgia' !important;
	font-weight: normal !important;
}

.no {
	display: none !important;
}

.cleaner {
	clear: both;
	height: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	border: 0 !important;
	font-size: 1px;
}

.bold {
	font-weight: bold !important;
}