@charset "iso-8859-2";
/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #201a2d;
	background: #ffffff url('images/main_backgr.gif') left top repeat-x;
	font-weight: normal;
	text-decoration: none;
}

select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #201a2d;
	background: #ffffff none;
}

th, td, li, input.submit {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #201a2d;
	background: #ffffff none;
	text-decoration: none;
}

input.submit {
	background: #eeeeee none;
}

div {
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

input.definput {
	background: #ffffff url('images/input_backgr.gif') left top repeat-x;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	width: 130px;
	margin: 0px 0px 0px 0px;
	color: #201a2d;
	border-top-color: #7c7c7c;
	border-left-color: #c3c3c3;
	border-right-color: #c3c3c3;
	border-bottom-color: #dddddd;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea.deftextarea {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	color: #201a2d;
	border-top-color: #7c7c7c;
	border-left-color: #c3c3c3;
	border-right-color: #c3c3c3;
	border-bottom-color: #dddddd;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.main, table.main th {
	background: #eeeeee none;
}

table.main td, table td {
	background: #ffffff none;
}

p {
	margin-top: 0px;
}

form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}	

div.clear {
	width: 1px;
	height: 1px;
	overflow: hidden;
	clear: both;
}

a {
	text-decoration: underline;
	color: #201a2d;
	font-size: 12px;
}

a:hover {
	color: #858d94;
	text-decoration: underline;
}

div#all {
	margin: 0px auto 0px auto;
	width: 952px;
	height: auto;
	background: #ededed none;	
}

/************************** HEADER *************************/
div#header {
	width: 952px;
	height: 86px;
	background: #233037 url('images/header_backgr.gif') left top repeat-x;
	position: relative;
}

div#header a#logo {
	display: block;
	position: absolute;
	width: 186px;
	height: 86px;
	top: 0px;
	left: 32px;
	text-decoration: none;
	background: #233037 url('images/logo_new.gif') left top no-repeat;
}

div#header a#logo span {
	display: none;
}

div#header div#topmenu {
	position: absolute;
	left: 437px;
	top: 15px;
	width: 490px;
	height: 16px;
}

div#header div#topmenu a {
	display: block;
	float: left;
	height: 16px;
	background-color: #233037;
	background-position: left top;
	background-repeat: no-repeat;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #ffffff;
	text-decoration: none;
}

div#header div#topmenu a span {
	display: none;
}

div#header div#topmenu a:hover {
	background-position: left -16px;	
}

div#header div#topmenu a.repertuar {
	width: 108px;
	background-image: url('images/repertuar.gif');
}

div#header div#topmenu a.bilety {
	width: 82px;
	background-image: url('images/bilety.gif');
}

div#header div#topmenu a.spektakle {
	width: 107px;
	background-image: url('images/spektakle.gif');
}

div#header div#topmenu a.kontakt {
	width: 97px;
	background-image: url('images/kontakt.gif');
}

div#header div#topmenu a.english {
	width: 87px;
	background-image: url('images/english.gif');
	border-width: 0px 1px 0px 1px;
}

div#flashcontainer {
	width: 952px;
	height: 255px;
	background: #233037 none;
}

div#flashbottom {
	width: 952px;
	height: 19px;
	background: #ffffff url('images/flash_bottom_backgr.gif') left top repeat-x;
}

/************************** HEADER ENDS HERE *************************/
/************************** MAIN WINDOW *************************/
div#content {
	width: 938px;
	height: auto;
	padding: 0px 7px 0px 7px;
	background: #ededed url('images/content_backgr.gif') 7px top repeat-y;
	margin-bottom: 14px;
}

div#left {
	float: left;
	width: 218px;
	height: auto;
	background: #ffffff none;
	padding: 0px 7px 30px 7px;
	margin-right: 14px;
}

div#left a.menu {
	display: block;
	margin-left: 8px;
	width: 201px;
	height: 34px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-decoration: none;
}

div#left a.menu:hover {
	background-position: left -34px;
}

