@charset "UTF-8";

/* CSS Document */


/*Author: Malcolm cordova @malcolmcordova mercadocreativo@gmail.com www.malcolmcordova.com*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("reset.css");
@import url("bootstrap.css");
@import url("bootstrap.min.css");
@import url("normalize.css");
@import url("font-awesome.css");
@import url("font-awesome.min.css");
@import url("fonts.css");
@import url("anim.css");
@import url("animate.css");
@import url("botones.css");
@import url("footer.css");
@import url("headerdinamico.css");
@import url("parallax.css");
@import url("banner.css");
@import url("backtotop.css");

/*@import url("menulateral.css");*/

@import url("hovereffects.css");
@import url("formularios.css");
@import url("botones.css");
@import url("mapa.css");
@import url("mapanew.css");

/* menu lateral */

@import url("component.css");

/* menu lateral */

@import url("modales-info.css");
/* @import url("mouseicon.css"); */
@import url("menusegundario.css");
@import url("mapaSpace.css");

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root {
    --azul-oscuro: #16192A;
    --azul-oscuro-transparente: #16192ac2;
    --azul-claro: #21436d;
    --mapa-fondo: #43537B;
    --mapa-borde: #72c0ff;
    --amarilloActivo: #edfb59;
    --amarillosuave: #e3e70f;
    --font-color: #333;
    --background-color: #f4f4f4;
    --azullogo: #72c0ff;
    --fondopage:#f5f5f5;
    --font-family: 'Montserrat', sans-serif;
}

body {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    background-color: var(--azul-oscuro);
    color: var(--font-color);
    line-height: 1.6;
}

.shadow {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}

.shadowHover:hover {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}

.clear {
    clear: both;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    height: 0;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
    display: flex !important;
    justify-content: space-between !important;
    padding: 5px;
}

.nav-tabs li .active {
    color: var(--azul);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400;
    text-shadow: none;
}

.btn,
.btn-primary {
    font-family: "Montserrat", sans-serif !important;
    background-color: var(--azul-claro) !important;
    background: var(--azul-claro) !important;
}