*{
 margin:0;
 padding:0;
 border:0;
 }
#repertoire #banner{margin-bottom:-10px !important;}
html{
 position:relative;
 height:auto;
 }  
body{
 behavior:url("template/htc/csshover.htc");
 background-color:#fff;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000;
 position:relative;
 height:100%;
 }
#container{
 width:868px;
 margin:0 auto;
 /*border:1px solid #ccc;*/
 } 
#topBar{
 width:868px;
 height:173px;
 position:relative;
 z-index:2;
 } 
#header{
 width:695px;
 height:173px;
 float:left;
 } 
#header img{
 display:none;
 } 
.spacer{
 clear:both !important;
 height:0 !important;
 padding:0 !important;
 margin:0 !important;
 border:0 !important;
 overflow:hidden !important;
 visibility:hidden !important;
 }
/*============================Kalendarz========================*/ 
#calendar{
 width:155px;
 margin-top:10px;
 float:left;
 } 
.activeCal{
 background-color:#000 !important;
 color:#fff;
 } 
#currentMonthYear{
 background:transparent url(../design_img/yellowDot.gif) center left no-repeat;
 color:#000; 
 text-transform:uppercase;
 padding:5px 0px 5px 30px;
 margin:0px 0px 5px 0px;
 font-size:10px;
 font-weight:bold;
 position:relative;
 }
#currentMonthYear span{
 position:absolute;
 right:3px;
 top:5px;
 font-weight:normal !important;
 } 
#days{
 width:155px;
 height:105px;
 float:left;
 margin:-1px 0px 0px -1px;
 /*background-color:#f00;*/
 }  
#days li{
 float:left;
 background-color:#999;
 color:#fff;
 list-style-type:none;
 margin:1px;
 width:20px;
 padding:3px 0px 3px 0px;
 vertical-align:middle;
 text-align:center;
 font-weight:bold;
 }
.activeCal:hover{
 cursor:pointer;
 background-color:#fc0 !important;
 color:#000 !important;
 } 
#prevNextMonth{
 width:155px;
 padding-top:10px;
 clear:both;
 }
#prevNextMonth a{
 color:#fc0;
 text-transform:uppercase;
 font-size:9px;
 text-decoration:none;
 } 
#prevNextMonth a:hover{
 border-bottom:3px solid #fc0;
 } 
#prev{
 float:left;
 }
#next{
 float:right;
 margin-right:3px;
 }  
/*============================Repertuar========================*/  
#repertoire{
 width:530px;
 height:121px;
 float:right;
 position:relative;
 margin-top:14px;
 background-color:#fff;
 border-top:15px solid #f1f1f1;
 /*border-bottom:15px solid #f1f1f1;*/
 }
#repertoireContent{
 width:520px;
 height:55px /*40 kp*/;
 padding:5px;
 /*background:#fc0 url(../design_img/repertoireBg.gif) 498px 6px no-repeat;*/
 position:absolute;
 background-color:#fc0;
 top:70px/*80 kp*/;
 left:0;
 display:block;
 } 
#repertoireContent a{
 color:#000;
 text-decoration:underline;
 } 
#repertoireContent a:hover{
 text-decoration:none;
 } 
#repertoireContent strong{
 margin-right:10px;
 font-size:12px;
 } 
/*============================Logotyp========================*/
#logotype{
 float:right;
 margin-top:10px;
 }  
/*============================Nawigacja========================*/  #navBox{float:left;
 width:155px;
 position:relative;
 z-index:180;
}
#nav{
 /*float:left;*/
 width:155px;
 position:relative;
 z-index:180;
 }
#nav li{
 list-style-type:none;
 }
#nav a{
 display:block;
 width:151px;
 padding:3px 0px 3px 1px;
 color:#000;
 text-decoration:none;
 text-transform:uppercase;
 font-size:10px;
 border-bottom:1px solid #dedede;
 } 
#nav a:hover{
 background-color:#999;
 color:#fff;
 } 
#subnav1 a, #subnav2 a, #subnav3 a, #subnav4 a, #subnav5 a, #subnav6 a, #subnav7 a, #subnav8 a, #subnav9 a, #subnav10 a, #subnav11 a, #subnav12 a, #subnav13 a, #subnav14 a, #subnav15 a {
 display:block;
 width:129px;
 margin-left:15px;
 padding:3px 0px 3px 8px;
 background:transparent url(../design_img/subnava.gif) center left no-repeat;
 color:#000;
 text-decoration:none;
 text-transform:uppercase;
 font-size:10px;
 border-bottom:0px solid #dedede;
 }
