:root {
    --blue_1: #00589c;
    --blue_2: #004179;
    --blue_3: #013a6b;
    --headers_color: #0c71c3;
    --paragraphs_color: #666;
  }  
.body{
    color: #666;
    font-family: 'Open Sans';

}
h1, h2, h3, h4, h5, h6{
    font-family: 'Open Sans';
    font-weight: 700;
    color: var(--headers_color);
    letter-spacing: .04rem;;
}
h1{ font-size: 1.5rem; }
h2{ font-size: 1.4rem;  color: var(--paragraphs_color); }
h3{ font-size: 1.2rem;}
h4{ font-size: 1.1rem;}
h5{ font-size: .9rem;}
h6{ font-size: .7rem;}

p, main ul li{
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    color: var(--paragraphs_color);
    line-height: 1.7rem;
    letter-spacing: .01rem;
}
header{
    background-color: var(--blue_1);
    top: 0;
    width: 100%;
    z-index: 1000;
}


#menu{
    /*font-size: 13px; */
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600; 
}

#menu.container{ padding: 0 30px;}

#encabezado{
    background-color: var(--blue_1); 
    padding: 15px 0; 
    font-size: 23px; 
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: .05rem;
	list-style: none;
}

#logo_header{
    width: 250px;
    transition: all .4s ease-in-out;
}

#menu_desplegable{
    background-color: var(--blue_1); 
    font-size: 13px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600;
    position: absolute;
    width: 100%;
    z-index: 6;
}

nav{
    background-color: var(--blue_1);
    padding: 15px 0;
}

main .container, #pie_2.container
{
    padding: 30px !important;
}

.icon-azul1{ 
    position: relative;
    background: var(--blue_2);
    color: white !important; 
    top: 4px;
    font-size: 32px;
    margin: 0 4px;
}
.icon-azul2{ 
    color: var(--blue_2) !important; 
    padding: 5px 6px; 
    font-size: 20px;
    margin: 0 4px;
}
.down{ width: 150px;}
/* MENÚ VISTA ESCRITORIO */
.dropdown-menu{
    color: white;
    background: var(--blue_2);
    border-radius: 0;
    border: none;
    margin-top: -2px !important;
}
.dropdown-menu a{ color: white; padding: 10px;}
.dropdown-menu a:hover{ color: white; background: var(--blue_3);}

/* MENÚ RESPONSIVO */
.list-group{ margin-top: 10px;}
#menu_desplegable, .list-group{
    background: var(--blue_2);
}
.list-group a, .list-group span{ padding: 5px;}
#menu_desplegable a:active, #menu_desplegable a:hover, .list-group a:hover{
    background: var(--blue_3);
}
/* PIE */
footer .container{
    padding: 0 5px !important;
}
footer{
    background-color: var(--blue_2);
}
footer p{ 
     
    font-size: .9rem; 
    line-height: 1.5rem; 
    color: white;
    letter-spacing: .03rem;
}

#pie_2{
    font-size: 13-5px;
}

#pie_1{
    background-color: var(--blue_1); 
    padding: 15px 0; 
   
}
#pie_1 p{
    font-size: 12px;
}
.logo-pie{ width: 180px;}

/* CARRUSEL */
#carrusel{
    padding: 0;
    z-index: 1;
}


.carousel-control-next span{
    background: rgba(1, 0, 66, 0.8) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") no-repeat center center;
    background-size: 70% 70%;
    border-radius: 50%;
    padding: 1%;
}
.carousel-control-prev span{
    background: rgba(1, 0, 66, 0.8) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") no-repeat center center;
    background-size: 70% 70%;

    border-radius: 50%;
    padding: 1%;
}
.carousel-control-next:focus span, .carousel-control-prev:focus span{ border: 2px solid white ; background-color: #0059ff; }
ol.carousel-indicators li{ 
    border: 1px solid var(--blue_3) !important; 
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    margin: 0 6px !important; 
}
ol.carousel-indicators li.active{ 
    background: var(--blue_1);
    border-color: white !important;
}

/* REGLAS RESPONSIVAS */
@media (min-width: 768px){
    h1{ font-size: 2rem; margin-bottom: 2rem;}
    h2{ font-size: 1.5rem; margin-bottom: 2rem; }
    h3{ font-size: 1.2rem;}
    h4{ font-size: 1rem;}
    h5{ font-size: .8rem;}
    h6{ font-size: .6rem;}
    p{
        font-family: 'Open Sans';
  
        line-height: 1.85rem;
    }
    main .container,
    #pie_2.container
   {
        padding: 15px !important;
    }
}
@media (min-width: 992px){
    header{
        position: fixed;
    }
    nav{
        background-color: var(--blue_2);
        padding: 0;
    }
    #carrusel{
       margin-top: 147px;
    }
}


@media (min-width: 1100px) {
    .container{
        max-width: 1080px;
    
    }
}
@media (min-width: 1400px) {
    .container{
        max-width: 1080px;

    }
}