/* --------------------reset marginesów oraz dopełnień-------------------- */

html, body, ul, li {margin: 0; padding: 0;}

/* --------------------reset wysokości linii i fontu-------------------- */

h1, h2, ul, li, p {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}

/* --------------------ustawienia globalne-------------------- */

body {background: #3b4c54 url(../img/tlo2.jpg); font: 0.625em/1.5em Arial, Helvetica, sans-serif;}
a {outline-style:none; outline-width:0;}
img {border: 0;}

/* --------------------wrapper-------------------- */

.wrapper {
	width: 100%;
	background-color: #202123;
}

/* --------------------szerokość strony-------------------- */

.content {width: 980px; margin: 0 auto; background:url(../img/contenttlo.png);}
.content2 {width: 960px; margin: 0 auto; background:none;}

/* --------------------lang-------------------- */

#lang {
	height: 40px;
	text-align: right;
	padding-top: 0px;
	padding-right: 82px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lang img {border: 0;}

/* --------------------rezerwacje-------------------- */

#rez {padding: 0px 0px 0px 60px;} 

/* --------------------header-------------------- */

#header {
	position: relative;
	height: 81px;
	background: none;
}	
#header h1 {
	position: absolute;
	top: 0px;
	left: 430px;
	overflow: hidden;
}
#header h1 a {
	display: block;
	height: 65px;
	width: 91px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -666em;
	z-index: 900;
}
#header ul {
	position: absolute;
	bottom: 0px;
	left: 0px;
	list-style: none;
	overflow: hidden;
	width: 960px;
}
#header ul li {
	float: left;
	overflow: hidden;
}
.menuright {
	margin-left: 144px;
}
#header ul li a {
	display: block;
	color: #82a0bb;
	text-decoration: none;
	background: #1f2122;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: normal;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
}
#header ul li a:hover {
	color:#FFF;
}

/* --------------------galeria-------------------- */

#galeria {width:960px; margin:0 auto; position:relative;}

/* BOX ZE ZDJĘCIAMI */

#galeria .zdjecia {width:960px; position:relative;}
.zdjecia_pokaz img {height:429px; width:960px;}
	
/* PRZYCISKI */

#galeria .prev {background: url(../img/prev.png) top left no-repeat; height:55px; width:47px; position:absolute; left:-46px; top:175px;}
#galeria .next {background:url(../img/next.png) top left no-repeat;	height:55px; width:47px; position:absolute; right:-52px; top:175px;}
#galeria .prev:hover {background:url(../img/prevh.png) top left no-repeat;}
#galeria .next:hover {background:url(../img/nexth.png) top left no-repeat;}

/* --------------------hello-------------------- */

.hello {width:960px; margin:0 auto; position:relative;}
.hello .glowna {background: url(../img/hello/szarymain.jpg);}
.hello .pokoje {background: url(../img/hello/szarypok.jpg);}
.hello .res {background: url(../img/hello/szaryres.jpg);}
.hello .spa {background: url(../img/hello/szaryspa.jpg);}
.hello .konferencje {background: url(../img/hello/szarykon.jpg);}
.hello .cennik {background: url(../img/hello/szarycen.jpg);}
.hello .oferty {background: url(../img/hello/szaryofe.jpg);}
.hello .atrakcje {background: url(../img/hello/szaryatr.jpg);}
.hello .lokalizacja {background: url(../img/hello/szarylok.jpg);}
.hello .kontakt {background: url(../img/hello/szarycon.jpg);}	
.hello .box {width: 525px; height: 318px; padding: 25px 15px 25px 25px;}
.hello h2 {height: 45px; font: 2em Verdana, Tahoma, Helvetica, sans-serif; color: #8ea9c0; font-weight:bold; }
.hello p {font: 1.3em Verdana, Tahoma, Helvetica, sans-serif; color: #6c8499;}
.hello a {color: #8ea9c0; text-decoration: none; font-weight:bold;}	
.hello a:hover {color: #000;}	
	
/* --------------------main-------------------- */

.main {position:relative; background: url(../img/tloglowne.jpg) repeat; width:960px; margin:0 auto;}
.main .szary {background: url(../img/hello/szary.jpg); text-align: center; padding: 10px 0px 10px 0px;}
.main .box {padding: 5px 25px 25px 25px;}
.main img {padding: 0px 20px 0px 0px;}
.main .center {text-align: center;}
.main p {font: 1.3em Verdana, Tahoma, Helvetica, sans-serif; color: #cfe6fc; overflow: hidden;}	
.main p.strong {font-weight: bold;}
.main a {color: #FFF; text-decoration: none; font-weight:bold;}	
.main a:hover {color: #333;}	
.oferta_foto {float: left;}
	
/* --------------------footer-------------------- */

#footer {position: relative;}	
#footer p {font: 1.3em Verdana, Tahoma, Helvetica, sans-serif; color: #8ea9c0; padding: 5px 0px 5px 0px; text-align: center;}
#footer a {color: #8ea9c0; text-decoration: none; font-weight:bold;}	
#footer a:hover {color: #FFF;}	

#rez #trzy-d {
	position: absolute;
	left: 833px;
	top: 100px;
	z-index: 500;
	} 
	
#rez #reserv {
	position: absolute;
	left: 715px;
	top: 100px;
	z-index: 500;
	} 
	
#facebook {
	position: absolute;
	left: 931px;
	top: 10px;
}
#flash {
	position: absolute;
	left: 2px;
	top: 277px;
	z-index: 500;
}
.hello .oferty2 {
	background: url(../img/hello/szary2.jpg);
}
.hello .box2 {
	width: 920px;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../img/hello/szary2cien.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.hello .box2 img {
	margin-right: 20px;

}
.box3 {
	width: 920px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	background-image: url(../img/hello/niebieski-cien.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#kwiat {
	height: 274px;
	width: 437px;
	position: absolute;
	background-image: url(../img/hello/kwiat.jpg);
	left: 522px;
	top: 55px;
}
#facebook2 {
	position: absolute;
	left: 880px;
	top: 12px;
	z-index: 200;
}
h3, h4 {
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 10px;
	margin-bottom: 5px;
}
h3 {
	color: #6C8499;
}
h4 {
	color: #CFE6FC;
}