@charset "UTF-8";
/*
Theme Name: La Matera
Theme URI: https://bemba.mx
Author: Bemba soporte@bemba.mx
Author URI: https://www.bemba.mx
Description: Tema para La Matera 2019
Requires at least: WordPress 4.9.6
Version: 1.0
License: Private non-licenseable
License URI: LICENSE
Text Domain: bmx-lamatera
Tags: lamatera.mx

*/
@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/AvenirLTStd-Roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
/*   GENERALES   */

body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-width: 1300px;
}

#lightbox {
	width: 100%;
	min-height: 300px;
	height: 100%;
	z-index: 2000;
	position: fixed;
	background: rgba(0,0,0,0.9);
	vertical-align: middle;
	text-align: center;
}
	#lightbox img {
		min-width: 100px;
		min-height: 100px;
		max-width: 80%;
		max-height: 80%;
		margin: 0px auto;
		z-index: 2002;
		vertical-align: middle;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	#lb-cargando {
		width: 60px;
		height: 60px;
		border:6px dotted rgba(255, 255, 255, 0.5);
		position: absolute;
		z-index: 2001;
		vertical-align: middle;
		top: 48%;
		transform: translateY(-50%);
		transform: translateX(-25%);
		-moz-transform: translateY(-50%);
		-moz-transform: translateX(-25%);
		-webkit-transform: translateY(-50%);
		-webkit-transform: translateX(-25%);
		left: 48%;
		margin: 0px auto;
		border-radius: 40px;
		-webkit-animation-name: rotate; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: rotate;
		-moz-animation-duration: 3s;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		animation-name: rotate;
		animation-duration: 3s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;

	}
	@keyframes rotate {
		from {transform: translateY(-50%) translateX(-25%) rotate(0deg);}
		to {transform: translateY(-50%) translateX(-25%) rotate(360deg);}
	}
	@-webkit-keyframes rotate {
		from {-webkit-transform: translateY(-50%) translateX(-25%) rotate(0deg);}
		to {-webkit-transform: translateY(-50%) translateX(-25%) rotate(360deg);}
	}
	@-moz-keyframes rotate {
		from { -moz-transform: translateY(-50%) translateX(-25%) rotate( 0deg );   }
		to { -moz-transform: translateY(-50%) translateX(-25%) rotate( 360deg ); }
	}
a {
	text-decoration: none;
	color: #666666;
	font-weight: normal;
    font-style: normal;
}
h1, h2 {
	font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;
}
.normal-font {
	font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;
}
.simpleimage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*   MENU-NAVEGACIÓN Y FOOTER   */
#spaceinvader {
	height: 114px;
	width: 100%;
	clear: both;
}

#Menu-Mobile {
	display: none;
}

#Menu {
	min-width: 1300px;
	background: rgba(0,0,0,0.4);
	font-family: Times, serif;
	font-size: 22px;
	line-height: 40px;
	vertical-align: bottom;
	position: fixed;
	width: 100%;
	top:0;
	left: 0;
	z-index: 1000;
}

#Menu a {
	color: white;
	display: inline-block;
}

.Menu-Principal {
	margin-top: 30px;
	display: inline-block;
}
.Menu-Principal ul, .Menu-Principal li {
	list-style: none;
	display: inline-block;
}
.Menu-Principal li {
	height: 40px;
	border-right: 1px solid white;
	width: 150px;
	text-align: center;
}
.Menu-Principal li:first-child {
	border-left: 1px solid white;
}
.M-Social {
	width: 30px;
	vertical-align: bottom;
	margin: 0px 8px;
}
#Menu a:nth-child(3) {
	margin-left: 20px;
}
#M-Logotipo {
	width: 30px;
	display: inline-block;
	margin: 0px;
	margin-left: 40px;
	vertical-align: bottom;
}
#Menu-Flag {
	width: 30px;
	position: fixed;
	top: 10px;
	right: 10px;
}
#Footer {
	background: white;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 50px;
	vertical-align: middle;
	box-shadow: 0px -3px 5px rgba(0,0,0,0.1);
}
#Footer p{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0px;
	padding: 0px 20%;
	font-family: "Montserrat";
	font-weight: 300;
	font-style: normal;
	font-size: 12px;
	line-height: 14px;
	color: #999;
	text-align: center;
/* 	box-shadow: 0px -3px 5px rgba(0,0,0,0.1); */
}
#Footer a {
	color: #999;
}
/*   INICIO   */

#Galeria {
	display: block;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
	#Galeria div {
		height: 600px;
		width: 100%;
		background-position: center center;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		font-family: 'Montserrat';
	    font-weight: normal;
		font-style: normal;
	    color: white;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    font-size: 30px;
	    text-align: center;
	    opacity: 0;
	}
		#Galeria div p {
			position: absolute;
			bottom: 0px;
			left: 50%;
			transform: translateX(-50%);
			margin: 15px auto;
			width: 80%;
			-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
			filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
		}
	.bolitas {
		font-size: 30px;
		opacity: 0.3;
		font-weight: 900;
		font-style: normal;
		color: white;
	}
	.super-bolita {
		font-size: 30px;
		opacity: 0.9;
		font-weight: 900;
		font-style: normal;
		color: white;
	}
	
