/* www.pq.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	color: #5f5f5f;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 1px;
}

body.editor
{
	text-align: left;
}

* html body {
	text-align: center;
}

a img, a:link img {
	border: none;
}

p {
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h1 {
	font-size: 1.4em;
	margin: 0em;
	padding-top: 1em;
	padding-bottom: 0.4em;
	color: #c06fb5;
	text-transform: uppercase;
}

h2 {
	font-size: 1.2em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #c06fb5;
	text-transform: uppercase;
}

h3 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #c06fb5;
	text-transform: uppercase;
}

h4 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h5 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

h6 {
	font-size: 1em;
	margin: 0em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

ol {
	margin-top: 1em;
	padding-left: 2.3em;
}

ul {
	margin-top: 1em;
	padding-left: 2.3em;
}

ul li {
	list-style-type: square;
}

sub {
	font-size: 85%;
}

sup {
	font-size: 85%;
}

a {
	color: #ff9900;
	text-decoration: underline;
}

a:link {
	color: #ff9900;
	text-decoration: underline;
}

a:hover {
	color: #ff9900;
	font-weight: bold;
	text-decoration: underline;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 0.3em;
}

legend {
	border: 1px dotted #cccccc;
	padding: 0.3em;
}

input.text, input.customFormText {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #707172;
	background-color: #ffffff;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	margin-top: 1px;
	margin-bottom: 1px;
}

input.reg_id
{
	width: 20px;
	text-align: center;
	font-weight: bold;
}

input.checkbox, input.customFormCheckbox {
	width: 12px;
	height: 12px;
}

input.radio, input.customFormRadio {
	width: 12px;
	height: 12px;
}

input.submit, input.reset, input.button {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #707172;
	font-weight: bold;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	cursor: pointer;
	margin-top: 1px;
	margin-bottom: 1px;
}

input.file, input.customFormFile {
	width: 200px;
	height: 21px;
}

input.image {
	padding: 0px;
	border: none;
}

textarea, textarea.customFormTextarea {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #707172;
	background-color: #ffffff;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	overflow: auto;
	margin-top: 1px;
	margin-bottom: 1px;
}

select {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #707172;
	background-color: #ffffff;
}

hr {
	color: #cccccc;
	height: 1px;
	border: none;
	background-color: #cccccc;
	clear: both;
}

table {
	font-size: 0.9em;
}

table th, table td {
	padding-left: 2px;
	padding-right: 2px;
}

table.standard {
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

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

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

table.colored {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

table.colored th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #d9d9d9;
}

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

/* vrstvy pro tisk */

div#print-header {
	display: none;
}

/* stranka */

div#nest {
	background-color: #ff541b;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

div#page {
	margin-left: 1px;
	margin-right: 1px;
	width: 998px;
	background-color: #ffffff;
}

div#homepage {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	height: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -390px;
	background-color: #ffffff;
}

* html div#page {
	text-align: left;
}

div.spacer {
	clear: both;
}

div.shift-to-content {
	position: absolute;
	left: -10000px;
}

/* hlavicka */

div#homepage div#header {
	position: relative;
}

div#page div#header {
	position: relative;
	height: 113px;
	border-top: 1px solid #ff541b;
}

/* titulni obrazek */

div#homepage div.the-worlds-largest-scenographic-exhibition {
	width: 457px;
	height: 294px;
	background-image: url(the-worlds-largest-scenographic-exhibition.jpg);
	margin-left: auto;
	margin-right: auto;
}

/* logo */

div#homepage div.logo {
	width: 340px;
	height: 40px;
	overflow: hidden;
	float: left;
	margin-left: 2px;
}

div#homepage div.logo p {
	width: 340px;
	height: 40px;
	overflow: hidden;
	position: relative;
}

div#homepage div.logo p span {
	width: 340px;
	height: 40px;
	background-image: url(pq-07.gif);
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#page div.logo {
	width: 340px;
	height: 40px;
	position: absolute;
	left: 164px;
	top: 13px;
	overflow: hidden;
}

div#page div.logo ul {
	margin: 0em;
	padding: 0em;
}

