img { 
vertical-align: bottom;border: 0; 
}

#body {
margin: 0;
padding: 0;
height: 100%;
text-align: center;
background-color: #ffffff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

#container {
margin-left: auto;
margin-right: auto;
width: 732px;
}

#header {
width: 732px;
height: 216px;
}

#main {
padding: 0;
margin: 0;
height: 100%;
width: 732px;
background-image: url(images/tlo_content.png);
overflow:hidden;
}

#bar {
margin:0 0 0 24px;
padding:0;
width:170px;
height: 100%;
float: left;
display:inline;
overflow:hidden;
}

#bar a{
display: block;
text-decoration: none;
padding: 0;
margin: 0;
text-indent: -5000px;
background-image: url(images/menu.png);
}

#bar ul{
padding: 0;
margin: 0;
list-style: none;
}

#bar li {
display:inline;
}

#bar li .sub-cennik{
width:170px;
text-indent:0px;
font-size:10px;
height:18px;
border:solid 1px white;
}

#bar .sub-cennik a{
width:170px;
color:#215D89;
text-indent:0px;
font-size:9px;
background-image: url(images/menu_sub.png);
text-align:left;
padding:2px;
padding-left:25px;
padding-right:0px;
border-bottom:solid 1px white;
}



#bar .sub-cennik a:hover{
color:#032C4B;
padding-left:28px;
}


#content {
width: 495px;
float: right;
overflow: hidden;
text-align: justify;
color: #383838;
padding:0;
display:inline;
margin:0 25px 0 0;
}

#content h2 {
padding: 0;
margin:15px 0 0 20px ;
text-decoration: none;
text-indent: -5000px;
height:31px;
}

.l {
float:left;
margin-left:16px;
display:inline;
margin-top:15px;
margin-bottom:15px;
margin-right:10px;
padding:0;
}

.r {
float:right;
margin-right:32px;
margin-left:10px;
display:inline;
margin-top:15px;
margin-bottom:15px;
padding:0;
}

.p {
float:left;
padding:0;
margin-top:15px;
margin-bottom:15px;
margin-right:1px;
margin-left:15px;
display:inline;
}

.rp {
float:right;
margin-top:10px;
margin-right:40px;
padding:0;
display:inline;
}

.lp {
float:left;
margin:35px 15px 50px 15px;
padding:0;
}

.gdzie-info {
background: url(images/info.png) 0 0 no-repeat;
}

.gdzie-rezerwacje {
background: url(images/rezerwacje.png) 0 0 no-repeat;
}

.gdzie-galeria {
background: url(images/galeria.png) 0 0 no-repeat;
}

.gdzie-promocja {
background: url(images/promocje.png) 0 0 no-repeat;
}

.gdzie-wyzywienie {
background: url(images/wyzywienie.png) 0 0 no-repeat;
}

.gdzie-osrodek {
background: url(images/osrodek.png) 0 0 no-repeat;
}

.gdzie-kontakt {
background: url(images/kontakt.png) 0 0 no-repeat;
}

.info a{
width:170px;
height:52px;
}

.osrodek a{
width:170px;
height:36px;
}

.galeria a{
width:170px;
height:36px;
}

.wyzywienie a{
width:170px;
height:36px;
cursor:default;
}

.rezerwacja a{
width:170px;
height:36px;
}

.promocje a{
width:170px;
height:36px;
}

.kontakt a{
width:170px;
height:36px;
}

.wyr {
color:black;
font-weight:bold;
}

#bar .info a          {background-position: 0 0;}
#bar .osrodek a       {background-position: 0 -52px;}
#bar .galeria a       {background-position: 0 -86px;}
#bar .wyzywienie a    {background-position: 0 -122px;}
#bar .rezerwacja a    {background-position: 0 -158px;}
#bar .promocje a      {background-position: 0 -194px;}
#bar .kontakt a       {background-position: 0 -230px;}

#bar .info a:hover          {background-position: -170px 0px;}
#bar .osrodek a:hover       {background-position: -170px -52px;}
#bar .galeria a:hover       {background-position: -170px -86px;}
#bar .rezerwacja a:hover    {background-position: -170px -158px;}
#bar .promocje a:hover      {background-position: -170px -194px;}
#bar .kontakt a:hover       {background-position: -170px -230px;}


.clear {
clear: both;
height: 0;
font-size: 1px;
} 



.img-content {
float:left;
margin:7px 5px 7px 0;
}

.promo {
font-size:14px;
color:red;
font-weight:bold;
}

#footer {
text-align: left;
width: 732px;
height: 49px;
background: url(images/footer.png) no-repeat;
clear: both;
font-size: 0.8em;
}

.copy {
height: 20px;
padding: 0;
margin:0;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 7pt;
color: #ffffff;
}

#footer ul{
margin-top:0;
margin-left:15px;
padding: 16px 0 0 0;
height: 20px;
list-style: none;
color: #fff;
}

#footer a{color:#666666; text-decoration:none;}
#footer a:visited {color:#666666; text-decoration:none;}
#footer a:hover {color:black; text-decoration:none;}
#footer a:active {color:black; text-decoration:none;}

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


#footer li{
height: 20px;
display: inline;
padding: 0 5px 5px 5px;
float: left;
}

#footer li img{
  vertical-align: bottom;
} html>body #footer li img{ vertical-align: middle; }

.style_duzy   { font: bold 12pt Arial, Verdana, Helvetica, sans-sefif }
.style_maly { font: normal 7pt Tahoma, Verdana, Arial, Helvetica, sans-sefif; }
#seo {display:none;}


.tables {font-family:arial,helvetica,verdana;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#340a0a;
width:95%;
margin-top:10px;
margin-bottom:10px;
font-size:12px;
 

}

.tables small {font-size:12px}

.tables thead th {
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#878787;
	padding:1px;
	background-color:#ff9600;
	vertical-align:top;
font-size:12px;
}

.tables tbody td {
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color:#878787;
	text-align:center;
background-color:#fdfcf7;
	padding: 2px;
color:#474747;
}

.tables tbody th {
	border-style:solid;
	border-width:2px 0px 2px 0px;
	border-color:#43b0d9;
	text-align:center;
color:white;
font-weight:normal;
	background-color:#54bfed;
	padding: 2px;
}