/*
	Theme Name: Hostal Barris
	Theme URI: http://www.hostalbarris.com
	Description: Hostal Barris template
	Version: 1.0
	Author: Andreu Llos & Telma Llos
	Author URI: http://andreullos.com
	Text Domain: hostalbarris
	Domain Path: /lang
*/


/*	Typography
	---------- */
	
html {
	scroll-behavior: smooth;
}

@font-face {
  font-family: 'Avenir';
  src: url('fonts/Avenir-Book.eot');
  src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Book.woff2') format('woff2'),
       url('fonts/Avenir-Book.woff') format('woff'),
       url('fonts/Avenir-Book.ttf') format('truetype'),
       url('fonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('fonts/Avenir-Black.eot');
  src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-Black.woff2') format('woff2'),
       url('fonts/Avenir-Black.woff') format('woff'),
       url('fonts/Avenir-Black.ttf') format('truetype'),
       url('fonts/Avenir-Black.svg#Avenir-Black') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('fonts/Avenir-BlackOblique.eot');
  src: url('fonts/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),
       url('fonts/Avenir-BlackOblique.woff2') format('woff2'),
       url('fonts/Avenir-BlackOblique.woff') format('woff'),
       url('fonts/Avenir-BlackOblique.ttf') format('truetype'),
       url('fonts/Avenir-BlackOblique.svg#Avenir-Black') format('svg');
  font-weight: bold;
  font-style: italic;
}

	

/*	Misc
	---- */

body{ margin: 0; padding: 0; overflow: auto; overflow-x: hidden; width: 100%; height: 100%; color: #1a1a1a; background: #F2F2F2; font-family: 'Avenir', sans-serif; font-size: 12px; font-weight: normal; font-style: normal; line-height: 18px; letter-spacing: 1px; -webkit-font-smoothing: antialiased;  }

a{ transition: all .2s ease-in-out;  -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; color: #333}
a:hover, a:focus{ color: #333; text-decoration: none;}
input:focus{ outline: none}

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0;}

p{
font-size: 18px;
line-height: 26px;
margin-top: 0;
}
ul { list-style: none; padding: 0; margin: 0; }

input, textarea { 
-webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0;-webkit-appearance: none; }
input:focus{ outline: none}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

::-webkit-input-placeholder {color: #999;}
:-moz-placeholder { color: #999; opacity: 1;}
::-moz-placeholder { color: #999; opacity: 1;}
:-ms-input-placeholder { color: #999;}

::-moz-selection { color: black;  background: #99CCFF; }
::selection      { color: black;  background: #99CCFF; } 


.container-fluid{ max-width: 1280px; margin: 0 auto;}
.img-responsive{ width: 100%;}

.fullscreen{ width: 100%; height: 100%; margin: 0 auto; min-height: 100%; padding: 0;}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}

.fluid-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 2;} 
.fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.transition{ transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;  }
.v-middle{ position: relative; top: 50%; transform: translateY(-50%);}
.v-bottom { position: absolute; bottom: 0; }

.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
.bg-parallaxed{ background-position: 50% 0;}

	
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
h1 {font-family: 'Avenir';color: #C4B27A;font-style: normal;font-weight: bold;line-height: 30px;}
h1.sub {font-family: 'Avenir';font-weight: bold;font-style: italic;font-size: 1.5em;color: #C4B27A;}
h2 {font-weight: 900;text-transform: uppercase;font-size: 1.5em;}
h3 {font-size: 1em;}

.container-fluid{ max-width: 1600px; padding: 0;}
.img-responsive{ width: 100%;}
#wrapper{ position: relative;min-height: calc(100vh - 190px);}

/*-------------
	HEADER

	----------- */

header {width: 100%; height: 70px; position: fixed;}
.flexslider { margin-top: 0; }

/*	LOGO
	---------- */
.logo {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	padding: 20px;
	}
	
.logo img {
	width: 240px;
	margin: 0;
	padding: 0;}

.silueta {
	opacity: 0.8;
	filter: alpha(opacity=80);}



/*	IDIOMA
	---------- */
.header-right {
	position: fixed;
	top: 30px;
    right: 3.333%;
    text-align: right;
    z-index: 9999;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0;
	margin: 0;}

.idioma {
	padding: 0;
	margin: 0;
	position: absolute;
    width: 100%;
    height: 55px;
    bottom: 35px;
}

.idioma ul { 
	padding: 0; 
	margin: 0; 
	list-style: none;
}
	
.idioma ul li { 
	display: none;
	text-align: center;
	margin: 0 auto;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 18px;
	border: 1px solid;
	border-radius: 25px;
	transition: all 0.4s ease-in-out;

}

.idioma ul li.active { 
	display: block;
	cursor: pointer;
}

.idioma ul:hover li { 
	display: inline-block !important;
}
.idioma:hover li:first-child {
	background: rgba(0,0,0,0.3);
	margin: 0 20px;
}
/*.idioma li:first-child a:after { 
	content: '>'; 
	position: absolute;
	margin: 0 0 0 5px;
	font-size: 12px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);}

.idioma:hover li:first-child a:after { 
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);}
	
.idioma li:first-child {
	font-weight: bold;
    font-style: normal;}
*/
.idioma:hover li:not(:first-child) {
	display: block;
}

/*-------------
SIDEBAR

----------- */
aside.main-navigation {
    position: fixed;
    width: 280px;
    padding: 50px 0 0 0;
    left: 0;
    top: 0;
    background: white;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.separador-menu {
border-top: 1px solid #1a1a1a;
padding: 0 0 20px 0;
margin: 0;
text-align: center;}

.bb {
margin: 0;
padding: 0;
text-align: center;}

.destacat {
text-align: center;
padding: 0 15px 20px;
width: 100%;
font-size: 16px;
line-height: 24px;
}

aside .destacat ul li strong {
    text-transform: uppercase;
}

.vicus {
padding-top: 10px;
text-align: center;}

aside a.btn,
footer a.btn,
.habitacions .formulari-reserva .btn {
	background-color: #C4B27A !important;
    color: #1a1a1a !important;
    border: none !important;
	padding: 15px !important;
    display: block;
    margin: 0 auto;
    margin-top: 18px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.habitacions .formulari-reserva .btn {
	width: 50%;
	margin-left: unset;
    margin-right: unset;
    float: right;
}
footer a.btn:hover,
.habitacions .formulari-reserva .btn:hover {
	background-color: #b7a46c !important;
}
/*	MENU
	---------- */
.menu-toggled-title {display: none;}
.menu {
	font-family: 'Avenir';
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	padding: 10px 0 20px 0;
	text-align: center !important;
	width: 100%;}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none !important;}

.menu ul li {
	padding: 10px 0;}

/*arreglar link active al wordpress PHP*/

.menu ul li.current-menu-item a {
	color: #C4B27A !important;
	text-decoration: none;}
	
/*arreglar link active al wordpress PHP*/

.menu ul li a {
	letter-spacing: 1px;
	transition: all 0.4s ease-in-out; color: #1a1a1a;}

.menu ul li a:hover {
	color: #605a52;}

.menu ul li:first-child a:hover:after { 
	content: '**'; 
	position: absolute;
	margin: 0 0 0 5px;
	padding-top: 3px;
	font-size: 16px;}


.menu ul li.menu-item-language {
	display: none; 
}

/*	RESERVA ONLINE
	---------- */
.formulari-reserva {
	width: 100%;
  padding: 10px 0 20px !important;
  text-align: center;}

.formulari-reserva h2 {
	font-family: 'Avenir';
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;}

#b_editDates {
  color: #1a1a1a !important;
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  font-size: 12px !important;
  line-height: 18px !important;}

#b_editDates h3 {
  display: none;}

#b_editDates form {
  color: #1a1a1a !important;
    font-family: 'Avenir';
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  border: none !important;}

.b_availFormInner {
  background-color: #F2F2F2 !important;}

.b_availDatesInner {
	float: none !important;}

.b_availDatesInner h4 {
  font-family: 'Avenir';
  font-weight: normal;
  font-style: normal;
  margin: 0 0 0 -65px !important;
  padding: 10px 0 0 0 !important;}

#b_availCheckIn {
	padding: 5px 0 0 10px !important;
	margin-right: 10px;}

#b_availCheckOut {
	padding: 5px 0 0 10px !important;
	margin-right: 10px;}

#b_availSubmit {
  float: none !important;
  text-align: center !important;
  padding: 15px 0 0 0 !important;
  margin-left: -10px !important;}

#b_availSubmit input {
  background-color: #1a1a1a !important;
  border: none !important;
  padding: 10px 13px !important;
  margin-left: 17px;}

#b_checkin_day:focus, #b_checkin_month:focus, #b_checkout_day:focus, #b_checkout_month:focus {
  outline: #C4B27A solid 1px !important;
  outline-color: initial;
  outline-style: none;
  outline-width: initial;}

/*force vertical alignment blocks?*/
.b_availDatesInner{
	clear: both;}

#b_availSubmit {
  clear: both !important;}


/*-------------
CONTENT

----------- */
section.hostal, section.habitacions, section.entorn, section.contacte { 
	padding: 20px;
    width: calc(100% - 280px);
    margin-left: 280px;
}
.hostal h1, .habitacions h1, .entorn h1, .contacte h1 {padding: 0 0 20px 0;}

.hostal h2 {text-transform: none;}

.hostal a:hover {text-decoration: underline;}
.hostal .flexslider a:hover {text-decoration:none;}


/*	HABITACIONS
---------- */
.habitacions.select .img-container {
	overflow: hidden;
	position: relative;
  }
.habitacions.select img.feat {
	width: 100%;
	height: 100%;
	transition: transform 0.5s ease; 
}
.img-container:hover img.feat {
	transform: scale(1.1);
}
.habitacions.select {
    width: calc(90% - 320px);
	height: calc(100vh - 110px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
	gap: 20px;
}
.habitacions.select h3 {
	font-size: 2em;
	margin-bottom: 20px;
	font-family: 'Avenir';
    color: #C4B27A;
    font-weight: bold;
}
.habitacions.select .habitacio {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
		flex: 0 0 48%;
	margin-bottom: 20vh;
}
.habitacions .flexslider {
	margin: 0;
}
.flexslider .slides img {
    max-height: 75vh;
	width: 100% !important;
	object-fit: cover;
    width: auto;
	margin: 0 auto;
}

.habitacions h1 {padding: 30px 0;}

.habitacions .descripcio {
    width: 50%;
	float: left;
}

.habitacions .formulari-reserva {
	width: 50%;
	display: inline-block;
}


.serveis.tipus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
    gap: 0;
    margin-top: 40px;
    margin-bottom: 40px;
}

.servei-img {
    padding: 0;
    width: 40px;
    height: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
		flex: 0 0 20%;
    padding: 35px;
}


/*	ENTORN
---------- */
.entorn .cita { width: 50%; }
.entorn p strong {
    display: block;
    padding: 15px 0 0 0;
}
.entorn p a {
    text-decoration: underline;
}

.llocs {padding: 20px 0 0 0;}
.llocs-img {
	margin: 0;
	padding: 10px 0;
	width: 350px;
	text-align: center;}
.llocs img {
    height: 40vh;
    object-fit: cover;
}
.llocs-text {padding:15px 40px 0 0;}

.separador {
border-top: 1px solid #1a1a1a;
padding: 0 0 20px 0;
margin: 0;}

/*	CONTACTE
---------- */


.phone-mail h3 {
	font-size: 18px; 
	font-style: normal; 
	font-weight: 400; 
	padding: 25px 0 0 0; 
	border-top: 1px solid #1a1a1a;}
.contacte .phone-mail img {padding: 0; margin: -5px 2px 0 0;}

section.contacte iframe {
    width: 100%;
    margin-top: 30px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

/*-------------
FOOTER

----------- */
footer {
	margin-left: 280px; 
}
/*	Footer-bottom
	---------- */

	.footer-bottom {
		height: 110px; padding: 0; margin: 0;}
	footer .address, footer .phone {
		display: table-cell; margin: 0 auto; top: 40%;}
	footer .address h3 {
		font-size: 12px; 
		font-style: normal; 
		font-weight: normal; 
		padding: 20px 0 0 0; 
		border-top: 1px solid #1a1a1a; 
		text-align: center;}
	footer .phone h3 {
		font-size: 1.8em; 
		font-style: normal; 
		font-weight: bold; 
		padding: 20px 0 0 0; 
		text-align: center;}
	footer .phone.first h3 {
		border-top: 1px solid;
	}
	footer .phone img {
		padding: 0; margin: -6px 2px 0 0;}

/* AVIRATO */

footer .avc-calendar.avc-calendar-spacing {
    padding: 0 !important;
}
footer .avc-calendar.avc-calendar-1>.avc-input {
    display: none !important;
}
footer .avc-calendar.avc-calendar-1>.avc-button {
	padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-size: 20px !important;
}

/* TOP BAR */
.top-bar {
  width: 100%;
  background: #222;
  color: #fff;
  font-size: 14px;
  height: 44px;
  position: fixed;
  top: 0;
  z-index: 999;
}
.top-bar__inner {
  margin: 0 auto;
  padding: 12px;
  text-align: center;
}
.top-bar + #wrapper,
.top-bar + #wrapper aside {
  margin-top: 44px;
}
.top-bar + #wrapper aside.main-navigation {
	height: calc(100vh - 22px);
}
@media (max-width: 991px) {
	.top-bar + #wrapper header {
		margin-top: 44px;
	}
}

/*-------------
	MEDIA QUERY

	----------- */
	
@media (max-width: 1400px) {
	.servei-img {
		width: 45px;
	}
}
@media (max-width: 1199px) {

	.menu {padding: 10px 0 20px 0;}
	.separador-menu {margin: 0 20px;}
	
	/*--------------------
	Responsive IDIOMA
	--------------------*/
	.header-right {
	position: absolute;
	top: -12px;
    right: 100px;
    text-align: right;
    z-index: 9999;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0;
	margin: 0;}
		
	aside.main-navigation {
	margin-right: 25px;}
			
	/*--------------------
	Responsive CONTINGUT
	--------------------*/
	header {height: 70px;}
	.hostal .flexslider, .habitacions .flexslider, .entorn .flexslider {margin:0;padding: 0;}
	.google-maps {margin-top: 0;}

	.serveis {min-height: 30px !important;}
	.servei2, .servei3 {padding: 0 15px !important;}
	.servei1i, .servei2i, .servei3i {padding: 0 !important; margin-bottom: 50px;}
	.servei2, .servei3 {margin: 0;padding: 0 0 0 30px;}
	.habitacions .separador {border-top: 1px solid #C4B27A; padding: 0 0 60px 0 !important;}


}

@media screen and (min-width: 1200px) {
	
	.separador-menu {margin: 0 20px;}
	aside.main-navigation {margin-right: 40px;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.logo img {width: 235px;}
	aside.main-navigation {width: 250px;}
	
}
	
@media screen and (max-width: 991px) {
	#wrapper { padding-top: 50px; margin: 0; z-index: 1;}
	header { position: fixed; z-index: 71; height: 55px; overflow: hidden;
		width: 50%;
		top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
	}
	.logo {
		position: absolute; 
		top: 13px;
		right: 0;
		left: 0;
		margin: 0 auto;
		padding: 0;
		margin: 0;}
	.logo img {width: 185px; margin: 0; }
	.logo .silueta {
		display: none;
	}
	aside.main-navigation { position: fixed; margin-right: 0; padding-top: 0; top: 0; width: 100%; height: 55px; left: 0; z-index: 70;}
	aside.main-navigation {display:none;}
	.header-right {display: none;}
	.hostal h1, .habitacions h1, .contacte h1 { padding: 0;  margin-bottom: 10px; }
	.hostal .flexslider, .habitacions .flexslider, .entorn .flexslider {margin: 0;padding: 0;margin-bottom: 30px; }
	.google-maps {margin-top: 0;}
	
	/*--------------------
	MENÚ RESPONSIVE
	--------------------*/
	.menu { top: 0; left: 15px; background-color: #fff; z-index: 999; width: 100%; border-bottom: 1px solid #dedede; padding-top: 20px; padding-bottom: 0; }
	.menu ul {
		display:block;
		width:auto !important;
		margin:0 auto !important;
		overflow:hidden;
		list-style:none;}
	.menu ul li {padding: 0 !important; font-size: 18px;}
	.menu .menu-main-list li {display:inline;padding:0px;margin:0px !important;}
	.menu .menu-toggled {
		display:none;
		width:100%;
		position:relative;
		margin:0 auto !important;
	}
	.menu .menu-button:hover {cursor:pointer;}
	.menu .menu-toggled ul {display:none;margin:0px !important;padding:0px !important;}
	.menu .menu-toggled > ul { border-top: 1px solid #dedede; height: 100vh; }
	.menu .menu-toggled ul li {display:block;margin:0 auto !important;}
	.menu.minimal .menu-toggled ul ul li a:after {content: '';}
	
	.menu ul li.menu-item-language {
		display: none; 
	}
	
	/* MINIMAL STYLE */
	.menu.minimal a {color:#1a1a1a;}
	.menu.minimal a:hover {opacity:0.7;}
	.menu.minimal .menu-toggled-controls {
		display:block;
		height:36px;
		color:#333333;
		margin-left: 10px;
		top: -10px; 
		text-align:left;
		position:relative;}
	.menu.minimal .menu-toggled-title {
		display: block;
		position:relative;
		top:0px;left:9px;
		color:#333333;
		font-family: 'Avenir';
		font-weight: bold;font-style: normal;
		font-size: 12px;
		text-transform: uppercase !important;}
	.menu.minimal .menu-button {display:block;position:absolute;left:9px;top:16px;}
	.menu.minimal .menu-button span {
		display:block;
		margin:4px 0px 4px 0px;
		height:2px;
		background:#333333;
		width:25px;}
	.menu.minimal .menu-toggled ul li a {
		display:block;
		width:100%;
		text-align:center;
		padding:20px 0;
		border-bottom:1px solid #dedede;
		color:#333333;}
	
	.idioma {
		height: 45px;
		width: 50px;
		right: 20px;
		bottom: 15px;
	}
	.idioma ul li {
		border-color: white;
	}
	.idioma ul li a {
		color: white;
	}
	.idioma:hover li:first-child {
		background: transparent;
		margin: 0 5px;
	}
	.idioma.language-menu {
		display: none;
		position: absolute;
		bottom: 142px;
		height: 55px;
		width: 100%;
		left: 0;
		right: 0;
		background: rgba(183,164,108,0.9);
	}
	.idioma.language-menu.opened {
		display: block;
	}
	.idioma.language-menu ul {
		padding-top: 7.5px;
	}
	.idioma ul li {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 15px;
	}
	.idioma.language-menu ul li.active,
	.idioma.language-menu ul li {
		display: inline-block;
		margin: 0 5px;
	}

	/*
	Formulari reserves*/
	.formulari-reserva {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0;
		bottom: 0;
		background: rgba(0,0,0,0.75);
		z-index: 9;
		padding-top: 20px !important;
		border-top: none;
	}
	.formulari-reserva > ul {
		padding-top: 14px;
		color: white;
		text-align: left;
        margin-left: 20px;
        font-size: 16px;
		line-height: 20px;
	}
	#b_availSubmit input {
	    padding: 10px 10px !important;
	    margin-left: 8px;}
	    
	footer {margin: 0 10px auto;padding-bottom: 240px;}
	footer a.btn {
        width: calc(100% - 40px);
        margin-top: 0;
    }	
	footer .address h3 {font-size: 12px; padding: 25px 0 0 0; border-top: none !important;}
	.address {padding-bottom: 20px;}		

	section.hostal, section.habitacions, section.entorn, section.contacte { 
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	section h1, section p { 
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.entorn .cita {
		width: 100%;
	}
	.habitacions.select {
		margin-top: 40px !important;
		margin-bottom: 50px !important;
	}
	.habitacions.select h3 {
		padding: 0 20px;
	}
	.habitacions.select .habitacio {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 20px;
	}
	.habitacions .descripcio {
		width: 100%;
	}
	.serveis.tipus {
		margin: 40px 20px;
		gap: 0;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	}
	.servei-img {
		padding: 20px;
	}
	.habitacions .formulari-reserva {
		display: none;
	}
	.habitacions .flexslider .slides img {
		height: 45vh;
	}
	.flex-direction-nav a {
		opacity: 1;
	}

	/*--------------------
	Responsive HABITACIONS
	--------------------*/
	.serveis {min-height: 30px !important;}
	.servei2, .servei3 {padding: 0 15px !important;}
	.servei1i, .servei2i, .servei3i {padding: 0 !important;}
	.habitacions .separador {border-top: 1px solid #C4B27A; padding: 0 0 60px 0 !important;}
	.serveis-img {
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 50px;
	background-color: #C4B27A;
	border-radius: 25px;}
}

	

/*	Print
			----- */
			
@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, a:visited { text-decoration:underline;}
	a[href]:after { content:" (" attr(href) ")";}
	abbr[title]:after { content:" (" attr(title) ")";}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content:"";}
	pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
	thead { display:table-header-group;}
	tr,img { page-break-inside:avoid;}
	img { max-width:100% !important;}
	
	@page { margin:0.4cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
}