/* TIPOGRAFIAS */
@font-face {
    font-family: 'bebasregular';
    src: url('bebasneue-regular-webfont.woff2') format('woff2'),
         url('bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.bebasregular {
    font-family: 'bebasregular';
}

@font-face {
    font-family: 'montserratmedium';
    src: url('montserrat-medium-webfont.woff2') format('woff2'),
         url('montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.montserratmedium {
    font-family: 'montserratmedium';
}

@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.woff2') format('woff2'),
         url('montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.montserratregular {
    font-family: 'montserratregular';
}

@font-face {
    font-family: 'montserratsemibold';
    src: url('montserrat-semibold-webfont.woff2') format('woff2'),
         url('montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.montserratsemibold{
    font-family: 'montserratsemibold';
}
/* FIN DE TIPOGRAFIAS */

body {
	font-family: 'montserratregular';
	/* Location of the image */
	background-image: url('../images/background.jpg');

	/* Background image is centered vertically and horizontally at all times */
	background-position: top center;

	/* Background image doesn't tile */
	background-repeat: no-repeat;

	/* Background image is fixed in the viewport so that it doesn't move when
	 the content's height is greater than the image's height */
	background-attachment: fixed;

	 /* This is what makes the background image rescale based
	 on the container's size */
	 background-size: cover;

	 /* Set a background color that will be displayed
	 while the background image is loading */
	 background-color: #464646;
}
.top-button {
    display: none;
    position: fixed;
    bottom: 20%;
    right: 1%;
    z-index: 1000;
}
.back-button {
    position: fixed;
    bottom: 50%;
    left: 1%;
    z-index: 1000;
}
@media (max-width: 575px) {
    .back-button {
        display: none;
    }
    .top-button img {
        max-height: 40px;
    }
}
header {
	font-family: 'montserratsemibold';
}
header nav {
	box-shadow:  10px 0 10px 0  rgba(80,80,80,0.6);
	-moz-box-shadow: 10px 0 10px 0  rgba(80,80,80,0.6);
	-webkit-box-shadow: 10px 0 10px 0  rgba(80,80,80,0.6);
	-o-box-shadow: 10px 0 10px 0  rgba(80,80,80,0.6);
}
.navbar-brand {
    position: absolute;
}
#logo {
    max-height: 100px;
}
.nav-link {
	color: #2071B7 !important;
}
.nav-link:hover {
	color: #FFF !important;
}
@media (max-width: 991px) {
    /* .navbar-brand {
        position: relative;
    } */
    .navbar-brand {
        position: relative;
    }
}
@media (max-width: 362px) {
    #logo {
        max-height: 80px;
    }
}
a:hover {
	text-decoration: none;
}
.titulo {
    color: #3737B5;
    font-family: 'bebasregular';
}
#promos-cont {
    background-color: #D1FDFF;
}

/* COLORES */
.txt-blanco {
	color: #FFF;
}
.txt-azul {
    color: #2071B7;
}

/* TAMAÑOS TIPOGRAFIAS */
.f-02 {
	font-size: 0.2em
}
.f-04 {
	font-size: 0.4em
}
.f-06 {
	font-size: 0.6em
}
.f-08 {
	font-size: 0.8em
}
.f-1 {
	font-size: 1.0em
}
.f-12 {
	font-size: 1.2em
}
.f-14 {
	font-size: 1.4em
}
.f-16 {
	font-size: 1.6em
}
.f-18 {
	font-size: 1.8em
}
.f-2 {
	font-size: 2.0em
}
.f-3 {
	font-size: 3.0em
}
.f-5 {
	font-size: 5.0em
}
footer {
	color: #FFF;
}
.copy {
	background-color: #1a69af;
	box-shadow: 10px 0 0 0 rgba(80,80,80,0.6);
    -moz-box-shadow: 10px 0 0 0 rgba(80,80,80,0.6);
    -webkit-box-shadow: 10px 0 11px 1px rgba(80,80,80,0.6);
    -o-box-shadow: 10px 0 11px 12px rgba(80,80,80,0.6);
}
.titulo {
    text-align: center;
    color: #3737B5;
    font-family: 'bebasregular';
    font-size: 5.0em;
}
@media (max-width: 470px) {
    .titulo {
        font-size: 3.5em;
    }
}