* {
	margin: 0;
	padding: 0;
	list-style: none;
	border-style: none;
}

body {
	font-family: Arial;
	background: #ffe7b6 url(../i/body.jpg) repeat-x;	
}

#body h1 {
	clear: both;
	padding: 0 0 .8em 0;
	font-weight: normal;
	font-size: 1.4em;
}

#body h2 {
	clear: both;
	margin: 0 0 .8em 0;
	padding: 0 0 .4em 0;
	font-weight: normal;
	font-size: 1em;
	font-variant: small-caps;
	color: #484435;
	border-bottom: solid 1px #dcd7c6;
}

#body h3 {
	clear: both;
	padding: 0 0 .6em 0;
	font-size: .8em;
	color: #484435;
}

#body p {
	padding: 0 0 .8em 0;
	font-size: .75em;
}

#body ul {
	padding: .2em 4em .8em 4em;
	font-size: .8em;
}

#body li {
	padding: 0 0 .4em 0;
	list-style: square;
}

#body blockquote {
	font-size: .7em;
}

input,select {
	vertical-align: middle;
}

a {
	color: #932e06;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #f00;
}

#wrapper {
	width: 768px;
	background: url(../i/wrapper.gif) no-repeat;
}

/* Header
----------------------------------------------------------- */

#header {
	height: 103px;
	background-repeat: no-repeat;
	background-position: 100% 9px;
}

.viz1 {
	background-image: url(../i/viz1.jpg);
}

.viz2 {
	background-image: url(../i/viz2.jpg);
}

.viz3 {
	background-image: url(../i/viz3.jpg);
}

.viz4 {
	background-image: url(../i/viz4.jpg);
}

#logo {
	padding: 21px 0 0 13px;
}

#logo a {
	display: block;
	width: 253px;
	height: 36px;
	overflow: hidden;
	text-indent: -100em;
	background: url(../i/logo.gif) no-repeat;
}

#en #logo a {
	background-image: url(../i/logo-en.gif) !important;
}

/* Menu
----------------------------------------------------------- */

#menu {
	margin: 0 0 0 8px;
	height: 42px;
	overflow: hidden;
	background: #e2daba url(../i/menu-bg.gif) no-repeat;
}

#en #menu {
	background-image: url(../i/menu-en.gif) !important;
}

/* Menu: Navigation
----------------------------------------------------------- */

#nav {
	float: left;
	width: 546px;
	padding: 3px 0 0 0;
}

#nav ul {
	padding: 1px 0 0 5px;
}

#nav li {
	float: left;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
}

#nav li.on {
	padding-right: 1px;
	background: #932e06 url(../i/nav-on.gif) repeat-x left bottom;
	border-top: solid 4px #e2daba;
}

#nav li a {
	display: block;
	padding: 12px 0;
	width: 100%;
	color: #645e45;
	text-decoration: none;
}

#nav li a:hover {
	color: #948c6a;
}

#nav li.on a:hover {
	color: #faddaa;
}

#nav li.on a {
	padding: 8px 0 12px 0;
	color: #faddaa;
}

#nav-filmotekata {
	width: 99px;
}

	#en #nav-filmotekata {
		width: 113px;
	}

#nav-kino {
	width: 84px;
}

	#en #nav-kino {
		width: 95px;
	}

#nav-archiv {
	width: 76px;
}

	#en #nav-archiv {
		width: 91px;
	}

#nav-galeria {
	width: 64px;
}

	#en #nav-galeria {
		width: 65px;
	}

#nav-actualno {
	width: 77px;
}

	#en #nav-actualno {
		width: 45px;
	}

#nav-links {
	width: 60px;
}

	#en #nav-links {
		width: 46px;
	}

#nav-contact {
	width: 69px;
}

	#en #nav-contact {
		width: 73px;
	}

/* Menu: CPanel
----------------------------------------------------------- */

