@font-face {
	font-family: "Futura";
	font-style: normal;
	font-weight: normal;
	src: local("?"), url("/fonts/futurastd-light-webfont.woff") format("woff"), url("/fonts/futurastd-light-webfont.ttf") format("truetype");
}
body{  
/*font-family: Futura;*/
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
display:hidden;
//background-image: url("https://www.quetepido.es/images/Fondos/fondo2.jpg");
background-color: #7d7b7b;
background-size: cover;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;

}
a {
	color: white;
	
}
*{box-sizing:border-box;}
#Contenido{ 
font-size:20px;
	
}


#Contenido{ 
font-size:25px; margin-bottom:20px; background-color:#F4F4F4;

}

#respuestaConsulta{
	width:80%;
	padding:16px;
	border-radius:10px;
	margin:auto;
	background-color:#E6E6E6;
	margin-bottom:20px;
	height:auto;
}

form label{
	width:72px;
	font-weight:bold;
	display:inline-block;
}

form input[type="text"],
form input[type="email"]{
	width:180px;
	padding:3px 10px;
	border:1px solid #d4d4d4;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
}
form input[type="text"]{
	width:180px;
	padding:3px 10px;
	border:1px solid #D4D4D4;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block; font-size:20px;
}
form input[type="submit"]{
	width:50%;
	height:50px;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:#7E96C8;
} 

form input[type="button"]{
	width:100px;
	height:50px;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#000000;
	background-color:#7E96C8;
	font-size:18px;
} 

form input[type="submit"]:hover{
	cursor:pointer;
}

textarea{
	width:100%;
	height:100px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;			
	margin:8px 0;
	/*resize: vertical | horizontal | none | both*/
	resize:none;
	display:block;
}
form input[id="Observaciones"]{
	width:95%;
	height:80px;
	margin:10px;
	
}
table{
	width:80%;
}
td{
	width:auto;
	height:70px;
	vertical-align:middle
}

form select[id="IDHoraRecogida"]{
	width:auto;
	height:auto;
	font-size:20px;
}
form select[id="IDDiaecogida"]{
	width:auto;
	height:auto;
	font-size:20px;
}
.ContenidoFormulario{
	 z-index:100;
	 width:100%; 
	 margin:0px; 
	 margin-right:auto; 
	 padding:30px; 
	 
	 float:left;
	 height:auto;
	 background-color:  rgba(255, 255, 255, 0.74);
position: relative;
}
#caja2{
	width:80%;
	padding:16px;
	border-radius:10px;
	margin:auto;
	background-color:#ccc;
}
#caja1{
z-index:100; width:98%; margin:1px; padding:5px; background-color:#FCFBEE; float:left;
}
#botonPrincipalDiv{
	 color:#3E488C; 	 
	 font-size:18px; 
	 padding:10px; 
	 height:auto; 
	 width:47%; 
	 position:relative; 
	 padding:10px; 
	 margin-left:10px; 
	 margin-top:10px; 
	 background-color:#C9C9C9;  
	 float:left; 
	 z-index:50;
		  border:2px solid #9A3233;
	border-radius:5px;
}
#botonPrincipalImg{
	 float:left; 
	 height:100px; 
	 width:30%; 
	 background-color:#B64648;
}

#botonOpcion{
	 height:60px; width:42%; position:relative; padding:10px; margin-left:20px; margin-top:10px; background-color:#C4D0EB;  float:left; z-index:50
}

input[type="radio"] {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
	transform: scale(1.5);
}
#DivInformacionEstablecimiento{
	font-size:18px;
	font-weight: 100;
	font-family: sans-serif; 
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 30px;
	margin-bottom: 10px;
	color:black;
	
}
#DivNombreEstablecimiento{
	font-size:28px;
	color:#949292;
}
#botonParaLlevar_backup{
	color:#BC5153; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:auto; 
	 width:95%; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 background-color:#CBCFD9;  
	 float:left; 
	 z-index:50;
		  border:1px solid #000;
	border-radius:5px;
}


#botonParaLlevar{
	color:#BC5153; 	 
	 font-size:14px; 
	 font-family: sans-serif;
	 font-weight: 100;
	 padding-bottom:10px; 
	 height:150px; 
	 width:18%; 
	 max-width: 300px;
	 /*min-width: 250px;*/
	 position:relative; 
	 margin-left:15px; 
	 margin-top:10px; 
	 margin-bottom:20px;
	 float: left;
	 
	 background-color:#e2dfd4;  
	/* float:left; */
	 z-index:50;
	  /*border-right:solid; border-right-color:#ABABAB;border-bottom:solid; border-bottom-color:#ABABAB;*/
	/*  -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover; */
	  background-size: 100%;
	  background-position: center;
	  
	/*  box-shadow: 2px 2px 10px #666; */
		  
	
}