div#left a.menu span {
	display: none;
}

div#left div.boxtop {
	width: 218px;
	height: 10px;
	background: #eff0eb url('images/box_top_backgr.gif') left top no-repeat;
}

div#left div.boxbottom {
	width: 218px;
	height: 10px;
	background: #eff0eb url('images/box_bottom_backgr.gif') left top no-repeat;
	margin-bottom: 20px;
}

div#left div.boxinner {
	width: 206px;
	height: auto;
	border-width: 0px 1px 0px 1px;
	border-color: #929da4;
	border-style: solid;
	padding: 0px 5px 0px 5px;
	background: #eff0eb none;
	font-size: 11px;
}

div#left div.boxinner div.newsheader {
	color: #6c170a;
	margin-bottom: 10px;
}

div#left div.boxinner div.newsshort {
	margin-bottom: 0px;
}

div#left div.boxinner div.newsmore {
	text-align: right;
}

div#left div.boxinner div.newsmore a, div#left a.more, div#right a.more {
	font-size: 11px;
	text-decoration: none;
	color: #6c170a;
	
}

div#left div.boxinner div.newsmore a:hover, div#left a.more:hover, div#right a.more:hover {
	font-size: 11px;
	text-decoration: underline;
	color: #6c170a;	
}

div#right {
	float: left;
	width: 663px;
	height: auto;
	background: #ffffff none;
	padding: 5px 14px 30px 14px;
}	

div#right h2.sitetitle {
	color: #6c170a;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div#right div.itemcontainer div.title {
	color: #232f36;
	font-weight: bold;
	font-size: 15px;	
	text-align: right;
	margin-bottom: 5px;
}

div#right div.itemcontainer div.title span {
	color: #707577;
	font-size: 13px;
}

div#right div.itemcontainer div div.imagecontainer {
	float: left;
	width: 100px;
	margin-right: 15px;
	background: #eeeeee none;
}

div#right div.itemcontainer div div.contentcontainer {
	float: left;
	width: 548px;
}

div#right div.itemcontainer div.more {
	text-align: right;
}

div#right a.more, div#right a.more:hover {
	font-size: 12px;
}

div#right div.diver {
	margin: 30px 0px 30px 0px;
	background: #acb1b4 none;
	width: 663px;
	height: 1px;
	clear: both;
}

/************************** MAIN WINDOW ENDS HERE *************************/
/************************** SPECIAL CONTENT *************************/
div#news div.newstitle {
	font-weight: bold;
	color: #6c170a;
	font-size: 13px;
	margin-bottom: 10px;
}

div#news div.newsgallery {
	margin-top: 10px;
	text-align: center;
}

div#news div.newsgallery div.imagecontainer {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 120px;
	height: 90px;
	padding: 2px 2px 2px 2px;
	border: #c7c7c7 1px solid;
	background-position: center center;
	background-repeat: no-repeat;
}

div#news div.newsgallery div.imagecontainer a {
	display: block;
	width: 120px;
	height: 90px;
	text-decoration: none;
}

div#pagination {
	margin: 30px 0px 30px 0px;
	text-align: center;
	font-size: 14px;
}

div#pagination a, div#pagination a:hover {
	text-decoration: none;
	font-size: 14px;
}

div#pagination a.current, div#pagination a.current:hover {
	color: #858d94;
}

div#performance div.title {
	font-weight: bold;
	color: #6c170a;
	font-size: 13px;
	margin-bottom: 10px;
}

div#performance div.title span {
	color: #707577;
	font-size: 13px;
}

div#performance div.content {
	margin-top: 20px;
}

div#performance div.gallery {
	margin-top: 10px;
	text-align: center;
}

div#performance div.gallery div.imagecontainer {
	float: left;
	margin: 0px 10px 10px 0px;
	width: 120px;
	height: 90px;
	padding: 2px 2px 2px 2px;
	border: #c7c7c7 1px solid;
	background-position: center center;
	background-repeat: no-repeat;
}

