@media only screen and (min-width: 768px) and (max-width: 959px) {
#block-views-imagenes_historia-block .slick__arrow .slick-next
{
  background:inherit;
}
.restaurant > ul,
.restaurante > ul
{
  display: flex!important;
}
.restaurant,
.restaurante 
{
      background-position: 70% 5%;
} 
.regresartour p, .cierrregale p, .regesargaleria,
.regresartour p, .cierrregale p, .regesargaleria
{
  width: 10%;
}
#block-search-form
 {
  display: none;
 }
	.HeaderContent .content_data ul li:hover ul li a
{
padding:0px;
}
	.view-slide-home .view-content .slick .views-field-title
	{
		font-size: 180%;
	}
	.view-slide-home .view-content .slick .views-field-body
	{
		font-size: 140%;
	}
  .view-slide-home .view-content .slick img
  {
        height: calc(50vh - 130px);
  }
.HeaderContent .content_data ul li:hover ul li a
{
  justify-content: center;
}
.icon {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px;
}
.icon span {
  margin-top: 0px;
}
.icon span, .icon span:before, .icon span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 30px;
  background: #a38619;
  position: absolute;
  display: block;
  content: '';
    -webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  -moz-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
}

.icon span:before {
  top: -10px;
}
.icon span:after {
  bottom: -10px;
}

.icon.active span {
  background-color: transparent;
}
.icon.active span:before, .icon.active span:after {
  top: 0;
}
.icon.active span:before {
  -webkit-transform: rotate(45deg) scale(1.2);
  -moz-transform: rotate(45deg) scale(1.2);
  -ms-transform: rotate(45deg) scale(1.2);
  -o-transform: rotate(45deg) scale(1.2);
  transform: rotate(45deg) scale(1.2);
}
.icon.active span:after {
  -webkit-transform: rotate(-45deg) scale(1.2);
  -moz-transform: rotate(-45deg) scale(1.2);
  -ms-transform: rotate(-45deg) scale(1.2);
  -o-transform: rotate(-45deg) scale(1.2);
  transform: rotate(-45deg) scale(1.2);
}


	

	#menulateral
	{
		position: fixed;
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    height: auto;
    bottom: 0%;
    left: 0;
    top: inherit;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    height: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
    border: none!important;
    border-radius: 0px!important
	}
	#block-block-2, #block-block-3
	{
		width: 100%;
		margin: 10px auto;
		flex-direction: row;
	}
	#block-block-1 p
	{
		flex-direction: column;
	}
	#clima > div
	{
		height: 70px!important;
	}
	#block-suscripcion-suscription
	{
		width: 100%;
	}

	#footergeneral
	{
		width: 100%;
		height: auto;
		margin-bottom: 20px;	
	}


.block-imageblock .title,
#block-imageblock-1 .title
{
	position: inherit!important;
    display: flex;
    flex-direction: column!important;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    top: 0px;
    transform: translateY(0%);
}
.block-imageblock .block-body,
#block-imageblock-1  .block-body
{
	width: 100%;
	margin-top: 10px;
}
.block-imageblock .block-image
{
	width: 100%!important;
}
.block-imageblock
{
flex-direction: column!important;
}
#block-block-8
{
	width: 20%;
	
}
#block-block-8 img
{
	width: 100%;
	height: auto;
}

/*---------menu------*/
.HeaderContent .content_data ul li:hover ul li
{


}



.HeaderContent
{
	position: fixed;
	top: 0;
	z-index: 99999;
}
#block-system-main-menu
{
	position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 9999;
    height: calc(91vh - 50px);
    overflow: hidden;
    overflow-y: scroll;
    transition: 2s;
}
.HeaderContent .content_data ul
{
	
    flex-direction: column;
    height: auto;
    background: white;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
}
.HeaderContent .content_data
{
	height: 50px;
}
#logo
{
	width: 60%;
}

#logo img
{
	 content: url("/sites/default/files/logo-resp.png");
	 width: 40px;
	 height: auto;
}



 .view-eventos-home  .view-content
{
width: 90%!important;
margin: 0 auto;
}
.view-eventos-home  .view-content .views-row
{
	width: 100%!important;

}

.HeaderContent .content_data ul li
{
flex-direction: column;
width: 100%;
margin: 7px auto;
height: auto;
justify-content:center!important;

}
.HeaderContent .content_data ul li ul li ul
{
	height: auto;
}
.HeaderContent .content_data ul li ul
{
	flex-direction: column;
    width: 100%!important;
    height: auto!important;
    flex-wrap: inherit!important;
    background: #a98b22;
        position: relative!important;
    top: 0!important;
    
    justify-content: flex-start!important;
}
.HeaderContent .content_data ul li ul .expanded
{
	height: auto;
}
.HeaderContent .content_data ul li ul li
{
	    margin: 10px auto;
    padding: 0!important;
    background: inherit!important;
    border-bottom: 0px!important;
}
.HeaderContent .content_data ul li ul li a
{
	color: white;
}

.centermenu
{
	position: fixed;
	right: 10px;
	top: 20px;
	z-index: 99999999;
	width: 40px;
	height: 20px;
}

#toggle { display: none; }

.menu-button {
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  position: absolute;
  top: 0%;
  transform: translateY(-50%);
  transition: all .5s ease-in-out;
}

.menu-button:before, .menu-button:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  transition: all .5s ease-in-out;
} 

.menu-button:before { top: -10px; }
.menu-button:after { top: 10px; }

.menu-button, .menu-button:before, .menu-button:after { box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)} 

#toggle:checked + label .menu-button{ background-color: rgba(0, 0, 0, 0); box-shadow: none;}

#toggle:checked + label .menu-button:before{ transform: rotate(45deg); top: 0px;}

#toggle:checked + label .menu-button:after{ transform: rotate(135deg); top: 0}

/*---------menu------*/

