//@import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,latin-ext);

* {
outline: medium none; 
}

html {
height: 100%;
min-height: 100%;
}

body {
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
height: 100%;
width: 100%;
min-height: 100%;
background: #ffffff;
color: #333333;
}

a {
text-decoration: none;
color: #333333;
}

p a:hover {
text-decoration: underline;
}

* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
}

.menu_mobile {
display: none;
}

#cookiesBar {
background: #efefef !important;
width: 400px !important;
height: 90px !important;
left: 10px !important;
}

#cookiesBarWrap {
width: 365px !important;
height: auto !important;
padding: 20px 30px 0 10px !important;
}

#cookiesBar p {
  line-height: 1.5 !important;
  margin: 2px 0 !important;
  color: #000000 !important;
}

#cookiesBar p a {
color: #000000 !important;
}

#wrapper {
float: left;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
}

#wrapper.full_page {
overflow: hidden;
}

#mainColumn {
height: 100%;
width: 100%;
float: left;
z-index: 10;
}

.page_title_box {
color: #ffffff;
text-align: center;
position: absolute;
top: 50%;
margin: 0 50%;
min-width: 95%;
-moz-transform:    translate(-50%,-50%);
-o-transform:      translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform:         translate(-50%,-50%);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')
}

.page_title_box h1 {
//font-family: 'Quattrocento', serif;
font-family: 'Forum', serif;
font-weight: 400;
font-size: 4vw;
text-transform: uppercase;
letter-spacing: 0.3vw;
margin: 0;
text-shadow: 5px 5px 15px #000;
}

.page_title_box p {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
//font-size: 1.1vw;
font-size: 20px;
line-height: 150%;
text-transform: uppercase;
display: inline-block;
}

.page_title_box p.withBorder {
padding: 2px 0;
background-image: url('../images/border-line.png'), url('../images/border-line.png');
background-position: center bottom, center top;
background-repeat: no-repeat;
//background-size: contain, conta;
background-size: 100% 1px, 100% 1px;
letter-spacing: 0.1vw;
text-shadow: 2px 2px 5px #000;
}

.atrakcje .page_title_box p {
//font-size: .9vw;
font-size: 16px;
font-weight: 400;
margin: 10px 0 0;
letter-spacing: 0.1vw;
text-shadow: 2px 2px 5px #000;
}

.menu_bottom {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
padding: 50px 0 5px;
z-index: 9999;

background: rgb(255, 255, 255);
background: -moz-linear-gradient(0deg, #ffffff 40%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(0deg, #ffffff 40%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(0deg, #ffffff 40%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(0deg, #ffffff 40%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(0deg, #ffffff 40%, rgba(0, 0, 0, 0) 100%);
}

.title_page .menu_bottom {
padding: 5px 0 0;
background: transparent;
}

.moduletable_menu ul.menu {
padding: 0;
} 

.moduletable_menu ul.menu li {
list-style: none;
display: inline-block;
}

.menu_bottom ul.menu li a {
color: #ae9a64;
text-transform: uppercase;
padding: 3px 25px;
border: 1px solid #ae9a64;
margin-right: -1px;
background: #ffffff;
}

.menu_bottom ul.menu li a:hover,
.menu_bottom ul.menu li.active a {
background: #ae9a64;
color: #ffffff;
}

.title_page .menu_bottom ul.menu li a {
color: #ffffff;
border: 1px solid #ffffff;
background: rgba(0,0,0,.2);
}

.title_page .menu_bottom ul.menu li a:hover,
.title_page .menu_bottom ul.menu li.active a {
background: #ffffff;
color: #333333;
}

.menu_top {
position: fixed;
z-index: 900;
width: 100%;
text-align: center;
background: rgba(255,255,255,.9);
box-shadow: 0 0 10px rgba(0,0,0,.6);
}

.menu_top a {
color: #ae9a64;
}

.menu_top a:hover {
color: #333333;
}

.title_page .menu_top {
position: absolute;
width: 100%;
text-align: center;
background: rgba(255,255,255,.8);
box-shadow: 0 0 10px rgba(0,0,0,.6);
}

.title_page .menu_top a {
color: #333333;
}

.title_page .menu_top a:hover {
color: #ae9a64;
}

.menu_top ul.menu li {
margin: 0 20px;
}

.menu_top ul.menu li a {
text-transform: uppercase;
}

.item-page,
.route_responsive_map_wrapper
 {
margin: 0;
max-width: 1200px;
width: 100%;
margin: 0 auto 125px;
}

.moduletable.item-page,
.item-page.mapa {
margin-bottom: 20px;
}

.articleHeader {
background-size: cover !important;
max-width: 1200px;
height: 317px;
height: 385px;
width: 100%;
position: relative;
margin: 0 auto;
}

.articleHeader .page-header-wrapper {
position: absolute;
bottom: 0;
height: 66%;
height: 75%;
width: 100%;
}

.articleHeader .page-header {
border: 2px solid #ececec;
border-bottom: 0;
width: 950px;
max-width: 80%;
height: 100%;
margin: 0 auto;
color: #ffffff;
text-align: center;

position: relative;
}

.articleHeader .page-header h1 {
font-family: 'Forum', serif;
font-weight: 400;
font-size: 55px;
letter-spacing: .09em;
-webkit-transform:scaleX(1.15);
-moz-transform:scaleX(1.15);
-ms-transform:scaleX(1.15);
-o-transform:scaleX(1.15);
transform:scaleX(1.15);
text-transform: uppercase;
text-shadow: 5px 5px 10px #000;
//margin-top: 13%;
display: inline-block;
width: 950px;
max-width: 80%;

width: 100%;
max-width: 100%;
position: absolute;
top: 38%;
left: 0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}

.articleContent,
.route_responsive_map_wrapper {
width: 950px;
max-width: 80%;
margin: 0 auto;
}

.route_responsive_map_wrapper {
margin-bottom: 125px;
}

.formContent {
width: 950px;
max-width: 80%;
margin: 0 auto 125px;
}

.articleContent .page-header {
border: 2px solid #ececec;
border-top: 0;
width: 950px;
max-width: 100%;
height: 100%;
margin: 0 auto 60px;
color: #ae9a64;
text-align: center;
padding: 50px 20px;
}

.articleContent .page-header a {
color: #ae9a64;
}

.articleContent .page-header p {
margin: 0;
}

.cookies .articleContent .page-header {
margin: 0 auto 20px;
padding: 10px 20px;
}

.cookies li {
margin-bottom: 5px;
}

.articleContent h2,
.formContent h2 {
font-family: 'Forum', serif;
font-weight: 400;
font-size: 38px;
letter-spacing: .05em;
text-transform: uppercase;
text-align: center;
color: #ae9a64;

padding: 2px 0;
background-image: url('../images/border-line_g.png');
background-position: center bottom;
background-repeat: no-repeat;
//background-size: contain, conta;
background-size: 100% 1px;
}

.articleBody, 
.route_responsive_map_wrapper
 {
padding: 0 50px;
}

.article-item::after,
.article-item1::after {
  clear: both;
  content: "";
  display: block;
}

.article-item,
.article-item1 {
  margin-top: 60px;
  position: relative;
  height: auto;
}

.article_txt.left::before {
  background: #ae9a64;
  top: 5%;
//  bottom: 20%;
  height: 60%;
  content: "";
  left: -3px;
  position: absolute;
  width: 2px;
}

.article_txt.right::after {
  background: #ae9a64;
  top: 5%;
//  bottom: 20%;
  height: 80%;
  content: "";
  right: -3px;
  position: absolute;
  width: 2px;
}

.article-item .left {
float: left;
width: 60%;
padding-right: 10px
}

.article-item .right {
float: right;
width: 60%;
padding-left: 10px
}

.article_img {
float: left;
width: 40%;
}

.article_txt.left+.article_img {
float: right;
}

.article_img img {
width: 100%;
height: auto;
}

.article_txt {
padding: 0 20px;
}

.article_txt.right {
right: 0;
padding-left: 30px;
}

.article_txt.left {
left: 0;
padding-right: 30px;
}

.article-item1 .left {
float: left;
width: 75%;
padding-right: 10px
}

.article-item1 .right {
float: right;
width: 75%;
padding-left: 10px
}

.article-item1 .article_img {
width: 25%;
}

button#bfSubmitButton:hover {
cursor: pointer;
}