#cbox {
	float: left;
	padding: 3px 0 0 0;
	width: 214px;
}

#search {
	float: left;
	width: 140px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

#search label {
	display: block;
	padding: 13px 0 0 10px;
	color: #645e45;
}

/* CPanel: Languages
----------------------------------------------------------- */

#lang {
	float: right;
	width: 74px;
}

#lang li {
	padding: 7px 0 0 0;
}

#lang li.on {
	background: url(../i/lang-on.gif) repeat-x 0 1px;
}

#lang a,
#lang strong {
	display: block;
	margin: auto;
	width: 20px;
	height: 14px;
	overflow: hidden;
	text-indent: -100em;
}

#lang-en {
	float: left;
	width: 34px;
}

#lang-en a,
#lang-en strong {
	background: url(../i/lang-en.gif) no-repeat;
}

#lang-bg {
	float: left;
	margin: 0 0 0 1px;
	width: 33px;
}

#lang-bg a,
#lang-bg strong {
	width: 21px;
	background: url(../i/lang-bg.gif) no-repeat right top;
}

/* Search panel
----------------------------------------------------------- */

#sbox {
	clear: both;
	position: relative;
	height: 28px;
	overflow: hidden;
}

#sbox form {
	margin: 0 0 0 auto;
	width: 214px;
}

#sbox fieldset {
	padding: 0 5px 8px 10px;
	background: #c4bc9d;
	border-right: solid 5px #e2daba;
}

#sbox #s {
	padding: 2px;
	font-size: 12px;
	background: #fff;
	border: solid 1px #000;
	border-right: solid 1px #a1a1a1;
	border-bottom: solid 1px #a1a1a1;
}

/* Container
----------------------------------------------------------- */

#container {
	margin: 0 0 0 8px;
	background: url(../i/container.gif) repeat-x;
}

/* Sidebar
----------------------------------------------------------- */

#sidebar {
	float: right;
	clear: right;
	width: 214px;
}

#snav {
	width: 209px;
	background: #932e06;
}

#snav ul {
	padding: 0 0 8px 0;
}

#snav li {
	display: inline;
}

#snav a,
#snav strong {
	display: block;
	padding: 5px 0 5px 15px;
	font-size: 12px;
	color: #faf7ec;
	text-decoration: none;
	background: url(../i/snav-li.gif) no-repeat 0 8px;
}

#snav a:hover {
	color: #fff;
}

#snav strong a {
	display: inline;
	padding: 0;
	background: none;
}

#snav li ul {
	margin: 0 12px 4px 13px;
	padding: 2px 0;
	background: #b8532b;
}

#snav li li a,
#snav li li strong {
	padding: 2px 0 2px 20px;
	font-size: 11px;
	background: url(../i/snav-li-li.gif) no-repeat 5px 7px;
}

/* Body
----------------------------------------------------------- */

#body {
	float: left;
	position: relative;
	margin: -28px 0 0 0;
	width: 546px;
	overflow: hidden;
	background: #faf7ec;
	
}

#content {
	padding: 12px;
}

.top {
	clear: both;
	margin: .5em 0 0 0;
	padding: .5em 0 0 0 !important;
}

.top a {
	float: right;
	padding: .2em .6em;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #c7c0a8;
	background: #f5f1e4;
}

.top a:hover {
	color: #8f8769;
	background: #dcd7c6;
}

/* Parameter 1
----------------------------------------------------------- */

.para-1 {
	margin: 0 0 2px 0;
	padding: 1em;
	background: #ede9db;
	
}

.para-1 dt {
	margin: 0 0 .4em 0;
	padding: 0 0 .2em 0;
	font-size: .7em;
	color: #6c6549;
	border-bottom: dotted 1px #dcd7c6;
}

/* Parameter 1: Aktualno
--------------------------------------- */

.actual .left {
	width: 30%;
}

.actual .right {
	width: 65%;
}

/* Parameter 1: Film
--------------------------------------- */

