body{
    background-color: #E9E8E8;
}
#logo{
    padding: 0;
}
.contenedor-header {
    margin-left:10%; 
    margin-right:10%;  
}
.contenido{
    background-color: #F3F2F2;
}

.banner-container{
    margin-top: 56px;
    height: 400px;
    background-image: url("../img/banner.jpg");
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner-container-servicios{
    margin-top: 56px;
    height: 400px;
    background-image: url("../img/banner.jpg");
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner{
    background-color: rgba(0, 0, 0, 0.62);
    height: 100%;
}

.navbar{
    background-color: #f8f8f8;
    box-shadow: 0px 3px 6px #888888;
}

.pie{
    background-color: #152136;

    color: #F3F2F2;

}

.item:hover{
    background-color: rgb(213, 215, 224);
}

.btn-primary{
    width: 220px;
    background: #E82424 !important; /*2cc8df*/
    border: none;
    color: white;
    font-weight:450;
  }
  
  .btn-primary:hover,.btn-primary:focus, .btn-primary:active{
    background: #c31d1d!important;
    outline: none;
    box-shadow: none!important;
  }
  

  .carousel-item {

    margin-top: 56px;
    height: 400px;

    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }

.images-service{
    box-shadow: 2px 2px 7px black;
    width: 100%; margin-top: 10px;
}
.ancla:before {
      display: block;
      content: " ";
      margin-top: -500px;
      height: 200px;
      visibility: hidden;
}