/*     ////////////////
        ////////////////
         Separadores
        ///////////////
        /////////////// 
*/
.builder-wrapper
{
	min-width: 1px;
}

.separator-lg,.separator-tablet,.separator-xs
{
	width: 100%;
  	display: inline-block;
  	padding: 0;
  	margin: 0;
}

.separator-lg
{
	display: inline-block;
}

.separator-tablet,.separator-xs
{
	display: none;
}

 @media (min-width: 767px) and(max-width: 1000px)
 {
 	.separator-lg,.separator-xs
	{
		display: none;
	}
 	.separator-tablet
 	{
 		display: inline-block;
 	}
 }
 @media (max-width: 767px)
 {
 	.separator-tablet,.separator-lg
 	{
 		display: none;
 	}
 	.separator-xs
 	{
 		display: inline-block;
 	}
 }

 .hide
 {
 	display: none;
 }

 /*     ////////////////
        ////////////////
         Fin de Separadores
        ///////////////
        /////////////// 
*/

/*     ////////////////
        ////////////////
         Fuentes
        ///////////////
        /////////////// 
*/

@font-face{
    font-family: "Catalana";
    src: url("../fonts/Catalana.otf") format("opentype");
}
@font-face{
    font-family: "Catalana";
    font-weight: bold;
    src: url("../fonts/Catalana-Bold.otf") format("opentype");
}
@font-face{
    font-family: "Catalana";
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/Catalana-BoldItalic.otf") format("opentype");
}
@font-face{
    font-family: "Catalana";
    font-style: italic;
    src: url("../fonts/Catalana-Italic.otf") format("opentype");
}


@font-face{
    font-family: "CatalanaSans";
    src: url("../fonts/CatalanaSans.otf") format("opentype");
}
@font-face{
    font-family: "CatalanaSans";
    font-weight: bold;
    src: url("../fonts/CatalanaSans-Bold.otf") format("opentype");
}
@font-face{
    font-family: "CatalanaSans";
    font-weight: 600;
    src: url("../fonts/CatalanaSans-Medium.otf") format("opentype");
}
@font-face{
    font-family: "CatalanaSans";
    font-weight: bold;
    font-style: italic;
    src: url("../fonts/CatalanaSans-BoldItalic.otf") format("opentype");
}
@font-face{
    font-family: "CatalanaSans";
    font-style: italic;
    src: url("../fonts/CatalanaSans-Italic.otf") format("opentype");
}

/*-------*/







@font-face{
    font-family: "Catalana - Bold";
    src: url("../fonts/Catalana-Bold.otf") format("opentype");
}
@font-face{
    font-family: "Catalana - BoldItalic";
    src: url("../fonts/Catalana-BoldItalic.otf") format("opentype");
}
@font-face{
    font-family: "Catalana - Italic";
    src: url("../fonts/Catalana-Italic.otf") format("opentype");
}
@font-face{
    font-family: "Catalana - Medium";
    src: url("../fonts/Catalana-Medium.otf") format("opentype");
}
@font-face{
    font-family: "Catalana - MediumItalic";
    src: url("../fonts/Catalana-MediumItalic.otf") format("opentype");
}


/*     ////////////////
        ////////////////
         Fin de Fuentes
        ///////////////
        /////////////// 
*/