#SubSeccion {
	width: 100%;
	background: #E4E4E4;
	height: 400px;
	overflow: hidden;
	padding-bottom: 40px;
	position: relative;
	z-index: 10;
}
	#Horarios {
		font-family: "Montserrat";
		font-weight: 300;
		font-style: normal;
		font-size: 18px;
		line-height: 19px;
		width: 40%;
		height: 400px;
		display: inline-block;
		text-align: center;
		vertical-align: top;
		box-shadow: 6px 0px 10px rgba(0,0,0,0.2);
		position: relative;
		z-index: 100;
		color: #666;
	}
		#Horarios div {
			margin: 20px auto;
			margin-top: 30px;
			display: inline-block;
			vertical-align: bottom;
			text-align: left;
			width: 330px;
		}
		#Horarios div:first-child {
			margin-right: 35px;
			width: 50px;
		}
		#Horarios p {
			width: 400px;
			text-align: left;
			margin: 0px auto;
			vertical-align: middle;
		}
		#Horarios p a{
			vertical-align: middle;
			
		}
		#H-Logo {
			width: 50px;
			padding: 0px 10px;
		}
		#H-Highlight {
			font-weight: normal;
			font-style: normal;
			font-size: 24px;
		}
	#Mapa {
		width: 60%;
		height: 400px;
		display: inline-block;
	}

/*   NOSOTROS   */
.temp-nosotros {
	background: #EBEBEB;
	height: 100%;
}
.temp-nosotros h1{
	text-transform: uppercase;
	font-weight: bold;
    font-style: normal;
    letter-spacing: 2px;
    color: #A0A0A0;
}
.temp-nosotros p{
	font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    color: black !important;
    font-size: 18px;
}
#nos-nosotros {
	width: 100%;
	margin-top: 40px;
	background: #EBEBEB;
}
	#nos-nosotros div {
		display: inline-block;
	}
	#nn-foto {
		width: 48%;
	}
		#nn-logo {
			position: relative;
			right: 90px;
			top: 45px;
			float: right;
			z-index: 10;
			width: 100px;
		}
		#nn-img {
			box-shadow: 80px 29px 0px white;
			min-width: 80%; min-height: 320px;
		}
	#nn-texto {
		width: 52%;
		height: 100%;
		vertical-align: top;
		text-align: justify;
		text-align-last: right;
		-ms-text-align-last: right;
		-moz-text-align-last: right;
	}
		#nn-texto h1 { letter-spacing: 5px; text-align: right; width: 85%;}
		#nn-texto p { width: 80%; margin-right: auto; text-align: justify; }
#nos-middle {
	width: 100%;
	background: transparent;
	position: relative;
	z-index: 5;
}
	#nos-middle div {
		display: inline-block;
	}
	#nm-texto {
		width: 75%;
		vertical-align: middle;
	}
		#nm-texto p {
			width: 70%;
			text-align: center;
			margin-left: auto;
			margin-right: 40px;
			vertical-align: middle;
			position: relative;
			top: -30px;
		}
	#nm-foto {
		width: 25%;
		vertical-align: middle;
	}
		#nm-img {
			box-shadow: 30px 29px 0px white;
			vertical-align: middle;
			min-width: 75%; min-height: 420px;
			margin-right: 20px;
		}
		
#nos-zonadulce {
	background: #EBEBEB;
	position: relative;
	top: -100px;
	z-index: 1;
	padding-bottom: 150px;
	text-align: left;
}
	#nos-zonadulce div {
		display: inline-block;
	}
	#nz-foto {
		width: 50%;
	}
		#nz-img {
			margin-left: 70px;
			box-shadow: -35px 20px 0px white;
			min-width: 580px; min-height: 360px;
		}
	#nz-texto {
		margin-left: 4%;
		width: 40%;
		position: relative;
		top: -100px;
	}
		#nz-texto h1 {
			position: relative;
			width: 160px;
			text-align: left;
			text-indent: -20px;
 			font-size: 40px;
			line-height: 35px;
		}
		#nz-texto p {
			width: 83%;
			text-align: justify;
			text-align-last: right;
			-ms-text-align-last: right;
			-moz-text-align-last: right;
			position: relative;
			margin-left: 5%;
		}


/*   GALERIA   */
.temp-galeria {
	width: 100%;
	margin: 0px;
}
#gal-banner {
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
}
#gal-banner p {
	color: white;
	position: absolute;
	bottom: 10px;
	letter-spacing: 4px;
	font-family: "Montserrat";
	font-weight: 600;
	font-style: normal;
	font-size: 40px;
	text-transform: uppercase;
	width: 100%;
	margin: 40px auto;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,1));
}

#gal-galeria {
	width: 100%;
	background: transparent;
	text-align: center;
	margin: auto;
}
#gal-galeria div {
	min-width: 50px;
	min-height: 50px;
	display: inline-block;
	text-align: center;
	font-size: 30px;
	font-family: "Montserrat";
	font-weight: normal;
}
.gblock {
	background: transparent;
}
.gsubblock{
	background: transparent;
}
.gsubsubblock{
	background: transparent;
}
.gitem {
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
#gblock-1 {
	width: 96%;
	display: block;
	min-height: 130px;
	margin-top: 25px;
}
	#gitem-01 {
		width: 18%;
		height: 615px;
		margin-right: 2%;
		vertical-align: top;
		
	}
	#gb1i-B {
		width: 80%;
		height: 615px;
		vertical-align: top;
		margin: 0px;
	}
		#gitem-02 {
			width: 100%;
			margin-bottom:  15px;
			height: 200px;
			display: block;
		}
		#gb1ib-B {
			width: 100%;
			display: block;
		}
			#gitem-03 {
				width: 48.5%;
				height: 390px;
				margin-right: 1.5%;
				vertical-align: top;
			}
			#gitem-04 {
				width: 48.5%;
				height: 580px;
				margin-left: 1.5%;
				vertical-align: top;
			}
