﻿@font-face {
    font-family: 'opensans';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#opensans') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#opensans') format('svg');
    font-weight: 900;
    font-style: normal;

}

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

}

@font-face {
    font-family: 'opensans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#opensans') format('svg');
    font-weight: 500;
    font-style: normal;

}


body {margin: auto;
    padding: auto;
    font-size: 16px;
   color: #000;
    font-family: 'opensans', sans-serif;
	font-weight: normal;
    line-height: 19px;
    background: #fff;
	background-attachment: fixed;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.tresc a {
    color: #6A747C;
    text-decoration: underline;
}

.nav>li>a {
	    padding: 10px 8px;
}

#logo a { color: #fff; }

#glowna {
	width: 100%;
	float: left;
	background: url(../images/baner_tlo.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
	position: relative;
	background-attachment: fixed;
}

#glowna #logo {
	display: inline-block;
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 140px;
	    max-width: 450px;
}

#glowna #logo img { margin: auto; }

.enh_scroll_down {
    position: absolute;
    bottom: 30px;
    text-decoration: none;
    font: 12px/18px Raleway, Arial;
    color: #fff;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    text-align: center;
    z-index: 2;
}

#dane_dol a { 
color: #333; }

.enh_scroll_down, .enh_scroll_down:hover, .enh_scroll_down:focus { color: #fff; }

.enh_scroll_down b {
    width: 25px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 15px;
    display: inline-block;
    position: relative;
}

.enh_wht_txt .enh_scroll_down b {
    border: 2px solid #fff;
}

.enh_scroll_down b:before {
    display: block;
    content: '';
    height: 4px;
    width: 2px;
    background: #fff;
    left: 10px;
    top: 8px;
    position: absolute;
    animation: 2s ease 0s normal none infinite mouse-down;
    -webkit-animation: 2s ease 0s normal none infinite mouse-down;
}

@keyframes mouse-down {
			0% {
				height: 4px;
			}
			50% {
				height: 12px;	
			}
			100% {
				height: 4px;
			}
		}
		
#witaj {
	font-size: 15px;
	width: 100%;
	float: left;
	    line-height: 22px;
}

h2 {
	font-size: 48px;
	color: #333;
	font-family: 'opensans', sans-serif;
	font-weight: 900;
}


#udogodnienia {
	width: 100%;
	float: left;
	background: url(../images/udogodnienia.jpg);
    background-position: center bottom;
	background-attachment:fixed;
	min-height: 220px;
	text-align: center;
	       padding-top: 20px;
    padding-bottom: 20px;
}

#obiekty {
	width: 100%;
	height: auto;
	float: left;
	min-height:300px;
	background: url(../images/obiekty.jpg) no-repeat top right, #FAFAFA;
	padding-bottom: 40px;
}

span.dyspo {
	display: inline-block;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 4px #858585;
}

a.rezerwuj {
	display: inline-block;
    width: 100%;
    background: #fff768;
    background: -moz-linear-gradient(top, #fff768 0%, #d5cf13 100%);
    background: -webkit-linear-gradient(top, #fff768 0%,#d5cf13 100%);
    background: linear-gradient(to bottom, #fff768 0%,#d5cf13 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff768', endColorstr='#d5cf13',GradientType=0 );
    color: #000 !important;
    font-weight: 500;
    text-decoration: none;
    padding: 17px 10px;
    text-align: left;
        font-size: 23px;
    padding-left: 20px;
        line-height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}

a.rezerwuj:after {
	    content: '';
    display: inline-block;
    width: 39px;
    height: 42px;
    background: url(../images/notes.png);
    float: right;
    margin-top: -10px;
    background-size: cover;
}

span.tel {
	font-weight: 900;
    color: #fff;
    font-size: 46px;
    display: inline-block;
    line-height: normal;
    text-shadow: 1px 1px 4px #858585;
}

h1, h2 {
	    font-size: 29px;
    font-weight: 900;
    font-family: 'opensans', sans-serif;
    color: #333;
    text-transform: uppercase;
}

h1:after, h2:after {
	display: block;
	content: '';
	width: 185px;
	height: 1px;
	background: #d9d9d9;
	margin-top: 15px;
}

.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
}

.tresc {
	padding: 20px 60px;
}

.navbar-header img { display: none; }

.navbar-default {
    background: none;
    border: none;
	    border-radius: 0;
    min-height: inherit;
}

.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #181818;
}

.navbar-nav {
    float: none;
    margin: 0;
    text-align: center;
}

.navbar-nav>li {
    float: none;
    display: inline-block;
}

.parking img, .wifi img, .tv img {
	    border-bottom: 1px solid rgba(255,255,255,0.4);
		padding-bottom: 15px;}

h4 {
	font-size: 25px;
    font-family: 'opensans', sans-serif;
    color: #fff;
    font-weight: bold;
	padding-top: 25px;
}

#phocamaps-box div.pmbox-grey div div div {
    padding: 0;
    background: none;
}

