html, body {
  background: url(grafika/gradient1.jpg);
  background: repeat-y;
	background-attachment: fixed;
	background-repeat:no-repeat; 
	margin: 0;
	padding: 0;
}

#calosc {
position: relative; 
   width: 961px;
   height: 541px;
   border: solid black 2px;
   margin: 0 auto; 
   margin-top:3%;

   }

#logo {
   background-image: url("grafika/tlo_logo.jpg");
   width: 610px;
   height: 92px;
 position: absolute; top: 1px; left: 1px;

   }

#baner {

      background-image: url("grafika/tlo_baner.jpg");
   width: 350px;
   height: 92px;

position: absolute; top: 1px; left: 611px}


#menu_podrzedne {
  background-image: url("grafika/tlo_menu_podrzedne.gif");
   width: 610px;
     height: 60px;
position: absolute; top: 93px; left: 1px}

#menu_podrzedne1 {
  background-image: url("grafika/tlo_menu_podrzedne.jpg");
   width: 610px;
     height: 60px;
position: absolute; top: 93px; left: 1px}


#obraz_firma {
      background-image: url("grafika/firma_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}


#obraz_kontakt {
      background-image: url("grafika/kontakt_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px
}

#obraz_zespol {
      background-image: url("grafika/zespol_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_oferta {
      background-image: url("grafika/oferta_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}


#obraz_aktualnosci {
      background-image: url("grafika/aktualnosci_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_sklad {
      background-image: url("grafika/sklad_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_sprzet {
      background-image: url("grafika/sprzet_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}


#obraz_nagrania {
      background-image: url("grafika/nagrania_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_repertuar {
      background-image: url("grafika/repertuar_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}


#obraz_filmowanie {
      background-image: url("grafika/filmowanie_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_opinie {
      background-image: url("grafika/opinie_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_oprawa {
      background-image: url("grafika/oprawa_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_faq {
      background-image: url("grafika/tlo_faq.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_zespol_na_wesele {
      background-image: url("grafika/zespol_na_wesele_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}

#obraz_linki {
      background-image: url("grafika/linki_tlo.jpg");
   width: 350px;
   height: 414px;

position: absolute; top: 93px; left: 611px}


#tekst_firma {

  
   width: 610px;
   height: 354px;
   overflow: auto;
position: absolute; top: 153px; left: 1px;}

#tlo_tekst {

      background-image: url("grafika/tlo_tekst.jpg");
      	background-repeat:no-repeat; 
   width: 610px;
   height: 354px;
   overflow: auto;
position: absolute; top: 153px; left: 1px;}



#menu {
      background-image: url("grafika/pasekdolny.gif");
      	background-repeat:no-repeat; 
   width: 960px;
   height: 35px;

position: absolute; top: 507px; left: 1px}


BODY {


        font-family: Tahoma;
        text-align: justify;
        text-indent: 0%;
       margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        color: black;
		SCROLLBAR-FACE-COLOR: #EEDEDD;
		SCROLLBAR-HIGHLIGHT-COLOR: #EEDEDD;
		SCROLLBAR-SHADOW-COLOR: #c9c1b4;
		SCROLLBAR-3DLIGHT-COLOR: #c9c1b4;
		SCROLLBAR-ARROW-COLOR: black;
		SCROLLBAR-TRACK-COLOR: #c9c1b4;
		SCROLLBAR-DARKSHADOW-COLOR: #777777;
}

#warstwa1 { position: absolute; top: 0px; left: 0px}
#warstwa2 { position: absolute; top: 0px; left: 0px}
		
A {
        font-family: Tahoma;
        color: white;
        text-decoration: none;
}

#divczarny1 a{color: black; 
text-decoration: none; 
	font-weight: bold;}

#divczarny1 a:hover{color: yellow; 
text-decoration: none;
		font-weight: bold;}

#divczarny2 a{color: #8f0404;
text-decoration: none; 
	font-weight: bold;}

#divczarny2 a:hover{color: yellow; 
text-decoration: none;
		font-weight: bold;}
		
#divczarny3 a{color: yellow; 
text-decoration: none; 
	font-weight: bold;}
	
#divczarny3 a:hover{color: yellow; 
text-decoration: none;
		font-weight: bold;}


#divczarny a{color: #8f0404;
text-decoration: none; 
	font-weight: normal;
	text-align: left;}

#divczarny a:hover{color: orange; 
text-decoration: none;
		font-weight: normal;}

#divsrodek a{color: black;
        text-align: center; 
text-decoration: none;
	font-weight: normal;}

#divsrodek a:hover{color: yellow; 
        text-align: center;
text-decoration: blink; }


A:hover {
  
        color: yellow;}
		



.tekst_menu_zespol
{
        font-family: Tahoma;
        color: black;
        text-decoration: none;
}

ul{         font-family: Tahoma;
        font-size: 12px;
        color: black;
	text-indent: 0%;
	 	margin-top: 0px;
        margin-bottom: 30px;
        margin-left: 0px;
        margin-right: 0px;
         text-align: justify;
         	font-weight: normal;}


DIV {
         font-family: Tahoma;
        font-size: 12px;
        color: black;
		text-indent: 0%;
	 	margin-top: 0px;
        margin-bottom: 30px;
        margin-right: 30px;
         text-align: justify;
         	font-weight: normal;
      
}

h1 {
         font-family: Tahoma;
        font-size: 18px;

        color: black;
		text-indent: 0%;
	        text-align: center;
            	font-weight: normal;
            	   text-decoration: underline;
       
        

}

h2 {
              font-family: Tahoma;
        font-size: 14px;
        color: black;
		text-indent: 0%;
	        text-align: center;
            	font-weight: bold;
      text-decoration: underline;
       
        

}

span {font-family:tahoma; 
font-size:22px;


}

p
{
	text-indent: 0%;
}

.menu_flash {

		margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
	
}
.menu_zespol {
           font-family: Tahoma;
        font-size: 15px;
        color: yellow;
        	font-weight: bold;
        text-indent: 5px;
		margin-top: 30px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 30px;
						
}

.menu {
        font-family: Tahoma;
        font-size: 15px;
        text-align: center; 
        color: yellow;
    		font-weight: bold;
				margin-top: 7px;		
		
}

.tekst {
         font-family: Tahoma;
        font-size: 12px;
        color: black;
		text-indent: 0%;
	 	margin-top: 10px;
        margin-bottom: 30px;
        margin-left: 50px;
        margin-right: 30px;
         text-align: justify;
      
       
        

}

.tekst_kontakt {
         font-family: Tahoma;
        font-size: 12px;
        color: black;
		text-indent: 0%;
	 	margin-top: 10px;
        margin-bottom: 30px;
        margin-left: 50px;
        margin-right: 30px;
         text-align: justify;
           text-align: center;
      
       
        

}

.tekst_srodek {
        font-family: Tahoma;
        font-size: 12px;
        text-align: center;
        color: black;
				margin-top: 10px;
        margin-bottom: 30px;
}


.tekst_srodek_bold {
        font-family: Tahoma;
        font-size: 12px;
        text-align: center;
        color: black;
				margin-top: 10px;
        margin-bottom: 30px;
        	font-weight: bold;
}


.tekst_lewa {
        font-family: Tahoma;
        font-size: 12px;
        text-align: left;
        color: black;
				margin-top: 10px;
        margin-bottom: 30px;
}