/*Generales*/
@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat/Montserrat-Light.ttf);
  font-weight:normal;
  font-style: normal;
}

body {
  font-family: Montserrat !important;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

/*Menu Superior*/
#logo {
  cursor: pointer;
}
.head-rojo {
  background-color: #E30413;
  width: 100%;
  height: 1.8em;
}
.head-icons {
  height: 25px;
}
.head-logo {
  width: 180px;
  margin-top: 15px;
}
.navbar-nav{
  margin-top: 20px;
}
.navbar-nav>li{
  margin-left: 2em;
}
.navbar-nav span, .navbar-nav form{
  padding: 15px 10px;
  display: block;
}
.navbar-nav form input {
  height: 30px;
}
.cuadrito{
  border: 0;
  background-color: black;
  color: white;
  padding: 3px 2px;
  text-align: center;
  margin: 1px 2px;
  font-size: .8em;
}
.cuadrito:hover{
  background-color: white;
  color: #E30413;
  transition: all ease .3s;
  text-decoration: none;
}
.btn-volver {
  color: #353636;
  border-radius: 30px;
}
/*FOOTER*/
.footer-fijo {
  position: fixed;
  width: 100%;
  bottom:0;
}
.footer-fijo .aviso a {
  color: #353636;
}
.footer-fijo .legales {
  background-color: black;
  color: white;
}
.footer-fijo .legales a {
  color: white;
}

/*FORMS*/
.form-control {
  height: 50px;
  border-radius: 25px;
}

.btnGeneral {
  background-color: white;
  color: #E30413;
  border: solid 1px;
  border-color: #E30413;
  padding: 15px 80px;
  border-radius: 30px;
}

.btnGeneral:hover {
  background-color: #E30413;
  color: white;
  transition: all ease .3s;
  text-decoration: none;
}

.form-login {
  padding: 0 20px;
}

/* HOME */
.home-items { margin-top: 2em; }
.card-categoria, .card-producto, .card-home {
  width: 100%;
  border-radius: 30px;
  text-align: center;
  text-transform: uppercase;
  height: 23em;
  padding: 3em 0;
  cursor: pointer;
  transition: all ease .3s;
}
.card-producto {
  height: 26em;
  padding: 2em 0;
}
.card-home{
  height: 16em;
  padding: 1em 0;
}
.card-home h3 {
  font-size:20px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-categoria h3 {
  font-size:20px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-producto img {
  width:70%;
  border-radius: 30px;
}
.card-producto h3 {
  font-size:20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-categoria img, .card-home img {
  width: 40%;
  max-width: 132px;
}

.card-categoria:hover, .card-home:hover, .card-producto:hover{
  box-shadow: 0 0 25px #CCC;
}
.card-categoria a, .card-home a, .card-producto a {
  text-decoration: none;
  color: black;
}
.card-categoria .btnVermas, .card-producto .btnVermas, .card-home .btnVermas, .btnDownload{
  text-transform:uppercase;
  background-color: white;
  color: #E30413;
  border: 1px solid #E30413;
  font-size: .8em;
  height: 20px;
  border-radius: 10px;
  padding: 2px 30px;
}

.btnDownload{
    margin-top: 1em;
}

.card-categoria .btnVermas:hover, .card-home .btnVermas:hover, .card-producto .btnVermas:hover, .btnDownload:hover{
  background-color: #E30413;
  color: white;
}

/* PRODUCTOS */
.img-producto {
  width: 100%;
  border-radius: 30px;
}
.clave {
  font-weight: 100;
  font-style: italic;
}
.encabezados {
  text-align: center;
}

.encabezados h2 {
  text-transform: uppercase;
}

select.filtros {
  border-radius: 5px;
}

.btnVolver {
  position: fixed;
  border: 0;
  padding: 10px 40px;
  border-radius: 30px;
  transition: all ease .3s;
  background-color: #FFF;
  bottom: 6em;
  right: 12em;
}
.btnVolver span {
  margin-right: 1em;
}
.btnVolver:hover {
  border: 1px #E30413 solid;
}
.btnVolver img {
  width: 20px;
}
@media (max-width: 1700px) {
  .btnVolver { right: 8em; }
}
@media (max-width: 1440px) {
  .btnVolver {
    right: 1em;
    bottom: 3em;
    padding: 5px 13px;
  }
}
@media (max-width: 1024px) {
  .btnVolver {
    right: 1em;
    bottom: unset;
    top: 7em;
    padding: 5px 13px;
  }
  .btnVolver span {
    display:none;
  }
}
@media (max-width: 425px) {
  .btnVolver { display: none; }
}

.download_image{
    display: none;
}

.form-buscar {
    text-align: center;
    margin-top: 5em;
}
.form-buscar .form-control {
  padding: 5px 10px;
  margin: 0 2em;
  height: 35px !important;
}

.btnBuscar {
  padding: 5px 40px;
  border-radius: 30px;
  transition: all ease .3s;
  background-color: #e30413;
  border: 0;
  color: white;
}

.table-inventario {
    width: 100%;
    text-align: left;
    margin-bottom: 10em;
}
.table-inventario th {
  background-color: #e30413;
  border: 0;
  color: white;
  padding: 1em 1em;
}
.table-inventario tbody td {
  padding: 1em 1em;
}
.table-inventario tbody tr {
    border-bottom:  solid 1px #E30414;
}