@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;}
	.imprimir{
		clear: none;
		float: left;
		font-size: 200%;
		margin: 3% 1%0% 6%;
		background-color: rgba(156,0,53,1.00);
		color: azure;
		border-radius: 9px;
		box-shadow: -3px 3px 6px grey;
		border-top: none;
		border-right: none;
		border-bottom: rgba(49,0,48,1.00) medium solid;
		border-left: none;
		transition: ease-in-out 0.3s;
	}
	.imprimir:hover{
		clear: none;
		float: left;
		font-size: 200%;
		margin: 3% 0.5% 0% 6.5%;
		background-color: rgba(255,22,100,1.00);
		color: azure;
		border-radius: 9px;
		box-shadow: -6px 6px 6px grey;
		transition: ease-in-out 0.3s;
	}
	.regresar{
		clear: none;
		float: left;
		font-size: 200%;
		margin: 3% 1%0% 6%;
		background-color: rgba(0,114,156,1.00);
		color: azure;
		border-radius: 9px;
		box-shadow: -3px 3px 6px grey;
		border-top: none;
		border-right: none;
		border-bottom: rgba(49,0,48,1.00) medium solid;
		border-left: none;
		transition: ease-in-out 0.3s;
	}
	.regresar:hover{
		clear: none;
		float: left;
		font-size: 200%;
		margin: 3% 0.5% 0% 6.5%;
		background-color: rgba(0,164,224,1.00);
		color: azure;
		border-radius: 9px;
		box-shadow: -6px 6px 6px grey;
		transition: ease-in-out 0.3s;
	}
	
	.inputs {
		background-color:rgba(255,40,87,0.73);
		border-bottom: rgba(162,0,50,1.00) thin solid;
		border-top: none;
		border-right: none;
		border-left: none;
		width: 80%;
		font-size: 81%;
		padding: 1%;
	}
	.submitters {
		background-color:rgba(0,211,245,1.00);
		border-bottom: rgba(0,111,129,1.00) thin solid;
		border-top: none;
		border-right: none;
		border-left: none;
		width: 21%;
		font-size: 90%;
		padding: 1%;
		border-radius: 9px;
		box-shadow: -3px 3px 3px grey;
	}
	.uploaders {
		background-color:rgba(245,76,0,1.00);
		border-bottom: rgba(101,0,129,1.00) medium solid;
		border-top: none;
		border-right: none;
		border-left: none;
		width: auto;
		font-size: 90%;
		padding: 1%;
		border-radius: 9px;
		box-shadow: -3px 3px 3px grey;
	}
    
    #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;
		transition: 0.5s ease-in-out;
	}
	#main-menu-boton:hover{
		clear: none;
		float: left;
		margin: 3%1%;
		padding: 3%0%;
		width: 96%;
		background-color: rgba(1,145,179,1.00);
		border-bottom: #000000 thin solid;
		transition: 0.5s ease-in-out;
	}
	#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%;
		transition: ease-in-out 0.5s;
		background-color: white;
	}
	#sub-menu-boton:hover{
		clear: none;
		float: left;
		width: 96%;
		margin: 1%0%;
		padding: 3%1%;
		font-size: 86%;
		transition: ease-in-out 0.5s;
		background-color: rgba(1,145,179,1.00);
	}
	#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");
	}
	#product-tabla{
		clear: none;
		float: left;
		width: 100%;
		margin: 1%0%;
		border: rgba(219,0,74,1.00) thin solid;
	}
	#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: 12%;
		color:#CF0102;
		background: black;
	    font-size: 51%;
	text-align:center;
}
	#editar{
	clear: none;
		float: left;
		margin: 3%1%;
		padding: 1%;
		width: 12%;
		color:#00CFB2;
		background: black;
	    font-size: 51%;
		text-align:center;
}
	#editar-foto{
	clear: none;
		float: left;
		margin: 3%1%;
		padding: 1%;
		width: 12%;
		color:#009ECF;
		background: black;
	    font-size: 51%;
		text-align:center;
}
	#col1{
		clear: none;
		float: left;
		width: 99%;
	}
	#product-autor{
		clear:none;
		float: left;
		width: 18%;
		font-size: 63%;
	}