.titulodepaginas
{
	flex-direction: column;
}
.field-name-field-titulo-en-negrita
{
	justify-content: center;
	width: 100%!important;
	padding: 0px;
}
#content-area h1.title
{
	justify-content: center!important;
	text-align: center;
	width: 100%!important;
}
#nuestra-tienda
{
	width: 90%!important;
}
article
{
	width: 90%;
}
#block-views-slide_interno-block .views-field-field-imagen-slide img
{
	height: 300px;
}
#block-views-slide_interno-block  .views-field-body
{
	font-size: 120%;
	    transform: translateY(-40%);
	    width: 80%;
}
.view-galeria-de-fotos .new, .view-store-pinturas .new
{
	width: 100%;
    height: auto!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.view-galeria-de-fotos .new .views-row, .view-store-pinturas .new .views-row
{
	    width: 100%!important;
    position: inherit!important;
    height: auto!important;
    left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
}
.new .views-row .newdiv .views-field-title,
.new .views-row .newdiv .views-field-body,
.new .views-row .newdiv .views-field-view-node
{
opacity: 1;
position: inherit!important;
    top: inherit;
    left: inherit;
    right: inherit;

}
.new .views-row .newdiv .views-field-title
{
	color: black;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.new .views-row .newdiv
{

	flex-wrap: wrap;
}
.new .views-row:hover .newdiv:after
{
	display: none;
}
.new .views-row .newdiv .views-field-body
{
	left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
    color: black;
        width: 100%;
    text-align: justify;
}
.new .views-row .newdiv .views-field-view-node
{
	background-color: transparent;
	background-image: none!important;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.new .views-row .newdiv .views-field-view-node a
{
	text-decoration: none;
	color: black;
	text-align: center;
}
.new .views-row .newdiv .views-field-field-imagen-galeria, .new .views-row .newdiv .views-field-field-imagen-store
{
	height: 200px;
}
#block-views-galeria_de_fotos-block, #block-views-store_pinturas-block
{
	padding: 0px;
}
#bloque1,
#bloque2,
#bloque3,
#bloque4,
#bloque5
{
	width: 90%!important;
	margin:10px auto!important;
	flex-wrap: wrap;
	justify-content: center;
}
#bloque1 > div,
#bloque2 > div,
#bloque3 > div,
#bloque4 > div,
#bloque5 > div
{
	width: 100%!important;
}
/*--------------------- contacto /*--------------------- */
#block-webform-client-block-7  form > div > div,
#block-webform-client-block-7  form .webform-component-textarea,
#block-webform-client-block-7  form .webform-component-textarea textarea
{
	width: 100%;
	margin:10px auto;
}
/*_----------interna eventos/*_----------interna eventos */
.node-bodas-y-eventos .field-name-field-imagen-bodas .field-items .field-item
{
	width: 100%;
}

/*------------------- basicas /*------------------- basicas  */
.node-page .content .field-name-body .field-items .field-item > div
{
	flex-direction: column;
}
.node-page .content .field-name-body .field-items .field-item > div > div
{
	width: 100%!important;
}
.node-page .content .field-name-body .field-items .field-item > div > div img
{
	width: 100%!important;
	height: auto;
}
.node-page .content .field-name-body .field-items .field-item > div > div ul
{
	width:90%!important;
	margin:0 auto;
}
/*------------------- basicas /*------------------- basicas  */
.view-bodas-y-evenetos .view-content
{
	width: 100%;
}
#block-views-bodas_y_evenetos-block
{
width: 90%;
margin: 10px auto;
}
/*_----------interna eventos/*_----------interna eventos */


.view-staff .view-content .views-row

{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
}
.view-staff .view-content .views-row .views-field-field-imagen-staff,
.view-staff .view-content .views-row .views-field-body,
.view-staff .view-content .views-row > div
{
	width: 100%!important;
	display: flex;
	justify-content: center;
	align-items: center;
}
article  .field-name-body img
 {
	width: 100%;
	height: auto;
 }	
#block-views-imagenes_historia-block .slick-dots
 {
 	display: none!important;
 }
 #block-views-imagenes_historia-block .views-field-title
 {
 	width: 100%;
 }
 #block-views-imagenes_historia-block .views-field-field-icono
 {
 	top: 40%;
 	height: 90px;
 	width: 40%;
 }
 .node-pinturas-store .content .field-name-field-imagen-store .field-items .field-item,
 .node-eventos-home  .content .field-name-field-galeria .field-items .field-item
 {
 	width: 100%;
 }
 .node-pinturas-store img
 {
	width: 100%;
	height: auto;
 }
 #block-webform-client-block-7  form .webform-component--nombre label
 {
 	top: 30%!important;
 }
 #block-webform-client-block-7  form .form-actions 
 {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 #block-webform-client-block-7  form .form-actions input
 {
 	 -webkit-appearance: none;
 	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
 
 .node-type-eventos-home .titulodepaginas h1
 {
	width: 90%!important;
	margin: 0 auto;
 }
 .slick-prev:before, .slick-next:before
 {
 	color: #a98b22!important;
 }
 #block-block-1 p
 {
 	display: block!important;
 }
 .view-comidas .view-content .views-row
 {
 	border-right: 0px;
 }
 #block-block-1 p img
 {

 	    height: 100px;
    object-fit: contain;
 }
 #main
 {
 	margin-top: 50px;
 }	
 #block-block-3 p img
 {
 	height: auto;
 	width: auto!important;
 }
 #block-block-2 > div img
 {
 	width: auto;
 	height: auto;
 }
 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
 	height: 250px;
 	object-fit: cover;
 }
 .page-node-90 .node-page .content .field-name-body .field-items .field-item > div > div img,
 .page-node-47 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
 height:  auto!important;
 }
 #webform-client-form-207 > div  .webform-component--fecha-inicio > div, 
#webform-client-form-207 > div .webform-component--fecha-salida > div, 
#webform-client-form-209 > div .webform-component--day-of-arrival > div, 
#webform-client-form-209 > div .webform-component--day-of-exit > div
{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#webform-client-form-207, #webform-client-form-209
{
  width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#webform-client-form-207 > div, #webform-client-form-209 > div
{
  
}
#webform-client-form-207 > div > div, .front #webform-client-form-209 > div > div
{
  width: 100%;
  flex-direction: column;
      flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#webform-client-form-207 > div label, #webform-client-form-209 > div label
{
  width: 100%!important;
  text-align: center;
  justify-content: center;
}
#webform-client-form-207 > div  .webform-component--fecha-inicio > div,
#webform-client-form-207 > div .webform-component--fecha-salida > div,
#webform-client-form-209 > div .webform-component--day-of-arrival > div, 
#webform-client-form-209 > div .webform-component--day-of-exit > div,
#webform-client-form-207 > div > div select, #webform-client-form-209 > div > div select
{
  width: 100%;
}
.enviarform, .enviarform1
{
  margin-top: 20px;
}
.page-node-207  #webform-client-form-207 > div > div, .page-node-209 #webform-client-form-209 > div > div
{
  width: 100%;
}
.page-node-207 #webform-client-form-207 > div > div .caledarioinput, .page-node-209 #webform-client-form-209 > div > div .caledarioinput
{
  width: 70%;
  -webkit-appearance: none;
}
.page-node-207 #webform-client-form-207 .form-actions  input, .page-node-209 #webform-client-form-209 .form-actions  input
{
  width: 50%;
  -webkit-appearance: none;
}

.page-node-207 #webform-client-form-207 > div > div select, 
.page-node-209 #webform-client-form-209 > div > div select
{
  width: 85%;
  margin: 0 auto;
  text-align: center;
  text-align-last: center;
  border-radius: 5px;

} 
#block-block-8
{
  width: 6%!important;
}
.page-node-207 #webform-client-form-207 > div > div .caledarioinput, .page-node-209 #webform-client-form-209 > div > div .caledarioinput
{
width: 60%;
}
.enviarform
{
  left: inherit;
}
}




/*------------------------ipad landscape--------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	
	.view-slide-home .view-content .slick .views-field-title
	{
		font-size: 180%;
	}
	.view-slide-home .view-content .slick .views-field-body
	{
		font-size: 140%;
	}
  .enviarform
{
  left: inherit;
}

.icon {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px;
}
.icon span {
  margin-top: 0px;
}
.icon span, .icon span:before, .icon span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 30px;
  background: #a38619;
  position: absolute;
  display: block;
  content: '';
    -webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  -moz-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
}

.icon span:before {
  top: -10px;
}
.icon span:after {
  bottom: -10px;
}

.icon.active span {
  background-color: transparent;
}
.icon.active span:before, .icon.active span:after {
  top: 0;
}
.icon.active span:before {
  -webkit-transform: rotate(45deg) scale(1.2);
  -moz-transform: rotate(45deg) scale(1.2);
  -ms-transform: rotate(45deg) scale(1.2);
  -o-transform: rotate(45deg) scale(1.2);
  transform: rotate(45deg) scale(1.2);
}
.icon.active span:after {
  -webkit-transform: rotate(-45deg) scale(1.2);
  -moz-transform: rotate(-45deg) scale(1.2);
  -ms-transform: rotate(-45deg) scale(1.2);
  -o-transform: rotate(-45deg) scale(1.2);
  transform: rotate(-45deg) scale(1.2);
}


	

	#menulateral
	{
		position: fixed;
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    height: auto;
    bottom: 0%;
    left: 0;
    top: inherit;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    height: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
    border: none!important;
    border-radius: 0px!important
	}
	#block-block-2, #block-block-3
	{
		width: 100%;
		margin: 10px auto;
		flex-direction: row;
	}
	#block-block-1 p
	{
		flex-direction: column;
	}
	#clima > div
	{
		height: 70px!important;
	}
	#block-suscripcion-suscription
	{
		width: 100%;
	}

	#footergeneral
	{
		width: 100%;
		height: auto;
		margin-bottom: 20px;	
	}


.block-imageblock .title,
#block-imageblock-1 .title,
#block-imageblock-7 .title
{
	position: inherit!important;
    display: flex;
    flex-direction: column!important;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    top: 0px;
    transform: translateY(0%);
}
.block-imageblock .block-body,
#block-imageblock-1  .block-body,
#block-imageblock-7  .block-body
{
	width: 100%;
	margin-top: 10px;
}
.block-imageblock .block-image
{
	width: 100%!important;
}
.block-imageblock
{
flex-direction: column!important;
}
#block-block-8
{
	width: 7%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0px;
}
#block-block-8 img
{
	width: 100%;
	height: auto;
}

/*---------menu------*/
.HeaderContent .content_data ul li:hover ul li
{


}



.HeaderContent
{
	position: fixed;
	top: 0;
	z-index: 99999;
}
#block-system-main-menu
{
	position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 9999;
    height: calc(91vh - 50px);
    overflow: hidden;
    overflow-y: scroll;
    transition: 2s;
}
.HeaderContent .content_data ul
{
	
    flex-direction: column;
    height: auto;
    background: white;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
}
.HeaderContent .content_data
{
	height: 50px;
}
#logo
{
	width: 60%;
}

#logo img
{
	 content: url("/sites/default/files/logo-resp.png");
	 width: 40px;
	 height: auto;
}



 .view-eventos-home  .view-content
{
width: 90%!important;
margin: 0 auto;
}
.view-eventos-home  .view-content .views-row
{
	width: 100%!important;

}

.HeaderContent .content_data ul li
{
flex-direction: column;
width: 100%;
margin: 7px auto;
height: auto;
justify-content:center!important;

}
.HeaderContent .content_data ul li ul li ul
{
	height: auto;
}
.HeaderContent .content_data ul li ul
{
	flex-direction: column;
    width: 100%!important;
    height: auto!important;
    flex-wrap: inherit!important;
    background: #a98b22;
        position: relative!important;
    top: 0!important;
    justify-content: flex-start!important;
}
.HeaderContent .content_data ul li ul .expanded
{
	height: auto;
}
.HeaderContent .content_data ul li ul li
{
	    margin: 10px auto;
    padding: 0!important;
    background: inherit!important;
    border-bottom: 0px!important;
}
.HeaderContent .content_data ul li ul li a
{
	color: white;
}

.centermenu
{
	position: fixed;
	right: 10px;
	top: 20px;
	z-index: 99999999;
	width: 40px;
	height: 20px;
}

#toggle { display: none; }

.menu-button {
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  position: absolute;
  top: 0%;
  transform: translateY(-50%);
  transition: all .5s ease-in-out;
}

.menu-button:before, .menu-button:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  transition: all .5s ease-in-out;
} 

.menu-button:before { top: -10px; }
.menu-button:after { top: 10px; }

.menu-button, .menu-button:before, .menu-button:after { box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)} 

#toggle:checked + label .menu-button{ background-color: rgba(0, 0, 0, 0); box-shadow: none;}

#toggle:checked + label .menu-button:before{ transform: rotate(45deg); top: 0px;}

#toggle:checked + label .menu-button:after{ transform: rotate(135deg); top: 0}

/*---------menu------*/

.titulodepaginas
{
	flex-direction: column;
}
.field-name-field-titulo-en-negrita
{
	justify-content: center;
	width: 100%!important;
	padding: 0px;
}
#content-area h1.title
{
	justify-content: center!important;
	text-align: center;
	width: 100%!important;
}
#nuestra-tienda
{
	width: 90%!important;
}
article
{
	width: 90%;
}
#block-views-slide_interno-block .views-field-field-imagen-slide img
{
	height: 300px;
}
#block-views-slide_interno-block  .views-field-body
{
	font-size: 120%;
	    transform: translateY(-40%);
	    width: 80%;
}
.view-galeria-de-fotos .new, .view-store-pinturas .new
{
	width: 100%;
    height: auto!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.view-galeria-de-fotos .new .views-row, .view-store-pinturas .new .views-row
{
	    width: 100%!important;
    position: inherit!important;
    height: auto!important;
    left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
}
.new .views-row .newdiv .views-field-title,
.new .views-row .newdiv .views-field-body,
.new .views-row .newdiv .views-field-view-node
{
opacity: 1;
position: inherit!important;
    top: inherit;
    left: inherit;
    right: inherit;

}
.new .views-row .newdiv .views-field-title
{
	color: black;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.new .views-row .newdiv
{

	flex-wrap: wrap;
}
.new .views-row:hover .newdiv:after
{
	display: none;
}
.new .views-row .newdiv .views-field-body
{
	left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
    color: black;
        width: 100%;
    text-align: justify;
}
.new .views-row .newdiv .views-field-view-node
{
	background-color: transparent;
	background-image: none!important;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.new .views-row .newdiv .views-field-view-node a
{
	text-decoration: none;
	color: black;
	text-align: center;
}
.new .views-row .newdiv .views-field-field-imagen-galeria, .new .views-row .newdiv .views-field-field-imagen-store
{
	height: 200px;
}
#block-views-galeria_de_fotos-block, #block-views-store_pinturas-block
{
	padding: 0px;
}
#bloque1,
#bloque2,
#bloque3,
#bloque4,
#bloque5
{
	width: 90%!important;
	margin:10px auto!important;
	flex-wrap: wrap;
	justify-content: center;
}
#bloque1 > div,
#bloque2 > div,
#bloque3 > div,
#bloque4 > div,
#bloque5 > div
{
	width: 100%!important;
}
/*--------------------- contacto /*--------------------- */
#block-webform-client-block-7  form > div > div,
#block-webform-client-block-7  form .webform-component-textarea,
#block-webform-client-block-7  form .webform-component-textarea textarea
{
	width: 100%;
	margin:10px auto;
}
/*_----------interna eventos/*_----------interna eventos */
.node-bodas-y-eventos .field-name-field-imagen-bodas .field-items .field-item
{
	width: 100%;
}

/*------------------- basicas /*------------------- basicas  */
.node-page .content .field-name-body .field-items .field-item > div
{
	flex-direction: column;
}
.node-page .content .field-name-body .field-items .field-item > div > div
{
	width: 100%!important;
}
.node-page .content .field-name-body .field-items .field-item > div > div img
{
	width: 100%!important;
	height: auto;
}
.node-page .content .field-name-body .field-items .field-item > div > div ul
{
	width:90%!important;
	margin:0 auto;
}
/*------------------- basicas /*------------------- basicas  */
.view-bodas-y-evenetos .view-content
{
	width: 100%;
}
#block-views-bodas_y_evenetos-block
{
width: 90%;
margin: 10px auto;
}
/*_----------interna eventos/*_----------interna eventos */


.view-staff .view-content .views-row

{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
}
.view-staff .view-content .views-row .views-field-field-imagen-staff,
.view-staff .view-content .views-row .views-field-body,
.view-staff .view-content .views-row > div
{
	width: 100%!important;
	display: flex;
	justify-content: center;
	align-items: center;
}
article  .field-name-body img
 {
	width: 100%;
	height: auto;
 }	
#block-views-imagenes_historia-block .slick-dots
 {
 	display: none!important;
 }
 #block-views-imagenes_historia-block .views-field-title
 {
 	width: 100%;
 }
 #block-views-imagenes_historia-block .views-field-field-icono
 {
 	top: 40%;
 	height: 90px;
 	width: 40%;
 }
 .node-pinturas-store .content .field-name-field-imagen-store .field-items .field-item,
 .node-eventos-home  .content .field-name-field-galeria .field-items .field-item
 {
 	width: 100%;
 }
 .node-pinturas-store img
 {
	width: 100%;
	height: auto;
 }
 #block-webform-client-block-7  form .webform-component--nombre label
 {
 	top: 30%!important;
 }
 #block-webform-client-block-7  form .form-actions 
 {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 #block-webform-client-block-7  form .form-actions input
 {
 	 -webkit-appearance: none;
 	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
 
 .node-type-eventos-home .titulodepaginas h1
 {
	width: 90%!important;
	margin: 0 auto;
 }
 .slick-prev:before, .slick-next:before
 {
 	color: #a98b22!important;
 }
 #block-block-1 p
 {
 	display: block!important;
 }
 .view-comidas .view-content .views-row
 {
 	border-right: 0px;
 }
 #block-block-1 p img
 {

 	    height: 100px;
    object-fit: contain;
 }
 #main
 {
 	margin-top: 50px;
 }	
 #block-block-3 p img
 {
 	height: auto;
 	width: auto!important;
 }
 #block-block-2 > div img
 {
 	width: auto;
 	height: auto;
 }
 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
 	height: 250px;
 	object-fit: cover;
 }
 .page-node-90 .node-page .content .field-name-body .field-items .field-item > div > div img,
 .page-node-47 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
 height:  auto!important;
 }
 .HeaderContent .content_data ul li:hover ul li a
{
  justify-content: center;
}
#block-search-form
 {
  display: none;
 }	
 #block-suscripcion-suscription .Content_Submit input
 {
  -webkit-appearance: none;
       border-radius: 0;
 }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #block-block-8 img
  {
    width: 80%;
    
  }
  .HeaderContent .content_data ul li:hover ul li a
{
padding:0px;
}

#block-search-form
 {
  display: none;
 }
  .HeaderContent .content_data ul li:hover ul li a
{
padding:0px;
}
  .view-slide-home .view-content .slick .views-field-title
  {
    font-size: 180%;
  }
  .view-slide-home .view-content .slick .views-field-body
  {
    font-size: 140%;
  }
  .view-slide-home .view-content .slick img
  {
        height: calc(50vh - 130px);
  }
.HeaderContent .content_data ul li:hover ul li a
{
  justify-content: center;
}
.icon {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px;
}
.icon span {
  margin-top: 0px;
}
.icon span, .icon span:before, .icon span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 30px;
  background: #a38619;
  position: absolute;
  display: block;
  content: '';
    -webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  -moz-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
}

.icon span:before {
  top: -10px;
}
.icon span:after {
  bottom: -10px;
}

.icon.active span {
  background-color: transparent;
}
.icon.active span:before, .icon.active span:after {
  top: 0;
}
.icon.active span:before {
  -webkit-transform: rotate(45deg) scale(1.2);
  -moz-transform: rotate(45deg) scale(1.2);
  -ms-transform: rotate(45deg) scale(1.2);
  -o-transform: rotate(45deg) scale(1.2);
  transform: rotate(45deg) scale(1.2);
}
.icon.active span:after {
  -webkit-transform: rotate(-45deg) scale(1.2);
  -moz-transform: rotate(-45deg) scale(1.2);
  -ms-transform: rotate(-45deg) scale(1.2);
  -o-transform: rotate(-45deg) scale(1.2);
  transform: rotate(-45deg) scale(1.2);
}


  

  #menulateral
  {
    position: fixed;
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    height: auto;
    bottom: 0%;
    left: 0;
    top: inherit;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    height: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
    border: none!important;
    border-radius: 0px!important
  }
  #block-block-2, #block-block-3
  {
    width: 100%;
    margin: 10px auto;
    flex-direction: row;
  }
  #block-block-1 p
  {
    flex-direction: column;
  }
  #clima > div
  {
    height: 70px!important;
  }
  #block-suscripcion-suscription
  {
    width: 100%;
  }

  #footergeneral
  {
    width: 100%;
    height: auto;
    margin-bottom: 20px;  
  }


.block-imageblock .title,
#block-imageblock-1 .title
{
  position: inherit!important;
    display: flex;
    flex-direction: column!important;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    top: 0px;
    transform: translateY(0%);
}
.block-imageblock .block-body,
#block-imageblock-1  .block-body
{
  width: 100%;
  margin-top: 10px;
}
.block-imageblock .block-image
{
  width: 100%!important;
}
.block-imageblock
{
flex-direction: column!important;
}
#block-block-8
{
  width: 20%;
  
}
#block-block-8 img
{
  width: 100%;
  height: auto;
}

/*---------menu------*/
.HeaderContent .content_data ul li:hover ul li
{


}



.HeaderContent
{
  position: fixed;
  top: 0;
  z-index: 99999;
}
#block-system-main-menu
{
  position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 9999;
    height: calc(91vh - 50px);
    overflow: hidden;
    overflow-y: scroll;
    transition: 2s;
}
.HeaderContent .content_data ul
{
  
    flex-direction: column;
    height: auto;
    background: white;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
}
.HeaderContent .content_data
{
  height: 75px!important;
}
#logo
{
  width: 60%;
}

#logo img
{
   content: url("/sites/default/files/logo-resp.png");
   width: 40px;
   height: auto;
}



 .view-eventos-home  .view-content
{
width: 90%!important;
margin: 0 auto;
}
.view-eventos-home  .view-content .views-row
{
  width: 100%!important;

}

.HeaderContent .content_data ul li
{
flex-direction: column;
width: 100%;
margin: 7px auto;
height: auto;
justify-content:center!important;

}
.HeaderContent .content_data ul li ul li ul
{
  height: auto;
}
.HeaderContent .content_data ul li ul
{
  flex-direction: column;
    width: 100%!important;
    height: auto!important;
    flex-wrap: inherit!important;
    background: #a98b22;
        position: relative!important;
    top: 0!important;
    
    justify-content: flex-start!important;
}
.HeaderContent .content_data ul li ul .expanded
{
  height: auto;
}
.HeaderContent .content_data ul li ul li
{
      margin: 10px auto;
    padding: 0!important;
    background: inherit!important;
    border-bottom: 0px!important;
}
.HeaderContent .content_data ul li ul li a
{
  color: white;
}

.centermenu
{
  position: fixed;
  right: 10px;
  top: 20px;
  z-index: 99999999;
  width: 40px;
  height: 20px;
}

#toggle { display: none; }

.menu-button {
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  position: absolute;
  top: 0%;
  transform: translateY(-50%);
  transition: all .5s ease-in-out;
}

.menu-button:before, .menu-button:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  transition: all .5s ease-in-out;
} 

.menu-button:before { top: -10px; }
.menu-button:after { top: 10px; }

.menu-button, .menu-button:before, .menu-button:after { box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)} 

#toggle:checked + label .menu-button{ background-color: rgba(0, 0, 0, 0); box-shadow: none;}

#toggle:checked + label .menu-button:before{ transform: rotate(45deg); top: 0px;}

#toggle:checked + label .menu-button:after{ transform: rotate(135deg); top: 0}

/*---------menu------*/

.titulodepaginas
{
  flex-direction: column;
}
.field-name-field-titulo-en-negrita
{
  justify-content: center;
  width: 100%!important;
  padding: 0px;
}
#content-area h1.title
{
  justify-content: center!important;
  text-align: center;
  width: 100%!important;
}
#nuestra-tienda
{
  width: 90%!important;
}
article
{
  width: 90%;
}
#block-views-slide_interno-block .views-field-field-imagen-slide img
{
  height: 300px;
}
#block-views-slide_interno-block  .views-field-body
{
  font-size: 120%;
      transform: translateY(-40%);
      width: 80%;
}
.view-galeria-de-fotos .new, .view-store-pinturas .new
{
  width: 100%;
    height: auto!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.view-galeria-de-fotos .new .views-row, .view-store-pinturas .new .views-row
{
      width: 100%!important;
    position: inherit!important;
    height: auto!important;
    left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
}
.new .views-row .newdiv .views-field-title,
.new .views-row .newdiv .views-field-body,
.new .views-row .newdiv .views-field-view-node
{
opacity: 1;
position: inherit!important;
    top: inherit;
    left: inherit;
    right: inherit;

}
.new .views-row .newdiv .views-field-title
{
  color: black;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.new .views-row .newdiv
{

  flex-wrap: wrap;
}
.new .views-row:hover .newdiv:after
{
  display: none;
}
.new .views-row .newdiv .views-field-body
{
  left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
    color: black;
        width: 100%;
    text-align: justify;
}
.new .views-row .newdiv .views-field-view-node
{
  background-color: transparent;
  background-image: none!important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new .views-row .newdiv .views-field-view-node a
{
  text-decoration: none;
  color: black;
  text-align: center;
}
.new .views-row .newdiv .views-field-field-imagen-galeria, .new .views-row .newdiv .views-field-field-imagen-store
{
  height: 200px;
}
#block-views-galeria_de_fotos-block, #block-views-store_pinturas-block
{
  padding: 0px;
}
#bloque1,
#bloque2,
#bloque3,
#bloque4,
#bloque5
{
  width: 90%!important;
  margin:10px auto!important;
  flex-wrap: wrap;
  justify-content: center;
}
#bloque1 > div,
#bloque2 > div,
#bloque3 > div,
#bloque4 > div,
#bloque5 > div
{
  width: 100%!important;
}
/*--------------------- contacto /*--------------------- */
#block-webform-client-block-7  form > div > div,
#block-webform-client-block-7  form .webform-component-textarea,
#block-webform-client-block-7  form .webform-component-textarea textarea
{
  width: 100%;
  margin:10px auto;
}
/*_----------interna eventos/*_----------interna eventos */
.node-bodas-y-eventos .field-name-field-imagen-bodas .field-items .field-item
{
  width: 100%;
}

/*------------------- basicas /*------------------- basicas  */
.node-page .content .field-name-body .field-items .field-item > div
{
  flex-direction: column;
}
.node-page .content .field-name-body .field-items .field-item > div > div
{
  width: 100%!important;
}
.node-page .content .field-name-body .field-items .field-item > div > div img
{
  width: 100%!important;
  height: auto;
}
.node-page .content .field-name-body .field-items .field-item > div > div ul
{
  width:90%!important;
  margin:0 auto;
}
/*------------------- basicas /*------------------- basicas  */
.view-bodas-y-evenetos .view-content
{
  width: 100%;
}
#block-views-bodas_y_evenetos-block
{
width: 90%;
margin: 10px auto;
}
/*_----------interna eventos/*_----------interna eventos */


.view-staff .view-content .views-row

{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: auto;
}
.view-staff .view-content .views-row .views-field-field-imagen-staff,
.view-staff .view-content .views-row .views-field-body,
.view-staff .view-content .views-row > div
{
  width: 100%!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
article  .field-name-body img
 {
  width: 100%;
  height: auto;
 }  
#block-views-imagenes_historia-block .slick-dots
 {
  display: none!important;
 }
 #block-views-imagenes_historia-block .views-field-title
 {
  width: 100%;
 }
 #block-views-imagenes_historia-block .views-field-field-icono
 {
  top: 40%;
  height: 90px;
  width: 40%;
 }
 .node-pinturas-store .content .field-name-field-imagen-store .field-items .field-item,
 .node-eventos-home  .content .field-name-field-galeria .field-items .field-item
 {
  width: 100%;
 }
 .node-pinturas-store img
 {
  width: 100%;
  height: auto;
 }
 #block-webform-client-block-7  form .webform-component--nombre label
 {
  top: 30%!important;
 }
 #block-webform-client-block-7  form .form-actions 
 {
  display: flex;
  justify-content: center;
  align-items: center;
 }
 #block-webform-client-block-7  form .form-actions input
 {
   -webkit-appearance: none;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
 
 .node-type-eventos-home .titulodepaginas h1
 {
  width: 90%!important;
  margin: 0 auto;
 }
 .slick-prev:before, .slick-next:before
 {
  color: #a98b22!important;
 }
 #block-block-1 p
 {
  display: block!important;
 }
 .view-comidas .view-content .views-row
 {
  border-right: 0px;
 }
 #block-block-1 p img
 {

      height: 100px;
    object-fit: contain;
 }
 #main
 {
  margin-top: 50px;
 }  
 #block-block-3 p img
 {
  height: auto;
  width: auto!important;
 }
 #block-block-2 > div img
 {
  width: auto;
  height: auto;
 }
 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
  height: 250px;
  object-fit: cover;
 }
 .page-node-90 .node-page .content .field-name-body .field-items .field-item > div > div img,
 .page-node-47 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
 height:  auto!important;
 }
 .view-slide-home .view-content .slick .views-field-title
 {
  top: 49%;
 }
 #bloque1 img, #bloque2 img, #bloque3 img, #bloque4 img, #anio5 img
 {
      height: 50px!important;
    width: 50px!important;
 }
 #clima
 {
  width: 65%;
 }
 #anio1 h1
 {
  text-align: center;
}
.messages
{
width: 50%;}
.new .views-row .newdiv .views-field-title span
{
  margin-top: 0px;
}
.new .views-row .newdiv
{
  width: 60%;
  margin: 0 auto;
}
.node-pinturas-store .content .field-name-field-imagen-store .field-items .field-item 
{
text-align:center;}
.node-pinturas-store .content .field-name-field-imagen-store .field-items .field-item img
{
  width: 60%;
}
.view-staff .view-content .views-row .views-field-field-imagen-staff 
{
text-align: center;
}
.view-staff .view-content .views-row .views-field-field-imagen-staff img
{
  width: 70%;

}
#bloque-1,
#bloque-2,
#bloque-3,
#bloque-5,
#bloque-4,
#bloque-6
{
width: 70%;
margin: 0 auto;
}
.i18n-en .HeaderContent .content_data ul
{
  width: 100%;
}
.HeaderContent .content_data ul li a
{
width: 100%;
}
.new .views-row .views-field-field-imagen-galeria img:first-child, .new .views-row .views-field-field-imagen-store img:first-child
{
  display: flex;
}
.new .views-row .views-field-field-imagen-galeria img, .new .views-row .views-field-field-imagen-store img {
    display: none;
}
.node-page .content .field-name-body .field-items .field-item > div > div:first-child
{
  width: 50%;
  margin: 0 auto;
}
#image-food
{
  width: 70%;
  margin: 0 auto;
}
#image-food img
{
  width: 100%!important;
    height: auto;
    object-fit: cover;
}
}




/*------------------------ipad landscape--------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .HeaderContent .content_data ul li a
{
  width: 100%;
  color: #a88c00;

}
  
  .view-slide-home .view-content .slick .views-field-title
  {
    font-size: 180%;
  }
  .view-slide-home .view-content .slick .views-field-body
  {
    font-size: 140%;
  }

.icon {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px;
}
.icon span {
  margin-top: 0px;
}
.icon span, .icon span:before, .icon span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 30px;
  background: #a38619;
  position: absolute;
  display: block;
  content: '';
    -webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  -moz-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
}

.icon span:before {
  top: -10px;
}
.icon span:after {
  bottom: -10px;
}

.icon.active span {
  background-color: transparent;
}
.icon.active span:before, .icon.active span:after {
  top: 0;
}
.icon.active span:before {
  -webkit-transform: rotate(45deg) scale(1.2);
  -moz-transform: rotate(45deg) scale(1.2);
  -ms-transform: rotate(45deg) scale(1.2);
  -o-transform: rotate(45deg) scale(1.2);
  transform: rotate(45deg) scale(1.2);
}
.icon.active span:after {
  -webkit-transform: rotate(-45deg) scale(1.2);
  -moz-transform: rotate(-45deg) scale(1.2);
  -ms-transform: rotate(-45deg) scale(1.2);
  -o-transform: rotate(-45deg) scale(1.2);
  transform: rotate(-45deg) scale(1.2);
}


  

  #menulateral
  {
    position: fixed;
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    height: auto;
    bottom: 0%;
    left: 0;
    top: inherit;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
    height: 30px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
    border: none!important;
    border-radius: 0px!important
  }
  #block-block-2, #block-block-3
  {
    width: 100%;
    margin: 10px auto;
    flex-direction: row;
  }
  #block-block-1 p
  {
    flex-direction: column;
  }
  #clima > div
  {
    height: 70px!important;
  }
  #block-suscripcion-suscription
  {
    width: 100%;
  }

  #footergeneral
  {
    width: 100%;
    height: auto;
    margin-bottom: 20px;  
  }


.block-imageblock .title,
#block-imageblock-1 .title,
#block-imageblock-7 .title
{
  position: inherit!important;
    display: flex;
    flex-direction: column!important;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    top: 0px;
    transform: translateY(0%);
}
.block-imageblock .block-body,
#block-imageblock-1  .block-body,
#block-imageblock-7  .block-body
{
  width: 100%;
  margin-top: 10px;
}
.block-imageblock .block-image
{
  width: 100%!important;
}
.block-imageblock
{
flex-direction: column!important;
}
#block-block-8
{
      width: 35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
#block-block-8 img
{
  width: 100%;
  height: auto;
}

/*---------menu------*/
.HeaderContent .content_data ul li:hover ul li
{


}



.HeaderContent
{
  position: fixed;
  top: 0;
  z-index: 99999;
}
#block-system-main-menu
{
  position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    width: 100%;
    z-index: 9999;
    height: calc(91vh - 50px);
    overflow: hidden;
    overflow-y: scroll;
    transition: 2s;
}
.HeaderContent .content_data ul
{
  
    flex-direction: column;
    height: auto;
    background: white;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 9999;
}
.HeaderContent .content_data
{
  height: 50px;
}
#logo
{
  width: 60%;
}

#logo img
{
   content: url("/sites/default/files/logo-resp.png");
   width: 40px;
   height: auto;
}



 .view-eventos-home  .view-content
{
width: 90%!important;
margin: 0 auto;
}
.view-eventos-home  .view-content .views-row
{
  width: 100%!important;

}

.HeaderContent .content_data ul li
{
flex-direction: column;
width: 100%;
margin: 7px auto;
height: auto;
justify-content:center!important;
border-bottom: 1px solid rgba(168, 140, 0, 0.57);

}
.HeaderContent .content_data ul li ul li ul
{
  height: auto;
}
.HeaderContent .content_data ul li ul
{
  flex-direction: column;
    width: 100%!important;
    height: auto!important;
    flex-wrap: inherit!important;
    background: #a98b22;
        position: relative!important;
    top: 0!important;
    
    justify-content: flex-start!important;
}
.HeaderContent .content_data ul li ul .expanded
{
  height: auto;
}
.HeaderContent .content_data ul li ul li
{
      margin: 10px auto;
    padding: 0!important;
    background: inherit!important;
    border-bottom: 0px!important;

}
.HeaderContent .content_data ul li ul li a
{
  color: #a28600;
  width: 100%;
}

.centermenu
{
  position: fixed;
  right: 10px;
  top: 30px;
  z-index: 99999999;
  width: 40px;
  height: 20px;
}

#toggle { display: none; }

.menu-button {
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  position: absolute;
  top: 0%;
  transform: translateY(-50%);
  transition: all .5s ease-in-out;
}

.menu-button:before, .menu-button:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #a98b22;
  transition: all .5s ease-in-out;
} 

.menu-button:before { top: -10px; }
.menu-button:after { top: 10px; }

.menu-button, .menu-button:before, .menu-button:after { box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)} 

#toggle:checked + label .menu-button{ background-color: rgba(0, 0, 0, 0); box-shadow: none;}

#toggle:checked + label .menu-button:before{ transform: rotate(45deg); top: 0px;}

#toggle:checked + label .menu-button:after{ transform: rotate(135deg); top: 0}

/*---------menu------*/

.titulodepaginas
{
  flex-direction: column;
}
.field-name-field-titulo-en-negrita
{
  justify-content: center;
  width: 100%!important;
  padding: 0px;
}
#content-area h1.title
{
  justify-content: center!important;
  text-align: center;
  width: 100%!important;
}
#nuestra-tienda
{
  width: 90%!important;
}
article
{
  width: 90%;
}
#block-views-slide_interno-block .views-field-field-imagen-slide img
{
  height: 300px;
}
#block-views-slide_interno-block  .views-field-body
{
  font-size: 120%;
      transform: translateY(-40%);
      width: 80%;
}
.view-galeria-de-fotos .new, .view-store-pinturas .new
{
  width: 100%;
    height: auto!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.view-galeria-de-fotos .new .views-row, .view-store-pinturas .new .views-row
{
      width: 100%!important;
    position: inherit!important;
    height: auto!important;
    left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
}
.new .views-row .newdiv .views-field-title,
.new .views-row .newdiv .views-field-body,
.new .views-row .newdiv .views-field-view-node
{
opacity: 1;
position: inherit!important;
    top: inherit;
    left: inherit;
    right: inherit;

}
.new .views-row .newdiv .views-field-title
{
  color: black;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.new .views-row .newdiv
{

  flex-wrap: wrap;
}
.new .views-row:hover .newdiv:after
{
  display: none;
}
.new .views-row .newdiv .views-field-body
{
  left: 0px;
    right: 0px;
    margin: 10px auto;
    top: inherit;
    color: black;
        width: 100%;
    text-align: justify;
}
.new .views-row .newdiv .views-field-view-node
{
  background-color: transparent;
  background-image: none!important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new .views-row .newdiv .views-field-view-node a
{
  text-decoration: none;
  color: black;
  text-align: center;
}
.new .views-row .newdiv .views-field-field-imagen-galeria, .new .views-row .newdiv .views-field-field-imagen-store
{
  height: 200px;
}
#block-views-galeria_de_fotos-block, #block-views-store_pinturas-block
{
  padding: 0px;
}
#bloque1,
#bloque2,
#bloque3,
#bloque4,
#bloque5
{
  width: 90%!important;
  margin:10px auto!important;
  flex-wrap: wrap;
  justify-content: center;
}
#bloque1 > div,
#bloque2 > div,
#bloque3 > div,
#bloque4 > div,
#bloque5 > div
{
  width: 100%!important;
}
/*--------------------- contacto /*--------------------- */
#block-webform-client-block-7  form > div > div,
#block-webform-client-block-7  form .webform-component-textarea,
#block-webform-client-block-7  form .webform-component-textarea textarea
{
  width: 100%;
  margin:10px auto;
}
/*_----------interna eventos/*_----------interna eventos */
.node-bodas-y-eventos .field-name-field-imagen-bodas .field-items .field-item
{
  width: 40%;
}

/*------------------- basicas /*------------------- basicas  */
.node-page .content .field-name-body .field-items .field-item > div
{
  flex-direction: column;
}
.node-page .content .field-name-body .field-items .field-item > div > div
{
  width: 100%!important;
}
.node-page .content .field-name-body .field-items .field-item > div > div img
{
  width: 100%!important;
  height: auto;
}
.node-page .content .field-name-body .field-items .field-item > div > div ul
{
  width:90%!important;
  margin:0 auto;
}
/*------------------- basicas /*------------------- basicas  */
.view-bodas-y-evenetos .view-content
{
  width: 100%;
}
#block-views-bodas_y_evenetos-block
{
width: 90%;
margin: 10px auto;
}
/*_----------interna eventos/*_----------interna eventos */


.view-staff .view-content .views-row

{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: auto;
}
.view-staff .view-content .views-row .views-field-field-imagen-staff,
.view-staff .view-content .views-row .views-field-body,
.view-staff .view-content .views-row > div
{
  width: 100%!important;
  display: flex;
  justify-content: center;
  align-items: center;
}
article  .field-name-body img
 {
  width: 100%;
  height: auto;
 }  
#block-views-imagenes_historia-block .slick-dots
 {
  display: none!important;
 }
 #block-views-imagenes_historia-block .views-field-title
 {
  width: 100%;
 }
 #block-views-imagenes_historia-block .views-field-field-icono
 {
  top: 40%;
  height: 90px;
  width: 40%;
 }
 .node-pinturas-store .content .field-name-field-imagen-store .field-items .field-item,
 .node-eventos-home  .content .field-name-field-galeria .field-items .field-item
 {
  width: 100%;
 }
 .node-pinturas-store img
 {
  width: 100%;
  height: auto;
 }
 #block-webform-client-block-7  form .webform-component--nombre label
 {
  top: 30%!important;
 }
 #block-webform-client-block-7  form .form-actions 
 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
 }
 #block-webform-client-block-7  form .form-actions input
 {
   -webkit-appearance: none;
   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 }
 
 .node-type-eventos-home .titulodepaginas h1
 {
  width: 90%!important;
  margin: 0 auto;
 }
 .slick-prev:before, .slick-next:before
 {
  color: #a98b22!important;
 }
 #block-block-1 p
 {
  display: block!important;
 }
 .view-comidas .view-content .views-row
 {
  border-right: 0px;
 }
 #block-block-1 p img
 {

      height: 100px;
    object-fit: contain;
 }
 #main
 {
  margin-top: 50px;
 }  
 #block-block-3 p img
 {
  height: auto;
  width: auto!important;
 }
 #block-block-2 > div img
 {
  width: auto;
  height: auto;
 }
 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
  height: 250px;
  object-fit: cover;
 }
 .page-node-90 .node-page .content .field-name-body .field-items .field-item > div > div img,
 .page-node-47 .node-page .content .field-name-body .field-items .field-item > div > div img
 {
 height:  auto!important;
 }
 .HeaderContent .content_data ul li:hover ul li a
{
  justify-content: center;
}
#block-search-form
 {
  display: none;
 }  
 #block-suscripcion-suscription .Content_Submit input
 {
  -webkit-appearance: none;
       border-radius: 0;
 }
 .icon {
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  float: left;
  margin: 0px;
}
.icon span {
  margin-top: 0px;
}
.icon span, .icon span:before, .icon span:after {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 30px;
  background: #a38619;
  position: absolute;
  display: block;
  content: '';
    -webkit-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  -moz-transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
  transition: all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);
}

.icon span:before {
  top: -10px;
}
.icon span:after {
  bottom: -10px;
}

.icon.active span {
  background-color: transparent;
}
.icon.active span:before, .icon.active span:after {
  top: 0;
}
.icon.active span:before {
  -webkit-transform: rotate(45deg) scale(1.2);
  -moz-transform: rotate(45deg) scale(1.2);
  -ms-transform: rotate(45deg) scale(1.2);
  -o-transform: rotate(45deg) scale(1.2);
  transform: rotate(45deg) scale(1.2);
}
.icon.active span:after {
  -webkit-transform: rotate(-45deg) scale(1.2);
  -moz-transform: rotate(-45deg) scale(1.2);
  -ms-transform: rotate(-45deg) scale(1.2);
  -o-transform: rotate(-45deg) scale(1.2);
  transform: rotate(-45deg) scale(1.2);
}
#webform-client-form-207 > div  .webform-component--fecha-inicio > div, 
#webform-client-form-207 > div .webform-component--fecha-salida > div, 
#webform-client-form-209 > div .webform-component--day-of-arrival > div, 
#webform-client-form-209 > div .webform-component--day-of-exit > div
{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#webform-client-form-207, #webform-client-form-209
{
  width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
 
}
#webform-client-form-207 > div, #webform-client-form-209 > div
{
  justify-content: space-around;
}
#webform-client-form-207 > div > div, .front #webform-client-form-209 > div > div
{
  width: 30%;
  flex-direction: column;
      flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#webform-client-form-207 > div label, #webform-client-form-209 > div label
{
  width: 100%!important;
  text-align: center;
  justify-content: center;
  font-size: 80%;
}
#webform-client-form-207 > div  .webform-component--fecha-inicio > div,
#webform-client-form-207 > div .webform-component--fecha-salida > div,
#webform-client-form-209 > div .webform-component--day-of-arrival > div, 
#webform-client-form-209 > div .webform-component--day-of-exit > div,
#webform-client-form-207 > div > div select, #webform-client-form-209 > div > div select
{
  width: 100%;
}
.enviarform, .enviarform1
{
  margin-top: 20px;
}
.page-node-207  #webform-client-form-207 > div > div, .page-node-209 #webform-client-form-209 > div > div
{
  width: 45%;
}
.page-node-207 #webform-client-form-207 > div > div .caledarioinput, .page-node-209 #webform-client-form-209 > div > div .caledarioinput
{
  width: 70%;
  -webkit-appearance: none;
}
.page-node-207 #webform-client-form-207 .form-actions  input, .page-node-209 #webform-client-form-209 .form-actions  input
{
  width: 50%;
  -webkit-appearance: none;
}

.page-node-207 #webform-client-form-207 > div > div select, 
.page-node-209 #webform-client-form-209 > div > div select
{
  width: 85%;
  margin: 0 auto;
  text-align: center;
  text-align-last: center;
  border-radius: 5px;

} 
#block-views-imagenes_historia-block .slick__arrow .slick-next
{
  background:inherit;
}
.regresartour p, .cierrregale p, .regesargaleria,
.regresartour p, .cierrregale p, .regesargaleria
{
  width: 10%;
}
.restaurant > ul,
.restaurante > ul
{
  display: flex!important;
}
.restaurant,
.restaurante 
{
      background-position: 90% 5%;
}
.expanded
{     
      background-image: url(/sites/default/files/image-resp-arrow.png)!important;
    background-size: 15px;
    background-repeat: no-repeat!important;
    background-position: 70% 50%;
}
.restaurant > ul, .restaurante > ul
{
 background-image: url(/sites/default/files/image-resp-arrow-white.png)!important;
    background-size: 15px!important;
    background-repeat: no-repeat!important;
    background-position: 70% 7%!important;
    background-color: white!important;
}
.HeaderContent .content_data ul li ul li 
{
  background-image: none!important;
  border-bottom: 1px solid rgba(168, 140, 0, 0.57)!important;
}
.HeaderContent .content_data ul li ul li:last-child
{
  border-bottom: none!important;
}
.HeaderContent .content_data ul .expanded > a
{
  padding: 5px 0px;
}
#block-block-11 .contenido-poup { width: 70%; margin: 70px auto 0; }
}