/* CSS Document */
/* ------- nastavení divů ----------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 12px;
	/*background-color: #CFD6E6/*#2F2F2E;*/
	background: url('img/body.gif') bottom left repeat;
}
#obal {
	width: 750px;
	margin-top: 0.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	color: black;
	background-color: white;
	background: url('img/pozadi.gif') top right repeat;
	}
	
	
.hlavicka {
  background-color: black;
	/*background: url('img/titulni.jpg') top right no-repeat;*/
  width: 750px;
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: black;
	height: 120px;
}
.lista {
width: 750px;
height: 30px;
background-color: #BABABA;
border: 1px solid gray;
font-variant: small-caps;
vertical-align: bottom;
padding: 10px;
}

.lista a {
font-family: Tahoma;
color: black;
font-size: 16px;
letter-spacing: 1pt;

}
.lista a:hover {
background-color: black;
padding: 15px 0px 25px 0px;
color: white;
font-weight: normal;
}
.menu {
	font-family: Tahoma, Arial;
  /*background-color: #dddddd;*/
	font-size: 12px;
	letter-spacing: 2pt;
	color: black;
	width: 140px;
	/*left: 0px;*/
	float: left;
	text-align: left;
			}
.menu {
	margin: 0 0 0 0;
	padding: 20 0;
}
.menu ul {
	margin: 0;
	padding: 0;
  /*border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;*/
}
.menu ul li {
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	
	
}
.menu ul li a,  #menu ul li.active {
	font-family:  Arial, MS Trebuchet;
	font-size: 11px;
	letter-spacing: 1pt;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 5px 2px;
  border-bottom: 1px solid #B2B1B1;

}
.menu ul li a {
	color: #333;
}
.menu ul li a:visited {
	border-bottom: 1px solid #B2B1B1;
}
.menu ul li a:hover {
	color: black;
	background: #CFDCE6;
}
.menu ul li.active {
	color: #eee;
        font-weight: normal;}
.menu ul li a.active {
	background: green;
}

.podmenu {
/*background: url('e.gif') left repeat;*/
font-family: Arial;
font-size: 11px;
font-variant: small-caps;
font-weight: normal;
letter-spacing: 0pt;
color: gray;
border: 1px dotted gray;
text-align: center;
margin: 30px 5px;
padding: 30px 5px 30px 5px;

}
#reklama {
	position: absolute;
	width: 300px;
  height: 40px;
  top: 900px;
  text-align: center;}

.obsah {
  font-family: 'Arial CE';
  margin: 10px 0px 0px 155px;
	padding: 10px 10px 10px 20px;
	min-height: 500px; /* pro standardní prohlížeče */
 _height: 500px; /* pro Internet Explorer, který to chápe jako min-height*/
}

.xxx {
  font-family: 'Arial CE';
  margin: 10px 0px 0px 155px;
	padding: 10px 10px 10px 20px;
	min-height: 500px; /* pro standardní prohlížeče */
 _height: 500px; /* pro Internet Explorer, který to chápe jako min-height*/
   
}
p.press {
  font-size: 13px; letter-spacing: 1pt; text-align: right; padding: 5px; border-top: 1px dotted #00487D;
  }

.obrazek
{
/*float: left;*/
width: 260px;
border: 1px dotted #CFDCE6;
margin: 10px 15px 15px 5px;
padding: 15px;
background-color: none;
text-align: center;
}

.obsah1 {
    color: black;
  font-size: 11px;
  text-align: center;
  margin: 20 0 0 0;
  padding: 0px 2px 2px 2px;
  color: black;
  font-weight: normal;
}
.zapati{
width: 750px;
height: 20px;
background-color: black;
color: white;
font-size: 11px;
letter-spacing: 1pt;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
}
.obsah1 h1{
font-size: 115%;
color: black;
display: block;
padding: 3px;
margin: 0px;
}

.lide h4 {
font-size: 16px;
font-variant: small-caps;
font-weight: normal;
padding: Opx;
}
.lide p {
line-height: 125%;
padding: 2px 0px 8px 0px;}

.obrazek2
{
float: left;
width: 420px;
/*border: 1px solid #999;*/
margin: 10px 15px 15px 5px;
padding: 15px;
/*background-color: white;*/
text-align: center;
}
.clearboth 
{ 
clear: both; 
}
.obrazek a {
color: white;}

.forum a {
  color: white;
  letter-spacing: 1pt;
  text-decoration: none;
  font-size: 12px;
  padding: 3px;
  }

.forum a:hover {
  color: black;
  background-color: #CFDCE6;
  }

.forum h6 {
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 10px;
	background-color: #00487D;
	}
		
.forum p {
font-family: Arial;
font-size: 12px;
color: black;
font-weight: normal;
text-align: justify;}



/*
.repertoar {
background: url('kresba.jpg') bottom right no-repeat;} */
.repertoar a {
color: black;
text-decoration: none;
font-size: 14px;
}

.repertoar a:hover {
color: white;
background-color: black;
}

