@charset "utf-8";
    
#capaPedido{position:fixed; display:block; right:-320px; bottom:0px; width:320px; height:500px; background:rgba(64,65,66,0.5); border-radius: 50px 0px 0px 0px; z-index:20000; 
    border:solid; border-color:#FFF; border-width:0px 0px 0px 0px;
    /*-webkit-box-shadow: -11px -11px 22px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -11px -11px 22px -1px rgba(0,0,0,0.75);
box-shadow: -11px -11px 22px -1px rgba(0,0,0,0.75);*/
-moz-transition: all 0.5s ease;
   			-o-transition: all 0.5s ease;
    		transition: all 0.5s ease;
}
.btnBack{position:absolute; display:inline-block; width:80px; height:auto; right:20px; top:-80px; cursor: pointer;}

.img1Pedido{position:relative; display:inline-block; width:110px; height:auto; left:0px; top:10px}
.img2Pedido{position:absolute; display:inline-block; width:50px; height:auto; left:-60px; top:100px; cursor:pointer}



.img3Pedido{position:absolute; display:inline-block; width:230px; height:auto; left:-230px; top:410px; cursor:pointer; animation: mymove 1s infinite;}

#capa1{
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../imagenes/fondoHeader.png?v=9);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

    .fila1Capa1{
        position: relative;
        width: 100%;
        height:180px;
        display: inline-table;
        background: rgba(104,61,20,1);

    }

        .col1Capa1{float: left; width: 30%;height: auto; }
            .logo{position: relative; top: 20px; width: 280px; height: auto; display: block; margin-right: auto; margin-left: auto;}

        .col2Capa1{float: left; width: 50%;height: 100%; }

        .col3Capa1{float: left; width: 15%;height: 100%; }

            .redes1{position: relative; padding-top: 50px;  text-align: left; width: 100%; display: inline-block; margin-left: auto; margin-right: auto; }
            .icon1{width: 35px; height: auto;}


                .subCapa2Header{ position: relative; top: 60px; display: block; margin-left: auto; margin-right: auto; width: 100%;
                 height:auto; z-index: 2000; }
                
                 .menu{
                        position:relative;
                        top:10px;
                        padding-top:0px;
                        list-style:none;
                        z-index:3;
                        display: inline;
                    }
              
                    .menu li{
                        float:left;
                        display: block;
                        height:100%;
                    }
              
                    .menu li a{
                        display:block;
                        width:110px;
                        height:60px;
                        padding:10px;
                        text-decoration:none;
                        text-align:center;
                        font-size:1.2em;
                        background-repeat:no-repeat;
                        -webkit-transition: all 0.5s ease;
                        font-weight:700; 
                        color:#fff; z-index: 200000;
                    
                    }
              
                    .menu li a:hover{
                        color:#fe9694;
                        /*background:rgba(255,255,255,0.5);*/
                        opacity: 1;
                        -moz-opacity: 1;
                        filter: alpha(opacity=100);
                    }
              
                    .token{
                        color:#70412f;
                        /*background-color: #000;*/
                    }
                        .point{width: 12px; height: auto;}
              
                      .bola{position:relative; display: inline;  top:-10px; color: #fe9694;}
              
              
                      .sub {
                          position: relative;
                          top: 50px;
                          width:450px;
                          left:-450px;
                          border-radius: 50px;
                      }
              
                         .lnkLinea2{
                          cursor:pointer;
                          position:relative;
                          z-index:1000; 
                          width:100px;
                          height:50px;
                          color:#FFF;
                          font-size:1em;
                          background:rgb(0,0,0,0.0);
                          border:none
                          }
              
                          .lnkLinea2:hover{
                              color:#000;
                              background:rgb(241,231,193,1)
                          }

                         
              
              
              
                          .menu li ul {
                              display:none;
                              position:absolute;
                              min-width:140px;
                              background-color:#25a437;
                              }
                              
                                          
                              .menu li:hover > ul {
                              display:block;
                              }
                              
                              .menu li ul li {
                                  position:relative;
                                  float:left
                                  
                              }
                              
                                      .menu li ul li a{
                                          font-size:1em;
                                          float:left;
                                          padding-bottom:20px;
                                      }
                              
                                  .menu li ul li ul {
                                      right:0px;
                                      top:0px;
                                  }
              
      .fila2Capa1{
         position: relative;
         width: 100%;
         height:auto;
         display: inline-table;
        }
         
        
        .fila3Capa1{
            position: relative;
            width: 100%;
            height:200px;
            display: inline-table;
        }


            .txt1Capa1{
                position: relative;
                text-align: center;
                font-family: "bum";
                color: #fff;
                font-size: 2.5em;
            }


            .txt2Capa1{
                position: relative;
                text-align: center;
                font-family: "east";
                color: #fff;
                font-size: 3em;
            }


            .txt3Capa1{
                position: relative;
                text-align: center;
                color: #fff;
                font-size: 1.2em;
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: 60%;
            }

            .btn1Capa1{
                position: relative;
                display: block;
                margin-left: auto;
                margin-right: auto;
                width: 230px; 
                height: 60px;
                background-color: #25a437;
                border: none;
                outline: none;
                border-radius:50px;
                font-size:1.3em;
                color: #fff;
            }
  


.contenedorMenu{
       position:fixed;
       top:0px;
       height: 50px;
       width:100%;
       z-index:1000;
  }
                
                .menuHam{
                height:215px;
                position:relative;
                width:210px;
                left:-162px;
                display: none;
        
                visibility:visible;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                margin-top: 2px;
                z-index:25;
                
            }
                
                .tituloResponsive{ display:none; visibility:hidden; position:absolute; border-color:transparent; 
                background-color:transparent; color:#090909; top:-200px}
                
                .item{position:relative; width:100%; height:40px; background-color:#683d14; border-radius:5px;margin-top: 2px; 
                    cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
                    transition: all 0.5s ease; border:solid;border-width:2px 2px 2px 0px;border-color:#fff;}
                
                .item:hover{background-color:#25a437; color:#FFF}
                .txtItem{position:absolute; top:-10px; left:10px; color:#fff; font-size:1.2em; font-family: "Roboto-Light";}
                
                .icono{
                    -moz-background-size: 100%;
                    -webkit-background-size: 100%;
                    -o-background-size: 100%;
                    
                    margin-top: 2px;
                    cursor:pointer;
                }
                
                .imgMenu{
                    width:60px;
                    height:auto;
                    
                } 

                .items2{position:relative; float:left; width:75%; height:250px; top:-160px; left:-220px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}


@media screen and (min-width: 1px) and (max-width: 360px) {
   
    .fila1Capa1{height: auto;}
        .col1Capa1{position: relative; width: 100%; }
            .logo{width: 150px;}
        .col2Capa1{display: none;}
        .col3Capa1{position: relative; width: 100%; }
            .redes1{text-align: center; font-size: 1.2em;}
            .icon1{width: 25px;}

    .contenedorMenu{ visibility: visible;}
        .menuHam{display:inline-block;visibility:visible;}

        .fila3Capa1{height:10px;}
            .txt1Capa1{font-size: 1.4em;}
            .ln{width: 20px;}
            .txt2Capa1{ font-size: 1.8em;}
               .txt3Capa1{ width: 80%; }
            .btn1Capa1{width: 180px; height: 60px;font-size:1em;}

}
    
    
@media screen and (min-width: 361px) and (max-width: 640px) {
    .fila1Capa1{height: auto;}
    .col1Capa1{position: relative; width: 100%; }
        .logo{width: 150px;}
    .col2Capa1{display: none;}
    .col3Capa1{position: relative; width: 100%; }
        .redes1{text-align: center; font-size: 1.2em;}
        .icon1{width: 25px;}

.contenedorMenu{ visibility: visible;}
    .menuHam{display:inline-block;visibility:visible;}

    .fila3Capa1{height:10px;}
        .txt1Capa1{font-size: 1.4em;}
        .ln{width: 20px;}
        .txt2Capa1{ font-size: 1.8em;}
           .txt3Capa1{ width: 80%; }
        .btn1Capa1{width: 180px; height: 60px;font-size:1em;}


}
    
    
@media screen and (min-width: 641px) and (max-width: 960px) {
    .fila1Capa1{height: auto;}
    .col1Capa1{position: relative; width: 100%; }
        .logo{width: 150px;}
    .col2Capa1{display: none;}
    .col3Capa1{position: relative; width: 100%; }
        .redes1{text-align: center; font-size: 1.2em;}
        .icon1{width: 25px;}

.contenedorMenu{ visibility: visible;}
    .menuHam{display:inline-block;visibility:visible;}

    .fila3Capa1{height:10px;}
        .txt1Capa1{font-size: 1.4em;}
        .ln{width: 20px;}
        .txt2Capa1{ font-size: 1.8em;}
           .txt3Capa1{ width: 80%; }
        .btn1Capa1{width: 180px; height: 60px;font-size:1em;}


}
    
    
@media screen and (min-width: 961px) and (max-width: 1300px) {
    .col1Capa1{float: left; width: 20%;height: auto; }
        .logo{position: relative; top: 22px; width: 180px; height: auto; display: block; margin-right: auto; margin-left: auto;}

    .col2Capa1{float: left; width: 62%;height: 100%; }
    .menu{top:0px; }
        .menu li a{font-size: 1em; width: 90px;}

    .col3Capa1{float: left; width: 18%;height: 100%; }
        .redes1{text-align: center; font-size: 1.3em;}
        .icon1{width: 20px;}

        #capa1{
            position: relative;
            width: 100%;
            height: auto;
            background-image: url(../imagenes/fondoHeader.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #000;
        }


        .fila3Capa1{
            position: relative;
            width: 100%;
            height:100px;
            display: inline-table;
        }

}
    

@media screen and (min-width: 1301px) and (max-width: 1700px) {
    .col1Capa1{float: left; width: 30%;height: auto; }
    .logo{position: relative; top: 22px; width: 250px; height: auto; display: block; margin-right: auto; margin-left: auto;}

    .col2Capa1{float: left; width: 50%;height: 100%; }
    .menu{top:0px; }
        .menu li a{font-size: 1.2em; width: 90px;}

    .col3Capa1{float: left; width: 18%;height: 100%; }
        .redes1{text-align: center; font-size: 1.5em;}
        .icon1{width: 20px;}



        .fila3Capa1{
            position: relative;
            width: 100%;
            height:250px;
            display: inline-table;
        }
}