@charset "utf-8";
/* 	
	Jiri Soman 
	_______________________________________________

	Date of birth: 	16.04.2009, 13:312 p.m.
	correction:			29.07.2009
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/


html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-align:  center;
	
	background-color: #676767;
}

body.editor
{ 	
	background: #676767;
	color: #ffffff;
}

H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px 0px 0px;
	font-weight: bold;
	color: #02b3da;
}

H1 { font-size: 18px;}
H2 { font-size: 16px;}
H3 { font-size: 13px;}
H4 { font-size: 12px;}
H5 { font-size: 12px;}
H6 { font-size: 12px;}

p { margin: 5px 0px 15px 0px;}

a
{
	color: #02b3da;
}

a:link,
a:visited
{
	text-decoration: none;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

a img { 
	border: none;
}

a.last,
a.first
{
	color: #000000;
	font-weight: bold;
}

a.more
{
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}

a.more span
{
	color: #FFFFFF;
}

ul
{
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
	list-style: square;
}

/* tables */
table
{
	margin: 5px 0px 10px 0px;
}

table.standard
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border: 1px solid #130500;
	border-right: none;
	border-bottom: none;
	background: #e0a563;
}

table th
{
	font-weight: bold;
	background: none;
	color: #000000;
	text-align: left;
}

table td
{
	padding-right: 10px;
}

table.standard th
{
	font-weight: bold;
	background: none;
	text-align: left;
}

table.standard th,
table.standard td 
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th,
table.colored td
{
	border-right: 1px solid #130500;
	border-bottom: 1px solid #130500;
}

table.colored th
{
	background-color: #4a0300;
	color: #f4c688;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px;
}

/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.imgL
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.imgR
{
	float: right;
	margin: 0px 0px 0px 10px;
}

.left { float: left;}
.right { float: right;}

