@import url('https://fonts.googleapis.com/css?family=Lato');
      .bt1
       {
           width:98%;margin:auto;margin-top:2px;margin-bottom:2px;min-height:60px;

       }
       .bt2{ 
           width:100%;background-color:#649834;color:white;text-align:center;padding-top:12px;padding-bottom:12px;font-size:16px;position:relative;bottom:0px;margin-top:10px;margin-bottom:-2px
       }
a
{
color:#2f2f2f;    
}
#pregunta2
{
    color:Red;font-size:16px;
    }
.franja
{
wIDTH:100%;margin-top:20px;TEXT-ALIGN:center;BACKGROUND-COLOR:#e8f6e0;padding:3px;padding-left:0px;padding-right:0px
}

    body
    {
        margin:0px;
        font-family:'Lato';
        COLOR:#5e4f3a;
        height:100%;
        letter-spacing:0.5pt;
        }
       .truco{Width:100%;max-width:890px;float:left;overflow:auto; overflow-x:hidden;overflow-y:hidden;border:solid 0px red;padding-top:5px}  
        .latempresa{
 background-color:White;float:right;width:280px;margin-left:19px;
 }
        
        a
        {
            text-decoration:none;
           
            }

    .p_coo
    {
     width:100%;overflow:auto;margin-top:40px;text-align:center
    }
    .bul
    {
     
        padding-right:20px;
        float:left;
        }
    
   
    strong.menor1
    {
        font-family: "Lato", Arial, sans-serif;
        font-size:16px;
        color:#874a45;
        text-transform: uppercase;
        line-height:20px;
        }
          strong.menor2
    {
        font-family: "Lato", Arial, sans-serif;
        font-size:16px;
        color:#5b9145;
        text-transform: uppercase;
        line-height:20px;
        }
          strong.menor3
    {
        font-family: "Lato", Arial, sans-serif;
        font-size:16px;
        color:#e38e4b;
        text-transform: uppercase;
        line-height:20px;
        }
                strong.menor4
    {
        font-family: "Lato", Arial, sans-serif;
        font-size:16px;
        color:#4b3d60;
        text-transform: uppercase;
        line-height:20px;
        }
        .hoja
        {
         margin-left:100px;   
         }
         h2
         {
         margin:0;    
         }
         H3
         {
             margin:0px;
             margin-bottom:20px;
             text-shadow: 0.1em 0.1em 0.2em #030302
         }
         H3
         {
             margin:0px;
             margin-bottom:20px;
             text-shadow: 0.1em 0.1em 0.2em #030302
           }
    #content
    {
        padding-TOP:0PX;
        margin-top:0PX;
         
         margin-top:-50px;
        font-family:'Lato';
        text-align:center;              
        width:90%;
        max-width:1200px;
        
        
        padding-top:0px;
        padding-bottom:0px;
        margin:auto;
        overflow:auto;
        color:White;
        
     }
     .blanco
     {
         color:White;         
      }
      .blanco_neg
     {
         color:White;         
      }
    #content3
    {
        
        text-align:center;              
        width:90%;
        border:solid 0px red;        
        
        padding-top:20px;
        padding-bottom:0px;
        margin:auto;
       
        overflow:auto;
    }
    .medio1
    {
    Width:50%;float:left
    }

    .medio2
    {
    Width:50%;float:left;text-align:center;
    }
    h3.h26
    {
	    Font-size:26px
    }
    #p_horeca
    {
	    background-color:#efefef;width:96%;float:left;max-width:1200px;margin-top:40px;margin-bottom:40px;padding:2%;text-align:center;overflow:auto;text-align:center;
    }
    .bot_eli
    {
        width:300px;max-width:100%;BACKGROUND-COLOR:#bae58c;COLOR:#74744e;TEXT-ALIGN:CENTER;padding-top:12px;padding-bottom:12px;font-weight:bold;margin-top:10px;MARGIN-bottom:10px;
    }
    .bot_eli_r
    {
        width:300px;max-width:100%;BACKGROUND-COLOR:#bae58c;COLOR:#74744e;TEXT-ALIGN:CENTER;padding-top:12px;padding-bottom:12px;font-weight:bold;margin-top:10px;MARGIN-bottom:10px;
        float:right;
        margin-top:20px;
    }
    .bot_eli_m
    {
        width:300px;max-width:100%;BACKGROUND-COLOR:#584a38;COLOR:#584a38;TEXT-ALIGN:CENTER;padding-top:12px;padding-bottom:12px;margin-top:10px;MARGIN-bottom:10px;
        color:White;
    }
    .bot_eli_m a
    {
        color:White;    
    }
     .bot_eli2
    {
        width:300px;max-width:100%;BACKGROUND-COLOR:#bae58c;COLOR:#74744e;TEXT-ALIGN:CENTER;padding-top:12px;padding-bottom:12px;font-weight:bold;margin-top:10px;MARGIN-bottom:10px;
        margin:auto;margin-bottom:30px;
        line-height:30px;
    }
     .bot_eli3
    {
        width:300px;max-width:100%;BACKGROUND-COLOR:#bae58c;COLOR:#74744e;TEXT-ALIGN:CENTER;padding-top:12px;padding-bottom:12px;font-weight:bold;margin-top:10px;MARGIN-bottom:10px;
        margin:auto;margin-top:30px
    }
    .bot_eli4
    {
        width:300px;max-width:100%;COLOR:#74744e;TEXT-ALIGN:CENTER;padding-top:12px;padding-bottom:12px;font-weight:bold;margin-top:10px;MARGIN-bottom:10px;
        margin:auto;margin-top:8px;background-color:#bae58c;
    }
     img
     {
         max-width:100%;
         }
     
    h3
    {
        
       font-weight:normal;
    }
    div.item    
    {
        float:left;
        text-align:center;
       
        width:25%;
     
        overflow:auto;
        }
     div.como
     {
      
         clear:left;
         text-align:center;
         padding-top:50px;
         width:100%;
         overflow:auto;
         padding-top:50px;
         padding-bottom:10px;
        color:#604f3f;
        font-size:26px;
         margin-bottom:30px;
         
         
         }
         div.como3
     {
      
         clear:left;
         text-align:center;
         padding-top:50px;
         width:100%;
         overflow:auto;
         padding-top:10px;
         padding-bottom:10px;
        color:#604f3f;
        font-size:26px;
         margin-bottom:10px;
         
         
         }
          div.como2
     {
         clear:left;
         text-align:center;
         margin-top:30px;
         width:100%;
         overflow:auto;
         padding-top:10px;
         padding-bottom:10px;
         background-color:#a1cd38;
         margin-bottom:30px;
         
         }
     div.footter
     {
          clear:left;
         text-align:center;
         margin-top:10px;
         width:90%;
         padding-left:10%;
         padding-right:0%;
         margin:auto;
         overflow:auto;
         padding-top:30px;
         padding-bottom:10px;
         background-color:#ccff9a;
         margin-bottom:20px;
         padding-bottom:50px;
         
         }
        
     #comofunciona
     {
         
        Width:90%;overflow:auto;margin:auto;
        max-width:1200px;
         }
  #content3
      {
          margin-top:20px;
        
         overflow:auto;
         width:90%;
         max-width:1400px;margin:auto;
          }
      #content2
      {
          margin-top:20px;
        
         overflow:auto;
         width:90%;
         max-width:1200px;margin:auto;
          }
          img.producto
{
    width:100px;
    padding-top:6px;
    }
    strong.negro
    {
        color:Gray;
        font-size:14px;
        font-weight:lighter;
        font-family: "Averia Sans Libre", Arial, sans-serif;
        }
        .cprot
{
Width:250px;float:left;height:190px;
}.comptit
{
Width:96%;margin:auto;;height:90px;overflow:auto;line-height:20px;
}
.decomin
{
Width:120px
}
.ptconten
{
overflow:hidden;max-width:1200px;margin:auto;text-align:center;margin-top:50px;
}
.cuantas
{
    width:250px;
    float:left;
    margin:2px;
    background-color:#a1cd38;
       
    filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
}      
a.numcantidad
{
    color:White;
    text-decoration:none;
    font-size:22px;
    }
