body{ padding-bottom: 0px !important; padding-top: 4rem! important;}
#lomasnuevo{ min-height: 10rem;
    		padding-top: 0px;
    		padding-bottom: 0px; }
.card > img {	max-height:280px;}
footer{ background:#fffff !important;}
#menu-footer{ text-align: left; }
.lista { list-style: none !important;}
.btn-blanco {
    color: #fff!important;
    border-color: #fff!important;
    background-color: transparent;
    background-image: none;
}
.btn-blanco:hover {
    color: #000!important;
    border-color: #000!important;
    background-color: #fff;
    background-image: none;
}
#btnActualizar{
    width: 100px !important;
    height: 35px !important;
    border-radius: 5px;
}
.btn > a{
    text-decoration: none;
    color:#fff;
    }
.btn > a:hover{
    text-decoration: none;
    color:#000;
}
.mb-3 {
    /*max-height: 475px;*/
}
.mb-3:hover > .card-body{
    color: #fff;
    background: #424242;
}
.mb-3:hover > .card-img-top
{
    border: solid 1px #424242;
}
.card > img {
    margin-bottom: 0rem !important;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    background: #c3c3c3;
    border-radius: 0 0 10px 10px;
}
.card-img-top {
    border: solid 1px #c2c3c3;
}
.card-title {
    margin-bottom: .1rem!important;
}
.card-body > p{
        margin-bottom: .1rem!important;
}
.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #c3c3c3 !important;
    border-color: #c3c3c3 !important;
}
.page-link{
    color: #424242 !important;
}
.card-title > a{
    color:#000;
}
.list-group-item{
    font-size: .75rem;
}
.list-group > .active{
    background: #424242!important; 
    color:#fff;
    border-color: #fff!important;
}
.list-group-item:hover{ 
    background: #424242!important; 
    color:#fff;
}
.btn-outline-dark:hover > .close{
    color: #fff!important;
    text-shadow: 0 1px 0 #000!important;
}
.close{
    margin: -11px -12px 1px 5px;
}
.card-title > a:hover{
    text-decoration: none;
}
.card{
    max-height: 600px;
    overflow-y: scroll;
}
.oculto{
    color: #fff!important;
    background: #fff!important;
    border: none!important;
}
.oculto > .card-body{
    color: #fff!important;
    background: #fff!important;
    border: none!important;
}


@media (min-width: 250px) and (max-width: 575px) { 
    #menu-footer{ 
        font-size: 10px !important; 
    }
    .col{ 
        padding:0px !important; 
    }
    .carousel-item > img {
        width: 100%!important;
        max-height: 15.9rem!important;
        min-height: 9rem!important;
    }
    .carousel-inner{
        height: 15.1rem;
    }
    .card > img {
        max-height: 130px;
    }
    .marketing .col-lg-4 p {
        margin-right: .1rem!important;
        margin-left: .1rem!important;
        font-size: .7rem;
    }
    .marketing h2 {
        font-size: 1.2rem;
    }
    .featurette-divider {
        margin: 1rem 0!important;
    }
    .album {
        min-height: 10rem!important;
        padding-top: .1rem!important;
        padding-bottom: .1rem!important;
        background-color: #f7f7f7;
    }
    .sieteseisocho{
        display: none;
    }
    .mb-3{
        width: 30%!important;
        display: inline-block!important;
        margin: .3rem;
    }
    .card-body{
        padding: .4rem!important;
    }
    .card-body h4{
        font-size: .8rem;
    }
    .card-body p{
        font-size: .7rem;
    }
    .btn-outline-success {
        font-size: .7rem!important;
        padding: .1rem!important;
    }
    .card-header {
        padding: .2rem .5rem!important;
    }
    .list-group-item {
        padding: .3rem .5rem!important;
    }
    .titulo-menu{
        font-size: 1rem!important;
    }
    h4,.card-color,.btn-outline-success{
        font-size: .55rem!important;
    }
    .breadcrumb{
        margin-top: 1rem;
    }
    .page-link {
        padding: .2rem .5rem!important;
    }
    .pagination {
        padding-left: .99rem!important;
        font-size: .72rem;
    }

}

@media (min-width: 576px)and (max-width: 767px) { 
    .sieteseisocho{
        display: none;
    }
    #paginas{
        margin-left: 1rem;
    }

}

@media (min-width: 768px) and (max-width: 991px) { 
    #menu-footer{ 
        font-size: 12px !important; 
    }
    .container {
        max-width: 840px!important;
    }
    .carousel-item > img {
        width: 100%!important;
        max-height: 22rem!important;
        min-height: 9rem!important;
    }
    .carousel-inner{
        height: 22rem;
    }
    .marketing .col-lg-4 p {
        margin-right: .1rem!important;
        margin-left: .1rem!important;
        font-size: .9rem;
    }
    .lista{
        padding:0px!important;
    }
    .marketing h2 {
        font-size: 1.2rem;
    }
    #form-user{
        display:none!important;
    }
    #btnSesion2,#btnRegistro2,#carrito2,   #form-user2 button,#form-user2 input{
        margin: 10px 5px 5px 1px;
    }
    .sieteseisocho{
        display: block;
        top: 3rem!important;
        background-color: #343a40!important;
        z-index: 899!important;
    }
    .nav-item{
        font-size: 14px;
    }
    .carousel {
        margin-bottom: 4rem;
        margin-top: 3.4rem;
    }
    .mb-3{
        width: 30%!important;
        display: inline-block!important;
        margin: .3rem;
    }
    .card-body{
        padding: .4rem!important;
    }
    .card-body h4{
        font-size: .8rem;
    }
    .card-body p{
        font-size: .7rem;
    }
    .btn-outline-success {
        font-size: .7rem!important;
        padding: .1rem!important;
    }
    .card-header {
        padding: .2rem .5rem!important;
    }
    /*.list-group-item {
        padding: .3rem .5rem!important;
    }
    .card-title{
        font-size: 1rem!important
    }*/
    .breadcrumb{
        margin-top: 3rem;
    }
    #paginas{
        margin-left: 17rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px){ 

    .sieteseisocho{
        display: none;
    }
    #form-user{
        display: block;
    }
    .navbar-dark .navbar-brand {
        color: #fff;
        font-size: 14px!important;
        margin: 0px;
    }
    .nav-item{
        font-size: 13px;
    }
    #btnSesion,#btnRegistro,#carrito,   #form-user button,#form-user input{
        font-size: 12px!important;
        padding:3px!important;
        margin:0px!important;
    }
    #form-user input{
        width: 40px;
    }
    #paginas{
        margin-left: 19rem;
    }
}
@media (min-width: 1200px) { 
    .sieteseisocho{
        display: none;
    }
    #form-user input{
        width: 120px;
    }
    #paginas{
        margin-left: 25rem;
    }
}