html, body {
        background-color: #fff;
        background-image: url(index/blue.jpg);
        color: #000;
        margin: 0;
        padding: 0;
        font-family: Rockwell, Arial, Helvetica, Verdana, sans-serif;
        font-size: 10pt;
        color: #003868;

}

#top {
        width: 1004px;
        height:740px;
        margin: 0 auto;
        
        
}
#topgaleria{
        width: 1004px;
        height: 1600px;
        margin: 0 auto;
        
        
}
#topokolica{
        width: 1004px;
        height: 1600px;
        margin: 0 auto;
        
        
}
#topdojazd{
        width: 1004px;
        height: 600px;
        margin: 0 auto;
        
        
}
#NAGLOWEK {
        
        text-align: center;
        height:189px;
        background-image: url(index/naglowek.gif);
}

#MENU {
        width: 1004px;
        height: 57px;
        float: left;
        overflow: hidden;
        margin: 0;
        padding: 0;
        

}
#Menudostawka{
        width: 1004px;
        height: 42px;
        float: left;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background-image: url(galeria/menudostawka.gif);

}

#LEWEPOLE {
        width: 224px;
        height: 507px;
        float: left;
        overflow: hidden;
        background-image: url(index/untitled.jpg);
}
#LEWEPOLEoferta {
        width: 224px;
        height: 507px;
        float: left;
        overflow: hidden;
        background-image: url(oferta/lewydiv.gif);
}

#LEWEPOLEgaleria {
        width: 224px;
        height: 507px;
        float: left;
        overflow: hidden;
        background-image: url(galeria/lewydivgaleria.gif);
}

#menuoferta{
font-family: Rockwell;

width: 200px;
padding: 0px;
margin-left: 65px;
text-decoration: none;
list-style: none;

}
#menuoferta ul, #menuoferta ul lii{
        display: block;
        list-style: none;
        padding: 0px;
        text-decoration: none;

}

#menuoferta  a:link{
        display: block;
        text-decoration: none;
        color: #000;
        padding: 0px;

        
}
#menuoferta a:visited {
        display: block;
        text-decoration: none;
        color: #330;
        padding: 0px 5px 0px 0px;
        }
#menuoferta  a:hover {
        padding: 0px 5px;
        color: #fff;
}        



#TRESC {
        width: 780px;
        height: 507px;
        margin: 0;
        float: left;
        overflow: hidden;
        background-image: url(index/tresc2.gif);
}
#TRESCoferta {
        width: 780px;
        height: 507px;
        font-family: Times New Roman ;
        font-size: 16px;
        font-color: Black;
        float: left;
        overflow: hidden;
        background-image: url(oferta/tresc.gif);
}

.tekstoferta{
       font-family: Times New Roman ;
       font-size: 18px;
       color: Black;
       text-align:  justify;
       margin-right: 40px;
       text-indent: 60px; 
      font-style: italic;
      font-weight: bold;
}
        
#TRESCgaleria {
        width: 1004px;        
        height: 1600px;
        margin: 0;
        float: left;
        overflow: hidden;
        background-image: url(galeria/trescgaleria2.gif);
}
        
 .tekstgaleria{
 
       font-family: Times New Roman ;
       font-size: 18px;
       color: Black;
       text-align:  center;
       
        
      font-style: italic;
      font-weight: bold;
}
 
 .tekstkontakt{
 
       font-family: Times New Roman ;
       font-size: 20px;
       color: Black;
       text-align:  left;
       margin-left:100px;
       
        
     
      font-weight: bold;
} 

 .tekstkontakt2{
 
       font-family: Times New Roman ;
       font-size: 16px;
       color: Black;
       text-align:  left;
       font-weight: bold;
       margin-left: 150px;
} 
        
#TRESCokolica {

        width: 1004px;        
        height: 1600px;
        margin: 0;
        float: left;
        overflow: hidden;
        background-image: url(galeria/trescgaleria2.gif);

}
        
#TRESCkontakt {
        width: 780px;
        height: 507px;
        margin: 0;
        float: left;
        overflow: hidden;
        background-image: url(index/tresc.gif);
}        

#TRESCofertapokoje2osobowe {
        width: 780px;
        height: 507px;
        margin: 0;
        float: left;
        overflow: hidden;
        background-image: url(ofertapokoje2osobowe/trescpok2osobowy.gif);
        }
        
.pok2zdjecie1 {

      float: right;
      margin-right: 40px;
      margin-top:20px;
}

.pok2zdjecie2 {

 float: right;
      margin-right: 40px;      
       
}
.okolica{


margin-top: 10px;
margin-bottom: 10px;

}

#lewastrona{

width: 250px;
height: 1600px;
margin: 0;
overflow: hidden;
float: left;
}

#srodek{

width: 504px;
margin:0;
height: 1600px;
overflow: hidden;
float: left;
}

#prawastrona{

width: 250px;
margin:0;
height: 1600px;
overflow: hidden;
float: left;
}

#STOPKA {

        width: 1004px;
        height: 10px;
        float: left;
        background-image: url(index/tlostrony.jpg);
        
}