@font-face {
	font-family: 'Trebuchet MS';
	font-style: normal;
	font-weight: normal;
	src: local('Trebuchet MS'), url('fonts/trebuc.woff') format('woff');
}


@font-face {
	font-family: 'Trebuchet MS Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Trebuchet MS Italic'), url('fonts/Trebuchet-MS-Italic.woff') format('woff');
}

* {
  transition: opacity 3s ease-in-out;
}

html {
	background-color:#95734e;
	box-sizing: border-box;
	scroll-behavior: smooth;
	font-size:16px;
}

body {
	margin:0;
	padding:0;
	background-color:#95734e;
	background-image: url(../imagenes/bg.jpg) !important;
	/* background-image: url(../img1/navidad.jpg); Fondo Navidad */
	background-attachment:fixed;
}

p, h1, h2, h3, body, .capital:first-letter {
	font-family: 'Trebuchet MS', sans-serif;
}

#cabezera {
	background-image: url(../img1/paisaje-new.jpg) !important;
	background-position: center;
	background-color:#786752;
	height:285px;
	width:auto;
	margin:0px;
	box-shadow:2px 0 4px black;

	/* Fijar cabecera en top. Debe cambiarse clase .TITULO también */
	top: -285px;
	position: sticky;
	z-index: 10;
}

#espacio {
	height:134px;
	max-width: 900px;
	min-width:230px;
	width: 90%;
	margin:0 auto
}


/*

Colocar debajo de Body:
<div class="hidden_menu">
</div>

.hidden_menu {
height: 40px;
width:100%;
background-color: #999966;
position: fixed;
top: 0;
z-index: 1;
border-bottom: 1px solid #896E49;
}

*/

#menu {
	background:/*url(../imagenes/transparencia.png)*/url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12P4//9/AwAJfAN+tb50JwAAAABJRU5ErkJggg==);
	max-width:900px;
	min-width: 230px;
	width: 90%;
	height:150px;
	margin:0 auto;
	border:1px solid #896E49;
	z-index:11;
	border-radius: 21px 21px 2px 2px;
}

.menu_responsivo {
	visibility: hidden;
}

#menu p {
	font-size:10pt;
	font-stretch:condensed;
	text-align:center;
	margin:0;
	margin-bottom: 6px;
	color:black;
}

#menu #idiomas tr td p  {
	margin-bottom: -2px;
}

#menu #activated {
	background-image:/*url(../imagenes/transparencia_verde.png)*/ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12OYOTNtMwAFswJMd1/cowAAAABJRU5ErkJggg==);
	border-radius:15px;
	margin: 0px 6px 0px 6px;
}

.menu_opciones {
	height: 85px;
	width: max-content;
	margin: auto;
	margin-top: 24px;
	overflow:hidden;
	border: 1px solid transparent;

}

/* .menu_opciones #opciones {
	*position:relative;
	*left:-100px;
} */

#ico1, #ico2, #ico3, #ico4, #ico5, #ico6, #ico7, #ico8 {
	width:50px;
	height:51px;
	background-image:url(../img1/iconos.png);
	background-repeat:no-repeat;
	vertical-align:text-bottom
}
#ico1 {
	background-position:11px 20px
}
#ico2 {
	background-position:12px -32px
}
#ico3 {
	background-position:10px -80px
}
#ico4 {
	background-position:9px -130px
}
#ico5 {
	background-position:11px -180px
}
#ico6 {
	background-position:10px -230px
}
#ico7 {
	background-position:10px -283px
}
#ico8 {
	background-position:11px -331px
}
#menu #idiomas {
	margin-right:0;
	margin-top:-61px;
	background-image:/*url(../imagenes/transparencia_marron.png)*/url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12OYmWa8GQAEtAHmhWPlmQAAAABJRU5ErkJggg==);
	/* *width:80px; */
	border-radius:12px 0 0 12px;
	float:right;
	padding:3px 16px 7px 11px;
	background-image:#896E49
}
#menu #idiomas p {
	color:#fffbea;
}

#logo {
	background-image: url(../img1/logo.png);
	background-repeat: no-repeat;
	margin: auto;
	min-width:130px;
	min-height:114px;
	float:left;
	margin:15px -90px 10px 20px;
	position:relative;
	z-index:11
}
#cuerpo {
	margin:0 auto;
	max-width:900px;
	width: 90%;
	height:auto;
	/* background-color:#896e49;
	text-align:left;
	border-radius: 21px;
	/*! border-bottom: 1px solid #333; */
}