#botonSugerencia{
	color:#BC5153; 	 
	 font-size:18px; 
	 
	 height:100%; 
	 width:40%; 
	 position:relative; 
	  
	 margin-top:10px; 
	 background-color:white;  
	 float:left; 
	 z-index:50;
	  margin-bottom:20px; margin-left:10px; margin-right:10px;
	 box-shadow: 2px 2px 10px #666; 
		  
	
}

#ImagenSugerencia{height:130px; width:100%; position:absolute; top:0px; left:0px; background-color:#A9171A;  position: relative;}


#DivParaTomarAqui{
	color:#807677; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:auto; 
	 width:95%; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 margin-bottom:15px;
	 background-color:#F1F1F2;  
	 float:left; 
	 z-index:50;
		  border:1px solid #000;
	border-radius:5px;
	
}
#DivParaLlevar{
	color:#807677; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:auto; 
	 width:95%; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 margin-bottom:30px; 
	 background-color:#F1F1F2;  
	 float:left; 
	 z-index:50;
		  border:1px solid #000;
	border-radius:5px;
	
}

.BotonMenuPrincipal_V0{
	height:40px;
	padding:10px;
	margin-top:5px; margin-bottom: 5px; margin-right: 5px; margin-left: 5px;
	border:0px solid #000;
	border-radius:10px;
	display:block;
	color:#000000;
	background-color:rgba(180, 203, 248, 0.21);
	font-size: 16px;
	width: 150px;
	float: left;
}

header{ font-size:22px;background-color:rgba(170, 175, 231, 0.21); height:auto; width:100%; padding-top: 5px; font-size: 24px; color: white;
	
}
/* #ddd9cb */
footer{

bottom: 0;
width: 100%;
height: 32px;
padding-bottom: 16px;
background: #eeeeee;
/*background: rgba(0,0,0,.90);*/
border-top: 2px solid #f00;
z-index:2000;
}
#divUbicacion{
	  height:150px; padding:30px; marging-left:100px; marging-right:100px; width:100%;
}
#menuEstablecimiento{
	 margin-top:-15px; margin-left:-25px; margin-right:-25px; background-position:100%; background-color:#ababab; position:relative; width:100%; height:150px; font-size:24px; border-radius: 2px;
}

#idDivLogoEstablecimiento{
	height:150px; 
	width:100%;
	position: relative;
	
}
#idDivContenedorUbicacion{
	  border-bottom:solid;  border-bottom-color:#AAA7A7; border-right:solid;  border-right-color:#AAA7A7; margin-left:20px; margin-right:20px;  background-color:#e8debd; padding:20px;
	  width: 90%; 	
}
#idDivContenedorUbicacion2{
	  border-bottom:solid;  border-bottom-color:#AAA7A7; border-right:solid;  border-right-color:#AAA7A7; margin-left:2px; margin-right:2px;  background-color:#e8debd; padding:20px;
	  width: 90%; 	
}
#InformacionLocal{
padding:2px; margin-left:0px; margin-right:0px; background-color:#e8debd; padding-left:10px; padding-right:10px; border-bottom:solid; border-color:gray;	
/* background-image: url("https://www.quetepido.es/images/fondo2.jpg");
background-size: cover; */
	
}
#InformacionLocal2 {
	width:72%; background-color: rgba(255, 255, 255, 0.32)
	}
#ContenidoWeb{
	 position:relative; height:auto;  width: 1200px; margin-left: auto; margin-right: auto; background-color:  rgba(178, 199, 245, 1); 
	
}
#MenuArribaIzquierda {
	visibility: hidden;
	
}
#PedidoV0_Logo {width:auto; max-width: 55%; height:120px; max-height: 120px; border-radius: 0px;  margin-top: 10px; padding-bottom: 10px; margin-left: 20px;}
#PedidoV0_InfoLogo {width:20%; height:auto; border-radius: 0px;  margin-top: 10px; margin-left: 20px; font-size: 18px;}
#PedidoV1_Logo {width:auto; max-width: 75%; height:auto; max-height: 100px; border-radius: 0px;  margin-top: 10px;}
#PedidoV1_InfoLogo {width:40%; height:auto; border-radius: 0px;   margin-top: 10px; margin-left: 20px; font-size: 18px;}
#EstadoComedor{

	 font-size:16px; 
	 padding:0px; 
	 height:200px; 
	 width:95%; 
	 max-width: 50%;
	 min-width: 150px;
	 
	 margin-left:5px; 
	 margin-top:20px; 
	 margin-bottom:10px;
	 
	 border-bottom:  0px solid #bbb7b7;
	 border-radius: 5px;
