﻿body {
	margin:0px;
	padding:0px;
	font-family: "Book Antiqua";
	background-color:#283747;
}

.ui-dialog-titlebar {
    display: none;
}

.lengu {
	font-weight:bold;
	color:#55F5F2;
	font-size:calc(0.8rem + .5vw);
}

.contenedor{
	float:left;
	margin:0;
	padding:0;
	width:100vw;
}

.texcuer{
	color:#F1EEBA;
	font-size:calc(0.9rem + 1vw);
	text-align: justify;
	z-index:100;
}

.datepicker {
	color: #000;
	background-color: #fff;
}

#reserva_button {
	background-image: url(reserva.png);
  }
  
.fondogrupo{
	background-color: rgba(0,0,0,0.45);
	opacity: 2;
	color: white;
}

.titupagnw{
	font-size:calc(2rem + 1vw);
	font-weight:bold;
	padding-top:2vh;
	padding-top: -10px;
}
.titupagnw_a{
	font-size:calc(0.5rem + 1vw);
	font-weight:bold;
	padding-top:2vh;
	padding-top: -10px;
	margin-bottom: -6px;
}
.titupagnw_b{
	font-size:calc(2rem);
	background-color: rgba(0,0,0,0.45);
	opacity: 2;
	color: white;
	margin-top:6%;
}
.textospacer {
	margin-top: 0%;
	background-color: rgba(0,0,0,0.45);
	opacity: 2;
	color: white;
}
.texdescpag {
	padding-top: 20px;
	margin-top:1%;
	font-size:calc(1.2rem + 0.2vw);
}
.vermenudet{padding:0;font-size:calc(1rem + 0.2vw);}
.precio{font-size:calc(1.7rem + 0.2vw);font-weight: bold;}
.textpie {color:#fff;font-size:calc(1rem + 1vw);}

.texmenu:hover {
	text-decoration: underline;
	font-weight:900;
}
/*
.texmenu:hover::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid black;
	border-radius: 5px;
	text-shadow: none !important;
}
*/
/*
.texmenu:hover span {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
	text-shadow: none !important;
}
*/
#cuerpo {
    background-color: transparent;
    height: auto;
    overflow-x: auto;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}


/* .mem_3 .iditecto.texto_en { */
	/* width:70%; */
	/* padding-left: 10px; */
	/* text-align:center; */
/* } */

/*
This is the CSS for the beginning of the new HOME page
*/
.container {
    position: relative;
    height: 100%;
}

.background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.logo-style {
	margin-left: 5px; 
	margin-top: -10px; 
	width: 35%; 
	height: 50%;
}

/*
- END - END - This is the CSS for the beginning of the new HOME page - END - END - 
*/

@media (max-width: 767px) { 
	
	#content .modal.fade.in { top: 5%; } 
	#face {width:6vw;}	
	#insta{	width:6vw;}
	.cuerpagancho{margin:0;padding:0;}
	.men_1{float:left;text-align:center;width:12%;}
	.men_2{float:left;width:28%;margin-top:4%;}
	.men_3{float:left;width:18%;margin:0; padding:0;}
	.men_4{float:left;width:40%;height:auto;margin:0; padding:0;text-align:right;}
	.men_1_img{width:7vw;cursor:pointer;margin-top:25%;}
	.men_2_img{width:15vw;cursor:pointer;}
	.men_2_img_car{width:17vw;cursor:pointer;}
	.ulmenu{margin-top:0px;margin-bottom:2%;}
	.vermenu{margin-bottom:1%;}
	.precio{font-size:1rem;font-weight: bold;}
	.men_ancho{width:85vw;}
	#textocontac{font-size:12px;}
	#textocontac{font-size:12px;}
	.sel_menu_des{cursor:pointer;margin-top:2vh;font-size:1.1rem;}
	.sel_menu_des_fr{cursor:pointer;margin-top:2vh;font-size:1rem;}

	.titupagnw_b{
		font-size:calc(2rem);
		background-color: rgba(0,0,0,0.45);
		opacity: 2;
		color: white;
		margin-top:6%;
		margin-left: 25px;
	}

	/* CSS for the button */
	.texmenu {
		margin-top: 1% !important;
		/* font-family: "Geometr231BTRoman" !important; */
		/* font-weight: bolder !important; */
		font-size: 15px !important;
		/* border: 0.2px solid black  !important; */
		/* border-radius: 10%  !important; /* This creates a round border */ */
		 background-color: transparent; This makes the middle transparent
		/* background-color: rgba(0,0,0,0.45) !important; */
		opacity: 2 !important;
		/* color: white  !important; */
		color: #000;
		font-weight: 500 !important;
		text-decoration: none !important; /* To remove any default underline */
		cursor: pointer !important; /* For hover effect */
		border: none;
	}

	#anc_cook{width:90%;left:5%;}
	#Quienes{height:300px;}
	#Reserva{height:450px;}

	.menureserbtn{
		margin-top:1.5vw;
		font-size:3rem;
		color:#545454;
		/* font-family: "Geometr231BTRoman"; */
		height: 50px;
		width: 100%;
		z-index:100;
		border-radius:0px;
		border: none;
		outline: none;
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color:transparent;
		filter: drop-shadow(10px 10px 5px black);
		cursor: pointer;
		margin-left: 2px;
	}  

	.menuimgcuchi {
		width: 40%;
		padding-left: 15%;
		text-align: center;
		font-size: 2.0rem;
		margin: 0;
		margin-top: -10px;
	}

	#ahorareserbtn{
		margin-top:3vw;
		font-size:2.5rem;
		margin-left: -15px;
		color: black;
		height: 8vw;
		width: 40vw;
		z-index:100;
		border-radius:0px;
		border: none;
		outline: none;
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color: transparent;
		cursor: pointer;
		text-align: right;
		float: right;
	} 

	/* --------------  */
	.separa{float:left;width:0.5%;height:108px;border-left:solid 0.2px #DCE7C6;font-size:1px;}

	/* Added this new CSS rule */
	.topMenu-language-container {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: left;
        height: 100%; /* Make the container take the full height of its parent */
        float: left; /* Add this to move the container to the right */
        margin-left: 10px; /* Add margin to create space between men_1 and the container */
    }

	.topMenu-language-container span {
		display: block; /* Changed the display property to block to make the spans appear on top of each other */
		margin: 0;
		padding: 0; /* Set padding to 0 to remove the spacing between the spans */
		font-size: 12px !important; /* Adjust the font size for mobile */
		margin-top: 0.1px !important;
	}

	/* Added this style to create some space between the separator div and the language container */
	#separa1a {
		margin-left: 10px !important;
	}
	/* --------------  */

	.imgcuchi {
		width: 30%;
		padding-left: 60px;
		text-align: center;
		font-size: calc(0.8rem + .5vw);
		margin: 0;
		margin-top: -2px;
		margin-left: -3px;
	}

	.imgcuchi_fr {
		width: 30%;
		padding-left: 72px;
		text-align: center;
		margin: 0;
		font-size: calc(0.6rem + .5vw);
		margin-top: -2px;
		margin-left: -5px;

	}

	.marcopie{padding:4%;}
	.marcopie_2{padding:3%;}
	.priva_ancho{width:90vw;}
	.priva_titu{font-weight: bold;font-size:1.2rem;}
	#textoprivaci_deta{font-size:0.8rem;padding-left:6%;padding-right:6%;}
	.cla_completo{font-size:1.5rem;color:#ff3333;}
	#men_reser{width:35%;}
}

