@charset "utf-8";

body {	
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	color: #3c3c3c;
}

#pagina {
    width: 100%;
}
.amplada-pagina {
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	max-width: 1180px;
}
.amplada-pagina-marges {
	width: calc(100% - 20px);
	margin-left: auto; 
	margin-right: auto;
	max-width: 1160px;
}

/* botó menú mòbil */
#boto-menu-mob {
    display: none;
}

/* Div emergent pel menú amb cerca */
div.on-menu-open {
	position : fixed;
	top : 0; right : 0; bottom : 0; left: 0;
	background-color : #FFF;
	
	z-index : 8;
	height: 0;
	overflow: hidden;
	opacity: 0;
	
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
div.on-menu-open.visible {
	height: auto;
	opacity : 0.9;
}

div.on-menu-open.is-search{
	z-index : 15;
}
div.search-bar div.content > span, div.cerca-suggerida div.content > span, .menu>ul>li.search-like-menu > div.input-cerca-mob div.content > span {
	position: absolute;
	top : 0;
	right : 0;
    font-size: 30px;
    color : #8c9396;
    z-index : 2;
    font-weight: 600;
    height: 100%;
    display: flex;
    align-items: center;
}

.menu>ul>li.search-like-menu > div.input-cerca-mob div.content > span {
 	font-size : 20px;
 	top : 0px;
}


div.search-bar div.content > span > input[type="submit"], div.cerca-suggerida div.content > span > input[type="submit"], 
.menu>ul>li.search-like-menu > div.input-cerca-mob div.content > span > input[type="submit"]{
	background-color : transparent;
	border : none;
	color : #8c9396;
	cursor : pointer;
    transition : color 0.3s ease-out; 
}
div.search-bar div.content > span  > input[type="submit"]:hover, div.cerca-suggerida div.content > span > input[type="submit"]:hover {
	color : #668CBF;	
}
div.search-bar div.content {
	position : relative;
	width : 80%;
	margin : 0 auto;
}
div.cerca-suggerida {
	display : none;
	position : fixed;
	z-index: 19;
	right : 0;
	top	: 25%;
	left : 0;
}
div.cerca-suggerida div.content {
	position: relative;
    width: 50%;
    margin: 0 auto;
}
div.cerca-suggerida div.content > input { 
	width: 100%;
    height: 60px;
    position: relative;
    border-radius: 5px;
    padding-left: 5px;
    font-size: 25px;
    color: #8c9396;
    border: 2px solid #B2B2B2;
    box-sizing: border-box;
    padding-right: 45px;
}
div.cerca-suggerida  > div.popup-content {
	margin-top : 25px;
}
div.cerca-suggerida > div.popup-close {
	cursor : pointer;
	text-align: right;
	color : #646464;
	font-size : 30px;
	font-weight: 200;
}

/* Efecte sticky header */
.sticky-header {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

#capcalera #capcalera-superior.sticked {
	opacity: 0;
	height: 0;
	overflow: hidden;
}
#capcalera #capcalera-menu-contenidor.sticked {
	top: 0;
	background: rgba(255, 255, 255, .8);
}
#capcalera #capcalera-menu-contenidor.sticked .menu>ul>li>a, 
#capcalera #capcalera-menu-contenidor.sticked .menu>ul>li>a.active, 
#capcalera #capcalera-menu-contenidor.sticked .menu>ul>li>span,
#capcalera #capcalera-menu-contenidor.sticked .menu>ul>li>span.active {
	color: #333333;
}