/*	 box-shadow: 2px 2px 10px #666;*/
	 background-color: white;
	 
	
	 z-index:50;
	 text-transform: uppercase;
	 color: black;


	 
		  
}
.ImagenLogo {width:100%; height:150px; max-width:100%; max-width:380px; margin-top:5px; margin-bottom:20px; box-shadow: 2px 2px 10px #666;}


@media screen and (max-width:800px ) {
	form{
	width:99%;
	padding:2px;
	border-radius:10px;
	margin:auto;
	background-color:#ffffff; 
	//height:500px;
	
}
.ImagenLogo {width:100%; height:auto; max-width:100%; max-width:100%; margin-top:5px; margin-bottom:20px; box-shadow: 2px 2px 10px #666;}

#MenuArribaIzquierda {
	visibility: visible;
	
}

#Contenido{ 
font-size:20px; margin-bottom:20px;

}
.ContenidoFormulario{
	 z-index:100;
	 width:100%; 
	 margin:1px; 
	 
	 padding:1px; 
	 background-color:rgba(255, 255, 255, 0.21); 
	 float:left
}
form input[id="Cantidad"]{
	width:40px;
	height:30px;
	font-size:18px;
}
#caja2{
	width:98%;
	padding:5px;
	border-radius:10px;
	margin:auto;
	background-color:#ccc;
}
form input[id="Observaciones"]{
	width:90%;
	height:80px;
	margin:10px;	
}
form input[id="Nombre"]{
	margin:10px;	
}
form input[id="Telefono"]{
	margin:10px;	
}
form input[type="submit"]{
	width:100%;
	height:50px;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#000000;
	background-color:#7E96C8;
	font-size:18px;
} 
form input[type="button"]{
	width:100%;
	height:50px;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#000000;
	background-color:#7E96C8;
	font-size:18px;
} 
table{
	width:80%;
}
td{
	width:auto;
	height:70px;
	vertical-align:middle; font-size:18px;
}

.ContenidoFormulario{
	 z-index:100;
	 width:100%; 
	 margin:0px; 
	 margin-right:auto; 
	 padding:1px; 
	 background-color:rgba(255, 255, 255, 0.71); 
	 position: relative;
	 float:left;
}


#botonPrincipalDiv{
	 color:#000000; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:75px; 
	 width:92%; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 background-color:#C9CBCF;  
	 float:left; 
	 z-index:50;
	border:2px solid #818080;
	border-radius:5px;
}
#caja1{
z-index:100; width:100%; margin:1px;  padding:1px; background-color:#ffffff; float:left; border-radius:5px;
}
#botonOpcion{
	  font-size:15px; height:60px; width:90%; position:relative; padding:10px; margin-left:20px; margin-top:10px; background-color:#C4D0EB;  float:left; z-index:50
}


input[type="radio"] {
	-ms-transform: scale(2.0); /* IE 9 */
	-webkit-transform: scale(2.0); /* Chrome, Safari, Opera */
	transform: scale(2.0);
}
#DivInformacionEstablecimiento{
	font-size:16px; 
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	width: 100%;
	color: black;

}
#DivNombreEstablecimiento{
	font-size:28px;
	color:#949292;
}
#botonParaLlevar_backup{
	color:#BC5153; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:auto; 
	 width:auto; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 background-color:#CBCFD9;  
	 
	 z-index:50;
		  border:1px solid #000;
	border-radius:10px;
}
#botonParaLlevar{
	/*color:#BC5153; */
	/*color:	 #781011; */
	 font-size:18px; 
	 padding:0px; 
	 height:150px; 
	 width:95%; 
	 max-width: 100%;
	/* min-width: 150px;*/
	 
	 margin-left:5px; 
	 margin-top:20px; 
	 margin-bottom:10px;
	 background-color:white;  
	 border-bottom:  0px solid #bbb7b7;
	 border-radius: 5px;
	/* box-shadow: 2px 2px 10px #666;*/
	 
	
	 z-index:50;
	 text-transform: uppercase;
	 color: black;
	 /* text-shadow: #fdfafa; */
	 /*border-radius: 10px; */

	 
		  
}

#EstadoComedor{
	/*color:#BC5153; */
	/*color:	 #781011; */
	 font-size:16px; 
	 padding:0px; 
	 height:150px; 
	 width:95%; 
	 max-width: 95%;
	 min-width: 150px;
	 
	 margin-left:5px; 
	 margin-top:20px; 
	 margin-bottom:10px;
	 background-color:white;  
	 border-bottom:  0px solid #bbb7b7;
	 border-radius: 5px;
	/* box-shadow: 2px 2px 10px #666;*/
	 
	
	 z-index:50;
	 text-transform: uppercase;
	 color: black;
	 /* text-shadow: #fdfafa; */
	 /*border-radius: 10px; */

	 
		  
}


