@import url('common.css');
@import url('defaults.css');

@font-face {
    font-family: 'FertigoProRegular';
    src: url('fertigo_pro-webfont.eot');
    src: url('fertigo_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fertigo_pro-webfont.woff') format('woff'),
         url('fertigo_pro-webfont.ttf') format('truetype'),
         url('fertigo_pro-webfont.svg#FertigoProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	color: #5f3227;
	font-size: 12px;
	font-family: Arial;
}

#container {
	display: block;
	width: 100%;
	overflow: hidden;
	background: #fff url(../images/bg.jpg);
}

#container.rezerwacja {
	display: block;
	width: 100%;
	height: 92px;
	overflow: hidden;
	background: #fff url(../images/bg.jpg);
}

a {
	color: #5f3227;
	cursor: pointer;
}

.right {
	float: right;
	margin-left: 16px;
}

.left {
	float: left;
	margin-right: 16px;
}


/* Nagłówek */

#container > header {
	width: 939px;
	height: 364px;
	position: relative;
	margin: 0 auto;
}

#container > header h1 {
	width: 198px;
	height: 125px;
	padding: 30px 0 0 72px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/bg-logo.png) no-repeat 0px 9px;
}

#container.rezerwacja > header h1 {
	width: 198px;
	height: 92px;
	padding: 22px 0 0 89px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/bg-logo.png) no-repeat 0px 9px;
}

/* Menu główne */

#container header nav ul {
	display: block;
	position: absolute;
	width: 660px;
	height: 56px;
	padding: 45px 0 0 0;
	top: 0px;
	right: 0px;
	font-family: FertigoProRegular;
	font-size: 12px;
	text-transform: uppercase;
}

#container header nav ul li {
	float: left;
	background: url(../images/nav-li.gif) no-repeat 100% 18px;
}

#container header nav ul li a {
	display: block;
	padding: 0 0 0 6px;
	height: 56px;
	line-height: 47px;
	background: url(../images/nav-h-l.png) no-repeat 0px 58px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#container header nav ul li a span {
	display: block;
	padding: 0 10px 0 2px;
	height: 56px;
	line-height: 47px;
	background: url(../images/nav-h-r.png) no-repeat 100% 58px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#container header nav ul li a:hover,
#container header nav ul li a.active {
	background: url(../images/nav-h-l.png) no-repeat 0px 2px
}

#container header nav ul li a:hover span,
#container header nav ul li a.active span {
	background: url(../images/nav-h-r.png) no-repeat 100% 2px
}

#container header nav ul li.last {
	background: none;
}

#container header nav ul li.last a span {
	padding: 0 9px 0 4px;
}

#container header nav ul li.last a:hover span,
#container header nav ul li.last a.active span {
	background: url(../images/nav-h-r-last.png) no-repeat 100% 2px
}

#container header nav ul li.english {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	height: 40px;
	line-height: 37px;
	background: none;
	font-size: 11px;
	text-transform: none;
}

#container header nav ul li.english a {
	display: block;
	width: 66px;
	height: 40px;
	line-height: 30px;
	padding: 0 10px 0 0;
	background: url(../images/nav-h-lng.png) no-repeat 0px -40px;
}

#container header nav ul li.english a span {
	display: block;
	height: 40px;
	line-height: 47px;
	padding: 0 15px 0 10px;
	background: url(../images/en-flag.gif) no-repeat 100% 16px;
}

#container header nav ul li.english a:hover,
#container header nav ul li.english a.active {
	background: url(../images/nav-h-lng.png) no-repeat 0px 0px;
}

#container header nav ul li.english a:hover span,
#container header nav ul li.english a.active span {
	background: url(../images/en-flag.gif) no-repeat 100% 16px;
}


/* END Menu główne */

#container header div#slider {
	display: block;
	position: absolute;
	width: 672px;
	height: 243px;
	padding: 9px 7px 20px 7px;
	top: 92px;
	right: 0px;
	z-index: 95;
	background: url(../images/bg-slider.png) no-repeat 0px 0px;
}

.caroufredsel_wrapper {
	z-index: 100;
}

#container header div#slider ul {
	overflow: hidden;
	height: 243px;
}

#container header div#slider ul li {
	display: block;
	float: left;
	width: 672px;
	height: 243px;
}

#container header div#slider span#btn-prev,
#container header div#slider span#btn-next {
	display: block;
	position: absolute;
	top: 9px;
	left: 0px;
	z-index: 200;
	background: url(../images/btn-l.png) no-repeat 0px 0px;
	height: 243px;
	width: 26px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#container header div#slider span#btn-next {
	left: auto;
	right: 0px;
	background: url(../images/btn-r.png) no-repeat 0px 0px;
}

#container header div#slider span#btn-prev:hover {
	background: url(../images/btn-l-h.png) no-repeat 0px 0px;
}

#container header div#slider span#btn-next:hover {
	background: url(../images/btn-r-h.png) no-repeat 0px 0px;
}

