body {BACKGROUND-COLOR: #101010; margin: 0px;}

#left1 { BACKGROUND-COLOR: #D6DF21; FONT-SIZE: 24px ; WIDTH: 240px; padding: 0px; float: left; height: 50px;}
#left1 a {color: #101010; }
#left1 a:hover {text-decoration: none; FONT-SIZE: 30px;}
#right1 { FONT-SIZE: 24px ; text-align: right; clear: right; height: 50px;}
#right1 a {color: #D6DF21; }
#right1 a:hover {text-decoration: none; FONT-SIZE: 30px;}
#left2 { BACKGROUND-COLOR: #D6DF21; FONT-SIZE: 34px;  WIDTH: 240px; padding: 0px; float: left; clear: both; FONT-WEIGHT: bold; TEXT-ALIGN: center; COLOR: #101010; HEIGHT: 80px;}
#right2 {FONT-SIZE: 34px; FONT-WEIGHT: bold; TEXT-ALIGN: center; COLOR: #D6DF21; clear: right; HEIGHT: 80px;}

#month {BACKGROUND-COLOR: #6B656B;  width: 100%; border-top: dashed; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;  height: 30px}
#month td {font-size: 11px; font-family: Verdana; TEXT-ALIGN: center; COLOR: #D6DF21; WIDTH: 10%; padding: 0px;}
#month td a {color: #D6DF21;}
#month td a:hover {text-decoration: none; color: #D6DF21; border: 2px solid #D6DF21; border-radius: 10px; padding-left: 20px; padding-right: 20px; padding-top: 4px; padding-bottom: 4px;}
#month td.ten {color: #D6DF21; border: 2px solid #D6DF21; border-radius: 10px;}

#kalendarium {width: 100%; border-collapse: collapse;}
#kalendarium td.hour {width: 170px; text-align: center; vertical-align: middle; color: #ADADAD; font-family: verdana; font-size: 11px; line-height: 1.7em; padding: 0px; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;}
#kalendarium td.hour span { color: #FFFFFF; font-size: 18px; font-family: Georgia; }
#kalendarium td.hour a { color: #ADADAD; text-decoration: underline;}
#kalendarium td.hour a:hover { color: #FFFFFF; text-decoration: none; letter-spacing: 1px}
#kalendarium td.day { width: 70px; height: 70px; text-align: center; vertical-align: middle; background-color: #D7DF23; color: #333333; font-size: 2.5em; font-family: Georgia; padding: 0px; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;}
#kalendarium td.title {font-size: 14px; font-family: Arial; COLOR: #ADAEAD; padding-left: 0px; vertical-align: middle; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;}
#kalendarium td.title span { color: #D7DF23; font-size: 24px; text-transform: uppercase; font-weight: bold; line-height: 1em; }
#kalendarium td.premiera {BACKGROUND-COLOR: #1b1b1b; font-size: 14px; font-family: Arial; COLOR: #ADAEAD; padding-left: 0px; vertical-align: middle; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;}
#kalendarium td.hour span.prem { color: #D7DF23; font-family: Arial;  font-size: 36px; line-height: 1.2em; }
#kalendarium td.premiera a {color: #D7DF23; font-family: Castellar; font-size: 46px; line-height: 1.2em; text-transform: uppercase; }
#kalendarium td.premiera a:hover {color: #ffffff;}
a img {	WIDTH: 100px; HEIGHT: 130px; border-width: 1px; border-style: solid; border-color: #c0c0c0;}
a:hover img { border-style: solid; border-width: 1px; border-color: #101010;}
#kalendarium td {border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;}
#kalendarium td.foto {BACKGROUND-COLOR: #1b1b1b; width: 140px; text-align: center; vertical-align: middle; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD;}
#kalendarium td.foto img {	WIDTH: 100px; HEIGHT: 130px; border: 1px solid #c0c0c0;}
#kalendarium td.foto1 {width: 100px; text-align: center; vertical-align: middle; }
#kalendarium td.foto1 img {	WIDTH: 46px; HEIGHT: 60px; border: 1px solid #c0c0c0;}

#kalendarium td.zagr {height: 80px; text-align: center; vertical-align: middle; color: #ff0000; font-family: Verdana; font-size: 26px; border-bottom: dashed; border-width: 1px; border-color: #ADAEAD; }
#kalendarium td.zagr a {color: #D6DF21;}
#kalendarium td.zagr a:hover {color: #ffffff; letter-spacing: 2px; text-decoration: none}



#button1 {text-align: left; float: left; height: 20px; padding-left: 5px}
#button1 a {color: #6B656B; }
#button1 a:hover {text-decoration: none; color: #D6DF21;}
#button2 {text-align: right; clear: right; height: 20px; padding-right: 5px}
#button2 a {color: #6B656B; }
#button2 a:hover {text-decoration: none; color: #D6DF21;}

/* overlib -> overDiv (info obsady)*/
#overDiv {border:1px solid #c8c8c8; padding:5px; background-color:#D7DF23; border-radius: 10px;}	

/* przyciski -> button1*/
button {
  background-color: #6c6c6c; 
  color: white; 
  border: 2px solid #2C2F33;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	transition-duration: 0.6s;
	border-radius: 10px;
}
button:hover {  background-color: #ffffff; color: black; box-shadow: 0 12px 16px 0 rgba(255,255,255,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}

button.prev{  background-color: #D7DF23; border: 2px solid #808080; color: #000000}
button.prev:hover {  background-color: #ffffff;  color: black; box-shadow: 0 12px 16px 0 rgba(255,255,255,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}	


/* kolor w obsadach spektakli - IX.24*/
#red {color: #ff0000}
#blue {color: #0000ff}
#grey {color: #b0b0b0}
s {color: #b0b0b0}