div#page div.logo ul li {
	width: 340px;
	height: 40px;
	overflow: hidden;
	position: relative;
}

div#page div.logo li span {
	width: 340px;
	height: 40px;
	background-image: url(pq-07.gif);
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#page div.logo ul li a, div#page div.logo ul li a:link {
	display: block;
	width: 340px;
	height: 40px;
}

/* vyber jazyka */

div#homepage div.langmenu {
	padding-bottom: 30px;
	padding-top: 20px;
}

div#homepage div.langmenu h2 {
	position: absolute;
	left: -10000px
}

div#homepage div.langmenu ul {
	margin: 0em;
	padding: 0em;
}

div#homepage div.langmenu ul li {
	list-style-type: none;
	list-style-image: none;
	overflow: hidden;
	position: relative;
}

div#homepage div.langmenu ul li a:hover {
	font-weight: normal;
}

div#homepage div.langmenu ul li a span, div#homepage div.langmenu ul li a:link span {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

* html div#homepage div.langmenu ul li a span, * html div#homepage div.langmenu ul li a:link span {
	cursor: pointer;
}

div#homepage div.langmenu ul li.cs {
	width: 33px;
	height: 14px;
	float: left;
	margin-left: 320px;
}

* html div#homepage div.langmenu ul li.cs {
	margin-left: 160px;
}

div#homepage div.langmenu ul li.cs a span, div#homepage div.langmenu ul li.cs a:link span {
	background-image: url(cesky.gif);
	background-position: 0px -19px;
	width: 33px;
	height: 14px;
}

div#homepage div.langmenu ul li.en {
	width: 40px;
	height: 14px;
	float: right;
	margin-right: 340px;
}

* html div#homepage div.langmenu ul li.en {
	margin-right: 170px;
}

div#homepage div.langmenu ul li.en a span, div#homepage div.langmenu ul li.en a:link span {
	background-image: url(english.gif);
	background-position: 0px -25px;
	width: 40px;
	height: 14px;
}

div#page div.langmenu {
	background-image: url(cube.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 80px;
	height: 60px;
	position: absolute;
	top: 10px;
	right: 10px;
}

div#page div.langmenu h2 {
	position: absolute;
	left: -10000px;
}

div#page div.langmenu ul {
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-top: 10px;
	padding: 0em;
}

div#page div.langmenu ul li {
	list-style-type: none;
	list-style-image: none;
	overflow: hidden;
	position: relative;
}

div#page div.langmenu ul li a:hover {
	font-weight: normal;
}

div#page div.langmenu ul li a span, div#page div.langmenu ul li a:link span {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}

* html div#page div.langmenu ul li a span, * html div#page div.langmenu ul li a:link span {
	cursor: pointer;
}

div#page div.langmenu ul li.cs {
	width: 14px;
	height: 33px;
}

div#page div.langmenu ul li.cs a span, div#page div.langmenu ul li.cs a:link span {
	background-image: url(cesky.gif);
	background-position: -33px 0px;
	width: 14px;
	height: 33px;
}

div#page div.langmenu ul li.en {
	width: 14px;
	height: 40px;
}

div#page div.langmenu ul li.en a span, div#page div.langmenu ul li.en a:link span {
	background-image: url(english.gif);
	background-position: -40px 0px;
	width: 14px;
	height: 40px;
}

body.cs div.langmenu ul li.cs {
	display: none;
}

body.en div.langmenu ul li.en {
	display: none;
}

/* titulek */

div#homepage div.title {
	width: 374px;
	height: 36px;
	overflow: hidden;
	float: left;
}

div#homepage div.title p {
	width: 374px;
	height: 36px;
	overflow: hidden;
	position: relative;
}

div#homepage div.title p {
	text-align: right;
	color: #ff541b;
	font-size: 0.9em;
	magin: 0em;
	padding: 0em;
	line-height: 118%;
}

div#page div.title {
	position: absolute;
	left: 164px;
	bottom: 30px;
	width: 680px;
	height: 21px;
	overflow: hidden;
}

