/*główny pojemnik          */
#pojemnik{
width: 1000px;
margin-left: auto;
margin-right: auto;
}


/* gówna  treść  strony     */
#glowny{
float: left;
padding: 30px;
width: 800px;

}

/*  nagłówek strony   */
#nagluwek{
/*
width: 1049px;
*/
height: 29px;
background-color:#f39545;
color: white;

}
/* style menu strony    */
#menu{
/*
width: 1920px;
height: 50px;
*/
background-color:#9d9e9e;
/*color: white;*/
padding: 2px;
font-size: 18px;
font-family: Arial;
padding-top: 10px;
position: relative;top: 5px;
/*
position: relative;right: 200px;
*/
margin: auto;
}
/*funkcja pogróbienia napisu  sambia w  nagłówku       */
strong{
color:#393185;
font-size: 20px;
font-family: Arial;
position: relative;top: 2px;
/*
position: relative;right: 240px;
*/
}
/*usunięcie  podkreślenia w chiperłóczu           */
a {
text-decoration: none;

}

/* style  odpowiadające  za   aktywne chiperłącza */
a:link{
color:black;

}
a:hover{
color: black;
}

a:visited {
color: black;

}

a:active{
color: black;
}

/* klasa  odpowiadająca  za   kolorowanie  napisu
a.color{
color: #f39545;
}
 */

/* style   układu  zdięcia morza  działu onas        */
#topbarL{
float: left;
padding: 20px;
text-align: left;
border-right: 2px;

}
#onas{
text-align: justify;
margin-left: 200px;
margin-left: 110px;
vertical-align: text-top;
font-size: 18px;
position: relative;bottom:238px;
position: relative;left: 26px;
/*
max-width: 520px;
*/
position: relative;left: 50px;
font-family: Arial;
}
 


#levymenu{
text-align: Arial;
position: relative;bottom: 20px;
}
h3{
color: white;
display: inline ;
font-size: 20px;
font-family: Arial;
position: relative;bottom: 1px;
position: relative;top: 2px;
/*
position: relative;right: 240px;
*/
}




/* Pojemnik  trzymający  divy obrazków  na  stronie Oferta       */
#pojemnik3{
width: 1000px;

}
/*poszczegulne  divy  obrazków  strony  oferta  */
#obrazek1{
position: relative;bottom: 20px;
}
#obrazek2{
position: relative;left: 200px;
position: relative;bottom: 213px;
}
#obrazek3{
position: relative;left: 390px;
position: relative;bottom: 405px;
}

