html {
   background: steelBlue; /* kolor tła */
   margin-top: 0px;  /* marginesy zewnętrzne */
   padding-top: 0px; /* marginesy wewnętrzne */
   margin-bottom: 0px;
   padding-bottom: 0px;
   border: 0px;
   font-family: Arial, Helvetica, Verdana, sans-serif; /* krój pisma */

   height: 100%;
   margin: 0;
   padding: 0;
   padding-bottom: 1px;
}

body {
     behavior: url(./csshover.htc);
     text-align: center;
     height: 100%;
     margin: 0;
     padding: 0;
     padding-bottom: 1px;
}

.rama {
     margin-top: 0px;
     padding-top: 0px;
     width: 800px;
     margin-right: auto;
     margin-left: auto;
     text-align: center;
     cellspacing: 0px;
     border-bottom: 5px solid steelblue;
}

.lewa {
      padding: 0px;
      margin: 0px;
      height: 600px;
      width: 140px;
      background: black;
      vertical-align: top;
      text-align: left;
}

.lewa_srodek {
      width: 140px;
      height: 200px;
      margin: 0;
      padding: 0;
}

.lewa_dol {
      width: 140px;
      height: 410px;
      margin: 0;
      padding: 0;
      border: 0;
}

.sponsor {
      width: 140px;
      height:55px;
      margin: 0;
      padding: 0;
      border: 0:
}

.sponsor_tekst {
      font-size: 11px;
      color: maroon;
      text-align: justify;
      border-top: 1px solid maroon;
      padding-top: 3px;
      margin-bottom: 6px;
      padding-left: 11px;
      padding-right: 11px;
}

.srodek_i_prawa {
      padding: 0px;
      margin: 0px;
      vertical-align: top;
      text-align: top;
}

.srodek_gora {
      height: 60px;
      padding: 0px;
      margin: 0px;
      width: 520px;
      background: #cd853f;
      vertical-align: top;
}

.srodek_srodek {
      vertical-align: top;
      padding: 0px;
      margin: 0px;
      width: 520px;
      height: 500px;
      background: white;
      border: 1px solid white;
}

.srodek_dol {
      height: 30px;
      padding: 6px;
      color: silver;
      background: brown;
      text-align: center;
      font-size: 14;
}

.prawa_gora {
      width: 140px;
      background: #cd853f;
}

.prawa_srodek {
      width: 140px;
      background: silver;
      margin-bottom: 0px;
      vertical-align: top;
}

.prawa_dol {
      width: 140px;
      background: brown;
}

.nazwa_strony {
      vertical-align: text-top;
      width: 500px;
      margin-top: 5px;
      margin-bottom: 0px
      padding-top: 0px;
      padding-left: 20px;
      padding-bottom: 0px;
      font-size: 20px;
      font-weight: bold;
      color: black;
}

/* menu główne początek */

.menu_l {
      padding-top: 10px;
      margin-top: 10px;
      display: block;
      width: 138px;
      float: left;
      overflow: hidden;
}

.menu_l ul, .menu_l ul li {
      display: block;
      list-style: none;
      margin-left: 0;
      padding: 0;
      font-size: 14;
}

.menu_l ul a:link, .menu_l ul a:visited {
      display: block;
      text-decoration: none;
      text-align: right;
      background: black;
      height: 20px;
      font-size: 14;
      color: silver;
      padding: 4px;
      margin-right: 2px;
      border-top:1px solid silver;
}

.menu_l ul a:hover {
      display: block;
      background: gray;
      color: white;
      font-size: 14;
      text-decoration: none;
      border-top:1px solid gray;
}
/* menu główne koniec */


/* menu tytuły początek */


.spis {
position: relative;
top: -14;
left: 0;
width: 510px;
font-size: 14px;
line-height: 24px;
z-index: 500;

padding-bottom: -20;
}

.spis ul {
float: left;
width: 22px;
list-style: none;
margin-left: 1px;
margin-top: 0px;
margin-bottom: -20px;
font-size: 14px;
color: white;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 0px;
}

.spis ul:hover {
float: left;
width: 22px;
list-style: none;
margin-left: 1px;
margin-bottom: -20px;
padding-top: 0px;
font-size: 14px;
color: black;
font-weight: bold;
border-top: 1px solid white;
}


.spis ul li {
float: left;
width: 195px;
font-size: 14px;
text-align: center;
border-right: 1px solid white;
}

.spis ul li a {
display: block;
height: 24px;
width: 195px;
background: gray;
border-bottom: 1px solid silver;
color: white;
font-size: 14px;
text-decoration: none;
text-align: left;
padding-left: 6px;
padding-bottom: 2px;
font-weight: normal;
}