div#page div.title p {
	width: 680px;
	height: 21px;
	overflow: hidden;
	position: relative;
}

div#page div.title p span {
	width: 680px;
	height: 21px;
	background-image: url(11th-international-exhibition-of-scenography-and-theatre-architecture.gif);
	background-repeat: no-repeat;
	background-position: 0px -36px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* paska */

div#page div.ribbon {
	width: 998px;
	height: 36px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url(ribbon.gif);
	background-position: center;
}

/* obsah */

div#content {
	margin-top: -10px;
}

/* sloupce */

div#content div.left {
	float: left;
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	margin-top: 15px;
	width: 165px;
	overflow: hidden;
}

div#content div.middle {
	width: 673px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ff541b;
	float: left;
	background-image: url(middle.gif);
	background-position: center;
	background-repeat: repeat-y;
}

* html div#content div.middle {
	margin-bottom: 10px;
	height: 350px;
}

div#content div.middle div.text {
	margin-left: 10px;
	margin-right: 10px;
	width: 653px;
	min-height: 300px;
	overflow: hidden;
}

* html div#content div.middle div.text {
	height: auto;
}

div#content div.right {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	width: 140px;
	overflow: hidden;
}

* html div#content div.right {
	margin-left: 5px;
	margin-right: 5px;
}

/* levy sloupec */

/* menu */

div.menu {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 2px;
}