.pmroute { display: none; }

.phocamaps { max-width: 440px;  width: 100%;  border: 6px solid #DFE1E4;    z-index: 10;
    position: relative; 
	    width: 400px;
    height: 400px;
    overflow: hidden;
    border-radius: 50%;
	}

.moduletable_obiekty h3 {
	font-family: 'opensans', sans-serif;
	font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin-bottom: 25px;
    margin-top: 45px;
}
.moduletable_obiekty h3:after {
	    display: block;
    content: '';
    width: 185px;
    height: 1px;
    background: #d9d9d9;
	margin: auto; text-align: center;
	    margin-top: 25px;
}

.ryzo .phocamaps { float: right; }

.custom_obiekty {     margin-top: 35px;
    display: inline-block;
    width: 100%; }

.camera_wrap#camera_wrap_102 {
	    position: absolute;
    top: 18%;
    left: 33%;
    border: 6px solid #DFE1E4;
}

.moduletable_obiekty p {
	    width: 100%;
    max-width: 440px;
	font-size: 25px;
	display: inline-block;
    line-height: normal;
    text-align: center;
    margin-top: 40px;
	color: #333;
}

.moduletable_obiekty p span {
	font-size: 30px;
	font-weight: 900;
	color: #333;
	    width: 100%;
    display: block;
}

.ryzo p { float: right; }

p.numery {
	font-size: 27px;
    line-height: normal;
    padding-left: 65px;
}

#camera_wrap_121, #camera_wrap_122 {
	 border: 6px solid #DFE1E4;
}

p.numery:before {
    content: '\f095';
    font-family: FontAwesome;
    font-size: 54px;
    color: #333333;
    display: inline-block;
    padding-top: 18px;
    position: absolute;
    margin-left: -65px;
}

#dane_dol {
	width: 100%;
	float: left;
	padding-top: 35px; 
	padding-bottom: 35px;
}

.mail {
	font-size: 26px;
	padding-left: 65px;
    margin-top: 30px;
}

.mail > div:after {
	    content: '\f0e0';
    display: inline-block;
    font-size: 48px;
    font-family: FontAwesome;
    color: #333333;
    position: absolute;
    top: 0;
    left: 0;
}

.mail a {
	color: #333;
	text-decoration: none;
}

#stopka {
	width: 100%;
	float: left;
	min-height: 20px;
	border-top: 1px solid #ddd;
}

ul.nav.menu_stopkamenu li { display: inline-block; }

ul.nav.menu_stopkamenu li a {
    font-size: 14px;
    color: #333;
}

ul.nav.menu_stopkamenu li a:hover, ul.nav.menu_stopkamenu li a:focus { background: none; }

.copy { margin-top: 10px;font-size: 14px; }
.copy a {
	color: #333;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ddd;
    background: none;
}

#menu {
	    text-align: center;
		margin-top: 10px;
}

ul.lang-inline {
	    text-align: center;
    margin: auto;
}

a.flag { display: inline-block; }

a.censprawdz {
	background: #C7C7C7;
    display: inline-block;
    padding: 10px 15px;
    color: #333;
    margin-top: 10px;
	text-decoration: none;
}