.film .left {
	width: 65%;
}

.film .left p {
	font-size: .7em !important;
}

.film .left strong {
	font-weight: normal;
	color: #cf9b3f;
}

.film .right {
	width: 32%;
}

.film dd {
	padding: 0 0 .7em 0;
	font-size: .8em;
}

/* Parameter 2
----------------------------------------------------------- */

.para-2 {
	padding: 0 1em;
}

/* Parameter 3
----------------------------------------------------------- */

.para-3 {
	padding: 1em 0;
}

.para-3 ul {
	padding: .2em 1em .4em 1em !important;
}

.para-3 .left ul,
.para-3 .right ul {
	background: #ede9db;
}

.para-3 li {
	padding: .4em 0 !important;
	list-style: none !important;
	border-bottom: solid 1px #dcd7c6;
}

.para-3 .left,
.para-3 .right {
	width: 255px;
}

.para-3 .col-2 tt {
	float: left;
	width: 20%;
	font-size: 11px;
	font-family: Arial;
}

.para-3 .col-2 em {
	float: right;
	width: 75%;
	font-style: normal;
	font-size: 11px;
}

/* Parameter 3
----------------------------------------------------------- */

.para-4 {
	padding: 0;
}

.para-4 h2 {
	margin-bottom: 1.5em !important;
	text-transform: none !important;
}

.para-4 ol {
	padding: 0 3em;
}

.para-4 ol li {
	padding: 0 0 1em 0 !important;
	list-style: decimal !important;
}

.para-4 ol h3 {
	font-size: 1em !important;
}

.para-4 .link {
	color: #0068dc;
}

.para-4 .categ a {
	color: #64a104;
}

.para-4 .type {
	color: #666;
}

/* Toolbox
----------------------------------------------------------- */

.tbox-1,
.tbox-2 {
	font-size: 11px;
	color: #757163;
	background-color: #f2e2aa;
	background-repeat: no-repeat;
}

.tbox-1 {
	margin: 0 0 2px 0;
	padding: 20px 20px 10px 20px;
	background-image: url(../i/tbox-1.gif);
}

.tbox-2 {
	padding: 10px;
	background-image: url(../i/tbox-2.gif);
	background-position: left bottom;
}

.tbox-1 select,
.tbox-2 select {
	margin: 0 .1em;
	padding: .1em;
	font-size: 11px;
}

.tbox-1 .left,
.tbox-2 .left {
	width: 63%;
}

.tbox-1 .right,
.tbox-2 .right {
	padding: 0 0 0 10px;
	width: 33%;
	text-align: center;
	border-left: solid 1px #c4b78a;
}

/* Program 1
----------------------------------------------------------- */

.prog-1 dt {
	margin: 0 0 .4em 0;
	padding: .6em 0 0 0;
	font-weight: bold;
	font-size: .7em;
	text-transform: uppercase;
	color: #a19d8d;
	border-bottom: solid 1px #dcd7c6;
}

.prog-1 dd {
	padding: 0 0 .4em 0;
	font-size: .7em;
}

/* Table 1
----------------------------------------------------------- */

.tbl-1,
.tbl-2 {
	width: 100%;
	border-collapse: collapse;
}

.tbl-1 th,
.tbl-2 th,
.tbl-1 td,
.tbl-2 td {
	font-size: .7em;
	text-align: left;
	vertical-align: top;
}

.tbl-1 th {
	padding: .6em 20px;
	background: #e4dfcf;
	border-bottom: solid 1px #faf7ec;
	border-right: solid 1px #faf7ec;
}

.tbl-1 td {
	padding: .6em 20px;
	background: #ede9db;
	border-bottom: solid 1px #faf7ec;
	border-right: solid 1px #faf7ec;
}

/* Table 2
----------------------------------------------------------- */

.tbl-2 th {
	padding: .6em;
	padding-left: 0;
	background: #ede9db;
	border-bottom: solid 1px #d8d0b3;
}

