@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:300,400,500');

        .top-nav-collapse {
            background-color: #222 !important;
        }

        .navbar:not(.top-nav-collapse) {
            background: transparent !important;
        }

        @media (max-width: 768px) {
            .navbar:not(.top-nav-collapse) {
                background: #222 !important;
            }
        }

        .btn.btn-white {
            color: #212121 !important;
        }

        h6 {
            line-height: 1.7;
        }

        .custom-gradient .full-bg-img {
            background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: -webkit-gradient(linear, 45deg, from(rgba(255, 255, 255, 0.7)), to(rgba(250, 250, 250,0.5)));
            background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: linear-gradient(to 45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
        }


         .custom-gradientDetalle .full-bg-img {
            background: -moz-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: -webkit-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: -webkit-gradient(linear, 45deg, from(rgba(0,0,0, 0.6)), to(rgba(0,0,0, 0.6)));
            background: -o-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: linear-gradient(to 45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
        }

        @media (max-width: 450px) {
            .margins {
                margin-right: 1rem;
                margin-left: 1rem;
            }
        }


        h1{
            color:black;
            font-weight:700;
            letter-spacing:5px;
            font-family: 'Saira Condensed', sans-serif;
        }
        span   {
            color:darkred;
             font-weight:400;
            font-family: 'Saira Condensed', sans-serif;
        } 
          h4{
            color:rgb(120, 120, 120);
            font-weight:700;
            letter-spacing:12px;
            font-family: 'Saira Condensed', sans-serif;
        }
          #tablaListado{
              padding-top:50px;
          }



.contenedorImageGallery {
    width:100%;
    height:100%;
    overflow: hidden;
    position: relative;
}
.contenedorImageGallery > .crop {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
}
.fechaGaleria{
    font-size:12px;
    color:darkred;
    text-align:right;
}
.tituloGaleria{
    padding:15px 0px;
    height:70px;
   text-transform:uppercase;
  font-size: .9rem;
    color: #4a4a4a;
    font-weight: 400;
    width:100%;
}



/*Detalle galeria agrupacion de imagenes*/
.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 33%;
    -moz-column-width: 33%;
    column-width: 33%; }
.gallery .pics {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease; }
.gallery .animation {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

@media (max-width: 450px) {
    .gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-width: 100%;
        -moz-column-width: 100%;
        column-width: 100%;
    }
}

@media (max-width: 400px) {
    .btn.filter {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }
}