.subactive{
 background-color:#f1f1f1 !important;
 color:#000 !important; 
 font-weight:bold;
 }
#subnav1 a:hover, #subnav2 a:hover, #subnav3 a:hover, #subnav4 a:hover, #subnav5 a:hover, #subnav6 a:hover, #subnav7 a:hover, #subnav8 a:hover, #subnav9 a:hover, #subnav10 a:hover, #subnav11 a:hover, #subnav12 a:hover, #subnav13 a:hover, #subnav14 a:hover, #subnav15 a :hover { 
 color:#000;
 background:#dedede url(../design_img/subnavahover.gif) center left no-repeat;
 } 
.submenuActive{
  background:#dedede url(../design_img/subnavahover.gif) center left no-repeat;
  }
/*============================Tresc========================*/ 
#contentBox{
 float:right;
 width:703px;
 position:relative;
margin-bottom:10px;
 background:#fff /*url(../design_img/contentBoxBg.gif) top left repeat-y*/;
 }  
#sideBar{
 float:right;
 width:163px;
 min-height:450px;
 margin-top:0px;
padding-top:0px;
 margin-bottom:10px;
 position:relative;
 /*background-color:#999;*/
 z-index:2;
 }
* html #sideBar{
 overflow:visible;
 height:450px;
}
#sideBar ul{
 width:162px;
 margin-left:0px;
 margin-top:0px;
} 
#sideBar ul li{
 list-style-type:none;display:block;width:162px;height:87px;
 margin-bottom:0px;padding:0px;
 }
#sideBar ul li img{
 border:0px solid #fff;
 padding:0px;
 }
#sideBar ul li img:hover{
 cursor:pointer;
 border-color:#333;
}
#content{
 float:left;
 width:520px;
 padding:0px 5px 10px 5px;
 } 
#content p{
 margin-bottom:10px;
 text-align:justify;
 line-height:1.66;
 } 
#content ul {
margin-left: 15px;
}
h1{
 font-size:16px;
 margin-bottom:5px;
 background:transparent url(../design_img/h1bg.gif) center left no-repeat;
 padding:2px 0px 2px 30px;
 margin-left:-5px;
 } 
h2{
 font-size:14px;
 clear:both;
 padding-bottom:10px;
 } 
.article{
clear:both;
 margin-top:0px;
 } 
.article p{
 clear:right;
 } 
.article p span{
 margin-right:10px;
 color:#aaa;
 } 
.article img{
 float:left;
 margin-right:10px;
 margin-bottom:0px;
 padding:3px;
 border:0px solid #ccc;
 } 
.article img:hover{
 cursor:pointer;
 border-color:#333;
 } 
.article h2{
 padding:2px 0px 2px 5px;
 margin-bottom:5px;
 clear:both;
 position:relative;
 } 
.article h2 span{
 position:absolute;
 right:5px;
 top:4px;
 font-size:11px;
 } 

/*============================Stopka========================*/
#footer{
 clear:both;
 margin-top:-10px;
 /*background:#fc0 url(../design_img/footerBg.gif) 3px 0px no-repeat;*/
border-top:1px solid #ccc; /*background:transparent url(../design_img/pixel.gif) top left no-repeat;*/
 height:130px;
 position:relative;
 z-index:2;
 }  
#footer img{

 } 
#footerContent{
 /*width:525px;*/
 margin-left:175px;
 padding-top:30px;
 text-align:justify;
 color:#aaa;
 } #footerContent a{color:#bcbbc0;text-decoration:none;}
#footerContent a:hover{text-decoration:underline;}  
/*NUMBERED GALLERY*/
.numberedGallery dl{
 width:95px;
 float:left;
 margin:0px 2px 3px 2px;
 position:relative;
 }  
  
.numberedGallery dt{
 position:relative;
 width:85px;
 height:85px;
 padding:5px;
 margin:1px;
 border:1px solid #ccc;
 background-color:#fff;
 list-style-type:none;
 overflow:hidden;
 } 
.numberedGallery dt:hover{
 background-color:#fff;
 cursor:pointer;
 }  
.numberedGallery dt img{
 position:absolute;
 top:5px;
 left:5px;
 clip:rect(0px 85px 85px 0px);
 z-index:5;
 }  
.numberedGallery dd{
 position:absolute;
 width:83px;
 height:30px;
 bottom:3px;
 left:3px;
 padding:5px;
 /*background-color:#fff;*/
 background:#fff url(../design_img/list_bull.gif) 5px 5px no-repeat;
 text-align:left;
 font-size:12px;
 display:block;
 cursor:pointer;
 text-align:center;
 z-index:20;
 }
