html {
   background: #e0ddd2;            /*#beb18b;  kolor tła  url(img/tlo.png)*/
   color: black; /* kolor tekstu */
   font-family: Verdana, Helvetica, sans-serif; /* krój pisma */
    font-size: 11px;
    padding: 0px 5px 15px 5px;
 }

h1 {
  color: black; /* kolor tekstu */
  font-family: Verdana, sans-serif;
  font-size: 13px;
}

#strona {
  margin     : 0 auto;
  border     : 0px solid white;
  padding    : 0px;
  width      : 640px;
  min-height: 300px;

}

#naglowek {
  margin: 0px auto;
  width: 760px;
  height: 251px;
  border: 1px solid white;
  background: url(img/nastoku.jpg);
  background-repeat: no-repeat;
  position: relative;
}



#zawartosc {

}

#tresc {
  float: left;
  position: relative;
  color: black;
 /* background: #e0ddd2; */
  font-style: normal;
  font-size: 11px;
  padding : 10px 15px 10px 5px;
  width: 380px;
  height: 100%;
  text-align: justify;
  padding: 0 10px 0 10px
}



#stopka {
    margin      : 0px;
    border      : none;
    padding     : 3px;
    clear       : both;
    font-size: 10px;
    background: white; text-align: center;
    color: #867e64;
}

#stopka span {
  padding-left     : 20px;
  white-space: pre;
}

#kameraMeteo
{
  background: url(img/tlo3.jpg);
  background-repeat: no-repeat;
  width: 620px;
}

#kamera {
  float: left;
  position: relative;
  color: black;
 /* background: #e0ddd2; */
  font-style: normal;
  font-size: 11px;
  width: 318px;
  height: 100%;
  text-align: justify;
  padding: 0 0px 0 0px;
  top: 10px;
  
  margin-bottom: 10px;
  left:13px;
}

#listaKamer {
  padding-left:20px;
  margin:0;
  height:2em;
  list-style-type:none;
  margin-top: 0px;
  height: 20px;

  border: 0px solid white;
  border-left: 0px;
  border-right: 0px;
 vertical-align: bottom;
  position: relative;
  
}

div.loaderon
{
  position: absolute;
  top: 120px;
  left: 160px;
  text-align: center;
  line-height: 5.5;
  background: #ffffff;
  opacity: 0.6;
  height: 40px;
  width: 40px;
}

div.ukryty
{
 display: none;
}



#listaKamer li {
  float:left;
  position: relative;
  color: white;
  font-style: normal;
  font-size: 10px;
  height: 20px;
  padding: 0px 0px;
  vertical-align: middle;
}

li.kamnakt {
  font-size: 10px;
  background: url(img/kamnakt.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 77px;
  vertical-align: bottom;
  
}

li.kamnakto {
  font-size: 10px;
  background: url(img/kamnakt.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 79px;
  vertical-align: bottom;
  
}

li.kamakt {
  width: 89px;
  font-size: 10px;
  background: url(img/kamakt.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 78px;
  padding: 0px;
}

li.kamakto {
  width: 89px;
  font-size: 10px;
  background: url(img/kamakt.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 79px;
  padding: 0px;
}


a.kamera {  position: relative;vertical-align: sub ; padding-left: 10px; color: #FFFFFF; font-weight: bold; font-family: Verdana, sans-serif; text-decoration: none}
a.kamera:hover { position: relative;padding-left: 10px; color:#ffef80; }

#listaKamer li {
  float:left;
  position: relative;
  color: white;
  font-style: normal;
  font-size: 10px;
  height: 20px;
  padding: 0px 0px;
  vertical-align: middle;
}

#obraz 
{
  width: 362px;
  height: 298px;
 /*  padding: 7px 7px 4px 7px;
 background: url(img/tloobraz.png);
  background-repeat: no-repeat; */
}

#info
{
  vertical-align:top;
  margin      : 0px;
  border: 1px solid white;

    padding     : 5px;
    clear       : both;
    font-size: 10px;
    background: #e5dec4; text-align: center;
    color: #FF0000;
}


#nawiHistoria {
  padding-left:110px;
  margin:0;
  list-style-type:none;
  margin-top: 0px;
  height: 20px;
  border: 0px solid white;
  border-left: 0px;
  border-right: 0px;
 vertical-align: bottom;
  position: relative;
  
}

#nawiHistoria li {
  float:left;
  position: relative;
  color: white;
  font-style: normal;
  font-size: 10px;
  height: 20px;
  padding: 0px;
  vertical-align: middle;
}

#foto{float: right; width: 350px; text-align:left; padding: 5px 5px; }
#foto p{display:inline; margin: 0; padding: 0;  margin: 0;  }
#foto span{  vertical-align:top; padding: 0; margin: 0; display:table-cell;  }
#foto img{  padding: 5px; margin: 4px; background: #beb18b; border: 1px solid #e0ddd2;}
#foto a { padding: 0px; margin: 0; display: block;}

#map {
  float: right;
  width: 360px;
  height: 300px;
  }

img{ border:0px;}