@import url('reset.css');
@import url('galleria.css');

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	font-family: 'Tahoma', 'Arial', 'Verdana', 'Myriad Pro', Trebuchet, sans-serif;
	background: #f7f5ea url(images/bg.gif) repeat-x 0 0;
	color: #683018;
}

a {
	color: #9f0000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	padding-bottom: 15px;
	line-height: 150%;
}

.to_left {
	float: left;
}

.underline {
	text-decoration: underline;
}

div#wrapper {
	width: 982px;
	margin: 0 auto;
	position: relative;
}

div#left_shadow {
	width: 6px;
	height: 460px;
	background: transparent url(images/shadow_left.jpg) no-repeat 0 0;
	position: absolute;
	top: 165px;
	left: 0;
}

div#right_shadow {
	width: 6px;
	height: 460px;
	background: transparent url(images/shadow_right.jpg) no-repeat 0 0;
	position: absolute;
	top: 165px;
	right: 0;
}

/* NAGLOWEK */

div#header {
	background: transparent url(images/bg_header.jpg) no-repeat 0 0;
	height: 165px;
	position: relative;
}

div#header h1 {
	width: 179px;
	height: 86px;
	background: transparent url(images/logo.jpg) no-repeat 0 0;
	position: absolute;
	top: 22px;
	left: 424px;
}

div#header h1 a {
	display: block;
	width: 179px;
	height: 86px;
	text-indent: -9999px;
}

/* WERSJE JEZYKOWE */

ul#wersja_jezykowa {
	position: absolute;
	top: 8px;
	right: 14px;
	line-height: normal;
	margin: 0;
}

ul#wersja_jezykowa li {
	width: 19px;
	height: 13px;
	margin: 0 0 0 6px;
	float: left;
	background-color: #FFF;
	background: none;
	padding: 0;
}

ul#wersja_jezykowa li a {
	display: block;
	width: 15px;
	height: 9px;
	padding: 1px;
	border: 1px solid #a10101;
	text-indent: -9999px;
	float: left;
}

ul#wersja_jezykowa li a:hover {
	border-color: #ea3030;
}

ul#wersja_jezykowa li.polski a {
	background: #fff url(images/icon_pl.gif) no-repeat center center;
}

ul#wersja_jezykowa li.angielski a {
	background: #fff url(images/icon_en.gif) no-repeat center center;
}

ul#wersja_jezykowa li.niemiecki a {
	background: #fff url(images/icon_de.gif) no-repeat center center;
}

/* MENU */

ul#menu {
	background: transparent url(images/menu.gif) no-repeat 0 0;
	width: 937px;
	height: 37px;
	position: absolute;
	bottom: 0;
	left: 6px;
	margin: 0;
	padding: 0 0 0 33px;
}

ul#menu li {
	background: none;
	padding: 0;
	height: 37px;
	margin: 0 0 0 1px;
	float: left;
}

ul#menu li a {
	display: block;
	height: 37px;
	text-indent: -9999px;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

ul#menu li.strona_glowna { width: 165px; margin-left: 0; }
ul#menu li.motel { width: 111px; }
ul#menu li.pokoje { width: 123px; }
ul#menu li.restauracja { width: 159px; }
ul#menu li.sala_konferencyjna { width: 209px; }
ul#menu li.kontakt { width: 132px; }

ul#menu li.strona_glowna a:hover,
ul#menu li.strona_glowna a.active { background: transparent url(images/menu.gif) no-repeat -33px -37px; }
ul#menu li.motel a:hover,
ul#menu li.motel a.active { background: transparent url(images/menu.gif) no-repeat -199px -37px; }
ul#menu li.pokoje a:hover,
ul#menu li.pokoje a.active { background: transparent url(images/menu.gif) no-repeat -311px -37px; }
ul#menu li.restauracja a:hover,
ul#menu li.restauracja a.active { background: transparent url(images/menu.gif) no-repeat -435px -37px; }
ul#menu li.sala_konferencyjna a:hover,
ul#menu li.sala_konferencyjna a.active { background: transparent url(images/menu.gif) no-repeat -595px -37px; }
ul#menu li.kontakt a:hover,
ul#menu li.kontakt a.active { background: transparent url(images/menu.gif) no-repeat -805px -37px; }

/* MAIN */

div#main {
	background: transparent url(images/bg_main.gif) repeat-y 0 0;
	padding: 0 6px;
}

div#content {
	background: transparent url(images/bg_content.jpg) repeat-x 0 0;
	padding: 27px 38px 15px 38px;
	overflow: hidden;
	height: 100%;
	clear: both;
}

div#content h2 {
	padding-bottom: 15px;
	text-indent: -9999px;
}

div#content h3 {
	padding: 10px 0 15px 0;
	font-size: 17px;
	font-weight: bold;
	color: #683018;
}

div#content h2.h_witamy {
	background: transparent url(images/h_witamy.jpg) no-repeat 0 0;
	height: 55px;
}

div#content h2.h_do_dyspozycji {
	background: transparent url(images/h_do_dyspozycji.gif) no-repeat 0 0;
	height: 55px;
}

div#content h2.h_motel {
	background: transparent url(images/h_motel.jpg) no-repeat 0 0;
	height: 57px;
}

