/*
azul #697f91
-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 6px rgba(0,0,0,.2);
box-shadow: 1px 1px 6px rgba(0,0,0,.2);
Fuente calcula según pantalla: font-size: calc(1em + .8vw);

transition: all .2s linear;
@media (min-width: 600px)
	{}
@media (max-width: 600px) and (min-width:600px)
	{}

*/
img	{display:block;}
a	{text-decoration:none;}

.fila-2 {grid-column:span 2;}
.fila-3 {grid-column:span 3;}
.fila-4 {grid-column:span 4;}
.fila-5 {grid-column:span 5;}

.boton1
	{
		padding:8px 15px;
		color:#fff;
		background-color:#697f91;
		outline:0;
		border:0;
	}

.boton_link
	{
		display:block;
		padding:8px 15px;
		color:#fff;
		background-color:#697f91;
		outline:0;
		border:0;
		width:auto;
		font-size:13pt;
		width:132px;
		margin:0 auto;
	}


body, html
	{
		margin:0;
		padding:0;
		width:100%;
		height:100%;
	    font-family: arial;
	    font-size:10pt;
	    background-color:#fff;
	    overflow-x:hidden;
	}

.content_video
	{
		display:table;
		margin:20px auto;
		width:100%;
		max-width:480px;
	}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.fondo_negro_oculto
	{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:20;}
.fondo_negro_oculto2
	{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:30;}


.carrito
	{
		display:none;
		position:fixed;
		top:0;
		right:0;
		width:150px;
		height:150px;
/*		background-color:#FFFF6C; */
		background-color:#FFFF1A;
		z-index:10;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		border-radius: 50%;
		-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.5);
		-moz-box-shadow: 1px 1px 6px rgba(0,0,0,.5);
		box-shadow: 1px 1px 6px rgba(0,0,0,.5);
	}

.carrito-visible
	{
		transition: all .5s linear;
		margin-top:-90px;
		margin-right:-70px;
	}

.carrito-oculto
	{
		transition: all .5s linear;
		margin-top:-190px;
		margin-right:-170px;
	}


.ico-cont-carrito
	{
		position:absolute;
		bottom:0;
		left:0;
		margin-left:25px;
		margin-bottom:17px;
	}

.num-cont-carrito
	{
		position:absolute;
		bottom:0;
		left:0;
		margin-left:40px;
		margin-bottom:32px;
		font-size:10pt;
		font-weight:bold;
		width:13px;
		text-align:right;
	}

.ani_carrito
	{
		animation-name: insert_cesta;
		animation-duration: .3s;
	}
@keyframes insert_cesta {
	50%		{zoom:3;-moz-transform: scale(3);-webkit-transform: scale(3);transform: scale(3);opacity: 0}
	100%	{zoom:1;-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1}
}


.fila_listado_cesta
	{
		display:table;
		width:100%;
		padding:5px 0;
		color:#fff;
		background-color:#697f91;
	}


.contenido_cesta
	{
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		width:97%;
		margin:0 auto 0 auto;
		max-width:600px;
		z-index:25;
		border:1px solid #000;
		background-color:#fff;
		transition: all .2s linear;
		width:97%;
		/*
		Arreglo para hacer scroll en elementos fixed
		*/
		height:90%;
		max-height:400px;
		overflow-y:auto;
		/*****************************/
	}

.cesta-oculta	{transition: all .2s linear;margin:-4em auto 0 auto;opacity:0}
.cesta-visible	{transition: all .1s linear;margin:1em auto 0 auto;opacity:1;}

.elementos_cesta
	{
		border:0px solid red;
		height:150px;
		overflow-y:auto;
	}

.cesta_sin_resultados
	{
		text-align:center;
		font-size:2.5em;
		color:#ccc;
		margin-top:2.5em;
	}

.content_item
	{
		border:0px solid red;
		width:98%;
		margin:2em auto 0 auto;
	}

.fila-item
	{
		display:grid;
		grid-template-columns:20px auto 60px 60px 25px;
		grid-gap:2px 5px;
	}
