@charset "utf-8";

.idioma{
	font-size:1.2em;
	padding:8px 16px;
	text-decoration:none;	
}
.banderaidioma{
	height:1.2em;
}
.logo740{
	max-height:10em;
	max-width:90%;
	margin:1%;
}
.accordion {width:100%;cursor:pointer}	
.accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0;}
.caja100{
	width:100%;
}
.grupocarta{
	font-size:1.3em;
	margin-bottom: 10px;
}
.textoplato{
	font-size:.8em;
	font-style: italic;
	
}
.precio{
	text-align:right;
	min-width:100px;
}
.preciodoble{
	font-size:1em;
	text-align:right;
	padding-right:1em;		
}

.textocarta{
	font-size:.8em;	
	margin-top: 10px;
	margin-bottom: 5px;
	text-align:center;		
}
.Nh{
	height:1em;
}
.show{display:block!important}.show-inline-block{display:inline-block!important}
.flex-container {
  height:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

}
.caja4{width: 90%; margin: auto; text-align: center; font-size: 1.4em; padding: 10px 0; border-radius: 5px}
.grupomenu{font-size:1.4em; font-weight: bold;	margin: 6px auto; text-align:center;}
.plato{font-size:1em;}
.grupocarta{font-size:1.6em;margin-bottom: 10px;}
.comentariomenu{font-weight: normal; font-style: italic;}
.mySlides {display:none; max-width: 100%; max-height: 100%; margin: auto}
.animate-zoom {animation:animatezoom 0.6s}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
@media screen and (orientation:landscape){
.caja2{width: 100%; height: 50%; text-align: center;}
	.caja3{width: 23%; margin: 1%; overflow: hidden;}	
}
@media screen and (orientation:portrait){
.caja2{width: 100%; height: 40%; display: flex; justify-content: center; align-items: center;}	
.caja3{width: 48%; margin:1%; overflow: hidden;}	
}