.tbl-2 td {
	padding: .6em;
	background: #e2ded1;
	border-right: solid 1px #ede9db;
	border-bottom: solid 1px #ede9db;
}

.tbl-2 .date {
	padding: .8em 0 .6em 0;
	font-size: .8em;
	text-transform: uppercase;
	color: #ada587;
	background: #ede9db;
}

.brd0 {
	padding: 0 0 0 .6em;
}

.brdl {
	padding: 0 0 0 .6em;
	border-left: solid 1px #d8d0b3;
}

/* Table 3: Gallery
----------------------------------------------------------- */

.glr-1 table {
	width: 100%;
	border-collapse: collapse;
}

.glr-1 td {
	padding: 0 1em 1.2em 0;
	font-size: .7em;
}

.glr-1 td a {
	display: block;
	padding: 0;	
}

.glr-1 td img {
	padding: 7px;
	background: #faf7ec;
	border: solid 1px #dddacc;
}

/* Form: Feedback
----------------------------------------------------------- */

.fback {
	font-size: .75em;
}

.fback input,
.fback textarea {
	padding: 2px;
	font-size: 12px;
	border: solid 1px #8e8872;
	border-right: solid 1px #ccc8b7;
	border-bottom: solid 1px #ccc8b7;
}

.fback fieldset .br {
	padding: 0 0 .5em 0;
}

.fback label {
	display: block;
	padding: 0 0 .2em 0;
}

.fback fieldset .br label {
	float: left;
	width: 20%;
}

.fback fieldset .br input {
	float: left;
	width: 45%;
}

.fback .asterisk {
	text-align: center;
	color: #c00;
}

.fback .in-1 .asterisk {
	float: left;
	width: 4%;
}

.fback .in-2 {
	padding: 1em 0;
	border-top: solid 1px #dcd7c6;
	border-bottom: solid 1px #dcd7c6;
}

.fback .in-2 textarea {
	width: 95%;
}

.fback .submit {
	padding: 1em 0 0 0;
}

.fback .submit input {
	padding: .3em;
	font: bold 14px Arial;
	color: #444;
	background: #fbf2d1 url(../i/fback-button.gif) no-repeat;
	border: solid 1px #a6a088;
}

/* Icons
----------------------------------------------------------- */

.ico-list {
	padding: 0 0 0 10px;
	background: url(../i/ico-list.gif) no-repeat 0 4px;
}

.ico-sort-up {
	padding: 0 10px 0 0;
	background: url(../i/ico-sort-up.gif) no-repeat 100% 4px;
}

.ico-sort-down {
	padding: 0 10px 0 0;
	background: url(../i/ico-sort-down.gif) no-repeat 100% 4px;
}

/* Colors
----------------------------------------------------------- */

.clr-1 {
	color: #aaa38d;
}

/* Text styling
----------------------------------------------------------- */

.note {
	font-size: .7em !important;
}

/* Image styling
----------------------------------------------------------- */

.ima-1 {
	position: relative;
	margin: 0 10px 5px 10px;
	padding: 10px;
	background: #faf7ec;
	border: solid 2px #dddacc;
}

.ima-2 {
	position: relative;
	margin: 0 7px 7px 0;
	padding: 7px;
	background: #faf7ec;
	border: solid 1px #dddacc;
}

/* Floating
----------------------------------------------------------- */

.left {
	width: 49%;
	float: left;
}

.right {
	width: 49%;
	float: right;
}

/* Footer
----------------------------------------------------------- */

#footer {
	padding: .6em 214px .6em 8px;
}

#footer p {
	font-size: .7em;
	text-align: center;
}

/* Clear
----------------------------------------------------------- */

.br:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.br {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .br {
	height: 1%;
}

.br {
	display: block;
}
/* End hide from IE-mac */


.err {	
	color: #E03718;
}