/* ----  Capçalera ---- */
#capcalera-print {
	display: none;
}
#capcalera {
	overflow: visible;
}
#capcalera.alcada-fix {
	min-height : 100px;
}
#capcalera #capcalera-superior {
	position : fixed;
	top : 0; left : 0; right : 0;
	z-index : 10;
	width: 100%;
	height : 40px;
	background: #4174B6; /* Old browsers */
	background: -moz-linear-gradient(left, #4174B6 30%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4174B6 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4174B6 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#capcalera #capcalera-superior #capcalera-superior-int {
	display : flex;
	flex-flow : wrap;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#capcalera #capcalera-superior #capcalera-superior-int #separador-links {
	float: right;
	padding-top: 13px;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-dreta {
	margin-left: 7%;
	float: right;
	padding-top: 7px;
	font-size: 1em;
	text-align: center;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-dreta a {
	color: #8c9396;
	font-size: 1em;
	padding-left: 20px;
	text-decoration: none;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-dreta a:hover {
	color: #be291c;
	text-decoration: none;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-dreta a > img {
	max-height:19px;
	width: auto; 	
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-esquerra {
	float: left;
	padding-top: 7px;
	text-align: center;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-esquerra > ul >li > a {
	color : #FFFFFF;
	margin-right : 40px;
	font-size : 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight : 400;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-esquerra > ul >li > a:hover {
	text-decoration: none;
}
#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-esquerra img {
	color: #8c9396;
	font-size: 1em;
	padding-right: 15px;
	text-decoration: none;
	max-width: 100%;
}
#capcalera #capcalera-superior #capcalera-superior-int #google-capcalera {
	float: right;
	padding-top: 12px;
	padding-right: 25px;
	min-width: 200px;
}
#capcalera #capcalera-superior #capcalera-superior-int .fb-like, 
#capcalera #capcalera-superior #capcalera-superior-int .addthis_button_facebook_like {
	float: right;	
	padding-right: 18px;
	margin-top: 0;
}

div#capcalera-menu-contenidor-int div.logo-top {
	position : absolute;
	margin-top : 10px;
	margin-left: -3px;
}
div#capcalera-menu-contenidor-int div.logo-top > a > img {
	width : 155px;
	height : 40px;
}
div#capcalera-menu-contenidor-int nav.menu-top {
	margin : 0 auto;
}


div#capcalera-sup-centre {
	margin-left : 5%;
	width : 170px;
	overflow: hidden;
	position : relative;
}
div#capcalera-sup-centre #capcalera-sup-centre-int {
	background-color : #707070;
	width : calc(100% - 40px);
	margin: 0 auto;
	height: 100%;
}

div#capcalera-sup-centre #capcalera-sup-centre-int:after {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 40px solid #707070;
    border-right: 20px solid transparent;
    width: 0;
}
div#capcalera-sup-centre #capcalera-sup-centre-int:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    border-top: 40px solid transparent;
    border-right: 20px solid #707070;
    width: 0;
}


/* ---- Contingut ---- */
#contingut {
	text-align: left;
	overflow: hidden;
	width: 100%;	
	padding-top : 0px;	
}
#contingut-interior {
	overflow: hidden;
	margin-left: auto; 
	margin-right: auto;
}


/* Divs de Continguts en funció de si hi ha menu lateral o banners */
#columna-contingut.columna-contingut-portada {
	padding: 0;
	width: 100%;
	margin-bottom: 0;
}
#columna-contingut.columna-contingut-portada .columna-contingut-int {
	overflow: hidden;
	min-height: 500px;
}
#columna-contingut.columna-contingut-no-portada {
	margin: 0;
	padding: 0;
}
#columna-contingut.columna-contingut-no-portada .columna-contingut-int {
	padding: 0 0 2em 0;
	overflow: hidden;
	min-height: 500px;
}

#columna-contingut-int-amb-columna-dreta {
	width: 70%;
	float: left;
}
#columna-contingut-int-amb-columna-dreta div.detall.imatges {
	width: 100%;
}

#columna-contingut.marge-sup {
	padding-top: 100px;
}



/* Barra d'elements a la dreta */
#columna-dreta {
	overflow: hidden;
	padding-bottom: 25px;
	float: right;
	width: 28%;
	margin: 0;
}
/* Columna de la pàgina lateral */
#columna-dreta #columna-pagina-lateral {
	overflow: hidden;
}
#columna-dreta #columna-pagina-lateral .Titols {
	padding: 8px 0px 8px 0px;
	margin: 0;
	overflow: visible;
	width: 180px;
	text-align: center;
	vertical-align: middle; 
	height: 32px;
	display: block;
}
#columna-dreta #columna-pagina-lateral .Titols span {
	color: #293546;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	text-decoration: none;
}


div.amplada-pagina.zona-relacions {
	margin-top : 50px;
}
div.detall-zona-titol-pagina {
	margin : 25px 0 25px 0;
}


/* Columna Banners */
#columna-dreta #columna-banners {
	text-align: right;
	margin-top: 0px;
}
#columna-dreta #columna-banners ul.banners-lateral {
	margin: 0 0 1.8em 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#columna-dreta #columna-banners ul.banners-lateral li {
	display: block;
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
	background: none;
}