div.menu h2 {
	font-size: 1.2em;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.menu.main h2, div.menu.sitemap h2 {
	position: absolute;
	left: -10000px;
}

div.menu ul {
	margin: 0em;
	padding: 0em;
}

div.menu ul ul {
	margin-left: 10px;
}
div.menu ul ul ul {
	margin-left: 10px;
}

div.menu ul li, div.menu ul ul li, div.menu ul ul ul li {
	list-style-type: none;
	list-style-image: none;
	font-size: 1.2em;
}

div.menu ul ul li, div.menu ul ul ul li {
	list-style-type: none;
	list-style-image: none;
	font-size: 1em;
}

div.menu ul li.pq-for-children {
	background-image: url(flower.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 21px;
	min-height: 1.3em;
}

* html div.menu ul li.pq-for-children {
	height: 1.3em;
}

div.menu ul li a, div.menu ul li a:link {
	text-decoration: none;
}

div.menu ul li a:hover {
	text-decoration: none;
}

div.menu.main ul li a, div.menu.main ul li a:link {
	color: #ff7f1d;
}

div.menu.main ul li a:hover {
	color: #ff7f1d;
	font-weight: bold;
}

div.menu.sub h2 {
	color: #fc45a2;
}

div.menu.sub ul li a, div.menu.sub ul li a:link {
	color: #fc45a2;
}

div.menu.sub ul li a:hover {
	color: #fc45a2;
	font-weight: bold;
}

div.menu.sitemap {
	margin-bottom: 20px;
}

div.menu.sitemap ul li a, div.menu.sitemap ul li a:link {
	color: #ff7f1d;
}

div.menu.sitemap ul li a:hover {
	color: #ff7f1d;
	font-weight: bold;
}

/* hledani */

div.searching {
	border: 1px solid #ff541b;
	margin-left: 10px;
	margin-right: 10px;
}

div.searching h2 {
	position: absolute;
	left: -10000px;
}

div.searching form {
	margin: 2px;
}

div.searching form label {
	float: left;
	color: #ff541b;
	text-transform: lowercase;
	width: 3em;
	line-height: 15px;
}

* html div.searching form label {
	line-height: 16px;
}

div.searching form input {
	margin: 0px;
	background-color: #ffffff;
}

div.searching form input.text {
	margin-left: 5px;
	margin-right: 5px;
	width: 78px;
	width: 74px;
	border: none;
	padding: 0px;
}

* html div.searching form input.text {
	width: 74px;
	width: 70px;
	height: 15px;
}

div.searching form input.submit {
	border: 1px solid #ff541b;
	width: 15px;
	height: 15px;
	margin-bottom: -2px;
}

* html div.searching form input.submit {
	margin-bottom: auto;
}

/* logo divadelni ustav */

div.divadelni-ustav {
	width: 52px;
	height: 73px;
	overflow: hidden;
	margin-top: 40px;
	margin-left: 10px;
}

div.divadelni-ustav ul {
	margin: 0em;
	padding: 0em;
}

div.divadelni-ustav ul li {
	width: 52px;
	height: 73px;
	overflow: hidden;
	position: relative;
}

div.divadelni-ustav ul li span {
	display: block;
	width: 52px;
	height: 73px;
	background-image: url(divadelni-ustav.gif);
	position: absolute;
	left: 0px;
	top: 0px;
}

div.divadelni-ustav ul li a, div.divadelni-ustav ul li a:link {
	width: 52px;
	height: 73px;
	display: block;
}

/* logo institut umeni */

div.logo-iu {
	width: 140px;
	height: 62px;
	overflow: hidden;
	margin-top: 40px;
	margin-left: 10px;
}

div.logo-iu ul {
	margin: 0em;
	padding: 0em;
}

div.logo-iu ul li {
	width: 140px;
	height: 62px;
	overflow: hidden;
	position: relative;
}

div.logo-iu ul li span {
	display: block;
	width: 140px;
	height: 62px;
	background-image: url(logo-iu.gif);
	position: absolute;
	left: 0px;
	top: 0px;
}

div.logo-iu ul li a, div.logo-iu ul li a:link {
	width: 140px;
	height: 62px;
	display: block;
}

/* logo MK */

div.logo-mk {
	width: 140px;
	height: 44px;
	overflow: hidden;
	margin-top: 40px;
	margin-left: 10px;
}

div.logo-mk ul {
	margin: 0em;
	padding: 0em;
}

div.logo-mk ul li {
	width: 140px;
	height: 44px;
	overflow: hidden;
	position: relative;
}

div.logo-mk ul li span {
	display: block;
	width: 140px;
	height: 44px;
	background-image: url(logo-mk.gif);
	position: absolute;
	left: 0px;
	top: 0px;
}

div.logo-mk ul li a, div.logo-mk ul li a:link {
	width: 140px;
	height: 44px;
	display: block;
}

/* cesta zanoreni */

div.path {
	margin-left: 10px;
	margin-right: 10px;
}

div.path h2 {
	position: absolute;
	left: -10000px;
}

div.path ul {
	margin: 0em;
	padding: 0em;
}

div.path ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding-right: 12px;
	margin-right: 5px;
	background-image: url(path-divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div.path ul li.last {
	background-image: none;
	padding-right: 0px;
	margin-right: 0px;
}

div.path ul li a, div.path ul li a:link {
	color: #fc45a2;
	text-decoration: none;
}

div.path ul li a:hover {
	color: #fc45a2;
	font-weight: bold;
	text-decoration: none;
}

* html div.path div.spacer {
	display: none;
}

/* sloupce pro standardni stranu */

div.text div.columns {
	width: 100%;
	float: left;
}

div.text div.columns.one div.leftcol {
	display: none;
}

div.text div.columns.one div.rightcol {
	width: 100%;
}

div.text div.columns.two div.leftcol {
	float: left;
	width: 27.5%;
}

div.text div.columns.two div.rightcol {
	float: right;
	width: 71%;
}

div.text div.columns.two div.leftcol div.image p {
	text-align: right;
	font-size: 0.8em;
}

/* sloupce pro stranu novinek */

div.text div.columns.news div.leftcol {
	float: left;
	width: 55%;
}

div.text div.columns.news div.rightcol {
	float: right;
	width: 44%;
}

/* novinky */

div.news h2 {
	position: relative;
	width: 99px;
	height: 42px;
	overflow: hidden;
	color: #ff541b;
}

div.news h2 span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 99px;
	height: 42px;
	background-image: url(news.gif);
	background-position: center;
}

div.news h2 span a, div.news h2 span a:link {
	display: block;
	width: 99px;
	height: 42px;
}

div.news div.item {
	color: #fc45a2;
}

div.news div.item a, div.news div.item a:link {
	color: #ff7f1d;
	text-decoration: underline;
}

div.news div.item a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* boxy */

div.boxes {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.boxes div.item {
	margin-bottom: 10px;
}

div.boxes div.item h3, div.boxes div.item p {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

/* fotogalerie vypis */

div.gallery div.item {
	margin-bottom: 20px;
}

* html div.gallery div.item {
	margin-bottom: 0px;
}

div.gallery div.item div.preview-image {
	float: left;
	width: 140px;
}

div.gallery div.item div.preview-image p span {
	width: 140px;
	height: 90px;
	overflow: hidden;
	display: block;
}

div.gallery div.item div.preview-text {
	float: right;
	width: 500px;
}

/* strankovani vypisu fotogalerii */

div.gallery div.paging h3 {
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	float: left;
	margin-right: 5px;
}

div.gallery div.paging ul {
	margin: 0em;
	padding: 0em;
}

div.gallery div.paging ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding-right: 5px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

div.gallery div.paging ul li a, div.gallery div.paging ul li a:link {
	color: #000000;
	text-decoration: none;
}

div.gallery div.paging ul li a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* fotogalerie detail */

div.gallery.detail table td {
	vertical-align: top;
	align: left;
	width: 220px;
}

div.gallery.detail table td p span {
	width: 200px;
	height: 150px;
	overflow: hidden;
	display: block;
	margin-bottom: -14px;
}

/* slideshow */

div.slideshow h2, div.slideshow div.controls h3 {
	position: absolute;
	left: -10000px;
}

div.item div.controls {
	float: left;
	width: 30%;
}

div.item div.controls ul {
	margin: 0em;
	padding: 0em;
}

div.item div.controls ul li {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 7px;
	height: 9px;
	overflow: hidden;
	position: relative;
}

div.item div.controls ul li.previous {
	margin-right: 5px;
}

div.item div.controls ul li a span, div.item div.controls ul li a:link span {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 7px;
	height: 9px;
}

* html div.item div.controls ul li a span, div.item div.controls ul li a:link span {
	cursor: pointer;
}

div.item div.controls ul li.previous a span, div.item div.controls ul li.previous a:link span {
	background-image: url(arrow-previous.gif);
}

div.item div.controls ul li.next a span, div.item div.controls ul li.next a:link span {
	background-image: url(arrow-next.gif);
}

div.item div.description {
	float: right;
	width: 60%;
	text-align: right;
}

div.item div.description p {
	magin: 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 9px;
}

/* vypis clanku */

div.article h2 ins {
	text-decoration: none;
	color: #666666;
	font-size: 0.8em;
	font-weight: normal;
}

/* servisni menu */

div.menu.service {
	padding-top: 10px;
}

div.menu.service h2 {
	color: #ff7f1d;
}

div.menu.service ul li a, div.menu.service ul li a:link {
	color: #ff7f1d;
	text-decoration: none;
}

div.menu.service ul li a:hover {
	text-decoration: none;
}

/* footer */

div#footer {
	border-bottom: 1px solid #ff541b;
}

div#footer p {
	color: #fc45a2;
	margin-left: 165px;
}

div#footer p a, div#footer p a:link {
	color: #fc45a2;
	text-decoration: underline;
}

div#footer p a:hover {
	font-weight: bold;
	text-decoration: underline;
}


/* Petr */

/* captcha */
.captcha
{
	padding-top: 2px;
}
.captcha img.captcha-image
{
	float: left;
}
.captcha br
{
	clear: both;
}
.captcha input.captcha-number
{
	width: 94px;
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #707172;
	background-color: #ffffff;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	margin-top: 1px;
	margin-bottom: 1px;
}
.captcha span.captcha-help
{
	float: left;
	margin-left: 5px;
	width: 200px;
}

div.child
{
	margin-left: 20px;
}

ul.errors
{
	margin: 0;
	padding: 10px;;
	margin-left: 10px;
}

.req
{
	color: red;
}


DIV.news P
{
	margin: 0;
	padding: 0;
}


.web-small-thumb
{
	margin-right: 5px;
	margin-bottom: 5px;
}

.show-small
{
	margin: 0px;
}