#container header div#slider a#ribbon {
	display: block;
	position: absolute;
	width: 222px;
	height: 123px;
	z-index: 200;
	top: 0px;
	right: 0px;
	background: url(../images/ribbon.png) no-repeat 0px 0px;
}

/* END Nagłówek */

/* Zawartość */

#container section#content {
	width: 939px;
	position: relative;
	margin: 0 auto;
}

#container section#content h1,
#container section#content h2,
#container section#content h3,
#container section#content h4 {
	font-size: 20px;
	font-weight: normal;
	font-family: FertigoProRegular;
	color: #5f3227;
}

#container section#content h1 {
	background: url(../images/ico-crown.png) no-repeat 0px 16px;
		padding: 10px 0 20px 30px;
}

#container section#content h2 {
	font-size: 18px;
	padding: 8px 0 8px 0;
}

#container section#content h3 {
	font-size: 16px;
	padding: 8px 0 8px 0;
}

#container section#content h4 {
	font-size: 14px;
	padding: 4px 0 4px 0;
}

/* Zawartość boczna */

#container section#content aside {
	float: left;
	width: 260px;
	height: 220px;
	position: relative;
	top: -209px;
	left: 0px;
	background: url(../images/bg-aside-top.png) no-repeat 0px 100%;
	padding-bottom: 25px;
}

#container section#content aside section#news {
	width: 190px;
	height: 230px;
	padding: 0 35px 0 35px;
	position: relative;
	background: url(../images/bg-aside-top.png) no-repeat 0px 100%;
	overflow: hidden;
}

#container section#content aside section#news h1 {
	background: none;
	padding-left: 0px;
}

#container section#content aside section#news article {
	padding-bottom: 0px;
}

#container section#content aside section#news h2 {
	color: #985520;
	font-size: 14px;
	padding: 0 0 4px 0;
	font-weight: normal;
	font-family: 'FertigoProRegular';
}

#container section#content aside section#news h2 a {
	color: #985520;
}

#container section#content aside section#news p {
	height: 30px;
	overflow: hidden;
}

#container section#content aside section#news hr {
	display: none;
}

#container section#content a.more {
	display: block;
	width: 27px;
	height: 27px;
	line-height: 25px;
	text-align: center;
	font-size: 13px;
	margin: 4px 0 0 -6px;
	color: #343434 !important;
	background: transparent url(../images/bg-more2.png) no-repeat -28px 1px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 0px !important;
}

#container section#content a.more:hover {
	color: #f4d97a !important;
	background: transparent url(../images/bg-more2.png) no-repeat 1px 1px;
	border: 0px !important;
}

#container section#content aside section#news a.more {
	color: #343434;
	background: url(../images/bg-more1.png) no-repeat -28px 1px;
	margin: 6px 0 6px -6px;
}

#container section#content aside section#news a.more:hover {
	color: #343434 !important;
	background: url(../images/bg-more1.png) no-repeat 1px 1px;
}

#container section#content aside section#firma {
	width: 210px;
	overflow: hidden;
	padding: 25px;
	font-size: 14px;
	line-height: 19px;
}

#container section#content aside section#firma p {
	padding-bottom: 4px;
}

/* END Zawartość boczna */

/* Zawartość główna */

#container section#content-main {
	float: left;
	width: 614px;
	padding: 20px 35px 30px 30px;
	font-size: 14px;
	line-height: 19px;
	position: relative;
}

#container section#content-main #bell {
	position: absolute;
	display: block;
	width: 307px;
	height: 267px;
	background: url(../images/dzwonek.png) no-repeat 0px 0px;
	top: -15px;
	right: -52px;
	z-index: 300;
	border: 0;
}

#container section#content aside section#firma a,
#container section#content-main a {
	border-bottom: 1px dotted #5f3227;
}

#container section#content aside section#news h2 a:hover,
#container section#content aside section#firma a:hover,
#container section#content-main a:hover {
	border-bottom: 1px dotted #d42c02;
	color: #d42c02;
}

#container section#content aside section#firma ul,
#container section#content-main p,
#container section#content-main ul,
#container section#content-main ol {
	margin: 0;
	padding: 8px 0;
}

#container section#content aside section#firma ul li,
#container section#content-main ul li {
	margin: 0;
	padding: 3px 0 3px 21px;
	background: url(../images/ico-li.png) no-repeat 4px 10px;
}

#container section#content-main hr {
	color: #985520;
	background: #985520;
	height: 1px;
	border: 0px;
	border-bottom: 1px solid #f3e797;
	margin: 16px 0;
}

#container section#content-main table {
	font-size: 12px;
	margin-bottom: 10px;
	width: 100%;
}

#container section#content-main table thead th {
	font-size: 16px;
	font-family: FertigoProRegular;
	text-transform: uppercase;
	text-align: center;
	background: #5f3227;
	color: #fff;
}