/* Fil d'Ariadna */
#fil {
	text-decoration: none;
	text-align: left;
	padding:  10px 0px 10px 0px;
	font-size: 16px;
	margin: 0;
	font-weight: 300;
}
#fil .contingut-fil {
	padding: 0;
}
#fil a {
	/*color: #a2a2a2;*/
	color: #727272;
	text-decoration: none;
}
#fil a:hover {
	text-decoration: underline;
}
#fil .ultim {
	text-decoration: none;
}
#fil .fletxa {
	/*color: #a2a2a2;*/
	color: #727272;
}


/* ---- Areas de portada ---- */
#col-area-esquerra {
	height: 100%;
	width: 48%; 
	float: left;
	margin: 0;
	overflow: hidden;
}
#col-area-dreta {
	height: 100%;
	width: 48%; 
	float: right;
	margin: 0;
	overflow: hidden;
}


/* Peu */
#peu {
	font-size: 1em;		
	overflow: hidden;
	width: 100%;
	text-align: left;
	background-color: transparent;
}
#peu > div.zona-logo {
	width : 100%;
	text-align: center;
}
#peu > div.zona-logo img {
	width:  170px;
}
#peu img {
	max-width: 100%;
}
#peu-intern {
	margin-left: auto; 
	margin-right: auto;
}
#peu-superior {
	overflow: hidden;
}
#peu-superior #peu-info {
	float: left;
	color: #f2f2f2;
	font-size: 2.4em;
	font-weight: bold;
	padding-right: 2%;
	width: 13%;
	text-align: right;
	line-height: 1em;
}
#peu-superior #peu-text {
	float:left;
	width: 83%;
	color: #808080; 
	line-height: 1.4em;
}
#zona-adreca-peu {
	clear: both;
	text-align: center;
	color: #808080;
	padding: 2px 0 0 0;
	margin-left: 10px;
	font-weight: normal;
	font-size: 1em;
}
div#peu > div.zona-enllacos-peu {
	border-top : 2px solid #808080;
	min-height : 100px;
	background: #4174B6; /* Old browsers */
	background: -moz-linear-gradient(left, #4174B6 30%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4174B6 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4174B6 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
div#peu > div.zona-enllacos-peu div.logo-peu {
	position : absolute;
	padding: 25px 0 0 0;	
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids {
	width : 100%;
	/*padding : 0 0 0 200px;*/
	text-align: center;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids ul,
#links-capcalera-dreta > ul,
#links-capcalera-esquerra > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li,
#links-capcalera-dreta > ul > li,
#links-capcalera-esquerra > ul > li {
	background: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li > a {
	line-height : 100px;
	margin : 0 15px 0 0;
	color : white;
	font-size : 24px;
	font-weight : 400;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li:not(:last-child) > a:after {
	vertical-align: top;
	font-size : 12px;
	cursor : auto;
	content : "·";
	font-weight : bold;
	margin-left : 18px;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids  > ul > li > a:hover {
	text-decoration: none;
}

#peu-menu {
	width: 100%;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 100px 0 30px 0;
	background: rgba(117,189,209,1);
	background: #646478; /* Old browsers */
	background: -moz-linear-gradient(left, #646478 30%, #848484 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #646478 30%,#848484 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #646478 30%,#848484 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
div#peu-menu > div.inner {
	overflow : hidden;
}
#peu-menu ul#peu-menus {
	width : 98%;
	float: left;
	list-style: none;
	margin: 0.7em 1% 0 1%;
	padding: 0 0 0 0px;
	/*min-height: 28em;*/
	overflow: hidden;
	padding-bottom: 0.1em;
	display: flex;
	flex-flow: row wrap;
}
#peu-menu ul#peu-menus > li {
	margin: 0 1% 30px 0;
	padding: 0 !important;
	/*background: url('../img/linia-menu-peu.png') right top repeat-y;*/
	display: block;
	float: left;
	overflow: hidden;
}
#peu-menu ul#peu-menus li.ultim {
	margin: 0 0 30px 0;
	/*padding: 0 0 0 20px;*/
	background: none;
	background-image: none;
	display: block;
	float: left;
	overflow: hidden;
}
#peu-menu ul#peu-menus li a {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 400;
	text-decoration: none;
	display: block;
	vertical-align: bottom;
	min-height: 1.2em;
	line-height: 1.1em;
}
#peu-menu ul#peu-menus ul {
	
	margin: 10px 0 0 0px;
	list-style: none;
	padding: 0;
	background: none;
	overflow: hidden;
}
#peu-menu ul#peu-menus ul li {
	margin: 0 3% 0 0;
	padding: 10px 0px 0px 0px;
	background: none;
	float: none;
}
#peu-menu ul#peu-menus ul li a {
	color: #FFFFFF;
	font-weight: 200;
	text-decoration: none;
	font-size: 22px;
	
	display: inline;
	min-height: auto;
}
#peu ul.llista-logos-peu {
	margin : 25px 0px 25px 0px;
	padding : 0;
	display : flex;
	flex-flow: wrap;
	align-items: center;
  	justify-content: center;
}
#peu ul.llista-logos-peu > li {
	margin : 0 0 10px 0;
	padding : 0;
}
#peu ul.llista-logos-peu > li.li-3 {
	width: 33%;
}
#peu ul.llista-logos-peu > li.li-2 {
	width: 25%;
}
#peu ul.llista-logos-peu > li.li-4 {
	width: 25%;
}



