.color-red{

   background-color: #3f6598;

   color: #fff;

}



.color-blue{

   background-color: #fff;

   color: #3f6598;   

}

.img-icon-redes{

   width: 25px;

}



.img-icon-logo{

       max-height: 64px

}

.separador-footer{

   height: 1px;

   width: 100%;

}



@media only screen and (min-width: 992px){

   .fondo-slider {

      background-size: cover;

   }

}

.fondo-slider{

   background-position: center;

}



.titulo_banner{

   position: absolute;

   left: 25%;

   top: 15%;

   font-size: 2em;

   font-weight: bold;

   font-family: "MarselisPro", sans-serif;   

}



.titulo_banner .btn{

   background-color :rgba(201, 37, 8, 0.634)

}





.header-nav{

   height: 65px;

   font-weight: 500;

   font-size: 1.1em;

}

.toolbar2{

   background-color: #FFF;

   box-shadow: 1px 4px 5px 0px rgba(201, 49, 1, 0.58);

      -webkit-box-shadow: 1px 4px 5px 0px rgba(201, 49, 1, 0.58);

      -moz-box-shadow: 1px 4px 5px 0px rgba(201, 49, 1, 0.58);

      color: #3f6598;

}



.toolbar2 .menu-items li {

   font-size: 1em;

}



.toolbar2 .menu-items li .nav-link {

   color: #3f6598 !important;

   font-weight: 500;

   padding-left: 15px;

   padding-right: 15px;

   font-size: 18px;

   position: relative;

}



.carousel-item{

   background-size: center center;

   height: calc(100vh - 200px);

}

.carousel-indicators{

   right: auto !important;

}

.carousel-indicators [data-bs-target] {

   border-top: 0px solid transparent; 

   border-bottom: 0px solid transparent;

   border-radius: 50%;

   width: 25px !important;

   height: 25px !important;  

}

.carousel-item{

   background-position: center center;

}



.img-cert{

   max-height: 170px;

}



.menu-items{

   justify-content: flex-end;

   width: 100%;

}



.panel{

   padding-top: 1em;

   padding-bottom: 1em;

}



.color-blanco{

   color: #fff;

}

.rowcontent{

   color: #fff;

padding-top: 1.5ex;

}



.borderleft1{

   border-left: #00052B 2px solid;

}





.color-azul01{

   background: rgb(8, 49, 95, 0.93);

}



.footer a, .footer a:active{

   color: #fff;

      text-decoration: none;

      cursor: pointer;

}



.tabscontent{

   margin: 2em auto;

}

/*tabs left*/

.tabscontent #v-pills-tab {
   text-align: left;

   @media (max-width: 768px) {
      margin-bottom: 2em;
    }

    @media (min-width: 768px) and (max-width: 1500px) {
      width: 250px;
    }
}


.tabscontent .nav-link.active{

      background-color: #be2f04 !important;

}



.tabscontent .nav-pills .nav-link{
  
    @media (min-width: 768px) and (max-width: 1500px) {
      width: 210px;
    }

   text-align: left;

   border-bottom: 1px solid #be2f04;

   padding: 0.8em;

   border-radius: 5px 0px 5px 0;

   padding: 0.8em;

}

.slider_nosotros{   

   color: #fff;

}

.slider_nosotros .carousel-inner{

   height: 250px;

}

.slider_nosotros .carousel-item{

   height: 100%;

}



.sliderinterno{

   background-color: #5d6361c4;

   height: 100%;

}

.sliderinterno h1{

      position: absolute;

         top: 33%;

}



.tab-pane{

   text-align: justify;

}



.tarjeta .tarjeta-titulo{

   margin-top: 0.6em;

   color: #fff;

   font-size: 1.3em;

}



/*tarjetas inicio*/

a{

   text-decoration: none !important;

}

.tarjetas {

   margin-top: -5em !important;

}



.tarjetas .card {

   height: 220px;

}



.card.tarjeta01 {

   background: rgb(8, 49, 95, 0.85);

}



.card.tarjeta02 {

   background: rgb(215, 220, 13, 0.85)

}



.card.tarjeta03 {

   background: rgba(187, 49, 1, 0.85);

}



.tarjetas .card span {

   text-align: center;

   text-decoration: none;

   font-size: 1.5em;

   font-weight: bold;

   text-transform: uppercase;

}

.tarjetafondo01{

   background-image: url("./../static/img/tarjeta_productos.jpg");

   background-size: cover;

}

.tarjetafondo02{

   background-image: url("./../static/img/tarjeta_servicios.jpg");

   background-size: cover;

}

.tarjetafondo03{

   background-image: url("./../static/img/tarjeta_proyectos.jpg");

   background-size: cover;

}

.tarjeta > p {

   margin: 1em;

   font-size: 1.2em;         

   color: #fff;

   text-align: center;

}



.tituloPage {

   font: 33px sans-serif;

   margin-top: 30px;

   text-align: center;

   position: relative;

   z-index: 1;

   margin-bottom: 0.8em;

   text-transform: uppercase;

   font-weight: bold;

}



.tituloPage:before {

   border-top: 2px solid #ff0000;

   content: "";

   margin: 0 auto;

   position: absolute;

   top: 55%;

   left: 0;

   right: 0;

   bottom: 0;

   width: 90%;

   z-index: -1;

}



.tituloPage span {

   background: #fff;

   color: #204576;

   padding: 0 15px;

   

}



.sliderinterno h1{

   text-transform: uppercase;

   font-weight: bold;

   border-left: 3px solid #c12d05;

   padding-left: 0.5em;

}



.nav-item a::before {

   content: '';

   position: absolute;

   bottom: 0;

   left: 0;

   width: 100%;

   height: 2px;

   background: linear-gradient(to right, #c12d05, #4666ad, #c12d05);

   z-index: 1;

   transform: scaleX(0);

   transform-origin: center;

   transition: transform 0.5s ease-in-out;

}



.nav-item a:hover::before {

   transform: scaleX(1);

}



.nav-item[data-animation="center"] a::before {

   transform-origin: center;

}



.textoslider h1{

   font-size: 20px;

   font-weight: bold;

   text-decoration: wavy;

   text-transform: uppercase;

   padding-top: 40px;

}



.textoslider p{

   text-align: justify;

   font-size: 15px;

}

.sliderdetalle .carousel-item{

   height: auto !important;

}

.textoslider{

   padding-top: 50px;

}