.enh_scroll_down p {
	margin: 0;
    display: inline-block;
    width: 100px;
    margin-left: -30px;
}

a.zobaczo {
	    border: 1px solid #6A747C;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    font-size: 15px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

a.zobaczo:hover {
	color: #fff;
	background: #6A747C;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.form-horizontal .control-label {
    text-align: left;
	    font-size: 16px;
    font-weight: normal;
	width: 33%;
}
#contact-form { max-width: 400px; }

.form-horizontal .controls {
    margin-left: 0;
}

#contact-form input[type="text"], #contact-form input[type="email"] {
    height: auto;
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 4px 8px;
}

#contact-form textarea {
	background: #fafafa;
    border: 1px solid #ddd;
    padding: 4px 8px;
}

#contact-form .btn {
	    background: #FFF216;
    border-radius: 0;
}

.tresc .phocamaps { max-width: 100%; }

.tresc h3 {
	    font-size: 34px;
    font-weight: 900;
    font-family: 'opensans', sans-serif;
    color: #333;
    text-transform: uppercase;
}

.tresc h3:after {
    display: block;
    content: '';
    width: 185px;
    height: 1px;
    background: #d9d9d9;
    margin-top: 20px;
}

div#cookieMessageContainer {
	    background: #6A747C !important;
}

#cookieMessageContainer .cookie_button {
    background: #fff !important;
    text-shadow: none !important;
    color: #000;
    padding: 5px 12px;
    height: auto !important;
    float: left;
}

.gallery_header { display: none; }

#nawigacja {
	position: fixed;
	display: none;
	width: 100%;
	height: auto; 
	color: #6A747C;
	background: #fff;
	z-index: 100;
	    border-bottom: 3px solid #6A747C;
    padding: 10px;
}

#nawigacja .nav>li { display: inline-block; }

#nawigacja .nav>li>a {
	    color: #6A747C;
    padding: 20px 10px;
    font-size: 17px;
}
#nawigacja .nav>li>a:hover, #nawigacja .nav>li>a:focus { background: none; }

#nawigacja .nav { float: right; }
#nawigacja img {     width: auto;
    padding: 5px;
    max-height: 64px; }
	
	#likebox_1 img {
		right: -66px !important;
	}
	
	#likebox_1 {
    border-radius: 0;
    border: 5px solid #47639E;
	}
	
	.oblink {
		    background: none;
			border: 1px solid #fff;
			font-weight: bold;
    width: 49%;
    display: inline-block;
    padding: 10px;
    font-size: 16px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	}
	.oblink, .oblink:hover {
		border: 1px solid #2D2F34;
		background: #2D2F34;
		-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	text-decoration: none;
	margin-top: 10px;
	}
	
	.obiekt {
		position: relative;
		overflow: hidden;
		width: 100%;
		text-align: center;
	}
	
	.obiekt h4 {
		position: absolute;
    z-index: 3;
    top: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.6);
    padding: 10px;
	font-weight: normal;
	}
	
	.obiekt h4 span { display: block; font-weight: bold; }
	
	.obiekt button {
		background: none;
		border: 1px solid #fff;
		color: #fff;
		position: absolute;
		padding: 10px;
		text-align: center;
		bottom: 10px;
		    transform: translate(-50%, -50%);
			-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	}
	
	.obiekt button:hover {
		background: #fff;
		color: #2D2F34;
		-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	}
	
	p.chrono_credits { display: none; }
	.gbs3 .form-control {
		    background: #fafafa;
    border: 1px solid #ddd;
    padding: 6px 8px;
    box-shadow: none;
    border-radius: 0;
	}
	
	input#button8 {
		    background: #FFF216;
    text-shadow: none;
	}
	
	.djslider-default, .djslider-default ul.djslider-in > li, .djslider-default.img-vcenter img.dj-image {
		height: 200px !important;
	}
	
	
	#phocamaps-box div.pmbox-grey {
		    background: none;
	}
	
	#phocamaps-box div.pmbox-grey div {
    background: none;
}

#phocamaps-box div.pmbox-grey div div {
    background: none;
}


	