@charset "utf-8";


@keyframes toggleMenuResponsive {
  0% {
    content: "\f0c9";
  }
  50% {
    color: white;
  }
  100% {
    content: "\f00d";
  }
}

.hashtag-gran {
	font-size: 11vw;
}


div#capcalera-sup-centre {
	margin-left : 0%;
	min-width: auto;
	width: auto;
}

#links-capcalera-dreta {
	margin-left : 0% !important;
}
#capcalera #capcalera-mitg #capcalera-mitg-int #capcalera-logo {
	max-width: 35%;
}
#capcalera #capcalera-mitg #capcalera-mitg-int #capcalera-logo {
	max-width: 38%;
}

#capcalera #capcalera-mitg #capcalera-mitg-dreta {
	max-width: 58%;
}
#capcalera #capcalera-mitg #capcalera-mitg-int #capcalera-cerca {
	margin-top: 24px;
}
#capcalera #capcalera-mitg #capcalera-mitg-int.no-portada {
    padding-top: 0;
}
div#capcalera-menu-contenidor-int div.logo-top {
	position : absolute;
	margin-top : 10px;
	margin-left: 5px;
}

#capcalera #capcalera-mitg #capcalera-mitg-int > div.background-image > img {
	min-width : 900px !important;
	min-height : 500px !important;
}
#capcalera #capcalera-mitg #capcalera-mitg-int ul#idiomes {
	padding-top: 0;	
}
#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container > div.links-container > ul > li {
	float : none;
	width : 100%;
	margin-bottom : 10px;
}
#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container > div.links-container {
	width : 100%;
	margin-top : 0px;
}

#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container > div.links-container > ul > li > a {
	height : 30px;
	line-height: 30px;
}
#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container {
	top : 15% !important;
}

#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container > div.text > img {
	width : 70%;
}
#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container > div.links-container > ul > li:first-child > a,
#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container > div.links-container > ul > li > a {
	margin : 0px;
	width : 100%;
}
#capcalera #capcalera-mitg #capcalera-mitg-int > div.header-data-container {
	width : 80%;
	margin-left : -40%;
}
div.header-quick-links-right {
	bottom : 0;
	left : 0;
	right : 0 !important;
	top : auto !important;
}
div.header-quick-links-right ul {
	width : 100%;
	display : flex;
}

div.header-quick-links-right ul:hover {
	width: unset;
}

div.header-quick-links-right ul:hover > li {
	right : unset;
}


div.header-quick-links-right ul > li {
	flex-grow: 1;
	position : static;
	margin: 15px 0px 0px 0px;
	border-right : 1px solid #7E80B5;
	width : auto;
}
div.header-quick-links-right ul > li div.container > div.text {
	display : none;
	width : auto;
	overflow : hidden;
}
div.header-quick-links-right ul > li div.container > div.image {
	width : 100%;
	text-align: center;
}
div.header-quick-links-right ul > li:last-child {
	border-right : none;
}

div.header-quick-links-right ul > li div.container > div.follow-arrow {
	display : none;
}
div.header-quick-links-right ul > li div.container {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	width : auto;
}

div.input-cerca-mob div.content {
	width : 70%;
}

/* Peu */
#peu-superior {
	overflow: hidden;
	margin-top: 1em;
}
#peu-superior #peu-info {
	font-size: 2.1em;
	width: 19%;
}
#peu-superior #peu-text {
	width: 76%;
}
#peu-menu {
	padding-top: 20px;
}
div#peu > div.zona-enllacos-peu div.logo-peu {
	position : static;
	text-align: center;
}
#peu-menu ul#peu-menus > li {
	width : 100% !important;
	text-align: center;
	height : auto !important;
	margin-bottom : 25px;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li {
	margin : 15px;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li > a {
	line-height: normal;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li{
	display : block;
}
div#peu > div.zona-enllacos-peu nav.enllacos-rapids > ul > li:not(:last-child) > a:after {
	content : '';
}
#peu > div.zona-logo > img {
	display : block;
}
#peu > div.zona-logo > img:first-child{
	margin-right : auto;
	margin-bottom : 25px;	
}
div#peu > div.zona-enllacos-peu {
	padding-bottom : 15px;
}
#peu ul.llista-logos-peu {
    margin: 0;
}
#peu ul.llista-logos-peu > li {
	margin-top : 0;
	width : 50% !important;
	padding: 15px;
	box-sizing: border-box;
}


/* Contingut */
.columna-contingut-portada .columna-contingut-int {
	
}


