/*nav bar*/
.navbar{
    background-color: rgba(0, 0, 0, 0.3);
    max-height: 100%;
}
.navbar .navbar-brand{
    color: #FFF;
    font-weight: bolder;
    font-size: 1.3em;
}
.navbar .navbar-nav{margin: 0 auto;}
.navbar .navbar-toggler span{color: aliceblue;}
.navbar form button{
    background-color: rgb(0, 218, 160);
    color: #FFF;
}
.navbar form button:hover{
    background-color: rgb(64, 50, 156);
    color: #FFF;
}
.correo{
    background-color: rgb(0, 218, 160);
    color: #FFF;
}
.correo:hover{
    background-color: rgb(64, 50, 156);
    color: #FFF;
}
.navbar .nav-item a{
    color: #FFF !important;
    font-weight: bold;
}
.navbar .nav-item a:hover{background-color: rgba(0, 0, 0, 0.3);}
.navbar .dropdown-menu{background-color: rgba(0, 0, 0, 0.3);}
.dropdown-item:hover{background-color: rgba(0, 0, 0, 0.3);}
a:link
{
    text-decoration:none;
    color: #15dba0;
} 
a.none {text-decoration: none;}
button:link{text-decoration:none;}
h5{color: #15dba0;}

/*carrusel*/
.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 50;
}
.carousel-item h1{
    font-family: 'Francois One', sans-serif;
    background-color: rgba(0, 0, 0, 0.3);
}
.carousel-item p{
    font-family: 'Pragati Narrow', sans-serif;
    background-color: rgba(0, 0, 0, 0.3);
}

/*body*/
body{
    background-image: url('../img/background.jpg');
    background-attachment: fixed;
}
body h5{font-family: 'Pragati Narrow', sans-serif;}
body h1{font-family: 'Francois One', sans-serif;}

/*categorias*/
.card h4{
    font-family: 'Francois One', sans-serif;
    color: #15dba0;
}
.card p{font-family: 'Pragati Narrow', sans-serif;}
.card a{
    background-color: rgba(252, 208, 11, 0.481);
    color: #090410;
    font-family: 'Pragati Narrow', sans-serif;
}
.card a:hover{
    background-color: rgb(64, 50, 156);
    color: #fefeff;
    font-family: 'Pragati Narrow', sans-serif;
}
.card-body a{
    background-color: rgba(252, 208, 11, 0.481);
    color: #090410;
    font-family: 'Pragati Narrow', sans-serif;
}
.card-body a:hover{
    background-color: rgb(64, 50, 156);
    color: #fefeff;
    font-family: 'Pragati Narrow', sans-serif;
}

/*destacados*/
.destacados{
    font-family: 'Anton', sans-serif;
    color: rgb(64, 50, 156);
}
.destacados .dropdown-divider{color: rgb(64, 50, 156);}
.cont-destacados p{
    color: #170322;
    font-family: 'Francois One', sans-serif;
}
.cont-destacados a{
    background-color: rgb(0, 218, 160);
    color: #ffffff;
}
.cont-destacados a:hover{background-color: rgb(64, 50, 156);}
.cont-destacados{background-color: rgba(252, 208, 11, 0.481);}

/*productos*/
.btn-producto{
    background: #1da3fc;
    font-family: 'Pragati Narrow', sans-serif;
    color: #ffffff;
    border-radius: 1rem;
    text-decoration: none;
    font-size: 20px;
    
}
.btn-producto:hover{
    background: #5000ac;
    font-family: 'Pragati Narrow', sans-serif;
    color: #ffffff;
    border-radius: 1rem;
    text-decoration: none;
    transition: .5s;
}

.precio-producto{
    color: rgb(0, 218, 160);
    font-size: 20px;
}

/*datos de ubicacion*/
.datos_tienda h2{
    color: rgb(64, 50, 156);
    font-family: 'Anton', sans-serif;
}
.datos_tienda h3{
    color: #ff0059;
    font-family: 'Francois One', sans-serif;
}
.datos_tienda p{
    color: #020303;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 20px;
}

 /* footer */
 .footer{background: rgb(16, 15, 17);}
.footer b{color: rgb(248, 241, 245);}
.footer a {
   color: rgb(0, 218, 160);
   font-family: 'Pragati Narrow', sans-serif;
   font-size: 1.0rem;
}
.footer p{color: rgb(172, 170, 170);}
.copyright {
     color:#dfd7d7;
     font-size: .8rem;
}

/*nosotros*/
.nosotros{
    background-color: #02030377;
    color: #FFF;
}
.nosotros h3{font-family: 'Anton', sans-serif;}
.nosotros p{font-family: 'Francois One', sans-serif;}
.mision{
    background: rgba(119, 189, 7, 0.775);
    color: #FFF;
}
.mision h1{font-family: 'Francois One', sans-serif;}
.mision p{font-family: 'Pragati Narrow', sans-serif;}
.vision{
    background: rgba(6, 197, 172, 0.809);
    color: #FFF;
}
.vision h1{font-family: 'Francois One', sans-serif;}
.vision p{font-family: 'Pragati Narrow', sans-serif;}
.noticia1{
    background: rgba(255, 24, 82, 0.741);
    color: #FFF;
}
.noticia1 h1{font-family: 'Francois One', sans-serif;}
.noticia1 p{font-family: 'Pragati Narrow', sans-serif;}
.noticia2{
    background: rgba(49, 3, 110, 0.809);
    color: #FFF;
}
.noticia2 h1{font-family: 'Francois One', sans-serif;}
.noticia2 p{font-family: 'Pragati Narrow', sans-serif;}

/*paginacion*/
.pagination {
    height: 36px;
    margin: 18px 0;
    color: rgba(49, 3, 110, 0.809);
}

.pagination ul {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    margin-left: 0;
    color: #ffffff;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
    display: inline;
    color: #6c58bF;
}
.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    color: #6c58bF;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
    background-color: rgb(64, 0, 128);
    color: #ffffff;
}
.pagination a:focus {
    background-color: rgb(64, 0, 128);
    color: #ffffff;
}
.pagination .active a {
    color: #ffffff;
    background-color: rgb(64, 0, 128);
    font-family: 'Anton', sans-serif;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagination li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}
.pager {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center;
    color: rgb(64, 0, 128);
    *zoom: 1;
}
.pager:before,
.pager:after {
    display: table;
    content: "";
}
.pager:after {clear: both;}
.pager li {
    display: inline;
    color: rgb(64, 0, 128);
}
.pager a {
    display: inline-block;
    padding: 5px 14px;
    color: rgb(64, 0, 128);
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
}
.pager .next a {float: right;}
.pager .previous a {float: left;}
.pager .disabled a,
.pager .disabled a:hover {color: #999999;}

/*hero etiqueta pagina*/
.hero {position: relative;}
.hero h2 {
    position: absolute;
    bottom: 2rem;
    right: 0;
    background-color: #0a43d4d9;
    font-weight: 900;
    color: #ffffff;
    font-size: 2.8rem;
}
.banner{
    font-family: 'Francois One', sans-serif;
    color: rgb(64, 0, 128);
}

/*detalle producto*/
.ficha{background-color: #073db1af;}
.ficha h1{
    font-family: 'Francois One', sans-serif;
    color: rgb(255, 255, 255);
    font-size: 30px;
}
.ficha p{
    font-family: 'Pragati Narrow', sans-serif;
    color: rgb(255, 255, 255);
}
.producto{margin-top: 25px;}
.nuevos{background-color: rgba(64, 50, 156, 0.631);}