/* Main Theme Styles */
.scs-component-content {
	font-size: 16px;
	font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
.scs-title-text {
	font-size: 24px;
}
.background .scs-image-image {
    min-width: 400px;
	overflow-x: hidden;
}
.content .scs-paragraph-text {
	font-size: 16px;
	line-height: 22px;
	color: #666;
}
.services .scs-paragraph-text,
.contact .scs-paragraph-text {
	font-size: 16px;
    line-height: 26px;
}
.person .scs-paragraph-text {
    line-height: 20px;
	color: #000;	
}
.scs-button-button {
	width: 135px;	
	background: #d3c36e;
}
.scs-button .scs-button-button {
	padding: 10px;
}

/* Generic Link Styles */
a,
a:visited {
    color: #a18913;
}
a:hover,
a:focus {
	color: gray;
	text-decoration: none;	
}
/* Button Link Styles */
.scs-button a,
.scs-button a:visited {
	color: #000000;	
}
.scs-button a:hover,
.scs-button a:focus,
.services .scs-button a:hover,
.services .scs-button a:active {
	color: gray;
}

.logocontainer .scs-title-text {
	color: white;
}


#logocontainer h1
{
	cursor: pointer;
}



/*  Footer Styles */
footer {
	margin-top: 29px;
	background: #000;
	height: 136px;
	padding: 0 10.5vw;
	display: table;
	width:100%;
}

.footer {
	display: table-cell;
	vertical-align: middle;
}

.footer .scs-title-text {
	font-family: arial;
    font-size: 14px;
	color: white;
	text-align: right;
}

/* Additional Misc Styles */
body {
	margin: 0;
}
.overlay {
	position: absolute;
    top: 12%;
    left: 55%;
    width: 40%;
    z-index: 99;
}
.heading,
.content {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.heading {
    margin-bottom: 10px;
}
.overlay-container {
	position:relative;
    margin-bottom: 50px;
	/* TODO: This breaks edit mode but is needed to crop the image on the home page in smaller resolutions */
    /*overflow-x: hidden;*/
	/* Use this to crop the image from the center */
	/*	overflow-x: hidden;	
		min-width: 500px;
		left: 50%;
		transform: translateX(-50%);
		width: 100.2%;	*/
}
.person {
	background-color: #d3c36e;
    margin: 16px 0;
}

.services .scs-button-button {
	width:100%;
	padding:30px;
	font-size: 26px;
	color:#000;
}
.scs-button .scs-button-text {
	white-space: normal;	
}
.services .scs-title-text {
    font-size: 26px;
    text-align: center;
	padding:30px;
	background-color: #d3c36e;
}
.contact {
	max-width: 900px;
}
.heading .scs-title-text,
.heading .scs-paragraph-text {
    text-align: center;
}

.person .scs-image-image {
	min-width: 256px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
	/* a hack to fix rounding error with translate */
	width: 100.2%;	
}


/* Make the title font size responsive for the overlay*/
.overlay .scs-title-text,
.heading .scs-title-text {
	font-size: 4.9vw;
	font-weight: 100;	/* Thin */
	line-height: 1;
	color: #000;	
	/* Needed for the font in order to prevent scrollbars because the line-height is being set */
    padding-bottom: 1.4vw;	
}
.overlay .scs-paragraph-text {
	font-size: 1.8vw;
	line-height: 1.1;
	font-weight: lighter;
	color: #000;
	/* Needed for the font in order to prevent scrollbars because the line-height is being set */
    padding-bottom: .5vw;
}
.heading .scs-paragraph-text {
	font-size: 1.8vw;
	line-height: 1.2;	
	font-weight: lighter;	
	color: #000;
	/* Needed for the font in order to prevent scrollbars because the line-height is being set */
    padding-bottom: .5vw;
}
.heading .scs-title-text {
	padding-bottom: .9vw;
}

/* Switch into phone layout mode */
@media (max-width: 767px) {
	.overlay {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 30px;
	}
	.overlay .scs-paragraph-text {
		line-height: 22px;
	}	
}

@media (max-width: 900px) {
	.overlay .scs-title-text,
	.heading .scs-title-text	{
		font-size: 42px;
		padding-bottom: 10px;		
	}

	/*  Footer Styles */
	.scs-socialbar,
	.footer .scs-title-text  {
		text-align: center !important;
	}
	.scs-socialbar {
		padding-bottom: 25px;
	}
}

@media (max-width: 1100px) {
	.overlay .scs-paragraph-text,
	.heading .scs-paragraph-text {
		font-size: 20px;
		padding-bottom: 3px;		
	}
}

.bg-image-full {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.poweredBy {
    float: right;
}

@media (min-width: 992px) {
	.poweredBy{
		padding-top:36px;
	}
    .poweredBy span {
        display: block;
        height: 72px;
        width: 256px;
        direction: ltr;
        background: url('../img/layoutSprite.png') 0 -181px no-repeat;
    }
}

#topnav-detail {
  padding: 5px;
  background-color: #333333;
  height: 18px;
}

#topnav-detail #homeButton {
  text-align: center;
}

#topnav-detail #backButton {
  position: absolute;
}
#topnav-detail #backButton a > span {
  opacity: 0;
}

#topnav-detail #backButton a::before {
	box-sizing: border-box;
	content: "";
	position: absolute;
	height: 12px;
	width: 12px;
	display: block;
	cursor: pointer;
	border-top: 2px solid white;
	border-left: 2px solid white;
  margin-top: 2px;
	-webkit-transform: rotate(315deg);
  transform: rotate(315deg);
	left: 10px;
}

.content-home-main {
    height: 100%;
    width: 100%;
    position: fixed;
    background: gray;
    z-index: -1;
}

.slider-bottom,.slider-footer-cronologia
{
    background-color: rgb(45,45,46);
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
}


.slider-inner,.slider-inner-crono{
	float: left;
	width: 90%;
	color:white;
	    height: 100%;
	    position: relative;
}

.slider-inner::before,.slider-inner-crono::before {

    content: " ";
    position: absolute;
    left: 2.6%;
    width: 94.7%;
    height: 2px;
    background-color: #dc0329a6;
    top: 50%;
    margin-top: -1px;

}


.hidden
{
	display: none;
	opacity: 0;
}
.content_slide::after {

    content: " ";
    width: 100%;
    height: 100%;
    min-height: 100vh;
   background: rgba(0, 0, 0, 0.20);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;

}

.slide_main_hidden
{
	display: none;
}

.button_slide
{
	z-index: 2;

	position: relative;
}

.slider-inner .year-slide, .slider-inner-crono .year-slide-crono {
    float: left;
    color: white;
    text-align: center;
    line-height: 50px;
    position: relative;
    background: #dc0329;
    opacity: 0;

    font-size: 14px;
    font-family: Catalana;
    font-weight: 500;
    width: 45px;
    transition: width 1s;
}

.slider-inner .year-slide.active, .slider-inner-crono .year-slide-crono.active {
    opacity: 1
}

.active_nobackground
{
	float: left;
    width: 45px;
    color: #dc0329;
    text-align: center;
    line-height: 50px;
    position: relative;
   /* background: #dc0329;*/
    opacity: 1 !important;
    position: absolute;
}

.right-arrow,.left-arrow
{
    float: left;
    width: 5%;
    height: 100%;
    cursor: pointer;
}



.right-arrow img, .left-arrow img
{
	display: block;
	width: 5%;
	height: 17px;
	position:absolute;
	  top:0;
	  bottom:0;
	margin:auto;
	cursor: pointer;
}