#gblock-2 {
	width: 96%;
	display: block;
	margin: 0px;
	margin-top: 25px;
	height: 770px;
}
	#gb2i-A {
		width: 59%;
		margin: 0px;
		margin-right: 2%;
		vertical-align: bottom;
		height: 770px;
	}
		#gitem-05 {
			width: 100%;
			display: block;
			height: 470px;
			margin-bottom: 15px;
		}
		#gitem-06 {
			width: 100%;
			display: block;
			height: 275px;
		}
	#gitem-07 {
		width: 39%;
		height: 580px;
		vertical-align: bottom;
	}
#gitem-08 {
	width: 96%;
	display: block;
	margin: 25px auto;
	height: 400px;
}
#gblock-3 {
	width: 96%;
	display: block;
	margin: 0px auto;
}
	#gitem-09 {
		width: 18%;
		height: 615px;
		margin-right: 2%;
		vertical-align: top;
	}
	#gb3i-B {
		width: 80%;
		height: 615px;
		vertical-align: top;
	}
		#gitem-10 {
			width: 100%;
			margin-bottom:  15px;
			height: 200px;
			display: block;
		}
		#gb3ib-B {
			width: 100%;
			display: block;
		}
			#gitem-11 {
				width: 48.5%;
				height: 390px;
				margin-right: 1.5%;
				vertical-align: top;
			}
			#gitem-12 {
				width: 48.5%;
				height: 480px;
				margin-left: 1.5%;
				vertical-align: top;
			}

#gblock-4 {
	width: 96%;
	display: block;
	margin: 25px auto 100px;
}
	#gitem-13 {
		width: 59%;
		height: 300px;
		margin-right:  2%;
		vertical-align: bottom;
	}
	#gitem-14 {
		width: 39%;
		height: 205px;
		vertical-align: bottom;
	}

#gal-galeria-mob {
		display: none;
	width: 100%;
	height: 480px;
	min-height: 480px;
	background: #333;
	margin-top: 80px;
	overflow: scroll;
	white-space: nowrap;
}
#gal-menu-mob {
		display: none;
	width: 100%;
	height: 126px;
	background: #666;
	overflow: scroll;
	white-space: nowrap;
	position: relative;
	-webkit-overflow-scrolling: touch;
}
#gal-drag {
	position: relative;
}
.small-images {
	width: 126px;
	height: 126px;
	display: inline-block;
	background-position: center center;
	background-size: fill;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.big-images {
	width: 100%;
	display: inline-block;
	background-color: inherit;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 480px;
	margin: 0px 20px;
}
.big-images:first-child {
	margin-left: 0px;
}
.big-images:last-child {
	margin-right: 0px;
}
/*   MENÚ   */
.temp-menu, body {
	background-color: #EBEBEB !important;
}
.temp-menu h1 {
	width: 100%;
	font-size: 40px;
	text-align: center;
	font-family: "Montserrat";
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #A1A1A1;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.temp-menu h2 {
	width: 100%;
	font-size: 30px;
	margin: 0px;
	margin-top: 0px;
	text-align: center;
	font-family: "Montserrat";
	font-weight: 600;
	letter-spacing: 4px;
	font-style: normal;
	text-transform: uppercase;
	color: #707070;
}
#menu-banner {
	width: 100%;
	height: 350px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.menu-menu {
	text-decoration: none;
	list-style: none;
	text-align: center;
	overflow: hidden;
}
.menu-menu li {
	display: inline-block;
	text-transform: uppercase;
	border-right: 1px solid #b0b0b0;
	margin-top: 10px;
	line-height: 40px;
}
.menu-menu li:last-child {
	border-right: none;
}
.menu-menu a {
	min-width: 180px;
	line-height: 20px;
	display: inline-block;
	font-size: 16px;
	color: black;
}

.menu-entradas {
	text-align: left;
	width: 80%;
	margin: 0px 10%;
	display: none;
	position: absolute;
	background: #EBEBEB;
	padding-bottom: 200px;
}
.menu-entradas:first-child {
	display: block;
}
.menu-entradas h3, h4 {
	width: 92%;
	margin: 20px 4%;
	font-family: "Montserrat";
	font-weight: bold;
	font-style: normal;
	color: #BF1E2E;
	text-transform: uppercase;
}
.menu-entradas h4 {
	color: #A1A1A0;
}
.menu-entradas p {
	font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
    color: #231F20;
    width: 20%;
    margin: 20px 4%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.wp-block-verse {
	width: 70% !important;
	display: block;
	border: 2px #BF1E2E solid;
	padding: 15px 10%;
	margin: 10px auto;
	font-style: normal !important;
	font-family: "Avenir";
	white-space: normal;
	text-align: center;
}
.wp-block-quote {
	width: 70% !important;
	display: block;
	border: none;
	padding: 15px 10%;
	margin: 10px auto;
	font-style: normal !important;
	font-family: "Avenir";
	white-space: normal;
	text-align: center;
}
.wp-block-quote p {
	color: #888;
	width: 100%;
	text-align: center;
	margin: 0px 0px;
}

/*   CONTACTO   */
.temp-contacto {}

#sec-contacto {
	margin-top: 40px;
}
#sec-contacto div {
	display: inline-block;
}
#con-form {
	width: 40%;
	margin-left: 10%;
	margin-right: 0%;
	text-align: center;
	vertical-align: middle;
}

