/*
.audio{position:fixed; display:block; margin-left: 6%; margin-right: auto; bottom:20px; width:84px; height:100px; z-index: 1000000; outline: none;}


#top-link {
    display: none;
    position: fixed;
    right: 3%;
    bottom: 50px;
    padding: 10px;
    z-index: 20
}

.botonSubir {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -20px;
    top: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.botonSubir:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2)
}




#down-link {
    display: inline;
    position: fixed;
    left: 3%;
    bottom: 50px;
    padding: 10px;
    z-index: 20
}

.botonBajar {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -20px;
    top: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.botonBajar:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2)
}


.btnBack2{position:relative; display:inline-table; width:80px; height:auto; left:20px; bottom:10px; cursor: pointer;}



#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:-50px; top:50px; cursor:pointer}
.txt1Pedido{ position:relative; display:inline-block; text-align:right; right:15px; font-size:1.3em; color:#fff;font-family: "Roboto-Light";}
.datos1{ position: relative; width:280px; height:30px; left: 20px; border:solid; border-color:#620002; border-width:0px 0px 2px 0px; outline:none; background:rgba(255,255,255,0.9); font-family: "Roboto-Light";}
.datos2{ position: relative; width:280px; height:80px; left: 20px; border:solid; border-color:#620002; border-width:0px 0px 2px 0px; outline:none; background:rgba(255,255,255,0.9); font-family: "Roboto-Light";}


.filaPedido{ position:relative; width:90%; height:50px; display:block; margin-left:auto; margin-right:auto; padding-top:20px}
.txt2Pedido{ float:left; text-align:center; font-size:0.8em; position:relative; top:-10px; color:#FFF}
.lineaPedido{ float:left; background-color:#fff; width:30%; height:1px; border:none}


.btnPedido{ position:relative; top:-20px; width:200px; height:40px; border:none; outline:none; background-color:#620002; color:#FFF; 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; font-size:1.3em; display: block; margin-left: auto; margin-right: auto;}
	.btnPedido:hover{background-color:#F96}
*/


.menu li a i {
    margin-right: 8px;
  }

 /* Alinear el icono con el texto dentro del button */
.lnkLinea2 i {
    margin-right: 8px;
    vertical-align: middle; /* Alinea el icono verticalmente con el texto */
  }
  



.bloqueMenu3{
	background:rgba(1,45,70,0.9);
	width:100%; 
	height:130px; 
	position:fixed; 
    top:-130px;
    z-index:3000; 
	transition: top 0.3s;
    z-index: 2000000;
	}


				.menu3{
					position:absolute;
					list-style:none;
					padding:0px;
					margin:0px;
					top:40px;
					left:0px;
					z-index:3;
					}
					.menu3 li{
						float:left;
						display: block;
						
					}
					
					.menu3 li a{
						display:block;
						width:100px;
						height:60px;
						padding:30px 0px 0px 0px;
						text-decoration:none;
						text-align:center;
						font-size:15px;
						background-repeat:no-repeat;
						-webkit-transition: all 0.5s ease;
						font-weight:700;
						color:#fff;
					
					
					}
					
					.menu3 li a:hover{
						background-color:#fff;
						color:#031f2f;
						opacity: 1;
						-moz-opacity: 1;
						filter: alpha(opacity=100);
					}