a.numcantidad:hover
{
    color:White;
    text-decoration:none;
    font-weight:bold;
    }
div.masinfo
{
    -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;     
    position:absolute;background-color:gray;width:40px;height;60x;overflow:auto;color:white;font-size:25px;margin-top:112px;margin-left:5px;
    filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
    } 
     div.masinfo2
{
    -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;     
    background-color:gray;width:40px;height;60x;overflow:auto;color:white;font-size:25px;
    filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8;
    }     
    .verde
    {
        color:#74a248;
        }
   div.caja
   {
        font-family: "Averia Sans Libre", Arial, sans-serif;
       width:33%;
       line-height:30px;
       
        text-align:center;
      
       
        float:left;
     
       
       }
       .dec
       {
            Width:100%;background-color:#bbe58d
       }
       h2.titprod
       {
        font-size:18px;margin:0px;width:90%;margin:auto;text-align:center;margin-bottom:6px;line-height:28px;
        
      } 
      h2.titulin
      {
          color:#8ea66a;
}
     div.ci
     {
     width:100%;background-color:white;
     margin-bottom:0px;
     padding-top:20px;
     
      }
     div.cajaverde
     {
      width:208px;float:left;
      padding:0px;
      background-color:Red;
      margin:16px;
      color:#5f4f3c;
     line-height:22px;
      text-align:center;
      background-color:#bbe58d;
      padding-bottom:20px;
      text-align:center;
      height:350px;
      border:Solid 1px #bbe58d;
   
     
     }  
       span.blanco
       {
         font-family: "Lato", Arial, sans-serif;
        font-size:20px;
        font-weight:bold;
        color:#5e4f3a;
       
        text-transform: uppercase;
        line-height:26px;
           
           
           }
           #precomo
           {
               overflow:auto;
               border:solid 1px red;
               text-align:center;
               width:100%;
               }