@media (min-width: 767px) { 
	#face {width:3vw;}	
	#insta{	width:3vw;}
	.cuerpagancho{margin:0;padding:0;margin-top:5px;}
	.men_1{float:left;text-align:center;width:7%;}
	.men_2{float:left;width:15%;margin-top:2%;}
	.men_3{float:left;width:30%;margin:0; padding:0;}
	.men_4{float:left;height:auto;margin:0; padding:0;}
	.men_1_img{width:2.7vw;cursor:pointer;margin-top:20%;}
	.men_2_img{width:5vw;cursor:pointer;}
	.men_2_img_car{width:6vw;cursor:pointer;}
	.ulmenu{margin-top:8%;}
	.vermenu{margin-bottom:4px;}
	#det_resv{margin-top:2%;}
	.men_ancho{width:60vw;}
	#textocontac{font-size:14px;}
	.sel_menu_des{cursor:pointer;margin-top:1.4vh;font-size:1.6rem;}
	.sel_menu_des_fr{cursor:pointer;margin-top:1.4vh;font-size:1.5rem;}
	.texmenu{cursor:pointer;margin-top:2%;color:#000;background-color: transparent;border: none;font-weight: bold;}
	#anc_cook{width:80%;left:10%;}
	#Quienes{height:100px;}

	#ahorareserbtn{
		margin-top:0.6vw;
		font-size:2.5rem;
		color:#065CA1;
		height: 50px;
		width: 370px;
		z-index:100;
		border-radius:0px;
		border: none;
		outline: none;
		background-image: url('../imag/accesorio/reserva_1.png');
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color: transparent;
		cursor: pointer;
	} 
	
	.menureserbtn{
		margin-top:1.5vw;
		font-size:3rem;
		color:#545454;
		/* font-family: "Geometr231BTRoman"; */
		height: 59px;
		width: 331px;
		z-index:100;
		border-radius:0px;
		border: none;
		outline: none;
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		background-color:transparent;
		filter: drop-shadow(10px 10px 5px black);
		cursor: pointer;
	} 

	.menuimgcuchi {
		width: 70%;
		padding-left: 10px;
		text-align: center;
		font-size: 2.0rem;
		margin: 0;
		margin-top: -10px;
	    font-weight: bold;
	}

	.menuimgcuchi_fr {
		width: 40%;
		padding-left: 60px;
		text-align: center;
		font-size: 2.0rem;
		margin: 0;
		margin-top: -10px; 
		font-weight: bold;
	}


	.imgcuchi {
		width: 70%;
		padding-left: 10px;
		text-align: center;
		margin: 0;
		margin-top: -10px;
		font-size:calc(1rem + .5vw);
		font-weight: bold;
	}
	.imgcuchi_fr {
		width: 70%;
		padding-left: 10px;
		text-align: center;
		margin: 0;
		margin-top: -10px;
		font-size:calc(.8rem + .5vw);
		font-weight: bold;
	}
	.marcopie{padding:2%;}
	.marcopie_2{padding:1%;}
	.priva_ancho{width:60vw;}
	.priva_titu{font-weight: bold;font-size:2.5rem}
	#textoprivaci_deta{font-size:1.4rem;padding-left:4%;padding-right:4%;}
	.cla_completo{font-size:3rem;color:#ff3333;}
	#men_reser{width:40%;}
}	

@media (hover: hover) {
  /* button:hover { */
    /* background: mediumseagreen; */
    /* color: #fff; */
  /* } */
}