.black { color: #000000;}

.white, .cwhite { color:#FFFFFF;}

.bold { font-weight: bold;}

span.white { background-color:#FFFFFF; padding: 3px 5px; color: #000000;}

/* inputs and labels */

input
{
	
}

input.sub
{
	
}



/*
	layout ----------------------------------------
	_______________________________________________
*/

/* all layout stuff */
.main
{
	margin-left: auto;
	margin-right: auto;
	
	height: auto;
	width: 1000px;
	
	text-align: left;
	
	background: url(colbox-background.png) 90px repeat-y;
}

/* backgroound bottom */
.container
{
	float: left;
	height: auto;
	width: 1000px;
	background: url(theatre-left-bottom.png) left bottom no-repeat;
}

/*  header --------------------------------------- */

/* v html umisten v col-left */
.header-left
{
	float: left;
	height: 217px;
	width: 298px;
}

.langmenu
{
	float: left;
	position: relative;
	height: 37px;
	width:  298px;
	
	background-color: #676767;
}

.langmenu span
{
	position: absolute;
	top: 31px;
	right: 0px;
	z-index: 10;
	height: 6px;
	width: 208px;
	
	background: #FFFFFF;
}

.langmenu p.lang,
.langmenu p.news
{	
	float: left;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}

.langmenu p.lang
{
	width: 65px;
	padding-left: 90px;
	
	color: #02b3da;
}

.langmenu p.lang a:hover { color: #02b3da;}

.langmenu p.news a { color: #FFFFFF;}
.langmenu p.news a:hover { text-decoration: underline;}

.flash1,
.logo
{
	float: left;
	height: 180px;
}

.flash1 { width: 90px;}

.logo
{
	position: relative;
	width: 208px;
	background: url(logo-background.png);
}

.logo H1
{
	position: absolute;
	top: 18px;
	left: 10px;
	z-index: 10;
	
	display: block;
	height: 89px;
	line-height: 89px;
	width: 185px; /* 190px */ 
	
	padding-left: 5px;
}

.logo H1 span
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
	
	display: block;
	height: 100%;
	width: 100%;
	
	background: url(logo.png) top left no-repeat;
	
	cursor: pointer;
}

.logo p,
.logo p span
{
	display: block;
	height: 28px;
	line-height: 25px;
}

.logo p
{
	position: absolute;
	top: 120px;
	right: 0px;
	z-index: 5;
	width: 80px;
	font-style: italic;
}

.logo p span
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
	width: 27px;
	
	text-align: center;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	
	background-color: #0eb4dc;
}

/* v html umisten v col-right */
.header-right
{
	float: left;
	position: relative;
	height: 217px;
	width: 699px;
}

.header-right.default { height: 127px;}

.header-right span.c
{
	position: absolute;
	top: 37px;
	left: 610px;
	z-index: 10;
	height: 23px;
	width: 30px;
	
	background: #0eb4dc;
}


.searchpanel
{
	float: left;
	position: relative;
	height: 37px;
	width:  699px;
}

.searchpanel span.a
{
	position: absolute;
	top: 31px;
	left: 0px;
	z-index: 10;
	height: 6px;
	width: 580px;
	
	background: #FFFFFF;
}

.searchpanel span.b
{
	position: absolute;
	top: 31px;
	left: 580px;
	z-index: 10;
	height: 6px;
	width: 60px;
	
	background: #0eb4dc;
}


.searchpanel p
{
	float: left;
	line-height: 25px;
	
	padding-left: 55px;
}

.searchpanel p span { color: #000000;}

.searchpanel .form
{
	position: absolute;
	top: 5px;
	right: 52px;
	z-index: 10;
	
	height: 21px;
	width: 106px;
	
	background: url(data/web/search-background-blue.png) top left no-repeat;
}

.searchpanel .form .text
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	
	height: 17px; /* 20px */
	width: 81px; /* 91px */
	
	padding: 3px 5px 0px 5px;
	
	background: none;
	border: none;
}

.searchpanel .form .submit
{
	position: absolute;
	top: 0px;
	left: 91px;
	z-index: 10;
	
	height: 20px;
	width: 15px;
	
	background: none;
	border: none;
	
	cursor: pointer;
}

.flash2,
.today
{
	float: left;
	height: 180px;
}

.flash4 { height: 90px; overflow:hidden;}

.flash2,
.flash4
{
	float: left;
	width: 610px;
}

.today { width: 88px;}

.today p.dd 
{
	font-size: 14px;
	line-height: 18px;
	color: #02b3da;
	font-weight: bold;
	text-transform:uppercase;
	
	padding: 50px 0px 0px 5px;
}

.today p.nn { text-align: center;}
.today p.nn span { color:#000000;}
.today p.nn a { color:#000000; text-decoration: none;}
.today p.nn a:hover { color:#000000; text-decoration: underline;}

/*  content ------------------------------------------ */

/* col left - menu  - subcol -box */
.col-left,
.menu,
.subcol
{
	float: left;
	height: auto;
	width: 298px;
}

.menu { background: url(menu-background.png) top left repeat-y;}

.menu ul
{
	float: right;
	height: auto;
	width: 244px;
	
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

.menu ul li
{	
	float: left;
	list-style-type: none;
	margin-bottom: 1px;
}

.menu ul li a
{
	display: block;
	height: 28px;
	line-height: 25px;
	width: 179px; /* 244px */
	
	padding: 0px 10px 0px 55px;
	
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
	
	background: url(menu-level1.png) top right no-repeat;
}

.menu ul li a:hover
{
	text-decoration: none;
	background: url(menu-level1-hover.png) top right no-repeat;
}

.menu ul li a.active { background: url(menu-level1-hover.png) top right no-repeat;}

.menu ul li ul { padding: 0px;}
.menu ul li ul li  { margin-bottom: 1px;}

.menu ul li ul li a
{
	display: block;
	height: 23px;
	line-height: 20px;
	
	font-size: 12px;
		
	background: url(menu-level2.png) top right no-repeat;
}

.menu ul li ul li a:hover { background: url(menu-level2-hover.png) top right no-repeat;}
.menu ul li ul li a.active { background: url(menu-level2-active.png) top right no-repeat;}

.menu ul li ul li ul { margin: 0px;}

.menu ul li ul li ul li a,
.menu ul li ul li ul li a:hover
{	
	background: url(menu-level3.png) top right no-repeat;
}

.menu ul li ul li ul li a.active {	 background: url(menu-level3-active.png) top right no-repeat;}

.iconav,
.iconav ul
{
	float: left;
	height: auto;
	width: 90px;
	
	padding: 0px;
}

.iconav ul
{
	list-style-type: none;
	padding-top: 20px;
}

.iconav ul li
{
	list-style-type: none;
	text-align: center;
}

.iconav ul li a
{
	display: block;
	height: 20px;  /* 95px */
	width: 90px;
	
	padding-top: 75px;
	
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	
	background: url(ico-premiera-left-big.png) top left no-repeat;
}

.iconav ul li.der a { background: url(ico-derniera-left-big.png) top left no-repeat;}
.iconav ul li.fes a { background: url(ico-festival-left-big.png) top left no-repeat;}

.iconav ul li a:hover
{
	color:#000000;
	text-decoration: underline;
}

.col-box
{
	float: right;
	min-height: 400px; /* dodelat */
	width: 208px;
	
	padding-bottom: 20px;
}

.box
{
	float: left;
	height: auto;
	width: 208px; /* 208px */
	
	margin-top: 10px;
}

.box .box-label
{
	float: left;
	overflow: hidden;
	height: 20px; /* 30px */
	width: 188px; /* 208px */

	padding: 10px 10px 0px 10px;
	
	font-size: 12px;
	font-weight: bold;
}

.box .box-label H2,
.box .box-label H3,
.box .box-label H4,
.box .box-label H5,
.box .box-label H6
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.box .box-content
{
	float: left;
	overflow: hidden;
	height: auto;
	width: 188px;
	
	padding: 0px 10px;
	
	background: url(box.png) left top repeat-y;
}

.box .box-content object /* osetreni flash prehravace v boxu */
{
	margin-left: -10px !important;
}



/* col right */
.col-right
{
	float: right;
	height: auto;
	width: 699px;
	
	padding-bottom: 120px;
	
	border-left: #0eb4dc solid 3px;
	background: url(theatre-right-top.png) right top no-repeat;
}

.item-box,
.item
{
	float: left;
	height: 208px;
}

.item-box
{
	width: 610px;
	background: #000000;
	
	margin-bottom: 10px;
	margin-top: 1px;
}

.item
{
	overflow: hidden;
	width: 203px;
}

.item .date,
.item .image,
.item .inf
{
	float: left;
	position: relative;
	width: 204px;
}

.item .image span.fes,
.item .image span.noname,
.item .image span.tri,
.item .image span.dite
{
	position: absolute;
	left: 0px;
	top: 5px;
	z-index: 10;
	
	display: block;
	height: 54px;
	width: 130px;
	
	background: url(piktogramy-homepage/festival.png) top left no-repeat;
}

.item .image span.noname { background: url(piktogramy-homepage/derniera.png) top left no-repeat;}

.item .image span.tri { left: 5px; background: url(piktogramy-homepage/trinact.png) top left no-repeat;}
.item .image span.dite { left: 5px; top: 10px; background: url(piktogramy-homepage/dite-v-dlouhe.png) top left no-repeat;}


.item .image span.pre,
.item .image span.der
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	
	display: block;
	height: 54px;
	width: 49px;
	
	background: url(piktogramy-homepage/premiera.png) top left no-repeat;
}

.item .image span.der { background: url(piktogramy-homepage/derniera.png) top left no-repeat;}

.item .image span.rod,
.item .image span.det
{
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 10;
	
	display: block;
	height: 26px;
	width: 56px;
	
	background: url(piktogramy-homepage/rodinne.png) top left no-repeat;
}

.item .image span.det { background: url(piktogramy-homepage/pro-deti.png) top left no-repeat;}

.item .image span.host
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 10;
	
	display: block;
	height: 26px;
	width: 56px;
	
	background: url(piktogramy-homepage/host.png) top left no-repeat;
}

.item .inf.act { background: url(arrows-left-black.png) top right no-repeat;}

.item .date
{
	height: 29px;
	text-align: center;
}

.item .date p
{
	position: relative;
	top: -5px;
	line-height: 20px;
}

.item .date p img
{
	position: relative;
	top: 5px;
	padding: 0px 5px 0px 0px;
}


.item .image { height: 150px;}

.item .inf { height: 26px;}

.item .inf span
{
	float: left;
	height: 29px;
	width: 29px;
	cursor: pointer;
}

.item .inf p { padding-left: 50px;}

.item .inf a { color: #FFFFFF; text-decoration: none;}
.item .inf a:hover { color: #FFFFFF; text-decoration: underline;}

.caption
{
	float: left;
	height: 35px;
	width: 610px;
	background: #0eb4dc;
}

.caption span.trans
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 20;
	height: 5px;
	width: 610px;
	background:url(trans.png) top left no-repeat;
}

.caption H1
{
	float: left;
	display: block;
	position: relative;
	height: 19px; /* 35px */
	width: 390px; /* 406px */
	
	margin: 0px;
	padding: 8px;
	
	font-size: 24px;
}

.caption H1 span
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	height: 35px;
	/*width: 406px;*/
	
	/*background: url(caption-aktuality-blue.png) top left no-repeat;*/
}

.caption p
{
	line-height: 35px;
	height: 35px;
	text-align: right;
	padding: 0px 10px;
	margin: 0px;
	float: right;
	background-color: #333333;
}


.smartnav
{
	float: left;
	height: 21px;
	width: 630px;
	
	background: url(smartnav-background.png) top left no-repeat;
}

.smartnav ul
{
	float: left;
	list-style-type: none;
}

.smartnav ul li
{
	float: left;
	height: 18px;
	line-height: 17px;
	list-style-type: none;	
	color: #000000;
}

.smartnav ul li a
{ 
	color: #000000;
	text-decoration: underline;
}

.smartnav ul li a:hover
{ 
	color: #000000;
	text-decoration: none;
}

.smartnav ul li span { color:#FFFFFF;}

.content
{
	float: left;
	position: relative;
	min-height: 900px; /* nezapomenout na IE6 */
	width: 699px;
	
	background: url(data/web/content-background.png) left top repeat-y;
}

.shady
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	height: 5px;
	width: 630px;
	
	background: url(smartnav-background.png) left -21px no-repeat;
}

.content span.d
{
	position: absolute;
	top: 0px;
	left: 570px;
	z-index: 10;
	
	height: 142px;
	width: 31px;
	
	background: url(arrows-toptobottom-content.png) top left no-repeat;
}

.homeimg
{
	float: left;
	height: 275px;
	width: 516px;
	
	padding-left: 80px;
	margin-bottom: 10px;
}

.pad
{
	float: left;
	height: auto;
	width: 475px;
	
	padding-left: 85px;
}

.pad2
{ 
	float: left;
	height: auto;
	width: 624px;
	
	padding-left: 75px;
}

.pad3
{
	float: left;
	height: auto;
	width: 550px;
	
	padding-left: 75px;
}

.pad2.back { background: url(data/web/transparent-back-short-white.png) right top repeat-y;}

.whois-title
{
	float: left;
	height: 33px;
	line-height: 22px;
	width: 624px;
}

.whois-title H2
{
	font-size: 12px;
	color:#000000;
}

.whois-title H2.blue { color: #0eb4dc;}

.whois
{
	float: left;
	height: auto;
	width: 624px;
	
	padding: 33px 0px 20px 0px;
}

.whois.nn { padding: 0px 0px 1px 0px;}

.whois .photo
{
	float: left;
	width: 400px; /* 402px */
	height: 400px; /* 402px */
	padding: 1px;
	border: #333333 solid 1px;
	
	display: table;
	#display: block;
	#position: relative;
}

.whois.nn.video .photo
{  
	width: 320px;
	height: 260px;
}

.whois .back,
.whois .name,
.whois .snav,
.whois .double
{
	float: left;
	position: relative;
	overflow: hidden;
	height: 107px;
	width: 220px;
	
	margin-bottom: 35px;
	
	background: url(data/web/transparent-back-short-white.png) right bottom no-repeat;
}

.whois.video .back,
.whois.video .snav
{
	float: left;
	position: relative;
	overflow: hidden;
	height: 107px;
	width: 300px;
	
	margin-bottom: 35px;
	
	background: url(data/web/transparent-people.png) right bottom no-repeat;
}

.whois .double
{
	height: 247px;
	background: url(data/web/repertoar-double.png) right bottom no-repeat;
}

.whois .double p.place
{
	padding-left: 10px;
	color: #000000;
}

.whois .double p.place span { font-weight: bold;}

.whois .double p.term
{
	position: absolute;
	top: 75px;
	left: 10px;
	z-index: 10;
	
	font-weight: bold;
}

.whois .double ul
{
	position: absolute;
	top: 95px;
	left: 135px;
	z-index: 10;
	
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
}

.whois .double ul li
{
	margin: 0px;
	padding: 0px;
	
	color: #FFFFFF;
	list-style-type: none;
}

.whois .double ul li a,
a.actor
{
	color: #FFFFFF;
	text-decoration: underline;
}

.whois .double ul li a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.whois .back a,
.whois .snav a
{
	color: #000000;
}

.whois .back a:hover,
.whois .snav a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.whois .back a
{
	display: block;
	padding: 5px 0px 0px 10px;
}

.whois .back a span { color: #fff; }

.whois .snav.spad
{
	height: 57px; /* 107px */
	width: 210px; /* 220px */
	padding: 50px 0px 0px 10px;
}

.whois .snav.last
{
	margin: 0px;
}

.whois .snav p.sms
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	display: block;
	height: 27px;
	line-height: 24px;
	width: 206px; /* 211px */
	
	margin: 0px;
	padding-left: 5px;
	
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.whois .snav.last p.sms { height: auto; }

.whois .name H2
{
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	
	padding: 40px 0px 0px 10px;
	
	color:#000000;
}

.whois .name H2 a { color: #000000; }

.whois .name H2 span
{
	color: #FFFFFF;
}

.whois .name p.year,
.whois .name p.play
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	display: block;
	height: 27px;
	line-height: 24px;
	width: 201px; /* 211px */
	
	margin: 0px;
	padding-left: 10px;
	
	color: #0eb4dc;
	font-size: 12px;
	font-weight: bold;
	
	background: url(transparent-back-short-black.png) top left no-repeat;
}

.whois .name p.play span { color: #FFFFFF;}
.whois .name p.play a { text-decoration: underline;}

.whois .name #Count
{
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	
	padding: 30px 0px 0px 10px;
	font-weight: bold;
	color:#000000;
}

.whois .name #Count span { color: #ffffff; }

.whois.video .back p.play
{
	position: absolute;
	left: 0px;
	bottom: 13px;
	z-index: 10;
	display: block;
	height: 27px;
	line-height: 24px;
	width: 281px; /* 211px */
	
	margin: 0px;
	padding-left: 10px;
	
	color: #0eb4dc;
	font-size: 12px;
	font-weight: bold;
	
	background: url(transparent-back-short-black.png) top left repeat;
}

.one { margin-right: 30px;}

.people
{
	float: left;
	position: relative;
	height: auto;
	width: 624px;
}

.people span
{
	position: absolute;
	top: 25px;
	left: 370px;
	z-index: 20;
	
	display: block;
	height: 18px;
	width: 168px;
	
	background: url(vedeni.png) top left no-repeat;
}

.soubor
{
	float: left;
	position: relative;
	height: 25px;
	width: 624px;
}

.soubor span
{
	position: absolute;
	top: 0px;
	left: 380px;
	z-index: 20;
	
	display: block;
	height: 18px;
	width: 158px;
	
	background: url(soubor.png) top left no-repeat;
}

.people.management
{
	margin-top:13px;
	height: 145px;
}

.people .person
{
	float: left;
	overflow: hidden;
	height: 131px;
	width: 100px;
	
	padding-left: 9px;
}

.people.management .person
{
	height: 145px;
}

.people .person .img
{
	float: left;
	height: 100px;
	width: 100px;
	padding: 0px;
	margin: 0px;
}

.people .person a img
{
	border: 0px;
}

.people .person .title
{
	float: left;
	height: auto;
	width: 100px;
}

.people.management .person .title
{
	padding-top: 0px;
}

.people .person .title H2
{
	font-size: 11px;
	text-align: right;
	color: #000000;
	font-weight: normal;
	
	margin: 0px;
}

.people.management .person .title H2
{
	text-align: right;
	color: #FFFFFF;
}

.people .person .title H2 a,
.people .person .title H2 a:hover
{
	font-size: 11px;
	text-align: right;
	color: #000000;
	font-weight: normal;
}

.people.management .person .title H2 a,
.people.management .person .title H2 a:hover
{
	color: #FFFFFF;
	text-align: right;
}

.transparent6
{
	background: url(data/web/transparent-people.png) top left no-repeat;
}

.transparent7
{
	background: url(data/web/transparent-people.png) top left repeat-y;
}

.text
{
	float: left;
	position: relative;
	height: auto;
	width: 584px;
	
	padding: 10px 20px;
}

.text span.m
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 20;
	
	height:27px;
	width: 9px;
	
	background-color: #0eb4dc;
}

.text.pp
{
	width: 624px;
	padding: 0px;
}

.text.small { width:495px;}

.text.dd
{
	height: 107px;
}

.text.mm
{
	margin-top:5px;
}

.textpad { padding: 5px 0px 0px 5px;}

.text.pp H2
{
	color: #000000;
	font-size: 12px;
	
	margin: 0px;
}

.transparent
{
	color: #000000;
	background: url(data/web/transparent-back-long-white.png) top left repeat-y;
}

.transparent.contest
{
	float: left;
	height: auto;
	width: 475px;
	padding: 5px;
	margin: 10px 0px;
	background: url(data/web/transparent-back-long-white.png) bottom right repeat-y;
}

.transparent.cp
{ 
	width: 603px;
	padding: 5px;
	margin: 10px 0px;
	height: auto;
	background: url(data/web/transparent-back-long-white.png) bottom right repeat-y;
}

.transparent.contest p { margin: 0px; }

.transparent2
{
	color: #000000;
	background: url(data/web/transparent-back-short-white.png) bottom right repeat-y;
}

.transparent2.video
{ 
	background: url(data/web/transparent-people.png) bottom right repeat-y;
}

.transparent3
{
	float: left;
	height: auto;
	width: 699px;
	color: #000000;
	background: url(data/web/transparent-back-short-white.png) top right repeat-y;
}

.transparent a { color: #ffffff; }


.foto
{
	float: left;
	height: auto;
	width: 624px;
}

.foto-item
{
	float: left;
	height: 100px;
	width: 100px;
	
	margin: 0px 1px 1px 0px;
}

.fe
{
   #position: absolute;
   #top: 50%;
   #left: 50%;
   display: table-cell;
   vertical-align: middle;
}

.fi
{
   #position: relative;
   #top: -50%;
   #left: -50%;
   text-align: center;
}


.pager
{
	float: left;
	height: auto;
	width: 100%;
	padding: 10px 0px;
}

a.archiv
{
	display: block;
	height: 54px;
	line-height: 50px;
	width: 100px;
	
	color: #FFFFFF;
	
	margin-left: 18px;
	padding-left: 12px;
	
	background: url(data/web/archiv.png) top left no-repeat;
}

a.archiv:hover { text-decoration: none;}

.rep-box,
.program-box,
.sponsor-box
{
	float: left;
	position: relative;
	height: 70px;
	width: 610px;
}

.program-box { width: 699px;}

/* */
.program-box span.fes,
.program-box span.noname,
.program-box span.tri,
.program-box span.dite
{
	position: absolute;
	right: 60px;
	bottom: 3px;
	z-index: 10;
	
	display: block;
	height: 24px;
	width: 28px;
	
	background: url(piktogramy-program/festival.png) top left no-repeat;
}

.program-box span.noname { background: url(piktogramy-program/derniera.png) top left no-repeat;}

.program-box span.tri
{
	right: 88px;
	bottom: 4px;
	background: url(piktogramy-program/trinact.png) center left no-repeat;
	width: 48px;
	height: 22px;
}

.program-box span.dite
{	
	right: 88px;
	bottom: 5px;
	background: url(piktogramy-program/dite-v-dlouhe.png) top left no-repeat;
	width: 48px;
	height: 20px;
}


.program-box span.pre,
.program-box span.der
{
	position: absolute;
	right: 0px;
	top: 18px;
	z-index: 10;
	
	display: block;
	height: 25px;
	width: 28px;
	
	background: url(piktogramy-program/premiera.png) top left no-repeat;
}

.program-box span.der
{
	top: 43px;
	background: url(piktogramy-program/derniera.png) top left no-repeat;
}

.program-box span.rod,
.program-box span.det
{
	position: absolute;
	right: 89px;
	top: 18px;
	z-index: 10;
	
	display: block;
	height: 26px;
	width: 56px;
	
	background: url(piktogramy-program/rodinne.png) top left no-repeat;
}

.program-box span.det { background: url(piktogramy-program/pro-deti.png) top left no-repeat;}

.program-box span.host
{
	position: absolute;
	top: 18px;
	right: 32px;
	z-index: 10;
	
	display: block;
	height: 26px;
	width: 56px;
	
	background: url(piktogramy-program/host.png) top left no-repeat;
}

.program-box .tour-place
{
	overflow: hidden;
	position: absolute;
	bottom: 3px;
	right: 90px;
	height: 48px;
	width: 95px;
}
 /* */

.rep-box.prepare
{ 
	height: 47px;
	overflow: hidden;
}

.sponsor-box
{
	overflow: hidden;
	height: 139px;
	width: 545px; /* 610px */
	padding-left: 65px;
}

.sponsor-left
{
	float: left;
	height: auto;
	width: 475px;
	
	padding-top: 30px;
}

.sponsor-left p
{
	padding: 0px 20px 0px 70px;
}

.sponsor-left
{
	float: left;
	height: auto;
	width: 475px;
}

.sponsor-right
{
	float: left;
	height: auto;
	width: 135px;
}

.sponsor-right .sponsor-box
{
	float: left;
	position: relative;
	width: 135px;
	
	padding: 0px;
	margin: 0px;
}


.sponsor-box p
{
	margin: 0px;
	padding-right: 145px;
}

.sponsor-box H2,
.sponsor-box H3,
.sponsor-box H4,
.sponsor-box H5,
.sponsor-box H6
{
	margin: 0px;
	padding-top: 30px;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
}

.sponsor-box a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.sponsor-box a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.rep-box H2,
.rep-box H3,
.rep-box H4,
.rep-box H5,
.rep-box H6
{
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 10px;
}

.rep-box .img,
.sponsor-box .img
{
	float: right;
	overflow: hidden;
	height: 70px;
	width: 135px;
}

.sponsor-box .img
{
	height: 137px;
	display: table;
	background: #ffffff;
	position: relative;
}

.program-box .day,
.program-box .date
{
	float: left;
	height: 70px;
}

.program-box .day { width: 37px;}

.program-box .day p.today,
.program-box .day p.time
{
	float: left;
	height: 35px;
	line-height: 35px;
	width: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	font-weight: bold;
	text-align: center;
	
	padding: 0px;
	margin: 0px;
}

.program-box .day p.today { color: #0eb4dc;}
.program-box .day p.time { color: #000000;}

.program-box .date
{
	width: 73px;
	background: url(background-date.png) top left no-repeat;
}

.program-box .date.first
{
	margin: 0px;
	padding: 0px;
	background: url(background-date-one.png) top left no-repeat;
}

.program-box .date p.month,
.program-box .date p.number
{
	float: left;
	display: block;
	width: 73px;
	
	color: #000000 ;
	text-align: center;
	
	margin: 0px;
	padding: 0px;
}

.program-box .date p.month { height: 30px; line-height: 30px;}

.program-box .date p.number
{
	height: 40px;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
}

.program-box .sum
{
	float: left;
	overflow: hidden;
	height: 60px; /* 70px */
	width: 390px; /* 396px */
	padding: 5px 3px 0px 3px;
	
	font-family: Arial, Helvetica, sans-serif;
}

.program-box .sum p
{
	margin: 0px;
	padding: 0px;
}

.program-box .sum H2,
.program-box .sum H3,
.program-box .sum H4,
.program-box .sum H5,
.program-box .sum H6
{
	font-size: 12px;
	margin: 0px 0px 3px 0px;
	text-transform: uppercase;
}

.program-box .condition
{
	float:left;
	height: 70px;
	width: 104px;
}

.program-box .condition .status
{
	float: left;
	height: 18px;
	line-height: 16px;
	width: 90px; /* 104px */
	padding: 0px 7px;
	background-color: #000000;
}

.program-box .condition .status.act { background: url(arrows-left-small-black.png) top left no-repeat;}

.program-box .condition .status a { color: #FFFFFF; text-decoration: none;}
.program-box .condition .status a:hover { color: #FFFFFF; text-decoration: underline;}

.program-box span.e,
.rep-box span.e,
.sponsor-box span.e
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 20;
	height: 3px;
	width: 135px;
	
	background: url(cubes.png) top left no-repeat;
}

.program-box span.e { right: 89px;}

/* H imitations */

H2.imitation
{
	float: left;
	position:relative;
	display: block;
	height: 18px;
	width: 550px;
	
	color: #000000;
}

H2.imitation a
{
	color: #000000;
}

H2.imitation span
{
	position: absolute;
	top: opx;
	left: 10px;
	z-index: 10;

	height: 18px;
	width: 550px;
	
	/*background: url(imitation.png) top left no-repeat;*/
}


/*  footer ------------------------------------------ */

/* flash footer */
.wrapper,
.flash3,
.prague
{
	float: left;
	height: 120px;
}

.wrapper
{
	position: absolute;
	top: -120px;
	right: -89px;
	z-index: 40;
	width: 699px;
}

.flash3 { width: 610px;}
.prague { width: 89px;}

.flash3 p { margin: 0px; padding: 0px; }

.prague img { padding: 10px 0px 0px 2px;}

/* fulltext */
.fulltext,
.fulltext .item,
.fulltext p.text,
.fulltext p.relevance
{
	float: left;
	height: auto;
	width: 475px;
	
	margin: 0px;
	padding: 0px;
}

.fulltext p.relevance { padding-top: 4px;}
.fulltext p.text { padding-top: 4px;}

.fulltext { padding-top: 25px;}

.fulltext .item { padding-bottom: 15px;}

/* footer */

.footer
{
	float: left;
	position: relative;
	height: 45px;
	width: 821px;
	margin-left: 90px;
	
	background-color: #0eb4dc;
}

.copy
{
	clear: both;
	margin-left: 90px;
	width: 821px;
	line-height: 25px;
	text-align: right;
	background: #676767;
}

.copy a { color: #ffffff; }
.copy a:hover { color: #000000; }

.footer p.up 
{
	position: absolute;
	left: 185px;
	top: 0px;
	z-index: 10;
	
	height: 45px;
	width: 18px;
	
	margin: 0px;
}

.footer p.up a
{
	display: block;
	height: 45px;
	width: 18px;
	
	border: 0px;	
	background: url(arrows-gototop.png) left 5px no-repeat;
}

.footer p.logo
{
	position: absolute;
	top: 0px;
	left: 210px;
	z-index: 10;
	
	height: 45px;
	width: 92px;
	
	margin:0px;
}

.footer p.logo a
{
	display: block;
	height: 45px;
	width: 92px;
	
	background: url(logo-footer.png) top left no-repeat;
}

.footer p.scene
{
	position: absolute;
	top: 10px;
	left: 410px;
	z-index: 10;
	
	color:#000000;
}

/* FORMULARE */

.custom-form
{
	float: left !important;
	height: auto !important;
	width: auto !important;
}

.custom-form .submit,
.newsletter-form .submit
{
	margin-left: 3px;
}

.newsletter-form
{
	float: left !important;
	height: auto !important;
	width: auto !important;
	
	padding: 15px 0px;
}

.custom-form table tr td,
.newsletter-form table tr td,
table.form tr td
{
	padding: 2px;
}

.required 
{ 
	color: #ff5555;
	font-weight: bold;	
}

form td.label { font-weight: bold;}

input.field, input.custom-text
{  
	border: 1px solid #676767;
	padding: 2px;
	font-size: 11px;
	width: 250px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input.custom-text.sm { width: 125px }
input.custom-text.ssm { width: 75px }

textarea.custom-text, 
.customFormTextarea
{ 
	border: 1px solid #676767;
	padding: 2px;
	width: 250px;
	height: 70px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

/* CAPTCHA */ 

.captcha
{
	float: left;
	height: auto;
	width: 350px;
}

.captcha-image {
	border: 1px solid #676767;
	float: left;
	margin: 3px;
	margin-bottom: 0px;
}

.captcha-help {
	display: block;
	text-align: left;
	margin: 3px;
	margin-bottom: 0px;
}

.captcha-number {
	float: left;
	clear: both;
	width: 88px;
	margin: 3px;
	font-size: 12px;
	text-align: center;
	color: #0eb4dc;
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #676767;
	position: relative;
	top: 0px;
	#top: 0px;
}

.ce
{
   #position: absolute;
   #top: 50%;
   #left: 50%;
	width: 100%;
   display: table-cell;
   vertical-align: middle;
}

.ci
{
   #position: relative;
   #top: -50%;
   #left: -50%;
	width: 100%;
   text-align: center;
}

/* PARTNERI INSCENACE */
.rep-partner
{
	width: 112px;
	height: 112px;
	float: left;
	display: table;
	#display: block;
	#position: relative;
	margin: 8px 16px 8px 0px;
}

.rep-partner.last
{
	margin-right: 0px;
}

.page-submenu-item
{
	margin-left: 70px;
	text-transform: uppercase;
	line-height: 200%;
}


/*
	all -------------------------------------------
	_______________________________________________
*/

.h1 { height: 1px;}
.h5 { height: 5px;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h23 { height: 23px;}
.h30 { height: 30px;}
.h33 { height: 33px;}
.h40 { height: 40px; !important}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}

.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.first { margin-top: 30px;}

.mt3 { margin-top: 3px !important; }
.mt10 { margin-top: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }

.w50 { width: 48%;}
.w180 { width: 180px;}
.w600 { width: 588px; padding-right: 15px; position:relative;}

.mheight { min-height: 575px;}

* html .mheight { height: 575px;}

.b { text-align: right; }

.hid { display: none; }

.m0 { margin: 0px; }

.perex { font-style: italic; }

/* ZPRAVY */
.messages 
{ 
	margin-bottom: 20px;
	padding: 3px 3px 0px 3px !important;
	background: #cccccc;
}

.messages .title
{ 
	padding: 2px;
	margin: 0px;
	font-weight: bold;
}

.messages p { margin: 2px 0px; padding: 0px; }

.error { color: #d80000; font-weight: bold; }
.info { color: #00aa01; font-weight: bold; }

/* LOGIN */

.login-form
{
	width: 190px;
	overflow: hidden;
	margin: 8px;
	position: relative;
	margin-top: -120px;
	display: none;
}

.login-form .custom-text { width: 186px; }
.login-form .custom-text.pass { width: 111px; }

.login-form form {
	margin: 5px 0px 0px 0px;
}

.login-form .submit 
{ 
	background: #111111;
	border: none;
	color: #ffffff;
	position: relative;
	top: 1px;
	left: 1px;
}

.hidden-button
{
	width: 23px;
	height: 23px;
	margin: 10px;
	cursor: pointer;
}