.fila-item>div	{border:0px solid red;padding:0 3px;}
.tit-fila-item	{padding:2px 0;}
.ico-del-item	{text-align:center;}

.items-file-mums	{text-align:right;}


.tit_subtotal
	{
		text-align:right;
		font-size:12pt;
		font-weight:bold;
	}

.submit_fin-cesta
	{
		margin-top:2em;
		text-align:center;
	}

.iva-inc-cesta
	{
		text-align:center;
		font-size:10pt;
		border:0px solid red;
		margin-top:1em;
	}


/*******************************************************************************/
.flotante_datos_personales
	{
		display:none;
		position:fixed;
		top:0;
		left:0;
		right:0;
		width:97%;

		height:90%;
		overflow-y:auto;
		max-height:610px;

		margin:-4em auto 0 auto;
		max-width:600px;
		z-index:25;
		border:1px solid #000;
		background-color:#fff;
		transition: all .2s linear;
		padding-bottom:1em;

	}

.datos-oculto	{transition: all .2s linear;margin:-4em auto 0 auto;opacity:0}
.datos-visible	{transition: all .1s linear;margin:1em auto 0 auto;opacity:1;}
/*******************************************************************************/

.flot-contenido
	{
		margin:20px 5px 5px 5px;
	}

.flot-contenido	.tit-field
	{
		font-weight:bold;
	}

.flot-contenido	.txt_intro
	{
		text-align:justify;
		margin-bottom:20px;
	}

.flot-contenido	.input-txt-cat
	{width:99%;margin-bottom:20px;}
.flot-contenido	.input-txt-cat	input[type=text],input[type=password], input[type=email], input[type=url]
	{width:100%;}
.flot-contenido	.input-observaciones-cat
	{margin-top:-15px;margin-bottom:20px;font-size:9pt;}

.flot-contenido	.input-txt-cat	textarea
	{
		width:100%;
		height:5em;
		border:1px solid #ccc;
	    font-family: arial;
	    font-size:11pt;
	}

.flot-contenido	.input-txt-cat	input[type=number]
	{
		width:100%;
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
	}

