/* GENERAL */

body {
	padding-top: 80px;
}
body p, body a {
	font-family: 'Nunito', sans-serif;
}

@font-face {
	font-family: 'Helena';
	src: url('../fonts/Helena.ttf');
	font-weight: 400;
}

@media (min-width: 992px) {
	body {
		padding-top: 150px;
	}
}

/* Header */

#logo-standard, #logo-standard img, #logo-mobile, #logo-mobile img{
	position: relative;
}

#header #logo-standard, #header #logo-mobile {
	text-align: center;
}

#logo img {
	height: 100px;
	z-index: 1500;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.55);
}

#header .navbar {
	background-color: #ceb15d;
}

#header .navbar .navbar-toggle {
	border-color: #222;
}
#header .navbar .navbar-toggle:hover, #header .navbar .navbar-toggle:focus {
	background-color: #a2853d;
}
#header .navbar .navbar-toggle .icon-bar {
	background-color: #222;
}
#header .nav > li > a, #header #navbar #navbar-lang li a {
	color: #222;
}
#header .nav > li > a:hover,
#header .nav > li > a:focus {
	text-decoration: none;
	background-color: #a2853d;
}

@media (max-width: 767px) {

	#logo {
		text-align: center;
	}

	#header .navbar-header {
		position: absolute;
		left: 30px;
	}

	#header .navbar-nav {
		margin: 0;
	}
}

@media (min-width: 768px) {

	#header .navbar {
		/*height: 80px;*/
		border-top: 40px solid #a2853d;
	}

	#header .container {
		position: relative;
	}

	#header #navbar {
		float: none;
		margin: 5px 0 0 0;
	}

	#header #logo {
		position: absolute;
		width: 100%;
		text-align: center;
		margin: 0;
		right: 0;
		margin-top: -20px;
		float: none;
	}

	#header #logo a {
		display: inline-block;
	}

	#logo img {
		/*height: 180px;*/
		height: 120px;
	}

	#header #navbar > ul.navbar-nav {
		float: right;
	}
	#header #navbar > ul.navbar-nav:first-child {
		float: left;
	}

	/*#header #navbar > ul.navbar-nav:last-child {
		float: right;
	}*/


	#header .nav > li > a {
		padding: 8px 5px;
		font-size: 14px;
	}
	#header .nav > li > a:hover,
	#header .nav > li > a:focus {
		background-color: #ceb15d;
	}

	#header #navbar #navbar-lang {
		position: absolute;
		right: 0;
		top: -30px;
	}
	#header #navbar #navbar-lang li {
		display: inline-block;
		border-right: 2px solid #fff;
		padding: 0 5px;
	}
	#header #navbar #navbar-lang li:last-child {
		border-right: none;
	}
	#header #navbar #navbar-lang li a {
		color: #fff;
		text-decoration: none;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	#header .container {
		padding: 0;
	}
	.navbar-nav>li {
		float: none !important;
	}
	/*#header .nav > li > a {
		padding: 5px;
		font-size: 13px;
	}*/
}

@media (min-width: 992px) {

	#header #logo {
		margin-top: -40px;
	}

	#header .navbar {
		height: 150px;
		border-top: 50px solid #a2853d;
	}

	#header #navbar {
		margin-top: 25px;
	}

	#logo img {
		/*height: 180px;*/
		height: 140px;
	}

	/*#header .nav > li > a {
		font-size: 16px;
		font-weight: 600;
	}*/
	#header .nav > li > a {
		font-size: 14px;
		font-weight: 600;
		padding: 15px 10px;
	}
	#header .nav.nav-es > li > a, #header .nav.nav-en > li > a {
		padding: 15px 8px;
	}

	#header #navbar #navbar-lang {
		right: 22px;
		top: -36px;
	}
	#header #navbar #navbar-lang li a {
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	/*#header .nav > li > a {
		font-size: 14px;
		padding: 10px;
	}*/

	#header .container {
		padding: 0;
	}
	#logo a {
		margin-left: -10px;
	}
}

@media (min-width: 1200px) {
	#logo img {
		height: 180px;/**/
	}
	#header .nav > li > a {
		font-size: 16px;
		padding: 15px;
	}
	#header .nav.nav-es > li > a, #header .nav.nav-en > li > a {
		font-size: 15px;
		padding: 15px 12px;
	}
	#header #navbar #navbar-lang {
		right: 28px;
	}
}

