/* Add here all your css styles (customizations) */
/*# sourceMappingURL=../../css/custom.map */

#vexpoventa{
    background-image: url("../../view/img/fondo-bases-registro-artesanos.jpg");
    color: #ffffff;
    /*background-position: center; /* Center the image */
    background-size: 100%;
    /*background-repeat: no-repeat; /* Do not repeat the image */
    /*background-size: cover; /* Resize the background image to cover the entire container */
    padding-top: 5%;
    padding-bottom: 3%;
    padding-left: 13%;
    padding-right: 13%;
    border-radius: 30px;

}

#vbasesExpoventa li{
    list-style: none;
    text-align: justify;
    margin-bottom: 10px;
}

#content{
    width: auto;
    height: auto;
    background-color: #eee;
}

#content img{
    width: 100%;
    height: 100%;
    margin-top: -2px;
}

.ods{
    width: 25%;
    float: left;
    cursor: pointer;
}

.z-depth-1{
    width: 100%;
}

#yox .item{
    transition: .5s ease-in-out;
    margin-top: 15px;
    margin-bottom: 15px;
}

#yox .item:hover{
    filter: brightness(80%);
}

.form-label-group label {
  color: #ccc;
}

.form-label-group input:not(:placeholder-shown) ~ label{
  color: #aaa;
}

h3{
    font-weight: bold;
    margin-bottom: -0.25em;
}

hr{
    border: 0;
    height: 6px;
    border-top: 2px solid #009887;
    background: #009887;
    background: linear-gradient(to right, #009887 15%, #ffffff 15% 85%);
}

/*a.active{
    color: #009887;
}*/

a:hover{
    color: #c90166;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    color: #fff;
    background-color: #ae1922;
}

.navbar-submenu{
    background-color: #f3ede8;
}

#subenlacesPrincipal{
    background-color: inherit;
}

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover {
    color: #fff;
    background-color: #ae1922;
}

.navbar-nav>li>a.active{
    color: #fff;
    background-color: #ae1922;
    font-weight: bold;
}

#content .carousel-control.left,
#content .carousel-control.right{
  opacity: 1;
  color: #009887;
}

#enlaces-interes .item{
    padding-left: 2.75em;
    padding-right: 2.75em;
}

.carousel .carousel-indicators li{
    opacity: 1;
    background-color: #009887;
}

.carousel-showsixmoveone .item{
    padding-left: 1.95em;
    padding-right: 1.95em;
}

.carousel-showsixmoveone .carousel-control{
  width: 4%;
  background-image: none;
}

.carousel-showsixmoveone .carousel-control.left,
.carousel-showsixmoveone .carousel-control.right{
  margin-right: 15px;
  opacity: 1;
  color: #009887;
}

.carousel-showsixmoveone .cloneditem-1,
.carousel-showsixmoveone .cloneditem-2,
.carousel-showsixmoveone .cloneditem-3,
.carousel-showsixmoveone .cloneditem-4,
.carousel-showsixmoveone .cloneditem-5,
.carousel-showsixmoveone .cloneditem-6{
  display: none;
}

#img-secretario{
    background-color: #000;
    -moz-border-radius: 0.80em;
    -webkit-border-radius: 0.80em;
}

#acciones-noticias .contenido{
    width: 100%;
    background-color: #fff;
    -moz-border-radius: 0.80em;
    -webkit-border-radius: 0.80em;
}

#micrositios-programas .contenido{
    width: 100%;
    background-color: #efe7e0; /*#330000;*/
    color: #000; /*#fff;*/
    -moz-border-radius: 0.80em;
    -webkit-border-radius: 0.80em;
}

#micrositios-programas .encabezado{
    text-align: right;
    color: #cccccc;
    font-size: small;
    margin-top: -0.75em;
    margin-bottom: 0.75em;
}

#micrositios-programas img{
    height: 75%;
}

#pie a, #img-secretario button{
    color: #000;
    background-color: #cccccc;
}

#pie a:hover, #img-secretario button:hover{
    background-color: #dddddd;
}

#resena{
    margin-top: 1.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    text-align: justify;
    font-size: medium;
}

.micrositios-cero-corrupcion li,
.micrositios-archivistica li{
    list-style: none;
    text-align: justify;
    padding-bottom: 0.5em;
    margin-right: 0.5em;
}

.micrositios-cero-corrupcion li i,
.micrositios-archivistica li i{
    margin-right: 0.5em;
}

.jumbotron{
    padding-top:0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.navbar{
    padding-top: 0px;
    margin-top: 0px;
}

.g-color-white-opacity-0_8{
    color: #cccccc;
}

@media (max-width: 768px){
    #vnavbar{
        padding-top: 3em;
    }
    
    #content{
        padding-top: 3em;
    }
}

@media (768px <= width <= 991px){
    #content{
        padding-top: 5.7em;
    }
}

@media all and (min-width: 768px){
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev{
    left: -50%;
  }
  
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next{
    left: 50%;
  }
  
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active{
    left: 0;
  }
  
  .carousel-showsixmoveone .carousel-inner .cloneditem-1,
  .carousel-showsixmoveone .carousel-inner .cloneditem-2{
    display: block;
  }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d){
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next{
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev{
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media all and (min-width: 991px){
  .carousel-showsixmoveone .carousel-inner > .active.left,
  .carousel-showsixmoveone .carousel-inner > .prev{
    left: -50%;
  }
  
  .carousel-showsixmoveone .carousel-inner > .active.right,
  .carousel-showsixmoveone .carousel-inner > .next{
    left: 50%;
  }
  
  .carousel-showsixmoveone .carousel-inner > .left,
  .carousel-showsixmoveone .carousel-inner > .prev.right,
  .carousel-showsixmoveone .carousel-inner > .active{
    left: 0;
  }
  
  .carousel-showsixmoveone .carousel-inner .cloneditem-3,
  .carousel-showsixmoveone .carousel-inner .cloneditem-4,
  .carousel-showsixmoveone .carousel-inner .cloneditem-5,
  .carousel-showsixmoveone .carousel-inner .cloneditem-6{
    display: block;
  }
}

@media all and (min-width: 991px) and (transform-3d), all and (min-width: 991px) and (-webkit-transform-3d){
  .carousel-showsixmoveone .carousel-inner > .item.active.right,
  .carousel-showsixmoveone .carousel-inner > .item.next{
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  
  .carousel-showsixmoveone .carousel-inner > .item.active.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev{
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  
  .carousel-showsixmoveone .carousel-inner > .item.left,
  .carousel-showsixmoveone .carousel-inner > .item.prev.right,
  .carousel-showsixmoveone .carousel-inner > .item.active{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}