html,body {
   height: 100%;
}

body {

	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#e5c67b;
	background:url(../img/bg.jpg) no-repeat center top fixed;
	background-size: cover;
	
}

h1 {
	margin-bottom:30px;
	padding-bottom:15px;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:solid 1px #9b6a43;
}

h3 {
	margin-top:0;
	font-size:15px;
	text-transform:uppercase;
}

h4{
	margin:0 0 10px 0;
	font-size:15px;
}


a {
	font-weight:normal;
	color:#e5c67b;
	text-decoration:none;
}

a:hover,a:focus {
	font-weight:normal;
	color:#e5c67b;
}

ol {
	padding:20px;
}
hr {
	border: 0;
	border-top: 1px solid #9b6a43;
}
.margin-top-10 {
	margin-top:10px;
}

.margin-top-20 {
	margin-top:20px;
}
.margin-top-30 {
	margin-top:30px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-top-50 {
	margin-top:50px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}

.padding-bottom-20 {
	padding-bottom:20px;
}
.padding-bottom-30 {
	padding-bottom:30px;
}
.padding-bottom-40 {
	padding-bottom:40px;
}


#main {
  overflow:auto;
  padding-bottom:40px; /* this needs to be bigger than footer height*/
}

.wrapper {
    min-height: 100%;
	padding-bottom:40px;
}

.container {
	padding-right: 0px;
	padding-left: 0px;
	max-width:1032px;
}

.page-container {
	padding:30px 140px;
	background:#fff;
}

.bg-white {
	color:#5e0900;
	padding:40px 60px;
	background-color:#fff;
}

.bg-white h2{
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
}

.bg-pattern {
	color:#5e0900;
	padding:40px 60px;
	background:url(../img/bg_jasne.jpg) repeat center top;
}



.headline {
	display: block;
	margin: 0px 0 5px 0;
	padding-bottom:3px;
	background:url(../img/headline.png) no-repeat left bottom;
}

.headline-line {
	display: block;
	margin: 0px 0 10px 0;
	padding-bottom:3px;
	background:url(../img/headline-line.png) no-repeat left bottom;
}

.headline-line h1 {
	border:none;
	margin-top:0;
	margin-bottom:0px;
	text-align:left;
}

.bar {
	padding:0;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	background-color:#310906;
}

.top-text {
	font-size:12px;
	padding-top:4px;
	text-transform:none;
}

.top-text2 {
	font-size:12px;
	padding-top:4px;
	text-transform:uppercase;
}

.text-date {
	font-size:11px;
}

#languages a {
	padding:0 2px;
	opacity: 0.6;
}

#languages a.active {
	opacity: 1;
}

a.salon {
	opacity:0.6;
}
a.salon,a.salon-active {
	font-weight:400;
	display:inline-block;
	padding:5px 15px;
}

a.salon:hover, a.salon:focus {
	color:#000;
	text-decoration:none;
	background-color:#e7c776;
}

a.salon-active {
	background-color:#8e181a;
}

a.salon-active:hover {
	text-decoration:none;
}

.logo {
	margin:10px 0 15px 0;
	text-align:center;
}

.salony {
	display:none;
	text-align:center;
	margin-top:10px;
}

.main-menu {
	border-top:solid 1px #9b6a43;
	border-bottom:solid 1px #9b6a43;
}

.main-slider {
	margin-top:12px;
	margin-bottom:40px;
}

.short-opinions {
	position:relative;
	margin-top:-383px;
	padding-top:22px;
	width:55%;
	color:#000;
	z-index:9;
	height:313px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+78,ffffff+100&0.7+0,0.6+78,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.6) 78%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.7)), color-stop(78%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.6) 78%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.opinion {
	margin-left:30px;
	height:85px;
	font-size:13px;
	background: url('../img/opinie-gray.png') no-repeat;
}
.opinion p {
	padding-left:75px;
}
.opinion p.opinion-sig {
	margin-bottom:0px;
	font-weight:bold;
}

.opinion-date {
	font-size:12px;
	font-weight:600;
}

.opinion-more {
	position:relative;
	display:block;
	margin:0px 0px 20px 105px;
	text-align:right;
}

.opinion-more a {
	color:#000;
	font-weight:bold;
	font-size:13px;
}
.opinion-no-margin {
	height:auto;
	margin-top:20px;
	margin-left:0px;
	padding-bottom:30px;
	border-bottom:solid 1px #ae837f;
}

.opinion-fb-like {
	margin:0 0 0 75px;
	clear:both;
}

.cytat1 {
	padding:10px;
	margin:20px 0 30px 0;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	border-top:solid 1px #e5c67b;
	border-bottom:solid 1px #e5c67b;
}

.cytat2 {
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	border-top:solid 1px #e5c67b;
}

.news-row {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: solid 1px #9b6a43;
}

.news-rows div.news-row:last-child {
	border-bottom:none;
}

/* Twitter Bootstrap */

.row {
	margin-right: -10px;
	margin-left: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-right: 10px;
padding-left: 10px;
}

.form-control {
	display: block;
	width: 100%;
	height: 26px;
	padding: 3px 5px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-style:italic;
	font-size: 14px;
	line-height: 1.42857143;
	color: #000;
	background-color: #f2f2f2;
	background-image: none;
	border: 1px solid #ba7a54;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition:none;
	transition: none;
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
	border: 1px solid #6b6b6b;
}