div#performance div.gallery div.imagecontainer a {
	display: block;
	width: 120px;
	height: 90px;
	text-decoration: none;
}

div#categorylinks {
	text-align: center;
	color: #201a2d;
}

div#categorylinks a {
	text-decoration: none;
	color: #201a2d;
	white-space: pre;
}

div#categorylinks a:hover {
	text-decoration: none;
	color: #6c170a;
}

div#performances ul {
	list-style-type: none;
	display: block;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div#performances ul li {
	color: #6c170a;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#performances ul li span {
	color: #707577;
	font-size: 12px; 
}

div#performances ul li a {
	color: #6c170a;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

div#performances ul li a:hover {
	color: #707577;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

div#movies div#moviescontainer {
	width: 410px; 
	height: 350px; 
	margin: 0px auto 30px auto;
}

div#movies div.item {
	margin-bottom: 20px;
}

div#movies div.item div.imagecontainer {
	margin-right: 10px; 
	float: left; 
	width: 180px; 
	height: 135px;
	padding: 2px 2px 2px 2px;
	border: #c7c7c7 1px solid;
	background-color: #eeeeee;
}

div#movies div.item div.imagecontainer a, div#movies div.item div.imagecontainer a:hover {
	display: block;
	width: 180px;
	height: 135px;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

div#movies div.item div.text {
	float: left;
	width: 460px;
	height: auto;
}

div#movies div.item div.text div.title {
	font-weight: bold;
	margin-bottom: 10px;
}

div#movies div.item div.more {
	text-align: right;
}

/************************** SPECIAL CONTENT ENDS HERE *************************/
/************************** FOOTER *************************/

div#footerlinks {
	width: 952px;
	height: 21px;
	color: #ffffff;
	text-align: center;
	background: #475d6a none;
	padding-top: 6px;
}

div#footerlinks a {
	color: #ffffff;
	text-decoration: none;
	background: transparent;
}

div#footerlinks a:hover {
	color: #ffffff;
	text-decoration: underline;
	background: transparent;
}

div#footer {
	background: #ffffff none;
	width: 932px;
	height: auto;
	padding: 15px 10px 15px 10px;
}

div#designed {
	background: #ffffff none;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #475d6a;
	width: 932px;
	padding: 10px 10px 10px 10px;
	color: #a4acb1;
	text-align: right;
	font-size: 11px;
}

div#designed a {
	color: #a4acb1;
	text-decoration: none;
	font-size: 11px;
}

div#designed a:hover  {
	color: #a4acb1;
	text-decoration: underline;
	font-size: 11px;
}
/************************** FOOTER ENDS HERE *************************/
/************************** IMG VIEWER *************************/

#thumbBox {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 5px 5px 20px 5px;
	background: #364852 none;
	z-index: 100;
	cursor: pointer;
	overflow: hidden;
	visibility: hidden;
}

#thumbBox div.footerbar {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	background: #364852 none;
	color: #ffffff;
	text-align: right;
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}


#thumbBox #thumbImage, #thumbBox #thumbImage img {
	background: #364852 none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#thumbLoading {
	position: absolute;
	border: #364852 1px solid;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	background: #fefefe none;
	padding: 5px;
	z-index: 5;
	width: auto;
	height: auto;
	visibility: hidden;
	left: 0px;
	top: 0px;
	color: #201a2d;
}

/************************** IMG VIEWER ENDS HERE *************************/
/************************** TINY CSS *************************/

img.border {
	border: #7a7a7a 1px solid;
	padding: 2px 2px 2px 2px;
}

img {
	border: none;
}

.greybox {
	background: #f2f2f2 none;
	color: #000000;
	border: #afafaf 1px solid;
	clear: both;
}

.blacktext {
	color: #333333;
}

.redtext {
	color: #cc0000;
}

.greenbold {
	color: #436f20;
	font-weight: bold;
}

.bluetitle {
	color: #006699;
	font-weight: bold;	
}

.sitetitle {
	color: #6c170a;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
/************************** TINY CSS ENDS HERE *************************/