/* --------------------------------- nastavení písma ------------------------------------------------- */
p {
	font-family: Arial, 'geneva ce', lucida, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-indent: 0px;
	margin: 6px 15px 6px 10px;
	color: black;
	line-height: 120%
}
/*krestni list u inscenaci */
.list {
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  text-indent: 0px;
  margin: 2px 10px;
  color: black;
}
.datum {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  text-indent: 0px;
  margin: 15 10 10 10;
  color: black;
  letter-spacing: 1.5pt;
  border-bottom: 1px dotted gray;
  }
.nazev_inscenace {
  letter-spacing: .9pt;
  }
  
.nazev_inscenace a {
  text-decoration: none;
  border-bottom: 1px solid black;
  font-weight: bold;}

td h1
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 16px;
font-variant: small-caps;
text-align: left;
color: black;
font-weight: bold;
margin: 0px 0px 0px 5px;
padding: 0px;
letter-spacing: 0pt;
background-color: white;
border: none;
}
td h2
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 12px;
text-align: center;
color: black;
font-variant: normal;
font-weight: normal;
padding: 0px;
margin: 0px 0px 0px 0px;
letter-spacing: 0pt;
}
td h3
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 11px;
color: black;
font-variant: normal;
font-weight: normal;
margin: 0px 0px 0px 5px;
letter-spacing: 0pt;
}
td h4
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 11px;
color: gray;
text-align: center;
background-color: white;
font-variant: normal;
font-weight: normal;
margin: 0px 0px 0px 5px;
letter-spacing: 0pt;
}
td h5
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 20px;
color: black;
background-color: white;
text-align: left;
font-variant: caps;
font-weight: bold;
margin: 0px 0px 0px 0px;
letter-spacing: 3pt;
}

td h6
{font-family: Arial, Verdana, "MS Trebuchet";
font-size: 12px;
color: white;
background-color: black;
font-variant: normal;
font-weight: bold;
margin: 0px 0px 0px 0px;
letter-spacing: 0pt;
}

td a {
font-family: arial;
color: black;}

td a:hover {
color: white;
background-color: black;
}


a {
	color: black;
	text-decoration: underline 1px solid red;
}

a:hover {
	color: white;
	text-decoration: none;
	background-color: black;
	}

hr {
	margin: 7;
}
/*H1 je nadpis Připravujeme, Repertoár a Hráli jsme - strana REPERTOÁR */
h1 {
	color: white;
	background-color: #00487D;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	border-bottom: 4px solid #CFDCE6;
	border-right: 4px solid #CFDCE6;
	text-align: right;
	padding: 3px 10px 3px 60px;
	margin: 2px 10px 8px 12px;
	letter-spacing: 2pt;
}
h1.contact {
	color: white;
	background-color: #999999;
	font-weight: normal;
	border-bottom: 4px solid #CFDCE6;
	border-right: 4px solid #CFDCE6;
	}
h1.press {
	color: black;
	font-size: 13px;
	background: transparent;
	font-family: Arial;
	font-weight: normal;
	border-bottom: none;
	border-right: none;
	text-align: left;
	padding: 0px;
	margin: 10px 10px 5px 20px;
	letter-spacing: 1pt;
}
h1.press a {text-decoration: none; padding: 5px 5px 1px 5px; border-bottom: 0px dotted gray;}
h1.press a:hover {border-bottom: 1px solid #00487D; background-color: white; color: black;}


/* H2 je název inscenace - strana REPERTOÁR */
h2 {
	color: black;
	font-size: 14px;
	font-family: Arial;
	/*font-variant: small-caps;*/
	font-weight: normal;
	text-align: left;
	padding: 2px 10px;
	margin: 2px 2px 0px 2px;
	letter-spacing: 0pt;
}
/* H3 je podnadpis - premiéra v roce..... - strana REPERTOÁR */
h3 {
	color: black;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	/*font-variant: small-caps;*/
	text-align: left;
	margin: 1px 1px 1px 12px;
	letter-spacing: 1pt;
}
/*H4 je název autora v ANOTACI*/
h4 {
	color: black;
	font-size: 16px;
	/*font-variant: small-caps;*/
  font-weight: normal;
	font-family: Arial;
	text-align: left;
	margin: 5px 1px 5px 10px
}
/*H5 je nadpis názvu inscenace v ANOTACI*/
h5 {
	font-size: 20px;
	/*font-variant: small-caps;*/
	color: black;
	font-weight: bold;
	font-family: Arial;
	text-align: left;
	margin: 1px 1px 10px 10px;
	}
	

/*h6 je nadpis pro NOVINKY na titulní straně */
h6 {
	font-size: 14px;
	font-variant: small-caps;
	color: white;
	/*display: block;
	border-top: 1px dotted black;*/
	font-weight: normal;
	font-family: Arial, Verdana;
	text-decoration: none;
	text-align: left;
	margin: 10px 5px 0px 5px;
	padding: 5px 10px 5px 10px;
	background-color: #A1A0A0;
		}

.photo {
	color: #A1A0A0;
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	text-align: right;
	padding: 3px 10px 3px 60px;
	margin: 2px 10px 8px 12px;
	letter-spacing: 2pt;
	border-bottom: 1px dotted #AFACAC;
}
.uvodnik {
	font-family: Arial;
	font-size: 1em;
	letter-spacing: 0pt;
	text-align: left;
	line-height: 150%;
	text-indent: 0px;
	margin: 5px 15px 20px 10px;
		/*border: 1px solid gray;
	padding: 10px;*/
}
.menu {
	font-family: Verdana;
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 0px;
	margin: 5px 5px 5px 5px
}
}
.picture {
	font-family: verdana, "geneva ce", lucida, sans-serif;
	font-size: 12px;
	text-align: left;
	text-indent: 0px;
	margin: 0px 15px 15px 15px
}
/*novinky - text na titulní straně */
.novinky {
	font-family: Arial, verdana, "geneva ce", lucida, sans-serif;
	font-size: 11px;
	color: black;
	font-variant: normal;
	text-align: left;
	margin: 0px 5px 5px 5px;
	padding: 10px;
	background-color: white/*#CFDCE6;*/;
	border: 1px solid gray;
	
}