/* Arees */
.area-horitzontal {
	float: left;
	padding: 0;
	margin: 0;
}
.area-vertical {
	clear: both;
	padding: 0;
	margin: 0;
}
.area-interna {
	margin: 0;
	padding: 0;
}
.area-interna-primera {
	margin: 0 0 0 0;
	padding: 0;
}
.warea_100, .warea_99, .warea_98, .warea_97, .warea_96, .warea_95, .warea_94, .warea_93, .warea_92, .warea_91, .warea_90, .warea_89, .warea_88, 
	.warea_87, .warea_86, .warea_85, .warea_84, .warea_83, .warea_82, .warea_81, .warea_80, .warea_79, .warea_78, .warea_77, .warea_76, .warea_75, 
	.warea_74, .warea_73, .warea_72, .warea_71, .warea_70, .warea_69, .warea_68, .warea_67, .warea_66, .warea_65, .warea_64, .warea_63, .warea_62, 
	.warea_61, .warea_60, .warea_59, .warea_58, .warea_57, .warea_56, .warea_55, .warea_54, .warea_53, .warea_52, .warea_51, .warea_50, .warea_49, 
	.warea_48, .warea_47, .warea_46, .warea_45, .warea_44, .warea_43, .warea_42, .warea_41, .warea_40, .warea_39, .warea_38, .warea_37, .warea_36, 
	.warea_35, .warea_34, .warea_33, .warea_32, .warea_31, .warea_30, .warea_29, .warea_28, .warea_27, .warea_26, .warea_25, .warea_24, .warea_23, 
	.warea_22, .warea_21, .warea_20, .warea_19, .warea_18, .warea_17, .warea_16, .warea_15, .warea_14, .warea_13, .warea_12, .warea_11, .warea_10, 
	.warea_9, .warea_8, .warea_7, .warea_6, .warea_5, .warea_4, .warea_3, .warea_2, .warea_1 {
	width: 100% !important;
}

/* Filtre */
.filtre select.custom-styled {
    width: calc(100% - 2px) !important;
}
.filtre div.warea_33:nth-child(3n+3) {
    width: 100% !important;
}
div.filtre .Tbutton {
    width: calc(100% - 2px);
}

/* Registres detall */
#columna-contingut div.registre-detall div.columna-lateral {
	width : 100%;
}
#columna-contingut div.registre-detall div.detall.imatges {
	width : 100%;
}
div.div-comentaris {
	width : 90% !important;
}

/* Estils generals */
.cita-negreta, blockquote {
	margin : 0 40px;
	line-height: 130%;
	text-align: left;
}

/* Estils blocs */
.amplada1 {
	width: 100%;
}
.alcada1 {
	min-height: 100px;
	height: auto;
}
.amplada2 {
	width: 100%;
}
.alcada2 {
	min-height: 200px;
	height: auto;
}
.amplada3 {
	width: 100%;
}
.alcada3 {
	min-height: 300px;
	height: auto;
}
div.marge-interior {
	margin : 0 20px 0 20px;
}
div.marge-superior {
	margin-top: 40px !important;
}

/* Estils */
.titol-principal {
	font-weight : 400;
	font-size : 90px;
}

/* Destacats */
.element-destacat {
	background-size: cover;
}

/* Deixa't seduir */
div.container-portlet-homescreen-seduir > ul {
	margin : 60px 0 0 0;
}
div.container-portlet-homescreen-seduir > ul > li {
	width: calc(50% - 10px);
}
div.container-portlet-homescreen-seduir > ul > li:first-child, div.container-portlet-homescreen-seduir > ul > li:nth-child(2){
    margin-bottom : 30px;
}
div.container-portlet-homescreen-seduir > ul > li > div.inner > div.title {
	margin : 5px 0 0 0;
}
div.container-portlet-homescreen-inspire > div.column {
	width : 100%;
}
div.homeScreen-inspire-element > div.title {
	bottom : 20px;
	white-space: nowrap; 
	left : 20px;
	font-weight: 400;
	font-size : 14px;
	text-shadow: buttonshadow;
}

/* Inspira't */
div.container-portlet-homescreen-inspire > div.column {
	width : 100%;
}
div.homeScreen-inspire-element > div.title {
	font-size : 15px;
}
div.homeScreen-inspire-element > div.title:before {
	top : 20px;
	height : 2px;
}

