*{
    magin:0;
    paddig:0;
}

#contenido{
    width: 1200px;
    height: 1000px;
    margin: 0.5em auto;
    padding: 0.5em;
}

.control-group {
  display: inline-block;
  vertical-align: top;
  text-align: left;
 /* background: #fff; 
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);*/
  padding: 30px;
  width: 1000px;
  height: 300px;
  margin: 0;
}


/* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }

    .carousel-inner img {
      width: 100%; /* Set width to 100% */
      min-height: 200px;
    }

    /* Hide the carousel text when the screen is less than 600 pixels wide */
    @media (max-width: 600px) {
      .carousel-caption {
        display: none; 
      }
    }

    .navbar {
        top:0px;
        z-index:10;
        width:100%;
        background-color: hsla;
        position: fixed;
        padding-right: 20px;
        font-family: 'Droid Sans', sans-serif;
        font-size: 17px; 
        color: white;
     /*  position: fixed;    frezze navbar*/    
    }
    
    .navbar a {
      color: white;
     
    }
    
        .navbar-navbar-dark .navbar-brand:hover,

    .nav > li > a:focus, 
    .nav > li > a:hover {
        text-decoration: underline;
        background-color: activecaption;
    }
    
    .well{
        background-color: hsla;
    }
       
    .zoom{
        transition: 1.5s ease;
        -moz-transition: 1.5s ease; /* Firefox */
        -webkit-transition: 1.5s ease; /* Chrome - Safari */
        -o-transition: 1.5s ease; /* Opera */
    }
    .zoom:hover{
        transform : scale(2);
        -moz-transform : scale(2); /* Firefox */
        -webkit-transform : scale(2); /* Chrome - Safari */
        -o-transform : scale(2); /* Opera */
        -ms-transform : scale(2); /* IE9 */
    }

    .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
     }
     
    hr.style18 { 
      height: 50px; 
      border-style: solid; 
      border-color: #8c8b8b; 
      border-width: 1px 0 0 0; 
      border-radius: 20px; 
    } 
    hr.style18:before { 
      display: block; 
      content: ""; 
      height: 30px; 
      margin-top: -31px; 
      border-style: solid; 
      border-color: #8c8b8b; 
      border-width: 0 0 1px 0; 
      border-radius: 20px; 
    }

    #hero-wrapper {
      height: 100%;
      width: 100%;
      position: fixed;
    }
    #hero-wrapper .carousel-wrapper,
    #hero-carousel {
      height: 100%;
      width: 100%;
      position: absolute;
    }
    #hero-carousel img {
      left: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      max-width: none;
      width: auto;
      height: auto;
    }
    #hero-carousel i {
      position: absolute;
      top: 50%;
    }
    .carousel-fade .carousel-inner .item {
      opacity: 0;
      transition-property: opacity;
    }
    .carousel-fade .carousel-inner .active {
      opacity: 1;
    }
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1;
    }
    .carousel-fade .carousel-control {
      z-index: 2;
    }

  /* #boxshadow {
        position: relative;
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        padding: 10px;
        background: hsla;
    }
*/
    #boxshadow img {
        width: 100%;
        border: 1px solid #8a4419;
        border-style: inset;
    }

    #boxshadow::after {
        content: '';
        position: absolute;
        z-index: -1; /* hide shadow behind image */
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); 
        width: 70%; 
        left: 15%; /* one half of the remaining 30% */
        height: 100px;
        bottom: 0;
    } 
    
    .modal-body {
        max-height: calc(100vh - 210px);
        overflow-y: auto;
    }

    
    #imagen{
        max-width: 55%;
        height: auto;
        margin: 20px;
        padding: 5px;
        display: block;
        margin: auto;
        border: 0px;
        hspace: 0px;
    }

    .centrar-imagen {
        text-align: center; 
    }
    
    video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}