.sklepeni {
 font-family: Arial, 'geneva ce', lucida, sans-serif;
 font-size: 11px;
 text-indent: -5px;
 margin: 2px 5px 2px 10px;
 color: black;
 letter-spacing: 0pt;
 line-height: 140%;
 
 }

.sklepeni a {
font-size: 13px;
font-weight: bold;
letter-spacing: 0.5pt;
border: 0px;
}

.others {
 font-family: Arial, 'geneva ce', lucida, sans-serif;
 font-size: 11px;
 text-indent: -5px;
 margin: 2px 5px 2px 10px;
 color: black;
 letter-spacing: 0pt;
 line-height: 140%;
 
 }

.others a {
font-size: 13px;
font-weight: bold;
letter-spacing: 0.5pt;
border: 0px;
text-decoration: none;
border-bottom: 1px dotted #b2b2b2;
}
.texty {
 font-size: 12px;
 text-indent: 0px;
 margin: 10px;
 color: #00487D;
 letter-spacing: 0.5pt;
 line-height: 200%;
 font-weight: normal;
 padding: 6px;
 }

.texty a {
font-size: 12px;
font-weight: normal;
letter-spacing: 0.5pt;
text-decoration: none;
border-bottom: 1px dotted gray;
}

.info {
border: 1px dotted black; 
padding: 10px 5px; 
font-size: 13px;
text-align: center;
line-height: 140%;
}

/*.zapati {
	font-family: verdana, "geneva ce", lucida, sans-serif;
	font-size: 10px;
	/*letter-spacing: 3pt;
	color: gray;
	text-align: right;
	margin: 0px;
	padding: 4px;
}*/
.vystavy {
font-family: Arial;
font-size: 12px;
line-height: 130%;}
.vystavy2 {
font-family: Arial;
font-size: 11px;
line-height }


/* pokus ohlasy */


.ohlasy ul {
	margin: 0;
	padding: 0;
  border: 5px solid gray;
        
}
.ohlasy ul li {
	display: inline;
	width: 380px;
	float: right;
	font-family:  Arial, MS Trebuchet;
	font-size: 11px;
	letter-spacing: 3pt;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 2px 2px;
	
	
	
}
.ohlasy ul li a,  #menu ul li.active {
	font-family:  Arial, MS Trebuchet;
	font-size: 11px;
	letter-spacing: 0.3pt;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 1px 10px 1px 1px;
	border-right: 5px solid #CFDCE6;
  }


.ohlasy ul li a:hover {
	color: black;
	background: white;
  border-right: 5px solid black;
}


.ohlasy h2 {font-family:  Arial, MS Trebuchet;
	font-size: 11px;
	letter-spacing: 0.5pt;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 2px;
	margin: 0px 10px 0px 200px;
  background-color: white;
  color: black;
  border-bottom: 1px dotted black;
  border-top: none;
  border-left: none;
  border-right: none;
}

.ohlasy h2 a{font-size: 11px;
	letter-spacing: 0.5pt;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 2px;
	margin: 0px;
	background-color: white;
  color: black;
  border-right: 5px solid #CFDCE6;
  
}
.ohlasy h2 a:hover { 
	color: black;
	background: white;
  border-right: 5px solid black;
}

.ohlasy{
font-size: 11px;
margin: 4px 15px 4px 10px;}

.citace {
font-size: 10px;
text-align: right;
font-style: italic;
margin: 0px 15px 10px 10px;}

.button a{
  font-weight: bold;
  padding: 15 5; 
  border: 1px solid gray; 
  font-size: 12px; 
  font-family: arial; 
  background-color: #CFDCE6; 
  color: black; 
  display: block;
  text-decoration: none;
  letter-spacing: .3pt;}
  
.button a:hover {padding: 15 5; 
  border: 1px solid gray; 
  font-size: 12px; 
  font-family: arial; 
  background-color: brown; 
  color: white; 
  letter-spacing: .3pt;}
