body {
text-align: center;
font-family: verdana;
background: #31659C; }

.em {
line-height: 1.25em ; }

#container {
width: 750px;
margin-left: auto;
margin-right: auto; 
text-align: left;
background: #69C;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
font-size: 11px;
padding: 0; }

h1 {
font-size: 23px;
padding: 15px;
background: darkorange;
color: white;
margin: 0;
text-align: center; }

/*h3 {
color: black;
background: #eee;
padding: .4em;
border-top: 1px solid darkorange;
font-size: 13px;
font-weight: bold; }*/

h3 {
color: #69C;
padding: .3em 0;
border-bottom: 1px solid #69C;
border-top: 2px solid #69C;
font-size: 15px;
text-align: center;
font-weight: bold;
background: #eee; }

h2 {
padding: .3em;
font-size: 14px;
color: darkorange;
text-align: center;
font-weight: bold;
margin-top: 0; }

h4 {
color: #69C;
font-weight: bold;
font-size: 15px;
text-align: center; }

h5 {
color: #69C;
font-weight: bold;
font-size: 12px;
text-align: center; }

h6 {
color: #69C;
font-weight: bold;
font-size: 23px;
margin: .2em;
text-align: center; }

h7 {
font-family: arial;
text-align: center;
color: #69C;
font-weight: bold;
font-size: 15px;
text-align: center; }

#leftnav {
float: left;
width: 130px;
margin: 0;
padding: 0;
font-size: 11px;
color: #fff;
font-family: verdana; }

#content {
margin: 0;
padding: 0;
float: left;
width: 490px;
background: #fff;
/*border-top: 3px solid #eee;*/ }

#rightnav {
margin: 0;
padding: 0;       
border-top: 1px solid #eee;
text-align: center;
float: right;
width: 130px;
background: #2C5885; }

.plakat_prawy {
border-bottom: 1px solid #eee;
padding: 5px 0; }

.plakat_prawy img {
margin: 5px 0; }

#rightnav a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 10px;
margin: 0;
padding: 0 5px; }

#rightnav a:hover {
color: #fff;
text-decoration: underline;
font-weight: bold;
font-size: 10px;
margin: 0;
padding: 0 5px; }


.p1:first-letter {
font-size: 200%;
font-weight: bold; }

.p1 { 
text-align: justify; }

.just {
text-align: justify; }

#footer {
clear: both;
margin: 0;
width: 750px;
color: #333;
padding: .5em 0;
background-color: #ddd;
border-top: 1px solid white;
text-align: center;
font-size: 11px; }

#leftnav p {
margin: 0 0 1em 0; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 130px; /* Width of Menu Items */
border-bottom: 1px solid #fff; 
background: #2C5885; }
       
.suckerdiv ul li{
position: relative;
}
       
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
visibility: hidden; }

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
font-weight: bold;
background: #2C5885;
color: #fff;
padding: 6px 5px;
border: 1px solid #fff;
border-bottom: 0;
}

.suckerdiv ul li a:hover{
background-color: #69C;
}

.suckerdiv .subfolderstyle{
background: url(arrow-list.gif) no-repeat center right;
}
       
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
 
#batony_lewe {
text-align: center;
/*border-bottom: 1px solid white;*/
padding: 5px 0; }

#aktualnosci {
background: #fff;
padding: 15px 0; }

.naglowek {
text-align: center;
font: 12pt Verdana;
font-variant: small-caps;
font-weight: bold;
background: #94BAE7;
color: white;
padding: 0.5em 0.2em; }

.naglowek_stw {
text-align: center;
font: 11pt Verdana;
font-weight: bold;
background: #94BAE7;
color: white;
padding: 0.4em; }

#aktualnosci .akt {
width: 458px;
background: white;
margin-left: auto;
margin-right: auto;
font-size: 8pt;
border: 1px solid #ccc; }

#aktualnosci .opis {
clear: both;
padding: 10px;
line-height: 120% }

.plakacik {
margin: 10px 9px;
float: left;
border: 1px solid black; }

.plakacik0 {
margin: 10px 9px;
float: left;
border: 0; }

#aktualnosci .info {
padding: 0.2em 0;
float: right;
margin: 10px 10px 0 0;

border-top: 2px solid #eee;
border-bottom: 2px solid #eee;
text-align: right; }

#aktualnosci .data {
font-size: 8pt;
font-weight: bold;
color: #69C;
text-align: right;
margin-bottom: 0.5em; }


#kalendarium {
background: #fff;
padding: 15px 0; }

#kalendarium td {
font-size: 11px;
color: #black;
padding-left: 15px;
padding-right: 15px; }

#kalendarium td.data {
font-weight: bold;
text-align: left;
vertical-align: top; }

#kalendarium td.miejsce {
font-weight: bold;
width: 100px;
text-align: right;
color: #69c; }

