@charset "utf-8";
/* CSS Document */
@media (min-width: 369px) and (max-width: 3000px) and (orientation: landscape){
body {
    clear: none;
    float: left;
    width: 100%;
   /* background-color: white;*/
    margin: 0%;
    padding: 0%;
    /*font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";*/
    font-family: 'Poiret One';
    font-style: normal;
    font-weight: bolder;
}
    a {color: inherit;text-decoration: inherit;}
    a:active {color: inherit;text-decoration: inherit;}
    a:visited {color: inherit;text-decoration: inherit;}
    a:focus {color: inherit;text-decoration: inherit;}
    
    #links {
    	color:red;
    	font-style: normal;
    	font-weight:900;
    }

	#header{
		clear: none;
		float: left;
		margin: 0%;
		padding: 0%;
		width: 100%;
		background-color: white;
	}
	#main-content{
		clear: none;
		float: left;
		margin: 0%;
		padding: 0%;
		width: 100%;
		background-color: white;
	}
	#footer{
		clear: none;
		float: left;
		margin: 0%;
		padding: 0%;
		width: 100%;
		background-color:#1F1F1F;
	}
	#rr-logo{
		clear: none;
		float: left;
		width: 6%;
		margin: 6% 47% 1% 47%;
	}
	#copyright{
		clear: none;
		float: left;
		width: 18%;
		margin: 1% 41%;
		color: #7E0002;
		text-align: center;
	}
	
	
	
	#logo{
		clear: none;
		float: left;
		margin: 0%;
		padding: 0%;
		width: 9%;
		background-color: white;
	}
	#app-name{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 15%;
		background-color: white;
		font-size: 180%;
		border-right: #000000 thin solid;
	}
	#business-user{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 24%;
		background-color: white;
		font-size: 180%;
	}
	
	
	
	#main-menu{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 18%;
		background-color: white;
		font-size: 180%;
		border-right: #000000 thin solid;
	}
	#main-menu-boton{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 3%0%;
		width: 96%;
		background-color: white;
		border-bottom: #000000 thin solid;
	}
	#main-menu-boton-c{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 3%0%;
		width: 96%;
		background-color: rgba(255,0,84,1.00);
		border-bottom: #000000 thin solid;
	}
	#content{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 76%;
		background-color: white;
		font-size: 180%;
		border: #000000 thin solid;
	}
	#page-instructions{
		clear: none;
		float: left;
		width: 94%;
		padding: 3%;
		background-color: rgba(255,0,84,1.00);
		color:rgba(37,37,37,1.00);
		visibility:visible;
		font-size: 100%;
	}
	#page-instructions-m{
		clear: none;
		float: left;
		width: 0%;
		padding: 0%;
		background-color: rgba(255,0,84,1.00);
		color:rgba(37,37,37,1.00);
		visibility:hidden;
		font-size: 0%;
	}
	#content-top-col{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
	}
	#section-name{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%1%;
		background-color: white;
		font-size: 180%;
		border-right: #000000 thin solid;
	}
	#funcion-menu{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 1%1%;
		background-color: white;
		color: inherit;
		font-size: 120%;
		border: #000000 thin solid;
		transition: ease-in-out 0.5s;
	}
	#funcion-menu:hover{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 1%1%;
		background-color:#DF6264;
		color: white;
		font-size: 120%;
		border: #000000 thin solid;
		transition: ease-in-out 0.5s;
	}
	#sub-menu{
		clear: none;
		float: left;
		width: 12%;
		margin: 0%;
		padding: 0%;
		border-right: #000000 thin solid;
	}
	#sub-menu-boton{
		clear: none;
		float: left;
		width: 96%;
		margin: 1%0%;
		padding: 3%1%;
		font-size: 86%;
	}
	#sub-menu-boton-c{
		clear: none;
		float: left;
		width: 96%;
		margin: 1%0%;
		padding: 3%1%;
		font-size: 86%;
		background-color: rgba(255,0,84,1.00);
	}
		/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	/*=================FOOD TABLE MENUS=============*/
	
	#tabla{
		clear: none;
		float: left;
		margin: 3% 1.5%;
		padding: 1%;
		width: 81%;
		font-family: 'Poiret One';
        font-style: normal;
        font-weight: bolder;
		border-bottom: #000000 thin solid;
		border-left: #000000 thin solid;
		border-top: #FFFFFF thin solid;
		box-shadow: -1px 3px 6px grey;
		background-image:url("images/pexels-eva-bronzini-7956728.jpg");
	}
	#ids {
		clear: none;
		float: left;
		margin: 0%;
		padding: 0%;
		width: 100%;
		color: rgba(255,255,255,0.12);
		background: rgba(0,0,0,0.02);
		font-size: 9%;
	}
	#foto{
		clear: none;
		float: left;
		margin: 0%;
		padding: 0%;
		width: 18%;
		color: white;
		background: white;
	}
#numero{
	    clear: none;
		float: left;
		margin: 3%0.3%;
		padding: 0%;
		width: 3%;
		color:#1F1F1F;
		background: rgba(255,255,255,0.12);
	    font-size: 60%;
	border-bottom: #03AB93 thin solid;
	text-align: right;
	
}
#platillo{
	    clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 24%;
		color:#1F1F1F;
		background: rgba(255,255,255,0.12);
	    font-size: 102%;
	border-bottom: #03AB93 thin solid;
	
}
#dish{
	clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 24%;
		color:#1F1F1F;
		background: rgba(255,255,255,0.12);
	    font-size: 102%;
	border-bottom: #03AB93 thin solid;
}
#price{
	clear: none;
		float: left;
		margin: 3%1%;
		padding: 0%;
		width: 9%;
		color:#1F1F1F;
		background: rgba(255,255,255,0.12);
	    font-size: 102%;
	border-bottom: #03AB93 thin solid;
}
#borrar{
	clear: none;
		float: left;
		margin: 3%1%;
		padding: 1%;
		width: 3%;
		color:#CF0102;
		background: black;
	    font-size: 51%;
}
	
	
}