@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  position: fixed;
  bottom: 10%;
  left: 7%;
  width: 60px;
  height: 57px;
  background-image: url('../img/abajo.png');

}
.arrow1{
  position: fixed;
  top: 40%;
  left: 37%;
  width: 60px;
  height: 57px;
  background-image: url('../img/abajo.png');
  z-index:10;

}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.boton-top{
		display: none;
		position:fixed;
		bottom:0;
		right:0;
		width:50px;
		height: 50px;
		text-align:center;
		line-height:50px;
		color:#fff;
		cursor:pointer;
	}
  .active{
  background:#fff;
  color:#000;
  }
#clientes{
    text-align: center;
    width: 200px;
	height: 200px;
	margin: 0 auto;
position: relative;

}
 #bread{

	text-align: center;
	color:#000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-left: 5%;
	padding:20px 10px 20px 10px
}
#cat{
	margin: 0 0.5em;
}
#subc{
	margin-left: 0.5em;
}

#aumcon{
	vertical-align: middle !important;
}
#abajo{
		position:fixed;
		bottom:10%;
		left:105px;
		width:50px;
		height: 50px;
		text-align:center;
		line-height:50px;
		color:#fff;
		cursor:pointer;
}
#climg{
max-height: 100%;  
max-width: 100%; 
width: auto;
height: auto;
position: absolute;  
top: 0;
bottom: 0;
left: 0;
right: 0; 
margin: auto;
}

#colRight{

	/*float: left;*/

}
.active{
	background: #a4d8eb !important;
	z-index: 12;
	display: block;
}
.inactive{
	background: #fff;
	
}

.actives, .hovers{
	border-radius:40px;
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
}

#colLeft{
	width:80%;
}

#colRight,#colLeft{
	display: inline-block;
	vertical-align: top;

}