.item-fullpage {
background: #cccccc;
min-height: 100%;
height: 100%;
position: relative;
}

.item-fullpage .accomodations_wrapper {
float: left;
width: 100%;
height: 100%;
min-height: 100%;
}

.accomodation {
width: 33%;
min-height: 100%;
height: 100%;
float: left;
text-align: center;
position: relative;
}

.accomodation.item2 {
width: 34%;
border-left: 7px solid #ffffff;
border-right: 7px solid #ffffff;
background: url('../../../images/backgrounds/Modrzewie.jpg') center center;
background-size: cover;
}

.accomodation.item1 {
background: url('../../../images/backgrounds/Nawigator.jpg') center left;
background-size: cover;
}

.accomodation.item3 {
background: url('../../../images/backgrounds/WillaMarta.jpg') center right;
background-size: cover;
}

.accomodation_txt {
position: absolute;
top: 10%;
left: 0;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 27px;
text-transform: uppercase;
display: inline-block;
color: #ffffff;
text-shadow: 2px 1px 5px #000000;
z-index: 50;
}

.accomodation_txt img {
max-width: 35%;
height: auto;
margin-bottom: 20px;
}

.accomodation_txt p {
margin: 5px 0;
}

.accomodation a {
width: 100%;
height: 100%;
display: block;
text-indent: -2000px;
overflow: hidden;
z-index: 100;
position: absolute;
background: rgba(0,0,0,.8); 
opacity: 0.2;
transition: opacity 1s ease 0s;
}

.accomodation a:hover {
opacity: 0;
transition: opacity 1s ease 0s;
}

.route_responsive_map {
height: 550px;
}

.bfQuickMode input[type="submit"], .bfQuickMode button#bfSubmitButton {
  margin-right:  10%;
}

ul.sigFreeClassic li.sigFreeThumb {
  margin: 0 6px 6px;
}

#klauzula {
	float: left;
	width: 100%;
}

#klauzula section.bfSectionDescription {
	font-size: 85%;
}

#panel_cookie_dol {height: auto; width: 100% !important; text-align: left; padding: 15px 50px;}
#panel_cookie_dol h3 {font-size: 14px ; font-weight:bold; margin: 0;}
#panel_cookie_dol p {font-size: 12px; margin: 0;}

.panel_cookie input {
  background: #666;
border: medium none;
color: #fff;
display: block;
float: right;
font-size: inherit;
height: auto !important;
position: unset;
right: 2px;
text-indent: 0;
top: 2px;
width: auto !important;
padding: 3px 10px;
}