/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.flotando {
	display: block;
	position: fixed;
	top: 100px;
	right: 10px;
	z-index: 999;
}

.page-section-top {
    padding: 120px 0 0 0;
}

.azul {
	color: #74b9ff !important;
}

.more-link {
	color: #74b9ff !important;
	border-bottom: 1px solid #74b9ff !important;
}

.bloque-oculto {
	display: none;
}

.btnshistoria {
	max-width: 800px;
    text-align: center;
    background: #FFF;
    z-index: 50;
    position: relative;
}

.historia-der {
	position: relative;
	padding: 0 0 0 2rem;
	margin: 4rem 0 0 0;
}

.historia-izq {
	position: relative;
	padding: 0 2rem 0 0;
}

.dashed-lateral {
	border-right: dashed 2px #F2F2F2;
}

.historia-contenido {
	padding: 3rem;
	text-align: justify;
}

.historia-contenido h2 {
	color: #999;
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.5rem;
}

.historia-linea {
	border-top: dashed 2px #CCC;
	height: 1px;
	position: relative;
	width: 80px;
}

.historia-bolita {
	position: absolute;
    width: 15px;
    height: 15px;
    border: solid 2px #CCC;
    background: #FFF;
    right: -2px;
    border-radius: 50%;
    top: -9px;
}

.historia-izq .historia-linea {
	position: absolute;
	right: -18px;
	top: 4.2rem;
}

.historia-der .historia-bolita {
	right: inherit !important;
	left: -2px;
}

.historia-der .historia-linea {
	position: absolute;
	left: -18px;
	top: 4.2rem;
}

.mapBox {
  height: 100%;
  z-index: 1;
}

@media (max-width: 767px) {
	.flotando {
		width: 170px;
		top: 80px;
    right: 10px;
	}

	.historia-linea {
		display: none;
	}

	.dashed-lateral {
	    border: none;
	}

	.historia-izq {
	    position: relative;
	    padding: 0;
	}

	.historia-contenido {
	    padding: 1rem;
	}

	.historia-der {
	    padding: 0;
	    margin: 0;
	}
}

.device-xs header.full-header,
.device-touch header.full-header {
	position: fixed !important;
	z-index: 10;
  width: 100%;
}