body {
   background: #DFD6CF url('bg.bmp');
   margin: 0px;
   padding: 0px;
   font-family: Verdana, sans-serif;
   text-align: center;
   font-size: 80%;
}

#all {
   margin: auto;
   width: 740px;
   text-align: left;
}

#top {
   background: #DFD6CF url('top.jpg') no-repeat left top;
   height: 140px;
   position: relative;
   padding: 0px 0px 0px 0px;
}

#top2 {
   background: #DFD6CF url('top2.jpg') no-repeat left top;
   height: 140px;
   position: relative;
   padding: 0px 0px 0px 0px;
}

#middle {
   background: #ffffff url('main.png') repeat-y top left;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

#bottom {
   background: #DFD6CF url('bottom.png') no-repeat bottom left;
   height: 60px;
   position: relative;
}

#menu {
   float: left;
   padding-left: 9px;
   margin-left: 0px;
   margin-top: 10px;
   width: 145px;
   text-align: right;
}

#menu img {
   border: 0px;
   border: 0px;
}

#menu a {
   display: block;
   background: url('menu/bg1.gif') repeat-x;
}

#menu a:hover {
   background: url('menu/bg2.gif') repeat-x;
}

.checked {
   display: block;
   background: url('menu/bg3.gif') repeat-x;
}

#content {
   float: right;
   width: 563px;
 /*  height: 300px;*/
   padding-top: 20px;
   padding-bottom: 0px;
   padding-right: 0px;
}


#content p {
	text-align: justify;
	padding-right: 18px;
	padding-left: 5px;
}


h1 {
   float: left;
   position: absolute;
   bottom: 10px;
   left: 180px;
   margin: 0px 0px 0px 0px;
   font-size: 120%;
   color: #FFFFFF
}

.map {
   text-align: left;
}

.map2 {
   float: right;
   text-align: center;
   margin-bottom: 3px;
}

.map2 a {
   font-size: 80%;
   display: block;
}

.map2 img {
   border: 0px;
   margin: 5px 10px 5px 10px;
   display: block;
}

.cleaner {
   clear: both;
}

#frame1 {
   float: right;
   background: url('frame1.gif') no-repeat bottom left;
   padding-top: 0px;
   padding-left: 7px;
   padding-bottom: 2px;
   padding-right: 3px;
   margin-right: 1px;
   color: #999999;
   font-size: 80%;
}

#frame1 ul {
   padding: 2px 10px 2px 12px;
   margin: 0px;
}

#frame1 li {
  display: inline;
}

#frame1 li a {
   color: #992222;
   text-decoration: none;
}

#frame1 li a:hover {
   color: #666666;
   text-decoration: underline;
}

#frame4 {
   position: absolute;
   bottom: 0px;
   right: 40px;
   font-size: 80%;
}

#frame2 {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   background: url('frame2-left.gif') left top no-repeat;
   float: left;
   /* width: 400px; */
}
#frame3 {
   float: left;
   width: 19px;
   background: url('frame2-right.gif') right top;
}


#right {
   float: right;
   padding-right: 2px;
   width: 175px;
}

.container {
   background: url('left-top.png') no-repeat left top;
   width: 155px;
   float: right;
   margin-bottom: 15px;
   margin-right: 0px;
   padding-right: 0px;
}

.c-content {
   background: url('left-bottom.png') no-repeat left bottom;
   margin-top: 5px;
   padding-bottom: 10px;
   padding-left: 5px;
   padding-right: 5px;
   font-size: 80%;
}

.c-content ul {
   padding: 0px 0px 0px 0px;
   margin: 0px 5px 5px 5px;
   list-style: inside;
}

.c-content p {
   margin-bottom: 0px;
}

.c-content img {
   margin: 3px 0px 0px 15px;
   border: 0px;
}

#frame2 p{
   padding: 6px 0px 3px 0px;
   margin: 0px 100px 0px 120px;
   text-align: center;
   white-space: nowrap;
}

#frame3 p{
   padding: 6px 0px 3px 0px;
   margin: 0px 0px 0px 0px;
   text-align: center;
}

ul {
   margin: 3px 0px 3px 25px;
   padding: 0px 18px 0px 0px;
   list-style-type: square;
}

p img {
   float: right;
   margin: 5px 2px 10px 8px;
   border: 1px solid #666666;
}

p img.left {
   float: left;
   margin: 5px 8px 10px 2px;
}

.cleanerleft {
   clear: left;
}

a {
   color: #992222;
   text-decoration: underline;
}

a:hover {
   color: #666666;
   text-decoration: none;
}

#logo {
        float: left;
        position: absolute;
        top: 54px;
        left: 24px;
}

