html, body{
 background-color: #000000; 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

p {
    color : #999999;
    font-family: verdana, arial, "sans-serif";
    font-size : 12px;
    text-align : justify;
    text-indent : 20px;
    padding-right: 40px;    
  }

h1 {
    margin:0;
	 text-align:center;    
  }


h2 {
    color : #DDDDDD;
    font-family : verdana;
    font-size : 16px;
    margin-left : 0px;
  }


h3 {
    color : #DDDDDD;
    font-family: "Courier New", Courier, monospace;
    font-size : 14px;
    letter-spacing : 5px;
    margin-left : 0px;
    text-align:center;
  }


h5 {
    color : #DDDDDD;
    font-family : Arial;
    font-size : 12px;
    margin-top : 4px;
    margin-left : 0px;
  }


h6 {
    color : #222222;
    font-family : Arial;
    font-size : 10px;
    margin-top : 4px;
    margin-left : 10px;
  }



img.zdj {
    position : relative;
    top: 1px;
  }


.date {
    display:table-cell;
    border-top: 1px #888 solid;
    border-bottom: 1px #999 solid;
    color : #CCBBEE;
    font-size: 14px;
    font-family : 'Arial';
    font-weight : bold;
    width : 200px;
    height : 60px;
    text-align : center;
    vertical-align: middle;
  }


.koncert {
    display:table-cell;
    border-top: 1px #888 solid;
    border-bottom: 1px #999 solid;
    color : #EEEEEE;
    font-size: 13px;
    font-family : 'Arial';
    font-weight : bold;
    width : 400px;
    height : 60px;
    text-align : center;
    vertical-align: middle;
  }

#konc-0 th {
    height : 80px;
}

.mp3 {
    color : #FFAD24;
    font-family : 'Arial';
    font-size : 12px;
    font-weight : bold;
  }



a {
    color : #AAAAAA;
    text-decoration : none;
    outline: none;

  }


a:hover {
    color: #FFFFFF;    
  }

td {
    margin-left : 0px;
    margin-right : 0px;
    padding-left : 0px;
    padding-right : 0px;
}


img {
    border-bottom-style : none;
    border-bottom-width : 0;
    border-left-style : none;
    border-left-width : 0;
    border-right-style : none;
    border-right-width : 0;
    border-top-style : none;
    border-top-width : 0;
    direction : inherit;
    margin-left : 0px;
    margin-right : 0px;
    padding-left : 0px;
    padding-right : 0px;
    opacity: 1;
  }


strong {
    color : #FFFFFF;
    font-weight : bolder;
    letter-spacing : 1px;
  }

b {
    color : #FFFFFF;
    font-weight : bolder;
    letter-spacing : 1px;
  }

#mp3 h1 {
    background:url(gfx/h1-mp3.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
	 text-align:center;
}

div#video {
    margin-top : 60px;
}

#video h1 {
    background:url(gfx/h1-video.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
	 text-align:center;
}

#news { 
margin-right: 140px;
font-size: 14px;
text-align: left;
color: #a79445;
padding-bottom: 30px;
width: 500px;
margin-left: 20px;
}

#plyta { 
margin-right: 140px;
font-size: 14px;
text-align: center;
color: #a79445;
padding-bottom: 300px;
width: 500px;
margin-left: 120px;
}

#minimaxpic {
	
}	

#links { 
float: right;
color: #220000;
position: absolute;
top: 0;
left: 599px;
width: 190px;
}


/* div div div div div div div div div div div */


#mainContainer{ 
 width:789px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

#home-0 h1 {
    background:url(gfx/h1-plyta.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
}
 
#top{
 background-image : url('gfx/top-null.jpg');
 position:relative; 
 height:147px; 
 background-color:#000000; 
 width:100%;
} 
 
div#menu {
    background-color : #5577FF;
    height : 43px;
    position: relative;
  }

div#content {
    background-color : #000000;
    background-image : url('gfx/bg.jpg');
    overflow : hidden;
    min-height : 1007px;
    width : 789px;
    position: relative;
  }


/*------- Zesp ---------*/

div#zesp-2 {
   text-align : center;
   font-family: "Courier New", Courier, monospace;
   font-weight : bolder;
   color : #f2c63c;
   padding : 10px 10px 10px 10px;
}

#zesp-0 h1 {
    background:url(gfx/h1-kamienkamienkamien.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
	 text-align:center;
}

#zesp-2 div {
   margin : 10px 10px 10px 10px;
   width : 320px;
   height: 320px;
   padding-top : 10px;
}

#zesp-2 img {
   border: 0px #cf1a11 solid;
   margin-bottom : 10px;
}

/*------- Konc ---------*/

div#konc-0 {
   text-align : center;
}

#konc-0 h1 {
    background:url(gfx/h1-planowanekoncerty.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
	 text-align:center;
}
	 
/*------- Foto ---------*/


div#foto-0 {
	text-align : center;
}

#foto-1 h1 {
    background:url(gfx/h1-zdjeciazkoncertow.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
	 text-align:center;
}

#foto-2 h1 {
    background:url(gfx/h1-zdjecianiezkoncertow.png) no-repeat top center;
    text-indent:-5000px;
	 height:30px;
	 text-align:center;
}

#foto-0 table {
  margin-bottom : 60px;
}

#foto-0 tr {
  cursor : hand;
  cursor : pointer;
  }
#foto-0 tr:hover {background-color:#212;}

#gal-1 {
   text-align : center;
}

#gal-2 {
   text-align : center;
}

#gal-4 {
   text-align : justify;
}

#gal-3 {
   text-align : center;
}

.gal {
   margin : 4px 4px 4px 10px;
}

/* ----------------GALLERY-----------*/

div#gallery {
    clear : both;
    margin-left :0px;
    overflow : hidden;
    position : absolute;
    top : 20px;
    width: 100%;
    z-index : 99;
    opacity: 1;
  }

div#galBg {
    background-color : #000000;
    display : block;
    text-align: left;
    top: 40px;
    left: 50%;
    width : 802px;
    height: 538px;
    padding-left: 2px;
    padding-top: 1px;
    position: absolute;
    z-index : 996;
  }

div#galFooter {
    background-color : #225577;
    float: left;
    margin-left: 1px;
    margin-top: 3px;
    height: 35px;
    width : 400px;
    z-index : 997;
    left: 0px;    	
}

div#galArrows {
    background-color : #225577;
    width: 200px;
    float: left;
    margin-top: 3px;
    height: 35px;
    z-index : 997;
    padding-top: 0px;
  	
}

p#galSig {
    position : relative;
    text-align : left;
    color : #99A99E;
    font-family : Arial;
    font-size : 10px;
    text-indent : 5px;
    margin-top : 3px;
}

p#galTxt {
    position : relative;
    text-align : left;
    color : #FFFFFE;
    font-family : Arial;
    font-weight : bold;
    font-size : 10px;
    text-indent : 20px;
}

/*--------  vvvvvvvvvvvvv ----------*/

div#pre {
    background-color : #000000;
    display : block;
    left : 0px;
    position : absolute;
    text-align : center;
    top : 0px;
    top: -20px;
    width : 100%;
    height: 1000px;
    z-index : 997;
  }


div.text {
    margin-left : 20px;
    margin-right : 20px;
    margin-top : 40px;
  }
  
#slideshow {
    position:absolute;
    margin-left : -165px;
    left: 50%;
    text-align : center;
    width : 320px;
    height:292px;
    
}



#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}