*
{
  padding:0px;
  margin:0px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box; 
  
}

.revo-img
{
  width: 100%;
}
/*--------------------
    menu
---------------------*/

#nav-menu {
  background-color: #616160;
  
}
#nav-menu.navbar-brand {
    position: absolute;
    text-align: center;
    width: 100%;
    right: 0;
  }

#navbarSupportedContent ul 
{
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.nav_letras
{
  color:white;
}

.links
{
  color:white !important;

}
.name-empresa
{
  color:white;
  font-size: 14px;
  font-weight: bold;
  margin-left: 40px;
}

#carrusel-principal
{
  margin-top: 92px;
}

#menu_lateral li
{
  margin-top: 18px;
}

#menu_lateral a
{
  color:#244596;
}

.menu_cat
{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
  color:#244596;
  margin-top: 20px;
}
/*------------------  
      diseño carrusel
-------------------*/
#carrusel_productos
{
  position: relative;
  margin-top: 30px;
  padding: 30px;
} 
.cartas
{
  width: 100%;
}

.card-txt
{
    color: black;
    font-weight: bold;
    font-size: 18px;
}
/*-----------------------
    diseños banner
-------------------------*/
#parallax-inicio {
  background-image: url(../img/parallax/local2.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 300px;
  position: relative; 
 
}

  #parallax-inicio .overlay-int {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(102, 73, 54, 0.5); }

  #parallax-inicio p {
    text-align: center;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    padding-top: 40px;
    padding: 100px 0px 100px;
    position: relative;
    color: white;
    margin: 0 auto; }

    #parallax-marcas {
      background-image: url(//cdn.shopify.com/s/files/1/0706/6309/files/grocery-shopping-ask-marilyn-advice-ftr_3x_959b1646-994a-4514-9db9-349c09c2883c.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      width: 100%;
      height: 300px;
      position: relative; 
     
    }
    
      #parallax-marcas .overlay-int {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(102, 73, 54, 0.5); }
    
      #parallax-marcas p {
        text-align: center;
        font-size: 30px;
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
        padding-top: 40px;
        padding: 100px 0px 100px;
        position: relative;
        color: white;
        margin: 0 auto; }
    

 /*----------------------------
        seccion productos
 -------------------------------*/
.fondo_sepracion
{
  background-color: #f9f9f9;
}
#productos_banner
{
  position: relative;
  display: inline-block;
  text-align: center;
  margin-bottom: 40px;
}