#formu, #campos{
            display: inline-block;
            margin: 0 1em;
            vertical-align: middle; 
        }
        #log, #nomb{
            display: inline-block;
            margin-right: 2px;
            vertical-align: top;
            margin-left: 8px;
        }
        #log img{
            margin-right: 15px;
            vertical-align: middle;
        }
       
        #map-canvas {
            height:400px;
            margin: 0 auto;
            padding: 0 auto;
            text-align:left;
            width:80%;     
        }
        #menu{
            margin: 0 1em;
            vertical-align: middle !important;
            
        }
        #subcategoria{
            border-bottom: 1px solid #8a8c8e;
            cursor: pointer;
            margin-bottom: 0 auto 1em auto;
            
        }
        #menu1{
            border-bottom: 1px solid #8a8c8e;
            display: inline-block;
            float: left;
            position: relative;
            vertical-align: top;  
        }

        
        #rest,#descri{
            display: inline-block;
            vertical-align: middle;
        }
        .gm-style-iw{
            left: 27px !important;
        }
        
        .owl-item{border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff;padding: 4.5px;}
        .owl-item:hover{background: #e6e7e8;border-top: 4px solid #a9489a;border-bottom: 4px solid #a9489a;}
        .owl-carousel .owl-item{margin:0 !important;}
        .owl-carousel .owl-wrapper-outer{height: 59px;}
        .owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{top:-3px;}
        .over{
        	border-radius:100px;
        	border:2px solid #21BCC3;
        }
        .sinover{
        	border-radius:0;
        	border:0;
        }
         .owlactive {background: #e6e7e8;border-top: 4px solid #a9489a;border-bottom: 4px solid #a9489a;}
        @media screen and (max-width: 1024px) {
	        #formu, #campos{
	            display: inline-block;
	            margin: 0 1em;
	            vertical-align: middle; 
	        }
            #listaca,  #listaca1{
                display: inline-block !important;
            }
            #listaca1{
	            width: 100%;
            }

            #listres{
	            vertical-align: top;
	            display: inline-block;
	            float: left !important;
            }
            .mas{
                display: none;
            }
            .floating{
                display: none !important;
            }
            
            #carglid{
	            display: block !important;
            }
           
            #nuevomen{
	            display: block !important;
            }
            #menu1{
	            height: 420px !important;
	          
            }
            #oculmen{
              display:none !important;
            }
            
            .oculm{
	            display: none !important;
            }
            .ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column, .ui.column.grid > [class*="thirteen wide"].column{
	            width: 100% !important;
            } 
            .ui.grid > .row > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column, .ui.column.grid > [class*="three wide"].column{
	            width: 100% !important;
            }
            #colLeft{
	            width: 100%;

	        }
		}
       

          
        @media screen and (max-width: 768px) {
            /*#menu{
                text-align: center !important;
                margin: 0 auto !important;
                padding: 0 10px !important;
                display: none
            }
            #menu .item{
                margin: 0 auto !important;
                padding: 0 15px;
                text-align: center; 
            }*/
            #listaca{
                display: inline-block !important;
                margin-top: 0px;
            }
            .arrow{
	            display: none !important;
            }
            .mas{
                display: none;
            }
            .floating{
                display: none !important;
            }
            
            #carglid{
	            display: block !important;
            }
            
            #nuevomen{
	            display: block !important;
            }
            #menu1{
	            height: 420px !important;
	          
            }
            .oculm{
	            display: none !important;
            }
            #colLeft{
	            width: 100%;

		     }
			.ui.grid > .row > .column[class*="four wide"], .ui.grid > .column.row > .column[class*="four wide"], .ui.grid > .column[class*="four wide"], .ui.column.grid > .column[class*="four wide"] {
	    width: 50% !important;
	    	}  
        }
        @media screen and (max-width: 640px) {
            #menu{
                padding: 0 !important;
               
            }
            #menu .item{
                font-size: 16px !important;
            }
            .clientes{
				max-height: auto !important;  
				max-width: 100% !important; 
			}
			.eleheader{
	            float:right!important;
            }
            #formu, #campos{
            	width: 100% !important;
            	display: block !important;
            	margin-top: 10px;
	            
            }
             #listaca{
                display: inline-block !important;
                margin-top: 15px !important;
            }
            .selest{
	            width: 80% !important;
            }
            
            .ui.input, .ui.button.submit {
	           
	            vertical-align: top;
	            display: inline-block;
            }
            .listah, .mapah{
	            width: 39% !important;
            }
            .ui.input{
	            display: block !important;
	            width: 100% !important;
	           	           
            }			


        }
        @media (min-width: 641px) and (max-width: 691px){
         #formu, #campos{
            	width: 100% !important;
            	display: block !important;
            	margin-top: 10px;
	            
            }
             #listaca{
                display: inline-block !important;
                margin-top: 15px !important;
            }
            .selest{
	            width: 80% !important;
            }
            
            .ui.input, .ui.button.submit {
	           
	            vertical-align: top;
	            display: inline-block;
            }
            .listah, .mapah{
	            width: 39% !important;
            }
            .ui.input{
	            display: block !important;
	            width: 100% !important;
	           	           
            }
        
        }
        @media screen and (max-width: 480px) {
            #menu{
                padding: 0 !important;
                font-size: 13px !important;
                margin: 0 !important;
            }
            #menu .item{
                font-size: 13px !important;
            }
            #listini, #listres{
               
                padding: 0 !important;
                margin: 0 !important;
                font-size: 10px !important;
            }
            
            .column .mobaj{
            width: 100% !important;
            text-align: center !important;
	            
            }
            .eleheader{
	            float:right!important;
            }
           

            .total_votes{
                display: none;
            }
            .two .column{
                display: inline-block !important;
                vertical-align: top !important;
                width:100% !important;
            }
                 
            .product{
                height: 20px !important;
            }
            .ui.grid > .row > .column[class*="four wide"], .ui.grid > .column.row > .column[class*="four wide"], .ui.grid > .column[class*="four wide"], .ui.column.grid > .column[class*="four wide"] {
                width: 50% !important;
            }
            
#clienrec #clientes{
	height: 150px !important;  
	width: auto !important; 
}
  
#subcategoria{
	width: 90% !important;
	margin: 0 auto !important;
}
#slider1_container{
	margin: 0 auto !important;
}
#galery{
		margin: 0 auto !important;
	text-align: center;
}

        }
        
       @media (min-width:320px) and (max-width:460px){
     
                    }