.flot-contenido	.input-txt-cat	a
	{color:#000;text-decoration:none;}

input[type=number] {
  -moz-appearance: textfield;
}

.flot-contenido	.input-observaciones-cat
	{margin-top:-15px;margin-bottom:20px;font-size:9pt;}













.flotante_pedidos
	{
		display:none;
		position:fixed;
		top:0;
		margin:20px auto;
		left:0;
		right:0;
		width:90%;
		max-width:400px;
		z-index:25;
		border:1px solid #000;
		background-color:#fff;
		padding-bottom:1em;
	}

.titulo_flotante
	{
		display:grid;
		grid-template-columns:auto 40px;
		background-color:#697f91;
		color:#fff;
	}

.flot-tit
	{
		padding:5px;
		font-size:12pt;
	}

.flot-ico
	{
		padding:8px 5px;
	}

.cont-flot
	{
		display:table;
		margin:0 auto;
		border:0px solid red;
		width:90%;
	}

.tit-pedidos
	{
		margin:1em auto 0 auto;
		text-align:center;
		width:96%;
		max-height:45px;
		overflow: hidden;
		font-size:1.4em;
	}

.content-grid-unidades-pedidos
	{
		display:table;
		margin:1em auto;
		width:80%;
		max-width:150px;
	}
.grid-uni-pedidos
	{
		display:grid;
		grid-template-columns:1fr 60px 1fr;
		width:100%;
	}

.ico-fecha-izq	{transform: rotate(90deg);padding:5px;-webkit-filter: invert(1); filter: invert(1);}
.ico-fecha-der	{transform: rotate(-90deg);padding:5px;-webkit-filter: invert(1); filter: invert(1);}
.txt-number-pedidos	{font-size:20pt;padding-top:10px;font-weight:bold;}
/*
   -webkit-filter: invert(1);
   filter: invert(1);
*/
.ico-link-flecha-pedidos
	{

		margin:0;
	}

.ico-link-flecha-pedidos	a
	{
		display:block;
		text-align:center;
		background-color:#697f91;
		border:1px solid transparent;
	}
/*
.ico-link-flecha-pedidos	a:hover
	{
		background-color:#000;
		border:1px solid #202020;
		-webkit-filter: invert(1);
		filter: invert(1);
		/* Todo los colores se invierten */
/*
	}
*/

.grid-uni-pedidos>div
	{
		border:0px solid red;
		text-align:center;
	}

.button-intro-pedido
	{
		margin-top:2em;
		text-align:center;
	}


.cont-mod-button-cesta
	{
		display:table;
		margin:2em auto 0 auto;
	}
.grid-button-mod-cest
	{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:0 20px;
	}

.botones_mod_cesta1
	{
		display:block;
		padding:8px 15px;
		color:#fff;
		background-color:#697f91;
		outline:0;
		border:0;
		font-size:13pt;
		text-align:center;
	}

.botones_mod_cesta2
	{
		display:block;
		padding:8px 15px;
		color:#fff;
		background-color:#ff0000;
		outline:0;
		border:0;
		font-size:13pt;
		text-align:center;
	}







.main
	{
		display:table;
		width:98%;
		max-width:1000px;
		margin:0 auto 50px auto;;
	}


.color_franja
	{
		position:relative;
		text-align:center;
		margin:0 auto;
		padding:1% 0;
	}

.content_logo
	{
		display:table;
		margin:0 auto;
		text-align:center;
		border:0px solid red;
	}

.content_descripcion
	{
		text-align:center;
		padding-top:1em;
		font-size:1.3em;
	}




.cabecera
	{
		display:table;
		width:100%;
	}

.contenedor_logo
	{
		/*
			display:table;
			margin:0 auto 30px auto;
			padding:20px 0;
			border:1px solid red;
			width:100%;
		*/

		position:absolute;
		top:0;
		left:0;
		width:100%;
		margin-top:0px;
		text-align:center;
	}

.logo
	{
		display:table;
		margin:0 auto;
		border:0px solid red;
		text-align:center;
	}


.comercio
	{
		margin-top:15px;
		font-size: calc(2em + .7vw);
		text-align:center;
	}


.titulo_menu
	{
		background-color:#697f91;
		width:100%;
		margin:30px 0;
		text-align:center;
		color:#fff;
		font-size: 2em;
	}
.cartas-menus
	{
		display:table;
		margin:10px auto 0 auto;
		border:0px solid red;
	}

.content-item-cartas
	{
		display:table;
		margin:0 auto;
		border:0px solid red;
	}

.list-item-carta
	{
		display:grid;
		grid-gap:20px;
	}

/*
.grid-template-lista-carta
	{
		grid-template-columns:repeat(3,1fr);

	}
*/
.list-item-carta>div
	{border:0px solid red;overflow:hidden;text-overflow: ellipsis;}



.item-carta	a
	{
		color:#666666;
		display:block;
		padding:5px 10px;
		width:100px;
		height:53px;
		text-align:center;
		font-size:1.3em;
		border-bottom:3px solid transparent;
		transition: all .5s linear;

	}

.item-carta	a:hover
	{
		border-bottom:3px solid #697f91;
		color:#000;
/*		background-color:#FFFF2D;  */
	}

.carta_sel,.tit_menu
	{
		margin-top:30px;
		text-align:center;
		font-size: 2em;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
	}

.nombre_categoria
	{
		display:grid;
		margin:20px auto 0px auto;
		grid-template-columns:30px auto 30px;
		background-color:#697f91;
		width:100%;
		padding:5px 0;
	}

.cat_hidden
	{display:none;}


.ico-arrow-cat
	{
		color:#fff;
		font-size:12pt;
		font-weight:bold;
		padding:5px;
	}

.flecha_arriba
	{transition: all .3s linear;transform: rotate(180deg);}
.flecha_abajo
	{transition: all .3s linear;transform: rotate(0deg);}

.nombre_categoria>div
	{
		border:0px solid red;
		text-align:center;
	}

.nombre_categoria	a
	{
		color:#fff;
		outline:none;
		display:block;
		font-size: 1.8em;
		color:#fff;
		font-weight:bold;

	}

.contenedor_productos
	{
		border:0px solid red;
		margin:0;
		padding:0;
		overflow:hidden;

	}

.producto
	{
		font-weight:bold;
		text-align:center;
		font-size: 1.4em;
		margin-top:20px;
	}

.img_producto
	{
		margin:15px auto 0 auto;
		display:table;
		max-width:500px;
		width:96%;
	}


.descripcion_producto
	{
		text-align:center;
		font-size:1.2em;
		margin-bottom:20px;
		padding:20px 20px 0 20px;
	}

.contenido_alergernos
	{
		display:table;
		margin:10px auto 0 auto;
		border:0px solid red;
	}

.lista-alergenos
	{
		display:grid;
		grid-gap:4px;
	}

.lista-alergenos>div
	{
		border:0px solid red;
	}

.ales
	{
		float:left;
		width:20px;
		height:20px;
		margin:00px 10px 0 0;
		border:0px solid red;
	}


.importe
	{
		margin-top:10px;
		text-align:center;
		font-size:2em;
		font-weight:bold;
		text-align:center;
	}

.cont-precio-centro
	{
		display:table;
		margin:0 auto;
	}

.precio_comercio
	{
		display:grid;
		margin:0 auto;
		grid-template-columns:auto auto;
		grid-gap:0 10px;
	}

.precio_comercio>div
	{
		border:0px solid red;
		text-align:center;
	}

.class-importe-online
	{
		margin-top:6px;
	}


.platos-menu
	{
		display:table;
		margin:20px auto;
		background-color:#697f91;
		color:#fff;
		font-weight:bold;
		width:180px;
		padding:2px 0;
		text-align:center;
		font-size: calc(1em + .2vw);
	}

.titulo-menu-sel
	{
		margin-top:30px;
		text-align:center;
		font-size: 2em;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
	}

.observaciones_menu
	{
		margin-top:20px;
		text-align:center;
		font-size:1.2em;
		margin-bottom:10px;
	}

.iva
	{
		text-align:center;
		padding:20px 0 0 0;
		font-size:12pt;

	}

.cont_leyenda
	{
		display:table;
		margin:50px auto;
		width:100%;
	}

.ini_txt_leyenda
	{
		background-color:#343434;
		color:#fff;
		font-size: 1.4em;
		padding:5px 0 ;
		text-align:center;
		margin-top:5px;
	}

@media (min-width: 300px)
	{
		.leyenda
			{
				display: grid;
				grid-template-columns: repeat(4,1fr);
				grid-gap:10px;
				margin-top:10px;
			}
	}

@media (max-width: 300px)
	{
		.leyenda
			{
				display: grid;
				grid-template-columns: repeat(3,1fr);
				grid-gap:10px;
				margin-top:10px;
			}
	}


.ico_leyenda
	{display:table;margin:0 auto;}
.txt_leyenda
	{text-align:center;font-size:10pt;color:#000;}


/*
.espacio
	{
		display: grid;
		grid-gap:20px;
		margin-top:80px;
	}


@media (min-width: 1020px)							{.template-anuncio	{grid-template-columns:repeat(6,1fr);}}
@media (max-width: 1020px) and (min-width:730px)	{.template-anuncio	{grid-template-columns:repeat(5,1fr);}}
@media (max-width: 730px) and (min-width:450px)		{.template-anuncio	{grid-template-columns:repeat(4,1fr);}}
@media (max-width: 450px) and (min-width:390px)		{.template-anuncio	{grid-template-columns:repeat(3,1fr);}}
@media (max-width: 390px)							{.template-anuncio	{grid-template-columns:repeat(2,1fr);}}
*/

.espacio
	{
		display:table;
		width:99%;
		margin:2em auto;
	}



.espacio>div
	{
		text-align:center;
		border:0px solid red;
	}

.copy
	{
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background-color:#343434;
		color:#fff;
		border-top:0px solid #ccc;
		padding:3px 0;
		text-align:center;
		font-size:9pt;
	}

.copy	p	{margin:0;padding:0;}