/*
	name: PromoCity
	encoding: UTF-8
	author(s): Dawid Horodecki
*/

/*	Reset
	==================================== */

body, p, pre, ul, ol, fieldset, input, option, textarea, th, td,
dl, dd, hr, blockquote, caption, legend, form, button, div {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
q:before {
	content: no-open-quote;
}
q:after {
	content: no-close-quote;
}
legend, caption {
	text-align: left;
	color: #000;
}
fieldset, abbr, acronym, img {
	border: none;
}
a, del, ins {
	text-decoration: none;
}
cite, address, dfn, var {
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-size: medium;
}
*:focus {
	outline: none;
}

/*	Basic styles
	==================================== */

html {
	font-size: 100%;
	height: 100%;
}
body {
	font: normal 0.875em/1.429em 'Lucida Sans Unicode', 'Lucida Grande', Loma, sans-serif;
	color: #000;
	background: #680b0b url(/img/bg-body.jpg) repeat 0 0;
	height: 100%;
}

/* headers */

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, Garuda, FreeSans, sans-serif;
}
h1 {
	font-weight: bold;
	font-size: 2em;
	line-height: 1.071em;
	padding: 1.429em 0 0 0;
	margin: 0 0 0.357em 0;
}
h2 {
	font-weight: bold;
	font-size: 1.714em;
	line-height: 0.833em;
	margin: 3.333em 0 0 0;
	border-bottom: 1px solid #680b0b;
	padding: 0.833em 0 0.792em 0;
}
h3 {
	font-weight: bold;
	font-size: 1.143em;
	line-height: 1.25em;
	margin: 1.25em 0;
}
h4 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.429em;
	margin: 1.429em 0;
}

/* text */

p, ul, ol, dl {
	margin: 1.429em 0;
}
blockquote {
	padding: 0 1.429em;
	margin: 1.429em;
	background: #efefef url(/img/bg-blockquote.gif) no-repeat 4px 4px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
}

/* lists */

ul {
	list-style-type: disc;
	padding-left: 2.143em;
}
ol {
	list-style-type: decimal;
	padding-left: 2.143em;
}
li li {
	font-size: inherit;
}
dt {
	font-weight: bold;
	text-align: right;
}

/* typography */

em {
	font-style: italic;
	color: #333;
}
strong {
	font-weight: bold;
	color: #680b0b;
}
del {
	color: #ccc;
	text-decoration: line-through;
}
ins {
	color: #333;
	text-decoration: underline;
}

/* links */

a {
	color: #951010;
	border-bottom: 1px dashed #333;
}
a:visited {
	color: #680b0b;
}
a:hover, a:focus {
	border-bottom: 1px solid #951010;
}
a.no-link, a:hover.no-link, a:focus.no-link {
	border-bottom: none;
}

/*	Grid
	==================================== */

/* global */

.container {
	width: 960px;
}

/* 12 colums */

.w1, .w2, .w3, .w4, .w5, .w6,
.w7, .w8, .w9, .w10, .w11, .w12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.w1 {
	width: 60px;
}
.w2 {
	width: 140px;
}
.w3 {
	width: 220px;
}
.w4 {
	width: 300px;
}
.w5 {
	width: 380px;
}
.w6 {
	width: 460px;
}
.w7 {
	width: 540px;
}
.w8 {
	width: 620px;
}
.w9 {
	width: 700px;
}
.w10 {
	width: 780px;
}
.w11 {
	width: 860px;
}
.w12 {
	width: 940px;
}
.g2 {
	padding-left: 80px;
}
.g3 {
	padding-left: 160px;
}
.g4 {
	padding-left: 240px;
}
.g5 {
	padding-left: 320px;
}
.g6 {
	padding-left: 400px;
}
.g7 {
	padding-left: 480px;
}
.g8 {
	padding-left: 560px;
}
.g9 {
	padding-left: 640px;
}
.g10 {
	padding-left: 720px;
}
.g11 {
	padding-left: 800px;
}
.g12 {
	padding-left: 880px;
}

/* children */

.first {
	margin-left: 0;
}
.last {
	margin-right: 0;
}

/* clear */

.clear:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* position */

.right {
	float: right;
}
.left {
	float: left;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

/*	Text
	==================================== */

/* text align */

.text.right,
.text.left {
	float: none;
}
.text.right {
	text-align: right;
}
.text.left {
	text-align: left;
}
.text.center {
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}

/* children */

.big {
	font-size: 125%;
}
.small {
	font-size: 75%;
}
.uppercase {
	text-transform: uppercase;
}
.no-top {
	margin-top: 0;
}
.no-btm {
	margin-bottom: 0;
}

/* lists */

.no-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.inline li {
	display: inline;
}
.latin {
	list-style-type: lower-latin;
}

/*	Elements
	==================================== */

/* wrapper */

#wrapper {
	background: transparent url(/img/bg-wrapper.png) repeat-y 50% 0;
}

/* language */

#language {
	margin-top: 1.429em;
}
#language a {
	background: #4b0000;
	color: #fff;
	border: 1px solid #4b0000;
}

/* menu */

#menu {
	position: fixed;
	top: 4.375em;
	left: 50%;
	z-index: 100;
	font-size: 1.143em;
	line-height: 1.25em;
	margin-left: -470px;
}
#menu li {
	margin-bottom: 2px;
}
#menu li a {
	border-bottom: none;
	padding: 0.563em;
	color: #fff;
	background: #4b0000;
	display: block;
}
#menu li a:hover,
#menu li a:focus {
	background: #fff;
	color: #000;
	margin-left: -5px;
}

/* main */

#main {
	background: #fff;
	margin: 0 0 0 150px;
	padding: 10px;
}
.strong {
	font-size: 1.714em;
	margin: 1.667em auto;
	text-align: center;
	padding: 0.833em;
	border-top: 1px solid #ffe257;
	border-bottom: 1px solid #ffe257;
	color: #000;
	background: #ff9;
}
#film-1 {
	background-image: url(/img/bg-film-1.jpg);
	height: 444px;
}
#film-2 {
	background-image: url(/img/bg-film-2.jpg);
	height: 400px;
}
#film-3 {
	background-image: url(/img/bg-film-3.jpg);
}
.player,
.player:hover,
.player:focus {
	display: block;
	width: 480px;
	height: 380px;
	background-color: #ccc;
	background-position: 0 10px;
	background-repeat: no-repeat;
	margin: 1em auto;
	border-bottom: none;
	position: relative;
}
.player .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 83px;
	height: 83px;
	margin-left: -41px;
	margin-top: -41px;
	border: none;
}
.map {
	width: 540px;
	height: 350px;
	border: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* sidebar */

#sidebar {
	margin-top: 20px;
}
#sidebar h2 {
	width: 50%;
	border-bottom: 1px solid #951010;
	font-size: 1em;
	line-height: 1.429em;
	margin: 1.429em 0;
	padding: 0;
	text-align: right;
}
#links {
	margin-top: 40px;
	background: #fff;
	border: 5px solid #951010;
}
#links img {
	margin-bottom: 10px;
}