#productos_banner h1
{
  position: absolute;
  color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#lista_productos
{
  position: relative;

}
#lista_productos p
{
  font-size: 16px;
}

#lista_productos img
{
    width: 80%;
    margin: auto;
    padding: 10px;
}

.cuadros_productos
{
  border-left: #2694b7 1px solid;
}

.productos
{
  margin-bottom: 10px;
}
.cartas_productos
{
  width: 85%;
  margin-bottom: 10px;
}

.titulos_productos
{
  font-weight: bold;
  color: black;
}

#nuestros_marcas
{
  margin-bottom: 20px;
}

#nuestros_marcas img
{
    width: 100%;
    margin: auto;
    padding: 10px;
}

#nuestros_marcas .pg
{
  width: 78%;
}

#nuestros_marcas .tresm
{
  width: 60%;
}
#nuestros_marcas .scth
{
  width: 70%;
}
.clientes_name
{
  color: #244596;
  text-align: center;
  position: relative;
  text-align: center;
  font-size: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  padding-top: 40px;
}

.tit_seccion
{
  color: #244596;
}

/*-------------------------------
      footer
-------------------------------*/
footer {
  background-color: #616160;
  margin-top: 30px;}

footer {
  padding: 30px 0px; }

.foter {
  font-family: "Poppins", sans-serif; }
  .foter ul {
    list-style: none;
    display: inline-block;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
    margin-right: 30px; }
    .foter ul li a {
      list-style: none;
      margin-top: 10px;
      font-size: 14px;
      color: white;
      padding: 5px; }
      .foter p {
        color: white;
      font-size: 18px; }
  .foter #foter-redes {
    background-color: #616160 ; }
    .foter #foter-redes .content-icons {
      text-align: center;
      font-family: "Poppins", sans-serif;
      padding: 0px 0px; }
    .foter #foter-redes a {
      list-style: none;
      margin: 5px;
      margin-top: 0px;
      padding: 20px 0px; }
    .foter #foter-redes li {
      margin-left: 20px;
      margin-top: 10px;
      color: white;
      font-size: 14px;
      list-style: none; }
    #foter-redes p
    {
      color: white;
      font-size: 18px;
    }

      #contacto {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        max-width: 100%;
        padding: 169px 0px 10px; }
        #contacto .titulo-contacto {
          color: #1864ac;
          font-family: "Poppins", sans-serif;
          padding: 100px 0px 10px;
          text-align: center;
          font-size: 28px;
          font-weight: bold;
          text-transform: uppercase; }
        #contacto .textos-contacto {
          color: #1864ac;
          font-family: "Poppins", sans-serif; }
        #contacto .con {
          font-family: "Poppins", sans-serif;
          color: #1864ac; }
        #contacto form {
          max-width: 100%;
          margin: auto;
          padding: 10px 20px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin-top: 20px;
          border-radius: 20px;  
          font-family: "Poppins", sans-serif;
          background-color: transparent;
          margin-bottom: 30px;
          -webkit-box-shadow: 1px white solid;
          box-shadow: 1px white solid;
          color: white; }
        #contacto form h2 {
          color: white;
          font-size: 30px;
          text-align: center; }
        #contacto form b {
          color: white;
          font-size: 28px; }
        #contacto input select {
          margin-bottom: 30px; }
        #contacto input {
          width: 100%;
          color: #1864ac; }
        #contacto .colorform {
          color: #1864ac; }
        #contacto form h3 {
          color: #1864ac;
          font-size: 24px;
          text-align: left; }
        #contacto form h3 {
          color: #1864ac;
          font-size: 14px;
          text-align: left;
          font-weight: bold; }
        #contacto input, #contacto textarea, #contacto select {
          width: 100%;
          margin-bottom: 30px;
          padding: 7px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 17px;
          border-spacing: 10px;
          font-family: 'Questrial', sans-serif;
          background: transparent;
          color: #1864ac;
          border: 1px solid #1864ac; }
        #contacto textarea {
          min-height: 100px;
          max-height: 200px;
          max-width: 100%;
          border-bottom: 10px;
          border-bottom: 1px solid #1864ac; }
        #contacto input::-webkit-input-placeholder {
          color: #1864ac; }
        #contacto input:-ms-input-placeholder {
          color:#1864ac; }
        #contacto input::-ms-input-placeholder {
          color: #1864ac; }
        #contacto input::placeholder {
          color: #1864ac; }
        #contacto textarea::-webkit-input-placeholder {
          color: #1864ac; }
        #contacto textarea:-ms-input-placeholder {
          color: #1864ac; }
        #contacto textarea::-ms-input-placeholder {
          color: #1864ac; }
        #contacto textarea::placeholder {
          color: #1864ac; }
        #contacto #btn {
          background: #cecfce;
          color: #fff;
          padding: 20px;
          border: none;
          font-family: "Poppins", sans-serif;
          margin-top: 20px; }
        #contacto #btn:hover {
          background: #069bdd; }
        #contacto input {
          color: white; }
        #contacto .contenidos-contacto-titulo {
          font-family: 'Poppins', sans-serif;
          margin-top: -10px;
          color: #1864ac; }
        #contacto .contenidos-contacto a:link {
          list-style: none;
          color: #1864ac; }
        #contacto .contenidos-contacto {
          font-family: 'Poppins', sans-serif;
          margin-top: -10px;
          color: #1864ac;
          font-size: 16px; }
        #contacto #mapa {
          width: 500px;
          max-width: 100%;
          height: 200px;
          max-height: 100vh;
          margin-right: 70px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          margin-top: 50px;
        margin-bottom: 20px; }
      
/*-----------------------------
Lineas separacion
------------------------------*/
.line_apart
{
  background-color: #0d6efd;
  width: 50%;
  height: 1px;
}

/*------------------------------
          Carrusel
------------------------------*/

#carrusel_productos .owl-carousel .owl-nav button {
  font-size: 40px !important;
  font-weight: bold !important;
  color:  #069bdd !important;
  background-color: transparent  !important; 
  padding: 10px;
  border: 1px solid #069bdd !important;

}

#carrusel_productos .owl-next span
{
    padding: 10px;
}

#carrusel_productos .owl-prev span
{
  padding: 10px;
}
 
  


/*-----------------------------
          Correo
------------------------------*/

#correo img
{
  float: center;
}

.img_centrar
{
  text-align: center;
}

.envio_linea
{
  background-color: #069bdd;
  width: 50%;
}
.text-envio
{
  text-align: center;
}
/*------------------------------
      Media Query

-------------------------------*/

@media (max-width: 576px) 
{ 
  #carrusel-principal
  {
    margin-top: 82px;
  }
  #menu_lateral
  {
    display: none !important;
  }
}
/*(tablets, 768px and up)*/
@media (max-width: 768px) 
{ 
  #carrusel-principal
  {
    margin-top: 92px;
  }
  #menu_lateral
  {
    display: none !important;
  }

}

/*(desktops, 992px and up)*/
@media (min-width: 992px) 
{

}

/*(large desktops, 1200px and up)*/
@media (min-width: 1200px) 
{

}

/*(larger desktops, 1400px and up)*/
@media (min-width: 1400px) 
{ 

}