<style type="text/css">
body {
        background: #007677 url(obrazki/tloketg.jpg) repeat-y 50% 0;
        font-family: verdana, Arial, sans-serif;
        font-size: 10pt;
        font-style: normal;
        text-align: center;
         width: 100%;
                
}
/*tu będą divy i idiki*/

/*---------------------------------------divy i menu lewe------------------------------*/
                }                        
#gora{   background: white;
        margin-left: 0;
         font-family: verdana, serif;                 font-size: 14px; 
         text-transform: lowercase;                        overflow: hidden;
         float:bottom;  width: 546px;
                                 }        
#menuGl{
background: #007677 ;
width: 128px;                        
margin: 0px 10 0 2px;
font-family: verdana, serif;
font-size: 12px;                 text-align: center;
float:left;                                  overflow: hidden;  position: absolute; 

 }
#menuGl p
{        color:#ffffcc;        font-weight: bold;  }

/*---------------------------------------menu główne------------------------------*/
#navlist
{
text-align: center;
padding: 10px 0px 10px 0px;
margin: 0 0 0 0;
width: 100%;                                list-style: none;

}
ul#navlist li, a
{
text-decoration: none; display: block;

}
/* musi to być rozdzielone żeby netscape wyświetlwł tak samo jak ie */
ul#navlist li a
{
width: 100%; padding: 8 0 8 0;color: white; font-family: verdana, serif;
 font-size: 12px;
}

ul#navlist a:hover, ul#navlist li#active a:hover
{
color: #white;
background: #006162;
font-weight: bold;
 }
 ul#navlist a:visited{
        text-decoration: none;
}
/*---------------------------------------menu lewe koniec------------------------------*/
#main {  
        
         margin: 0 0 0 150px;
         padding: 0em 1% 10px 20px;
                        font-family: verdana, serif;                 font-size: 13px;
         text-align: center;
         color:#007677;
                        position: absolute;
                        width: 600;
                        
                        overflow: visible;
                                }
#akcent{
        font: bold;
        color: Red;
}
#galeriaL {  
        
         margin: 0 0 0 25px;
         padding:10px;
                        font-family: verdana, serif;                 font-size: 13px;
         text-align: center;
                        position: static;
                        width:200;
                        overflow: visible;
                        background-color:;
                        float: left;
                        display: table-header-group;
                        }
#GaleriaL img {        position: relative 50%;        text-align: center;        border: solid white;}
#galeriaR {  
        
        margin: 0 0px 0 325px;
         padding: 10px;
                        font-family: verdana, serif;                 font-size: 13px;
         text-align: center;
                        position: relative;
                        width: 200;
                        overflow: visible;
                        background-color: ;
                        
                        }
#GaleriaR img {        position: relative 50%;        text-align: center;        border: solid white;}







/*---------------------------------------divy i menu lewe koniec------------------------------*/

/*---------------------------------------menu główne-koniec-----------------------------*/
.bb {background-color: white;
         margin-left: 15px;
         margin-right: 0%;
         font-family: verdana;
                        color: #007677;
        }
h1 {
        color: #007677;
        font: 14pt verdana;
        text-align: center;
}

h2 {
         color: #007677;
        font: 12pt / 18pt verdana;
        font-weight: bold;
                  margin-left: 10px;
}

h3 {
        color: #007677;
        font: 12pt / 18pt verdana;
        font-weight: bold;
                  margin-left: 10px;
}
h4 {
        color: #007677;
        font: 10pt / 14pt verdana;
        font-weight: bold;
               
}
hr {color:  #007677;}
.tekst1 {
        color: #007677; 
        font: 12px/18px verdana;
        text-align: left;
        text-align: justify;
        text-indent: 0px;
} 
.b {     color: black; 
        font-weight: bold;
 }

a {font: 12px/18px verdana; color: #007677; 
}


.wyp1 {
        line-height:150%;
        text-indent: -6px;
        text-align: left;
} 

.tt  
{                        color: #007677;  /*m in w "dojazd do Rytra jako lista definicyjna*/
        font: bold 12px/18px courier, verdana, Bookman Old Style, sans-serif;
        text-align: left;
                
             }

 .tekst2 { color: #007677; 
        font: 11px/17px verdana, arial, sans-serif;
        margin-left: 10px;
        margin-right: 12px;
        text-align: justify;
        text-indent: 30px;
 }                   
 .wypun{
          text-indent: -4px;
           font-size: 11px;
                                text-align: left;
 }
 .cent1 {
        color: #007677;
        font: 10px / 15px verdana;
        font-weight: normal;
                  color: #007677;
} 
#cent1 a { width: 50px;    
        
}

                         
.lew {
      margin-left: 70px;
      font-weight: normal;
      text-indent: 0px;
      margin-left: 80px;
      font-size: 11px;
}
         
/*.tab2 {
        color: Yellow;
        font-size: 15pt;
        }*/

.pp {
        color: #000000;
        font: 12px/16px arial;
        text-align: center;
}


.ziel1 {
        color: #007677;}
 .tekst3 { font: 11px/17px verdana, arial, sans-serif;
        margin-left: 10px;
        margin-right: 12px;
        text-align: justify;
        text-indent: 30px;
}

/*.centjust {
        margin-left: 20%;        text-align: left;
        font: 12pt / 18 pt;
                  }
                    
        /*--------------------------------------------------------------------------------------------*/
li {
                text-indent: -3px;
}


a:link {
                        font: 12px, verdana 
                }        

a:visited {
                        color: black;
                        font: 12px, verdana; text-decoration: underline;
                         }        
a:hover {
                        text-decoration: none;
                        color: black;
                        font-weight: bolder;
                        font: 12px, verdana 
                        }

        }                  
.colo { /* kolor elementów blokowych*/
                background-color: #007677
}
#tlo {  background: #007677;
           height:100%;
          width: 30%;
           margin: 0 auto;
           padding: 1em 0;
           font-family: georgia, serif;
           font-size: 13px;
           text-align: center;
           text-transform: lowercase;
}
        


</style> 