.numberedGallery dd.zoom{
 position:absolute;
 top:0px;
 left:-3px;
 background:transparent;
 z-index:25;
 display:none;
 text-align:left;
 } 
.numberedGallery dd.zoom a{
 background-color:#fff;
 color:#777;
 text-decoration:none;
 font-size:14px;
 font-weight:bold;
 padding:3px 6px 3px 6px;
 } 

.numberedGallery dd.zoom a:hover{
 background-color:#fc0;
 color:#fff;
 } 
.numberedGallery dl:hover dd.zoom{
 display:block;
 } 
.numberedGallery dl:hover dt{
 border-color:#fc0;
 } 
.more{
 clear:both;
 text-align:right;
 }
.back{
 clear:both;
 padding-top:10px;
 text-align:left;
 }  
.moreArticle{
 text-align:right;
 } 
.back a,.more a,.moreArticle a{
 text-decoration:none;
 color:#333;
 } 
.back a:hover,.more a:hover, .moreArticle a:hover{
 text-decoration:underline;
 color:#000;
 } 
/*==========================*/ 
#zoomDiv{
position: absolute;
top: 15%;
left: 25%;
 padding:10px;
 border:1px solid #ccc;
 background-color:#fff;
 display:none;
 cursor:pointer;
 z-index:200;
 }
#zoomDiv li{
 list-style-type:none;
 font-size:12px;
 }
#zoomDiv .description{
 padding-top:10px;
 text-align:center;
 }
#zoomDiv:hover{
 border-color:#fc0;
 }
#zoomDiv:hover img{
 position:relative;
 } 
#zoomDiv:hover a{
 display:block;
 position:absolute;
 } 
#zoomDiv a{
 position:absolute;
 top:0;
 right:0;
 padding:3px 7px 3px 7px;
 background-color:#fc0;
 text-decoration:none !important;
 color:#fff !important;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 display:none;
 z-index:200;
 }   
#zoomDiv img{
 /*position:relative;*/
 z-index:100;}  
/*==================================*/
#zoomDivCon{
 display:none;
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 background-color:transparent;
 } 
* html #zoomDivCon{
position:absolute;
width:100%;
height:100%;
margin:0;
z-index:200;
background-color:transparent;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+0+"px" : body.scrollTop+0+"px");
left:0;
}   
/*==========PaGING==================*/
.paging{
 clear:both;
 padding-top:10px;
 padding-bottom:10px;
 }
.paging a{
 border:1px solid #ccc;
 margin-left:2px;
 padding:2px 5px 2px 5px;
 color:#333 !important;
 font-size:12px;
 text-decoration:none !important;
 } 
.paging a:hover{
 background-color:#333;
 color:#fff !important;
 }  
/*==========Afisz==================*/ 
fieldset{
 border:1px solid #ccc;
 padding:10px;
 }
legend{
 font-weight:bold;
 padding:0px 5px 5px 5px;
 } 
fieldset form{
 margin-left:5px;
 margin-top:10px;
 } 
fieldset li{
 list-style-type:none;
 margin-bottom:5px;
 }
label{
 margin-right:0px;
 width:120px;
 float:left;
 display:block;
 } 
#newsInp{
 border:1px solid #ccc;
 width:180px;
 }    
#newsSubmit{
 background-color:#000;
 color:#fff;
 width:80px;
 text-align:center;
 margin-left:5px;
 cursor:pointer;
 }
select{
 border:1px solid #ccc;
 width:183px;
 } 
#newsSubmit:hover{
 background-color:#fc0;
 color:#000;
 } 
.repertoireList li{
 list-style-type:none;
 margin-bottom:10px;
 border-left:3px solid #fc0;
 padding-left:5px;
 }
.repertoireList a{
 color:#aaa;
 text-decoration:none;
 margin-left:5px;
 } 
.repertoireList a:hover{
 text-decoration:underline;
 color:#000;
 } 
.repertoireList label{
 font-weight:bold;
width:130px !important; } 
.txt{
 display:none;
 }  
#repTxt{
 position:absolute;
 left:-20px;
 top:36px;
 }  
.spectaclesList{
 margin-top:10px;
 } 
.spectaclesList li{
 list-style-type:none;
 margin-bottom:5px;
 vertical-align:top;
 } 