.form-group {
	margin-bottom:9px;
}

.form-control::-webkit-input-placeholder { color: #c17a76; }
.form-control:-moz-placeholder { color: #c17a76; }
.form-control::-moz-placeholder { color: #c17a76; }
.form-control:-ms-input-placeholder { color: #c17a76; }

.form-control:focus::-webkit-input-placeholder { color: #000; font-style:normal;}
.form-control:focus:-moz-placeholder { color: #000;font-style:normal; }
.form-control:focus::-moz-placeholder { color: #000; }
.form-control:focus:-ms-input-placeholder { color: #000;font-style:normal; }

.form-control:hover::-webkit-input-placeholder { color: #000;font-style:normal; }
.form-control:hover:-moz-placeholder { color: #000;font-style:normal; }
.form-control:hover::-moz-placeholder { color: #000; font-style:normal;}
.form-control:hover:-ms-input-placeholder { color: #000;font-style:normal; }

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #5e0900;
	font-weight:bold;
	text-decoration: none;
	background-color: #f7e6be;
	border: 1px solid #5e0900;
}

.pagination>li>span {
	background-color: #fff;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li.active a {
	color: #5e0900;
	background-color: #e5c67b;
	border: 1px solid #5e0900;
}

.pagination>li.disabled a, .pagination>li.disabled a:hover  {
	color: #5e0900;
	background-color: transparent;
	border: 1px solid #5e0900;
}

.pagination>li.disabled,
.pagination >i.disabled a,
.pagination>li.disabled a:hover {
  color: #5e0900;
}


.btn {
	display: inline-block;
	padding: 6px 25px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
}

.btn-gold {
	color:#000;
	background-color:#e5c67b;
	border: 1px solid #5e0900;
}

.btn-gold:hover {
	
	color:#f0d9af;
	border: 1px solid #f0d9af;
	background-color:#5e0900;
}

.btn-bold {
	font-weight:bold;
}

.btn-large-padding {
	padding: 6px 75px;
}

.img-responsive {
	width:100%;
}

.table {
	border-collapse: separate;
	border-spacing: 5px;
}

.table>thead>tr>th {
	padding:8px;
	font-size:15px;
	text-transform:uppercase;
	vertical-align: bottom;
	border-bottom: 2px solid #5e0900;
}

.table>tbody>tr>td {
	border-top:none;
	border-bottom: 1px solid #5e0900;
}

/* Products */
.product-price {
	
}

.social-icons a {
	display:inline-block;
	margin-right:20px;
}

.facebook {
	position: fixed;
	top: 183px;
	right: -335px;
	width: 372px;
	z-index: 1000;
	height: 113px;
}

.facebook img.facebook-przycisk {
	float: left;
}

.facebook .facebook-ramka {
	width: 335px;
	height: 550px;
	float: left;
	padding: 10px;
	background: #dcdcdc;
	font-size: 11px;
}

.facebook .facebook-ramka a {
	text-decoration: none;
	color: #547f0f;
	border-bottom: 1px dotted #547f0f;
}

.facebook .facebook-ramka a:hover {
	text-decoration: none;
	color: #000018;
	border-bottom: 1px dotted #000018;
}

.trip-advisor {
	position: fixed;
	top: 299px;
	right: -265px;
	width: 302px;
	z-index: 1000;
	height: 113px;
}

.trip-advisor img.trip-advisor-przycisk {
	float: left;
}

.trip-advisor .trip-advisor-ramka {
	width: 265px;
	height: 450px;
	float: left;
	padding: 10px;
	background: #dcdcdc;
	font-size: 11px;
}

.trip-advisor .trip-advisor-ramka a {
	text-decoration: none;
	color: #547f0f;
	border-bottom: 1px dotted #547f0f;
}

.trip-advisor .trip-advisor-ramka a:hover {
	text-decoration: none;
	color: #000018;
	border-bottom: 1px dotted #000018;
}

.section-bottom {
	border-top:solid 1px #9b6a43;
	margin-top:20px;
	padding-top:30px;
}
.section-bottom-menu {
	padding:15px 20px;
	color:#5e0900;
	background:#d7b090;
}

/* Footer */

.footer {
	position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	padding:5px 0;
	font-size:13px;
	background-color:#310906;
	width: 100%;
}

.fancybox-wrap {
	border:solid 1px #e5c67b;
}

.img-gallery {
	background:#fff;
}
.img-gallery img {
	opacity: 0.6;
}

.img-gallery img:hover {
	opacity: 1;
}

.hidden-for-frontend {
	display:none;
}

@media (max-width: 992px) {
	.short-opinions {
		padding-top:14px;
		margin-top:-362px;
		height:292px;
	}
}



@media (max-width: 1070px) {
	.short-opinions {
		display:none;
	}
	
	.facebook {
		display:none;
	}
	.trip-advisor {
		display:none;
	}
	
	
}
@media (max-width: 768px) {
	.container {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.bg-white {
		padding:15px 15px;
	}

	.salony {
		display:block;
	}
	
	.btn-large-padding {
		padding: 6px 15px;
	}
	
	.form-control {
		height: 38px;
		padding: 8px 10px;
	}
	
	.owl-carousel .owl-stage-outer {
		max-height:350px;
	}
	.footer {
		height: 50px;
		padding:5px 0;
	}
	

}