.toggle_navbar_menu
{
	cursor: pointer;
}
 /*     ////////////////
        ////////////////
         SLIDERS / Pagina Principal /
        ///////////////
        /////////////// 
}
*/

.redes_sociales img
{
	padding-right: 15px;
}
.redes_sociales
{
	margin-bottom: 5px;
}

/*

		////////////////
        ////////////////
         SLIDERS
        ///////////////
        /////////////// 

*/
.slide_0,.slide_1,.slide_2
{
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
}



 /*     ////////////////
        ////////////////
        CONTENIDO SLIDERS
        ///////////////
        /////////////// 
*/

.content_slide
{
	padding-left: 70px;
	height: 100%;
	/*transition: all 1s;*/
}
.Titulo_date 
{
	z-index: 100;

	position: relative;
}
.Titulo_date h2:before,.Titulo_date h2:after
{
	background-color: white;

	width: 288px;

	height: 1px;

	content: " ";

	position: absolute;
	
	/*left: 65px;
	top: 80px;*/

	transition: all 1s;
	top: -2px;
}
.Titulo_date h2:before
{
	height: 1.5px;
}

.Titulo_date h2
{
	color: #ffffff;
	width: 288px;
	font-family: "Catalana - Bold";
	font-size: 80px;
	letter-spacing: -0.55px;
	line-height: 92.8px;
}
.Titulo_date img
{
	height: 13.77px;
	width: 14.7px;
	margin-top: 25px;
	margin-right: 15px;

}

.Titulo_date .facebook
{
	width: 6.83px;
	height: 13.68px;
}
.Titulo_date .twitter
{
	width: 17.83px;
	height: 13.57px;
}
.Titulo_date .instagram
{
	height: 13.77px;
	width: 14.7px;
}

.Titulo_date h2:after
{
	top: 150px;

	left: 0;
}	

.descripcion_slide
{
	position: relative;

	z-index: 2;
}


.descripcion_slide p
{
	color: #ffffff;
	font-family: "Catalana - Bold";
	font-size: 25px;
	font-weight: 700;
	letter-spacing: -0.11px;
	line-height: 28px;
	width: 288px;
}

.btn_slide
{
	width: 182px;
	color: #ffffff;
	font-family: "CatalanaSans";
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid white;
	border-radius: 0px;
}

.btn_slide:hover
{
	color: white !important;
}



@media (max-width: 767px)
{
	.content_slide
	{
		padding-left: 15%;
		padding-right: 25%;
	}
	.descripcion_slide p
	{
		width: initial;
		color: #FFFFFF;

		font-family: Catalana;

		font-size: 17.84px;

		font-weight: bold;

		letter-spacing: -0.08px;

		line-height: 19px;
	}

}

 /*     ////////////////
        ////////////////
        FIN CONTENIDO SLIDERS
        ///////////////
        /////////////// 
*/


/*

		////////////////
        ////////////////
         Flechas Sliders
        ///////////////
        /////////////// 
*/

.flecha_slider img
{
	width: 28.47px ;
	height: 53.94px ;
}

.flecha_slider,.flecha_slider_crono
{
	position: absolute;
	left: 15px;
	top: 40%;
	cursor: pointer;
	z-index: 10;

}

.flecha_slider_crono
{
	position: fixed;
	z-index: 9999;
	top: 50%;


}


.de_slider
{
	left: initial;
	right: 15px;
}



 /*     ////////////////
        ////////////////
        FIN SLIDERS / Pagina Principal /
        ///////////////
        /////////////// 
*/

 /*     ////////////////
        ////////////////
        FOOTER SLIDER
        ///////////////
        /////////////// 
*/

.navbar_header_pc
{
	display: block;
	box-shadow: 0px 3px 5px -3px black;
	position: relative;
	z-index: 101;
    width: 100%;
    min-width: 100vw;
}

.navbar_header_mb
{
	display: none;
}

@media (max-width: 1000px)
{
	.navbar_header_pc
	{
		display: none;
	}

	.navbar_header_mb
	{
		display: block;
	}	
}

.select-slider,.select-slider option,.select-slider-crono,.select-slider-crono option
{
	background-color: red;
	font-family: "Catalana - Bold";
	color: white;
	-webkit-appearance: none;
	appearance: none;
	border:0px;
	height: 100%;
	width: 20%;
}

.select-slider,.select-slider-crono
{
	background: /*url(../img/bottom_footer.png) 96% / 15% no-repeat*/ #DC0028 /*, url(../img/flecha_slider_iz.png)*/;
/*	margin: auto;
	position: relative;*/
}



.select-slider::before,.select-slider::after .select-slider-crono::before,.select-slider-crono::after
{
	content: " ";

	background-image: url(../img/bottom_footer.png);

	position: absolute;

	right: 5px;

	bottom: 7px;

	width: 17px;

	height: 10px;

	background-size: cover;

	background-repeat: no-repeat;
}

.cargando_contenido
{
	display: none;
	min-height: 100vh;
	height: 100%;
	background: #f3f3f3;
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
	bottom: 0;

}
.cargando_texto
{
	position: absolute;
	margin: auto;
	top: 50%;
  	-ms-transform: translateY(-50%);
 	transform: translateY(-50%);
 	width: 100%;
	text-align: center;
}

