/*
Theme Name: Vies Verdes
Author: Iglesies Associats
Author URI: http://www.iglesies.com/

 */

.posicio-selectorAC {
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	z-index: 99;

}

.titol-selectorAC {
	font-family: Helvetica_condensedBold;
    line-height: 0.9;
	text-align: left;
	font-size: 20px;
	margin: 10px;
}

.titol-selectorAC b {
	font-size: 28px;
	font-weight: normal;
}


.selector-rutesAC {
	position:relative;
    bottom:0;
	margin-top: 0px;
	margin-bottom: 0px;
	border-radius: 15px 15px 0px 0px;
	background-image: url(img/back85.png);
	
	text-align: center;
	width: 205px;
	padding: 20px;
}


.llista-rutesAC {
	text-align: left;
	display: none;
	margin-left: 10px;
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

.llista-rutesAC a {
	color: #231F20;
}


.boto-rutes-verdes {
	background: white;
    border: 1px solid #48813C;
    color: #48813C;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}

.boto-rutes-verdes-act {
	color: white;
	background: #48813C;
    border: 1px solid #48813C;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
	
}

.boto-rutes-nexus {
	background: white;
    border: 1px solid #386AAA;
    color: #386AAA;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}

.boto-rutes-nexus-act {
	color: white;
	background: #386AAA;
    border: 1px solid #386AAA;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}

.boto-rutes-pedal {
	background: white;
    border: 1px solid #83522B;
    color: #83522B;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}

.boto-rutes-pedal-act {
	color: white;
	background: #83522B;
    border: 1px solid #83522B;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}

.boto-all {
	background: white;
    border: 1px solid #231F20;
    color: #231F20;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}

.boto-all-act {
	color: white;
	background: #231F20;
    border: 1px solid #231F20;
    border-radius: 15px;
    padding-left: 5px;
	width: 165px;
	height: 27px;
	margin: 2px;
	font-size: 13px;
}



.hotspots-interaction 
{
	margin:0px!important;
}

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

@font-face{
    font-family: OpenSans-Light;
    src: url('fonts/OpenSans-Light.ttf');
}
@font-face{
    font-family: OpenSans-Semibold;
    src: url('fonts/OpenSans-Semibold.ttf');
}
@font-face{
    font-family: Helvetica_condensedBold;
    src: url('fonts/HelveticaNeue-CondensedBold.otf');
}
@font-face{
    font-family: Helvetica_condensed;
    src: url('fonts/helvetica-neue-condensed.otf');
}
@font-face{
    font-family: AlfaSlabOne-Regular ;
    src: url('fonts/AlfaSlabOne-Regular.ttf');
}
@font-face{
    font-family: AnonymousPro-Regular;
    src: url('fonts/AnonymousPro-Regular.ttf');
}
@font-face{
    font-family: Asap-Bold ;
    src: url('fonts/Asap-Bold.ttf');
}
@font-face{
    font-family: Cardo-Bold;
    src: url('fonts/Cardo-Bold.ttf');
}
@font-face{
    font-family: CrimsonText-Roman;
    src: url('fonts/CrimsonText-Roman.ttf');
}
@font-face {
    font-family: Dosis-Medium; 
    src: url('fonts/Dosis-Medium.ttf');
}
@font-face{
    font-family: HelveticaNeue;
    src: url('fonts/HelveticaNeue.ttc');
}
@font-face{
    font-family: Italianno-Regular;
    src: url('fonts/Italianno-Regular.ttf');
}
@font-face {
    font-family: Lekton-Bold; 
    src: url('fonts/Lekton-Bold.ttf');
}
@font-face {
    font-family: MerriweatherSans-ExtraBold; 
    src: url('fonts/MerriweatherSans-ExtraBold.ttf');
}
@font-face {
    font-family: RubikOne-Regular; 
    src: url('fonts/RubikOne-Regular.ttf');
}
@font-face {
    font-family: Shrikhand-Regular; 
    src: url('fonts/Shrikhand-Regular.ttf');
}
@font-face {
    font-family: Ubuntu-Bold; 
    src: url('fonts/Ubuntu-Bold.ttf');
}
@font-face {
    font-family: Ubuntu-Regular; 
    src: url('fonts/Ubuntu-Regular.ttf');
}
@font-face {
    font-family: Volkhov-Bold; 
    src: url('fonts/Volkhov-Bold.ttf');
}
@font-face {
    font-family: Volkhov-BoldItalic; 
    src: url('fonts/Volkhov-BoldItalic.ttf');
}


/* Desktop */
/*---------------------------------------------------------------------------*/
body:after {

}
/* Classes fonts */
.alfaslavone{
    font-family: AlfaSlabOne-Regular;
}
.anonymous {
    font-family: AnonymousPro-Regular;
}
.asap-bold {
    font-family: Asap-Bold;
}
.cardo-bold {
    font-family: Cardo-Bold;
}
.crimsontext {
    font-family: CrimsonText-Roman;
}
.dosis-medium{
    font-family: Dosis-Medium;
}
.helveticaNeue {
    font-family: HelveticaNeue;
}
.italianno-regular {
    font-family: Italianno-Regular;
}
.lekton-bold {
    font-family: Lekton-Bold;
}
.merriweather {
    font-family: MerriweatherSans-ExtraBold;
}
.rubikOne {
font-family: RubikOne-Regular;
}
.shirkhand {
font-family: Shrikhand-Regular;
}
.ubuntu-bold {
font-family: Ubuntu-Bold;
}
.ubuntu-regular {
font-family: Ubuntu-Regular;
}
.volkhov-bold {
font-family: Volkhov-Bold;
}
.volkhov-italic {
    font-family: Volkhov-BoldItalic;
}
h1.alfaslavone , 
h1.anonymous , 
h1.asap-bold , 
h1.cardo-bold , 
h1.crimsontext , 
h1.dosis-medium , 
h1.helveticaNeue , 
h1.italianno-regular , 
h1.lekton-bold ,
h1.merriweather ,
h1.rubikOne ,
h1.shirkhand ,
h1.ubuntu-bold ,
h1.ubuntu-regular ,
h1.volkhov-bold ,
h1.volkhov-italic {
    font-size: 4.2em;
    line-height: 1;
}
.precontent-ruta .alfaslavone , 
.precontent-ruta .anonymous , 
.precontent-ruta .asap-bold , 
.precontent-ruta .cardo-bold , 
.precontent-ruta .crimsontext , 
.precontent-ruta .dosis-medium , 
.precontent-ruta .helveticaNeue , 
.precontent-ruta .italianno-regular , 
.precontent-ruta .lekton-bold ,
.precontent-ruta .merriweather ,
.precontent-ruta .rubikOne ,
.precontent-ruta .shirkhand ,
.precontent-ruta .ubuntu-bold ,
.precontent-ruta .ubuntu-regular ,
.precontent-ruta .volkhov-bold ,
.precontent-ruta .volkhov-italic {
    font-size: 3em;
    line-height: 1;
    margin-top:20px;
    margin-bottom: 10px;
}
h3.alfaslavone , 
h3.anonymous , 
h3.asap-bold , 
h3.cardo-bold , 
h3.crimsontext , 
h3.dosis-medium , 
h3.helveticaNeue , 
h3.italianno-regular , 
h3.lekton-bold ,
h3.merriweather ,
h3.rubikOne ,
h3.shirkhand ,
h3.ubuntu-bold ,
h3.ubuntu-regular ,
h3.volkhov-bold ,
h3.volkhov-italic {
    font-size: 3.6em;
    line-height: 1;
}

.rutes_secrets .precontent-ruta .dosis-medium {
    font-size: 2em;
    line-height: 1;
    margin-top:20px;
    margin-bottom: 10px;
    font-weight: bold;
}


/* ------------------- */
body {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: white;
	font-size: 1.2em;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:#444;
}

a {
	text-decoration:none;
}

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 3.5em;
	line-height: 1.2;
}

h2 {
	color:white;
}


h3 {
	margin: 0px;
	padding: 0px;
	font-size: 2.2em;
	line-height: 1.2;
}

h4 {
	margin: 0px;
	padding: 0px;
	font-size: 1.3em;
}

/*h4::before {
	content: '';
	width: 25px;
	height: 4px;
	background-color: #444;
	position: absolute;
	margin-top: 35px;
}

h4 a::before {
	content: '';
	width: 25px;
	height: 4px;
	position: absolute;
	margin-top: 35px;
	background-color: #428bca;
}*/


/*-----TOP-BAR-----*/

.skip {
    color: #4E4E4E;
    left: -9999px;
    position: absolute;
    float: left;
}
.skip:focus {
    right: 0;
    left: inherit;
}
.xarxes a{
	color: #5F5E63;
	margin-right: 5px;
    font-size: 1.7em;
}
.xarxes .insta:hover, .xarxes .insta:focus {
    /*background-image: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);*/
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    color: transparent;
}
.xarxes .face:hover, .xarxes .face:focus {
    color: #3C5A9A;
}
.xarxes .twitter:hover, .xarxes .twitter:focus{
    color: #00ACED;
}
.xarxes .youtube:hover, .xarxes .youtube:focus{
    color: #FF0000;
}
.xarxes a:focus, .xarxes a:hover{
	text-decoration: none;
}
.app_download img {
    width: 40px;
}
.app_download:hover img, .app_download:focus img{
    border: 1px dotted;
}
.app_download {
    display: inline-block;
    border-left: 1px solid #000;
    padding-left: 20px;
}
.icon-svies img {
    width: 40px;
}
.icon-svies:hover img, .icon-svies:focus img{
    border: 1px dotted;
}
.icon-svies {
    display: inline-block;
}
.top-bar {
    min-height: 50px;
    position: relative;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4);
}
.top-bar .container{
    position: relative;
}
.top-menu {
    position:relative;
}
.xarxes {
    padding-top: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.bottom-footer .xarxes {
	display: none;
}
#searchform{
	display: none;
}
.inside-actualitat.search .container {
    padding-top: 100px;
}
.inside-actualitat.search  h1{
    margin-bottom: 30px;
}
.search-item{
    margin-bottom: 20px;
}
.btn-search {
    border: none;
    background: transparent;
    color: #5F5E63;
    padding: 0px 12px 5px 12px;
}
.btn-secrets {
    position: absolute;
    bottom: 65px;
    right: 100px;
}
.menu-llenguatge {
    display: inline-block;
    border-left: 1px solid #5F5E63;
    padding-left: 5px;
    font-size: 1.4em;
}
.cercador {
    display: inline-block;
}
.cercador_llenguatges {
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.btn-search img {
    width: 25px;
} 
.menu-llenguatge .wpml-ls-legacy-list-horizontal a {
    padding: 2px 6px;
}

.form-news input, .form-news submit {
	font-size: 13px !important;
	height: 30px;
	border-radius: 12px !important;
	margin: 5px;
	padding: 5px;
	line-height: 1px;
}

#searchform input {
    background: #5F5E63;
    border: 1px solid #5F5E63;
    color: #ffffff;
    border-radius: 12px;
    padding-left: 5px;
}
#searchform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
#searchform input::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
#searchform input:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
#searchform input:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
#navbarNav {
    border-color: transparent;
    border: none;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
}
.navbar.navbar-default {
    background: transparent;
    border: none;
}
ul#menu-main-menu, ul#menu-main-menu-es,ul#menu-main-menu-en,ul#menu-main-menu-fr {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.menu li {
    display: inline-block;
    padding: 10px 25px 10px 25px;
    text-transform: uppercase;
    color: #000000;
    font-size: 1.5em;
}
.menu-principal .menu li a, .menu-ruta .menu li a {
    color: #ffffff;
    border-bottom: 4px solid transparent;
    transition: border-color 0.25s ease-out 0.25s;
    display: block;
}
.menu-principal .menu li a:hover, .menu-principal .menu li a:focus, .menu-ruta .menu li a:hover, .menu-ruta .menu li a:focus {
    text-decoration: none;
    border-bottom: 4px solid #ffffff;
    transition: border-color 0.25s ease-out 0.25s;
}
.menu-principal {
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}

.menu-main-menu-container, .menu-main-menu-es-container,.menu-main-menu-en-container,.menu-main-menu-fr-container {
    background-color: #000000;
    border-radius: 0px 0px 15px 15px;
}
.menu-ruta .menu-main-menu-container, .menu-ruta .menu-main-menu-es-container, .menu-ruta .menu-main-menu-en-container, .menu-ruta .menu-main-menu-fr-container {
    background: transparent;
}
#menu-item-13 ul li, #menu-item-783 ul li, #menu-item-1374 ul li, #menu-item-1380 ul li, #menu-item-2382 ul li, #menu-item-2468 ul li,
#menu-item-2466 ul li, #menu-item-2380 ul li, #menu-item-1372 ul li, #menu-item-2399 ul li, #menu-item-2479 ul li, #menu-item-1291 ul li {
    text-transform: none;
    font-weight: normal;
}
.menu-ruta .menu {
    padding-left: 0;
}
.menu-ruta .menu li {
    padding-left: 0;
    color: #ffffff;
}
.menu-principal .sub-menu {
    position: absolute;
    padding: 25px 0 0 0;
    left: -9999px;
    border-radius: 10px;
    z-index: 2;
}
.menu-ruta .sub-menu {
    position: absolute;
    padding: 5px 0 0 0;
    left: -9999px;
    border-radius: 10px;
    z-index: 99;
}
.menu-principal .menu li:hover ul, .menu-principal .menu li:focus ul, .menu-ruta .menu li:hover ul, .menu-ruta .menu li:focus ul, .menu-item.sfhover .sub-menu {
    left: inherit;
}
.menu-principal .sub-menu li {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 10px;
    background: rgba(0,0,0,0.8);
    z-index: 2;
}
.menu-ruta .sub-menu li {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 10px;
    background: rgba(0,0,0,1);
    z-index: 2;
}
.menu-principal .sub-menu li:first-child, .menu-ruta .sub-menu li:first-child{
    padding-top: 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.menu-principal .sub-menu li:last-child, .menu-ruta .sub-menu li:last-child{
    padding-bottom: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.menu-principal .sub-menu li a, .info-ruta .menu-ruta .sub-menu li a{
    border-bottom: 1px solid transparent;
}
.menu-principal .sub-menu li a:hover,.menu-principal .sub-menu li a:focus, .info-ruta .menu-ruta .sub-menu li a:hover, .info-ruta .menu-ruta .sub-menu li a:focus {
    border-bottom: 1px solid #ffffff;
}
.menu-principal .sub-menu ul, .menu-ruta .sub-menu ul{
    position: relative;
    padding: 0;
    display: block;
    border-radius: none;
    margin-bottom: 10px;
    left: inherit;
}
.menu-principal .sub-menu ul li, .menu-ruta .sub-menu ul li{
    background: transparent;
    font-weight: normal;
    text-transform: none;
    padding: 0;

}
.menu-principal .sub-menu ul li:first-child, .menu-ruta .sub-menu ul li:first-child {
    padding-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.menu-principal .sub-menu  ul li:last-child, .menu-ruta .sub-menu  ul li:last-child {
    padding-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.menu-principal.sub-menu ul li a, .info-ruta .menu-ruta .sub-menu ul li a{
    border-bottom: 1px solid transparent;
}
.menu-principal .sub-menu ul li a:hover,.menu-principal .sub-menu ul li a:focus, .info-ruta .menu-ruta .sub-menu ul li a:hover .info-ruta .menu-ruta .sub-menu ul li a:focus {
    border-bottom: 1px solid #ffffff;
}
.slider {
    position: relative;
}
.main-menu {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    margin-left: -400px;
}
a.logo {
    display: block;
    
}
a.logo:hover, a.logo:focus {
	
	text-decoration: none;
}
a.logo:hover img, a.logo:focus img{
    border: 1px dotted #000000;
}
.logo img {
    margin: 0 7px;
    border: 1px solid transparent;
}

.slider .bx-viewport {
    max-height: 650px;
    min-height: 650px;
}
.slider .bx-wrapper img {
    height: auto;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    min-height: 100%;
}
.slider  .bx-wrapper .bx-next {
    right: 25px;
    background: url(img/Icona_dreta_slidetop.png) no-repeat center;
    background-size: contain;
    transition: border-color 0.25s ease-out 0.25s;
}
.slider .bx-wrapper .bx-next:hover, .slider .bx-wrapper .bx-next:focus {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    transition: border-color 0.25s ease-out 0.25s;
}
.slider .bx-wrapper .bx-prev {
    left: 25px;
    background: url(img/Icona_esquerra_slidetop.png) no-repeat center;
    background-size: contain;
    transition: border-color 0.25s ease-out 0.25s;
}
.slider .bx-wrapper .bx-prev:hover, .slider .bx-wrapper .bx-prev:focus {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    transition: border-color 0.25s ease-out 0.25s;
}
.slider .bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 50px;
}
.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    display: block;
    bottom: 10px;
    right: 50%;
    margin-right: -55px;
}
.slider .bx-wrapper .bx-controls-auto .bx-start {
    background-image: url(img/Play.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    margin:0;
    transition: border-color 0.25s ease-out 0.25s;
}
.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    width: 110px;
}
.slider .bx-wrapper .bx-controls-auto .bx-stop {
    background-image: url(img/Pausa.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    margin:0;
    transition: border-color 0.25s ease-out 0.25s;
}
.slider .bx-wrapper .bx-controls-auto .bx-stop:hover, .slider .bx-wrapper .bx-controls-auto .bx-stop:focus,.slider .bx-wrapper .bx-controls-auto .bx-start:hover, .slider .bx-wrapper .bx-controls-auto .bx-start:focus {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    transition: border-color 0.25s ease-out 0.25s;
}
/*-----TOP-BAR interior ----*/
.menu-interior .navbar-toggle {
    display: block;
}
.menu-interior .navbar-collapse {
    display: none;
    position: absolute;
    background: transparent;
    top: 50px;
    z-index:99;
    padding-left: 0;
    padding-right: 0;
}

.menu-interior .navbar-toggle .icon-bar {
    background: #575756;
    display: block;
    border-radius: 1px;
}
.menu-interior .navbar-toggle:hover, .menu-interior .navbar-toggle:focus {
    background: #575756;
}
.menu-interior .navbar-toggle:hover .icon-bar, .menu-interior .navbar-toggle:focus .icon-bar{
    background: #ffffff;
}
.menu-interior .menu-main-menu-container, .menu-interior  .menu-main-menu-es-container,
.menu-interior .menu-main-menu-en-container,.menu-interior .menu-main-menu-fr-container {
    margin-top: 0;
}
.menu-interior .menu li {
    display: block;
    padding: 0 15px 0 0;
    text-transform: none;
    color: #000000;
    font-size: 1.5em;
}
#menu-menu-interior, #menu-menu-interior-es, #menu-menu-interior-en, #menu-menu-interior-fr {
    padding-left: 0;
    font-size: 0.8em;
}
#menu-menu-interior .sub-menu, #menu-menu-interior-es .sub-menu, #menu-menu-interior-en .sub-menu,
#menu-menu-interior-fr .sub-menu {
    padding-left: 10px;
    font-size: 0.7em;
}
.menu-interior .menu li a {
    color: #000000;
    border-bottom: 2px solid transparent;
    transition: border-color 0.25s ease-out 0.25s;
}
.menu-interior .menu li a:hover, .menu-interior .menu li a:focus {
    text-decoration: none;
    border-bottom: 2px solid #000000;
    transition: border-color 0.25s ease-out 0.25s;
}
.css-arrow-up {
    width: 0px;
    height: 0px;
    margin-left: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F5F5F5;
}
.menu-menu-interior-container, .menu-menu-interior-es-container, 
.menu-menu-interior-en-container, .menu-menu-interior-fr-container {
/*    background: #F5F5F5;
    padding: 15px;
    border-radius: 4px;*/
}
/*-----RUTES Vies verdes HOME -----*/
.filter-rutes{
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 999;
}
.filter-rutes select {
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 5px;
    padding-left: 5px;
    margin-left: 5px;
    font-size: 1.2em;
    text-align: center;
    padding-right: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(img/arrow-down-filter.jpg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    color: #ffffff;
}
.btn-filtre {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 1.2em;
    text-align: center;
    color: #333333;
    padding: 0px 12px 1px 12px;
    margin-top: -5px;
}
.btn-filtre:hover, .btn-filtre:focus {
    background-color: #333333;
    border-color:  #ffffff;
    color: #fff;
} 
.mapa{
    position: relative;
}
.rutes_vies_verdes {
    background: #000000;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom:50px;

}
.rutes_vies_verdes .all-rutes {
    /*background-image: url(img/logo-icona.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
.cechkbox-bed {
    display: inline-block;
    margin-left: 10px;
}
.item:hover, .item:focus{
    text-decoration: none;
}
.item .desplegable{
    display: block;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
}
.item .desplegable:hover, .item:focus .desplegable {
    -webkit-box-shadow: 0px 0px 45px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0px 0px 45px 1px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 45px 1px rgba(255, 255, 255, 0.7);
    text-decoration: none;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
.vv .item-ruta{
    background: #b4ba06;
}
.px .item-ruta{
    background: #2a4d98;
}
.pl .item-ruta{
    background: #874F24;
}
.pi .item-ruta{
    background: #22b27a;
}
.all-rutes-vinculades .item-ruta{
    box-shadow: 0 10px 10px -6px #00000080;
}
.item-ruta {
    text-align: center;
    min-height: 42.5em;
    padding-bottom: 20px;
}

.rutes_secrets .item-ruta{
    min-height: 30.5em;
}
.vv .desplegable{
    color: #000000;
}
.px .desplegable{
    color: #ffffff;
}
.pl .desplegable{
    color: #ffffff;
}
.pi .desplegable{
    color: #ffffff;
}
.item-ruta-vinculat {
    text-align: center;
    min-height: 40em;
    background: #000000;
}

.precontent-ruta{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.pre-imatge-ruta {
    position: relative;
    overflow: hidden;
    height: 320px;
}
.pre-imatge-ruta img {
    left: 50%;
    position: absolute;
    transform: translate(-50%,0%);
    max-width: none;
    height: 100%;
}

.llistat-incidencia {
	font-size: 1.3em;
	
}

.rutes_secrets .pre-imatge-ruta {
    height: 200px;
}

.item-ruta .recorregut, .item-ruta-vinculat .recorregut { 
    font-size: 1.3em;
    line-height: 1.2;
}
.item-ruta .distancia, .item-ruta-vinculat .distancia {
    font-size: 1.6em;
}
.all-rutes {
    padding-left: 10px;
    padding-right: 10px;
}
.all-rutes .item, .item-vinculat {
    padding-left: 5px;
    padding-right: 5px;
    z-index: 2;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
}

.rutes_secrets .all-rutes {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.rutes_secrets .all-rutes .item, .item-vinculat {
    padding-left: 5px;
    padding-right: 5px;
    z-index: 2;
    background:
    transparent;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    flex: 0 0 20%;
}

.coneix-els-secrets{
    background:#c0c12d;
    color:#000;
    border-radius: 20px;
    padding: 6px 18px;
    margin-top: 20px;
    display: inline-grid;
    font-size: 1.5em;
    line-height: 1.2;
}
.coneix-els-secrets a{
    color: #000;
}
.app-els-secrets{
    background:#4862A4;
    color:#000;
    border-radius: 20px;
    padding: 6px 18px;
    margin-top: 20px;
    display: inline-grid;
    font-size: 1.5em;
    line-height: 1.2;
}
.app-els-secrets a{
    color: #000;
}

.zero-margin{
 padding: 0;
}

.rutes_secrets::after {
    content: "";
    background-image: url(img/logo-icona.png);
    position: absolute;
    width: 100%;
    height: 312px;
    background-repeat: no-repeat;
    bottom: 16px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: 257px;
    z-index: 1;
}
@media only screen and (max-width: 1300px){
    .rutes_secrets::after {
        display: none;
    }
	
	
}

.textinfo-secrets{
    background-color:white;
    border-radius: 25px;
    padding: 30px;
    width: 425px;
    height: 100%;
    float: right;
    margin: 25px 0 0 0;
}

.white-req{
    padding-right: 5px;
}

.enitats-secret{
    display: block ruby;
    width: 100%;
}

.enitats-secret img{
    margin: 5px;
    width: 100px;
}
@media (max-width: 1100px) {
    .textinfo-secrets{
        width: 100%;
        margin-bottom: 30px;
    }
    .enitats-secret img{
        margin: 5px;
        width: 75px;
    }
	
		
	
	.bottom-footer .xarxes {
		display: block;
		position: static;
		
        text-align: center;
        padding-bottom: 10px;
	}
	
	.top-bar .xarxes {
		display: none;	
		
	}


}

.item .desplegable, .item-vinculat .desplegable {
}
.item .desplegable:hover, .item .desplegable:focus, .item-vinculat .desplegable:hover, .item-vinculat .desplegable:focus {
    text-transform: none;
}
.logo-vies-blanc{
    margin-bottom: 50px;
}

.fletxa-negre {
    margin-left: 37%;
    margin-top: 40px;
    display:none;
}
.fletxa-negre.fletxa_activa{
    display: block;
}
.resum-dades-ruta-serveis .aux1,.resum-dades-ruta-serveis .aux2{
    float: left;
    width: auto;
    position: relative;
    min-height: 1px;
}
.resum-dades-ruta-serveis .aux1 {
    margin-right: 4px;
}
.resum-dades-ruta {
    font-family: OpenSans-Light;
}
.resum-dades-ruta strong{
    font-family: Open sans;
}
.resum-dades-ruta p {
    margin-bottom: 0;
    font-size: 1.5em;
}
.interior-ruta .recorregut{
    font-size: 1.67em;
    font-family: Helvetica_condensedBold;
    text-transform: uppercase;
}
.links-ruta {
    margin-top: 40px;
}
.links-ruta .down-ruta, .links-ruta .info-google-maps{
    color:#ffffff;
    font-size: 1.5em;
    margin-right: 4px;
    font-family: Helvetica_condensedBold;
}

.interior-ruta .resum{
    font-size: 1.5em;
    font-family: OpenSans-Light;
}
.interior-ruta {
    border-bottom: 3px solid #ffffff;
    background: #000000;
    padding-bottom: 40px;
    border-top: 3px solid #fff;
    padding-top: 40px;
    z-index: 1;
}
.interior-ruta img {
    width: 100%;
}
.btn.btn-default {
    background: #000000;
    color: #ffffff;
    border-color: #ffffff;
    border-radius: 20px;
    padding: 6px 18px;
}
.btn.btn-default:hover, .btn.btn-default:focus {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
.btn.btn-default-opposite {
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
    border-radius: 20px;
    padding: 6px 18px;
    text-transform: uppercase;
}
.btn.btn-default-opposite:hover, .btn.btn-default-opposite:focus {
    background: #000000;
    color: #ffffff;
    border-color: #ffffff;
}
.fletxa-blanca {
    height: 40px;
    background-image: url(img/arrow-up-white.png);
    background-repeat: no-repeat;
    background-position: 19% 18px;
    background-color: #000000;
}

.info-extesa{
    line-height: 1.2;
    margin-bottom: 60px;
    position: relative;
}
.info-extesa:before{
    background-image: url(img/rusc-fons.png);
    background-repeat: no-repeat;
    opacity: 0.3;
    content: ' ';
    display: block;
    position: absolute;
    width: 634px;
    height: 315px;
    z-index: 1;
    top: 10px;
}
.light {
    font-family: OpenSans-Light;
    font-weight: normal;
}
.info-extesa p{
   margin-bottom: 30px;
}
.info-descripcio, .mapes-estadistics {
    margin-top: 80px;
}
.intro-resum {
    color: #4D4D4D;
    font-size: 2em;
    font-family: OpenSans-Light;
}
.descripcio{
    font-size: 1.5em;
    color: #4D4D4D;
    font-family: OpenSans-Light;
}
.mapes-estadistics img{
    margin-bottom: 50px;
}
.see-mapa .btn-default {
    color: #000000;
    background: #cccccc;
    border: #cccccc;
}
.logo-google, .logo-wikiloc {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*.info-com-arribar{
    background-color: #F5F5F5;
    padding-bottom: 50px;

}*/
.fletxa-beige {
    height: 40px;
    background-image: url(img/arrow-up-beige.png);
    background-repeat: no-repeat;
    background-position: 19% 18px;
    background-color: #ffffff;
}
.com-arribar h2 {
    color: #3c3924;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #b4ba06;
}
.com-arribar h2::before {
    position: absolute;
    width: 1000px;
    background-color: #b4ba06;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
.com-arribar h3::before {
    content: '';
    width: 0;
    height: 0;
    background-color: transparent;
    position: absolute;
    margin-top: 0;
}
.com-arribar {
    margin-top: 80px;
}
.com-arribar h3 {
    font-size: 1.5em;
    color: #5f5e63;
    font-weight: bold;
    margin-bottom: 10px;
}
.com-arribar p {
    color: #4D4D4D;
    line-height: 1.2;
    font-size: 1.5em;
}
.info-extesa .com-arribar p{
   margin-bottom: 0;
}
.com-arribar a {
    color: #4D4D4D;
}
.item-com-arribar {
    margin-bottom: 15px;
}
.zona-interes li, .informacio-util li{
    font-size: 1.5em;
}

.com-arribar .trens {
    background-image: url(img/icona-tren.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 50px;
    margin-bottom: 30px;
}
.com-arribar .busos {
    background-image: url(img/icona-bus.png);
    background-repeat: no-repeat;
    background-position: left 15px;
    padding-top: 50px;
    margin-bottom: 30px;
}
.com-arribar .cotxes {
    background-image: url(img/icona-cotxe.png);
    background-repeat: no-repeat;
    background-position: left 12px;
    padding-top: 50px;
    margin-bottom: 30px;
}
.com-arribar .aeroport {
    background-image: url(img/icona-avio.png);
    background-repeat: no-repeat;
    background-position: left 12px;
    padding-top: 50px;
}
.descripcio-accessibilitat h2{
    color: #3c3924;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #b4ba06;
}
.descripcio-accessibilitat h2::before{
    position: absolute;
    width: 1000px;
    background-color: #b4ba06;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
.descripcio-accessibilitat {
    margin-top: 50px;
    margin-bottom: 50px;
}
.content-accessibilitat{
    font-size: 1.4em;
}
.content-accessibilitat img{
    display: block;
    max-width: 100%;
    height: auto;
}
.descripcio-accessibilitat::before {
    background: #cccccc;
    background: linear-gradient(to right, #ccc , #ffffff);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: -600px;
    top: 0;
    z-index: -1;
}
.fletxa-blanca-2 {
    height: 40px;
    background-image: url(img/arrow-up-white-2.png);
    background-repeat: no-repeat;
    background-position: 19% 18px;
    background-color: #F5F5F5;
}
.see-mapa, .widget-wikiloc {
    margin-top: 70px;
}
.see-mapa img,  .widget-wikiloc iframe{
    width: 100%;
}
.see-mapa h2, .widget-wikiloc h2{
    font-family: Helvetica_CondensedBold;
    margin-top: 10px;
    color: #000000;
    font-size: 3em;
}
.see-mapa h2 {
    margin-bottom: 30px;
}
.see-mapa img, .widget-wikiloc iframe {
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}
.logo-google img {
    border-radius: 0;
}
.widget-wikiloc h2 {
    margin-bottom: 72px;
}
.see-mapa .btn-default, .widget-wikiloc .btn-default {
    color: #66656a;
    border: 1px solid #66656a;
    background-color: #ffffff;
    text-transform: uppercase;
    font-size: 1.5em;
}
.see-mapa .btn-default:hover,.see-mapa .btn-default:focus, .widget-wikiloc .btn-default:hover, .widget-wikiloc .btn-default:focus  {
    color: #ffffff;
    background: #66656a;
}
.informacio-ruta h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.desplegable-oficines{
    background: #0071bb;
    border-top: 2px solid #ffffff;
}
.desplegable-oficines button {
    color: #ffffff;
    font-weight: bold;
    /*background-image: url('img/');*/
}
.desplegable-oficines .container {
    background-image: url(img/Serveis_Informacio.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-oficines button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_blanc.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-oficines button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_blanc_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.btn-collapse {
    background: transparent;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding-top: 45px;
    padding-bottom: 45px;
}
.btn-collapse:hover, .btn-collapse:focus{
    text-decoration: underline;
}
#collapsible-oficines {
    background: #dcecf6;
}
.desplegable-visitar {
    background: #56b14c;
    border-top: 2px solid #ffffff;
}
.desplegable-visitar button {
    color: #000000;
    font-weight: bold;
}
.desplegable-visitar .container {
    background-image: url(img/Serveis_Quefer.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-visitar button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_gris.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-visitar button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_gris_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
#collapsible-visitar {
    background: rgba(86,177,76,0.2);
}
.desplegable-allotjament {
    background: #dfaa3a;
    border-top: 2px solid #ffffff;
}
.desplegable-allotjament button {
    color: #000000;
    font-weight: bold;
}
.detall-visitar, .detall-visitar-2{
    margin-top: 50px;
    margin-bottom: 50px;
}
.detall-visitar ul {
    list-style: none;
    padding: 0;
}
.detall-visitar-2 ul {
    color: #000000;
    padding-left: 15px;
}
.detall-visitar li::before {
    content: "• ";
    color: #000000;
}
.detall-visitar li:first-child {
    border-top: none;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding-top: 15px;
}
.detall-visitar li {
    padding-left: 40px;
    text-indent: -.7em;
    color: #000000;
    border-bottom: 2px solid rgba(86,177,76,0.2);
    background: #fff;
    padding-top: 5px;
}
.detall-visitar li:last-child {
    border-bottom: none;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding-bottom: 15px;
}
.detall-visitar .text-clar li {
    border: none;
    padding-top: 0;
    color: #4D4D4D;
}
.detall-visitar .text-clar li::before {
    content: "";
    color: #000000;
}
.desplegable-allotjament .container {
    background-image: url(img/Serveis_Allotjaments.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-allotjament button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_gris.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-allotjament button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_gris_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
#collapsible-allotjament {
    background: rgba(223,170,58,0.1);
}
.desplegable-gastronomia {
    background: #c0272d;
    border-top: 2px solid #ffffff;
}
.desplegable-gastronomia button {
    color: #ffffff;
    font-weight: bold;
}
.desplegable-gastronomia .container {
    background-image: url(img/Serveis_Gastronomia.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-gastronomia button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_blanc.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-gastronomia button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_blanc_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
#collapsible-gastronomia {
    background: rgba(192,39,45,0.1);
}
.desplegable-agencies {
    background: #4ca6d6;
    border-top: 2px solid #ffffff;
}
.desplegable-agencies button {
    color: #000000;
    font-weight: bold;
}
.desplegable-agencies .container {
    background-image: url(img/Serveis_Agencia_Viatges.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-agencies button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_gris.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-agencies button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_gris_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
#collapsible-agencies {
    background: rgb(76,166,214,0.2);
}
.desplegable-lloguers {
    background: #92278e;
    border-top: 2px solid #ffffff;
}
.desplegable-lloguers button {
    color: #ffffff;
    font-weight: bold;
}
.desplegable-lloguers .container {
    background-image: url(img/Serveis_Lloguers.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-lloguers button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_blanc.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-lloguers button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_blanc_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
#collapsible-lloguers {
    background: rgba(146,39,142,0.1)
}
.desplegable-altres-serveis {
    background: #5f5e63;
    border-top: 2px solid #ffffff;
}
.desplegable-altres-serveis button {
    color: #ffffff;
    font-weight: bold;
}
.desplegable-altres-serveis .container {
    background-image: url(img/Serveis_Altres.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 115px;
}
.desplegable-altres-serveis button[aria-expanded="false"]{
    background-image: url(img/Fletxa_desplegable_blanc.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.desplegable-altres-serveis button[aria-expanded="true"]{
    background-image: url(img/Fletxa_desplegable_blanc_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}
#collapsible-altres-serveis {
    background: rgba(95,94,99,0.1);
}
.desplegable-allotjament h1, .desplegable-gastronomia h1, .desplegable-agencies h1, .desplegable-lloguers h1, .desplegable-altres-serveis h1, .desplegable-oficina-turisme h1, .desplegable-que-visitar h1 {
    font-size: 2.4em;
}
.bed_bike{
    position: absolute;
    bottom: 0;
    right: 0;
}
.more-serveis {
    margin-bottom: 70px;
}
.link-more-serveis {
    background-color: transparent;
    color: #000000;
    box-shadow: none;
    border: 2px solid #000000;
    border-radius: 20px;
    padding: 5px 35px;
    font-size: 1.5em;
    text-transform: uppercase;
}
.link-more-serveis:hover, .link-more-serveis:focus{
    background-color: #000000;
    color: #fff;
}

/* -allotjaments- */

.allotjament-item, .gastronomia-item,.agencies-item, .lloguers-item, .altres-serveis-item, .oficines-item,.ajuntaments-item, .visitar-item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}
.all-allotjament, .all-gastronomia, .all-agencies, .all-lloguers, .all-altres-serveis, .all-visitar  {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}
.all-oficines, .all-ajuntaments{
    margin-bottom: 70px;
    padding-left: 10px;
    padding-right: 10px;
}
.pre-image-allotjament, .pre-que-visitar, .pre-image-visitar, .pre-image-gastronomia, .pre-image-agencies, .pre-image-lloguers, .pre-image-altres-serveis {
    position: relative;
    overflow: hidden;
    height: 320px;
    background: #ffffff;
}
.pre-image-allotjament .image, .pre-que-visitar .image, .pre-image-visitar .image, .pre-image-gastronomia .image, .pre-image-agencies .image, .pre-image-lloguers .image, .pre-image-altres-serveis .image {
    left: 50%;
    position: absolute;
    transform: translate(-50%,0%);
    max-width: none;
    height: 100%;
}
.allotjament-content {
    background: #DFAA3A;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
}
.gastronomia-content{
    background: rgb(192,39,45);
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
    word-break: break-word;
}
.agencies-content{
    background: #4CA6D6;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
    word-break: break-word;
}
.lloguers-content{
    background: #92278E;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
    word-break: break-word;
}
.altres-serveis-content{
    background: #5F5E63;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
    word-break: break-word;

}
.oficines-content, .ajuntaments-content {
    background: #0071BB;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
    word-break: break-word;
}
.visitar-content {
    background: #56B14C;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: 260px;
    word-break: break-word;
}
.titol-allotjament, .titol-agencies, .titol-visitar, .titol-gastronomia, .titol-lloguers, .titol-altres-serveis, .titol-oficines, .titol-ajuntaments {
    font-size: 2em;
}
.titol-allotjament a, .titol-agencies a, .titol-visitar a {
    color: #000000;
    font-weight: bold;
    line-height: 1em;
}
.titol-gastronomia a, .titol-lloguers a, .titol-altres-serveis a, .titol-oficines a, .titol-ajuntaments a {
    color: #ffffff;
    font-weight: bold;
    line-height: 1em;
}
.titol-gastronomia a:hover, .titol-gastronomia a:focus, .titol-lloguers a:hover, .titol-lloguers a:focus, .titol-altres-serveis a:hover, .titol-altres-serveis a:focus,
.titol-oficines a:hover, .titol-oficines a:focus, .titol-ajuntaments a:hover, .titol-ajuntaments a:focus {
    color: #ffffff;
}
.allotjament-content p, .agencies-content p, .visitar-content p{
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: 1.4em;
    color: #000000;
}
.gastronomia-content p, .lloguers-content p, .altres-serveis-content p, .oficines-content p, .ajuntaments-content p{
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1.5em;
    font-size: 1.4em;
}
.email a, .web a{
    color: #000000;
}
.gastronomia-content .email a, .gastronomia-content .web a, .lloguers-content .email a, .lloguers-content .web a, .altres-serveis-content .email a, .altres-serveis-content .web a,
.oficines-content .email a, .oficines-content .web a, .ajuntaments-content .email a, .ajuntaments-content .web a {
    color: #ffffff;
}

/* -oficines turisme- */
.detall-oficines {
    margin-top: 50px;
    margin-bottom: 50px;
}
.informacio-ruta .detall-oficines h3 {
    color: #000000;
    font-weight: bold;
    font-size: 1.4em;
    text-transform: uppercase;
    background: #fff;
    padding: 30px 30px 0px 30px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.detall-oficines ul {
  list-style: none;
  padding: 0;
}
.detall-oficines  li {
    padding-left: 30px;
    color: #000000;
    border-bottom: 2px solid #DCECF6;
    background: #fff;
    padding-top: 5px;
}
.detall-oficines li::before {
  content: "• ";
  color: #000000; /* or whatever color you prefer */
}
.detall-oficines  li:last-child{
    border-bottom: none;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    padding-bottom: 15px;
}

.page-serveis .detall-oficines h3{
    color: #ffffff;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #0071BB;
}
.page-serveis .detall-oficines h3::before {
    position: absolute;
    width: 1000px;
    background-color: #0071BB;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
.detall-oficines .titol-oficines, .detall-oficines .titol-ajuntaments {
    background: transparent;
    font-weight: normal;
    padding: 0;
    text-transform: none;
    border-radius: 0;
}
.page-serveis .desplegable-oficines h1,.page-serveis .desplegable-visitar h1 {
    font-size: 2.2em;
}
.titol-visitar {
    margin-top: 0;
}
.desplebables-serveis h2{
    margin-top: 0;
    margin-bottom: 0;
}
/*.separacio {
    height: 1px;
    border-top: 2px dashed #bfbfbf;
    margin-bottom: 15px;
}
*/
.text-clar, .text-clar a {
    color: #4D4D4D;
}

.item-vinculat {
    color:#fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
}

.item-vinculat:hover, .item-vinculat:focus{
    text-decoration: none;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
.rutes-vinculades h2{
    color: #000000;
    font-size: 2.17em;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 75px;
    margin-bottom: 35px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #b4ba06;
}
.rutes-vinculades h2::before {
    position: absolute;
    width: 1000px;
    background-color: #b4ba06;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}

.rutes-vinculades h3 {
    margin-top: 20px;
}
.fletxa-negre{
    height: 30px;
/*    background-image: url(img/arrop-up-bkg-black.png);
    background-repeat: no-repeat;
    background-position: 19% 18px;
    background-color: transparent;*/
}
.barra-blanca {
    border-bottom: 3px solid #fff;
    margin-bottom: 40px;
}
.fletxa-negre.fletxa_segon {
    margin-left: 46.5%;
}

.enfosquir{
    opacity: 0.3;
}
.item-vinculat.vv{
    color: #000;
}
.item-vinculat.vv h3 {
    color: #000;
}
.detall-allotjament .filter-rutes, .detall-gastronomia .filter-rutes, .detall-agencies .filter-rutes, .detall-lloguers .filter-rutes, .detall-altres-serveis .filter-rutes{
    margin-top: 40px;
}
/*------- Mapa ruta -----*/
.mapa-serveis {
    border-bottom: 1px solid #ddd;
}
.ruta-mapa .info-basica{
    margin-bottom: 30px;
}
.ruta-mapa-selector {
    padding-bottom: 30px;
    border-bottom: 2px solid #fff;
    background: #000;

}
.selector-ruta-mapa{
    margin-top: 30px;
}
.selector-ruta-mapa select{
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
    padding-left: 5px;
    margin-left: 5px;
    font-size: 1.2em;
    text-align: center;
    padding-right: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(img/arrow-down-filter.jpg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    color: #ffffff;
}
.buto-mapa {
    margin-top: 30px;
}
/*-- Destaquem --*/
.serveis-destacats {
    margin-top: 80px;
    margin-bottom: 80px;
}
.serveis-destacats h2 {
    color: #3c3924;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #b4ba06;
}
.serveis-destacats  h2::before {
    position: absolute;
    width: 1000px;
    background-color: #b4ba06;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
.titol-destacat {
    font-size: 3.4em;
    font-family: Helvetica_condensedBold;
}
.titol-destacat + .sub-titol-destacat {
    margin-bottom: 15px;
}
.sub-titol-destacat {
    font-size: 2em;
    font-family: Helvetica_condensedBold;
}
.title_servei {
    font-size: 1.9em;
    font-family: Helvetica_condensedBold;
}
.detall-destacat .allotjament-content a, .detall-destacat .agencies-content a{
    color: #000;
}
.detall-destacat .allotjament-content a:hover,  .detall-destacat .allotjament-content a:focus,
.detall-destacat .agencies-content a:hover,  .detall-destacat .agencies-content a:focus{
    color: #000;
    text-decoration: underline;
}
.detall-destacat .gastronomia-content a, .detall-destacat .lloguers-content a, .detall-destacat .altres_serveis-content a{
    color: #fff;
}
.detall-destacat .gastronomia-content a:hover,  .detall-destacat .gastronomia-content a:focus,
.detall-destacat .lloguers-content a:hover,  .detall-destacat .lloguers-content a:focus,
.detall-destacat .altres_serveis-content a:hover,  .detall-destacat .altres_serveis-content a:focus{
    color: #fff;
    text-decoration: underline;
}
.destacat-content{
    box-shadow: 0 10px 10px -6px #00000080;
}
/*------- Vies verdes ------*/
.banner-seccions-pirinexus {
    background-image: url(img/Baner_pirinexus_horitzontal_degradat.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    background-color: #2a4d98;
}
.banner-seccions-pirinexus img {
    width: 60%;
}
.banner-seccions-pirinexus h2 {
    font-size: 3.5em;
    text-transform: uppercase;
    font-family: Helvetica_condensedBold;
    line-height: 0.9;
}
.banner-seccions-pirinexus .resum-dades {
    color: #ffffff;
    font-size: 2em;
    font-family: Helvetica_condensedBold;
}
.banner-seccions-pirinexus-interior {
    padding: 50px 0;
}
.page-vies_verdes .sitemap .menu-menu-interior-container li {
    font-size: 1.6em;
}
.page-vies_verdes .sitemap .menu-menu-interior-container .sub-menu li{
    font-size: 0.9em;
}

/* --- Pirinexus ----*/
.banner-seccions-vies {
    background-image: url(img/Baner_viesverdes_horitzontal_degradat.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    background-color: #b4ba06;
}
.banner-seccions-vies img {
    width: 70%;
}
.banner-seccions-vies h2 {
    font-size: 3.5em;
    text-transform: uppercase;
    font-family: Helvetica_condensedBold;
    line-height: 0.9;
    color: #131214;
}
.banner-seccions-vies .resum-dades {
    color: #131214;
    font-size: 2em;
    font-family: Helvetica_condensedBold;
}
.banner-seccions-vies-interior {
    padding: 50px 0;
}
.page-pirinexus .sitemap .menu-menu-interior-container li {
    font-size: 1.6em;
}
.page-pirinexus .sitemap .menu-menu-interior-container .sub-menu li{
    font-size: 0.9em;
}
.page-pirinexus .rutes_pirinexus {
    box-shadow: none;
}
.page-secrets .rutes_secrets {
    box-shadow: none;
}

/* ---- MAPS ---- */
#map {
    min-height: 800px;
    margin-left: 34%;
}
.icon-double-arrow-left {
    background-image: url(img/double_arrow_left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border: none;
}
.icon-double-arrow-right {
    background-image: url(img/double_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    border: none;
}
.menu-lateral-serveis {
    background: #ffffff;
    min-height: 800px;
    width: 34%;
    position: absolute;
}
.serveis_selector_collapsed{
    left: -34%;
}
.checkbox-serveis {
    padding-left: 15px;
    padding-right: 15px;
}

#serveis_collapse {
    position: absolute;
    right: -60px;
    top: 67px;
    background-color: #fff;
    padding: 30px;
    z-index: 2;


}
#serveis_collapse.uncollapsed{
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 8px;
}
.titol-selector h2 {
    margin-top: 20px;
    font-size: 2em;
    color: #616161;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-top: 3px;
    font-family: OpenSans-Light;
}
.titol-selector h1 {
    margin-top: 20px;
    font-size: 2em;
    color: #616161;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-top: 3px;
    font-family: OpenSans-Light;
}
hr {
    color: #616161;
    margin-top: 0;
    margin-bottom: 20px;
}
.checkbox-serveis label {
    color: #616161;
    font-family: OpenSans-Light;
    font-size: 1.1em;
}
.check-oficines label {
    background-image: url(img/Icones_oficines.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}
.check-interes label {
    background-image: url(img/Icones_interes.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}
.check-allotjament label {
    background-image: url(img/Icones_allotjament.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 4px center;
    padding-left: 35px;
    margin-left: 5px;
}
.check-gastronomia label {
    background-image: url(img/Icones_gastronomia.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
} 
.check-agencies label {
    background-image: url(img/Icones_agencies.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 4px center;
    padding-left: 35px;
    margin-left: 5px;
}
.check-lloguers label {
    background-image: url(img/Icones_lloguers.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
}
.check-altres-serveis label {
    background-image: url(img/Icones_altres_serveis.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 4px center;
    padding-left: 35px;
    margin-left: 5px;
}

/* ---- Dintre d'un servei ---- */
.info-direccio{
    background-image: url(img/icona_servei_localitzador.jpg);
    background-repeat: no-repeat;
    background-position: 15px top;
    padding-left: 60px;
    font-size: 1.4em;
}
.info-telefon {
    background-image: url(img/icona_servei_telefon.jpg);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 60px;
    font-size: 1.4em;
    font-weight: bold;
}
.info-email{
    background-image: url(img/icona_servei_mail.jpg);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 60px;
    font-size: 1.4em;
    font-weight: bold;
} 
.info-web {
    background-image: url(img/icona_servei_web.jpg);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 60px;
    font-size: 1.4em;
    font-weight: bold;
}
.info-serveis-adaptats {
    background-image: url(img/icona-accessible.png);
    background-repeat: no-repeat;
    background-position: 15px top;
    padding-left: 60px;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 10px;
}
.info-serveis-adaptats ul {
    list-style: none;
    padding-left: 0;
}
.info-serveis-opcionals {
    background-image: url(img/icona-serveis.png);
    background-repeat: no-repeat;
    background-position: 15px top;
    padding-left: 60px;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 10px;
}
.info-serveis-opcionals ul {
    list-style: none;
    padding-left: 0;
}
.info-email a, .info-web a {
    color: #fff;
}
.info-localitat {
   font-weight: bold;

}
.info-imatges-enllacos {
    margin-top: 90px;
}
.info-imatge-interior img {
    width: 100%;
    border-radius: 40px;
}
.info-imatges-enllacos .info-links {
    margin-top: 50px;
}
.tipus-servei-allotjament {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #DFAA3A;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.tipus-servei-allotjament p, .tipus-servei-gastronomia p, .tipus-servei-lloguers p, .tipus-servei-oficines p, .tipus-servei-visitar p,
.tipus-servei-altres_serveis p, .tipus-servei-agencies  p {
    margin-bottom: 0;
    line-height: 1em;
}
.tipus-servei-gastronomia{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #E3787B;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.tipus-servei-lloguers {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #DA72D6;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.tipus-servei-oficines {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #059BFF;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.tipus-servei-visitar {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #56b14c;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.tipus-servei-altres_serveis {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #96969C;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.tipus-servei-agencies {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    color: #4ca6d6;
    font-family: Helvetica_condensedBold;
    margin-top: 50px;
}
.info-servei .titolRuta {
    font-weight: bold;
    margin-bottom: 0;
}
.info-servei .resum{
    margin-bottom: 40px;
}
.info-servei .info-icones{
    margin-bottom: 70px;
}
#map-interior {
    min-height: 800px;
    width: 100%;
}
.info-servei .info-recorregut p{
    margin-bottom: 0;
    line-height: 1.1em;
}
.check-all label {
    background-position: 4px center;
    padding-left: 5px;
    margin-left: 5px;
}
/* ------ RUTES pirinexus -----*/
.rutes_pirinexus {
    padding-bottom:100px;
    background: #000000;
    color: #ffffff;

}
.rutes_secrets {
    padding-bottom:100px;
    background: #000000;
    color: #ffffff;
    padding-top: 50px;
    position: relative;
    min-height: 700px;
}
.rutes_pirinexus .all-rutes{
    /*background-image: url(img/logo-icona-piri.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}
.rutes_secrets .all-rutes{
    background-repeat: no-repeat;
    background-position: bottom right;
}
.rutes_pirinexus {
    padding-top: 50px;
}
.logo-piri-blanc{
    margin-bottom: 50px;
}
.rutes-vinculades .interior-ruta {
    border-top: 2px solid #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}
.rutes-vinculades {
    background: #ffffff ;
    padding-bottom: 75px;
}

.rutes_secrets .px:nth-child(4n+1) .item-ruta{
    background: #67bd64;
}
.rutes_secrets .px:nth-child(4n+2) .item-ruta{
    background: #234921;
}
.rutes_secrets .px:nth-child(4n+3) .item-ruta{
    background: #81ae81;
}
.rutes_secrets .px:nth-child(4n+4) .item-ruta{
    background: #919591;
}


/** ACTUALITAT **/
.actualitat {
    background: #26211F;
    padding-top: 40px;
    padding-bottom: 50px;
    color: #ffffff;
    -webkit-box-shadow: 0px 6px 81px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 81px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -15px 81px 0px rgba(0,0,0,0.75);
}
.actualitat h2{
    margin-top: 10px;
    font-size: 2.2em;
    margin-bottom: 10px;
    padding-left: 10px;
}
.actualitat a{
     color: #ffffff;
}
.actualitat a:hover, .actualitat a:focus{
     text-decoration: none;
}
.act-img img {
    width: 100%;
}
.act-img {
    height: 12em;
    overflow: hidden;
}
.data-act {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-style: italic;
    color: #CCC;
}
.titol-act {
    font-size: 1.5em;
}
.enllac-act{
    margin-top: 60px;
}
.enllac-act a{
    border: 2px solid #ffffff;
    padding: 5px 20px;
    font-size: 1.5em;
    font-family: OpenSans-Semibold;
    border-radius: 20px;
}
.enllac-act a:hover, .enllac-act a:focus{
    color: #26211F;
    background: #ffffff;
}
.actualitat .pastilla{
    background: linear-gradient(to right, #3b3735 50%, #26211F 50%);
    margin-bottom: 40px;
}
.act-right{
    background-color: #26211F;
    height: 50px; 
    background-image: url(img/pastilla_actualitat.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}
.act-left{
    height: 50px;
    background-color: #3b3735;
}
.inside-actualitat .container.actualitat-consorci {
    padding-top: 70px;
}
.item-noticies{
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
}
.item-noticies:hover, .item-noticies:focus {
    -webkit-box-shadow: 0px 0px 15px -2px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0px 0px 15px -2px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 15px -2px rgba(255, 255, 255, 0.7);
    text-decoration: none;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
/** DINS ACTUALITAT **/
.inside-actualitat{
    background: #cbcbcb;
    color:#000000;
    padding-bottom: 100px;
}
.inside-actualitat h1, .detall-actualitat h1 {
    text-transform: uppercase;
    color: #000;
    font-family: Helvetica_CondensedBold;
    font-size: 3em;
    line-height: 0.9;
    margin-bottom: 5px;
}
.inside-actualitat .big, .detall-actualitat .big  {
    font-size: 1.4em;

}
.inside-actualitat .sub-title, .detall-actualitat .sub-title {
    text-transform: uppercase;
    font-family: Helvetica_CondensedBold;
    font-size: 1.7em;

}
.inside-actualitat .container, .detall-actualitat .container {
    padding-top: 70px;
}
.last-new, .four-new {
    margin-bottom: 30px;
}
.last-new-content, .four-new-content, .detall-act-content{
    background-color: #ffffff;
    padding: 25px 25px 30px 25px;
}
.titol-new{
    font-family: Helvetica_CondensedBold;
    margin-top: 0;
    margin-bottom: 0;
    color: #000;
}
.titol-new  a{
    color: #000000;
}
.titol-new a:hover, .last-new-content a:focus{
    color: #000000;
}
.data-new {
    color: #4c4c4c;
    font-style: italic;
}
.resum-new {
    font-size: 1.3em;
    overflow: hidden;
}
.resum-new a{
    color: #3F5506;/*#85B40E;*/
    text-decoration: underline;
}
.resum-new a:hover,.resum-new a:focus{
    color: #000000;
}
.dropdown-share img {
    width: 35px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
}
.dropdown-share button{
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 1.7em;
}
.dropdown-share button:hover, .dropdown-share button:focus{
    color: #3F5506;
}
.dropdown-menu {
    min-width: auto;
    border-radius: 0;
    margin: 0px 0 0 0;
}
.pre-image-new {
    position: relative;
    overflow: hidden;
    height: 300px;
}
.pre-image-new img {
    left: 50%;
    position: absolute;
    transform: translate(-50%,0%);
    max-width: none;
    max-height: 150%;
    min-width: 100%;
}
.pre-image-new-destacada {
    position: relative;
    overflow: hidden;
    max-height: 550px;
}
.pre-image-new-destacada img {
    width: 100%;
}
.pre-image-more-new {
    position: relative;
    overflow: hidden;
    height: 12em;
}
.subtitol-new {
    font-weight: bold;
    font-size: 1.4em;
}
.pre-image-more-new img {
    width: 100%
}
.more-new-content .titol-new{
    font-size: 1.46em;
    font-family: Open Sans;
}
.more-new-content .data-new {
    color: #000000;
    margin-top: 15px;
}
.elm-button {
    background-color: #cbcbcb;
    color:#000000;
    box-shadow: none;
    border: 2px solid #000000;
    border-radius: 20px;
    padding: 5px 35px;
    font-size: 1.5em;
    text-transform: uppercase;
}
.elm-button:hover{
    background-color: #000000 !important;
    color:#cbcbcb;
}
.elm-button:focus{
    background-color: #cbcbcb !important;
}
.elm-loading-icon {
    fill: #ffffff  !important;
    stroke: #000000  !important;
    margin-bottom: -7px;
}
.button-more{
    margin-top: 50px;
}
.interior .serveis-turistics,.interior .actualitat{
    box-shadow: none;
}
/* --- Search noticies --- */
.search-actualitat{
    background: #cbcbcb;
    color:#000000;
    padding-bottom: 100px;
}
.search-actualitat .container {
    padding-top: 100px;
}
.search-actualitat h1{
    text-transform: uppercase;
    color: #000;
    font-family: Helvetica_CondensedBold;
    font-size: 3em;
    line-height: 0.9;
    margin-bottom: 5px;
}
.search-actualitat .more-posts {
    margin-top: 60px;
}
.more-posts-content {
    margin-bottom: 80px;
    min-height: 280px;
}
#searchform2 {
    background: #fff;
    border-radius: 20px;
}
.filter-actualitat form {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    border-radius: 20px;
}
.filter-actualitat {
    margin-top: 50px;
}
.filter-actualitat.filter-consorci{
    margin-top:30px;
}
#text_cerca {
    border-top-left-radius: 20px;
    border: 1px solid #fff;
    padding-left: 15px;
    border-right: 1px solid #000;
    border-bottom-left-radius: 20px;
}
.btn-search-actualitat {
    border: 1px solid transparent;
    background: transparent;
}
.btn-search-actualitat:hover, .btn-search-actualitat:focus {
    background: #000;
    color: #fff;
}
/*----Detall Avisos----*/
.detall-actualitat{
    background: #cbcbcb;
    color:#000000;
    padding-bottom: 100px;
}
.imatge-principal img{
    width: 100%;
}
.print {
    display: inline-block;
    font-family: Helvetica_CondensedBold;
    font-size: 1.7em;
}
.dropdown-share {
    display: inline-block;
}
.dropdown-share button span {
    margin-left: 5px;
    font-family: Helvetica_CondensedBold;
}
.social-share {
    margin-top: 15px;
}

/*-----AVISOS-----*/

.avisos {
    background: #FCEE21;
    padding-top: 7px;
    padding-bottom: 3px;
}
.avisos a{
	color:#000000;
}
.avisos .bx-viewport {
    margin-top: 4px;
    width: 90% !important;
}
.avisos .bx-wrapper {
    position: initial;
}
.avisos .bx-wrapper .bx-prev {
    right: 40px;
    left: initial;
    background-image: url(img/Icona_esquerra_slideadvertencia.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: border-color 0.25s ease-out 0.25s;
}
.avisos .bx-wrapper .bx-next {
    background-image: url(img/Icona_dreta_slideadvertencia.png);
    background-repeat: no-repeat;
    background-position: center;
    transition: border-color 0.25s ease-out 0.25s;
}
.avisos .bx-wrapper .bx-next:hover, .avisos .bx-wrapper .bx-next:focus,.avisos .bx-wrapper .bx-prev:hover, .avisos .bx-wrapper .bx-prev:focus {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition: border-color 0.25s ease-out 0.25s;
}
.icon-avisos {
    float: left;
    padding-left: 15px;
}
.fa-exclamation-triangle {
    color: #000000;
    font-size: 1.7em;
    margin-top: -4px;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
    margin-left: -8px;
    margin-top: 12px;
    font-family: sans-serif;
}
#header-interior .avisos {
    background: transparent;
    float: left;
    width: 65%;
    padding-top: 12px;
    margin-left: 15px;
}
#header-interior .navbar-header {
     margin-right: 0;
}
.navbar-toggle {
    margin-right: 5px;
    margin-left: 5px;
}
.barra-vertical{
    margin: 5px 0;
    border-right: 1px solid #575756;
    height: 40px;
    width: 1px;
    float: left;
}
#header-interior .badge {
    color: #000;
    background-color: #FCEE21;
}
#header-interior .bx-viewport {
    margin-top: 5px;
}
#header-interior .cercador_llenguatges {
    margin-top: 5px;
    float: right;
    border-left: 1px solid #575756;
    padding-left: 4px;
}
.content-avisos {
    float: left;
    width: 95%;
    margin-left: 10px;
    position: relative;
}
.logo h1 {
    margin-bottom: 0;
    line-height: 0;
}
.logo {
    margin-bottom: 10px;
    margin-top: 10px;
}

/*-----Dintre d'una ruta -----*/
.info-recorregut {
    font-family: Helvetica_condensedBold;
    font-weight: bold;
    font-size: 1.67em;
    text-transform: uppercase;
}
.resum {
    font-size: 1.67em;
    line-height: 1.2;
    font-family: OpenSans-Light;
}
.resum a {
    color: #fff;
}
.info-ruta, .info-servei{
    background: #000000;
    color: #ffffff;
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}
.icona-ruta {
    margin-top: 30px;
}
.img-responsive.piri {
    width: 50px;
}
.info-km p{
    background-image: url(img/icona-distancia.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 39px;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 0;
}
.info-accessible p{
    background-image: url(img/icona-accessible.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 39px;
    padding-top: 9px;
    padding-bottom: 6px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-desnivell p{
    background-image: url(img/icona-desnivell.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 39px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-dificultat p{
    background-image: url(img/icona-dificultat.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 39px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-paviment p{
    background-image: url(img/icona-paviment.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-max p{
    background-image: url(img/icona-al-max.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 39px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-min p{
    background-image: url(img/icona-al-min.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 39px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-serveis p{
    background-image: url(img/icona-serveis.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-secret p{
    background-image: url(img/Icones_Secrets_Categoria.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-peu p{
    background-image: url(img/Icones_Secrets_Peu.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
.info-bicicleta p{
    background-image: url(img/Icones_Secrets_Bicicleta.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 39px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bold;
     margin-bottom: 0;
}
/*.info-imatge-destacada img {
    width: 100%;
}
.info-imatge-destacada {
    position: absolute;
    width: 40%;
    right: 0;
    top: 0;
}*/
/*.info-imatge-destacada:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 10px -10px 70px -6px rgba(0,0,0,1);
    -moz-box-shadow: inset 10px -10px 70px -6px rgba(0,0,0,1);
    box-shadow: inset 25px -25px 70px 27px rgba(0,0,0,1);
}*/
.info-secrets .btn-default {
    font-size: 1.5em;
    font-family: OpenSans-Light;
    background: #b4ba06;
    border-color: #b4ba06;
    color: #000000;
}
.info-secrets .btn-default:hover, .info-secrets .btn-default:focus{
    background: #000000;
    color: #b4ba06;
    border-color: #b4ba06;
}
.info-secrets {
    margin-bottom: 15px;
}
.info-links a {
    color: #ffffff;
    font-size: 1.67em;
    font-family: Helvetica_condensed;
    margin-right: 8px;
}
.down-ruta{
    background-image: url(img/icona-baixa.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}
.info-google-maps{
    background-image: url(img/icona-maps.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 17px;
}
.wikiloc{
    background-image: url(img/icona-wikiloc.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
}
.gallery-imatges {
    background: #000000;
    padding-top: 80px;
    padding-bottom: 60px;
}

#page-carrusel .owl-carousel .owl-item .owl-lazy {
    min-height: inherit;
}
#page-carrusel .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(img/arrow-left-black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.65);
    margin: 0;
    width: 60px;
}
#page-carrusel .owl-theme .owl-nav .owl-prev:hover,.owl-theme .owl-nav .owl-prev:focus {
    background-color: #ffffff;
    background-image: url(img/arrow-left-black.png);
    background-position: center;
    background-repeat: no-repeat;
}
#page-carrusel .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(img/arrow-right-black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.65);
    margin: 0;
    width: 60px;
}
#page-carrusel .owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-next:focus {
    background-color: #ffffff;
    background-image: url(img/arrow-right-black.png);
    background-position: center;
    background-repeat: no-repeat;
}
#page-carrusel .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #4D4D4D;
}
.owl-carousel .owl-item img {
/*    display: block;
    width: 100%;
    min-height: 260px;*/
}
.owl-item .item-slider-images, .owl-item .item-video {
    max-height: 260px;
    min-height: 260px;
    width: 100%;
}
.owl-item .item-slider-images .buto-slider, .owl-item .item-video .buto-slider {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: transparent;
    border: none;
    padding: 0;
    width: 100%;
    min-height: 260px;
}
#modal-carrusel .owl-theme .owl-nav .owl-prev, #modal-carrusel .owl-theme .owl-nav .owl-next {
    background: transparent;
    border: none;
    padding: 0 ;
}
#modal-carrusel .owl-theme .owl-nav .owl-prev button, #modal-carrusel .owl-theme .owl-nav .owl-next button{
    background: transparent;
    border: 1px solid #ffffff;
    padding: 0px 10px;
}
#modal-carrusel .owl-theme .owl-nav .owl-prev button:hover , #modal-carrusel .owl-theme .owl-nav .owl-next button:hover , 
#modal-carrusel .owl-theme .owl-nav .owl-prev button:focus , #modal-carrusel .owl-theme .owl-nav .owl-next button:focus {
    background: #ffffff;
    color: #000000
}
.owl-carousel .item-video .owl-video-play-icon{
    pointer-events: none;
}
.owl-carousel .item-video .owl-video-wrapper .owl-video-play-icon{
    pointer-events: visible;
}

/* Modal gallery images */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}
.item-slider-images-modal img {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}
 #modal-carrusel .owl-video-tn {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    min-height: 500px;
}
/* Add Animation */
.modal-content {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 1000px){
    .rutes_secrets .all-rutes .item, .item-vinculat {
        flex-basis: 100%;
    }
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
	
	.posicio-selectorAC {
		width: 100%;
		background: white;
		position: static;
		left: auto;
		top: auto;
		z-index: auto;
	}
		
	.selector-rutesAC {
		width: 100%;
	}
	
	.selector-rutesAC button {
		width: 70%;
	}
	
	.titol-selectorAC {
		text-align: center;
		font-size: 28px;
	}
	
	.titol-selectorAC br { 
		display: none;   
	}
	
	.llista-rutesAC {
		text-align: center;
	}
	
	
}


/*-----SERVEIS TURÍSTICS-----*/
.serveis-turistics {
    background: #0080c4;
    -webkit-box-shadow: 0px -13px 30px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px -13px 30px 0px rgba(0,0,0,1);
    box-shadow: 0px -13px 30px 0px rgba(0,0,0,1);
    padding-top: 40px;
}
#content .serveis-turistics {
    box-shadow: none;
}
.serveis-turistics h2 {
    margin-top: 10px;
    font-size: 2.2em;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #0080c4;
}
.llistat-categories {
    list-style: none;
    padding-left: 0;
}
.llistat-categories li {
    float: left;
    padding-left: 10px;
    width: 20%;
    margin-bottom: 130px;
}
.llistat-categories li:first-child{
    padding-left: 0;
}
.llistat-categories li a {
    color: #ffffff;
    padding-bottom: 5px;
    text-align: center;
    display: block;
    font-size: 1.67em;
}
.llistat-categories li a:hover,  .llistat-categories li a:focus{
    color: #ffffff;
    text-decoration: none;
}
.llistat-categories img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.serveis-turistics .pastilla{
    background: linear-gradient(to right, #e6f3f9 50%, #0080c4 50%);
    margin-bottom: 40px;
}
.serv-right{
    background-color: #0080c4;
    height: 50px; 
    background-image: url(img/pastilla_serveis.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;

}
.serv-left{
    height: 50px;
    background-color: #e6f3f9;
}
.allotjaments {

}
.gastronomia {
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}
.viatges {
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.lloguers{
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
.altres-serveis{
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

.llistat-categories li a:hover img, .llistat-categories li a:focus img{
    text-decoration: none;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.llistat-categories li a img{
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
}

/* --- Page - Serveis Turístics --- */
.page-serveis .desplegable-allotjament{
    border-top: none;
    -webkit-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
    box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
}


/* -- Page allotjametns ---*/

.titol-pagina-allotjaments {
    color: #000000;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #DFAA3A;
    margin-top: 40px;
}
.titol-pagina-allotjaments::before {
    position: absolute;
    width: 1000px;
    background-color: #DFAA3A;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
#page-allotjament {
    background-color: #FCF6EB;
    -webkit-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
-moz-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
}
h2.titol-allotjament {
    margin-top: 0;
}
/* -- Page gastronomia ---*/

.titol-pagina-gastronomia {
    color: #fff;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #C0272D;
    margin-top: 40px;
}
.titol-pagina-gastronomia::before {
    position: absolute;
    width: 1000px;
    background-color: #C0272D;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
#page-gastronomia {
    background-color: #F9E9E9;
    -webkit-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
-moz-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
}

h2.titol-gastronomia {
    margin-top: 0;
}
/* -- Page agencies ---*/

.titol-pagina-agencies {
    color: #000;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #4CA6D6;
    margin-top: 40px;
}
.titol-pagina-agencies::before {
    position: absolute;
    width: 1000px;
    background-color: #4CA6D6;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
#page-agencies {
    background-color: #DBEDF7;
    -webkit-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
-moz-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
}
h2.titol-agencies {
    margin-top: 0;
}
/* -- Page lloguers ---*/

.titol-pagina-lloguers {
    color: #fff;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #92278E;
    margin-top: 40px;
}
.titol-pagina-lloguers::before {
    position: absolute;
    width: 1000px;
    background-color: #92278E;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
#page-lloguers {
    background-color: #F4E9F3;
    -webkit-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
-moz-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
}
h2.titol-lloguers {
    margin-top: 0;
}
/* -- Page altres serveis ---*/

.titol-pagina-altres-serveis {
    color: #fff;
    padding-bottom: 10px;
    font-size: 2.17em;
    position: relative;
    padding-top: 10px;
    margin-bottom: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #5F5E63;
    margin-top: 40px;
}
.titol-pagina-altres-serveis::before {
    position: absolute;
    width: 1000px;
    background-color: #5F5E63;
    margin-left: -1000px;
    content: " ";
    padding-top: 20px;
    padding-bottom: 0;
    top: 0;
}
#page-altres-serveis {
    background-color: #EFEEEF;
    -webkit-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
-moz-box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
box-shadow: inset 0 10px 17px -10px rgba(0,0,0,1);
}
h2.titol-altres-serveis {
    margin-top: 0;
}


/* ---- Rutes imatge mapa ----*/
.imatge-rutes {
    background: #f8f9eb;
    overflow: hidden;
    position: relative;
}
.imatge-rutes .background-see {
    display: block;
    position: absolute;
    right: 0px;
    width: 50%;
    height: 100%;
    background-color: #7CD8F3;
}
#Map area, #Map-mobile area{
    cursor: pointer;
}
.imatge-rutes .container {
    position: relative;

	padding: 0px !important;

}

.panells {
    position: absolute;
    z-index: 9999;
    background: #000;
    bottom: 50px;
    left: 0;
    border-radius: 20px;
}
.panells img {
    padding: 15px;
    
}
.content-panells {
    padding: 15px;
    border-top: 3px solid #fff;
}
.content-panells h2 {
    margin-top: 0;
    font-size: 3em;
}
.content-panells .recorregut {
    color: #fff;
    font-family: OpenSans-Semibold;
    font-size: 1.3em;
}
.content-panells .distancia {
    color: #fff;
    font-size: 1.3em;
    font-family: OpenSans-Light;
}
.content-panells .btn.btn-default-opposite {
    margin-top: 10px;
}
.panells {
    max-width: 300px;
}
.btn-close {
    color: #fff;
    background: transparent;
}
.btn-close:hover, .btn-close:focus{
    color: #9b9b9b;
}
/*--- CONSORCI ---*/
.consorci{
    background: #e8e8e8;
    color: #000000;
    padding-bottom: 100px;
    background-image: url(img/Logos_fons_CONSORCI.png);
    background-repeat: no-repeat;
    background-position: left 100px;
}
.consorci .container-fluid, .consorci .container{
    padding-top: 100px;
}
.consorci h2 {
    color: #000;
}
.apartat-seu h1, .apartat-seu.origens h2 {
    font-size: 2em;
    font-weight: bold;
    border-bottom: 1px solid #000;
    color: #000;
}
.interior-consorci h1 {
    font-size: 4.3em;
    font-family: Helvetica_condensedBold;
}
.interior-consorci p {
    font-size: 1.2em;
}
.sub-apartat-seu a {
    background: #fff;
    border-radius: 10px;
    min-height: 200px;
    max-height: 200px;
    display: block;
    padding: 15px;
    position: relative;
}
.sub-apartat-seu a img {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%,0);
    padding-left: 15px;
    padding-right: 15px;
}
.apartat-seu{
    margin-bottom: 60px;
}
.sub-apartat-seu {
    padding-bottom: 15px;
}
.llista-consorci {
    font-size: 1.2em;
    list-style: none;
    padding-left: 0;
    margin-top: 50px;
}
.banner-rutes-consorci .btn.btn-vies {
    margin-top: 0;
}
.banner-rutes-consorci .btn.btn-pirinexus{
    margin-top: 0;
}
.header-secret{
    width: 100%;
}
.header-pos{
    margin-top: 100px;
}
.logo-secrets-banner{
    margin-left: 35px;
}
.header-secret .title-secret{
    text-align: left;
}
.header-secret .title-secret h3{
    color:black;
    font-weight: bold;
}
.header-secret .title-secret h2{
    font-size: 64px;
    color:black;
    font-weight: 700;
}
@media (min-width : 1001px) and (max-width : 1401px) {
    .header-secret .title-secret h2{
        font-size: 48px;
    }
}
@media only screen and (max-width : 1000px) {
    .header-secret{
        width: 100%;
    }
    .logo-secrets-banner{
        visibility: hidden;
    }
    .header-secret .title-secret h2{
        font-size: 37px;
    }
}
@media only screen and (max-width : 768px) {
    .header-secret .title-secret h2{
        text-align: center;
        color: white;
    }
    .header-secret .title-secret h3{
        text-align: center;
        color: white;
    }
    .header-secret .title-secret{
        padding-top: 50px;
    }
    .ban-secrets{
        height: 400px;
    }
    .btn-secrets{
        position: initial;
        margin: auto;
    }
}

.imatge-presi hr {
    color: #000;
    border-top: 1px solid #000;
}
.imatge-presi img {
    width: 150px;
}
.interior-consorci .titol1-consorci {
    font-size: 1.8em;
    margin-bottom: 0;
}
.titol2-consorci {
    font-size: 4.3em;
    font-family: Helvetica_condensedBold;
    line-height: 1em;
}
.titol3-consorci {
    font-family: Helvetica_condensedBold;
    line-height: 1em;
    font-size: 2.5em;
}
.sub-titol-consorci {
    font-size: 1.3em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.titol-socis {
    font-size: 2em;
    font-weight: bold;
    border-bottom: 1px solid #000;
    color: #000000;
}
.origens h2 {
    margin-left: 0;
}
.content-origens {
    font-size: 1.2em;
}
.table-consorci{
    font-size: 1.2em;
}
.table.table-consorci td, .table.table-consorci th{
    border: none;
}
.btn-accord {
    display: block;
    background-color: transparent;
    padding: 10px 15px;
    outline: none;
    cursor: pointer;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 1.2em;
    border: 1px solid #000;
    background-image: url(img/accord.png);
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
    text-align: left;
}
.content-origens .llista-consorci {
    font-size: 1em;
    margin-top: 0;
}
.text-explicatiu {
    color: #000;
    font-size: 1.2em;
}
.text-explicatiu h2 {
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
}
.subtitol-transparencia h2{
    font-size: 2em;
    font-weight: bold;
    border-bottom: 1px solid #000;
    color: #000;
}
.transparencia h3 {
    font-size: 1.6em;
    font-weight: bold;
}
.download {
    background-image: url(img/icon_download.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    background-size: contain;
    color: #000;
    font-size: 0.9em;
}
.transparencia {
    margin-bottom: 50px;
}

/* ---Galeria--- */
.galeria{
    background: #e8e8e8;
    color: #000000;
    padding-bottom: 100px;
}
.galeria .container{
    padding-top: 100px;
}
body .nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: #666;
    background: rgba(0,0,0,0.9);
}
.gallery {
    margin: auto;
}
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 16.6667%;
    padding-left: 5px;
    padding-right: 5px;
}
.gallery img {
    width: 100%;
}
.gallery .gallery-caption {
    margin-left: 0;
}
.gallery ul {
    list-style: none;
    padding-left: 0;
}
.galeria h1 {
    text-transform: uppercase;
    color: #000;
    font-family: Helvetica_CondensedBold;
    font-size: 3em;
    line-height: 0.9;
    margin-bottom: 5px;
}
.galeria .big {
    font-size: 1.4em;
}
/* galeria audiovisual */
.item-video-galeria{
    margin-bottom: 30px;
}
.item-video-galeria h2 {
    color: #000;
}
.item-video-galeria .descripcio-video {
    color: #000;
}
.video-galeria{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-galeria .iframe-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-----BANNERS --------*/
.banners {
    background-color: #000;
    padding-top: 80px;
    padding-bottom: 80px;
}
.item-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 300px;
    
}
.item-banner a{
    min-height: 300px;
    display: block;
}
.degradat-banner {
    background: linear-gradient(#525252, #000);
    min-height: 35px;
    text-align: center;
    padding-top: 5px;
}
.degradat-banner a {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
}
.banners .col-xs-12.col-sm-4{
    transition: all .2s ease-in-out;
}
.banners .col-xs-12.col-sm-4:hover, .banners .col-xs-12.col-sm-4:focus {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition: all .2s ease-in-out;
}

/*----Banner - fix -----*/
.banner-fix-1 {
    background-image: url(img/Baner-1.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: right;
    background-color: #000000;
    -webkit-box-shadow: inset 0 16px 37px -3px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 16px 37px -3px rgba(0,0,0,1);
    box-shadow: inset 0 16px 37px -3px rgba(0,0,0,1);
}
.ban-secrets {
    background-image: url(img/banner-viesverdes.jpg);
    background-size: cover;
    height: 600px;
    position: relative;
}

.ban-news {
    background-image: url(img/banner-newsletter.jpg);
    background-size: cover;
    height: 600px;
    position: relative;
}
.banner-fix-1 .fix-titol h2 {
    font-family: Helvetica_condensedBold;
    font-size: 4em;
    line-height: 0.9;
}
.banner-fix-1 .fix-sub-titol p {
    font-family: Helvetica_condensedBold;
    font-size: 2.17em;
    line-height: 1;
}
.banner-fix-1 a{
    color: #ffffff;
    display: block;
    margin-top: 20px;
}
.banner-fix-1 .fix-sub-titol {
    margin-bottom: 135px;
}
.banner-fix-2 {
    background-image: url(img/Targetes.png);
    background-color: #b4ba06;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    text-align: left;
/*    -webkit-box-shadow: inset 0 16px 37px -3px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 16px 37px -3px rgba(0,0,0,1);
    box-shadow: inset 0 16px 37px -3px rgba(0,0,0,1);*/
}

.banner-fix-2 .fix-titol h2 {
    font-family: Helvetica_condensedBold;
    font-size: 4em;
    line-height: 0.9;
    margin-bottom: 0;
    color: #131214;
}
.banner-fix-2 .fix-sub-titol{
    font-family: Helvetica_condensedBold;
    font-size: 3em;
    color: #131214;
    line-height: 1;
}
.banner-fix-2 .btn.btn-default {
    padding: 4px 25px;
    font-size: 1.5em;
    font-family: OpenSans-Light;
}
.banner-fix-2 .fix-sub-titol {
    margin-bottom: 35px;
}
.banner-fix-2 .fix-titol {
    margin-top: 85px;
}
.banner-fix-2 .button-ins{
    margin-bottom: 40px;
}
.banner-fix-2 .ofertes-pdf{
    margin-bottom: 30px;

}
.banner-fix-2 .ofertes-pdf a {
    background-image: url(img/Icona_PDF_black.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 48px;
    color: #131214;
    padding-top: 11px;
    padding-bottom: 10px;
    font-size: 1.75em;
    font-family: Helvetica_condensed;
}
.button-ins .btn.btn-default {
    background: #131214;
    color: #ffffff;
    border-color: #131214;
    border-radius: 20px;
    padding: 4px 46px;
    font-size: 1.5em;
}
.button-ins .btn.btn-default:hover, .button-ins .btn.btn-default:focus {
    background: #ffffff;
    color: #131214;
    border-color: #ffffff;
}
/*----- BANER FIX INTERN ------*/
.banners-interiors-fixos .banner-fix-1 {
    background-image: none;
    text-align: center;
}
.banners-interiors-fixos .banner-fix-2 {
    background-image: none;
    text-align: center;
    border-bottom: none;
}
.banners-interiors-fixos {
    font-size: 0.8em;
    background: #000000;
    border-bottom: 3px solid #fff;
}
.banners-interiors-fixos .banner-fix-2 .fix-titol {
    margin-top: 0;
}
/*-----Banner vies verdes -----*/
.banner-seccions{
     background-color: #000000;
}
.bannersec-imatge img {
    width: 100%;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.banner-vies-verdes .bannersec-cont {
    background: #b4ba06 no-repeat;
    color: #1f1a16;
    padding: 25px
}
.banner-vies-verdes,.banner-pirinexus {
    background-color: #000000;
    padding-bottom: 75px;
    padding-top: 75px;
}
.banner-vies-verdes h2 {
    font-size: 3.5em;
    font-family: Helvetica_condensedBold;
    line-height: 0.9;
    color: #1f1a16;
}
.banner-vies-verdes .resum-dades{
    color: #1f1a16;
    font-size: 2em;
    font-family: Helvetica_condensedBold;

}
.banner-vies-verdes .btn.btn-default-opposite {
    margin-top: 50px;
}
.banner-pirinexus .bannersec-cont {
    background: #2a4d98 no-repeat;
    color: #ffffff;
    padding: 25px;
}
.banner-pirinexus h2 {
    font-size: 3.5em;
    font-family: Helvetica_condensedBold;
    line-height: 0.9;
}
.banner-pirinexus .resum-dades{
    color: #ffffff;
    font-size: 2em;
    font-family: Helvetica_condensedBold;

}
.banner-pirinexus .btn.btn-default-opposite {
    margin-top: 50px;
}
.btn.btn-vies{
    background: #1f1a16;
    border-color: #1f1a16;
    color: #B4BA06;
    border-radius: 20px;
    padding: 5px 35px;
    font-size: 1.5em;
    margin-top: 44px;
}
.btn.btn-vies:hover, .btn.btn-vies:focus{
    background: #B4BA06;
    color: #1f1a16;
}
.btn.btn-pirinexus {
    background: #ffffff;
    color: #2A4D98;
    border-color: #ffffff;
    border-radius: 20px;
    padding: 5px 35px;
    font-size: 1.5em;
    margin-top: 71px;
}
.btn.btn-pirinexus:hover, .btn.btn-pirinexus:focus{
    background: #2A4D98;
    color: #ffffff;
}
/*-----TOP-FOOTER ------*/
.top-footer{
    background: #000000;
    padding-top: 65px;
    padding-bottom: 25px;
}
.footer-consorci, .footer-serveis-turistics, .footer-actualitat {
    border-left: 1px solid #ffffff;
}
.top-footer a{
    color:#ffffff;
}
.site-map {
    cursor: pointer;
}
.site-map h2 {
    margin-top: 0;
    font-size: 1.85em;
    font-weight: bold;
}
.site-map ul {
    list-style: none;
    padding-left: 0;
}
.site-map p {
    margin-bottom: 0;
}
.top-footer p, .top-footer li{
    font-size: 1.33em;
}
.newsletter {
    margin-top: 40px;
}
.newsletter img{
    float: left;
    margin-right: 25px;
}
.newsletter #mail {
    background: #000000;
    border: 2px solid #333333;
    width: 100%;
    color: #fff;
}
.newsletter #mail::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
    padding-left: 5px;
}
.newsletter #mail:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
   padding-left: 5px;
}
.newsletter #mail::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
   padding-left: 5px;
}
.newsletter #mail:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
   padding-left: 5px;
}
.newsletter #mail::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
   padding-left: 5px;
}

div.wpcf7 {
    float: left;
}
.top-footer form.wpcf7-form {
    margin-top: -10px;
}
.check span.wpcf7-list-item-label {
    margin-left: 10px;
    color: #ffffff;
    font-size: 1em;
}
.check input[type="checkbox"] {
    margin-left: -10px;
    margin-top: 0;
}
.check .wpcf7-form-control-wrap.checkbox {
    margin-top: 2px;
    margin-bottom: 2px;
}
input.wpcf7-form-control.wpcf7-submit {
    font-size: 0.9em;
    background: #333333;
    border: 1px solid #333333;
    border-radius: 0;
    color: #ffffff;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    white-space: normal;
}
input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-submit:focus {
    font-size: 0.9em;
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0;
    color: #333333;
}
.xarxes-footer {
    font-size: 2.2em;
}
.xarxes-footer .insta:hover, .xarxes-footer .insta:focus {
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    background-clip: text;
    text-fill-color: transparent;
    color: transparent;
}
.xarxes-footer .face:hover, .xarxes-footer .face:focus {
    color: #3C5A9A;
}
.xarxes-footer .twitter:hover, .xarxes-footer .twitter:focus{
    color: #00ACED;
}
.xarxes-footer .youtube:hover, .xarxes-footer .youtube:focus{
    color: #FF0000;
}
.xarxes-footer a:focus, .xarxes-footer a:hover{
    text-decoration: none;
}
/* Sitemap */
.sitemap .menu-menu-interior-container, .sitemap .menu-menu-interior-es-container,
.sitemap .menu-menu-interior-fr-container, .sitemap .menu-menu-interior-en-container  {
    display: block;
    border-radius: 0;
    padding: 0;
    background: #000000;
}
.sitemap .menu li a{
    color: #ffffff;
}
.sitemap .menu-menu-interior-container li, .sitemap .menu-menu-interior-es-container li,
.sitemap .menu-menu-interior-fr-container li, .sitemap .menu-menu-interior-en-container li {
    float: left;
    padding: 0 15px 0 15px;
    font-size: 2.3em;
    font-weight: bold;
    width: 25%;
    border-left: 1px solid #ffffff;
}
.sitemap .menu-menu-interior-container li:first-child, .sitemap .menu-menu-interior-es-container li:first-child,
.sitemap .menu-menu-interior-fr-container li:first-child, .sitemap .menu-menu-interior-en-container li:first-child{
    border-left:none;
}
.sitemap .menu-menu-interior-container .sub-menu li, .sitemap .menu-menu-interior-es-container .sub-menu li,
.sitemap .menu-menu-interior-fr-container .sub-menu li, .sitemap .menu-menu-interior-en-container .sub-menu li {
    float: none;
    display: block;
    font-size: 1.1em;
    padding: 0;
    width: auto;
    border-left:none;
    height: auto !important;
    text-transform: none;
}
.sitemap .menu-item-object-rutes_vies_verdes a {
    font-weight: normal;
    font-size: 1.2em;
}
.sitemap .menu-menu-interior-container .menu, .sitemap .menu-menu-interior-es-container .menu,
.sitemap .menu-menu-interior-en-container .menu, .sitemap .menu-menu-interior-fr-container .menu{
    color: #fff;
    min-height: 20em;
}
.sitemap #menu-menu-interior .sub-menu, .sitemap #menu-menu-interior-es .sub-menu,
#menu-menu-interior-en .sub-menu, #menu-menu-interior-fr .sub-menu
.sitemap .menu-menu-interior-container .sub-menu {
    padding: 0;
}

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

.bottom-footer{
	padding: 25px 0;
}
.logo-vies {
    margin-bottom: 10px;
}
.menu-footer {
	list-style: none;
	padding-left: 0;
	color:	#000000;
	margin-bottom: 0;

}
.menu-footer li:first-child {
	border-left: none;
	padding-left: 0;
}
.menu-footer li {
    display: inline-block;
    border-left: 1px solid #000000;
    padding: 0 5px;
    font-weight: bold;
}
.adressa a {
    color: #000;
}
.patterns {
	margin-top: 40px;
}
.patterns a{
	margin-left: 20px;
}	
.patterns a:first-child {
    margin-left: 0;
}


#shiftnav-toggle-main{
    display: none;
}

 /*==========  Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {
    .banner-seccions-vies {
        background-position: right -400px center;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
    .banner-vies-verdes h2 {
        font-size: 3em;
    }
    .banner-vies-verdes .btn.btn-default-opposite {
        margin-top: 25px;
    }
    .content-avisos {
        width: 90%;
    }
    .banner-seccions-pirinexus {
        background-position: right -350px center;
    }
    .banner-seccions-vies {
        background-position: right -500px center;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
    .banner-vies-verdes .btn.btn-default-opposite {
        margin-top: 15px;
    }
    .banner-vies-verdes h2, .banner-pirinexus h2 {
        font-size: 2.8em;
    }
    .banner-vies-verdes .resum-dades, .banner-pirinexus .resum-dades{
        font-size: 1.5em;
    }
    .newsletter {
        margin-top: 60px;
    }
    .banner-fix-1 .container, .banner-fix-2 .container {
        width: 100%;
    }
    .banner-fix-1 .fix-titol h2,.banner-fix-2 .fix-titol h2 {
        font-size: 3em;
    }
    .banner-fix-1 .fix-sub-titol p {
        font-size: 1.8em;
    }
    .banner-fix-2 .fix-titol{
        margin-top: 30px;
    }
    .banner-fix-2 .fix-sub-titol{
        font-size: 3em;
    }
    .banner-fix-2 .button-ins {
        margin-bottom: 45px;
    }
    .banner-fix-1 .fix-sub-titol {
        margin-bottom: 0;
    }
    /* Items rutes */
    .all-rutes .item, .item-vinculat{
        margin-bottom: 30px;
    }
    .pre-imatge-ruta img {
        left: 0;
        position: relative;
        transform: none;
        max-width: 100%;
        height: auto;
    }
    .apartat-seu h1{
        padding-left: 15px;
    }
    .banner-rutes-consorci .btn.btn-vies, .banner-rutes-consorci .btn.btn-pirinexus {
        margin-top: 15px;
    }
   
	 .xarxes {
      	 position: static;
		float: left;
        text-align: center;
		 padding-top: 10px;
		 margin-left: 20%;
    }
	
    .cercador_llenguatges {
        position: static;
		
        text-align: center;
        padding-bottom: 10px;
    }
    .cercador_llenguatges .text-right
    {
        text-align: center;
    }
    .main-menu {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        margin-left: 0;
    }
    .navbar.navbar-default {
        margin-bottom: 0;
        background: #000;
        border-radius: 0;
    }
    .menu-main-menu-container,  .menu-main-menu-es-container,.menu-main-menu-en-container,.menu-main-menu-fr-container{
        text-align: center;
    }
    .slider .bx-viewport {
        max-height: 450px;
        min-height: 450px;
    }
    .banner-fix-1 a {
        margin-bottom: 20px;
    }
     .item-banner {
        min-height: 200px;
    }
    .item-banner a{
        min-height: 200px;
    }
    .logo-vies-blanc {
        margin-bottom: 0;
    }
    .filter-rutes {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 999;
    }
	.pre-imatge-ruta {
        height: 300px;
    }
	.pre-imatge-ruta img {
		 left: 50%;
    position: absolute;
    transform: translate(-50%,0%);
    max-width: none;
    height: 100%;	
	}
	
	.info-enllacos {
		margin-top: 30px !important;
	}

	.consorci {
        background-image: none;
	}
	
    .banner-seccions-pirinexus, .banner-seccions-vies{
        background-image: none;
    }
    .info-ruta {
        background-image: none !important;
    }
    .info-extesa::before{
        background-image: none;
    }
    .widget-wikiloc iframe {
        height: 262px;
    }
    .titol-pagina-allotjaments, .titol-pagina-gastronomia, .titol-pagina-agencies, .titol-pagina-lloguers, .titol-pagina-altres-serveis{
        margin-bottom: 0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 767px) {
    .main-menu {
        position: relative;
        left: 0;
        margin: 0;
    }
    .banner-vies-verdes {
    border-right: none;
    }
    .banner-vies-verdes {
        padding-bottom: 0;
        padding-top: 75px;
    }
    .banner-pirinexus {
        padding-bottom: 75px;
        padding-top: 35px;
    }
    .all-rutes .col-xs-12.col-sm-3 {
        margin-bottom: 50px;
    }
    .llistat-categories li {
        width: 100%;
        margin-bottom: 50px;
    }
    .llistat-categories {
        margin-top: 30px;
    }
    .banner-fix-1 a {
        margin-bottom: 20px;
        text-align: center;
    }
    .banner-fix-1{
        border-bottom: 4px solid #ffffff;
    }
    .banner-fix-1, .banner-fix-2{
        background-image: none;
    }
    .banner-fix-2 .fix-titol {
        text-align: center;
    }
    .banner-fix-2 .fix-sub-titol {
        text-align: center;
    }
    .banner-fix-2 .button-ins {
        text-align: center;
    }
    .banner-fix-2 .ofertes-pdf {
        text-align: center;
    }
    .newsletter {
        margin-top: 0;
    }
    .xarxes-footer {
        font-size: 2.2em;
        text-align: center;
        margin-top: 30px !important;
    }
    .panells {
        position: relative;
        bottom: 0;
        left: 0;
        border-radius: 0;
        border: 3px solid #fff;
        max-width: 100%;
    }
	.info-extesa:before{
		width: auto;
	}
    .imatge-rutes .background-see {
        background-color: transparent;
    }
    #shiftnav-toggle-main{
        display: block;
    }
    #header {
        margin-top: 45px;
    }
    .cercador {
        display: block;
    }
    .menu-llenguatge {
        border: none;
    }
    .slider .bx-viewport {
        max-height: none;
        min-height: 170px;
    }
    .slider .bx-wrapper .bx-controls-direction a {
        width: 30px;
        height: 30px;
    }
    .slider .bx-wrapper .bx-controls-auto .bx-start, .slider .bx-wrapper .bx-controls-auto .bx-stop {
        background-size: contain;
    }
    .content-avisos {
        width: 80%;
        padding-bottom: 30px;
    }
    .avisos .bx-wrapper .bx-next {
        background-image: url(img/Icona_dreta_slideadvertencia.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: border-color 0.25s ease-out 0.25s;
        top: inherit;
        left: 50%;
        margin-left: -20px;
        bottom: 0;
    }
    .avisos .bx-wrapper .bx-prev {
        left: initial;
        background-image: url(img/Icona_esquerra_slideadvertencia.png);
        background-repeat: no-repeat;
        background-position: center;
        transition: border-color 0.25s ease-out 0.25s;
        left: 50%;
        margin-left: -60px;
        top: inherit;
        bottom: 0;
    }
    .slider .bx-viewport {
        background: #000;
    }
     .item-banner {
        min-height: 250px;
    }
    .item-banner a{
        min-height: 250px;
    }
    .filter-rutes {
        text-align: center;
        padding-left: 5px;
        padding-right: 15px;
    }
    .filter-rutes select {
        width: 100%;
        margin-bottom: 10px;
    }
    .btn-filtre {
        margin-top: 10px;
        margin-bottom: 15px;
        width: 100%;
    }
    .pre-imatge-ruta {
        height: 150px;
    }
    .item-ruta {
        height: auto !important;
        min-height: auto;
    }
    .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
        color: #000;
        background: #ffffff;
        border-top-color: rgba(255,255,255,.4);
        border-bottom-color: rgba(0,0,0,.8);
        text-shadow: none;
        box-shadow: none;
    }
    .banner-seccions-pirinexus,.banner-seccions-vies{
        background-image: none;
    }
    .banner-seccions-pirinexus-interior, .banner-seccions-vies-interior {
        padding: 50px 15px;
    }
    .banner-seccions-pirinexus h2, .banner-seccions-vies h2 {
        font-size: 3em;
    }
    
    .info-links {
        text-align: left;
        margin-top: 15px;
    }
    .see-mapa img, .widget-wikiloc iframe {
        width: 100%;
        height: 200px;
    }
    .desplegable-oficines .container, .desplegable-visitar .container,
    .desplegable-allotjament .container, .desplegable-gastronomia .container,
    .desplegable-agencies .container, .desplegable-lloguers .container,
    .desplegable-altres-serveis .container {
        padding-left: 70px;
        background-size: 15%;
    }
    .btn-collapse {
        background-size: 15%;
        padding-right: 40px;
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 0.8em;
    }
    .allotjament-item, .gastronomia-item, .agencies-item, .lloguers-item, .altres-serveis-item, .oficines-item, .ajuntaments-item, .visitar-item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .patterns {
        text-align: center;
    }
    .patterns a {
        margin-bottom: 15px;
        display: block;
    }
    .owl-carousel .owl-stage::after {
        display: inline-block;
    }
    .see-mapa .logo-google img{
        height: auto;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .widget-wikiloc h2 {
        margin-bottom: 20px;
    }
    .filter-actualitat {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .more-posts-content {
        margin-bottom: 50px;
    }
    .menu-lateral-serveis {
        background: #ffffff;
        min-height: auto;
        width: 100%;
        position: relative;
    }
    #map {
        min-height: 600px;
        margin-left: 0;
    }
    .info-imatges-enllacos {
        margin-top: 0;
        margin-bottom: 100px;
    }
    .interior-consorci h1{
        word-break: break-word;
    }
    body .mob-menu-left-panel .mobmenu-left-bt, .mob-menu-right-panel .mobmenu-right-bt {
        top: 0;
    }
    .menu-main-menu-container, .menu-main-menu-es-container, .menu-main-menu-en-container, .menu-main-menu-fr-container{
        background-color: transparent;
    }
    body .mob-expand-submenu {
        margin-top: -40px;
    }
    .menu-main-menu-container, .menu-main-menu-es-container, .menu-main-menu-en-container, .menu-main-menu-fr-container {
        text-align: initial;
    }
    
}

@media (min-width : 920px) {
    .info-ruta .menu-ruta {
        margin: 20px 20px 20px 0px;
        width: 900px;
    }
}