#comofunciona2
{
     max-width:800px;
         margin:auto;
         text-align:justify;
         line-height:20px;
         padding:10px; float:left;
    text-align:center;
    border:solid 1px red;
    }          
    
   a.categorias
   {
       text-decoration:none;
       color:white
       }
.redondo
{
     -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px; 
     padding:6px;
     margin:6px;
     width:260px;
}
#enviarformulario   
{
    width:260px;
    background-color:#a1cd39;
     -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px; 
     padding:6px;
     margin:6px;
font-weight:bold;color:White;
}    
#enviarformulario   
{
    width:260px;
    background-color:#a1cd39;
     -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px; 
     padding:6px;
     margin:6px;
font-weight:bold;color:White;
}  
.botongeneral   
{
    width:260px;
    background-color:#a1cd39;
     -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px; 
     padding:6px;
     margin:6px;
font-weight:bold;color:White;
}   
.bloquehori
{
    width:240px;
    float:left;
 
    padding:10px;
    
    }
.titulohori
{
    background-color:#a1cd39;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    color:White;
}
.textohori
{
    text-align:justify;
    padding-top:10px;
    font-weight:normal;
    }
.imgproducto
{
    width:300px;
margin-top:10px;
    }   
    .marcad
    {
     background-color:#a9e689
     } 
a.opacidad
{
     
     filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
-khtml-opacity: 0.6;
    }  
    a.opacidad:hover
{
     filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;
    }     
    div.botonredondo
    {
        float:left;
        margin:6px;
        margin-left:0px;
        padding:6px;
        background-color:#a1cd39;
     -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px; 
     overflow:auto;
        }
a.botoncillos
{
    color:White;
    font-size:11px;
    font-weight:bold;

    }  
    .compp
{
cursor:pointer;margin:auto;Width:calc(33% - 40px);float:left;height:340px;margin:4px;margin-top:20px;BORDER:SOLID 1PX #AAA;MARGIN:12PX
}      
.inferior{
 

width:200PX;
   
padding:6px;
float:right;
background-color:#61852d;
color:White;
text-align:center;
font-weight:bold;

}
.redondo2
{
   font-size:11px;
width:200PX;
-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px; 
 -webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;
    float:left;   
padding:6px;
margin:6px;
background-color:Red;
    }
h1.titulo
{
    color:#70a044;
    line-height:32px
}
h1.titulo2
{
    color:#70a044;
    line-height:32px;
    font-size:24px;font-weight:bold;max-width:800px;margin:auto;color:#3d3d3d;text-align:center;margin-bottom:20px;height:95px
}

