html, body           {
	             margin: 0px;
	             padding: 0px 0px 0px 0px;
	             font-family: Verdana, Arial, Helvetica, Geneva, clean, Swiss, SunSans-Regulars-Regular, sans-serif;
             	     text-align: center;
	             color: #FFFFFF;
	             background-image: url('startowa_proba_tlo.jpg'); background-attachment: fixed;
                     }
a                    {
	             font-size: 12px;
	             text-decoration: none;
	             font-weight: bold;
                     color:  #000000;
	             outline: none;
	             }
a:visited            {
	             color:  #000000;
	             }
a:active             {
	             color:  #CC0000;
	             }
a:hover              {
	             color: #CC0000;
                     text-decoration: none;
                     }
p                    {
	             padding: 0px 10px 10px 0px;
	             font-size: 12px;
	             line-height: 15px;
	             margin-top: 1px;
	             margin-bottom: 0px;
	             text-align: justify;
                     }




    #h1 {
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    }

    #h2
    {
    font-size: 4px;
    line-height: 5px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    }

        #h6
    {
    font-size: 11px;
    color: #FFFFFF;
    line-height: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    }

#container {
margin: 0 auto;
width: 960px;
height: 640px;
text-align: left;
}



#NAGLOWEK {
        height: 186px;
}



#INFORMACJE {
	width: 124px; 	
	        height: 600px;
        padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
	background: url('grafika/prawy.jpg');

}

#INFORMACJE2 {
	width: 124px; 	
	        height: 600px;
        padding: 0px 0px 0px 0px;
	float: right;
	position: relative;
	background: url('grafika/lewy.jpg');

}



#TRESC {
        width: 960px;
                height: 640px;
        padding: 0px 0px 0px 0px;
        margin-left: 0px;
        	overflow: hidden;
	position: relative;
	background: url('grafika/mapa_serwisu.gif');
}

#TRESC2 {
        width: 960px;
                height: 723px;
        padding: 0px 0px 0px 0px;
        margin-left: 0px;
        	overflow: hidden;
	position: relative;
	background: url('grafika/index.gif');
}

#TRESC_STOPKA {
        width: 960px;
                height: 83px;
        padding: 0px 0px 0px 0px;
        margin-left: 0px;
        	overflow: hidden;
	position: relative;
}


#STOPKA {

	        padding: 0px 0px 0px 0px;
        height: 40px;
                width: 400px;


}

#OKNO {
width: 360px;
height: 440px;
overflow: scroll;
margin-left: 80px;
margin-top: 200px;
}

#OKNO2 {
width: 360px;
height: 240px;
margin-left: 578px;
margin-top: 137px;
position: absolute;
}

#OKNO3 {
width: 360px;
height: 240px;
margin-left: 646px;
margin-top: 320px;
position: absolute;
}

#film {
width: 560px;
height: 355px;
margin-left: 200px;
margin-top: 150px;
position: absolute;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
}

#film2 {
width: 26px;
height: 26px;
margin-left: 790px;
margin-top: 105px;
position: absolute;
padding: 12px 0px 0px 7px;
background-color: #FFFFFF;
}

/*
 *  Elements
 */
    #TRESC h1 { padding: 0px 0 0px; color: #000000; font-size: 14px; font-weight: bold; line-height: 1px;}
    #TRESC h2 { padding: 0px 0 0px; color: #000000; font-size: 10px; font-weight: normal; line-height: 5px;}
    #TRESC h3 { padding: 0px 0 16px; color: #CC9933; font-size: 20px; font-weight: bold; line-height: 0px;}
    #TRESC img { border: 0; display: inline; margin: 0 0px; }
    #NAGLOWEK img { border: 0; display: inline; margin: 0 0px; }
    #OKNO img { border: 0; display: inline; padding: 0px 5px 0px 0px; float: left; }
    #OKNO p { padding: 0px 5px 5px 0px; color: #000000; font-size: 12px; font-weight: normal; line-height: 15px;}
    #OKNO h1 { padding: 0px 0 0px; color: #000000; font-size: 14px; font-weight: bold; line-height: 16px;}
    #stopka p { margin-left: 180px; spadding: 0px 0 0px; color: #FFFFFF; font-size: 12px; font-weight: normal; line-height: 15px;}
    #stopka a { padding: 0px 0 0px; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #stopka a:hover { padding: 0px 0 0px; color: #CCCCCC; font-size: 12px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #stopka a:active { padding: 0px 0 0px; color: #CCCCCC; font-size: 12px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #TRESC2 a { padding: 0px 0px 0px 0px; color: #000000; font-size: 14px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #TRESC2 a:hover { padding: 0px 0px 0px 0px; color: #CC0000; font-size: 14px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #TRESC2 a:active { padding: 0px 0px 0px 0px; color: #CC0000; font-size: 14px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #film2 a { padding: 0px 0px 0px 0px; color: #000000; font-size: 26px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #film2 a:hover { padding: 0px 0px 0px 0px; color: #CC0000; font-size: 26px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}
    #film2 a:active { padding: 0px 0px 0px 0px; color: #CC0000; font-size: 26px; font-weight: bold; line-height: 0px; text-decoration: none; outline: none;}

    #film p { text-align: center; }
    .left { text-align: left; }