
*{ 
    font-family: 'Poppins', sans-serif;
}

.navbar-light .navbar-nav .nav-link { 
    color: #00529a !important;
    font-weight: 600;
    font-size: 14px;
    margin-right: 20px;
}

.delmenu{ 
    color: yellow !important;
}

.navbar-light .navbar-nav .nav-item .nav-link.active { 
    color: #00529a !important;
    font-weight: 800;
    border-bottom: #00529a 1px dotted;
    border-width: 3px;
}

.navbar-light .navbar-nav .nav-link:hover { 
    color: #77cbec !important;

}

.btn-success{ 
    background-color: #00529a !important;
    border-radius: 20px;
    font-size: 14px;
    border: 0px;
}

.btn-primary{ 
    background-color: #00529a !important;
    border-radius: 20px;
    font-size: 18px;
    border: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-info{ 
    background-color: #00529a !important;
    border-radius: 20px;
    font-size: 18px;
    border: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    margin-bottom: 40px;
}

.btn-success:hover{ 
    background-color: #77cbec !important;
 
}
.btn-info:hover{ 
    background-color: #77cbec !important;
    color: white;
 
}


h2{ 
    color: #00529a !important;
    text-transform: uppercase;
    margin-top: 100px;
    font-weight: 700;
}

h3{ 
    color: #00529a !important;
    font-size: 18px;
    font-weight: 400;
}

.resalta{ 
    font-size: 22px;
    font-weight: 600;
}

.productos-home img{ 
    margin-bottom: 20px;

}

.portada{ 
    background-image: url('../images/back2.png');
    background-repeat: no-repeat;
    height: 180px;
}

.cintillo{ 

    background: url('../images/coral.png') right no-repeat;
    background-repeat: no-repeat;
    background-color: #e5ebf6 !important;
    padding-top: 20px;
    padding-bottom: 80px;
}

.usodiario{ 
    background-color: #ffc4a2;
}

.usobebe{ 
    background-color: #ffa8a1;
}
.usohiper{ 
    background-color: #a2fef3;
}

.card-titulo{ 
    color: #00529a;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    padding-top: 80px;
}

.card-boton{ 
    padding-bottom: 80px;
}

.footer{ 
    background: rgb(32,84,178);
    background: linear-gradient(180deg, rgba(32,84,178,1) 24%, rgba(7,63,164,1) 100%);
    
}
.fooc{ 
    padding-top: 80px;
    padding-bottom: 80px;
}

.pfooter{ 
    color: white;
    font-size: 12px;
}
.ftitle{ 
    color: white;
    font-size: 12px;
    font-weight: 600;
}


.fsecond{ 
    float: right !important;

}

.footer a{ 
    color: white;
    font-size: 12px;
}

h4{ 
    color: #00529a;  
    text-transform: uppercase;
    font-weight: 400;
    
}

.txtnorm{ 
    color: #8d8d8d;
    font-weight: 400;

}

.contacto{ 
    background-color: #e6e9ff;
    background-image: url('../images/back1.png');
    background-repeat:space;
    padding-top: 110px;
    padding-bottom: 110px;

}

.boquilla{ 
    padding-top: 110px;
    padding-bottom: 110px;
}



.formcontact input{ 
border: 1px solid #00529a;
border-radius: 25px;
padding: 10px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 500;
background-color: #e6e9ff;
}
.formcontact input:focus{ 
    background-color: #e6e9ff;
}
.formcontact textarea:focus{ 
    background-color: #e6e9ff;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#00529a !important;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#00529a !important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color:#00529a !important;
  }

.formcontact textarea{ 
    border: 1px solid #00529a;
    border-radius: 25px;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    background-color: #e6e9ff;
}


.ul-styled{
    list-style-position:outside!important;
    list-style:disc!important;
    padding-left:20px!important;
    }
    .li-styled{
    list-style:disc!important;
    font-size:18px!important;
    color:#003ea5!important;
    } 

    .instruct{ 
        margin-top: 170px;
        margin-bottom: 130px;
    }


    .func{ 
        background-color: #e5ebf6;
        padding-top: 100px;
        padding-bottom: 130px;
    }
@media only screen and (max-width: 991px) {
 
    .btn-success{  
        margin-top: 30px;
        margin-bottom: 30px;
       margin-left: -5px !important;
    }

    .btn-info{ 
        margin-bottom: 60px;
    }

}/*endmedia*/