.resaltarDomicilio{position:fixed; right:0px; bottom:0px; width:350px; height:60px; background:rgba(30,30,30,0); border-radius: 0px 0px 0px 0px; z-index:10000; 
	border:solid; border-color:#FFF; border-width:0px 0px 0px 0px;}
.pedidos{position:relative; text-align:center; font-size:1.1em; padding-left:0px; color:#fff; width:100%;}

#capa1Header{
  position: relative;
  width: 100%;
  height:auto;
  
  display: inline-table;

  
}

.colCapa1Header{
    float: left;
    width: 54.8%;
    height: 100%;
    display: inline;
}


        .fila1Capa1Header{position: relative; width: 100%; height: 60px; }

                .logo{position: relative; width:90%; height: auto; display: block; margin-left: auto; margin-right: auto;animation-name: example;
                    animation-duration: 1s;}


                @keyframes example {
                    from { left: -200PX; opacity: 0; }
                    to {left: 0px; }
                }




.col2Capa1Header{
    float: left;
    width: 45%;
    height: 100%;
    display: inline;
    /*clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);*/
    /*border-radius: 250px 0px 0px 250px;*/
    background-color: #012a68;
    /*background-image: url(../imagenes/amarillo.png);*/
    background-repeat: no-repeat;
    background-size: cover;

    -webkit-box-shadow: -9px -1px 13px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: -9px -1px 13px -5px rgba(0,0,0,0.75);
    box-shadow: -9px -1px 13px -5px rgba(0,0,0,0.75);
}

    .col3Capa1Header{float: left; width: 50%; height: 100%; }
    .fila2Capa1Header{position: relative; width: 100%; height: 100px;}
        .logoMarca{position:relative; left: 5px;  width: 400px; height: auto; display: block; position: relative; margin-left: auto; margin-right: auto;}

    .col4Capa1Header{float: left; width:50%; height: 100%; }
        .fila3Capa1Header{position: relative; width: 100%; height: 30px;}
            .txt1Capa1Header{ position: relative; padding-top: 1px;   text-align: right; right: 80px; color: #fff971; font-size: 1.5em; }
            .txt2Capa1Header{ position: relative;   text-align: right; right: 80px; color: #fff971; font-size: 1.7em; }
            .linea{
                position: relative;
                left: 5px;
                width: 70%;
                height: 2px;
                background-color: #001d99;
                border: none;
    
            }


#capa2Header{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #3baa94;
}

.sub22{position:relative;  width:100%; height:59px; z-index: 100000; }

   .subCapa2Header{ position: relative; display: block; margin-left: 12%; margin-right: 12%; width:86%;height:40px;}
      .menu{
          position:relative;
          top:-17px;
          padding-top:0px;
          list-style:none;
          z-index:3;
          display: inline-block;
      }

      .menu li{
          float:left;
          display: block;
      }

      .menu li a{
          display:block;
          width:200px;
          height:40px;
          padding:20px 0px 0px 0px;
          text-decoration:none;
          text-align:center;
          font-size:1.1em;
          background-repeat:no-repeat;
          -webkit-transition: all 0.5s ease;
          font-weight:700; 
          color:#fff; z-index: 200000;
          border: solid; border-width: 0px 1px 0px 0.5px; border-color: #fff;
      }

      .menu li a:hover{
      
          color:#000;
          background:rgba(255,255,255,0.5);
          opacity: 1;
          -moz-opacity: 1;
          filter: alpha(opacity=100);
          transform: scale(1.3);

      }

      .token{
          color:#fff;
          background-color: #0792dd;
      }
          .point{width: 12px; height: auto;}


      .titulo{position: relative; display: block; margin-left: auto; margin-right: auto; width: 400px; height: 60px; background-color: #ec3138; top: 10px;}
          .cuadroTitulo{position: relative; top: 10px; left: 10px; width: 95%; height: 70%; border: solid; border-color: transparent; border-width: 1px; }
          .txtTitulo{position: relative; color: #fff; width: 100%; text-align: center; font-family: "merri"; font-size: 1.5em; top: -20px; }
          .point2{width: 12px; height: auto; top: -5px; position: relative;}


      .incaIcon{position: relative; top: -30px; display: block; margin-left: auto; margin-right: auto; right: 100px;}

      .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;}





      .sub {
        position: relative;
        top: 60px;
        width:170px;
        left:460px;
        border-radius: 5px;
        z-index: 100000;
        border: solid;
        border-width: 1px;
        border-color: #fff;
        overflow: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; 
    }


       .lnkLinea2{
        cursor:pointer;
        position:relative;
        left: -50px;
        z-index:1000; 
        width:230px;    
        text-align: center;    
        height:55px;
        color:#FFF;
        font-size:1.3em;
        /*background:rgb(0,0,0,0.0);*/
        border: solid;
        border-color: #fff;
        border-width: 3px;
        background-color: #3baa94;  -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease
        
        }

        .lnkLinea2:hover{
            color:#000;
            background:rgb(255,245,101,1);
            transform: scale(1.3);
        }

        .lnkLinea3{
            color:#FFF;
            font-size:1em;
            }


        .menu li ul {
            display:none;
            position:absolute;
            min-width:140px;
            background-color:#208873;
            }
            
                        
            .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;
                }

                .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:#323232; border-radius:2px;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:#fcf013; color:#000}
                    .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:50px;
                        height:auto;
                        
                    }
             
 
      
@media screen and (min-width: 1px) and (max-width: 360px) {


    .bloqueMenu3{ display:none}


    .colCapa1Header{position: relative;width: 100%;height: 80px; }
        .logo{width: 80%; top: -50px;margin-left: 17%;}
   
    .col2Capa1Header{position: relative;width: 100%;height: auto; border-radius: 0px; }
            .fila2Capa1Header{height: 60px;}
                .logoMarca{position:relative;   width: 250px; height: auto; top: -40px; }
        .col3Capa1Header{position: relative;width: 100%;height: auto; }
        .col4Capa1Header{position: relative;width: 100%;height: 100px; }
             .fila3Capa1Header{ height: 0px;}
                .txt1Capa1Header{top: -110px;  text-align: center; right: 0px;  font-size: 1em; }
                .txt2Capa1Header{top: -125px;  text-align: center; right: 0px;  font-size: 1.4em; }
 
            #capa2{height: 300px;}
            .subCapa2Header{display: none;}
            .sub22{ display: none}

            .contenedorMenu{ visibility: visible;}
            .menuHam{
                display:inline-block;
                visibility:visible;
            }
            
            .audio{ margin-left: 0%; bottom:80px; }
}


@media screen and (min-width: 361px) and (max-width: 640px) {

    .bloqueMenu3{ display:none}

    .colCapa1Header{position: relative;width: 100%;height: 110px; }
    .logo{width: 82%; top: -50px;margin-left: 15%;}

.col2Capa1Header{position: relative;width: 100%;height: auto; border-radius: 0px; }
        .fila2Capa1Header{height: 60px;}
            .logoMarca{position:relative;   width: 250px; height: auto; top: -40px; }
    .col3Capa1Header{position: relative;width: 100%;height: auto; }
    .col4Capa1Header{position: relative;width: 100%;height: 100px; }
         .fila3Capa1Header{ height: 0px;}
            .txt1Capa1Header{top: -110px;  text-align: center; right: 0px;  font-size: 1em; }
            .txt2Capa1Header{top: -125px;  text-align: center; right: 0px;  font-size: 1.4em; }

            #capa2{height: 300px;}
            .subCapa2Header{display: none;}
            .sub22{ display: none}
            .contenedorMenu{ visibility: visible;}
            .menuHam{
                display:inline-block;
                visibility:visible;
            }
            
            .audio{ margin-left: 0%; bottom:80px; }
}


@media screen and (min-width: 641px) and (max-width: 960px) {


    .bloqueMenu3{ display:none}


    .colCapa1Header{position: relative;width: 100%;height: auto; }
    .logo{width: 90%;}
    .col2Capa1Header{position: relative;width: 100%;height: auto; border-radius: 0px; }
    .fila2Capa1Header{height: 60px;}

.col3Capa1Header{position: relative;width: 100%;height: auto; }
.col4Capa1Header{position: relative;width: 100%;height: auto; }
     .fila3Capa1Header{ height: 0px;}
        .txt1Capa1Header{top: -80px;  text-align: center; right: 0px;  font-size: 1.4em; }
        .txt2Capa1Header{top: -50px;  text-align: center; right: 0px;  font-size: 1.5em; }

        #capa2{height: 300px;}
        .subCapa2Header{display: none;}
        .sub22{ display: none}
        .contenedorMenu{ visibility: visible;}
        .menuHam{
            display:inline-block;
            visibility:visible;
        }
        
        .audio{ margin-left: 0%; bottom:80px; }
}


@media screen and (min-width: 961px) and (max-width: 1210px) {

    .bloqueMenu3{ display:none}

    .colCapa1Header{position: relative;width: 100%;height: auto; }
    .logo{width: 90%;}
    .col2Capa1Header{position: relative;width: 100%;height: auto; border-radius: 0px; }

    .col3Capa1Header{position: relative;width: 100%;height: auto; }
    .col4Capa1Header{position: relative;width: 100%;height: auto; }
         .fila3Capa1Header{ height: 0px;}
            .txt1Capa1Header{top: -80px; text-align: center; right: 0px;  font-size: 1.8em; }
            .txt2Capa1Header{top: -50px; text-align: center; right: 0px;  font-size: 1.8em; }

        #capa2{height: 300px;}
        .subCapa2Header{display: none;}
        .sub22{ display: none}
        .contenedorMenu{ visibility: visible;}
        .menuHam{
            display:inline-block;
            visibility:visible;
        }
        
        .audio{ margin-left: 0%; bottom:80px; }

}


@media screen and (min-width: 1211px)  and (max-width: 1500px){
    .logoMarca{position:relative;  width: 340px; height: auto; display: block; position: relative; margin-left: 0px; margin-right: auto;}
}