.contain
{
float:left;;width:100%;margin-top:20px;
}
.contain2
{
width:100%;max-width:1200px;overflow:auto;margin:auto
}
#ftickt
{
	background-color:#ececec;width:100%;max-width:1200px;background-image:url(fondo-tiket.png);height:46px;margin-top:0px;margin-bottom:40px;float:left
}
.cien
{
    width:100%;
}
.fo1
{
overflow:auto;width:33%;max-width:350px;float:left;line-height:26px
}
#banprov
{
	position:absolute;position:fixed;bottom:0px;left:0px;;border:solid 1px #999d9b;right:0px;background-color:whitesmoke;width:260px;padding:6px;
}
.noti1
{
background-color:#ececec;width:48%;padding-bottom:12px;float:left;padding-left:1%;padding-right:1%
}
.noti2
{
width:100%;margin:auto;padding-top:12px;padding-bottom:12px
}
.4bloc
{
    width:100%;max-width:1400px;margin:auto;padding-top:20px;overflow:auto;
 }
 #ico_mb
{
    float:right;
    width:100%;overflow:auto;
    text-align:right;
    display:none;
 }
 #mmv
 {
    margin:5px;
 }
 #logo2
 {
    display:none;margin:6px;
 }
 .vpr
{
width:100%;overflow:auto;;margin-bottom:40px;background-color:#ededed;margin-bottom:20px;padding-top:20px;padding-botton:20px;
}
 .vpr2
{
width:100%;overflow:auto;;margin-bottom:0px;background-color:#ededed;;padding-top:20px;padding-botton:20px;
}
.vpr_im
{
float:left;margin-right:10px;width:300px;text-align:center;margin-left:20px;
}
.vpr_conp_horeca
{
padding:20px;float:left;width:800px;min-height:140px;overflow:auto;line-height:26px;
}
.col60
{
	width:55%;float:left;line-height:26px;padding-right:5%;
}
.col40
{
Width:40%;float:left;font-variant:italic;background-color:whitesmoke;text-align:center;padding-top:12px;padding-bottom:12px;font-style:italic
}
.tsec1
{
line-height:32px;
background-color:#61852d;
color:White;padding:6px;
max-width:86%;
}
  .boton
        {
             font-family: 'Poppins', sans-serif;
            font-size:18px;
            background-color:#80b71f;color:white;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
        .boton2
        {
             font-family: 'Poppins', sans-serif;
            font-size:18px;
            background-color:#3b4f31;color:white;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
        .boton:hover
        {background-color:#030302

        }
        .boton2:hover
        {background-color:#030302

        }
@media screen and (max-width: 1200px)
{
    #logo2
     {
        display:block;width:100px;margin:auto;
     }
    #ico_mb
    {
        display:block;
        position:absolute;top:0px;
    }
    #logo
    {
        display:none
    }
    .bul
    {
        display:none;
    }
    
    
  
    #cmenu
    {
        display:none;
    }
    
    
} 
 
@media screen and (max-width: 800px) 
{
         #header
    {
         background-image:url(top3.png);
        background-color:#efefef;
        background-size:auto;
    }
    div.item
    {
        width:50%;    
    }
     .medio1
    {
        width:90%;margin:auto;    
    }
     .medio2
    {
        width:90%;margin:auto;    
    }
      .anima
    {
	    Width:50%;
    }
    .anima_1
    {
        font-size:20px;
    }
   
    
}

@media screen and (max-width: 500px) 
{
      .compp
{
cursor:pointer;margin:auto;Width:90%;float:left;height:AUTO;margin:4px;BORDER:SOLID 1PX #AAA;MARGIN:auto ;MARGIN-LEFT:5%;margin-bottom:21px;
}   
    div.cajaverde
    {
        width:90%;margin-left:5%;margin-bottom:5%;    
    }
    #necesitasayuda
    {
        display:none;width:100%;
    }
    div.caja
    {
        width:90%;margin:auto;    
    }
    
    .anima
    {
	    Width:100%;margin-top:12px;
	    
    }
       .anima_1
    {
        font-size:26px;
    }
    .noti1
    {
        width:100%;
        padding-left:0%;padding-right:0%   
     }
     h1.titulo2
    {
        height:auto;
     }
     .fo1
     {
         width:90%;marign:auto;
     }
     #asesor
    {
      background-color:#f6f6f6
    }
    #asesor1
    {
      display:none;
    }

}