.arrows_select
{
	height: 100%;
	position: relative;
}
.arrows_select::after,.arrows_select::before
{
	content: " ";

	background-image: url(../img/bottom_footer.png);

	position: absolute;

	right: 5px;

	bottom: 10px;

	width: 17px;

	height: 10px;

	background-size: cover;

	background-repeat: no-repeat;

	margin: 0px 40%;
	
	z-index: 9;

}
.arrows_select::before
{
	background-image: url(../img/top_footer.png);
	bottom: 30px;
}

.select-slider option:last-child
{
	border-bottom: 1px solid orange;
}
.ultimo_slide
{
	
	float: right !important;
}


/*     	////////////////
        ////////////////
         CRONOLOGIA
        ///////////////
        /////////////// 
*/

#La_Fundación-cronologia,#La_Marca-cronologia,#Las_Personas-cronologia,#La_Trayectoria-cronologia
{
	cursor: pointer;
}



.cronologia_pagina
{
	display: none;
	position: absolute; 
	left: 0; 
	right: 0; 
	height: 100%; 
	/*overflow: hidden;*/
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
    overflow-x: hidden;
}
.cronologia_pagina::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}


.bloque_size_small
{
	width: 260px;
}
.bloque_size_big
{
    width: 520px;
}

.content-cronologia
{
	background-color: #fff;
	width: 5000%;
	height: 100%;
	position: absolute;
	padding-left: 60px;
	min-height: 200vh;
	/*display: table;*/
}

.content_year_cronologia, .content_year_cronologia_hidden
{
	margin-top: 50px; 
	display:inline-block;
	float: left;
	position: relative;
	height: 75%;
	 display: table-cell;
}

.content_year_cronologia:after
{
	content: " ";

	background: black;

	width: 1px;

	position: absolute;

	height: 100%;

	left: 0px;

	top: 0px;
	min-height: 1500px;
}

.content_year_cronologia_hidden::before {

    content: " ";
    background: black;
    width: 100%;
    position: absolute;
    height: 2px;
    left: -15px;
    top: 0px;

}

.content_noticia_fecha
{
	position: relative;
	margin: 0px 13px;
}

.content_noticia_fecha:before
{
	content: " ";

	background: black;

	width: 100%;

	position: absolute;

	height: 2px;

	left: 0px;

	top: 0px;

}


.content_year_cronologia .content_noticia_fecha h1, .content_year_cronologia_hidden .content_noticia_fecha h1
{
	color: #333334;
	font-family: "Catalana - Bold";
	font-size: 58px;
	font-weight: 700;
	letter-spacing: -0.17px;
	line-height: 46.4px;
	padding-bottom: 35px;
	margin: 0;
	padding-top: 10px !important;
}


.content_noticia
{
	/*//max-width: 400px;*/
	float: left;
	position: relative;
	height: 100%;
	min-height: 100vh;
	
}

.content_noticia:after
{
	content: " ";

	background: black;

	width: 1px;

	position: absolute;

	height: 100%;

	right: -1px;
	min-height: 1504px;
	top: 0px;
}

.categoria_noticia_crono,.categoria_noticia
{
  	padding: 5px 0px; 
  	position: relative;
 	color: #dc0028;
	font-family: "Catalana - Medium";
	font-size: 18px;
	font-weight: 500;
	line-height: 15px;
}
.categoria_noticia_crono
{
	padding-top: 10px !important;
	padding-bottom: 5px !important;
}

.categoria_noticia_crono,.titulo_crono,.imagen_noticia
{
	margin: 0px 13px !important;
}

.imagen_noticia img
{
	width: 100%;
}
.categoria_noticia_crono:before
{
	content: " ";

	background: black;

	width: 100%;

	position: absolute;

	height: 1px;

	left: 0px;

	top: 0px;
}

