 body{
        padding-bottom: 60px;
      }
      .bg-color-foro{
        background-color: #00b9c3;
      }
      .color-foro{
        color: #00b9c3;
      }
      section{
        padding: 60px 0 0 0;
      }
      section#ponentes{
        /*background-color: #2e7797;*/
        background-image: url("../img/fondo_ponentes.jpg");
        background-attachment: fixed;
        background-position: bottom;
        background-size: cover;
      }
      section.iframe-container{
        padding: 30px;
      }
      section.iframe-container a{
        display: inline-block;
        margin: 5px 4px;
      }
      footer{
        width: 100%;
        padding: 10px 0;
      }
      h1, h2{font-family: 'Oswald', sans-serif;; font-weight: 700;}
      h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight: 700;}
      a{font-family: 'Montserrat', sans-serif; font-weight: 400;transition: all 0.1s ease-out; -webkit-transition: all 0.1 ease-out;}
      p{font-family: 'Montserrat', sans-serif; font-weight: 400;}
      #inicio{
        background-image: url("../img/banner.png");
        background-attachment: fixed;
        background-position: bottom;
        background-size: cover;
        padding: 0px;
      }
      #inicio img{
        margin: 190px 0 140px 0;
        padding: 40px 0;
        background: rgba(0,0,0,0.5);
        max-width: 100%;
      }
      #barra_navegacion{
        padding: 0 1rem;
        line-height: 40px;
      }
      .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{background-color: rgba(0,0,0,.4);color: #ffffff}
      .navbar-nav{line-height: 56px;}
      .navbar-brand img{max-width: 200px;}
      #programa p{
        margin: 0;
      }
      #programa hr{
      	padding-bottom: 30px;
      }
      .titulo_seccion{
      	padding-bottom: 50px;
      }
      #ponentes .mascara{
        position: relative;
        margin-bottom: 30px;
      }
      #ponentes .mascara img{
        width: 100%;
        max-width: 300px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3 ease-out;
      }
      #ponentes .mascara:hover img{
        opacity: 0.5;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3 ease-out;
      }
      #ponentes .mascara:hover .botones{
        opacity: 1;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3 ease-out;
      }
      #ponentes .botones{
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 5;
        opacity: 0;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3 ease-out;
      }
      .nombre_ponente{
        text-transform: uppercase;
        margin-top: 10px;
        color: #ffffff;
        background-color: #000000;
        padding: 20px 0;
      }
      .boton{
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        overflow: hidden;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: color, background-color;
        transition-property: color, background-color;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3 ease-out;
        border-radius: 0;
        background-color: gray;
        color: #ffffff;
      }
      .boton:hover, .boton:focus, .boton:active {
        background-color: #00b9c3;
        color: white;
        transform: scale(1.2);
      }
      .boton i, .boton i, .boton i {
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3 ease-out;
        padding-left: 0px;
      }
      .boton:hover i, .boton:focus i, .boton:active i {
        padding-left: 10px;
      }
      #ponentes h1{color: #000000;}
      .iframe-container p{
        text-align: justify;
      }
      #registro iframe{
        margin-top: 70px;
      }
      #patrocinadores{
        background-image: url("../img/banner.png");
        background-attachment: fixed;
        padding-bottom: 130px;
        background-size: cover;
        /*background-color: #f4f4f4;*/
        /*-webkit-clip-path: polygon(5% 0%, 100% 0%, 0% 100%, 0% 100%);
        clip-path: polygon(5% 0%, 100% 0%, 0% 100%, 0% 100%);*/
      }

      #patrocinadores .botones{
        margin-bottom: 50px;
      }
      
      #patrocinadores .wrapper{
        display: inline-block;
        vertical-align: middle;
      }

      #patrocinadores .item{
        /*background: #ffffff;*/
        width: 250px;
        line-height: 250px;
        padding: 5px;
        margin: 5px 3px;
        display: inline-block;
        vertical-align: middle;
      }

      #patrocinadores .item a{
        display: block;
      }

      #patrocinadores .item img{
        width: 100%;
        vertical-align: middle;
      }

      #patrocinadores .titulo_seccion{
        color: #ffffff;
      }

      .promocion{
       color: #fff;
       padding: 40px 15px;
       background:#0a4a85;
       animation:myfirst 5s;
       -moz-animation:myfirst 5s infinite; /* Firefox */
       -webkit-animation:myfirst 5s infinite; /* Safari and Chrome */
       }
       .p0{padding: 0;}
      .direccion-container{padding-top: 170px;}

      #semblanza-1, #semblanza-2, #semblanza-3, #semblanza-4{
        max-width: 50%;
      }
      #trabajos-1, #trabajos-2, #trabajos-3, #trabajos-4{
        max-width: 70%;
      }

       @-moz-keyframes myfirst /* Firefox */
      {
      0%   {background:#0a4a85;}
      50%  {background:#00b9c3;}
      100%   {background:#0a4a85;}
      }

         @-webkit-keyframes myfirst /* Firefox */
      {
      0%   {background:#0a4a85;}
      50%  {background:#00b9c3;}
      100%   {background:#0a4a85;}
      }
      @media only screen and (min-width: 992px) {
        .navbar-nav{right: 0; top: 0; position: absolute;}
      }
      @media only screen and (max-width: 991px) {
        .navbar-nav .nav-item .nav-link{padding-left: 20px}
      }
      @media only screen and (max-width: 640px) {
        section{padding: 70px 0;}
        #inicio img{margin: 110px 0 40px 0;}
        .direccion-container{padding-top: 0px;padding-bottom: 30px;}
        #lightcase-case{background: #1b1b1b;}
        #lightcase-case p, #lightcase-case h2{color: #ffffff;}
        #semblanza-1, #semblanza-2, #semblanza-3, #semblanza-4, #trabajos-1, #trabajos-2, #trabajos-3, #trabajos-4{
          max-width: 100%;
        }
      }
      @media only screen and (max-width: 570px) {
	      .padding-movil-0{
	      	padding:0; 
	      }
        footer img{width: 100%;}
        .col-3 h5{text-align: left;}
        .fancybox-button.fancybox-close-small{position: fixed !important;}
	    }