#botonSugerencia{
	color:#BC5153; 	 
	 font-size:14px; 
	 
	 height:auto; 
	 width:95%; 
	 
	 margin-left:8px; 
	 margin-right: 2px;
	 margin-top:10px; 
	 /*background-color:#CBCFD9;*/
	 background-image: linear-gradient(#B2C7E9, #F5F5F5);
	 background-color:  white;
	
	 z-index:50;
	  margin-bottom:20px; 
	  box-shadow: 2px 2px 10px #666;
	  min-height: 150px;
	 
		  
}
#ImagenSugerencia{height:100px; width:100%; position:absolute; top:0px; left:0px; background-color:#A9171A;}

#DivParaTomarAqui{
	color:#807677; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:auto; 
	 width:95%; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 margin-bottom:15px;
	 background-color:#F1F1F2;
	 
	 float:left; 
	 z-index:50;
		  border:1px solid #000;
	border-radius:5px;
	
}
#DivParaLlevar{
	color:#807677; 	 
	 font-size:15px; 
	 padding:10px; 
	 height:auto; 
	 width:95%; 
	 position:relative; 
	 margin-left:5px; 
	 margin-top:10px; 
	 margin-bottom:30px; 
	 background-color:#F1F1F2;  
	 float:left; 
	 z-index:50;
		  border:1px solid #000;
	border-radius:5px;
	
}

.BotonMenuPrincipal_V0{
	height:40px;
	padding:5px;
	margin-top:5px; margin-bottom: 5px; margin-right: 5px; margin-left: 5px;
	border:0px solid #000;
	border-radius:10px;
	display:block;
	color:#000000;
	
	font-size: 14px;
	width: 60px;
	float: left;
}

header{ background-color:rgba(236, 104, 104, 0.81); height:auto; width:100%; padding-top:2px; font-size: 18px; color: WHITE; position: relative;}

/* background-color:rgba(179, 200, 245, 0.5)rgba(11, 42, 107, 0.27);*/
	

footer{
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
padding-bottom: 16px;
background: #EEEEEE;
/*background: rgba(0,0,0,.90);*/
border-top: 2px solid #f00;
z-index:2000;
visibility:hidden;
}

#divUbicacion{
	  height:50px;  padding:0px;  background-color: rgba(181, 195, 228, 0.82); margin-left: 10px; margin-right: 10px; width: 96%
}

#menuEstablecimiento{
	 margin-top:-15px; margin-left:-25px; margin-right:-25px; background-position:100%; background-color:#ababab; position:relative; width:100%; height:100px; margin-bottom: 10px; border-radius: 2px;
}

#idDivLogoEstablecimiento{
	height:120px; 
	width:100%;
	position: relative;
	left: 0px;
	
}

#idDivContenedorUbicacion{
	  border-bottom:solid;  border-bottom-color:#AAA7A7; border-right:solid;  border-right-color:#AAA7A7; margin-left:20px; margin-right:20px; position:relative; top:2px; background-color:rgba(181, 195, 228, 0.52); padding:20px; width: 90%; height: auto;
	
}
#idDivContenedorUbicacion2{
	  border-bottom:solid;  border-bottom-color:#AAA7A7; border-right:solid;  border-right-color:#AAA7A7; margin-left:2px; margin-right:2px; position:relative; top:2px; background-color:rgba(181, 195, 228, 0.52); padding:20px; width: 90%; height: auto; 
	
}
#InformacionLocal{
padding:0px; margin-left:0px; margin-right:0px; background-color:#e8debd; padding-left:0px; padding-right:0px; border-bottom:solid; border-color:gray;	

	
}
#InformacionLocal2 {
	width:100%; background-color: rgba(109, 144, 239, 0.35);		}
/*#PedidoV0_Logo {width:40%; height:50px; border-radius: 40px;  float:left; margin-top: 10px; margin-left: 20px; position: relative}*/	
#PedidoV0_InfoLogo {width:50%; height:auto; border-radius: 0px;  margin-top: 10px; margin-left: 5px; font-size: 14px;}
#PedidoV0_Logo {width: auto; height: 120px; border-radius: 20px;  padding-bottom: 10px;}

#PedidoV1_Logo { display: block; width:90%; height:auto; max-height: 100px; border-radius: 5px;   margin-top: 0px; margin-left: 20px; position: relative}	
#PedidoV1_InfoLogo {width:100%; height:auto; border-radius: 0px;   margin-top: 10px; margin-left: 0px; font-size: 14px;}

#ContenidoWeb{
	 position:relative; height:auto;  width: 100%; margin-left: auto; margin-right: auto; background-color:  rgba(178, 199, 245, 1); 
	
}