.spis ul li a:hover {
display: block;
width: 195px;
font-size: 14px;
text-decoration: none;
text-align: left;
padding-left: 6px;
padding-bottom: 2px;
color: silver;
background: black;
}

.spis ul li.submenu {
position: relative;
width: 22px;
height: 24px;
font-size: 14px;
}

.spis ul li.submenu ul {
display: none;
width: 195px;
font-size: 14px;
}

.spis ul li.submenu:hover ul {
display: block;
overflow: hidden;
position: absolute;
font-size: 14px;
top: 23px;
left: -1px;
}

/* menu tytuły koniec */


/* ramka z treścią początek */

.niebo {
      position: relative;
      top: 0px;
      z-index: 1;
      background-image: url(../obrazy/niebo1.jpg);
      background-repeat: no-repeat;
      width: 520px;
      height: 60px;
}

.tekst_glowny {
      position: relative;
      top: 0px;
      z-index: 2;

      min-height: 695px;
      height: auto !important;
      height: 695px;

      width: 510px;
      margin-top: -30px;
      margin-bottom: -30px;
      margin-right: 0px;
      padding-right: 0px;
      color: black;
      font-size: 14;
}

.powitanie_1 {
      position: absolute;
      top: 0px;
      left: 30px;
      width: 460px;
      height: 70px;
      color: black;
      font-size: 12;
      text-align: justify;
      padding: 0px;
      line-height: 130%;
}

.logo_gp {
      position: absolute;
      top: 74px;
      left: 30px;
      width: 166px;
      height: 75px;
}

.logo_sj {
      position: absolute;
      top: 74px;
      left: 202px;
      width: 133px;
      height: 75px;
}

.logo_t {
      position: absolute;
      top: 74px;
      left: 342px;
      width: 143px;
      height: 75px;
}

.powitanie_2 {
      position: absolute;
      top: 155px;
      left: 30px;
      width: 460px;
      color: black;
      font-size: 12;
      text-align: justify;
      padding: 0px;
      line-height: 130%;
}

.zajawki {
      position: absolute;
      top: 280px;
      left: 30px;
      width: 460px;
}

.informacja_zespoly {
      position: absolute;
      top: 30px;
      left: 40px;
      width: 450px;
      margin-left: 0px;
      color: black;
      font-size: 12;
      text-align: justify;
      padding: 0px;
      line-height: 130%;
}

.ziemia {
      position: relative;
      bottom: 0px;
      z-index: 1;
      background-image: url(../obrazy/ziemia3.jpg);
      background-repeat: no-repeat;
      width: 520px;
      height: 60px;
}

.tytul {
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 20px;
      border: 0px;
      padding: 2px;
      font-size: 20px;
      font-weight: bold;
      color: steelblue;
}
.autor {
      margin-top: 0px;
      padding-top: 0px;
      padding-bottom: 3px;
      margin-left: 20px;
      margin-right: 10px;
      font-style: normal;
      font-size: 12px;
      color: steelblue;
      border-bottom: 1px solid steelblue;
}

.zwrotka {
      margin-top: 0px;
      padding-top: 0px;
      margin-left:20px;
      color: black;
      font-size: 14;
      line-height: 118%;
}
.refren {
      margin-top: 0px;
      padding-top: 0px;
      margin-left:40px;
      color: black;
      font-size: 14;
      line-height: 118%;
}

.kreska {
      border-top: 1px solid steelblue;
      margin-top: 0px;
      margin-left: 20px;
      margin-right: 15px;
      margin-bottom: 0px;
}

.przypis_foto {
      position: relative;
      top: 5px;
      left: 15px;
      float: left;
      padding-right: 20px;
}

.przypis {
      position: relative;
      top: 0px;
      left: 0px;
      padding-top: 5px;
      margin-top: 0px;
      margin-left: 20px;
      margin-right: 15px;
      text-align: justify;
      font-style: normal;
      font-size: 12;
      color: brown;
}

.informacja_teksty {
      position: absolute;
      top: 12px;
      left: 40px;
      width: 450px;
      height: 475px;
      margin-left: 0px;
      color: black;
      font-size: 12;
      text-align: justify;
      padding: 0px;
      line-height: 130%;
}

.przypis_ {
      position: absolute;
      top: 500px;
      left: 40px;
      width: 450px;
      padding-top: 5px;
      margin-top: 0px;
      text-align: justify;
      font-style: normal;
      font-size: 12;
      color: brown;
      border-top: 1px solid steelblue;
}


/* ramka z treścią koniec */

.menu_t ul, .menu_t ul li {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      vertical-align: bottom;
      font-size: 14px;
}

.menu_t ul li {
      float: left;
      font-size: 14px;
}