/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	/*==================PROMOCIONES PAGE====================*/
	
	#promocion-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");
	}
	#edited-bar{
		clear: none;
		float: left;
		width: 99%;
		border-bottom: rgba(208,3,73,1.00) thin solid;
	}
	#edited-date{
		clear: none;
		float: left;
		width: 27%;
		border-right: rgba(208,3,73,1.00) thin solid;
		font-size: 60%;
		text-align:center;
	}
	#edited-by{
		clear: none;
		float: left;
		width: 27%;
		border-right: rgba(208,3,73,1.00) thin solid;
		font-size: 60%;
		text-align:center;
	}
	#editar-box{
		clear: none;
		float: left;
		width: 15%;
		border-right: rgba(208,3,73,1.00) thin solid;
		font-size: 60%;
		text-align:center;
		background-color:rgba(31,31,31,1.00);
		color:rgba(0,217,228,1.00);
	}
	#borrar-box{
		clear: none;
		float: left;
		width: 15%;
		border-right: rgba(208,3,73,1.00) thin solid;
		font-size: 60%;
		text-align:center;
		background-color:rgba(31,31,31,1.00);
		color:rgba(228,0,70,1.00);
	}
	
	#promocion-data{
		clear: none;
		float: left;
		width: 99%;
		margin: 1%0%;
		border: rgba(208,3,73,1.00) thin solid;
	}
	#promocion-titulo{
		clear: none;
		float: left;
		width: 27%;
		border-right: rgba(208,3,73,1.00) thin solid;
		font-size: 81%;
		text-align:center;
	}
	#promocion-content{
		clear: none;
		float: left;
		width: 42%;
		padding: 0%0%1%1%;
		border-right: rgba(208,3,73,1.00) thin solid;
		font-size: 76%;
		text-align:left;
	}
	#promocion-aplica{
		clear: none;
		float: left;
		width: 27%;
		font-size: 81%;
		text-align:center;
	}
	
	
	
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	/*==================PRINT PAGE====================*/
	

		#header-menu{
		clear: none;
		float: left;
		width: 7.5in;
		margin: 0.1in;
		
	}
	#logo-menu{
		clear: none;
		float: left;
		width: 0.6in;
		margin: 0.1in;
	}
	#app-name-menu{
		clear: none;
		float: left;
		width: 1.5in;
		margin: 0.3in 0.1in 0.1in 0.1in;
		font-size:15pt
	}
	#business-user-menu{
		clear: none;
		float: left;
		width: 3in;
		margin: 0.3in  0.1in 0.1in 0.1in;
		border-bottom: rgba(0,0,0,1.00) thin solid;
		font-size:18pt
	}
	
	#footer-menu{
		clear: none;
		float: left;
		margin: 0.1in;
		padding: 0.1in;
		width: 6.5in;
		border-top: rgba(163,3,5,1.00) thin solid;
	}
	#rr-logo-menu{
		clear: none;
		float: left;
		width: 1in;
		margin: 0in 0in 0.30in 1in;
	}
	#copyright-menu{
		clear: none;
		float: left;
		width: 3in;
		margin: 0.3in;
		color: #7E0002;
		text-align: left;
	}
	
	#page-margin{
		clear: none;
		float: left;
		width: 7.5in;
		border: red thin solid;
		
	}
	#seccion1{
		clear: none;
		float: left;
		width: 7in;
		height: 1.5in;
		margin: 0.1in 0.3in;
		border-bottom: rgba(142,0,2,1.00) thin solid;
		
	}
	#seccion2{
		clear: none;
		float: left;
		width: 7in;
		margin: 0.1in 0.3in 0.1in 0.3in;
		border-bottom: rgba(142,0,2,1.00) thin solid;
		
	}
	#seccion3{
		clear: none;
		float: left;
		width: 7in;
		margin: 0.1in 0.3in 0.1in 0.3in;
		
	}
	
	#business-logo{
		clear: none;
		float: left;
		width: 1.5in;
		margin: 0in 2.8in;
	}
	#bloque1{
		clear: none;
		float: left;
		width: 2.3in;
		text-align:center;
	}
	#bloque2{
		clear: none;
		float: left;
		width: 2.3in;
		text-align:center;
	}
	#bloque3{
		clear: none;
		float: left;
		width: 2.3in;
		text-align:center;
	}
	
	#menu-title{
		clear: none;
		float: left;
		width: 7in;
		text-align: center;
		font-size: 24pt;
	}
	#special-spanish{
		clear: none;
		float: left;
		width: 3.3in;
		margin: 0.1in 0.1in 0.1in 0in;
		border-right: rgba(0,0,0,1.00) thin solid;
	}
	#special-english{
		clear: none;
		float: left;
		width: 3.3in;
		margin: 0.1in;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}