#con-f-form input {
	border: none;
	border-bottom: 1px solid #ccc;
	background: transparent;
	min-width: 400px;
	font-size: 16px;
	font-family: "Avenir";
	font-style: italic;
	margin-top: 20px;
}
#con-f-form label {
	font-size: 22px;
}
 #f-nombre { width: 422px;}
 #f-telefono { width: 417px;}
 #f-email {width: 441px;}
 
 #f-nombre.en { width: 435px;}
 #f-telefono.en { width: 396px; min-width: 396px;}
 #f-email.en {width: 435px;}
 
#con-f-form textarea {
	border: 1px solid #ccc;
	background: transparent;
	min-width: 480px;
	min-height: 200px;
	font-size: 16px;
	font-family: "Avenir";
	font-style: italic;
	margin-top: 20px;
	padding: 10px 10px;
}
#con-f-form #sub {
	display: block;
	margin: 10px auto;
	min-width: 0px;
	line-height: 35px;
	padding: 10px 0px;
	width: 200px;
	font-size: 25px;
	font-style: normal;
	border: 1px solid #ccc;
}
#con-f-form #sub, #con-f-form #sub:hover, #con-f-form #sub:focus, #con-f-form #sub:active, #con-f-form #sub:visited {
	min-width: 0px;
	line-height: 35px;
	padding: 10px 0px;
	width: 200px;
	font-size: 25px;
	font-style: normal;
	border: 1px solid #ccc;
}
#con-f-form #sub:active {
	background: rgba(0,0,0,0.4);
	color: black;
}
#con-f-form p {
	width: 100%;
	text-align: center;
	font-size: 24px;
}
#con-fotos {
	width: 40%;
	margin-right: 10%;
	vertical-align: middle;
}
#con-f-izq {
	width: 60%;
	text-align: right;
}
#con-f-der {
	width: 40%;
	text-align: left;
}

#cf-uno {
	width: 190px;
	height: 270px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px 15px 10px 0px;
	box-shadow: 20px 10px 0px white;
}
#cf-dos {
	width: 240px;
	height: 125px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 10px 45px 0px 0px;
	box-shadow: -20px 15px 0px white;
}
#cf-tres {
	width: 220px;
	height: 340px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 20px;
	box-shadow: 50px -20px 0px white;
}
/*   EVENTOS   */

.temp-eventos {}

.disappear {
	display: none;
}

#eve-contacto {
	margin-top: 140px;
}
#sec-eventos div {
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
}
.g-recaptcha div {
	display: block;
	vertical-align: top;
	margin-top: 0px !important;
	margin-left: auto;
	margin-right: auto;
}

#eve-form {
	width: 40%;
	margin-left: 10%;
	margin-right: 5%;
	text-align: center;
}
#eve-form p {
	font-size: 24px;
	margin-top: 100px;
}
#eve-f-form input {
	border: none;
	border-bottom: 1px solid #ccc;
	background: transparent;
	min-width: 50px;
	font-size: 16px;
	font-family: "Avenir";
	font-style: italic;
	margin-top: 20px;
}
#eve-f-form label {
	font-size: 22px;
}
 #e-empresa {width: 416px;}
 #e-nombre { width: 422px;}
 #e-telefono { width: 115px;}
 #e-email {width: 441px;}
 #e-cantidad {width: 294px;}
 #e-fecha {width: 355px;}
 #e-oficina {width: 115px;}
 #e-ext {width: 20px;}
 
 #e-empresa.en {width: 402px;}
 #e-nombre.en { width: 438px;}
 #e-telefono.en { width: 114px;}
 #e-email.en {width: 436px;}
 #e-cantidad.en {width: 360px;}
 #e-fecha.en {width: 368px;}
 #e-oficina.en {width: 115px;}
 #e-ext.en {width: 20px;}
 
#eve-f-form textarea {
	border: 1px solid #ccc;
	background: transparent;
	min-width: 480px;
	min-height: 200px;
	font-size: 22px;
	font-family: "Avenir";
	font-style: italic;
	margin-top: 0px;
	padding: 10px 10px;
}
#eve-f-form p {
	width: 100%;
	text-align: center;
	font-size: 24px;
}
#eve-f-form #sub, #eve-f-form #sub:hover, #eve-f-form #sub:focus, #eve-f-form #sub:active, #eve-f-form #sub:visited {
	display: block;
	margin: 10px auto;
	min-width: 0px;
	line-height: 35px;
	padding: 10px 0px;
	width: 200px;
	font-size: 25px;
	font-style: normal;
	border: 1px solid #ccc;
}
#eve-f-form #sub:active {
	background: rgba(0,0,0,0.4);
	color: black;
}
#eve-fotos {
	width: 40%;
	margin-right: 5%;
}
#eve-f-izq {
	width: 60%;
	text-align: right;
}
#eve-f-der {
	width: 40%;
	text-align: left;
}
#ef-uno {
	width: 220px;
	height: 340px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	top: 20px;
	margin: 0px 35px 0px 0px;
	box-shadow: -40px 20px 0px white;
}
#ef-dos {
	width: 305px;
	height: 200px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	left: 20px;
	margin: 0px 75px 0px 0px;
	box-shadow: -20px 15px 0px white;
}
#ef-tres {
	width: 260px;
	height: 155px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 20px;
	position: relative;
	left: 20px;
	box-shadow: 30px 20px 0px white;
}

/*  AVISO DE PRIVACIDAD  */