.menu_t ul a:link, .menu_t ul a:visited {
      text-decoration: none;
      display: block;
      width: 110px;
      font-size: 14px;
      text-align: center;
      color: white;
      border-top: 1px solid #cd853f;
      border-right: 1px solid white;
      padding: 2 0 2 0;
      margin-top: 5px;
}

.menu_t ul a:hover {
      border-top: 1px solid white;
      border-right: 1px solid white;
      font-size: 14px;
      color: black;
      font-weight: bold;
      padding: 2 0 2 0;
      margin-top: 5px;
}

/* kalendarium koncertów poczatek */

.koncerty {
      width: 500px;
      margin-top: 10px;
      margin-left: 3px;
      float: top;

}
.miesiac {
      padding: 2px;
      color: maroon;
      font-size: 13;
      font-weight: bold;
      margin-top: 1px;
      text-align: left;
      border-bottom: 1px solid steelblue;
}

.terminy {
      margin-top: 30px;
      padding: 4px;
      font-size: 14px;
      font-weight: bold;
      color: white;
      float: top;
      background-color: steelblue;
}

.data {
      width: 65px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: white;
      font-size: 11;
      margin-top: 1px;
      text-align: center;
      border-bottom: 1px solid white;
      background-color: steelblue;
}

.miejsce {
      width: 435px;
      padding-left: 5px;
      color: black;
      font-size: 12;
      vertical-align: top;
      border-bottom: 1px solid steelblue;
}

.bilet {
      font-weight: bold;
      }

.koncerty_pole_przewijane {
      overflow: auto;
      height: 630px;
      width: 510px;
}


      
/* kalendarium koncertów koniec */


/* linki poczatek */

.linki {
      width: 500px;
      margin-top: 10px;
      margin-left: 4px;
      float: top;
      }
      
.linki_top {
      margin-top: 30px;
      padding: 4px;
      font-size: 14px;
      font-weight: bold;
      color: steelblue;
      float: top;

      }

.linki_top2 {
      padding: 2px;
      color: silver;
      background-color: black;
      font-size: 13;
      font-weight: bold;
      margin-top: 1px;
      padding-left: 5px;
      text-align: left;
      }

.linki_grafika {
      width: 250px;
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: 2px;
      text-align: left;
      border-bottom: 4px solid white;
      background-color: white;
      }

.linki_opis {
      padding-left: 3px;
      color: steelblue;
      font-size: 11;
      vertical-align: top;
      border-bottom: 1px solid steelblue;
      background-color: white;
      }
.linki_nazwa{
      font-weight: bold;
      color: brown;
      }
.linki_pole_przewijane {
      overflow: auto;
      height: 630px;
      width: 510px;
}

/* linki koniec */

/* media początek */

.media {
      width: 500px;
      margin-top: 10px;
      margin-left: 4px;
      float: top;
      }

.media_top {
      margin-top: 30px;
      padding: 4px;
      font-size: 14px;
      font-weight: bold;
      color: steelblue;
      float: top;

      }

.media_top2 {
      padding: 2px;
      color: silver;
      background-color: black;
      font-size: 13;
      font-weight: bold;
      margin-top: 1px;
      padding-left: 5px;
      text-align: left;
      }

.media_grafika {
      width: 125px;
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: 2px;
      text-align: left;
      border-bottom: 4px solid white;
      background-color: white;
      }

.media_opis {
      padding-left: 3px;
      color: steelblue;
      font-size: 11;
      vertical-align: top;
      border-bottom: 1px solid steelblue;
      background-color: white;
      }
.media_nazwa{
      font-weight: bold;
      color: brown;
      }
.media_pole_przewijane {
      overflow: auto;
      height: 695px;
      width: 510px;
}
/* media koniec */

/*koledy początek*/

.naglowek {
   position:absolute;
   top: 280px;
   left: 30px;
   width: 460px;
   height: 25px;
   padding-right:4px;
   background-color:maroon;
   font-size:12px;
   text-align:right;
   color:white;
   padding-top: 4px;
}

.wam_img {
   position: absolute;
   top: 310px;
   left: 30px;
   width: 280px;
   height: 280px;
}

.wam1 {
  position: absolute;
  top: 315px;
  left: 315px;
  width: 175px;
  height: 280px;
  font-size:11px;
  text-align:justify;
  vertical-align:top;
  color:maroon;
  line-height:13px;
}

.wam2 {
  position: absolute;
  top: 640px;
  left: 30px;
  width: 460px;
  height: 30px;
  font-size:11px;
  text-align:justify;
  vertical-align:top;
  color:maroon;
  line-height:13px;
}

.wam2 a:link {
  display: line;
  color: blue;
  text-decoration: none;
}

.wam2 a:visited {
  display: line;
  color: blue;
  text-decoration: none;
}

.wam2 a:hover {
  display: line;
  color: blue;
  text-decoration: none;
}