html,body{margin:0;padding:0; height: 100%; }
body{
	background: #000 url(background1.jpg) no-repeat;
	text-align:center;
	font: 76% arial,sans-serif;}

#wrapper {background: #000 url(background1.jpg) no-repeat; min-height: 100%;}

/* LAYOUT */

div#container{width:875px;margin:0 auto;}
div#content{float:right;width:674px;}
div#navigation{float:left;width:177px}
div#extra{float:left;clear:left;width:177px}
div#footer{clear:both;width:100%}




/* HEADER */
div#header h1{margin:0; height: 110px;}
a#logo 	{display:block; width: 306px; height: 49px; background: url(logo.png) no-repeat; text-indent: -9999px; position: relative; top: 30px; left: 200px;}
  
  
/* NAWIGACJA */
div#navigation{padding-top: 40px;}
#nav-body {background: url(menu-middle.png) repeat-y; }
#navigation a {display:block; width: 150px; height: 25px; margin-left: 10px;}

a.cennik {background: url(menu-item-cennik.png) no-repeat;}
a:hover.cennik{background-position: -151px -0px;}
a.galeria {background: url(menu-item-galeria.png) no-repeat;margin-top: 3px;}
a:hover.galeria{background-position: -151px -0px;}
a.grupy {background: url(menu-item-grupy.png) no-repeat;margin-top: 0px;}
a:hover.grupy{background-position: -151px -0px;}
a.dojazd {background: url(menu-item-dojazd.png) no-repeat;margin-top: 6px;}
a:hover.dojazd{background-position: -151px -0px;}
a.promocje {background: url(menu-item-promocje.png) no-repeat; margin-top: 3px;}
a:hover.promocje{background-position: -151px -0px;}
a.rezerwacja {background: url(menu-item-rezerwacja.png) no-repeat;margin-top: 4px;}
a:hover.rezerwacja{background-position: -151px -0px;}
a.kontakt {background: url(menu-item-kontakt.png) no-repeat; margin-top: 4px; }
a:hover.kontakt{background-position: -151px -0px;}

/* CONTENT */

h2 {text-indent: -9999px;}

div#content{text-align:left}
#content {}
.content-body {background: url(box-middle.png) repeat-y; padding: 0 10px 0 10px;}

p{line-height:1.4; padding: 0 0 10px 0;}
em {font-weight: bold;}

.index-grupy {background: url(box-grupy.png) no-repeat; width: 359px; height: 211px; margin-top: 15px; float:left; }
.index-grupy p {padding: 40px 0 10px 10px; font: 14px Arial; line-height: 1.6em;}
.index-mapa {background: url(box-mapa.png) no-repeat; width: 300px; height: 211px; margin-top: 15px;  float:right;}
.index-pokoje {background: url(box-pokoje.png) no-repeat; width: 359px; height: 211px;  margin-top: 15px; float:left;}
.index-pokoje p {padding: 33px 3px 0 10px; font: 14px Arial; line-height: 1.5em; }

.index-promocje {background: url(box-promocje.png) no-repeat; width: 300px; height: 211px;  margin-top: 15px; float:right;padding-top: 40px;}
.index-promocje p {padding: 0 10px 6px 10px; font: bold 14px Arial;}
.index-promocje p span.procent{color: red; font: bold 22px Arial;}

.wiecej {float:right; padding-right: 10px; font-size: 14px; font-weight: normal;}

td {width: 100px;}
td {font: 14px Arial; padding: 4px;}
tr.head td {border-bottom: solid 1px #000; font-weight: bold;}
tr.d0 td {background-color: #eee; color: black;}
tr.d1 td {background-color: #fff; color: black;}


form {width: 640px; }
form label {font: 14px Arial; padding: 5px;float: left; width: 300px; clear: both;}
form input {border: solid 1px; margin: 0 5px 5px 5px; float: left; clear:both; width: 400px;}
form textarea {border: solid 1px; margin: 10px; float: left; clear:both; width: 400px;}
form select {border: solid 1px; margin: 10px; float: left; clear:both;}


/* INNE */


div#container{text-align:left}

div#extra{margin-top: 20px;}

div#footer{margin-left: 250px; padding-bottom: 20px; width:568px; height: 60px; background: url(stopka.png) no-repeat; background-position: 0 20px;}
div#footer p{padding: 20px 10px 10px 10px; font: 10px Verdana; text-align: center;}

ul.oferta li {padding-bottom: 5px;}