/* Arees */
.area-horitzontal {
	float: left;
	padding: 0;
	margin: 0;
	min-height: 1px;
	overflow: hidden;
}
.area-vertical {
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.area-interna {
	margin: 0 0 0 10px;
	padding: 0;
	overflow: hidden;
}
.area-interna-primera {
	margin: 0;
	padding: 0;
}
.gutter-sizer-area {
	width: 11px;
}
.warea_100 { width: 100% !important; }
.warea_99 { width: 99% !important; }
.warea_98 { width: 98% !important; }
.warea_97 { width: 97% !important; }
.warea_96 { width: 96% !important; }
.warea_95 { width: 95% !important; }
.warea_94 { width: 94% !important; }
.warea_93 { width: 93% !important; }
.warea_92 { width: 92% !important; }
.warea_91 { width: 91% !important; }
.warea_90 { width: 90% !important; }
.warea_89 { width: 89% !important; }
.warea_88 { width: 88% !important; }
.warea_87 { width: 87% !important; }
.warea_86 { width: 86% !important; }
.warea_85 { width: 85% !important; }
.warea_84 { width: 84% !important; }
.warea_83 { width: 83% !important; }
.warea_82 { width: 82% !important; }
.warea_81 { width: 81% !important; }
.warea_80 { width: 80% !important; }
.warea_79 { width: 79% !important; }
.warea_78 { width: 78% !important; }
.warea_77 { width: 77% !important; }
.warea_76 { width: 76% !important; }
.warea_75 { width: 75% !important; }
.warea_74 { width: 74% !important; }
.warea_73 { width: 73% !important; }
.warea_72 { width: 72% !important; }
.warea_71 { width: 71% !important; }
.warea_70 { width: 70% !important; }
.warea_69 { width: 69% !important; }
.warea_68 { width: 68% !important; }
.warea_67 { width: 67% !important; }
.warea_66 { width: 66% !important; }
.warea_65 { width: 65% !important; }
.warea_64 { width: 64% !important; }
.warea_63 { width: 63% !important; }
.warea_62 { width: 62% !important; }
.warea_61 { width: 61% !important; }
.warea_60 { width: 60% !important; }
.warea_59 { width: 59% !important; }
.warea_58 { width: 58% !important; }
.warea_57 { width: 57% !important; }
.warea_56 { width: 56% !important; }
.warea_55 { width: 55% !important; }
.warea_54 { width: 54% !important; }
.warea_53 { width: 53% !important; }
.warea_52 { width: 52% !important; }
.warea_51 { width: 51% !important; }
.warea_50 { width: 50% !important; }
.warea_49 { width: 49% !important; }
.warea_48 { width: 48% !important; }
.warea_47 { width: 47% !important; }
.warea_46 { width: 46% !important; }
.warea_45 { width: 45% !important; }
.warea_44 { width: 44% !important; }
.warea_43 { width: 43% !important; }
.warea_42 { width: 42% !important; }
.warea_41 { width: 41% !important; }
.warea_40 { width: 40% !important; }
.warea_39 { width: 39% !important; }
.warea_38 { width: 38% !important; }
.warea_37 { width: 37% !important; }
.warea_36 { width: 36% !important; }
.warea_35 { width: 35% !important; }
.warea_34 { width: 34% !important; }
.warea_33 { width: 33% !important; }
.warea_32 { width: 32% !important; }
.warea_31 { width: 31% !important; }
.warea_30 { width: 30% !important; }
.warea_29 { width: 29% !important; }
.warea_28 { width: 28% !important; }
.warea_27 { width: 27% !important; }
.warea_26 { width: 26% !important; }
.warea_25 { width: 25% !important; }
.warea_24 { width: 24% !important; }
.warea_23 { width: 23% !important; }
.warea_22 { width: 22% !important; }
.warea_21 { width: 21% !important; }
.warea_20 { width: 20% !important; }
.warea_19 { width: 19% !important; }
.warea_18 { width: 18% !important; }
.warea_17 { width: 17% !important; }
.warea_16 { width: 16% !important; }
.warea_15 { width: 15% !important; }
.warea_14 { width: 14% !important; }
.warea_13 { width: 13% !important; }
.warea_12 { width: 12% !important; }
.warea_11 { width: 11% !important; }
.warea_10 { width: 10% !important; }
.warea_9 { width: 9% !important; }
.warea_8 { width: 8% !important; }
.warea_7 { width: 7% !important; }
.warea_6 { width: 6% !important; }
.warea_5 { width: 5% !important; }
.warea_4 { width: 4% !important; }
.warea_3 { width: 3% !important; }
.warea_2 { width: 2% !important; }
.warea_1 { width: 1% !important; }


/* Finestra emergent */
.finestra-emergent {
	position: fixed;
	top: 0%;
	left: 0%;
	
	display: none;
	z-index: 1010;
	width: 100%;
	height: 100%;
	background-color: rgba(233, 233, 233, 0.5);
}
.finestra-emergent .interior-finestra {
	margin-top: 10%;
	height: auto;
	overflow: auto;
	padding: 2% 2% 2% 2%;
	position: relative;
	border: 2px solid #000000;
	background-color: white;
	border-radius: 10px; /* future proofing */
}

/* Popups */
/* Popup container */
.popup1 {
    position: absolute;
    display: block;
    
    background: rgb(5, 5, 5);
    background: rgba(5, 5, 5, .5);
    pointer-events: none;
    z-index: 2147483646;
    
    opacity: 0;
    text-align: left;
}
/* Toggle this class when clicking on the popup container (hide and show the popup) */
.show-popup1 {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    
    opacity: 1 !important;
    pointer-events: all;
    clear: both;
    visibility: visible !important;
    align-items: center;
    display: flex !important;
    min-height: 100%;
    justify-content: space-around;
    -ms-justify-content: space-around;
    width: 100%;
    
    position: fixed;
    top: 0;
    height: auto !important;
    padding: 30px;
    box-sizing: border-box;
}

.popup-link {
	cursor: pointer;
}
/* The actual popup (appears on top) */
.popup1 .popup-window {
	display: block;
    color: #aaaaaa;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    background-color: #ffffff;
    margin: 20px auto 20px auto;
    padding: 20px;
    position: relative;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.7);
}
.popup1 .popup-window-int {
	width: 100%;
	height: 100%;
	color: #000000;
}
.popup1 .popup-close {
    font-size: 30px;
    position: absolute;
    right: -20px;
    text-decoration: none;
    top: -30px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.popup1 .popup-close:hover, .popup1 .popup-close:focus {
    color: #cacaca;
}
.popup1 img {
	max-width: 100%;
}
.popup-header {
	background-color: #972836;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
}
.popup-header  .popup-logo {
	float: left;
}
.popup-content {
	padding: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; 
}
.popup-content p.boto-link {
	float: none;
}
.popup-content .popup-botons img {
	max-width: 130px;
	height: auto;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}


/* Smart search */
ul.smartSearch  {
	border : none !important;
	text-align: left;
	background-color: white;
	z-index: 9999;
}
ul.smartSearch li.ui-menu-item {
	overflow: hidden;
	border : 2px solid #B2B2B2;
}
ul.smartSearch li.ui-menu-item img {
	max-width: 90px;
}

div.ui-menu-item-wrapper {
	min-height : 30px;
	line-height : 30px;
	overflow : hidden;
	padding : 12px !important;
	color : #666666;
	font-size : 24px;
	font-weight : 200;
}

div.ui-menu-item-wrapper > span {
	display : block;
	float : left;
	width : calc(100% - 100px);
	overflow : hidden;
}

div.ui-menu-item-wrapper img {
	display : block;
	float : right;
}

div.ui-menu-item-wrapper{
	padding : 5px;	
}

div.ui-menu-item-wrapper.ui-state-active {
	background-color: #C7C7C7 !important;
	color : #666666 !important;
	font-weight : 200;
}

div.cerca-suggerida div.content > input.smartSearch-active{
	border-bottom : none;
	border-bottom-left-radius : 0px;
	border-bottom-right-radius : 0px;
}

[class*="anima-"] {
	visibility : hidden; 
}

.animated {
	visibility: visible;
}

#capcalera-mitg-int.es-portada.image > div.more-when-scroll {
	cursor : pointer;
	opacity : 0;
	position : absolute;
	right : 25px;
	width : 50px;
	height : 50px;
	z-index : 4;
	border-radius : 50px;
	border : 1px solid #FFF;
	background-color : rgba(255,255,255,0.5);
	animation : idisc_move_scroll_down 2s ease-in-out infinite;
}
#capcalera-mitg-int.es-portada.image > div.more-when-scroll:before {
	position : relative;
	top : 6px;
	font-weight : 600;
	font-size : 40px;
	color : #FFF;
}
#wh-widget-send-button-iframe {
	max-width: 105px;
	max-height: 100px;
}
@keyframes idisc_move_scroll_down{
	0%{transform:translate(0,-20px);opacity:0}
	50%{opacity:1}
	100%{transform:translate(0,20px);opacity:0}
}