.temp-aviso {
	
}
.temp-aviso h1 {
	color: #A0A0A0;
	text-align: center;
	font-family: "Montserrat";
	font-weight: 600;
	letter-spacing: 4px;
	font-style: normal;
	text-transform: uppercase;
}
#av-aviso {
	width: 60%;
	margin: 0 auto;
	font-family: 'Montserrat';
    font-weight: 300;
    font-style: normal;
    text-align: center;
}
#av-aviso p {
    text-align: justify;
}

#av-aviso b {
	font-family: 'Montserrat';
    font-weight: 600;
    font-style: normal;
}
#av-logo {
	width: 50px;
	padding: 0px 10px;
	text-align: center;
	margin: 30px auto 100px;
}
#badge {
	position: absolute;
	float:right; 
	z-index: 999;
	top:180px;
	right: 50px;
	width: 200px;
	height: 200px;
}
.ot-dc-badge{
	background-size: contain;
	width: 200px;
	height: 200px;
}

/* BP 1300 a 1000 */
@media only screen and (max-width: 1300px) {
	body, html {
		width: 100%;
	}
	#Menu {
		font-size: 16px;
		line-height: 35px;
	}
	
	.Menu-Principal li {
		height: 30px;
		border-right: 1px solid white;
		width: 100px;
		text-align: center;
	}
	/*   INICIO   */
		#Galeria {
			height: 400px;
		}
			#Galeria div {
				height: 400px;
			}
		#Horarios {
			font-size: 13px;
			line-height: 15px;
			text-align: left;
		}
			#Horarios div {
				width: 230px;
				margin-top: 20px;
			}
			#Horarios div:first-child {
				margin-right: 0px;
			}
			#H-Logo {
				margin-right: 30px;
				padding: 0px;
			}
			#Horarios p {
				margin-left: 40px;
				width: 280px;
				
			}
			#H-sub1 {
				width: 70px !important;
				margin-top: 10px;
				margin-right: 10px;
				margin-left: 40px !important;
			}
			#H-sub2 {
				margin-right: 10px;
				margin-left: 30px;
			}
			#H-Highlight {
				font-weight: normal;
				font-style: normal;
				font-size: 20px;
			}
	/*   NOSOTROS   */
		.temp-nosotros p{
			font-family: 'Avenir';
		    font-weight: normal;
		    font-style: normal;
		    color: black !important;
		    font-size: 16px;
		}
		#nn-foto {
			width: 48%;
		}
			#nn-logo {
				position: relative;
				right: 120px;
				top: 25px;
				float: right;
				z-index: 10;
				width: 70px;
			}
			#nn-img {
				box-shadow: 80px 29px 0px white;
				min-width: 70%; min-height: 220px;
			}
		#nm-foto {
			width: 25%;
			vertical-align: middle;
		}
			#nm-img {
				box-shadow: 30px 29px 0px white;
				vertical-align: middle;
				min-width: 75%; min-height: 320px;
				margin-right: 20px;
			}
		#nos-zonadulce {
			top: -60px;
			padding-bottom: 150px;
		}
			#nz-foto {
				width: 50%;
			}
				#nz-img {
					margin-left: 30px;
					min-width: 100%; min-height: 350px;
				}
			#nz-texto {
				margin-left: 10%;
			}
	/*   GALERIA   */
		.temp-galeria {
		}
		#gal-banner {
			width: 100%;
			height: 400px;
		}

	/*   MENÚ   */
		#menu-banner {
			height: 250px;
		}
		.menu-menu li {
			display: inline-block;
			text-transform: uppercase;
			border-right: 1px solid #b0b0b0;
			margin-top: 10px;
			line-height: 30px;
			word-wrap: break-word;
		}
		.menu-menu li:last-child {
			border-right: none;
		}
		.menu-menu a {
			min-width: 10px;
			width: 135px;
			line-height: 15px;
			display: inline-block;
			font-size: 16px;
			color: black;
			vertical-align: middle;
		}
	/*   CONTACTO   */
		#con-f-form input {
			min-width: 300px;
		}
		#con-f-form label {
			font-size: 20px;
		}
		#f-nombre { width: 322px;}
		#f-telefono { width: 317px;}
		#f-email {width: 341px;}
		#con-f-form textarea {
			min-width: 380px;
			min-height: 200px;
		}
		#con-fotos {
			width: 40%;
			margin-right: 10%;
			vertical-align: middle;
			margin-bottom: 100px;
		}
		
		#cf-uno {
			width: 152px;
			height: 216px;
		}
		#cf-dos {
			width: 192px;
			height: 100px;
		}
		#cf-tres {
			width: 176px;
			height: 272px;
		}
	
	/* 	EVENTOS */
		.temp-eventos {}
		
		#eve-contacto {
			margin-top: 140px;
		}
		#sec-eventos div {
			display: inline-block;
			vertical-align: top;
			margin-top: 40px;
		}
		#eve-form {
			width: 50%;
			margin-left: 10%;
			margin-right: 5%;
			text-align: center;
		}
		
		#eve-f-form input {
			border: none;
			border-bottom: 1px solid #ccc;
			background: transparent;
			min-width: 40px;
			font-size: 15px;
			font-family: "Avenir";
			font-style: italic;
			margin-top: 20px;
		}
		#eve-f-form label {
			font-size: 20px;
		}
		#e-empresa {width: 401px;}
		 #e-nombre { width: 382px;}
		 #e-telefono { width: 105px;}
		 #e-email {width: 401px;}
		 #e-cantidad {width: 270px;}
		 #e-fecha {width: 320px;}
		 #e-oficina {width: 105px;}
		 #e-ext {width: 45px;}
		#eve-f-form textarea {
			border: 1px solid #ccc;
			background: transparent;
			min-width: 440px;
			min-height: 200px;
			font-size: 22px;
		}
		#eve-fotos {
			width: 25%;
			margin-right: 5%;
			margin-left: 5%
		}
		#eve-f-izq {
			width: 60%;
			text-align: right;
		}
		#eve-f-der {
			width: 40%;
			text-align: left;
		}
		#ef-uno {
			width: 176px;
			height: 272px;
			top: 20px;
			margin: 0px 35px 0px 0px;
			box-shadow: -40px 20px 0px white;
		}
		#ef-dos {
			width: 244px;
			height: 160px;
			left: 40px;
			margin: 0px 25px 0px 0px;
			box-shadow: -20px 15px 0px white;
		}
		#ef-tres {
			width: 208px;
			height: 124px;
			margin-left: 20px;
			left: 20px;
			box-shadow: 30px 20px 0px white;
		}
	#badge {
		position: absolute;
		float:right; 
		z-index: 999;
		top:120px;
		right: 50px;
		width: 130px;
		height: 130px;
	}
	.ot-dc-badge{
		background-size: contain;
		width: 130px;
		height: 130px;
	}
}