#obrazek4{
position: relative;left: 570px;
position: relative;bottom: 598px;
}
/* pojemnik  4  trzymający  zdięcia dolne  na  stronie oferta */
#pojemnik4{
width: 1000px;


}
#obrazek5{
position: relative;bottom: 580px;


}
#obrazek6{
position: relative;left: 200px;
position: relative;bottom: 765px;
}
/*Pojemnik 5  trzymający  text  koncowy oferty         */
#pojemnik5{
width: 1000px;

}
#textofertakoniec{
font-family: Arial;
font-size: 16px;
position: relative;bottom: 760px;
}
#color{
background-color: black;
}
.conteiner{
width: 1920px;
height: 900px;
}
.oferta{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 5px;
position: relative;right: 9px;


}
.apartament1{
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.apartament2{
margin-left: 20px;
position: relative;bottom: 10px;
margin-right: 20px;
}
.apartament3{

margin-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
}
.apartament4{
margin-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
/*
margin-left: 20px;
margin-bottom: 10px;
*/

}
.apartament5{
margin-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
}
.apartament6{
margin-left: 20px;
margin-bottom: 10px;
margin-right: 20px;
/*
margin-left: 20px;
margin-bottom: 10px;
*/
}
.wiata {
  margin-left: 20px;
  margin-bottom: 10px;



}



.apartament_text{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}
.domek_holenderski{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 10px;
position: relative;bottom: 6px;
position: relative;right: 9px;

}
.domek_h_1{
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}
.domek_h_2{
margin-left: 20px;
margin-right: 20px;
}
.domek_h_3{
margin-left: 20px;
margin-right: 20px;
}
.domek_h_4{
margin-left: 20px;
margin-right: 20px;
}

.domek_h_6{
margin-left: 20px;
margin-right: 20px;
}
.domek_h_7{
margin-left: 20px;
margin-right: 20px;
}
.domek_h_8{
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;

}
.domek_h_10{
  margin-left: 20px;
  margin-top: 10px;
  margin-right: 10px;


}

.hustawka1{
  margin-left: 30px;
  margin-top: 10px;
  margin-right: 20px;
 margin-bottom: 1px;
}




.domek_holenderski_text{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}

.domek_kampingowy{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 10px;
position: relative;bottom: 125px;
position: relative;right: 9px;
}
.domek_front1{
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}
.domek2{
margin-left: 20px;
margin-right: 20px;
}
.domek3{
margin-left: 20px;
margin-right: 20px;
}
.domek4{
margin-left: 20px;
margin-right: 20px;
}
.kempingowy_text{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}
.domek_nowy{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 20px;
}




.artysta{
font-family: arial;
font-size: 20px;
margin-left: 20px;
margin-top: 20px;

}
.reka{
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;

}

.kicia_rys2{
  margin-left: 20px;
}
.kicia_rys4{
margin-left: 20px;
margin-right: 20px;
}
.zegar1{
  margin-left: 20px;
  margin-top: 8px;

}

.czaszka{
margin-left: 20px;
margin-right: 20px;
}
.zajecia_text{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-top: 10px;
}
.DSC_3483{
margin-left: 20px;
  margin-top: 8px;
}
.pastel_2{
margin-left: 20px;

}
.WILK{
  margin-left: 20px;
}

.cennik_text{
width: 60%;
height: auto;

}
.conteiner{
width: 100%;
}


.Gdansk_Neptun1{
margin-left: 20px;
margin-top: 10px;


}
.frombork{
margin-left: 20px;

margin-top: 10px;

}
.kosciol5{
margin-left: 20px;


}
.Malbork_n2{
margin-left: 20px;
margin-top: 10px;

}
.text_atrakcje{
font-family: arial;
font-size: 19px;
text-align: justify;
margin-top: 18px;
margin-right: 40px;
margin-left: 10px;
line-height: 37px;

}




.napiskontakt
{
font-family: arial;
font-size: 19px;

margin-right: 375px;
margin-bottom:670px;
}

.mapa{
position: relative;top: 20px;
margin-top: 10px;
margin-left: 30px;
margin-bottom: 60px;
margin-right: 30px;
}

/*ramka textu  cennik trzymająca text      */
fieldset{
text-align: justify;
border: none;


}


/* stle  niebieskiego kwadratu          */
.niebieski_kwadrat1
{
width:20px;
height:20px;
background-color:#0094de;
margin-top: 10px;
margin-left: 20px;
}



.odstemp{
margin-top: 5px;

}




.domek_cennik{
font-size: 19px;
font-family: arial;
position: relative;left: 0px;
position: relative;bottom: 27px;




}

.apartament_cennik{
font-size: 19px;
font-family: arial;
position: relative;left: 0px;
position: relative;bottom: 27px;

}

.domek_h_cennik {
  font-size: 19px;
  font-family: arial;
  position: relative;left: 0px;
  position: relative;bottom: 27px;



}
/*kwadrat 7  dział  atrakcje okolicy  html             */
.niebieski_kwadrat7{
  width:20px;
  height:20px;
  background-color:#0094de;
  margin-left: 40px;
margin-top: 30px;


}
.statek{
margin-top: 30px;
margin-right: 20px;


}
.kos{
font-size: 19px;
font-family: arial;



}
.dwor{
font-size: 19px;
font-family: arial;



}
.malbork_text{
font-size: 19px;
font-family: arial;
margin-top: 9px;

}
.flrobork_text{
font-size: 19px;
font-family: arial;

}
.fb{

position: relative;top: 50px;
background-color: #3b5998;
width: 90px;
height:90px;
margin-left: 10px;
}
.niebieski_kwadrat2{
  width:20px;
  height:20px;
  background-color:#0094de;
  margin-top: 164px;
  margin-left: 20px;


}
.rys{
  font-size: 19px;
  font-family: arial;
  margin-right: 20px;
  margin-top: 4px;
  margin-left: 20px;
}
.małe_formy{
font-size: 19px;
font-family: arial;
margin-right: 20px;
margin-top: 4px;
margin-left: 20px;

}
.wit{
font-size: 19px;
margin-right: 20px;
margin-bottom:162px;
font-family: arial;
margin-top: 2px;
}
.niebieski_kwadrat8{
  width:20px;
  height:20px;
  background-color:#0094de;
 margin-right: 20px;
margin-top: 530px;


}



.niebieski_kwadrat_sam{
  width:20px;
  height:20px;
background-color:#0094de;


}

.punkt1{
margin-bottom: 9px;
font-size: 19px;
margin-top: 4px;
margin-left: 20px;
font-family: arial;
}

.napis{
font-family: arial;
font-size: 19px;
margin-left: 20px;
margin-right: 20px;


}

/*style    zdiecia prawe  atrakcje   */
.stegna2{
margin-left: 2px;
margin-top: 10px;
margin-right: 20px;
  }

.stegna3{
position: relative;top: 2px;
margin-left: 20px;    
    
}

.stegna4{
margin-left: 2px;
margin-top: 10px;
margin-right: 20px;
}
.stegna5{
margin-left: -28px;
margin-top: 10px;
margin-right: 12px;
}
.stegna6{
margin-left: 2px;
margin-top: 10px;
margin-right: 20px;

}
.stegna7{
margin-left: 2px;
margin-top: 10px;
margin-right: 20px;
}
.stegna8{
 margin-left: 2px;
margin-top: 10px;
margin-right: 50px;

}
/*zalew  wiślany  zdięcia  style  css       */
.katy_ryb_1d{
margin-top: 20px;
}

.katy_ryb_7d{
margin-left: 20px;
margin-top: 20px;
}
.katy_ryb_13d{
  margin-left: 20px;
  margin-top: 20px;
}