#container section#content-main table th,
#container section#content-main table td {
	padding: 6px 24px;
	border: 12px solid #fff;
	border-collapse: collapse;
	background: #edcd7d;
	height: 14px;
	vertical-align: middle;
}

#container section#content-main table td {
	background: #f3e797;
	color: #5f3227;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#container section#content-main table td a {
	font-size: 12px;
	font-weight: normal;
}

#container section#content-main table td a span {
	font-size: 13px;
}


#container section#content-main.index {
	width: 400px;
	padding: 20px 249px 30px 30px;
}

#container section#content-main span.font-l {
	display: block;
	padding-bottom: 15px;
	font-size: 21px;
	line-height: 24px;
	color: #5f3227;
	font-family: FertigoProRegular;
}

#container section#content-main div.map a {
	width: 200px;
	height: 20px;
	padding: 208px 0 0 0;
	text-align: center;
	background: url(../images/kontakt/mapka.gif) no-repeat 0px 0px;
	position: absolute;
	top: 40px;
	right: 50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#container section#content-main div.map a:hover {
	background: url(../images/kontakt/mapka.gif) no-repeat -200px 0px;
}

/* Galeria */

ul.galeria {
	position: relative;
	margin-right: -30px;
	width: 644px;
}

ul.galeria li {
	padding: 0 30px 20px 0 !important;
	float: left;
	background: none !important;
	text-align: center;
}

div.img a img {
	width: 220px !important;
	height: auto !important;
}

div.img a img,
ul.galeria li a img {
	display: block;
	width: 270px;
	height: 170px;
	padding: 5px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 6px;
	margin-bottom: 6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div.img a:hover img,
ul.galeria li a:hover img {
	border: 2px solid #d7b664;
}

ul.panoramy li {
	padding: 0 0 20px 0 !important;
	background: none !important;
	text-align: center;
}

ul.panoramy li a img {
	display: block;
	padding: 5px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 6px;
	margin-bottom: 6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul.panoramy li a:hover img {
	border: 2px solid #d7b664;
}

/* END Galeria */


/* Dojazd */

#container section#content-main div.form-dojazd {
	padding-bottom: 14px;
}

#container section#content-main div.form-dojazd input[type=text] {
	border: 1px solid #d1ac51;
	height: 20px;
	margin: 0 20px 0 4px;
	background: #f8f5ec;
	padding: 3px;
	width: 130px;
}

#container section#content-main div.form-dojazd input[type=text]:hover {
	border: 1px solid #5f3227;
}

#container section#content-main div.form-dojazd input[type=text]:focus {
	border: 2px solid #5f3227;
	padding: 2px;
	background: #fff;
	outline: none;
}

#container section#content-main div.form-dojazd input[type=submit] {
	float: right;
	background: #5f3227;
	color: #fff;
	font-weight: normal;
	border: 1px solid #582c22;
	width: 120px;
	height: 30px;
	cursor: pointer;
	` margin-top: -43px;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}

#container section#content-main div.form-dojazd input[type=submit]:hover {
	background: #edcc7c;
	color: #5f3227;
	border: 1px solid #5f3227;
}

#container section#content-main #map {
	width: 612px;
	height: 410px;
	border: 1px solid #edcc7c;
}

/* END Dojazd */

/* END Zawartość główna */

/* END Zawartość */


/* Stopka */

footer {
	width: 939px;
	height: 36px;
	padding: 30px 0;
	margin: 0 auto;
	font-family: FertigoProRegular;
	font-size: 11px;
	position: relative;
}

footer ul li {
	float: left;
	line-height: 15px;
}

footer ul li.silnet {
	float: left; 
	height: 36px; 
	width: 94px;
	background: url('../images/silnet.gif') no-repeat 0px 0px;
}

footer ul li.silnet a {
	display: block;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 20;
	top: 0px;
	right: 0px;
	height: 36px;
	width: 94px;
	background: url('../images/silnet.gif') no-repeat 0px -36px;
}

footer ul li.silnet a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

footer ul li.copy {
	padding: 3px 0 0 20px;
	width: 306px;
}

footer ul li.eholiday {
	padding: 8px 0 0 20px;
	width: 160px;
}

footer ul li.phone {
	padding: 10px 0 0 0;
	width: 210px;
	font-size: 21px;
}

footer ul li.facebook a {
	display: block;
	width: 119px;
	height: 36px;
	padding: 3px 0 0 0;
}

footer ul li.facebook a span {
	display: block;
	float: left;
	width: 40px;
	height: 36px;
	margin-top: -3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: url('../images/facebook.gif') no-repeat -36px 0px;
}

footer ul li.facebook a:hover span {
	background: url('../images/facebook.gif') no-repeat 0px 0px;
}

footer div {
	position: absolute;
	left: 0px;
	top: 70px;
}

time {
	font-size: 11px;
	margin-top: -6px;
	display: block;
}

/* END Stopka */