/* Marcadors */
ul.marcador.marcador-id-1 > li {
	width : 50% !important;
	margin : 0;
	padding : 0;
}
ul.marcador.marcador-id-1 > li:hover div.bg-image {
	width : 100%;
}
ul.marcador.marcador-id-1 > li:hover div.bg-image > img {
	opacity : 0.8;
}
ul.marcador.marcador-id-1 > li div.inner > div.pictograma > img {
	width : 50% !important;
}
ul.marcador.marcador-id-1 > li div.inner > div.texte {
	padding : 5px 0 0 0;
	font-weigth : 400;
	font-size : 15px;
}
ul.marcador.marcador-id-2 > li, ul.marcador.marcador-id-3 > li {
	width : 50% !important;
}
ul.marcador.marcador-id-4 > li > div.contenidor {
	padding : 50px 20px;
}
ul.marcador.marcador-id-4 > li > div.contenidor > div.dades {
	width : 90%;
}
ul.marcador.marcador-id-5 > li {
	margin-bottom: -30px;	
}
ul.marcador.marcador-id-5 > li {
	width: 100%;
	margin-bottom: 40px;
}
.marge-marcadors>ul>li {
	margin-right: 0 !important;
}


/* ---- LListes ---- */
/* Llista portada amb imatges */
ul.llista-portada-amb-imatges {
	margin-bottom: -30px;	
}
ul.llista-portada-amb-imatges>li {
	width: 100%;
	margin-bottom: 40px;
}
ul.llista-amb-imatges>li.contenidor-agrupacio>ul>li:nth-child(odd) {
	margin-right : 0px;
}
ul.llista-portada-amb-imatges>li div.llista-img {
	height: auto;
}
/* LListat imatges columnes */
ul.llista-amb-imatges-2col>li>ul>li {
	width: calc(100% - 2px) !important;
	margin-right: 1px;
	margin-left: 1px;
}
ul.llista-amb-imatges-2col>li>ul>li div.llista-img {
	overflow: hidden;
	margin : 0 !important;
}
ul.llista-amb-imatges-4col>li>ul>li {
	width: calc(50% - 10px);
	margin-right: 5px;
	margin-left: 5px;
}
ul.llista-amb-imatges-3col>li>ul>li {
	width: calc(50% - 10px);
	margin-right: 5px;
	margin-left: 5px;
}

ul.llista-amb-imatges-2col>li>ul>li .llista-cont-img-lat {
	width: calc(50% - 10px) !important;
}
ul.llista-amb-imatges-2col>li>ul>li .llista-img-lat {
	width: calc(50% - 10px) !important;
}



/* Mes informació */
div.mes-informacio {
	text-align: center;
	margin : 30px auto;
}
div.mes-informacio > a:after {
	top: 0;
	position: absolute;
}


/* Instagram */
ul.inst-fila-portada > li {
	width : 50%;
}
ul.inst-fila-portada > li:nth-child(n+5) {
	display : none;
}


/* LListat columnes categories */
ul.llista-categories li {
	width: 48%;
} 

/* Calendari */
.calendar-head .prevmonth span {
	display: none;
}
.calendar-head .nextmonth span {
	display: none;
}
div.element-calendari div.calendar-days {
    overflow: hidden;
    padding : 25px 15px 0 15px
}
div.element-calendari div.calendar-days ul>li.CPre, div.element-calendari div.calendar-days ul>li.CNext {
	padding: 50px 0 40px 0;
	min-width : 40px;
	font-size: 27px;
}
div.element-calendari div.calendar-days ul>li.CDay:nth-child(n+5):after {
	display: none;
}
div.element-calendari div.calendar-days ul>li.CDay:nth-child(-n+1), 
div.element-calendari div.calendar-days ul>li.CDay:nth-child(n+6) {
	display : none;
}
div.element-calendari div.calendar-months div.prevmonth,
div.element-calendari div.calendar-months div.nextmonth {
	width : 15%;
}
div.element-calendari div.calendar-months div.thismonth {
	font-size : 23px;
	font-weight: 700;
	width : 65%;
}
div.element-calendari div.calendar-days ul>li.CDay span {
    margin: 0;
    padding: 50px 2px 40px 2px;
    color: #333333;
    font-weight: 300;
    font-size: 28px;
    display: inline-block;
    min-width: 20px;
}
div.element-calendari div.veure-calendari {
	text-align: center;
}

ul.llista-calendari li {
	width: 100%;
	margin: 10px 0 10px 0;
}


/* Fancybox */
a.fancybox-prev {
	left : 0;
}
a.fancybox-next{
	right : 0;
}
a.fancybox-close  {
    right: -10px;
    top: -25px;
}

/* Formularis */
.form-captcha {
	margin-left: 18%;
}
ul.formulari_tresc > li {
    width: 100%;
    float: left;
}
ul.formulari > li div.camp-label-inner {
    padding-left: 0;
}
ul.formulari > li .label-dreta label {
    padding-left: 0;
}


/* Vídeos */
div.video-play-icon > i {
	font-size : 45px;
	
  	display: inline-block;
    width: 45px;
    height: 45px;
    background-image: url(../img/ico-play.svg);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
}