/* Accessibility navigation */
#nav-access {
	width: 100%;
	position: absolute;
	top: -20em;
	z-index: 1001;
	list-style: none;
	margin: 0;
}
#nav-access a {
	background: #fff;
	background: rgba(255,255,255,.9);
	padding: 12px 10px;
	position: absolute;
	left: 0;
	right: 0;
	font-weight: 700;
	text-align: center;
}
#nav-access a:focus, #nav-access a:hover {
	box-shadow: 3px 3px 5px #aaa;
	top: 20em;
	text-decoration: none;
	outline: 0;
}

.nomades {
	display: flex;
	flex-flow: row wrap;
	width: calc(100% + 1rem);
	margin-left: -1rem;
	padding: 0;
	list-style: none;
}
.nomades__li {
	display: block;
	list-style: none;
	width: calc(20% - 1rem);
	margin-left: 1rem;
	margin-bottom: 1.2rem;
	padding: 0;
}
.nomades__inner {
	padding-bottom: 75%;
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.nomades__image {
	position: absolute;
	width: 100%;
  	top: 0;
  	left: 0;
  	height: 100%;
  	z-index: -1;
}
.nomades__image img {
	object-fit: cover;
	width: 100%;
  	height: 100%;
  	z-index: -1;
}
.nomades__image::before {
	content: "";
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 0;
}
.nomades__content {
	display: flex;
	flex-flow: column;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.nomades__number {
	color: white;
	text-align: center;
	width: calc(100% - 2rem);
	box-sizing: border-box;
	margin: 1.7rem auto 0 auto;
	font-size: 1.2rem;
    text-decoration: none;
    color: #ffffff;
    font-weight: 700; 
}
.nomades__number::after {
	content: "";
	display: block;
	width: 25%;
	height: 0;
	border-bottom: 1px solid #cba62b;
	margin: 0.8rem auto 0.5rem auto;
}
.nomades__fields {
	width: calc(100% - 2rem);
	color: white;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	align-items: flex-start;
}
.nomades__fields p {
    line-height: 105%;
}
.desc-detall a.Tbutton {
	float: none;
	float: none;
    display: inline-block;
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;
}
.punt-volat {
	font-family: sans-serif !important;
}
@media only screen and (max-width: 700px) {
	.nomades__li {
		width: calc(50% - 1rem);
	}
}
@media only screen and (max-width: 910px) and (min-width: 701px) {
	.nomades__li {
		width: calc(33% - 1rem);
	}
}
@media only screen and (max-width: 1200px) and (min-width: 911px) {
	.nomades__li {
		width: calc(25% - 1rem);
	}
}