/* CSS Document */
@font-face {font-family:"Univers-Condensed";

src:url("../0260FUENTES/Univers-Condensed.eot?") format("eot"),url("../0260FUENTES/Univers-Condensed.woff") format("woff"),url("../../0260FUENTES/Univers-Condensed.ttf") format("truetype"),url("../0260FUENTES/Univers-Condensed.svg#Univers-Condensed") format("svg");

font-weight:normal;

font-style:normal;

}
body, html{height: 100%}
*{margin: 0;}
a{text-decoration: none; background-color: transparent; -webkit-text-decoration-skip:objets}
a:active,a:hover{outline-width: 0}

/*común*/
.flex-container {
  height:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

}
.logo{width:33.3%; height: 100%; display: inline-block; text-align: center}
.bola{width:63%; height: 100%; display: inline-block; text-align: right}
.modal{z-index:3;display:none;padding-top:20px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:90%}
.cierre{font-size: 1.8em; position: absolute; right: 0;top:0;user-select: none; text-decoration: none; cursor: pointer; padding: 8px 16px;}
.animate-zoom {animation:animatezoom 0.6s}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.pie{width: 100%; text-align: center; font-size: 0.8em; font-family: Arial, "sans-serif"; margin-bottom: 3px;}
.caja4{width: 90%; margin: auto; text-align: center; font-size: 1.4em; padding: 10px 0; border-radius: 5px}
.accordion {clear: both; width:100%;cursor:pointer}
.accordion-content {cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0;background-color: #fff;}
.show{display:block!important}.show-inline-block{display:inline-block!important}
.caja100{width:100%;}
.grupocarta{font-family:"Univers-Condensed";font-size:1.6em;margin-bottom: 10px;}
.plato{font-family:"Univers-Condensed";font-size:1em;color: #88704C;}
.precio{text-align:right;min-width:100px;}
.preciodoble{font-family:"Univers-Condensed";font-size:1em;text-align:right;padding-right:1em;}
.textoplato{font-family:"Univers-Condensed";font-size:.8em;font-style: italic;color: #88704C;}
.Nh{height:1em;}
.textocarta{font-family:"Univers-Condensed";font-size:.8em;	margin-top: 10px;margin-bottom: 5px;text-align:center;}
.alergenos{font-family:"Univers-Condensed";	font-size:1em;}
.grupomenu{font-family:"Univers-Condensed"; font-size:1.4em; font-weight: bold;	margin: 6px auto; color: #88704C; text-align:center;}
.comentariomenu{font-weight: normal; font-style: italic;}
/*horizontal*/
@media screen and (orientation:landscape){
	.encabezado{height:15%; width: 100%; padding: 10px 20px 0px 20px;}
	.caja1{width: 100%;	max-height: 15%;display: flex;  justify-content: space-around;
	}	
	.caja2{width: 100%; height: 50%; text-align: center;}
	.caja3{width: 23%; margin: 1%; overflow: hidden;}	
}
/*vertical*/
@media screen and (orientation:portrait){
	.encabezado{height:10%; width: 100%; padding: 10px 15px 0px 15px;}
	.caja1{width: 100%; max-height: 30%; float:left; 
	display: flex;  flex-wrap: wrap; justify-content: center;align-items: center;
	}	
	.caja2{width: 100%; height: 40%; display: flex; justify-content: center; align-items: center;}
	.caja3{width: 48%; margin:1%; overflow: hidden;}	
}