@charset "utf-8";
/* CSS Document */
body {
	background-color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: justify;
	vertical-align: 500%;
	background-image: url(images/deski.jpg);
	background-repeat: repeat;
}

p {
	line-height: 17px;
	font-size: 12px;
	color: #FFF;
	text-align: justify;
}

img {
	border:none;
	text-align: left;
}
a:link {
	color: #FFF;
	font-weight: bold;
}
a:visited {
	color: #FFF;	
}
a:hover {
	color: #069;
}
a:active {
	color: #FFF;
	text-align: center;
}

h1 {
	color: #1D1916;
	font-size: 10px;
	text-align: center;
}
h2 {
	color: #1D1916;
	font-size: 18px;
	text-align: left;
}
h3 {
	color: #1D1916;
	line-height: 1px;
	text-align: center;
}
h4 {
	color: #1D1916;
	font-size: 12px;
	text-align: left;
}
h5 {
	color: #1D1916;
	font-size: 8px;
	text-align: left;
}

h6{
	color: #F00;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
#container {
	height: auto;
	width: 820px;
	position: relative;
	margin: auto;
}

#tlo {
	color: #FFF;
}

#top {
	background-image: url(images/top.jpg);
	height: 396px;
	width: 820px;
	background-repeat: repeat;
	top: auto;
	z-index: 1;
}

#footer {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	height: 186px;
	width: 820px;
	bottom: auto;
	z-index: 2;
}

#logo {
	position: absolute;
	left: 53px;
	top: 15px;
	z-index: 5;
	height: 110px;
	width: 328px;
}



#motyl {
	position: absolute;
	left: 710px;
	top: 91px;
	z-index: 6;
}


#context {
	z-index: 3;
	height: auto;
	width: 722px;
	position: absolute;
	top: 120px;
	left: 50px;
}

#navi {
	background-repeat: no-repeat;
	z-index: 4;
	height: 44px;
	width: 723px;
	background-image: url(images/navi.png);
}

#okolica01 {
	position: absolute;
	left: 5px;
	top: 56px;
	z-index: 7;
}

#okolica02 {
	position: absolute;
	float: right;
	left: 406px;
	top: 152px;
	width: 264px;
}

#bottom {
	background-image: url(images/bottom.png);
	background-repeat: no-repeat;
	height: 34px;
	width: 723px;
	bottom: 0px;
	position: relative;
}

#home {
	position: absolute;
	left: 87px;
	top: 10px;
}

#pokoje {
	position: absolute;
	left: 158px;
	top: 10px;
}

#okolica {
	position: absolute;
	left: 242px;
	top: 10px;
}

#oferta_zdjecia {
	position: absolute;
	left: 426px;
	top: 38px;
}


#galeria {
	position: absolute;
	left: 334px;
	top: 11px;
}

#oferta {
	position: absolute;
	left: 481px;
	top: 11px;
}

#kontakt {
	position: absolute;
	left: 562px;
	top: 11px;
}
#bginside {
	position: absolute;
	width: 189px;
	height: 297px;
	left: 511px;
	top: 45px;
}
#container #tlo #context #bg #bginside p {
	font-size: 11px;
	text-align: center;
}
.wielkanoc {
	color: #069;
	text-decoration: blink;
	text-align: center;
	display: block;
	outline-style: none;
	border: none;
	border-style:: none;
	font-size: 16px;
}
.oferta2011 {
	color: #F00;
	text-decoration: blink;
	text-align: center;
	display: block;
	outline-style: none;
	border: none;
	border-style:: none;
	font-size: 18px;
}
#stopka {
	font-size: 10px;
	text-align: center;
}
.center {
	text-align: center;
}
.red a {
	color: #DE3838;
	text-decoration: none;
}
.red a:hover {
	text-decoration:underline;
}