/* Selector Idiomes */
div#change-ui-language > div.selected-lang {
    font-size: 15px;
}
div#change-ui-language.open > div.select-list {
    height: 140px;
    left: -8px;
}
div#change-ui-language > div.select-list {
    
}
div#change-ui-language > div.select-list > ul {
	margin: 10px 11px 10px 10px;
}
div#change-ui-language > div.select-list > ul > li {
    font-size: 15px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}
div#change-ui-language > div.select-list > ul > li > a {
    font-size: 15px;
}

/* Cercador */
div.search-bar div.content > span {
	top : 0px;
}

div.llegenda-mapa p.llegenda-mapa-grup-categoria {
	width: 90%;
}

.titol-imatge-mosaic, a.titol-llista:hover, .titol-imatge-mosaic span { 
	font-size: 17px;
}

#capcalera #capcalera-superior #capcalera-superior-int #links-capcalera-dreta a { 
	width: 48px;
    display: inline-block;
    text-align: center;
    padding-left: 0
}

ul.llista-blog>li {
	width: calc(100% - 18px);
	border: 1px solid #A4A4A4;
	margin-right: 8px;
	margin-left: 8px;
}

.filtre-dreta {
	width: 38%; 
	float:right;
}

.columna-esquerra {
	width: 62%;
	float:left;
}

.porlet-recursos-imagen ul li{
	width: 100%;
}

.capcalera.titol-principal {
	font-size : 8vw !important;
}

.portlet-persons{
	text-align: center;
}

.estil-si-sitges{
	width: 100%;
}

.estil-si-sitges span:nth-child(1){
	font-size: 13vw;
}

.estil-si-sitges span:nth-child(2){
	font-size: 12vw;
}

.tittle-persons{
	display: none;
}

.tittle-persons-top{
	color: #000000;
	font-family: 'intro-black-caps';
	font-size: 15vw;
	font-weight: 400;
	display: block;
}

.persons-list li.mosaic{
	width: 33.33%;
}

.portlet-19 {
	text-align: center;
}

.detail-person > div.section-left{
	width: 45%;
	margin: 1px 5px;
}

.detail-person > div.section-right{
	width: 95%;
	margin: 1px 5px;
	text-align: center;
}

.detail-person > div.section-center{
	width: 45%;
	margin: 1px 5px;
}

.section-right p.text-intro-black-cap {
	font-size: 11vw;
}

.detail-person{
	flex-flow: row wrap;
	justify-content: center;
}

.tittle-persons-top{
	font-size: 11vw;
}

ul.marcador.marcador-id-6 > li{
	width: calc(50% - 6px);
	margin-right: 6px;
}

ul.marcador.marcador-id-6 > li:nth-child(2n){
	margin-right: 0;
	margin-left: 6px;
}


.contingut-blog-imatges {
	display: grid;
	grid-template-columns: repeat(2, auto);
	width: 100%;
	grid-gap: 10px;
	margin-bottom: 80px;
}


.llista-img-sup .title-in .inner div
{
	line-height: 15px;
}

.imatge-detall-21 {
	width: 100%;
	height: 500px;
}

.destecat-superior {
	width: 100%;
}

.destecat-superior .title-in .inner, .llista-img-sup .title-in .inner {
	width: 98%;
}


llista-img-sup .title-in:hover div div > a
{
	moz-transition: none;
	transition: none;
}

.destecat-superior .title-in .btn-mes {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: 0px;
}

.destecat-superior .title-in .inner > div {
	margin: 15px 0px;
}

.destecat-superior .titol-blanc {
	font-size: 40px;
}

.llista-img-sup .titol-blanc {
	font-size: 18px;
}

.llista-img-sup .title-in:hover > div > div > a.titol-blanc
{
	font-size: 20px;
}

.destecat-superior .title-in:hover > div > div > a.titol-blanc
{
	font-size: 45px;
}

.filtreBlogCategories .llista-categories {
	font-size: 15px;
}

.filtreBlogCategories .llista-categories .cat-item {
	margin: 0px 10px 5px 0px;
}
#cerca_suggerida_mob {
	padding-right: 25px;
    box-sizing: border-box;
    color: #333333;
}


div.mes-informacio.blog {
    width: 100%;
}
div.mes-informacio.blog a {
	color: #333333;
	font-weight: 400;
}
div.mes-informacio > a:after {
    width: 25px;
    height: 25px;
    background: transparent url(../img/plus-more-info.png) no-repeat;
    background-size: cover;
}

div.header-quick-links-right ul > li div.container > div.image > img {
   padding-left: 0px;
}