/*

Estils principals
	
*/

/*
FONTS
*****
font-family: 'Roboto', sans-serif;
font-family: 'Julius Sans One', sans-serif;
font-family: 'Vidaloka', serif;
*/

/*BODY*/
body{font-family: 'Roboto', sans-serif;position: relative;}
body a{text-decoration: none !important;}

/*Slider home*/
.slides {
  /*position: absolute;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  -moz-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.slides .slide {
  /*display: inline-block;*/
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  vertical-align: top;
  margin-right: -4px;
}

/***************/
/*ESTILS COMUNS*/
/***************/
/*Titols*/
.titol-ribbon-nou{text-transform: uppercase;color:#1c5a7e;background:#DCE6EB;display: block;padding: 0.3em;text-align:center;/*text-transform:uppercase;*/font-family: "Vidaloka",serif !important;}

/*Titols amb ribbon*/
.titol-ribbon{font-size:1em; position: relative;font-family: 'Vidaloka', serif !important;text-align:center;color:#1c5a7e !important;padding:0.2em 3em;background:#dce6eb;}
.titol-ribbon:before, .titol-ribbon:after {content: ' ';height: 0;position: absolute;width: 0;border: 25px solid transparent;top: 0;}
.titol-ribbon:before {border-left-color:#ffffff;position: absolute;left:0;z-index: 2;}
.titol-ribbon:after {border-right-color:#ffffff;position: absolute;right:0;z-index: 1;}

/*Boto Reserves*/
#boto-reserves{transition: all 300ms; position: absolute;top:4%;/*margin-top: 2em*/;right:0;background: rgba(255,255,255,0.8);z-index: 200;padding:1em;text-shadow: none;color:#126083;border-color: #126083;border-width: 1px;}

/*Header*/
.fons-header-info-contacte{background:#114257;}
.header-info-contacte{float: right;background:#114257;color:#639aa8;padding: 6px 0;}
.header-info-contacte > div > span{padding: 0 8px;}
.header-info-contacte a{color:#639aa8;}
.header-info-contacte span{line-height: 1em;vertical-align: middle;}
.header-info-contacte i{padding: 0 5px;}
.header-info-contacte i.fa-mobile{font-size: 1.7em;vertical-align: top;}
.header-info-contacte i.fa-envelope-o{font-size: 1.3em;}

/*Menu principal*/
.menu-principal{border-radius: 0;position: relative;border-top: 4px solid #62a2b1;background:rgba(255,255,255,0.9);margin-bottom: 0;}
.menu-principal a{color:#304b51 !important;text-transform: uppercase;padding-bottom: 25px !important;padding-top: 25px !important;}
#logo{position: relative;}
#logo a{position: absolute;/*top: -48px;*/z-index: 100;top: -3em;}
.menu-principal .navbar-brand{height: 100%;padding: 15px !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: transparent !important;color: #fea74e !important;background-image: none !important;box-shadow: none !important;}
.menu-principal a:hover{color:#fea74e !important;}
.menu-principal .active > a:after {background: #fea74e none repeat scroll 0 0;bottom: 25%;content: "";height: 2px;left: 0;position: absolute;width: 100%;}


/*****************************/
/*****************************/
/*PAGINA D'INICI - FRONT PAGE*/
/*****************************/
/*****************************/

/*Slider*/
#slider-home{background: #f9f3ec;}
#slider-home ul{margin: 0;}
#slider-home img{left: 0;}
#slider-home > div{padding: 0;}

/*Ofertes*/
#ofertes-home{min-height: 526px; background: url(../img/fons-ofertes-hotel-lescala-centre.jpg) no-repeat center center;background-size: cover;border-top: 14px solid #ffe5cb;}
#ofertes-home h2{/*margin: 2em auto;*/margin: 0 auto 2em 0;text-align:center;}
.oferta-home{text-align: center;}
.oferta-home figcaption{font-weight: lighter;text-transform: uppercase;color: #58a0b2;font-size: 1.5em;margin: 1em 0;}
/*Hotel*/
#hotel-home h2{font-family: 'Julius Sans One', sans-serif;color:#f4b371;font-weight: 300;margin-bottom: 1em;}
#hotel-home p{color: #1c5a7e;font-size: 1.2em;line-height: 1.5em;font-weight: 200;}
#hotel-home .container{position: relative;top:12%;}
#hotel-home .text-hotel-home{width:100%;max-width: 550px; margin:0 auto;background: rgba(255,255,255,0.5);padding:3em;}
/*Habitacions*/
#habitacions-home{padding: 4em 0 7em;position: relative;}
#habitacions-home h2{margin:0 auto 2em auto;text-align: center;}
.habitacions figcaption{font-weight: lighter;z-index: 10; text-transform: uppercase;color: #ffffff;font-size: 1.1em;line-height:2em;/*height: 59px;*/text-align: center;background: #9bc5cf;margin: 0.1em 0;padding: 0.5em 0;}
.habitacions figure{overflow: hidden;}
.habitacions a{display: block; overflow: hidden;position: relative;}
.habitacions figure img{-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.habitacions figure:hover img{-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.habitacions figure:hover figcaption{background:#fde0c2;}
.hover-items{background:rgba(255,255,255,0.2) url("../img/ull-hover-servei.png") no-repeat center center;display: block; top: 100%; transition: all 300ms ease 0s; left: 0px; height: 100%;position: absolute;width: 100%;background-size: 25%;}
#habitacions-home a.btn{overflow: inherit;position: absolute;top: 48%;}
#habitacions-home a.btn:first-of-type{left: -8%;}
#habitacions-home a.btn:last-of-type{right: -8%;}
.habitacions figure:hover div.hover-items{top:0% !important;}
/*Banner*/
.banner{height:400px;background: #fff6ea url(../img/banner-hotel-escalacentre.jpg) no-repeat center center;background-size: cover;}
.banner > div.container{height: 100%; position: relative;}
.banner > div.container p{
    position: absolute;
    top: 15%;
    left: 45px;
    border-radius: 50%;
    background: #539bf2;
    color: #fff;
    font-size: 2em;
    height: 150px;
    width: 150px;
    padding: 1em.8em;;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    transition: 400ms all;
}
.banner > div.container p span{font-size: .8em;}
.banner > div.container:hover p{background: #ff6666;transform: rotate(-10deg);box-shadow: 0px 0px 8px 2px rgba(0,0,0,.5);}
.banner > div.container > div{position: relative;top: 50%;transform: translateY(-50%);font-family: 'Julius Sans One', sans-serif;color: #303030;}
.banner > div.container > div h3{font-size: 40px;margin-bottom: .7em;}
.banner > div.container > div figure{text-align: center;}

/*Entorn*/
#entorn-home{background:#fff7ee url(../img/fons-entorn-hotel-lescala-centre.jpg) no-repeat center right;padding:8em 0;}
#entorn-home h2{font-family: 'Julius Sans One', sans-serif;color:#f4b371;font-weight: 300;}
#entorn-home p{color:#1c5a7e;line-height: 1.5em;margin-bottom: 1.5em;font-size: 1.2em;font-weight: 200;}
#entorn-home ul{margin: 0 auto;padding: 0;}
#entorn-home img{width: 100%;}
#entorn-home .descripcio-entorn-home{margin-bottom:4em;}
.fotos-entorn-home{position: relative;}
.fotos-entorn-home img{width: 100%;}
.fotos-entorn-home .prev-slider{padding: 0 12px;position:absolute;left:2%;color:#ffffff;}
.fotos-entorn-home .next-slider{padding: 0 12px;position:absolute;right:2%;color:#ffffff;}
/*Activitats*/
#caixa-activitats{position: relative;margin-bottom: 2em;}
#caixa-activitats .titol-ribbon{position: absolute;width: 100%;z-index: 1;left: 0%;margin: 1em 0 0;padding: 0.3em 3em;}
#activitats-home{padding:2em 0 4em 0;line-height: 1.5em;}
#activitats-home h2{font-family: 'Julius Sans One', sans-serif;color:#f4b371;font-weight: 300;margin:0 auto 3em auto;}
#activitats-home img{border-radius: 50%;}
#activitats-home p{font-size: 1.2em;font-weight: 200;line-height: 1.5em;}
#owl-activitats{text-align: center;}
#caixa-activitats{position: relative;}
#caixa-activitats a.btn{overflow: inherit;position: absolute;top: 39%;}
#caixa-activitats a.btn:first-of-type{left: -15%;}
#caixa-activitats a.btn:last-of-type{right: -15%;}
/*Blog*/
#blog-home,.llistat-blog{padding: 4em 0;background:#f1f8fb;}
#blog-home h2, .llistat-blog h1, .llistat-blog h3{font-family: 'Julius Sans One', sans-serif;text-align: center;color:#1c5a7e;font-weight: 300;margin-bottom: 1.5em;}
#blog-home .row{/*background: #ffffff;*//*box-shadow: 0 0 10px 0 #cbdde5;*/margin: 0 auto;max-width: 800px;}
#blog-home .data-blog, .llistat-blog .data-blog{color:#ffa951;}
#blog-home .data-blog p, .llistat-blog .data-blog p{margin: 0.5em 0;}
#blog-home .text-blog, .llistat-blog .text-blog{color:#1c5a7e;padding: 2em 15px;}
#blog-home .imagen-blog, .llistat-blog .imagen-blog{padding: 2em 15px;}
#blog-home .container, .llistat-blog .container{position: relative;}
#blog-home a.btn{overflow: inherit;position: absolute;top: 53%;}
#blog-home a.btn:first-of-type{left:0%;}
#blog-home a.btn:last-of-type{right:0%;}
#blog-home .titol-blog{position: relative; color:#4a4a4a;text-transform:uppercase;background:#ffdcb8;margin-bottom:0;padding: 1em;width: 100%;/*margin-left: -3.5%;*/}
/*#blog-home .titol-blog p{margin: 1em 0;}*/
/*#blog-home .titol-blog:after {content: ' ';height: 0;position: absolute;width: 0;border: 25px solid transparent;top: 0;border-right-color:#f1f8fb;position: absolute;right:0;z-index: 1;}
#blog-home .titol-blog:before {content: ' ';height: 0;position: absolute;width: 0;border: 25px solid transparent;top: 48px;border-width: 7px 0 7px 11px;border-top-color:#ffa951;left:0;z-index: 1;}*/
#blog-home .caixa-blog{/*box-shadow: 0 0 10px 0 #cbdde5;*/background: #f1f8fb none repeat scroll 0 0;overflow: auto;padding: 1em;}
#blog-home .caixa-blog > div > div{background:#ffffff;}
#blog-home .caixa-blog .imagen-blog{min-height: 319px;text-align: center;}
#blog-home .caixa-blog .text-blog{min-height: 319px;}

/*Carrousel Habitacions*/
#owl-hotel figure{
  margin: 0 3px;
}
#owl-hotel .owl-item img{
  display: block;
  width: 100%;
  height: auto;
}
.owl-entorn .owl-item,.owl-servei .owl-item{text-align: center;}


/***************************/
/**********PAGINES**********/
/***************************/

/*Pàgina Llistat d'habitacions*/
#pagina-llistat-habitacions{margin-bottom: 8em;}
#pagina-llistat-habitacions h1{text-align: center;margin: 0 0 2em 0;font-size:2.15em;}
#pagina-llistat-habitacions .titol-ribbon{padding: 0.1em 3em;}
#pagina-llistat-habitacions div.row > div{margin-bottom: 2em;}
#pagina-llistat-habitacions > div.row:last-of-type{display: none;}
#pagina-llistat-habitacions .separacio-habitacio{margin-bottom: 3em !important;}
#pagina-llistat-habitacions div.fons{background: rgb(249,249,249);}
#pagina-llistat-habitacions .opcions{padding:1em; background: rgb(249,249,249);height: 302px;}
#pagina-llistat-habitacions .opcions > div{padding: 0.4em 0;font-size: 0.9em;font-weight: lighter;}
#pagina-llistat-habitacions .opcions img, #pagina-llistat-habitacions .opcions figcaption{display:inline;}
#pagina-llistat-habitacions .opcions figcaption{padding-left:1em;}
#pagina-llistat-habitacions div.descripcio{margin-bottom:1em;padding: 2em;font-size: 1.1em;line-height: 2em;font-weight: lighter;min-height: 230px;}
#pagina-llistat-habitacions div.botons{margin-bottom: 1em;padding-left: 0;padding-right: 0.5em;text-align: center;}
#pagina-llistat-habitacions div.botons a{color:#5dbbd1;background:#F9F9F9 url(../img/ull-veure-fitxa.png) no-repeat left center;padding: 1em 0 1em 4em;}
#pagina-llistat-habitacions div.botons > p{margin: 0;line-height: 4em;background: rgb(249,249,249);}
#pagina-llistat-habitacions div.disponibilitat{background:#fff4e9;padding-left: 0.5em;padding-right: 0;}
#pagina-llistat-habitacions div.disponibilitat a{color:#fea448;background:url(../img/calendari-disponibilitat.png) no-repeat left center;}
#pagina-llistat-habitacions div.disponibilitat p{background:#fff4e9;}
#pagina-llistat-habitacions .separacio-habitacio{height: 8px;border-bottom: 2px solid #f9f9f9;border-top: 2px solid #f9f9f9;}
/*#pagina-llistat-habitacions .habitacions{max-width: 485px;}*/
#pagina-llistat-habitacions .habitacions img{width: 100%;}

/*Pàgina Habitació*/
#pagina-habitacio h1{margin:0 0 2em 0;text-align: center;font-size:2.15em;}
#pagina-habitacio .titol-ribbon{padding: 0.1em 2em;}
#pagina-habitacio > div.row{margin-bottom: 8em;}
#pagina-habitacio .galeria{margin-bottom: 3em;}
#pagina-habitacio .opcions{margin-bottom: 3em;}
#pagina-habitacio .opcions img, #pagina-habitacio .opcions figcaption{float: left;}
#pagina-habitacio .opcions figure{width: 190px;margin: 0 auto;}
#pagina-habitacio .opcions figcaption{line-height: 45px;padding-left:.5em;}
#pagina-habitacio .opcions > div{margin-bottom:0.5em;font-size: 0.9em;}
#pagina-habitacio .descripcio{background:#f9f9f9;margin-bottom: 1em;padding:3em;}
#pagina-habitacio .descripcio p{line-height: 1.5em;}
#pagina-habitacio .reservar{background:#fff4e9;line-height: 4em;text-align: center;}
#pagina-habitacio .reservar a{color:#fea448;}

/*Pàgina Entorn*/
/*.fons-entorn{background-color:#fff7ee;background-image: url(../img/fons-entorn.png), url(../img/fons-entorn.png);background-position:right 15%, 10% 90%;background-repeat: no-repeat;background-size: auto auto, 35%;}*/
.fons-entorn h1{margin:0 0 4em 0;text-align: center;font-size: 2.15em;}
#pagina-entorn .titol-ribbon{padding: 0.1em 2em;}
#pagina-entorn .titol-ribbon:before {border-left-color:#fff7ee;}
#pagina-entorn .titol-ribbon:after {border-right-color:#fff7ee;}
#pagina-entorn > div.row{margin-bottom:8em;}
#pagina-entorn > div.row > div{margin-bottom: 4em;}
#pagina-entorn .owl-entorn{margin-bottom: 4em;}
#pagina-entorn h2{font-family: 'Julius Sans One', sans-serif;color:#feb469;font-weight: 300;margin-bottom: 1em;margin-top: 0;}

/*Pàgina Serveis*/
#pagina-servei{margin-bottom: 6em;}
#pagina-servei h1{margin:0 0 2em;text-align: center;font-size:2.15em;}
#pagina-servei .titol-ribbon{padding: 0.1em 2em;}
#pagina-servei > .row{margin-bottom: 6em;}
#pagina-servei img {margin: 0 auto;width: 100%;}
#pagina-servei h2{font-family: 'Julius Sans One', sans-serif;color:#feb469;font-weight: 300;margin-bottom: 1em;margin-top: 0;}
#pagina-servei p{line-height: 2em;margin-bottom: 2em;}
#pagina-servei ul{margin-left: 0;line-height: 2em;}
/*#pagina-servei img{border-radius: 50%; border:15px solid #fde0c2;}*/
#pagina-servei .bx-wrapper .bx-viewport {box-shadow:none;}
#pagina-servei .bx-wrapper{margin-bottom: 4em !important;}
.icones-serveis > div{margin: 4em 0;}
.icones-serveis ul{text-align: center;padding: 0;margin: 0;}
.icones-serveis li{display: inline-block;margin: 1%;max-width: 100px;min-width: 74px;width: 6%;}
/*.icones-serveis{margin-bottom: 10em;}*/

/*Pàgina Llistat Blog*/
.llistat-blog h1{margin:0em 0 1.5em;}
.llistat-blog h3{margin-bottom: 2em;}
.llistat-blog .row{margin-bottom:8em !important;max-width: 100% !important;}
.llistat-blog .row{background: #ffffff;box-shadow: 0 0 10px 0 #cbdde5;margin: 0 auto;max-width: 800px;}
.llistat-blog .titol-blog{position:relative; color:#4a4a4a;text-transform:uppercase;margin-bottom: 2em;width: 100%;/*margin-left:-1.4%;*/}
.llistat-blog .titol-blog p{margin:1em 0 0;padding:1em;background:#ffdcb8;}
/*.llistat-blog .titol-blog:after {content: ' ';height: 0;position: absolute;width: 0;border: 25px solid transparent;top: 0;border-right-color:#f1f8fb;position: absolute;right:0;z-index: 1;}
.llistat-blog .titol-blog:before {content: ' ';height: 0;position: absolute;width: 0;border: 25px solid transparent;top: 48px;border-width: 7px 0 7px 11px;border-top-color:#ffa951;left:0;z-index: 1;}*/
.llistat-blog .barra-lateral > div.row{padding: 0 1em 1em 1em;box-shadow: none;background: transparent;}
.llistat-blog .barra-lateral ul{margin: 0;padding: 0;list-style:none;}
.llistat-blog .barra-lateral li{margin-bottom: 0.5em;text-transform: uppercase;}
.llistat-blog .barra-lateral h2{font-size: 1.8em;margin:0 0 0.5em;text-decoration: underline;}
.llistat-blog .barra-lateral section{margin-bottom: 4em;}
.llistat-blog .barra-lateral select{border-radius: 3px;max-width: 100%;}
.llistat-blog .barra-lateral option{padding: 0.5em;}

/*Pàgina Blog*/
/*#blog-single .data-blog:after {content: ' ';height: 0;position: absolute;width: 0;border: 28px solid transparent;top: 0;border-right-color:#ffffff;position: absolute;left:-56px;z-index: 1;}*/
#blog-single .titol-blog{position: relative;background: #ffe8d1}
#blog-single .data-blog{position: absolute;top: 0;right: 0;background: #ffffff;padding: 0 2em;color:#ffa951;}
#blog-single{margin-top: 10em;margin-bottom: 10em;color:#1c5a7e;}
#blog-single .header-blog{text-transform: uppercase;margin-bottom: 3em;
background: rgba(255,232,209,1);
background: -moz-linear-gradient(left, rgba(255,232,209,1) 71%, rgba(246,246,246,1) 72%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(71%, rgba(255,232,209,1)), color-stop(72%, rgba(246,246,246,1)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,232,209,1) 71%, rgba(246,246,246,1) 72%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,232,209,1) 71%, rgba(246,246,246,1) 72%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,232,209,1) 71%, rgba(246,246,246,1) 72%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,232,209,1) 71%, rgba(246,246,246,1) 72%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8d1', endColorstr='#ffffff', GradientType=1 );
}
#blog-single .header-blog p{margin: 0;line-height: 4em;color: #4a4a4a;}
#blog-single .imagen-blog{text-align: center;margin-bottom: 4em;}
#blog-single .main-blog{margin-bottom: 10em;}
#blog-single .barra-lateral ul{margin: 0;padding: 0;list-style:none;}
#blog-single .barra-lateral li{margin-bottom: 0.5em;text-transform: uppercase;}
#blog-single .barra-lateral h2{font-size: 1.8em;margin:0 0 0.5em;text-decoration: underline;}
#blog-single .barra-lateral section{margin-bottom: 4em;float: left;width: 50%;border-left: 1px solid;text-align: center;min-height: 150px;}
#blog-single .barra-lateral section:first-of-type{border-left: none;}
#blog-single .barra-lateral select{border-radius: 3px;max-width: 100%;}
#blog-single .barra-lateral option{padding: 0.5em;}

/*Pàgina Contacte*/
#map{width: 100%;height: 450px;background-color: #CCC;border-bottom: 14px solid #ffe5cb;}
#pagina-contacte h1{margin:0 0 2em 0;text-align: center;font-size:2.15em;}
#pagina-contacte .titol-ribbon{padding: 0.1em 2em;}
#pagina-contacte,#pagina-contacte div.esquerra{margin-bottom: 4em;}
#pagina-contacte div.esquerra{color:#3b6f8e;}
#pagina-contacte .descripcio-contacte{margin-bottom:4em;}
#pagina-contacte .descripcio-contacte p{line-height:2em;color:#999999;}
#pagina-contacte .dades-contacte, #pagina-contacte .social-contacte{list-style:none;margin: 0 0 2em;color:#40718f;}
#pagina-contacte .dades-contacte li{line-height:3em;}
#pagina-contacte .social-contacte{padding: inherit; overflow: auto;}
#pagina-contacte .social-contacte li{float: left;}
#pagina-contacte .social-contacte li:last-child{margin-left: 1em;}
#pagina-contacte .contact-form input, #pagina-contacte .contact-form textarea{width:100%;line-height: 3em;padding-left: 1em;}
#pagina-contacte .contact-form textarea, #pagina-contacte form.wpcf7-form textarea{width:98%;resize:none;}
#pagina-contacte form.wpcf7-form input, #pagina-contacte form.wpcf7-form textarea{width:100%;line-height: 3em;padding-left: 1em;height: auto;}
#pagina-contacte .contact-form input.pushbutton-wide, #pagina-contacte input.boto-enviar{width: 140px;line-height:2em;background:#ffbe7c;font-size:1em;color:#ffffff;text-shadow:none;text-transform: uppercase;}


/*Pàgina Galeria*/
#pagina-galeria{margin-bottom:8em;}
#pagina-galeria h1{margin:0 0 4em;text-align: center;font-size:2.15em;}
#pagina-galeria .titol-ribbon{padding: 0.1em 2em;}
#pagina-galeria .foto{margin-bottom: 2em;}


/*Footer*/
footer{background: #a0c6d9; padding: 6em 0; color:#ffffff;}
footer a{color:#ffffff !important;}
footer .esquerra ul{list-style: none;margin:0 0 3em 0; padding: 0;}
footer li{line-height: 2.9em;}
footer .centre{text-align: center;border-right: 2px solid #81a2b2;border-left: 2px solid #81a2b2;padding: 2em 15px;}
footer .social{padding: 0;margin: 4em 0 0;list-style: none;overflow: auto;text-align: center;}
footer .social li{display: inline-block; padding: 0 1em; line-height: 0;}
/*footer .social li:last-of-type{margin-left: 1em;}*/
footer .dreta li{float: none;}
footer .dreta li a{margin-left: 2em;padding: 0 2em;line-height: 2.9em;}

@media screen and (max-width:1200px){
	#habitacions-home a.btn,#caixa-activitats a.btn,#blog-home a.btn{display: none;}
	#pagina-llistat-habitacions .opcions{height: 474px;width: 32%;padding: 2em 3em;}
	#pagina-llistat-habitacions .opcions > div {padding: 1.5em 0;}
	#pagina-habitacio .titol-ribbon {display: block;font-size: 0.9em;max-width: 100%;padding: 0.25em 1em;}
	.llistat-blog .titol-blog {margin-left:-1.6%;}
  .icones-serveis li{min-width: 59px;}
}
@media screen and (max-width:992px){
	 .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        text-align: center;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .menu-principal .active > a::after {
    	width: 0;
	}
	/*.navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }*/
    #logo{display: none !important;}
    .navbar-brand{display: block !important;}
    .menu-principal a.navbar-brand{padding:5px 15px !important;}
	.titol-ribbon {display:block;margin: 0 auto;max-width: 500px;padding: 0.3em 3em;}
	.llistat-blog .titol-blog {width: 105%;margin-left: -1.6%;}
	#entorn-home .fotos-entorn-home{margin-bottom: 3em;}
	#activitats-home{padding:0;}
	#activitats-home h2{margin: 2em auto;}
	#caixa-activitats .titol-ribbon{display: block;margin: 2em auto;max-width: 400px;padding: 0.4em 2em;position: relative;}
	#activitats-home .descripcio-activitats{margin-bottom: 6em;}
   	footer .esquerra ul,footer .dreta ul{text-align: center;}
   	footer .centre{margin:3em 0;border:none;}
   	footer .dreta ul{width: 100%;}
	#logo a{left: 40%;top: 68px;}
	#logo img{width: 55%;}
	#pagina-llistat-habitacions .titol-ribbon {max-width: 600px;padding: 0.17em 0;}
	#pagina-llistat-habitacions .opcions{height: 376px;padding:1em;}
	#pagina-llistat-habitacions .opcions > div {padding: 1em 0;}
	#pagina-habitacio .titol-ribbon::before, #pagina-habitacio .titol-ribbon::after {content: none;}
	#pagina-habitacio .titol-ribbon{padding: 0.5em;max-width: 100%;}
	#pagina-habitacio .opcions {text-align: center;}
	#pagina-habitacio .opcions > div {display: inline-block;float: none;min-width:300px;width: 49%;}
	#pagina-entorn .titol-ribbon, #pagina-servei .titol-ribbon, #pagina-galeria .titol-ribbon, #pagina-contacte .titol-ribbon{max-width: 600px;padding: 0.17em 0;}
	#blog-single .imagen-blog{margin-bottom: 4em;}
	#blog-home .titol-blog {margin-left: 0;width: 100%;}
	#blog-home .titol-blog::before,#blog-home .titol-blog::after {content: none;}
	#blog-home .imagen-blog{text-align: center;}
	#pagina-servei img {margin: 0 auto;width: 100%;}
  /*Banner*/
  .background-banner{min-height:400px;background: #fff6ea url(../img/banner-hotel-escalacentre-mobil.jpg) no-repeat top center;background-size: cover;margin-bottom: 3em;}
  .banner{height:auto;background: none;}
  .banner > div.container > div{position: static;transform: none;text-align: center;}
  .banner > div.container p {top: -400px;font-size: 2.1em;height: 250px;width: 250px;padding: 2em 2em;line-height: 1.7em;}
}
@media screen and (max-width:768px){
	.llistat-blog .titol-blog {margin-left: 0;width: 100%;}
	.llistat-blog .titol-blog::before,.llistat-blog .titol-blog::after {content: none;}
	.llistat-blog .imagen-blog{text-align: center;}
	/*#logo a{left: 0;top: -42px;}*/
	.menu-principal ul{text-align:center;}
	.menu-principal .active > a:after{width:0;}
	/*#pagina-llistat-habitacions .habitacions {float: none;margin: 0 auto;max-width: 485px;}*/
	#pagina-llistat-habitacions .opcions {float: none;margin: 0 auto;overflow: auto;width: 95.5%;}
	#pagina-llistat-habitacions div.botons {padding: 0;}
	.titol-ribbon {width: 95%;margin: 2em auto;}
	#blog-single .data-blog {position: relative;background: #FFE8D1;padding: 0;color:#4a4a4a;}
	#blog-single .data-blog::after {content: none;}
	#blog-single .header-blog {background: #FFE8D1;}
	#blog-single .barra-lateral section{width: 100%;border: none;}
}
@media screen and (max-width:768px){
  /**/
}
@media screen and (max-width:550px){
	.header-info-contacte > div{padding: 0;}
	.header-info-contacte > div > span {margin: 0.5em 0;/*display: block;*/}
	/*#logo a {top: -77px;}*/
	#pagina-llistat-habitacions .opcions {width: 93.5%;}
}
@media screen and (max-width:480px){
  .header-info-contacte{width: 100%;float: none;margin: 0;}
  .header-info-contacte > div > span {display: block;text-align: center;}
	.titol-ribbon {width: 95%;font-size: 0.9em;padding: 0.4em 0;}
	#hotel-home .container{top:2.5%;}
	#hotel-home .text-hotel-home{max-width: 350px;padding: 2em;}
	/*#habitacions-home .titol-ribbon {padding: 0.4em 0;}*/
	/*#caixa-activitats .titol-ribbon {padding: 0.2em 2em;}*/
	.js-photostack{min-height: 200px !important;}
	#pagina-llistat-habitacions .opcions {width: 90.5%;}
	#pagina-llistat-habitacions .titol-ribbon::before, #pagina-llistat-habitacions .titol-ribbon::after {content: none;}
	#pagina-llistat-habitacions .titol-ribbon{width: 100%;font-size: 0.8em;padding: 0.5em 0;}
	#pagina-entorn .titol-ribbon, #pagina-servei .titol-ribbon, #pagina-contacte .titol-ribbon{padding: 0.25em 0;}
	#pagina-galeria .titol-ribbon::before, #pagina-galeria .titol-ribbon::after {content: none;}
	#pagina-galeria .titol-ribbon{padding: 0.5em; width: 100%;font-size: 0.8em;}
  .icones-serveis li{min-width:37px;}
}
@media screen and (max-width:350px){
	
}
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
	
}