.circulo
{
  height: 17px;
  width: 17px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.circulo_red
{
	background-color: #dc0028;
	color: #dc0028;
}

.circulo_blue 
{
	background-color: #1480cc;
	color: #1480cc;
}

.circulo_verde
{
	background-color: #2F9046;
	color:#2F9046;
}

.circulo_amarillo
{
	background-color: #fa961e;
	color: #fa961e;
}

.circulo_pink
{
	background-color: #c63984;
	color: #c63984;
}

.texto_azul,.texto_verde,.texto_rojo,.texto_amarillo, .texto_pink, .texto_lightblue
{
	font-size: 15px;
  	font-weight: 500;
  	font-family: "Catalana - Medium";
  	height: 100%;
  	padding-left: 	13px;
  	padding-right: 	30px;
}

.texto_azul
{
	color: #1480cc !important;
}
.texto_verde,.texto_lightblue
{
	color: #2F9046 !important;
}
.texto_rojo
{
	color: #dc0028 !important;
}
.texto_amarillo
{
	color: #fa961e !important;
}
.texto_pink
{
	color: #c63984 !important;
}


.texto_azul:hover
{
	color: #134889 !important;
	cursor: pointer;
}
.texto_verde:hover , .texto_lightblue:hover 
{
	color: #06641C !important;
	cursor: pointer;
}
.texto_rojo:hover
{
	color: #A8001E !important;
	cursor: pointer;
}
.texto_amarillo:hover
{
	color: #AB3A12 !important;
	cursor: pointer;
}
.texto_pink:hover
{
	color: #931A5B !important;
	cursor: pointer;
}


.titulo_crono 
{
	position: relative;

}
.cargando
{
	position: absolute;

	top: 50vh;

	left: 48vw;
}
.titulo_crono h2
{
	color: #333334;
	font-family: "Catalana - Medium";
	font-size: 18px;
	font-weight: 500;
	line-height: 23.64px;
	padding-top: 15px;
	margin: 0;
}

.titulo_crono h2:after
{
	content: " ";

	background: black;

	width: 100%;

	position: absolute;

	height: 1px;

	left: 0px;

	top: 0px;
}

.content_year_cronologia p, .content_year_cronologia_hidden p
{
	color: #333334;
	font-family: "CatalanaSans";
	font-size: 14px;
	line-height: 21px;
	margin: 0px 13px;
}



.footer_cronologia
{
/*    background-color: #d8d8d8;
    height: 48px;
    position: fixed;
    bottom: 0;
    z-index: 0 !important;
    width: 100%;
    padding-left: 73px;
    display: none;*/
    z-index: 1;
	display: none;
}

/*.content_year_cronologia h1
{
	display: none;
}

.content_year_cronologia h1:first-child
{
	display: block;
}*/

.false_hidden
{
	display: block;
}

.hiddenTitle
{
	opacity: 0;
}

.leyenda
{
	height: 48px;
	line-height: 55px;
	text-align: left;
	padding-left: 20px;
	position: fixed;
	width: 100%;
	background: white;
	top: calc(100vh - 48px);
	background-color: #F3F3F3;

}

#La_Trayectoria-cronologia.active_filter_crono
{
	color: #CA7209 !important;
}
#Las_Personas-cronologia.active_filter_crono
{
	color: #1168A6 !important;
}
#La_Marca-cronologia.active_filter_crono
{
	color: #C20023 !important;
}
#La_Fundación-cronologia.active_filter_crono
{
	color: #0E8C8D !important;
}

@media (max-width: 767px)
{
	.footer_cronologia
	{
		padding-left: 0;
	}
	.leyenda {
	    padding-left: 15px;
	    line-height: 50px;
	    overflow: hidden;
	    overflow-x: scroll;
	    white-space: nowrap;
      padding-bottom: calc(.5rem + env(safe-area-inset-bottom));
      top: unset;
      bottom: 0;
	}

  .buscadorYearSelector {
      padding-bottom: calc(.5rem + env(safe-area-inset-bottom));
      top: unset!important;
      bottom: 0;
  }

	.leyenda span.texto_azul, .leyenda span.texto_rojo, .leyenda span.texto_verde, .leyenda span.texto_amarillo
	{
		color: rgba(20,128,204,1);
		
	}

	.leyenda span.texto_rojo
	{
		color: rgba(220,0,40,1);
	}
	.leyenda span.texto_verde
	{
		color: rgba(18,179,179,1);
	}
	.leyenda span.texto_amarillo
	{
		color: rgba(250,150,30,1);
	}

	.leyenda span.circulo
	{
		width: 9px;
		height: 9px;
	}

	.flecha_slider_crono 
	{
		display: none;
	}
	.content-cronologia
	{
		width: initial;
		height: initial;
		padding: 0px 15px;
		min-width: 100vw;
	}
	.content_year_cronologia::after,.content_noticia::after
	{
		content: initial;
	}
	.categoria_noticia_crono
	{
		padding: 8px;
		padding-top: 8px !important;
	}
	.categoria_noticia_crono, .titulo_crono, .imagen_noticia
	{
		margin: initial !important;
	}
	.categoria_noticia_crono::before,.titulo_crono h2::after
	{
		background: #333334 !important;
	}
	.content_year_cronologia .content_noticia_fecha h1, .content_year_cronologia_hidden .content_noticia_fecha h1
	{
		padding-top: 10px !important;
		font-weight: initial;
	}
	.content_year_cronologia,  .content_year_cronologia_hidden
	{
		margin-top: initial;
	}
	.content_year_cronologia:first-child,  .content_year_cronologia_hidden:first-child
	{
		margin-top: 50px;
	}
	.content_noticia_fecha::before
	{
    	height: 3px;
	}
	.content_noticia
	{
		max-width: initial;
		min-height: initial;
	}
	.content_noticia_fecha 
	{
	    position: initial;
	    margin: initial;
	}
	.titulo_crono h2
	{
		font-size: 18px;
		font-weight: 500;
		line-height: 23px;
	}
	.cronologia_pagina
	{
		position: initial;
		height: initial;
		overflow: initial;
	}
	.content_year_cronologia p,  .content_year_cronologia_hidden p
	{
		
		margin: initial;
		margin-bottom: 40px;
	}
	.bloque_size_small,.bloque_size_big
	{
		width: initial;
	}

	.content_year_cronologia_hidden::before
	{
		content: initial;
	}
	.hiddenTitle
	{
		display: none;
	}
}

/*     	////////////////
        ////////////////
         FIN DE CRONOLOGIA
        ///////////////
        /////////////// 
*/


/*     	////////////////
        ////////////////
         SINGLE
        ///////////////
        /////////////// 
*/
.content_single
{
	background-color: #f3f3f3;
	padding: 0;
	font-family: "Catalana";
}
.content_single h1
{
	color: #333334;
	font-family: "Catalana - Bold";
	letter-spacing: -0.43px;
	line-height: 46.4px;
	padding-bottom: 46px;
	margin: 0;
	/*width: 25%;*/
	font-size: 80px;
	padding-top: 10px;
}

.content_titulo_single
{
	max-width: 100%;
	float: left;
	padding-top: 5px;
}

.subtitulo-single 
{
	border-top: 1px solid #333334;
	padding-top: 10px;
}
.subtitulo-single h2, .titulo_single_hitos
{
	color: #333334;
	font-family: "Catalana - Bold";
	font-size: 40px;

	letter-spacing: -0.11px;
	line-height: 40px;
	padding-right: 50px;
	margin: 0;
	
}



.imagen-single
{
	float: left;
	padding-top: 5px;
	/*background: url("../img/imagen2_cronologia.svg") no-repeat center center fixed; 
	height: 500px;*/
}

.seccion_izquierda_single
{
	 padding-top: 5px; 
	 padding-right: 0px;
}
.seccion_izquierda_single:before
{
	content: " ";

	background: black;

	width: 100%;

	position: absolute;

	height: 2px;

	left: 0px;

	top: 0px;
}
.seccion_izquierda_single:after
{
	content: " ";

	background: #b6b6b6;

	width: 2px;

	position: absolute;

	height: 100%;

	right: -13px;

	top: 0px;
}


.content_quote_single
{
color: #333334;
font-family: "Catalana - Bold";

line-height: 18px;
font-size: 18px;

padding-top: 5px;

line-height: 25px;
}

.content_quote_single:before
{
	content: " ";

	background: black;

	width: 100%;

	position: absolute;

	height: 1px;

	left: 0px;

	top: 0px;
}


.siguiente_slide_single div img, .content_extras_single img
{
	cursor: pointer;
}

.content_content_single:before
{
	content: " ";

	background: black;

	width: calc(100% - 29px);

	position: absolute;

	height: 1px;

	left: 15px;

	top: 0px;
}
.content_content_single
{
	color: #333334;
	font-family: "CatalanaSans";
	padding: 0px 20px;
	padding-right: 30px;
	padding-top: 5px;
	/* Style for "Sitatibus" */
}
.content_content_single p
{

	color: #333334;
	font-size: 14px;
	line-height: 22px;
}

.content_extras_single
{
	color: #333334;
	font-family: "Catalana - Medium";
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	padding-top: 10px;

}
.content_extras_single img
{
	width: 100%;
	/*max-height: 215px;*/
}

.content_extras_single:before
{
	content: " ";

	background: black;

	width: calc(100% - 29px);

	position: absolute;

	height: 2px;

	left: 15px;

	top: 0px;
}

.container-fix
{
	width: 95%; 
	position: relative;
	margin-left: 70px;
}
.imagen-mobil-single
{
	display: none;
}

.noticias_single_footer
{
	display: none;
}
.categoria_single
{
	padding-left: 	0px;
	padding-right: 	0px;
}

.titulo_single_hitos, .button_slide_single
{
	display: none;
}

.hitos_similares
{
	padding-top: 50px !important;
}
.hitos_año
{
	padding-top: 50px !important;
	margin-bottom: 20px;
}

.circulos_imagen_single.mobileView {
	    display: none;
	}

@media (max-width: 991px)
{
	.seccion_izquierda_single::before
	{
		content: initial;
	}
	.content_single h1
	{
		position: relative;
		width: 100%;
	}
	.content_titulo_single h1:before
	{
		content: " ";

		background: black;

		width: 100%;

		position: absolute;

		height: 2px;

		left: 0px;

		top: -12px;
	}
	.content_titulo_single,.content_content_single,.content_quote
	{
		margin-left: 	30px;
		margin-right: 	30px;
	}
	.cerrar_single
	{
		left: 30px !important;
	}

	.subtitulo-single .categoria_noticia
	{

		color: rgba(220,0,40,1);
		font-family: Catalana !important;
		font-size: 12.6px;
		font-weight: 500;
		line-height: 10px;
	}
	.subtitulo-single h2
	{
		padding-right: 0px;

		color: rgba(51,51,52,1);
		font-family: Catalana;
		font-size: 30px;
		line-height: 30px;
	}
	.content_quote_single
	{

		color: rgba(51,51,52,1);
		font-family: Catalana;
		font-size: 15px;
		font-weight: bold;
		line-height: 18px;	
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.imagen-single_pc
	{
		display: none;
	}

	.content_content_single
	{
		padding: 0;
		padding-top: 15px;
		
		margin-top: 20px;

	}

	.content_content_single p
	{

		color: rgba(51,51,52,1);
		font-family: ".SF NS Display";
		font-size: 10px;
		line-height: 15px;
	}

	.seccion_izquierda_single::after
	{
		content: initial;
	}

	.content_content_single:before
	{
		left: 5px;
	}
	.container-fix
	{
		width: 100%;
		margin: auto;
	}
	.imagen-mobil-single
	{
		display: initial;
		    position: relative;
	}

	.circulos_imagen_single.mobileView {
	    top: initial !important;
	    margin-top: 15px;
	    z-index: 9;	   
	    display: block;
	}



	.circulo-single-active, .circulo-single{
		    width: 10px !important	;
    		height: 10px !important	;
    		margin-right: 4px !important	;
	}

	.seccion_hide
	{
		display: none;
	}

	.content_extras_single
	{
		margin-top: 20px;

		padding-top: 20px;
	}

	.content_extras_single img
	{	
		max-height: initial;
	}
	.noticias_single_footer
	{
		display: block;
	}
	.seccion_hide
	{
		display: block;
	}
	.seccion_derecha_hito:first-child
	{
		margin-top: 20px;
	}
	.siguiente_slide_single,.content_extras_single
	{
		padding: 0 !important;
		padding-top: 20px !important;
	}
	.content_titulo_single
	{
		float: initial
	}
	.siguiente_slide_single h2, .content_extras_single h3
	{

		color: rgba(51,51,52,1) !important;
		font-family: Catalana !important;
		font-size: 18px !important;
		font-weight: bold !important;
		line-height: 23px !important;

	}
	.seccion_hide
	{
		padding-right: 0px;
	}
	.content_extras_single .categoria_noticia  
	{
		padding-top: 15px;
	}
	.col-md-8.noticias_single_footer_bucle,.seccion_derecha_hito
	{
		padding: 0;

		margin-left: 30px;

		margin-right: 30px;
	}
	.content_extras_single::before,.siguiente_slide_single:after
	{
		left: 0 !important;
		width: 100% !important;
	}

	.titulo_single_hitos 
	{
    	padding: 15px 30px ;
    	padding-bottom: 0px;

    	display: block;

    	font-size: 18px !important;
	}
	.button_slide_single
	{
		display: block;
	}

	.button_slide_single button
	{
		color: black;
		border: 0.69px solid black;
	}
	.button_slide_single button:hover
	{
		color: black;
	}

	.content_extras_single img, .siguiente_slide_single img
	{
		display: none;
	}
	
}

/*     	////////////////
        ////////////////
         FIN DE SINGLE
        ///////////////
        /////////////// 
*/


/*     	////////////////
        ////////////////
         NOTICIAS
        ///////////////
        /////////////// 
*/


.btn_noticia
{

	width: 182px;
	color: #000000;
	font-family: "CatalanaSans";
	font-size: 14px;
	font-weight: 600;
	height: 38px;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid black;
	border-radius: 0px !important;
}



.cross
{
	background-color: #333334;
	opacity: 0.7;
	padding: 15px;
	position: absolute;
	top: 10px;
	left: 15px;
}



/*     	////////////////
        ////////////////
         FIN DE NOTICIAS
        ///////////////
        /////////////// 
*/


/*
		////////////////
        ////////////////
         MASONRY
        ///////////////
        /////////////// 

*/

	.contenedor-masonry
	{
	-moz-column-width: 30em;
	 -webkit-column-width: 30em;
	 -moz-column-gap: 1em;
	 -webkit-column-gap:1em; 
	 margin-left: 35px;
	 padding-top: 80px;
	}

	.item 
	{
		 display: inline-block;
		 padding:  .25rem;
		 width:  100%; 
	}

	.well 
	{
		 position:relative;
		 display: block;
		 border: initial !important;
		 padding-top: 0px !important;
	}


	.noticia_block
	{
		/*padding: 10px 15px 0px 15px;*/
		margin-bottom: 100px;
		/*position:relative;
	 	display: block;*/
	 	padding-top: 5px !important;
	 	background-color: initial;
	}

	.noticia_block:after
	{
		content: " ";

		background: black;

		width: calc(100% - 40px);

		position: absolute;

		height: 2px;

		left: 20px;

		top: 0px;

	}

	.noticia_block p
	{

		color: #333334;
		font-family: "Catalana";
		font-size: 14px;
		line-height: 21px;
		border-top: 1px solid #333334;
		margin-top: 35px;
		padding-top: 5px;
	}
	.noticia_block h2,.categoria_noticia,.categoria_noticia_crono
	{
		
		color: #333334;
		font-family: "Catalana";
		font-size: 18px;
		font-weight: 700;
		line-height: 25px;
		margin: 0;

	}
	.noticia_block h2
	{
		margin-bottom: 20px;
		font-family: "Catalana - Bold";
		font-weight: initial;
	}
	.categoria_noticia
	{
		color: #dc0028;
	}

	.categoria_masonri
	{
		padding: 0;
	}

	.not_found
	{
		position: absolute;
	    top: 50%;  /* position the top  edge of the element at the middle of the parent */
	    left: 50%; /* position the left edge of the element at the middle of the parent */

	    transform: translate(-50%, -50%); /* This is a shorthand of
	                                         translateX(-50%) and translateY(-50%) */

     	text-align: center;
	}


	@media (max-width: 767px)
	{
		.contenedor-masonry
		{
			margin: initial;
		}
		.content-noticias
		{
			min-height: 1000px;
		}
	}

/*
		////////////////
        ////////////////
         FIN DE MASONRY
        ///////////////
        /////////////// 

*/




/*     	////////////////
        ////////////////
         DISPLAYS
        ///////////////
        /////////////// 
*/

.content-hitos,.content-noticias
{
	background-color: #f3f3f3;

	width: 100%;

	height: 100%;

	min-height: 100vh;
	/*position: fixed;*/
	
	z-index: 5;

	overflow: scroll;

	

}



.slider-pc,.slider-pc-crono
{
	display: block;
	
}
.slider-mb,.slider-mb-crono
{
	display: none;

}

.siguiente_slide_single
{
	padding-top: 10px;
	padding-left: 23px;
}

.siguiente_slide_single:after
{
	content: " ";

	background: black;

	width: 89%;

	position: absolute;

	height: 1px;

	left: 23px;

	top: 0px;

}

.siguiente_slide_single:first-child:after
{
	content: " ";

	background: black;

	width: 89%;

	position: absolute;

	height: 2px;

	left: 23px;

	top: 0px;
}

.siguiente_slide_single h2
{
	color: #333334;
	font-family: "Catalana - Bold";
	font-size: 18px;
	letter-spacing: -0.11px;
	line-height: 23.64px;
	margin:0;
	margin-bottom: 5px;
}
.content_extras_single h3
{
	color: #333334;
	font-family: "Catalana - Bold";
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;

}

.cerrar_single
{
	position: absolute;
	top: -45px;

	font-size: 30px;

	left: 0;

	z-index: 9;
}

.circulo-single
{
	float: left;
	border: 1px solid #5c5c5d;
	background-color: #5c5c5d;
	border-radius: 50px;
	width: 17px;
	height: 17px;
	margin-right:10px; 
	cursor: pointer;
	transition: all 1s;
}

.circulo-single-active
{
	float: left;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	border-radius: 50px;
	width: 17px;
	height: 17px;
	margin-right:10px; 
	cursor: pointer;
	transition: all 1s;
}

.circulos_imagen_single
{
	position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.buscadorYear{
	background-color: #D8D8D8;
	color: #858585;
    position: absolute;
    right: 40px;
    top: 0;
    width: 105px;
    padding-left: 12px;
    font-size: 15px;
    font-family: "Catalana";
    cursor: pointer;
}

.buscadorYear:hover{
	background-color: #c0c0c0; 
}

.buscadorYearSelector{
    background-color: #D8D8D8;
    color: #858585;
    position: fixed;
    right: 40px;
    top: calc( 100vh - 144px);
    width: 105px;
    padding-left: 12px;
    height: 144px;
    overflow-y: scroll;
    display: none;
    cursor: pointer;
    z-index: 9999999999;
}

.buscadorYearSelector::-webkit-scrollbar {
    width: 3px;
}
 
.buscadorYearSelector::-webkit-scrollbar-track {
}
 
.buscadorYearSelector::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.buscadorYear img{
    position: absolute;
    right: 12px;
    width: 1px;
    top: 10px;
}


.circulo_lightblue {
    background-color: #2F9046;
	color:#2F9046;
}

.yearSelector{
    height: 40px;
    font-size: 15px;
    font-family: "Catalana";
}
.yearSelector.hide_single{
	display: none;
}

.yearSelector.active{
    font-weight: bold;

    font-family: "Catalana - Bold";

}

.flechaTop{
        position: fixed;
    bottom: 100px;
    right: 50px;
    width: 18px;
}

.flechaBottom{
    position: fixed;
    bottom: 12px;
    width: 18px;
    right: 50px;
}

.yearSelectorCross{
    position: fixed;
    bottom: 120px;
    width: 18px;
    right: 50px;
}


.hide_single
{
	display: none;
}

.active_single
{
	display: inline;
}


.disabled{
    color: #828282 !important;
}

.circulo.disabled{
    background-color: #828282 !important;
}
.content_year_cronologia .showTitle:after , .content_year_cronologia_hidden .showTitle:after {
    content: " ";
    background: black;
    width: 1px;
    position: absolute;
    height: 100%;
    left: -13px;
    top: 0px;
    min-height: 1500px;
}

.content_year_cronologia .showTitle:before, .content_year_cronologia_hidden .showTitle:before {
        content: " ";
    background: white;
    width: 29px;
    position: absolute;
    height: 2px;
    left: -28px;
    top: 0px;
    /* min-height: 1500px; */
}


.content_year_cronologia:first-child .showTitle:after , .content_year_cronologia_hidden:first-child .showTitle:after {
    background: black;
    width: 0px;
    position: absolute;
    height: 100%;
    left: -13px;
    top: 0px;
    min-height: 1500px;
}

@media (max-width: 767px)
{
	.slider-mb,.slider-mb-crono
	{
		display: block;
		height: 50px;
	}
	.slider-pc
	{
		display: none;
	}
}



/*
*
*	EXTRAS (Correcion)
*
*/

.content_year_cronologia:first-child::after {

    content: initial;

}
.facebook,.twitter,.instagram{
      opacity: 0;
}

.redes_sociales{
	display: none;
}

.imagen-single_pc .cross{
	display: none;
}

@media (max-width: 767px)
{
	.Titulo_date h2
	{
		font-size: 57.08px;
		letter-spacing: -0.39px;
		line-height: 66px;

	}
	.Titulo_date h2:after
	{
		top: 120px;
		height: 0.71px;
	}
	.btn_slide
	{
		/*height: 27.11px;*/
		/*width: 129.86px;*/
		border: 0.69px solid #D8D8D8;
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
		border-radius: 0px;

	}
	/*.buscadorYear{display: none}*/

	.hideOnMobile{
		display: none;
	}
	.header{
		position: fixed;
	    top: 0;
	    z-index: 99;
	    width: 100vw;
	}
	body {
		padding-top: 68px !important;
	}
	#menu_navbar_menu {

	    position: fixed !important;
	   
	    /* min-height: 100vh; */
	}

	.leyenda > span{
		display: none;
	}
}



.cerrarBusqueda{
    position: absolute;
    bottom: 0;
    right: 60px;
    cursor: pointer;
    padding: 3px 6px;
    background: #0000001a;
}
.stickyHeader{
    position: fixed;
    top: -60px;
    z-index: 99;
    width: 100vw;
}

@media (max-width: 500px)
{
	
	.Titulo_date h2::before, .Titulo_date h2::after
	{
		width: 100%;
	}

}




.buscarMobilebutton{
    width: 100%;
    height: 43px;
    font-size: 20px;
}