div#content h2.h_pokoje {
	background: transparent url(images/h_pokoje.jpg) no-repeat 0 0;
	height: 57px;
}

div#content h2.h_restauracja {
	background: transparent url(images/h_restauracja.jpg) no-repeat 0 0;
	height: 57px;
}

div#content h2.h_sala_konferencyjna {
	background: transparent url(images/h_sala_konferencyjna.jpg) no-repeat 0 0;
	height: 57px;
}

div#content h2.h_kontakt {
	background: transparent url(images/h_kontakt.jpg) no-repeat 0 0;
	height: 57px;
}

div#left, div#right {
	width: 400px;
}

div#left {
	float: left;
	padding-bottom: 5px;
}

div#right {
	float: right;
	margin-right: 10px;
	padding-bottom: 5px;
}

div.pad_box {
	padding: 0 23px;
}

/* TABLE INFO */

table.table_info {
	margin: 5px auto 15px auto;
}

table.table_info td {
	padding: 5px;
	border: 1px #c9b48e solid;
}

table.table_info thead {
	font-weight: bold;
	background-color: #c9b48e;
	text-align: center;
}

table.table_info thead td {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* GALLERIE */

.galeria {
	width: 100%;
	float: left;
	position: relative;
}

.galeria ul.gallery {
	width: 255px;
	float: left;
	margin: 0;
	padding: 0 0 15px;
}

.galeria ul.gallery li {
	width: 55px;
	height: 60px;
	border: 3px solid #edeeee;
	margin: 0 2px 2px 0;
	padding: 0;
	background: #eee;
}

.galeria ul.gallery li.hover { border-color: #9f0000; }

.galeria ul.gallery li.active { border-style: solid; border-color: #9f0000; }

.galeria .galleria_container {
	width: 585px;
	float: right;
}

.galeria .galleria_wrapper {
	text-align: center;
}

.galeria .galleria_wrapper img {
	width: 585px;
}

.galeria .info { text-align: left; margin: 30px 0; border-top: 1px dotted #221; padding-top: 30px; clear: both; }

.galeria .info p{ margin-top: 1.6em; }

.galeria .nav {
	float: left;
	padding: 0 0 0 100px;
	color: #a60000;
}

.galeria .nav a {
	text-decoration: none;
}

.galeria .nav a:hover {
	text-decoration: underline;
}

/* LISTY */

ul {
	margin: 0 0 15px 28px;
	line-height: 130%;
}

ul li {
	background: transparent url(images/point.gif) no-repeat 0 9px;
	padding: 3px 0 3px 15px;
	overflow: hidden;
	height: 100%;
}

/* MAPA GOOGLE */

#map {
	width: 395px;
	margin: 0 0 10px 0;
	height: 455px;
	float: right;
	overflow: hidden;
	border: 2px solid #C9B48E;
}

/* KONTAKT */

#formularz {
	padding: 15px 0 0 0;
	float: left;
	width: 415px;
	line-height: normal;
	margin: 10px 0 0 0;
}

#formularz li {
	padding: 7px 0;
	overflow: hidden;
	margin: 0;
	background: none;
}

#formularz li.form_naglowek {	
	background-color: #C9B48E;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#formularz li.form_required {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

#formularz li label {
	display: block;
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
	text-align: right;
	padding: 4px 0;
}

#formularz li input, #formularz li textarea, #formularz li select {
	padding: 4px;
	font-size: 11px;
	font-family: Tahoma, Sans-serif;
	overflow: auto;
	background-color: #F9F7EF;
	border: 1px solid #B9A279;
	width: 282px;
	color: #683018;
}

#formularz li span.submit {
	display: block;
	overflow: hidden;
	height: 19px;
}

#formularz li span.submit input {
	background: transparent url(images/b_wyslij.gif) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	height: 19px;
	max-height: 19px;
	padding-top: 19px;
	width: 65px;
	overflow: hidden;
}

#formularz li span.submit input:hover  {
	background-position: 0 -19px;
}

#formularz li label.error {
	color: #DD0000;
	display: block;
	width: auto;
	margin: 0;
	float: none;
	text-align: left;
	padding: 5px 0 5px 112px;
    font-size: 10px;
}

#formularz li input.error, #formularz li textarea.error {
	background: #F9F7EF url(images/error.gif) no-repeat 273px 4px;
}

.box_kontakt {
	float: left;
	width: 210px;
	text-align: left;
	margin: 0;
	line-height: 150%;
}

.box_kontakt h3 {
	padding: 0 0 5px 0;
}

.potwierdzenie {
	color: #008000;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	width: 415px;
}

/* STOPKA */

div#footer {
	clear: both;
	color: #b2a482;
	font-size: 10px;
	background: transparent url(images/footer_line.gif) no-repeat center top;
	padding: 20px 0 2px 0;
	font-family: 'Verdana', 'Arial', 'Tahoma', 'Myriad Pro', Trebuchet, sans-serif;
	margin-top: 15px;
	float: left;
	width: 100%;
}

div#footer div#copyright {
	padding-left: 22px;
}

div#footer_shadow {
	background: transparent url(images/footer_shadow.gif) no-repeat 0 0;
	width: 982px;
	height: 4px;
	font-size: 1px;
	padding-bottom: 15px;
}