#kalendarium table {
width: 500px !important;
width: 490px; }

#kalendarium .r {
color: #DD0000; }

#kalendarium .wiersz {
background-color: #51A5BA; }

img.oblej {
float: left;
margin: 0 15px 5px 0; }

img.oblej2 {
float: right;
margin: 0 0 5px 15px; }

#impreza {
background: white;
text-align: center;
width: 750px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
line-height: 150%; }

#impreza .logo {
border-bottom: 1px solid white;
padding: 0.4em;
color: white;
background: black;
font: 14pt Verdana;
font-variant: small-caps;
font-weight: bold;
text-align: center; }

#plakat {
text-align: center; }

#zawartosc {
clear: both;
text-align: left;
padding: 25px; }

#impreza .tytul {
font: 13pt Verdana;
text-align: center;
font-weight: bold;
padding: 0.4em;
background: #69C;
color: white; }

#impreza .podtytul {
font: 11pt Verdana;
text-align: center;
font-weight: bold;
padding: 0.4em;
color: #69C; }

#impreza .podtytul2 {
font-size: 10pt;
font-weight: bold;
color: #4382C0;
text-align: center;
padding-bottom: 10px;
border-bottom: 7px solid #31659C; }

#impreza .data {
font-style: italic;
font-size: 10pt;
font-weight: bold;
color: #4382C0;
padding-top: 10px;
text-align: center; }

#stopka {
font-size: 8pt;
border-top: 7px solid #31659C;
background-color: #ddd;
text-align: center;
padding: 10px 0; }

.alfa { list-style-type: upper-alpha; }

#scena {
padding: 0 15px 5px 15px;
background: #eee; }

#scena .zdjecia {
text-align: center; }

#scena .zdjecia img {
 margin: 4px 4px;
 border: 2px solid black; }

#scena #popup body {cursor: pointer; padding: 5px 0; margin: 0; text-align:center;}
#scena #popup p {margin:0;}

#scena .klik {color:#444;font-size:0.9em; text-align: center;}

#scena #aktualnosci {
background: white;
padding-bottom: 0; }

#scena #aktualnosci .akt {
border: 1px solid #ccc; }

.do_gory {
text-align: center;
font-size: 9px;
padding: 15px; }

.do_gory a {
text-decoration: none;
color: #000; }

.do_gory a:hover {
text-decoration: underline; }

.archiwum a {
text-decoration: none;
color: #000; }

.archiwum a:hover {
text-decoration: underline; }


.miesiac {
width: 320px;
padding: 10px;
font-size: 11px;
line-height: 120%;
background: #eee;
border: 2px solid #ddd;
float: left; }

.miesiac img {
border: 1px solid black; }

.miesiac .kiedy {
text-align: center;
background: #69C;
font-size: 13px;
font-weight: bold;
color: #fff;
padding: 5px; }

.miesiac .kto {
text-align: center;
color: #69C;
font-size: 13px;
font-weight: bold;
padding: 5px; }

.miesiac ul {
padding-left: 7px;
list-style: none; }

.miesiac li {
padding-top: 5px; }

.miesiac a {
text-decoration: none;
color: #000; }

.miesiac a:hover {
text-decoration: underline;
color: #000; }

.jarmark a {
text-decoration: none;
color: darkorange; }

.jarmark a:hover {
text-decoration: underline;       
color: darkorange; }


img.topl, img.botl { float: left; } 
img.topr, img.botr { float: right; }

.data {
font-size: 8pt;
font-weight: bold;
color: #69C; }

.data10 {
font-size: 10pt;
font-weight: bold;
color: #69C; }


.ita {
font-style: italic; }

.mala_gal {
text-align: center;}

.mala_gal_ciasno {
text-align: center;}

.mala_gal img {
margin: 5px; 
padding: 3px;
border: 1px solid #ccc; }


.mala_gal_ciasno img {
margin: 1px; 
padding: 1px;
border: 1px solid #ccc; }

.mala_gal0 {
text-align: center;}

.mala_gal0 img {
margin: 5px; 
padding: 3px;
border: 0; }

.tytul_teatr {
color: #000; 
padding: 5px; 
margin: 0 0 10px 0; 
font-size: 18px; 
text-align: center; 
font-weight: bold;       
}

.wazne a {
text-decoration: none; }

.wazne a:hover {
text-decoration: underline; }

.podlista {
list-style-image: url('foto/podlist.gif');
font-size: 11px; }

.podlista a {
text-decoration: none;
/*color: #0b4bb6;*/
color: #000; }

.podlista a:hover {
color: red; }

.video {
text-align: center;
margin: 10px 0; }

.nauczyciel {
clear: both; }

.krecha {
border-top: 1px solid #ccc;
padding: 10px 0; }