.divisor_grandilocuente {
	clear: both;
	max-width: 902px;
	height: 50px;
	text-align: center;
	padding-top: 15px;
	width: 100%;
}

.divisor_grandilocuente div {
	margin: 0 auto;
	max-width: 400px;
	min-height:35px;
	background-color: #fffbea;
	padding-top: 12px;
	border-radius: 18px;
	height: auto;
}

.divisor_grandilocuente h2 {
	font-size: 15pt;
}

.whatsapp {
	float: left;
	width: 360px;
	height:304px;
	border-radius: 15px;
	border: 1px solid #2873386e;
	overflow: hidden;
	margin-right: 5px;
}

.facebook {
	float: left;
	width: 97.5%;
	height:304px;
}

.container_noticias {

	background-color: #ecdaa5;
	border-radius: 18px;
	padding-top: 2px;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 13px;
	border-bottom: 1px solid #444;

	overflow: hidden;
}

.pre_meteored, .pre_noticias {
	background-color:#fffbea;
	min-height:27px;
	max-width: 530px;
	margin: 0 auto;
	text-align: center;
	background-color: #fffbea;
	border-radius: 18px 18px 0px 0px;
	margin-top: 18px;
	padding-top: 9px;
	height: auto;
}

.meteored {
	max-width: 500px;
	height: 166px;
	margin: 0 auto;
	overflow-x: scroll;
	padding:15px;
	padding-top: 0px;
	text-align: center;
	background-color: #fffbea;
	border-radius: 0px 0px 18px 18px;
	overflow-y: hidden;
}

.meteored::-webkit-scrollbar {
	height: 0; /* oculta la barra vertical */
	width: 0; /* oculta la barra horizontal */
}

.meteored img {
	margin-top: -23px;
}


.fb-page-container {
	margin-right: 15px;
}

.noticias_fb {
	margin: 0 auto;
	background-color: #fffbea;
	overflow: hidden;
	max-width: 516px;
	height: 900px;
	border: 1px solid #fffbea;
	padding: 12px;
	padding-left: 0px;
	padding-top: 3px;
}

.fb-page fb_iframe_widget iframe {
	max-width: 530px;
}



.titulo {
	max-width:900px;
	width: 100%;
	height:40px;
	margin:0;
	background-image:url(../imagenes/fondo_titlulo.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#996;
	border-radius: 0 0 0 18px;
	border-bottom: 1px solid #948854;

	/* Para bloquear la barra TITULO en el top. Cambiar también en CABEZERA */
	top: 0;
	position: sticky;
	z-index: 25;
	min-width: 230px;
}

.titulo img {
	float:left;
	margin-left:10px
}
.titulo p {
	font-size:24px;
	margin:0;
	padding:3px 0 0 25px;
	text-align: left;
}


.map_container {
	display: contents;
	min-width: 230px;
}

.bloque_1, .bloque_2 {
	display: flex;
	flex-wrap: wrap;
	max-width:900px;
	width: auto;
	height:max-content;
	min-height:100%;
	/* *min-height:300px; */
	padding:18px;
	padding-top:15px;
	margin:0 auto;
	border-radius: 18px;
	margin-top: 12px;
	background-color:#FFFBEA;
	border-top:1px solid #996;
	border: 1px solid #9d7b57;
	float:left;
	/* box-shadow: inset 0 0 200px 0px #F7CE82; */
	min-width: 96%;
}
.bloque_2 {
	background-color:#FFFBEF
}
.bloque_1 img, .bloque_2 img {
	max-width: 100%;
	height: auto;
}

#final {
	border-bottom: 1px solid #333
}

.galerias {
	width: 100%;
	height:auto;
	overflow: hidden;
	border-radius: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.container {
	flex: 0 0 auto;
	box-sizing: border-box;
	flex-basis: 30%;
	margin-right:10px;
	margin-top: 5px;
	margin-left: 2px;
	float:left
}

.container .pie_foto p {
	border-right:1px solid #ddd;
	margin-top: 5px;
}

iframe {
	border:1px solid gray;
	padding:4px;
	border-radius:3px;
}

.container_noticias iframe {
	margin-left:10px
}

.image {
	width:fit-content;
	height: auto;
	display: flex;
	padding:3px;
	justify-content: center;
	align-items: center;
	border:1px solid gray;
	border-radius:18px;
}
.image img {
	max-width: 100%;
	height: auto;
}
.pie_foto p {
	font-size:10pt;
	width:auto;
	font-style:italic;
	padding-right:6px;
	margin:0;
	text-align:right
}
h1 {
	font-size:28px;
	color:#630;
	margin:0;
	text-align:center
}
h2 {
	font-size:17pt;
	color:#630;
	margin:0
}
h3 {
	font-size:12pt;
	color:#630;
	margin:0
}
a {
	color:#000
}
.pie a:hover, #caja_contacto_der-1 a:hover, #caja_contacto_izq a:hover {
	text-shadow:0px 0px 1px #896e49;
	color:#FFF
}

