body {
  background-image: url(./gfx/tlo1.jpg);
  font-family: verdana;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
}
a, a:link, a:active, a:visited {
  color:black;
  text-decoration: none;
}
div.main-pas-v-l {
  width: 20px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border-width: 0px;
}
div.main {
  width: 750px;
  height: auto;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  border-width: 0px;
  border-style: solid;
  color: black;
  text-align: center; 
  background: #B8D0F8 url(./gfx/pas-v.jpg) repeat-y top left;
}
div.top {
  height: 286px;
  width: 726px;
  background: url(./gfx/naglowek.jpg) no-repeat top left;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  color: black;
  margin: auto;
  float: none;
}
div.wysokosc { /* element utrzymuje minimalną wysokosc strony w IE  */
  height: 700px;
  width: 1px;
  border-width: 0px;
  border-style: solid;
  color: black;
  float: left;
  padding: 0px;
  margin: 0px;
}
div.obraz {
  padding: 0px;
  text-align: left;
  background-color: transparent;
  border-width: 0px;
  border-color: black;
  border-style: solid;
}
div.pasek {
  padding: 7;
  background-color: #659CF5;
  border-width: 0px;
  width: 100%;
  color: white;
  text-align: left;
}
div.licznik {
   text-align: center;
   font-size: 10px;
}
div.lewy {
  float: left;
}
div.prawy {
  float: right;
}
a.fotos {
   cursor: pointer;
}
a.opcja {
  display:block;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  border-width: 0px;
  border-style: solid;
  color: black;
  width: 160px;
  height: 22px;
}

#opcja1 {
   background: url(./gfx/oferta0.gif) no-repeat top left;
}
#opcja1:hover {
   background: url(./gfx/oferta1.gif) no-repeat top left;
}
#opcja1:active {
   background: url(./gfx/oferta1.gif) no-repeat top left;
}
#opcja2 {
   background: url(./gfx/statek0.gif) no-repeat top left;
}
#opcja2:hover {
   background: url(./gfx/statek1.gif) no-repeat top left;
}
#opcja3 {
   background: url(./gfx/rejs0.gif) no-repeat top left;
}
#opcja3:hover {
   background: url(./gfx/rejs1.gif) no-repeat top left;
}
#opcja4 {
   background: url(./gfx/galeria0.gif) no-repeat top left;
}
#opcja4:hover {
   background: url(./gfx/galeria1.gif) no-repeat top left;
}
#opcja5 {
   background: url(./gfx/filmy0.gif) no-repeat top left;
}
#opcja5:hover {
   background: url(./gfx/filmy1.gif) no-repeat top left;
}
#opcja6 {
   background: url(./gfx/mapa0.gif) no-repeat top left;
}
#opcja6:hover {
   background: url(./gfx/mapa1.gif) no-repeat top left;
}
#opcja7 {
   background: url(./gfx/kontakt0.gif) no-repeat top left;
}
#opcja7:hover {
   background: url(./gfx/kontakt1.gif) no-repeat top left;
}
#opcja8 {
   background: url(./gfx/dorsz0.gif) no-repeat top left;
}
#opcja8:hover {
   background: url(./gfx/dorsz1.gif) no-repeat top left;
}
#opcja9 {
   background: url(./gfx/noclegi0.gif) no-repeat top left;
}
#opcja9:hover {
   background: url(./gfx/noclegi1.gif) no-repeat top left;
}
#opcja10 {
   background: url(./gfx/onas0.gif) no-repeat top left;
}
#opcja10:hover {
   background: url(./gfx/onas1.gif) no-repeat top left;
}
#opcja11 {
   background: url(./gfx/wla320.gif) no-repeat top left;
}
#opcja11:hover {
   background: url(./gfx/wla321.gif) no-repeat top left;
}
#opcja12 {
   background: url(./gfx/komentarze0.gif) no-repeat top left;
}
#opcja12:hover {
   background: url(./gfx/komentarze1.gif) no-repeat top left;
}

div.opcja:hover {
  background-color:white;
}
#ramka {
  width: 170px;
  margin-right: 0px;
  margin-left: 25px;
  margin-top: 30px;
  display: inline; /* to aby ie nie podwajal marginesów */
}
p, p.zwykly, li {
  text-align: left;
}
p.naglowek {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
p.naglowek1 {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
#tresc {
  width: 490px;
  margin-top: 30px;
  margin-right: 45px;
  display: inline; /* to aby ie nie podwajal marginesów */
}
p.podpis {
  font-weight: bold;
  margin-left: 250px;
  font-style: italic;
}
.czerw {
  color: red;
}
p.tytul {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

img.goly {
   margin: 0px;
   padding: 0px;
   border-width: 1px;
   border-style: solid;
   border-color: navy;
}

label.kontakt
{
  font-style: normal;
  font-size: 13px;
  text-align: left;
  font-family: sans-serif;
  color: black;
  float: left;
  width: 115px;
  font-weight: normal;
  margin-left: 5px;
  display: inline; /* to aby ie nie podwajal marginesów */
}
input.kontakt
{
  margin: 0px;
  margin-bottom: 3px;
  width: 309px;
  background-color: #AEC8F8;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  
}
#txtTresc {
   background-color: #AEC8F8;
   border-style: solid;
   border-width: 1px;
   border-color: black;
}
.button
{
  font-size: 13px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  cursor: pointer;
}
.left
{
  margin-left: 122px;
}
.txtForm {
  width: 460px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin-left: 0px;
  float: left;
  padding: 0px;
}
.txtFormLegend
{
  font-family: sans-serif;
  color: black;
  font-weight: bold;
}
.error
{
  display: block;
  color: #ff0000;
}
#koment {
  width: 200px;
  padding-left: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 0px;
  border-left-width: 1px;
  border-color: black;
  display: inline; /* to aby ie nie podwajal marginesów */
}
#komTresc {
   background-color: #AEC8F8;
   border-style: solid;
   border-width: 1px;
   border-color: black;
}
input.koment {
  margin: 0px;
  margin-bottom: 3px;
  width: 216px;
  background-color: #AEC8F8;
  border-style: solid;
  border-width: 1px;
  border-color: black; 
}
table.galeria {
  width: 500px; 
  border-width: 0px; 
  border-style: solid;
  color: red;
  padding: 0px;
  font-weight: normal;
  font-size: 12px;
  border-spacing: 0px;
}
td.galeria1 {
   width: 157px;
   border: 0px;
   border-bottom: 1px;
   border-style: solid;
   color: blue;
   padding:10px;
}
td.galeria2 {
   border: 0px;
   border-bottom: 1px;
   border-style: solid;
   color: blue;
   padding:10px;
}
img.thumbnail {
	padding: 1px;
	margin: 0px;
	margin-left: 2px;
	background: #363636;
	border-width: 1px;
	border-color: #778899;
	border-style: solid;
}
img.thumbnail:hover {
    border-width: 1px;
    border-color: white;
    border-style: solid;
    margin: 0px;
	 margin-left: 2px;
}