/* Footer */

#footer {
	min-height: 100px;
	background-color: #ceb15d;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer-legal p, #footer-legal a, #footer-legal a:hover, #footer-legal a:focus {
	color: #222;
}

#footer-social, #footer-legal {
	text-align: center;
}

#footer-social a {
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 40px;
	text-align: center;
	margin-left: 10px;
}
#footer-social a i {
	color: #a2853d;
	font-size: 20px;
}
#footer-social a:last-child i {
	padding-left: 1px;
}

@media (min-width: 768px) {
	#footer-legal {
		text-align: left;
	}
	#footer-social {
		text-align: right;
	}
}

/* Inici */

#slider .container-fluid, #content .image-full-column {
	padding-right: 0;
	padding-left: 0;
}

#content h1, #content h2 {
	font-family: 'Helena', 'Mr Dafoe', serif;
	font-size: 50px;
	color: #111;
}

#content h2.heading-small {
	font-size: 32px;
}

#content a {
	font-weight: bold;
	color: #222;
}

#content .text-column {
	padding: 8px 30px;
	color: #555;
}

@media (min-width: 768px) and (max-width: 991px) {
	#content-index h2 {
		margin: 0;
	}
}

@media (min-width: 992px) {
	#content h2.heading-small {
		font-size: 40px;
	}
	#content .text-column {
		padding: 15px 46px;
	}
}

@media (min-width: 1200px) {
	#content h1, #content h2 {
		font-size: 60px;
	}
	#content h2.heading-small {
		font-size: 48px;
	}
	#content .text-column {
		padding: 20px 80px;
	}
}

/* Seccions */

#content-intro {
	margin-top: 40px;
	margin-bottom: 40px;
}

#content-visita {
	padding-top: 120px;
	padding-bottom: 80px;
}

/*#content-visita p {
	border-bottom: 1px solid #a2853d;
	padding: 10px 0 15px;
	margin: 0;
}

#content-visita p:first-child {
	padding-top: 0;
}

#content-visita ul {
	list-style: none;
}

#content-visita li {
	margin: 15px 0;
	text-transform: uppercase;
	cursor: pointer;
}
#content-visita li:hover, #content-visita li.active {
	color: #949599;
}

#content-visita .habitacions-nota {
	border: none;
	font-style: italic;
}

#content-visita .row {
	margin-bottom: 40px;
}*/

#content-visita iframe {
	width: 100%;
	height: 300px;
}

@media (min-width: 992px) {
	#content-visita iframe {
		height: 500px;
	}
}

@media (min-width: 992px) {

	#content-intro {
		margin-top: 100px;
		padding: 0 100px;
	}
}

/* Entorn */
#content-entorn {
	padding-top: 80px;
	padding-bottom: 60px;
}
#content-entorn h2 {
	font-family: 'Helena', 'Mr Dafoe', serif;
	font-size: 40px;
	color: #111;
}

@media (min-width: 768px) {
	#content-entorn h2 {
		font-size: 50px;
	}
}

/* Serveis */
#content-serveis {
	margin-bottom: 20px;
}
#content-serveis>div {
	margin-bottom: 20px;
}
#content-serveis p {
	margin-bottom: 0;
}

@media (min-width: 992px) {

	#content-serveis>div {
		margin-top: 50px;
		padding: 0 100px;
	}
}

/* Preus */
#content-preus h2 {
	font-family: 'Nunito', sans-serif;
	font-size: 20px;
	font-weight: bold;
}

#content-preus>div {
	margin-bottom: 20px;
	margin-top: 40px;
}

@media (min-width: 992px) {

	#content-preus>div {
		margin-top: 80px;
	}
}

/* Contacte */
#content-contacte {
	margin-bottom: 60px;
}
#content-contacte iframe {
	width: 100%;
}
#content-contacte h1 {
	margin-bottom: 25px;
}
#content-contacte .text-column {
	padding: 0 15px;
	color: #333;
}

#contactform .row>div {
	margin-bottom: 5px;
}
#content-contacte .btn-primary {
	margin-top: 10px;
	color: #fff;
	background-color: #ceb15d;
	border-color: #a2853d;
}
#content-contacte .btn-primary:hover {
	background-color: #a2853d;
	border-color: #a2853d;
}