.capital:first-letter {
	font-size:150%;
	font-weight:bold;
	margin-right:1px;
	color:#630
}
#ico9 img, #ico10 img, #ico11 img, #ico12 img, #ico13 img, #ico_facebook, #boton_subir {
	background-image:url(../imagenes/iconos-2.png);
	vertical-align:text-bottom;
	border-radius: 0px;
}
#ico9 img {
	width:23px;
	height:16px;
	margin: 4px 0 0 0;
	background-position:0 0;
}
#ico10 img {
	width:23px;
	height:16px;
	margin: 4px 0 0 0;
	background-position:-22px 0;
}
#me_gusta, #me_gusta_en _US, #me_gusta, #i_like_en_US, #menu #opciones tr td:hover {
	background:/*url(../imagenes/transparencia_marron.png)*/url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQI12P4//9/AwAJfAN+tb50JwAAAABJRU5ErkJggg==);
	border-radius: 15px;
	margin: 0px 6px 0px 6px;
}
#me_gusta, #me_gusta_en_US, #me_gusta, #i_like_en_US {
	display: none;
	width:112px;
	height:32px;
	border:1px solid #cdd;
	border-radius:0 0 4px 4px;
	float:right;
	z-index:10 }

	#fiestas {
		display:none;
		width: 150px;
		height:32px;
		border:1px solid #cdd;
		border-radius:0 0 4px 4px;
		float:left;
		opacity:0.9;
		z-index:10 }

		#fiestas p {
			font-size:14px;
			margin: 5px;
			margin-top: 5px;}

			#fiestas img {
				float:left;
				margin-top:3px;
				margin-left:6px;}

				#me_gusta iframe {
					margin:0;
				}
				#me_gusta_en_US {
					width:67px
				}
				.like, .like_en_US {
					border:none;
					overflow:hidden;
					width:102px;
					height:25px
				}
				p {
					font-size:11pt;
					text-decoration:none;
					text-align:justify;
					line-height:140%
				}
				img {
					border-radius: 16px;
				}

				b img {
					border-radius: 0px;
				}

				a {
					text-decoration:none
				}
				img:active {
					border:none
				}
				.textos {
					flex: 1 0 auto;
					box-sizing: border-box;
					flex-basis:68%;
					min-width: 200px;
					padding:0 0 0 10px;
					float:right;
				}
				.sin_borde img {
					border:none
				}
				.limpiar {
					clear:both;
					margin-bottom: 60px;
				}
				.container_g {
					margin: 0 auto;
					order:1;
					width:100%;
					text-align:center;
				}
				.container_g .pie_foto_g p {
					font-size:10pt;
					width:auto;
					color:#630;
					padding: 0 15%;
					font-style:italic;
					margin:5px auto 0 auto;
					margin-bottom:15px;
					text-align:center;
					clear:both
				}
				.container_g .image_g img {
					max-width:100%;
					height: auto;
					border:1px solid gray;
					padding:4px;
					border-radius:18px;
					box-sizing: border-box;
				}

				.boton_ir {
					width:135px;
					height:16px;
					background-color:#C60;
					text-align:center;
					margin-top:15px;
					margin-right: 3px;
					padding:2px 3px;
					float:right;
					color:white;
					border-radius:2px;
					clear:both;
					font-size: 10pt;
				}
				.boton_ir:hover {
					background-color:#960
				}
				blockquote {
					font-family: 'Trebuchet MS Italic', sans-serif;
					font-size:12pt;
					margin-left:8px;
					background-image:url(../imagenes/comillas.gif);
					background-repeat:no-repeat;
					padding:5px 10px 5px 10px;
					border:1px dotted #6666004d;
				}
				.pie {
					width: 90%;
					position:relative;
					max-width:887px;
					height:30px;
					margin:0 auto;
					top: -30px;
				}	

				.pie p, #boton_fb p {
					margin:0;
					position:relative;
					top:8px;
					left:4px;
					text-align:center;
					float:left
				}
				#boton_fb {
					width:93px;
					height:17px;
					margin:3px 3px 0 0;
					background-color:#5E75AA;
					border:1px solid #5A5A5A;
					border-bottom:none;
					box-shadow:inset 0 0 4px #4B67A1;
					border-radius:3px;
					padding:4px 6px 4px 4px;
					position:relative;
					float:right;
					text-shadow:none
				}
				#boton_fb:hover {
					background-color:#556ea6
				}
				#boton_fb p {
					width:auto;
					color:white;
					position:relative;
					left:3px;
					top:-1px
				}
				#ico_facebook {
					width:16px;
					height:16px;
					background-position:-45px 0;
					background-repeat:no-repeat;
					margin-right:3px;
					margin-left: 8px;
					float:left
				}
				#boton_fb img {
					width:16px;
					height:15px
				}
				#boton_subir {
					margin: 0;
					width:30px;
					height:30px;
					background-position:0 30px;
					border-radius: 6px;
					border-bottom:1px solid #6c5235;
					border-right: 1px solid #71593e;
					float:right;
				}

				#boton_subir:hover {
					background-position:-30px 30px;
					/*! border:1px solid #555; */
				}
				.hidden {
					display:none;
				}

				#textarea {
					width: 300px;
					max-width: 300px;
					height: 100px;
					min-height: 100px;}

					#avisos_php, #avisos_php-verde {
						font-size: 14px;
						padding: 5px 10px;
						background-color: #FC0;
						border: 1px solid #CCC;
						border-radius: 3px;}

						#avisos_php-verde {
							background-color: #9F9;}

							#boton_siguiente {
								background-image:url(data:image/gif;base64,R0lGODlhDQApAJEAADs5MpKPf7OzsP///yH5BAAAAAAALAAAAAANACkAAAI+DI55ps2dHlwzViRnhttd+nWKaIUfQGKnJAgeIgxuecQyDdgDbs9gfeP5VDDO6mhKXlK/ChOFXEadU00VUgAAOw==);
								background-position: right;
								background-repeat: no-repeat;
								justify-content: center;
								align-items: center;
								display: flex;
								width:90px;
								height:41px;
								position:absolute;
								top: 0px;
								right:-12px;
								border-radius: 0 4px 4px 0;
								float:right;
								padding-right: 18px;
							}

							#boton_siguiente p {
								width:90px;
								font-size: 9pt;
								font-style: italic;
								color: #fffbeacc;
								line-height: 1;
								text-align: right;
								float: right;
								margin-top: -5px;
							}

							#boton_siguiente p:hover {
								visibility: visible;
							}

							#boton_siguiente:hover {
								background-image:url(data:image/gif;base64,R0lGODlhDQApAJEAACMkJIWDdqqrq////yH5BAAAAAAALAAAAAANACkAAAI+DI55ps2dHlwzViRnhttd+nWKaIUfQGKnJAgeIgxuecQyDdgDbs9gfeP5VDDO6mhKXlK/ChOFXEadU00VUgAAOw==);
							}
              
							.menu_responsivo_external, 
              .menu_responsivo {
								display: none;
								visibility: collapse;
								height: 0;
							}

							/* INICIO CSS DISPOSITIVOS MÓVILES */

							@media screen and (max-width: 768px) {
								#opciones {
									display: none;
								}
								#cabezera {
									height:215px;
									top: -215px;
									background-position: bottom;
								}

								.container {
									flex: 0 0 auto;
									box-sizing: border-box;
									flex-basis:100%;
									order: 2;
									margin: 0 auto;
									float:none;
									padding-top: 6px;
								}
								.container .image {
									float:right;
									margin-bottom: 10px;
								}

								.container .pie_foto p {
									margin-top: -5px;
								}

								.pie_foto p {
									max-width: 300px;
									height: auto;
									font-size: 9.5pt;
									text-align:end;
									float: right;
									clear: both;
									color: #630;
								}

								.bloque_1, .bloque_2 {
									max-width: auto;
									min-width: auto;
								}
								#espacio {
									height:64px;
								}
								p {
									font-size: 12pt;
								}
								.textos {
									flex: 0 0 auto;
									box-sizing: border-box;
									flex-basis: 100%;
									order: 1;
									padding: 0;
									margin: 0;
									float: none;
								}
								.textos p {
									clear: both;
								}
								.textos img {
									max-width: 100%;
								}
								blockquote {
									font-size: 11pt;
								}
								.menu_small {
									border: 1px solid transparent;
									height: 27;
									width: auto;
									margin-top: 24px;
									margin-right: 12px;
									padding: 12px 12px;
									background-color: #ffffff40;
									border-radius: 15px;
									border: 1px solid #999966c7;
								}

								.menu_small:active {
									border: 1px solid #6a6a1ac7;
									top: 1px;
								}

								.menu_small img {
									border-radius: 0;
									float: left;
								}
								.menu_small h3 {
									margin-left: 36px;
									color: black;
									margin-top: 3px;
									font-size: 13pt;
								}
								.meteored img {
									margin-top: -23px;
									margin-left: -9px;
								}
                
								/* MENU RESPONSIVO de menu_responsivo.html   */

								.menu_responsivo_external {
									display: flex;
									visibility: visible;
									background-color: #3131314f;
									position: fixed;
									top: 0;
									left: 0;
									width: 100%;
									height: 100%;
									margin: 0;
									padding: 0;
									z-index: 90;
									backdrop-filter: blur(3px);
								}

								.menu_responsivo { 
									width: 460px;
									height: min-content;
									justify-content: center;
									align-items: center;
									overflow:hidden;
									max-width: 100%;
									background-color: #fffbea;
									border-radius: 18px;
									position: fixed;
									top: 50%;
									left: 50%;
									transform: translate(-50%, -50%);
									z-index: 100;
									display: flex;
									flex-direction: column;
									box-shadow: inset 0 0 90px 0px #F4D7A3, 0 0 9px #4f401c75;
									padding: 55px 10px 10px 10px;
									visibility: visible;
									border: 3px solid #8e925d;
								}

								.titulo_menu_responsivo {
									background: linear-gradient(to bottom, #999666 0%, #64624b 100%);
									width: 100px;
									height: 30px;
									background-color: #999966;
									padding-top: 5px;
									display: grid;
									align-items: center;
									text-align: center;
									border-bottom: 1px solid #8a7e40;
									box-shadow: inset 0 0 20px #7a864e, 0 0 3px #999966;
									border-radius: 0px 0px 9px 9px;
									position: absolute;
									top: 0;
								}

								.titulo_menu_responsivo h3 {
									color:white;
								}

								.column_items_menu_responsivo {
									/*! border:1px solid green; */
									height: min-content;
									width: 153px;
									float: left;
									display: flex;
									flex-direction: column;
								}

								.items_menu_responsivo {
									width: 211px; /* ancho de fallback */
									/* ancho preferido */
									/*! background: linear-gradient(to bottom, #fbefce 0%, #e6daba 100%); */
									position: relative;
									display:flex;
									align-items: center;
									float: left;
									height: 37px;
									padding-right: 10px;
									background-color: #fbefce;
									text-shadow: 0px 0px 1px #ecdaa5;
									border-radius: 9px;
									border: 1px solid #cdd5cd;
									border-bottom: 1px solid #8daa8d;
									border-right: 1px solid #8daa8d;
									margin: 5px 5px;
									max-width: 130px;
								}

								.items_menu_responsivo:after {
									content: "";
									position: absolute;
									z-index: -2;
								}
								.items_menu_responsivo:hover {
									top: -1px;
								}
								.items_menu_responsivo:active {
									box-shadow: none;
									top: -2px;
								}

								.items_menu_responsivo #menu_resp_flag {
									position: relative;
									top: 23px;
									margin: 0 10px;
								}

								.items_menu_responsivo p {
									font-size:13.5pt;
									color: #222;
									text-align: center;
									float: right;
								}
								.items_menu_responsivo .ico_resp {
									margin-top: -15px;
								}

								/* FIN DE MENU RESPONSIVO */

							}

							@media screen and (max-width: 480px) {
								#menu #idiomas {
									visibility: collapse;
								}
								.menu_small {
									float: right;
									margin-top: 18px;
								}
								.menu_opciones {
									float: right;
									margin-right: 10px;
								}

								.pie_foto_g p {
									padding: 0 0 !important;
								}
								.menu_responsivo {
									min-width: 307px;
									width: min-content;
								}

							}

							@media screen and (max-width: 330px) {
								.menu_small {
									width: 25px;
								}
								.menu_small h3 {
									visibility: collapse;
								}
								.divisor_grandilocuente h2 {
									font-size: 12pt;
								}
								.menu_responsivo {
									min-width: min-content; }

									.container_items_menu_responsivo {
										display:contents;
									}

								}

								/* FIN CSS DISPOSITIVOS MÓVILES */