/* BP 1000 600 */
@media only screen and (max-width: 999px) {
	html,body {
		min-width: 100%;
	}
	#spaceinvader {
		height: 80px;
		width: 100%;
		clear: both;
	}
	#responsive-toggle {
		width: 25px;
		display: block !important;
		text-align: center;
		margin: 0px auto;
		float: right;
		position: fixed;
		right: 10px;
		top: 27px;
	}
	#Menu {
		display: none;
		min-width: 100%;
	}
	#Menu-Mobile {
		display: block;
		background: rgba(0,0,0,0.8);
		min-width: intrinsic;
		font-size: 24px;
		line-height: 28px;
		vertical-align: bottom;
		position: fixed;
		width: 100%;
		top:0;
		left: 0;
		z-index: 1000;
		text-align: center;
		height: 80px;
		overflow: hidden;
	}
	#ghost-link {
		display: block;
		width: 100%;
		height: 80px;
	}
	
	#Menu-Mobile a {
		color: white;
		display: block;
	}
	
	.mob-Menu-Principal {
		margin: 0px;
		margin-top: 10px;
		display: block;
		padding: 0px;
	}
	.mob-Menu-Principal ul, .mob-Menu-Principal li {
		list-style: none;
		display: block;
		padding: 0px;
		margin: 0px;
	}
	.mob-Menu-Principal li {
		height: 40px;
		border-right: none;
		width: 100%;
		text-align: center;
	}
	.mob-Menu-Principal li:first-child {
		border-left: none;
	}
	.mob-M-Social {
		width: 30px;
		vertical-align: bottom;
		margin: 0px 8px;
	}
	.mob-link-social {
		display: inline-block !important;
		margin-bottom: 20px;
		margin-top: 15px;
		vertical-align: middle;
	}
	#mob-Menu a:nth-child(3) {
		margin-left: 0px;
	}
	#mob-M-Logotipo {
		width: 20px;
		display: block;
		margin: 17px 20px 0px 20px;
		vertical-align: bottom;
	}
	#mob-alink {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1001;
		width: 60px;
	}
	#mob-Menu-Flag {
		display: inline-block;
		width: 30px;
		vertical-align: middle;
		padding: 0px 12px 3px;
	}
	#Footer {

	}
	#Footer a {
		color: #999;
	}
	
	/* 	INICIO MOBILE */
		.temp-inicio {
			width: 100%;
			min-width: 100%;
		}
		#Galeria {
			display: block;
			width: 100%;
			height: 500px;
		}
			#Galeria div {
				height: 500px;
			}
			/*	#Galeria div p {
				}
			.bolitas {
			}
			.super-bolita {
			} */
			
		#SubSeccion {
			width: 100%;
			height: auto;
			padding-bottom: 20px;
			margin-bottom: 30px;
		}
			#Horarios {
				font-family: "Montserrat";
				font-weight: 300;
				font-style: normal;
				font-size: 14px;
				line-height: 19px;
				width: 100%;
				height: auto;
				padding-bottom: 50px;
				display: block;
				text-align: left;
				vertical-align: top;
				box-shadow: 6px 0px 10px rgba(0,0,0,0.2);
				position: relative;
				z-index: 100;
				color: #666;
			}
				#Horarios div {
					margin: 20px auto;
					margin-top: 30px;
					display: inline-block;
					vertical-align: bottom;
					text-align: left;
					width: auto;
				}
				#Horarios div:first-child {
					margin-right: 10px;
					width: 50px;
				}
				#H-sub1 {
					margin-left: 7% !important;
					padding: 0px;
					width: auto !important;
				}
				#Horarios p {
					width: auto;
					text-align: left;
					margin: 0px  0px;
					margin-left: 7%;
					vertical-align: middle;
				}
				#Horarios p a{
					vertical-align: middle;
					
				}
				#H-Logo {
					width: 50px;
					padding: 0px 0px;
					margin-right: 0px;
				}
				#H-Highlight {
					font-weight: normal;
					font-style: normal;
					font-size: 22px;
				}
			#Mapa {
				width: 100%;
				height: 400px;
				display: block;
			}
	
	/* 	NOSOTROS MOBILE */
		.temp-nosotros h1{
		    letter-spacing: 2px;
		    font-size: 40px;
		}
		.temp-nosotros p{
		    font-size: 18px;
		    line-height: 34px;
		}
		#nos-nosotros {
			width: 100%;
			margin-top: 40px;
			background: #EBEBEB;
		}
			#nos-nosotros div {
				display: block;
				width: 100%;
				margin: 20px 0px;
			}
			
				#nn-logo {
					position: relative;
					right: 3%;
					top: 45px;
					float: right;
					z-index: 10;
					width: 100px;
				}
				#nn-img {
					box-shadow: 80px 29px 0px white;
					min-width: 80%; min-height: 320px;
				}
			#nn-texto {
				padding-top: 20px;
				height: auto;
				vertical-align: top;
				text-align: justify;
				text-align-last: right;
				-ms-text-align-last: right;
				-moz-text-align-last: right;
			}
				#nn-texto h1 { letter-spacing: 8px; text-align: right; width: 80%; margin: 30px auto;}
				#nn-texto p { width: 80%; margin: auto; text-align: justify; }
		#nos-middle {
			width: 100%;
			margin-bottom: 160px;
		}
			#nos-middle div {
				display: block;
				width: 100%;
				margin: 100px auto;
			}
			#nm-texto {
				vertical-align: middle;
				position: relative;
				top: 500px;
			}
				#nm-texto p {
					width: 80%;
					text-align: justify;
					margin-left: auto;
					margin-right: auto;
					vertical-align: middle;
					position: relative;
					top: -0px;
				}
			#nm-foto {
				position: relative;
				top: -180px;
				vertical-align: middle;
			}
				#nm-img {
					box-shadow: 30px 29px 0px white;
					vertical-align: middle;
					min-width: 100%; min-height: 420px;
					margin-right: 0px;
				}
				
		#nos-zonadulce {
			background: #EBEBEB;
			position: relative;
			top: -100px;
			z-index: 1;
			padding-bottom: 150px;
			text-align: left;
		}
			#nos-zonadulce div {
				display: block;
				width: 100%;
			}
			#nz-foto {}
				#nz-img {
					margin-left: 0px;
					box-shadow: -35px 20px 0px white;
					min-width: 100%; min-height: 360px;
				}
			#nz-texto {
				margin-left: auto;
				width: 100%;
				position: relative;
				top: 0px;
			}
				#nz-texto h1 {
					position: relative;
					width: 80%;
					margin: 80px auto 30px;
					text-align: left;
					text-indent: 0px;
		 			font-size: 40px;
					line-height: 35px;
				}
				#nz-texto p {
					width: 80%;
					text-align: justify;
					text-align-last: right;
					-ms-text-align-last: right;
					-moz-text-align-last: right;
					position: relative;
					margin: auto;
				}
	/* 	GALERIA MOBILE */
	.temp-galeria {
		width: 100%;
		margin: 0px;
	}
	#gal-banner {
		display: none;
	}
	#gal-galeria {
		display: none;
	}
	#gal-galeria-mob {
		display: block;
	}
	#gal-menu-mob {
		display: block;
	}
	/* 	MENU MOBILE */
		.temp-menu, body {
			background-color: #EBEBEB !important;
		}
		.temp-menu h1 {
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.temp-menu h2 {
			font-size: 25px;
			width: 80%;
			margin: 30px 10%;
			margin-top: 20px;
			letter-spacing: 6px;
		}
		#menu-banner {
			width: 100%;
			height: 380px;
		}
		.menu-menu {
			padding: 0px;
		}
		.menu-menu li:nth-child(2n+2) {
			border-right: none;
		}
		.menu-menu li {
			margin-top: 0px;
			line-height: 40px;
			text-align: center;
		}
		.menu-menu a {
			min-width: 150px;
			line-height: 20px;
			font-size: 16px;
		}
		
		.menu-entradas {
			text-align: left;
			width: 80%;
			margin: 20px 10%;
			display: none;
			position: absolute;
			background: #EBEBEB;
			padding-bottom: 200px;
		}
		.menu-entradas:first-child {
			display: block;
		}
		.menu-entradas h3, h4 {
			width: 90%;
			margin: 20px 5% 20px;
			text-align: center;
		}
		
		.menu-entradas h3, .menu-entradas h4 {
			width: 90%;
			margin: 80px 5% 20px;
			text-align: center;
		}
		.menu-entradas h3:first-child, .menu-entradas h4 {
			margin-top: 20px;
		}

		.menu-entradas p {
		    width: 90%;
		    margin: 20px 5%;
		    display: inline-block;
		    text-align: center;
		}
		.wp-block-verse {
			width: 90% !important;
			padding: 15px 5%;
			margin: 10px auto;
		}
		.wp-block-quote {
			width: 90% !important;
			display: block;
			border: none;
			padding: 15px 5%;
			margin: 10px auto;
		}
		.wp-block-quote p {
			color: #888;
			width: 100%;
			text-align: center;
			margin: 0px 0px;
		}
	/* 	CONTACTO MOBILE */
		.temp-contacto {}
		
		#sec-contacto {
			margin-top: 40px;
		}
		#sec-contacto div {
			display: block;
		}
		#con-form {
			width: 100%;
			margin-left: 0%;
			margin-right: 0%;
		}
		
		#con-f-form input {
			min-width: 100px ;
			font-size: 16px;
			margin-top: 20px;
		}
		#con-f-form label {
			font-size: 22px;
		}
		 #f-nombre { width: 212px ;}
		 #f-telefono { width: 207px ;}
		 #f-email {width: 235px ;}
		 
		 #f-nombre.en { width: 235px ;}
		 #f-telefono.en { width: 196px ; min-width: 196px ;}
		 #f-email.en {width: 235px ;}
		 
		#con-f-form textarea {
			min-width: 280px;
			min-height: 200px;
			font-size: 16px;
			margin-top: 20px;
			padding: 10px 10px;
		}
		#con-f-form #sub {
			min-width: 0px;
			line-height: 35px;
			padding: 10px 0px;
			width: 300px;
		}
		#con-f-form #sub, #con-f-form #sub:hover, #con-f-form #sub:focus, #con-f-form #sub:active, #con-f-form #sub:visited {
			min-width: 0px;
			line-height: 35px;
			padding: 10px 0px;
			width: 300px;
			font-size: 25px;
			font-style: normal;
			border: 1px solid #ccc;
		}
		#con-f-form p {
			width: 60%;
			text-align: center;
			font-size: 24px;
			margin: 40px 20%;
		}
		#con-fotos {
			width: 100%;
			margin-right: 0%;
			margin-top: 40px;
			margin-bottom: 50px;
			vertical-align: middle;
		}
		#con-f-izq {
			width: 100%;
			text-align: right;
		}
		#con-f-der {
			width: 100%;
			text-align: left;
		}
		
		#cf-uno {
			width: 100%;
			height: 270px;
			margin: 0px;
			box-shadow: none;
		}
		#cf-dos {
			width: 100%;
			height: 325px;
			margin: 0px;
			box-shadow: none;
		}
		#cf-tres {
			width: 100%;
			height: 240px;
			margin: 0px;
			box-shadow: none;
		}

	/* 	EVENTOS MOBILE */
		.temp-eventos {}
		.disappear {
			display: block;
		}
		#eve-contacto {
			margin-top: 140px;
		}
		#sec-eventos div {
			display: block;
			vertical-align: top;
			margin-top: 40px;
		}
		#eve-form {
			width: 100%;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 80px;
			text-align: center;
		}
		#eve-form p {
			width: 80%;
			text-align: center;
			font-size: 24px;
			margin: 40px 10% 20px;
		}
		
		#eve-f-form input {
			min-width: 50px;
			font-size: 16px;
			margin-top: 20px;
		}
		#eve-f-form label {
			font-size: 22px;
		}
		 #e-empresa {width: 210px;}
		 #e-nombre { width: 213px;}
		 #e-telefono { width: 208px;}
		 #e-email {width: 233px;}
		 #e-cantidad {width: 88px;}
		 #e-fecha {width: 145px;}
		 #e-oficina {width: 120px;}
		 #e-ext {width: 24px;}
		 
		 #e-empresa.en {width: 202px;}
		 #e-nombre.en { width: 238px;}
		 #e-telefono.en { width:195px;}
		 #e-email.en {width: 236px;}
		 #e-cantidad.en {width: 160px;}
		 #e-fecha.en {width: 168px;}
		 #e-oficina.en {width: 135px; }
		 #e-ext.en {width: 20px;}
		 
		#eve-f-form textarea {
			border: 1px solid #ccc;
			background: transparent;
			min-width: 280px;
			min-height: 200px;
			font-size: 22px;
			font-family: "Avenir";
			font-style: italic;
			margin-top: 20px;
			padding: 10px 10px;
		}
		#eve-f-form p {
			width: 100%;
			text-align: center;
			font-size: 24px;
		}
		#eve-f-form #sub, #eve-f-form #sub:hover, #eve-f-form #sub:focus, #eve-f-form #sub:active, #eve-f-form #sub:visited {
			display: block;
			margin: 10px auto;
			min-width: 0px;
			line-height: 35px;
			padding: 10px 0px;
			width: 303px;
			font-size: 25px;
			font-style: normal;
			border: 1px solid #ccc;
		}
		#eve-f-form #sub:active {
			background: rgba(0,0,0,0.4);
			color: black;
		}
		#eve-fotos {
			width: 100%;
			margin: 0px !important;
		}
		#eve-f-izq {
			width: 100%;
			text-align: right;
			margin: 0px !important;
		}
		#eve-f-der {
			width: 100%;
			text-align: left;
			margin: 0px !important;
		}
		#ef-uno {
			width: 100%;
			height: 340px;
			top: 0px;
			margin: 0px !important;
			box-shadow: none;
		}
		#ef-dos {
			width: 100%;
			height: 200px;
			left: 0px;
			margin: 0px !important;
			box-shadow: none;
		}
		#ef-tres {
			width: 100%;
			height: 155px;
			margin: 0px !important;
			left: 0px;
			box-shadow: none;
		}
	/*	AVISO MOBIL */
		.temp-aviso {
			
		}
		.temp-aviso h1 {
			color: #A0A0A0;
			text-align: center;
			font-family: "Montserrat";
			font-weight: 600;
			letter-spacing: 4px;
			font-style: normal;
			text-transform: uppercase;
		}
		#av-aviso {
			width: 80%;
			margin: 0 auto;
			font-family: 'Montserrat';
		    font-weight: 300;
		    font-style: normal;
		    text-align: center;
		}
		#av-aviso p {
		    text-align: justify;
		}
		
		#av-aviso b {
			font-family: 'Montserrat';
		    font-weight: 600;
		    font-style: normal;
		}
		#av-logo {
			width: 50px;
			padding: 0px 10px;
			text-align: center;
			margin: 30px auto 100px;
		}
	#badge {
		position: absolute;
		float:right; 
		z-index: 999;
		top:100px;
		right: 30px;
		width: 100px;
		height: 100px;
	}
	.ot-dc-badge{
		background-size: contain;
		width: 100px;
		height: 100px;
	}
	
}