@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap');
.form-control{font-weight: 300;}
#menu_principal {margin-top: 5px;}

.navbar-expand-md .navbar-nav .nav-link {    padding-right: .3rem;    padding-left: .3rem;}
.navbar{padding: .5rem 0rem;}
.logo{ padding: 15px;}

.marr-10 {margin-right: 10px;}
.redes_cabecero{display:inline-block; text-aling:right; font-size: 0.9em;}
.redes_cabecero a {
    color: #00b5eb;
}
.redes_cabecero a:hover {
    color: #002142;
}
.banderas{ display: block; text-align: right; margin-bottom: 0px!important;}
.bandera{ display:inline-block; text-align: right; padding: 6px 6px 0px 6px;}
.banderas img{ border:1px solid transparent}
.banderas .active img{ border:1px solid #fff}
.dropdown-menu{border-radius: 0rem;}

a:hover{ text-decoration: none;}
.dropdown-menu{ padding: 0px;}
.dropdown-item {    display: block;    width: 100%;    padding: 0.75rem 0.5rem; border-bottom: 1px dotted #ccc; text-transform: uppercase; font-size: 0.9em;}
#menu_superior .dropdown-toggle::after {   margin-left: 0em; display: none; }


body {

    font-family: 'Rubik', sans-serif;
    font-weight:200;
    font-size: 16px;
    color:#666;
}

.relleno_ambos{ padding-top: 80px; padding-bottom: 80px;}


#menu_principal .nav-link{color:#999; text-transform:uppercase; font-size:0.9em;font-weight: 400;}
#menu_principal .nav-link:hover{color:#fff;}
#menu_principal .nav-link.activo{color: #000;}

.dropdown-item.active, .dropdown-item:active {   background-color: #00b5eb;}
.dropdown-item:focus, .dropdown-item:hover {    color: #fff!important;    text-decoration: none;    background-color:#00b5eb;}
.image_centro {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.btn-primary {    color: #002142;    background-color: #00b5eb;    border-color: #00b5eb; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em;}
.btn-primary:hover {    color: #fff;    background-color: #09769b;    border-color: #09769b;}
.bg-dark{ background-color: #002142!important;}
.contacto .fas{color:#00b5eb; display: inline-block; padding-right: 15px; padding-bottom: 0px;}
.contacto span{ display: inline-block;}






/*------- esta clase es para menus que van encima del fondo-----------------*/


.menu_transparente {      background-color: rgba(26,31,43,0.4)!important;}
.menu_transparente .nav-link  { color:#fff!important; text-transform:uppercase;}



.navbar-toggler{ background-color: #00b5eb;  padding: .2rem .5rem;    font-size: 1em;}


   
.navbar-toggler-icon {    color: #fff;    font-size: 1.2em;}


.dropdown-menu {    margin: 0rem 0 1.05rem  0!important; font-size:0.875em; }
.dropdown-menu a{    color:#666!important; text-transform: uppercase }
.dropdown-menu {   border: 1px solid rgba(0,0,0,.15);}



#accordion1 .nivel_1 a{text-transform:uppercase; color:#666; }
#accordion1 .nivel_1 a:hover{background-color: #ddd; color:#000;}
#accordion1 .nivel_1{ border-bottom: 1px solid #ddd;}
#accordion1 .nivel_1 .fas{float: right; }
#accordion1 .nivel_2 a{text-transform:fullwidth; color:#666;  font-size:0.8em; }
#accordion1 .nivel_2 a:hover{background-color: #ddd; color:#000;}

.fondo_gris{ background-color: #efefef;}


.btn_transp{background-color: transparent; border:1px solid #1a1f2b; color:#1a1f2b; font-size: 0.95em;}
.btn_transp:hover{background-color:#1a1f2b; border:1px solid #1a1f2b; color:#fff;}



.dropdown:hover>.dropdown-menu {
    display: block;
}


/*-------------------------------footer------------------------------*/
footer{ color:#999;}
.area_pie{font-size: 1.25em; text-transform: uppercase; font-weight:600; color:#00b5eb; margin-bottom: 25px; }
.aviso a{text-transform: uppercase; font-weight:600; margin: 8px;}
#bloque_firma{padding-top: 10px; padding-bottom: 10px; font-size:0.8em;}
#bloque_firma a{color:#666;}
#bloque_firma a:hover{color:#000;}
.firma{ text-align: right;}
.caja_pie a{color:#999;}
footer a:hover{color:#fff;}
.icono_pie{ margin-top: -10px;}
.icono_pie a{ color:#00b5eb; font-size: 1.5em; }
.icono_pie .fa-facebook-f {
    color: #002142;
}


.caja_pie.contacto p{ margin-bottom: 0px!important;}
address { margin-bottom: 0px!important;}
footer p{font-size: 0.9em;}
footer li a::after{content:"\f105";  font-family: "Font Awesome 5 Free"; font-weight: 900; color:#00b5eb; padding-left: 8px; }

footer li { line-height: 100%!important;  margin-bottom: 14px; font-size: 0.9em;}
.caja_pie .fa-map-marker-alt{ margin-top: -10px;}

.caja_iso{ margin-top: 10px; display: block;}
.caja_iso figure{ padding: 10px;}
.btn_descarga{ padding: 5px 15px; background-color: #00b5eb; font-size: 0.8em;  letter-spacing: 1px;  color:#fff!important; border-radius: 50px; text-transform: uppercase;}
.btn_descarga i{ color:#fff!important; padding-right: 5px!important;}
p .calidad{ padding: 10px; display: block;}
.btn_descarga:hover{ background-color: #09769b;}

#aviso_desarrollo {
    width: 100%;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    background-color: red;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: none;
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    .area_pie{  margin-top: 20px;}
    .aviso, .firma{ text-align: center; margin-top: 10px;}
    #menu_superior{ position: relative!important;}
    .relleno_ambos {    padding-top: 10px;    padding-bottom: 10px;}
     #menu_oculto{display:none;}
     .navbar-toggler { margin-top: -40px;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .relleno_ambos {    padding-top: 10px;    padding-bottom: 10px;}
    .aviso, .firma{ text-align: center;}
    #menu_oculto{display:none;}
     .navbar-toggler { margin-top: -35px;}
   
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 


}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


}