#logo img {
   border: 0px;
}

#logo2 {
        float: left;
        position: absolute;
        top: 51px;
        left: 9px;
}

#logo2 img {
   border: 0px;
}

#menu2 {
   color: #999999;
   text-align: left;
   margin: 20px 60px 3px 5px;
   padding-bottom: 0px;
   font-size: 80%;
}

#menu2 li {
   display: inline;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

#menu2 li a {
   color: #992222;
   text-decoration: none;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

#menu2 li a:hover {
   color: #666666;
   text-decoration: underline;
}

#menu2 ul {
   padding-bottom: 0px;
   margin-bottom: 0px;
}

ul.minimenu {
   list-style-type: none;
   padding-left: 5px;
   padding-bottom: 15px;
   padding-top: 10px;
   margin-bottom: 5px;
   margin-left: 0px;
}

hr {
   margin: 5px 20px 10px 0px;
}

h2 {
   font-size: 120%;
   border-left: solid 6px #aaaaaa;
   color: #666666;
   padding-left: 5px;
   margin-bottom: 5px;
}

h2 a {
   text-decoration: none;
   color: #666666;
}

h3 {
   font-size: 110%;
   padding-left: 5px;
}

td {
   border: 1px solid black;
}


th {
   border: 0px;
}

table {
	width: 80%;
}


.pkt1 {
   background: #3568A1;
   float: left;
   margin-right: 3px;
}

.pkt2 {
   background: #C0C0C0;
   float: left;
   margin-right: 0px;
   font-size: 60%;
}

.hilight {
   font-weight: bold;
   color: #434695;
}

.opis_pokoju {
   width: 40%;
   float: left;
   margin: 0px 10px 10px 10px;
   padding: 5px 5px 5px 5px;
/*   border: 1px solid black;*/
   text-align: center;
}

.opis_pokoju ul {
   margin: 10px 0px 10px 20px;
   text-align: left;
}

.opis_pokoju h3 {
   font-size: 110%;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 5px;
   color: #666666;
}

.opis_pokoju strong {
   font-size: 120%;
   color: #D7A33B;
}

.opis_pokoju ul strong {
   font-size: 100%;
}

div.center {
   text-align: center;
   width: 100%;
}

.foto {
   clear: both;
   vertical-align: middle;
   text-align: center;
   border-top: 2px dotted #d7a33b;
   border-bottom: 2px dotted #d7a33b;
   padding: 5px 0px 5px 0px;
   margin: 3px 10px 20px 0px;
}

.foto img {
   vertical-align: middle;
   margin: 0px 5px 0px 5px;
}

.foto2 {
   clear: both;
   vertical-align: middle;
   text-align: center;
   border-bottom: 2px solid #8f8f8f;
   padding: 5px 0px 5px 0px;
   margin: 3px 0px 0px 0px;
}

.foto2 img {
   vertical-align: middle;
   margin: 0px 0px 0px 0px;
   border: 1px solid #666666;
}

a img {
	border: 1px solid #666666;
}

.cena {
   text-align: center;
   font-weight: bold;
   font-size: 120%;
   color: #D7A33B;
   border: 1px solid black;
   border-left: 0px;
}
.cenaup {
   text-align: center;
   font-weight: bold;
   font-size: 120%;
   color: #D7A33B;
   border: 1px solid black;
   border-left: 0px;
   border-top: 0px;
}

.wyp {
   font-size: 80%;
   border-left: 0px;
   border-right: 0px;
   padding: 3px 3px 3px 3px;
}
.wypup {
   font-size: 80%;
   border-left: 0px;
   border-right: 0px;
   border-top: 0px;
   padding: 3px 3px 3px 3px;
}

.ind img {
   float: left;
   margin-bottom: 25px;
}

.pok {
   border: 0px;
   border-left: solid 6px #aaaaaa;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 2px 0px;
}

.borderpok {
   border-bottom: 1px solid black;
}

.space {
   border: 0px;
   height: 10px;
}

.price {
   width: 80%;
   text-align:center;
   color: #d7a33b;
   font-weight: bold;
   font-size: 120%;
}
.title {
   width: 80%;
   text-align:center;
   color: #666666;
   font-weight: bold;
   font-size: 120%;
   margin-bottom: 5px;
}

#right h2 {
   margin: 3px 0px 15px 15px;
}

input {
   width: 40px;
   margin: 0px 0px 0px 0px;
}

.data {
   text-align: right;
   font-style: italic;
   font-size: 80%;
}

.wyp a, .wypup a {
   display: block;
   text-align: right;
}

.small {
   font-size: 80%;
}