@font-face {
    font-family: 'DINBold';
    src: url('../fonts/DIN-Alternate-Bold.woff2') format('woff2'),
         url('../fonts/DIN-Alternate-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Din';
    src: url('../fonts/DIN-Alternate.woff2') format('woff2'),
         url('../fonts/DIN-Alternate.woff') format('woff');
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'DINBold';
	color: #12161e;
	background-color: #eaeaea;
}

.row {
	margin: 0;
	padding: 0;
}

/*********************************************************************/
nav.navbar {
	border-radius: 0;
	background-color: #fff;
	border-color: #fff;
	color: rgb(138,201,181);
}

nav.navbar a {
	color: rgb(138,201,181)!important;
	font-size: 18px;
	line-height: 59px;
}

nav.navbar a:hover,nav.navbar a:active,nav.navbar a:focus,nav.navbar a:visited {
	color: #9d9d9d;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: #444;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333!important;
}

.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #fff!important;
}

nav .logo_header {
	max-width: 70px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/*********************************************************************/

section.contenido_interno .agrega_margenes {
	padding: 0 5%;
}

section.contenido_interno h1 {
	font-family: 'Din';
	color: #12161e;
}

section.contenido_interno .texto_nota {
	color: rgb(138,201,181);
}

section.contenido_interno .agrega_bordes {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 1.2%;
	padding-bottom: 1.2%;
}

section.contenido_interno .agrega_bordes p {
	font-size: 2rem;
}

section.contenido_interno .agrega_bordes .text-center img.img-responsive {
	display: initial;
}

/***********************   ESPACIOS   **********************************/
main.espacios {
	position: relative;
	width: 100%;
}

main.espacios .content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	min-height: 100vh;
}

main.espacios .grid {
	padding: 20vh 0;
	max-width: 1000px;
	display: grid;
	grid-row-gap: 20vh;
	grid-template-columns: repeat(2, 1fr);
}

main.espacios .grid__item {
	position: relative;
}

main.espacios .grid__item-titlewrap {
	bottom: 10%;
	position: absolute;
}

main.espacios .grid__item-title {
	font-size: 10rem;
	line-height: 1;
	margin: 0;
	color: rgb(16,31,126);
}

main.espacios .grid__item-description {
	margin: 0;
	font-size: 1.5rem;
}

main.espacios .grid__item:nth-child(odd) {
	align-self: start;
}

main.espacios .grid__item:nth-child(odd) .grid__item-titlewrap {
	right: -5vw;
}

main.espacios .grid__item:nth-child(even) {
	margin: 70vh 0 0 0;
}

main.espacios .grid__item:nth-child(even) .grid__item-titlewrap {
	left: -5vw;
}

main.espacios .scroll-img {
	width: 500px;
	max-width: 100%;
	height: 50vh;
	min-width: 250px;
	min-height: 250px;
	background-size: cover;
}

@media screen and (max-width: 55em) {
	main.espacios .grid {
		display: block;
		margin: 0;
		padding: 0;
	}
	main.espacios .grid__item {
		margin: 0 0 8rem !important;
	}
	main.espacios .scroll-img {
		margin: 0 auto;
	}
	main.espacios .grid__item-titlewrap {
		padding: 1rem 0 0 0;
		position: relative;
		text-align: center;
		left: 0 !important;
		right: 0 !important;
		width: 100%;
		display: block;
	}
}

/*********************************************************************/

footer {
	background-color: #888;
	color: #fff;
	font-size: 22px;
	text-align: center;
	padding: 0.5% 0;
	font-family: Open Sans;
}

footer .row {
	margin: 0;
	padding: 0;
}

footer .texto {
	line-height: 60px;
}

footer .logo_footer {
	/*position: relative;
    float: left;
    margin-left: 3%;
    margin-top: -50px;*/
    max-width: 60px;
}

/*****************************************************************
*********************   MEDIA QUERIES ****************************
******************************************************************/
@media screen and (max-width: 1400px) {
	
}

@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 991px) {
	section.contenido_interno.servicios div img.img-responsive {
		margin-top: 2%;
		margin-bottom: 2%;
	}
}