.spectlink{
 position:relative;
 top:25px;
}
.spectaclesList li img{
 position:absolute;
 top:3px;
 left:3px;
 clip:rect(0px,60px,60px,0px);
 } 
.spectaclesList li img:hover{
 cursor:pointer;
 border-color:#333;
 } 
.spectaclesList li a.specta{background-color:#fff;
 float:left;
 margin-right:10px;
 color:#000 !important;
 display:block !important;
 width:60px !important;
 height:60px !important;
 position:relative !important;
 overflow:hidden !important;
 padding:3px !important;
 border:1px solid #ccc !important;
 text-decoration:none !important;
 border:1px solid #ccc !important;
 }
.spectaclesList li a.specta:hover{
 border-color:#333 !important;
}
.spectaclesList li a{
 color:#000;
 text-decoration:none;
 }
.spectaclesList li a:hover{
 text-decoration:underline;
 } 


#ContactForm li{
 list-style-type:none;
 margin-bottom:5px;
 }
#imie_nazwisko,#email,#tresc{
 background-color:#fff;
 border:1px solid #ccc;
 width:200px;
 }  
#SendBtn{ 
 position:relative;
 left:120px;
 width:202px;
 border:none;
 background-color:#333;
 text-align:center;
 color:#fff;
 cursor:pointer;
 } 
#SendBtn:hover{
 background-color:#fc0;
 color:#000;
 } 
 
#language{
 position:absolute;
 top:-14px;
 right:10px;
 }
#language a{
 margin-left:5px;
 color:#333;
 text-decoration:none;
 }  
.activeLan{
 font-weight:bold;
 } 
#language a:hover{
 text-decoration:underline;
 } 
#productionHover{
 /*background-color:#000;*/
 background-image:url(../design_img/grey_dot.gif);
 display:block;
 width:20px;
 height:20px;
 position:absolute;
 bottom:55px;
 left:105px;
 cursor:pointer;
 } 
#zz{
 position:absolute;
 top:0px;
 left:105px;
 width:21px !important;
 height:20px !important;
}
#productionHover:hover #production{
 display:block;
 } 
#production{ 
 background-color:#fff;
 width:160px;
 padding:3px 3px 4px 4px;
 position:absolute;
 bottom:0px;
 left:-167px;
 z-index:200;
 display:none;
 }
#production a{
 color:#333;
 text-decoration:none;
 }
#production a:hover{ 
 text-decoration:underline;
 }     
 
a.activePaging{
 background-color:#333 !important;
 color:#fff !important;
 }  

#numberedGallery{

 width:100%;

 position:relative;

clear:both;

padding-top: 10px;

 }

#numberedGallery dl{

 width:70px;

 height:70px;
 
 float:left;

 margin:0px 5px 5px 5px;
 

 }  

#numberedGallery dt{

 position:relative;

 width:65px;

 height:65px;

 padding:0px;

 margin:0px;

 border:1px solid #ccc;

 background-color:#fff;

 list-style-type:none;

 /*overflow:hidden;*/

 }

#numberedGallery dt:hover{

 background-color:fff;

 cursor:pointer;

 }

#numberedGallery dt a{

 display:block;

 width:65px;

 height:65px;

 padding:0px;

 position:relative;

 overflow:hidden;

} 
* html #numberedGallery dt a{

 display:block;

 width:65px;

 height:65px;

 padding:0px;

 position:relative;

 overflow:hidden;

} 

#numberedGallery dt img{

 position:absolute;

 top:0px;

 left:0px;

 clip:rect(0px 65px 65px 0px);

 z-index:5;

border:none !important;

 } 
* html #numberedGallery dt img{

 position:absolute;

 top:0px;

 left:0px;

 clip:rect(0px 65px 65px 0px);

 z-index:5;

border:none !important;

 }  

#numberedGallery dl:hover dt{

 border-color:#333;

 }
.spacer{
 clear:both;
 height:0;
 margin:0;
 padding:0;
 overflow:hidden;
 } 
.spectaName{
 color:#333;
 text-decoration:none;
 position:relative;
 top:25px;
 margin-left:10px;
 } 
.spectaName:hover{
 text-decoration:underline;
 }
.rday{
 font-weight:normal !important;
 margin-left:3px;
 margin-right:5px;
}

#sideBar ul{
 width:162px;
 margin-left:0px;
 margin-top:0px;
} 

* + html #sideBar ul li{
 list-style-type:none;display:block;width:162px;height:87px;
 margin-bottom:-2px;padding:0px;
 }

#banner {
	width: 530px;
	height: 60px;
	margin-top: 5px;
}