/* CSS Document */
@font-face {
    font-family: "Ailerons";
    src: url(../fonts/Ailerons.otf) format("opentype");
}
@font-face {
    font-family: "ADONAIS";
    src: url(../fonts/ADONAIS.ttf) format("truetype");
}


/* latin */
@font-face {
  font-family: "Carter One";
  font-style: normal;
  font-weight: 400;
  src: local("Carter One"), local("CarterOne"), url(https://fonts.gstatic.com/s/carterone/v9/q5uCsoe5IOB2-pXv9UcNExN8hA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans */
@font-face {
    font-family: "Open Sans Light";
    src: url(../fonts/OpenSans-Light.ttf) format("truetype");
}
@font-face {
    font-family: "Open Sans";
    src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Open Sans SemiBold";
    src: url(../fonts/OpenSans-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: "Open Sans Bold";
    src: url(../fonts/OpenSans-Bold.ttf) format("truetype");
}
@font-face {
    font-family: "Open Sans Extrabold";
    src: url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");
}

/* Kalam */
@font-face {
    font-family: "Kalam Light";
    src: url(../fonts/Kalam-Light.ttf) format("truetype");
}
@font-face {
    font-family: "Kalam Regular";
    src: url(../fonts/Kalam-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Kalam Bold";
    src: url(../fonts/Kalam-Bold.ttf) format("truetype");
}

/* Rock Salt */
@font-face {
    font-family: "Rock Salt";
    src: url(../fonts/RockSalt-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "NiveauGroteskBlack";
    src:  url(../../fonts/NiveauGroteskBlack.ttf) format("truetype");
}
@font-face {
    font-family: "NiveauGroteskBold";
    src:  url(../../fonts/NiveauGroteskBold.ttf) format("truetype");
}
@font-face {
    font-family: "NiveauGroteskExtraLight";
    src:  url(../../fonts/NiveauGroteskExtraLight.ttf) format("truetype");
}
@font-face {
    font-family: "NiveauGroteskLight";
    src:  url(../../fonts/NiveauGroteskLight.ttf) format("truetype");
}
@font-face {
    font-family: "NiveauGroteskMedium";
    src:  url(../../fonts/NiveauGroteskMedium.ttf) format("truetype");
}
@font-face {
    font-family: "NiveauGroteskRegular";
    src:  url(../../fonts/NiveauGroteskRegular.ttf) format("truetype");
}

/*ArchivoBlack*/
@font-face {
    font-family: "ArchivoBlack";
    src: url(../fonts/ArchivoBlack.ttf) format("truetype");
}

/*Whyte*/
@font-face {
    font-family: 'Whyte Italic';
    src: url('../fonts/Whyte/Whyte-Italic.eot');
    src: local('Whyte Italic'), local('Whyte-Italic'),
        url('../fonts/Whyte/Whyte-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Italic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Italic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte ExtraLightItalic';
    src: url('../fonts/Whyte/Whyte-ExtraLightItalic.eot');
    src: local('Whyte ExtraLight Italic'), local('Whyte-ExtraLightItalic'),
        url('../fonts/Whyte/Whyte-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte Book';
    src: url('../fonts/Whyte/Whyte-Book.eot');
    src: local('Whyte Book'), local('Whyte-Book'),
        url('../fonts/Whyte/Whyte-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Book.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Book.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte HeavyItalic';
    src: url('../fonts/Whyte/Whyte-HeavyItalic.eot');
    src: local('Whyte Heavy Italic'), local('Whyte-HeavyItalic'),
        url('../fonts/Whyte/Whyte-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-HeavyItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-HeavyItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte Regular';
    src: url('../fonts/Whyte/Whyte-Regular.eot');
    src: local('Whyte Regular'), local('Whyte-Regular'),
        url('../fonts/Whyte/Whyte-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Regular.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Regular.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte Super';
    src: url('../fonts/Whyte/Whyte-Super.eot');
    src: local('Whyte Super'), local('Whyte-Super'),
        url('../fonts/Whyte/Whyte-Super.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Super.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Super.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Super.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte LightItalic';
    src: url('../fonts/Whyte/Whyte-LightItalic.eot');
    src: local('Whyte Light Italic'), local('Whyte-LightItalic'),
        url('../fonts/Whyte/Whyte-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-LightItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-LightItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte BookItalic';
    src: url('../fonts/Whyte/Whyte-BookItalic.eot');
    src: local('Whyte Book Italic'), local('Whyte-BookItalic'),
        url('../fonts/Whyte/Whyte-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-BookItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-BookItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte Heavy';
    src: url('../fonts/Whyte/Whyte-Heavy.eot');
    src: local('Whyte Heavy'), local('Whyte-Heavy'),
        url('../fonts/Whyte/Whyte-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Heavy.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Heavy.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte Super SuperItalic';
    src: url('../fonts/Whyte/Whyte-SuperItalic.eot');
    src: local('Whyte Super Italic'), local('Whyte-SuperItalic'),
        url('../fonts/Whyte/Whyte-SuperItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-SuperItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-SuperItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-SuperItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte MediumItalic';
    src: url('../fonts/Whyte/Whyte-MediumItalic.eot');
    src: local('Whyte Medium Italic'), local('Whyte-MediumItalic'),
        url('../fonts/Whyte/Whyte-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-MediumItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-MediumItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte Bold';
    src: url('../fonts/Whyte/Whyte-Bold.eot');
    src: local('Whyte Bold'), local('Whyte-Bold'),
        url('../fonts/Whyte/Whyte-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Bold.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Bold.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte Black';
    src: url('../fonts/Whyte/Whyte-Black.eot');
    src: local('Whyte Black'), local('Whyte-Black'),
        url('../fonts/Whyte/Whyte-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Black.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Black.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte BlackItalic';
    src: url('../fonts/Whyte/Whyte-BlackItalic.eot');
    src: local('Whyte Black Italic'), local('Whyte-BlackItalic'),
        url('../fonts/Whyte/Whyte-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-BlackItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-BlackItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte ExtraLight';
    src: url('../fonts/Whyte/Whyte-ExtraLight.eot');
    src: local('Whyte ExtraLight'), local('Whyte-ExtraLight'),
        url('../fonts/Whyte/Whyte-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-ExtraLight.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-ExtraLight.woff') format('woff'),
        url('../fonts/Whyte/Whyte-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte Light';
    src: url('../fonts/Whyte/Whyte-Light.eot');
    src: local('Whyte Light'), local('Whyte-Light'),
        url('../fonts/Whyte/Whyte-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Light.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Light.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte Medium';
    src: url('../fonts/Whyte/Whyte-Medium.eot');
    src: local('Whyte Medium'), local('Whyte-Medium'),
        url('../fonts/Whyte/Whyte-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Medium.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Medium.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Whyte BoldItalic';
    src: url('../fonts/Whyte/Whyte-BoldItalic.eot');
    src: local('Whyte Bold Italic'), local('Whyte-BoldItalic'),
        url('../fonts/Whyte/Whyte-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-BoldItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-BoldItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte ThinItalic';
    src: url('../fonts/Whyte/Whyte-ThinItalic.eot');
    src: local('Whyte Thin Italic'), local('Whyte-ThinItalic'),
        url('../fonts/Whyte/Whyte-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-ThinItalic.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-ThinItalic.woff') format('woff'),
        url('../fonts/Whyte/Whyte-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Whyte Thin';
    src: url('../fonts/Whyte/Whyte-Thin.eot');
    src: local('Whyte Thin'), local('Whyte-Thin'),
        url('../fonts/Whyte/Whyte-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Whyte/Whyte-Thin.woff2') format('woff2'),
        url('../fonts/Whyte/Whyte-Thin.woff') format('woff'),
        url('../fonts/Whyte/Whyte-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

body { 
	width:100%; margin: 0; padding: 0; font-family: "Open Sans"; color:#333; background-color:#fff;
}

.Menu{
	width:100%;
	height:60px;
	font-size:18px;
	text-transform: uppercase;
	font-family: "Open Sans Light";
	background-color:#000;
	padding: 3px 0;
}
#Logo_Index{
	width:97%;
	font-family: "ADONAIS";
	font-size:40px;
	color:#fff;
	padding-top:11px;
	padding-left:3%;
}
#Logo_Index img{
	width:90%;
	max-width:189px;
	margin-top:-6px;
	cursor:pointer;
}
/*#Logo_Index img:hover{
	-webkit-filter: invert(100%);  
	-moz-filter: invert(100%); 
	-ms-filter: invert(100%); 
	-o-filter: invert(100%);  
}*/
#Menu_RedesSociales{
	width:90%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-align:center;
}
#Menu_RedesSociales img{
	width:25px;	
	margin-left:10px;
	transition: all .5s;
}
#Menu_RedesSociales img:hover{
	-webkit-filter: invert(100%);  /* Chrome - Safari */
	-moz-filter: invert(100%);  /* Firefox */
	-ms-filter: invert(100%); /* IE9 */
	-o-filter: invert(100%);  /* Opera */
}

.Menu_PC{
	/*position:absolute;*/
	max-width:1000px;
	max-width:fit-content;
	right:0;
	margin: 0 auto;
	margin-top:-42px;
	z-index: 99;
}

.Menu_PC ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.Menu_PC li { float: left;	}

.Menu_PC li a {
    display: inline-block;
    text-align: center;
	color: #fff;
    padding: 5px 21px;/*padding: 21px 21px;*/
    text-decoration: none;
	transition: all .5s;
}
.Menu_PC li a:hover, .Menu_dropdown:hover  {
	text-decoration:none;
	color:#e2b22b;
	/*text-shadow: 0px 0px 3px #fff;*/
	/*font-weight:bold;*/
}
.Menu_PC li .Dropdown_Content a{
	text-shadow: 0px 0px 0px #fff;
	font-weight:normal;
}

#Menu_Comprar a{
	color:#fff;
	background-color:#000000;
	text-align:center;
	transition: all .5s;
}
#Menu_Comprar a:hover{ color:#e49cab; }

.Dropdown_Content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color:#333;
}
.Menu_PC .Dropdown_Content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
   	text-align: left;
	text-shadow: 0px 0px 0px #000;
	transition: all .5s;
}
.Menu_PC .Dropdown_Content a:hover { background-color: #000; color:#fff; }


.Menu_dropdown:hover .Dropdown_Content {
   	display: block;
}

.Alert_Notificaciones{
	width: 23px;
	position: absolute;
	margin-left: -3px;
	margin-top: -5px;
	cursor: pointer;
}
.Alert_Notificaciones img,.Alert_Notificaciones_Movil img{
	width: 100%;
}
.No_Notificaciones{
	height: 15px;
	width: 15px;
	font-size: 10px;
	font-family: "Open Sans Bold";
	color: red;
	position: absolute;
	margin-top: -30px;
	margin-left: 14px;
	background-color: white;
	text-align: center;
	border-radius: 100px;
	z-index: 100;
}
.Alert_Notificaciones_Movil{
	width: 23px;
	position: absolute;
	top: 10px;
	right: 45px;
	display: none;
	cursor: pointer;
}

.Img_Notificacion{
	width: 90%;
	max-width: 500px; 
}
	
/*********Menú móvil*********/
	
.Menu_Movil{
	display:none;
	cursor:pointer;
	margin-top:-33px;
	float:right;
	margin-right:15px;
}
	
.Menu_Movil div{
	background-color:#fff;	
	height:3px;
	width:20px;
	margin-bottom:3px;
	border-radius:10px;
}
@media only screen and (max-width:1480px) {
	.Menu{ font-size:18px; }
	.Menu_PC{
		margin-top:-41px;
	}
}
@media only screen and (max-width:1445px) {
	.Menu_Movil{ display:block; }
		
	.Menu_PC{
		display: none;
		position:absolute;
		right:0px;
		background-color:#000;
		margin-top:5px;
		width:100%;
		max-width:100%;
		padding-top:0px;
		border-top:none;
	}
	
	.Menu_PC li { float:none;	}
	
	.Menu_PC li a {
	    display: inline-block;
	    color: white;
	    text-align: center;
		width:100%;
	    padding-top:20px;
		padding-bottom:20px;
		padding-left:0px;
    	text-decoration: none;
		/*text-shadow: 0px 0px 0px #000;*/
	}
	
	.Menu_PC li a:hover{
		text-decoration:none;
		color:#000;
		background-color:#fff;
		width:100%;
		text-align:center;
		text-shadow: 0px 0px 0px #fff;
		font-weight:normal;
		transition: all .5s;
	}
	
	.Menu_dropdown:hover  {
		background-color:#fff;
	}
	
	
	.Dropdown_Content {
		margin-top:0px;
		width:80%;
	}
	.Menu_PC .Dropdown_Content a {
	    padding: 12px 3%;
		text-align:center;
		transition: all .5s;
	}
	.Menu_PC .Dropdown_Content a:hover { width:94%; }
	
	/*
	.Menu:hover .Menu_PC {
   		display: block;
	}	
	*/	
	
	.Alert_Notificaciones{ display: none; }
	.Alert_Notificaciones_Movil{ display: inline; }
}
@media only screen and (max-width: 440px) {
	#Menu{
		height:50px;
	}
	#Logo_Index{
		font-size:30px;
		padding-top:13px;
	}
	#Logo_Index img{
		width:auto;
		height:37px;
		margin-top:-6px;
	}
	.Menu_Movil{
		margin-top:-26px;
	}
}
@media only screen and (max-width: 330px) {
	#Menu{
		height:45px;
	}
	#Logo_Index{
		font-size:25px;
	}
	#Logo_Index img{
		width:auto;
		height:35px;
		margin-top:-6px;
	}
	.Menu_Movil{
		margin-top:-27px;
	}
}
/*****************************Inicio*****************************************/

h1 { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
}
@media only screen and (max-width:500px) {
	h1 { 
    	font-size: 1.8em;
	}
}

.Inicio_Bloque{
	width:100%;
	padding:30px 0%;
}

.Titulos{
	/*font-family: "Ailerons";*/
	font-size:60px;
	color:#000;
	text-align:center;
}
.Titulos_2{
	/*font-family: "Ailerons";*/
	font-size:50px;
	color:#000;
	text-align:center;
}
.Titulos_Izq_sub{
	text-align:justify; margin-left:5%; text-decoration:underline;
}
.Titulos_Linea{
	height:2px;
	width:40%;
	margin: 0 auto;
	margin-top:20px;
	background-color:#000;
}
.Titulos_Linea_Blanca{
	height:2px;
	width:40%;
	margin: 0 auto;
	margin-top:20px;
	background-color:#fff;
}
.Titulos_Linea_Amarilla{
	height:2px;
	width:40%;
	margin: 0 auto;
	margin-top:20px;
	background-color:#e2b22b;
}
.Textos{
	width:90%;
	margin: 0 auto;
	margin-top:30px;
	font-family: "Open Sans";
	font-size:22px;
	text-align:justify;
	overflow: hidden;
}
.Textos_2{
	width:90%;
	margin: 0 auto;
	margin-top:30px;
	font-family: "Open Sans";
	font-size:18px;
	text-align:center;
}
.Textos_Width_800{
	width: 90%;
	max-width: 800px;
}
.Clases_Fechas{
	width: 90%;
	max-width: 360px;
	margin: 2px auto;
	padding: 5px 0;
	/*border: 1px solid #115829;*/
	color: #fff;
	background-color:#115829; 
	font-size: 16px;
	border-radius: 3px;
}
.Clases_Fechas_Blancas{
	width: 90%;
	max-width: 360px;
	margin: 2px auto;
	padding: 5px 0;
	border: 1px solid #fff;
	color: #fff;
	font-size: 13px;
}
.Clases_Fechas_Amarillas{
	width: 90%;
	max-width: 360px;
	margin: 2px auto;
	padding: 5px 0;
	border: 1px solid #e2b22b;
	color: #fff;
	font-size: 13px;
}
@media only screen and (max-width:1150px) {
	.Titulos{
		font-size:50px;
	}
	.Titulos_2{
		font-size:40px;
	}
	.Textos{
		font-size:20px;
	}
	.Textos_2{
		font-size:16px;
	}
}
@media only screen and (max-width:850px) {
	.Titulos{
		font-size:40px;
	}
	.Titulos_2{
		font-size:30px;
	}
	.Textos{
		font-size:18px;
	}
	.Textos_2{
		font-size:14px;
	}
	h2{
		font-size:24px;
	}
}
@media only screen and (max-width:550px) {
	.Titulos{
		font-size:30px;
	}
	.Titulos_2{
		font-size:28px;
	}
	.Textos{
		font-size:16px;
	}
	.Textos_2{
		font-size:14px;
	}
	h2{
		font-size:20px;
	}
}
@media only screen and (max-width:360px) {
	.Titulos{
		font-size:28px;
	}
	.Titulos_2{
		font-size:25px;
	}
	.Textos{
		font-size:15px;
	}
	.Textos_2{
		font-size:14px;
	}
	h2{
		font-size:18px;
	}
}

.Instructor_Img_Cont{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	width: 90%;
	max-width: 350px;
}
.Instructor_Img_Cont_2{
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	width: 90%;
	max-width: 300px;
}
.Instructor_Img{ width: 100%; border-radius: 20px; }
.Instructor_Titulos{
	font-family: "Open Sans Bold";
	font-size:30px;
	color:#000;
	margin-bottom: 15px;
	text-transform: uppercase;
}
@media only screen and (max-width:750px) {
	.Instructor_Img_Cont,.Instructor_Img_Cont_2{
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
		max-width: none;
	}
	.Instructor_Img{ width: 100%; max-width: 300px; }
	.Instructor_Titulos{
		text-align: center;
		font-size:25px;
		margin-top: 20px;
	}
}
@media only screen and (max-width:500px) {
	.Instructor_Titulos{
		font-size:22px;
	}
}

.Img_Expedicion_Reseña{
	width:100%;
	max-width:1300px;
	text-align:center;
	margin:50px auto;
}
.Img_Expedicion_Reseña img{
	width:100%;
}
.Img_100{
	width:100%;
	margin-top:0px;
}

.Tipo_Expediciones{
	margin-top:60px;
	margin-bottom:30px;
}

#Proximas_Expediciones{
	width:100%;
	display:table;
	text-align:center;
	margin-top:0px;
	background-image: url(../images2018/Slide/Paisaje_PicoOrizaba.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
}
.Proxima_Expedicion{
	width:33.3%;
	max-width:640px;
	display:inline-table;
	vertical-align:top;
	font-size:14px;
	cursor:pointer;
	transition: all .5s;
}
.Proxima_Expedicion:hover img{
	-webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}
.Proxima_Expedicion img{
	width:100%;
}

.Proxima_Expedicion_Borrar {
	position:absolute;
	margin-top: -60px;
	margin-left: 60px;
}
.Proxima_Expedicion_Borrar button{
	position:absolute;
	margin-top:10px;
	cursor:pointer;
	width:40px;
	height:40px;
	padding: 0;
	background: transparent;
	margin-left: -50px;
}
.Proxima_Expedicion_Borrar button:hover{
	background: transparent;
}

.Prox_Exped_Pleca_Rel{
	background-color: #000;
	width:98%;
	height:fit-content;
	padding: 10px 1%;
	margin-top:-3px;
	color:#fff;
	text-align:left;
	overflow:hidden;
}
.Img_Mosaico_Mini{
	width:20%;
	max-width:300px;
	display:inline-table;
	vertical-align:top;
	font-size:14px;
	cursor:pointer;
	transition: all .5s;
}
.Img_Mosaico_Mini:hover img{
	-webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}
.Img_Mosaico_Mini img{
	width:100%;
}

.Prox_Exped_Pleca{
	background-image:url(../images2018/Negro_75.png);
	position:absolute;
	width:31.3%;
	height:fit-content;
	padding: 10px 1%;
	margin-top:-150px;
	color:#fff;
	text-align:left;
	overflow:hidden;
}
@media only screen and (max-width:850px) {
	.Proxima_Expedicion,.Img_Mosaico_Mini{
		width:50%;
	}
	.Prox_Exped_Pleca{
		width:48%;
	}
}
@media only screen and (max-width:600px) {
	.Proxima_Expedicion,.Img_Mosaico_Mini{
		width:100%;
	}
	.Prox_Exped_Pleca{
		width:98%;
	}
}
.Pleca_Izq{
	float:left;
}
.Pleca_Tit{
	font-family: "Ailerons";
	font-size:28px;
	letter-spacing:-3;
}
.Pleca_Fecha{
	font-size:18px;
}
.Pleca_Nota{
	font-family: "Open Sans";
	font-size:12px;
}
.Pleca_Der{
	position:absolute;
	right:3%;
}
.Pleca_Duracion{
	font-size:16px;
	text-align:right;
}
.Pleca_Precio{
	font-size:18px;
	margin-top:10px;
}
.Proxima_Expedicion_Bot{
	color: #fff;
	font-size: 12px;
}
@media only screen and (max-width:1180px) {
	.Prox_Exped_Pleca{
		margin-top:-120px;
	}
	.Pleca_Tit{
		font-size:24px;
	}
	.Pleca_Fecha{
		font-size:16px;
	}
	.Pleca_Duracion{
		font-size:16px;
	}
	.Pleca_Precio{
		font-size:16px;
		margin-top:8px;
	}
}
@media only screen and (max-width:600px) {
	.Prox_Exped_Pleca{
		margin-top:-110px;
	}
	.Pleca_Tit{
		font-size:24px;
	}
	.Pleca_Fecha{
		font-size:16px;
	}
	.Pleca_Duracion{
		font-size:16px;
	}
	.Pleca_Precio{
		font-size:18px;
		margin-top:10px;
	}
}

#Blog_Posts{
	width:100%;
	display:table;
	text-align:center;
	margin-top:50px;
}
.article{
	width:23%;
	max-width:640px;
	display:inline-table;
	vertical-align:top;
	margin-top:35px;
	font-size:14px;
	margin: 0 1%;
	box-sizing:content-box;
	transition: all .5s;
}
.article:hover{
	-webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}
.article img{
	width:100%;
	height:60%;
}
.Blog_Pleca{
	background-color:#000;
	color:#fff;
	padding: 5px 10px;
	cursor:pointer;
}
.article a{
	text-decoration:none;
}
@media only screen and (max-width:1550px) {
	.article{
		width:31.3%;
	}
}
@media only screen and (max-width:1130px) {
	.article{
		width:48%;
	}
}
@media only screen and (max-width:500px) {
	.article{
		width:98%;
	}
	.article img{
		height:90%;
	}
	.Blog_Pleca{
		font-size:12px;
	}
}


.Formulario_Contacto{
	width:94%;
	padding:120px 3%;
	overflow:hidden;
	background-image:url(../images2018/Slide/Chica_NevadoToluca.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size:cover;
	text-shadow: 0px 0px 3px #000;
	/*margin-top:50px;*/
	/*color:#fff;*/
}
@media only screen and (max-width:800px) {
	.Formulario_Contacto{
		background-image:url(../images2018/Slide/Chica_NevadoToluca_2.jpg);
	}
}
#Img_Contacto{
	float:left;
	/*width:50%;*/
	width:600px;
}
#Contacto_Col{
	float:left;
	width:50%;
}
#Cont_Contacto{
	width:80%;
	margin: 0 auto;
	padding:10px 0;
}

#Form_Inicio{
	margin-top:50px;
}

#Form_Inicio div{
	width:90%;
	max-width:800px;
	margin: 0 auto;
	margin-top:15px;
	text-align:center;
}

input{
	width:100%;
	border:none;
	border-bottom:1px solid #fff;
	font-family: "Open Sans Light";
	font-size:20px;
	margin:0 auto;
	background:transparent;
	color:#fff;
	/*text-shadow: 1px 1px 1px #000;*/
}
textarea{
	width:100%;
	height:150px;
	border:none;
	border-bottom:1px solid #fff;
	font-family: "Open Sans Light";
	font-size:20px;
	margin:0 auto;
	background:transparent;
	color:#fff;
}
@media only screen and (max-width:1150px) {
	input,textarea{
		font-size:20px;
	}
}
@media only screen and (max-width:850px) {
	input,textarea{
		font-size:18px;
	}
}
@media only screen and (max-width:550px) {
	input,textarea{
		font-size:16px;
	}
}
@media only screen and (max-width:360px) {
	input,textarea{
		font-size:15px;
	}
}
input::-webkit-input-placeholder {
  color: #fff;
}
input:-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder { 
  color: #fff;
}
textarea::-webkit-input-placeholder {
  color: #fff;
}
textarea:-moz-placeholder {
  color: #fff;
}
textarea:-ms-input-placeholder { 
  color: #fff;
}
.Boton_Contacto{
	font-family: "Open Sans";
	font-size:20px;
	background-color:#fff;
	color:#000;
	border:none;
	border-radius:100px;
	width:100px;
	height:40px;
	cursor:pointer;
	transition: all .5s;
}
.Boton_Contacto:hover{
	background-color:#000;
	color:#fff;
}

/***********************Anuncio*************************/
#Anuncio,.Anuncio{
	width:90%;
	max-width:550px;
	position:fixed;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	top:20%;
	padding-bottom:15px;
	background-color:#fff;
	color:#000;
	font-size:16px;
	text-align:center;
	box-shadow: 0px 0px 10px #333;
	border: 1px solid #000;
	z-index:999999999999;
}
#Anuncio_Tit,.Anuncio_Tit{
	background-color:#000;
	color:#fff;
	font-weight:bold;
	padding: 5px 0;
	font-size:25px;
}
#Anuncio_Txt,.Anuncio_Txt{
	margin-top:15px;
	font-size:16px;
	padding: 0 20px;
}
#Anuncio_Cerrar,.Anuncio_Cerrar{
	position:absolute;
	right:0px;
	margin-top:0px;
	cursor:pointer;
	width:25px;
	height:25px;
}

/***********************Servicios*************************/
#Promo_Aviso{
	background-color:#000;
	color:white;
	font-family: "Open Sans";
	font-size: 18px;
	text-align: center;
	padding: 25px 0;
}
#Promo_Aviso_Txt{
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
}
.Promo_Txt_Resaltado{
	color: #d9ad31;
}

@media only screen and (max-width:700px) {
	#Promo_Aviso{
		font-size: 16px;
	}
}

/***********************Minicursos*************************/

.Tit_Promo_Landing{
	text-align: center;
	font-size: 25px;
	font-family: "Open Sans";
	margin-top: 20px;
}

.Destacado_Promo_Landing{
	font-size: 30px;
	font-family: "Open Sans Bold";
}

.Minicurso_Fondo{
	width: 60%;
	background-color: white;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
}
.Minicurso_Img{
	max-width: 500px;
	width: 85%;
	float: left;
}
#Minicurso_Titulo{
	width:100%;
	font-family: "Ailerons";
	color:#000;
	/*text-shadow: 0px 0px 3px #000;*/
	margin-top:80px;
	text-align: left;
}
#Minicurso_MiniSubTit{
	font-family: "Open Sans Light";
	font-size: 16px;
	color: #828282;
}
#Minicurso_Titulo h1{
	margin-top: -5px;
	font-size: 50px;
}
#Minicurso_Precio{
	margin-top: -15px;
	font-family: "Open Sans Bold";
	font-size:35px;
}
#Minicurso_Descripcion{
	font-family: "Open Sans Light";
	font-size:20px;
	margin-top: 15px;
}

@media only screen and (max-width: 1550px) {
	.Minicurso_Fondo{
		width: 80%;
	}
}
@media only screen and (max-width: 1160px) {
	.Minicurso_Fondo{
		width: 90%;
	}
}
@media only screen and (max-width: 1030px) {
	.Minicurso_Fondo{
		width: 90%;
	}
	.Minicurso_Img{
		float: none;
	}
	#Minicurso_Header{
		text-align: center;
	}
}
@media only screen and (max-width: 700px) {
	#Minicurso_MiniSubTit{
		font-size: 12px;
	}
	#Minicurso_Titulo h1{
		font-size: 35px;
	}
	#Minicurso_Precio{
		font-size:30px;
	}
	#Minicurso_Descripcion{
		font-size:18px;
	}
}

.Minicurso_Tachado{
	text-decoration:line-through;
	text-decoration-color: #9E1214;
}
.Minicurso_Moneda{
	font-size: 20px;
}
.Minicurso_Boton{
	background-color:#01BB3F;
	color:#fff;
	text-align:center;
	font-size:23px;
	font-family:"Open Sans Bold";
	padding:15px 2%;
	width:90%;
	max-width:fit-content;/*250px*/
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	text-transform: uppercase;
	transition: all .5s;
}
.Minicurso_Boton:hover{
	background-color:#115829;
	color:#fff;
}

#Minicurso_Flecha{
	margin-top: 20px;
	cursor: pointer;
}

/***********************Ante y Después***********************/
.Antes_Despues{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
}


/***********************Expediciones*************************/
.Expedicion_Fondo{
	width: 100%;
	height: 100%;
	/*margin-top:-80px;*/
}
@media only screen and (max-width:768px) {
	.Expedicion_Fondo{
		height: auto;
	}
}
.Landing_Fondo{
	width: 100%;
	height: fit-content;
	padding: 30px 0;
}
#Taller_Cata_de_Vinos{
	background-image:url(../images2018/Expediciones/Large/Taller_Cata_de_Vinos.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Iztaccihuatl{
	background-image:url(../images2018/Expediciones/Large/Iztaccihuatl.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Paisajes_Volcanicos{
	background-image:url(../images2018/Expediciones/Large/Paisajes_Volcanicos.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Fotografia_Estudio{
	background-image:url(../images2018/Expediciones/Large/Fotografia_Estudio_1.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Fotografias_Que_Conquistan{
	background-image:url(../images2018/Expediciones/Large/Fotografias_Que_Conquistan.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Foto_y_Vino_Tequis{
	background-image:url(../images2018/Expediciones/Large/Foto_y_Vino_Tequis.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Sesiones_Izta{
	background-image:url(../images2018/Expediciones/Large/Retratos_3.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Atardeceres_LaPaz{
	background-image:url(../images2018/Expediciones/Large/Atardeceres_La_Paz.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Sesiones_Balandra{
	background-image:url(../images2018/Expediciones/Large/Sesion_Balandra.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Luciernagas{
	background-image:url(../images2018/Expediciones/Large/Luciernagas.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Popocatepetl{
	background-image:url(../images2018/Expediciones/Large/Popocatepetl.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Luna{
	background-image:url(../images2018/Expediciones/Large/Luna.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Retratos_Tequis{
	background-image:url(../images2018/Expediciones/Large/Retratos_3.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Nevado_Toluca{
	background-image:url(../images2018/Expediciones/Large/Nevado_de_Toluca_2.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Vendimia_Los_Rosales{
	background-image:url(../images2018/Expediciones/Large/Los_Rosales.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Feria_Vino_Queso{
	background-image:url(../images2018/Expediciones/Large/Feria_Vino_Queso.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
#Vendimia_Freixenet{
	background-image:url(../images2018/Expediciones/Large/Feria_Vino_Queso.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
#Huasca_de_Ocampo{
	background-image:url(../images2018/Expediciones/Large/Huasca_de_Ocampo.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed; - Se quita porque no funciona en Safari.*/
	background-position: center;
}
/*
@media only screen and (max-width:600px) {
	#Paisajes_Volcanicos{
		background-image:url(../images2018/Expediciones/Tablet/Paisajes_Volcanicos.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Paisajes_Volcanicos{
		background-image:url(../images2018/Expediciones/Movil/Paisajes_Volcanicos.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Fotografia_Estudio{
		background-image:url(../images2018/Expediciones/Tablet/Fotografia_Estudio_1.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Fotografia_Estudio{
		background-image:url(../images2018/Expediciones/Movil/Fotografia_Estudio_1.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Fotografias_Que_Conquistan{
		background-image:url(../images2018/Expediciones/Tablet/Fotografias_Que_Conquistan.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Fotografias_Que_Conquistan{
		background-image:url(../images2018/Expediciones/Movil/Fotografias_Que_Conquistan.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Foto_y_Vino_Tequis{
		background-image:url(../images2018/Expediciones/Tablet/Foto_y_Vino_Tequis.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Foto_y_Vino_Tequis{
		background-image:url(../images2018/Expediciones/Movil/Foto_y_Vino_Tequis.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Sesiones_Izta{
		background-image:url(../images2018/Expediciones/Tablet/Retratos_2.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Sesiones_Izta{
		background-image:url(../images2018/Expediciones/Movil/Retratos_2.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Sesiones_Balandra{
		background-image:url(../images2018/Expediciones/Tablet/Sesion_Balandra.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Sesiones_Balandra{
		background-image:url(../images2018/Expediciones/Movil/Sesion_Balandra.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Luna{
		background-image:url(../images2018/Expediciones/Tablet/Luna.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Luna{
		background-image:url(../images2018/Expediciones/Movil/Luna.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Retratos_Tequis{
		background-image:url(../images2018/Expediciones/Tablet/Retratos_3.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Retratos_Tequis{
		background-image:url(../images2018/Expediciones/Movil/Retratos_3.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Nevado_Toluca{
		background-image:url(../images2018/Expediciones/Tablet/Nevado_de_Toluca_2.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Nevado_Toluca{
		background-image:url(../images2018/Expediciones/Movil/Nevado_de_Toluca_2.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:600px) {
	#Huasca_de_Ocampo{
		background-image:url(../images2018/Expediciones/Tablet/Huasca_de_Ocampo.jpg);
		background-position: top center;
	}
}
@media only screen and (max-width:360px) {
	#Huasca_de_Ocampo{
		background-image:url(../images2018/Expediciones/Movil/Huasca_de_Ocampo.jpg);
		background-position: top center;
	}
}
*/

#Expedicion_Titulo{
	width:98%;
	padding: 0 1%;
	text-align:center;
	/*font-family: "Ailerons";*/
	font-size:60px;
	color:#fff;
	text-shadow: 0px 0px 3px #000;
	padding-top:3%;
}
.Logo_Tit_Centrado{
	margin: 0 auto;
	max-width: 80%;
	margin-bottom: 30px;
}
.Expedicion_UpperTitle{
	width:80%;
	text-align:center;
	font-family: "Ailerons";
	/*font-family: "Open Sans Bold";*/
	font-size:55px;
	color:#fff;
	text-shadow: 0px 0px 3px #000;
	margin-top:10px;
	padding: 0 10%;
}
.Expedicion_UpperSubtitle{
	width:60%;
	text-align:center;
	font-family: "Open Sans";
	font-size:20px;
	margin-top:30px;
	padding: 0 20%;
}
#Expedicion_Fecha{
	width:100%;
	text-align:center;
	/*font-family: "Ailerons";*/
	font-size:50px;
	color:#fff;
	text-shadow: 0px 0px 3px #000;
	margin-top:-60px;
}
#Expedicion_Flecha{
	margin-top: 20px;
	cursor: pointer;
}
#Expedicion_Flecha_2{
	margin-top: 0px;
	cursor: pointer;
}
#Expedicion_Frase{
	width:70%;
	text-align:center;
	font-family: "Open Sans Light";
	font-style:italic;
	font-size:22px;
	margin:30px auto;
	margin-bottom:50px;
}
@media only screen and (max-width:1200px) {
	#Expedicion_Titulo{
		font-size:50px;
	}
	.Expedicion_Fecha,.Expedicion_UpperTitle{
		font-size:40px;
	}
}
@media only screen and (max-width:980px) {
	#Expedicion_Titulo{
		font-size:30px;
	}
	.Logo_Tit_Centrado{
		margin-bottom: 0px;
	}
	.Expedicion_UpperTitle{
		width:90%;
		padding: 0 5%;
		font-size:40px;
		margin-top:60px;
	}
	.Expedicion_UpperSubtitle{
		width:80%;
		padding: 0 10%;
	}
	#Expedicion_Fecha{
		font-size:30px;
		margin-top:-40px;
	}
	#Expedicion_Frase{
		font-size:20px;
	}
}
@media only screen and (max-width:768px) {
	#Expedicion_Titulo{
		padding-top: 65%;
		color:inherit;
		text-shadow: none;
	}
	#Expedicion_Fecha{
		color:inherit;
		text-shadow: none;
		margin-top:0px;
	}
	#Expedicion_Flecha{
		-webkit-filter: invert(100%);  /* Chrome - Safari */
		-moz-filter: invert(100%);  /* Firefox */
		-ms-filter: invert(100%); /* IE9 */
		-o-filter: invert(100%);  /* Opera */
	}
}
@media only screen and (max-width:715px) {
	#Expedicion_Titulo{
		font-size:23px;
	}
	.Expedicion_UpperTitle{
		width:94%;
		padding: 0 3%;
		font-size:35px;
		margin-top:40px;
	}
	.Expedicion_UpperSubtitle{
		width:94%;
		padding: 0 3%;
		font-size:18px;
	}
	#Expedicion_Fecha{
		font-size:25px;
	}
	#Expedicion_Frase{
		font-size:18px;
	}
}
@media only screen and (max-width:360px) {
	#Expedicion_Titulo{
		font-size:18px;
	}
	.Logo_Tit_Centrado{
		margin-bottom: 0px;
	}
	.Expedicion_UpperTitle{
		font-size:30px;
		margin-top:30px;
	}
	#Expedicion_Fecha{
		font-size:20px;
	}
	#Expedicion_Frase{
		font-size:16px;
		margin-bottom:30px;
	}
}

.Excursiones_Cuadros_Cont{
	width:100%;
	display:table;
	text-align:center;
	margin-top:20px;
	margin-bottom:80px;
}
.Excursiones_Cuadros{
	width:29.3%;
	max-width:300px;
	margin: 0 2%;
	display:inline-table;
	vertical-align:top;
	font-size:25px;
	text-align:center;
	font-family: "Open Sans Light";
}
.Excursiones_Cuadros_Grande{
	width:90%;
	max-width:400px;
	margin: 0 2%;
	display:inline-table;
	vertical-align:top;
	font-size:30px;
	text-align:center;
	font-family: "Open Sans Bold";
	/*
	background-color: #F4F4F4;
	border-radius: 5px;
	*/
	box-shadow: 0px 0px 30px #ccc;
	margin-bottom: 30px;
}
.Excursiones_Cuadros_400{
	width:90%;
	max-width:400px;
	margin: 0 1%;
	display:inline-table;
	vertical-align:top;
	text-align:center;
	margin-bottom: 20px;
}
.Excursiones_Cuadros_Tit{
	/*font-family: "Ailerons";*/
	font-size:35px;
	padding-bottom:5px;
	border-bottom: 2px solid #e2b22b;/*001d59*/
	margin-bottom:10px;
	padding-top: 5px;
	/*
	background-color: #e2b22b;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	*/
}
.Excursiones_Cuadros_Nota{
	font-size:14px;
	text-decoration:none;
	border-bottom:none;
	font-family: "Open Sans Light";
	padding: 0 5px;
}
@media only screen and (max-width:590px) {
	.Excursiones_Cuadros{
		margin-top:30px;
		font-size:20px;
	}
	.Excursiones_Cuadros_Grande{
		margin-top:30px;
	}
	.Excursiones_Cuadros_Tit{
		font-size:28px;
	}
}

.Programa_Bloque{
	margin-top:20px;
}
.Programa_Dia{
	font-family: "Ailerons";
	font-size:20px;
	padding-bottom:3px;
	border-bottom: 1px solid #000;
	width:170px;
	margin-bottom:10px;
}
.Programa_Evento{
	font-family: "Ailerons";
	font-size:28px;
}
.Programa_Texto{
	margin-top:20px;
	font-family: "Open Sans";
	font-size:18px;
}
.Programa_Linea{
	height:1px;
	width:90%;
	max-width:1500px;
	margin: 30px auto;
	background-color:#e2b22b;
}
@media only screen and (max-width:1200px) {
	.Programa_Evento{
		font-size:26px;
	}
}
@media only screen and (max-width:850px) {
	.Programa_Evento{
		font-size:24px;
	}
	.Programa_Texto{
		font-size:16px;
	}
}
@media only screen and (max-width:550px) {
	.Programa_Evento{
		font-size:22px;
	}
	.Programa_Texto{
		font-size:15px;
	}
}

.Patrocinadores{
	margin-bottom: 50px;
}
.Patrocinadores img{
	vertical-align: middle;
	max-width: 80%;
	margin: 0 20px;
	margin-top: 40px;
}
@media only screen and (max-width:1350px) {
	.Patrocinadores_Imgs img{
		width: 100px;
	}
}
@media only screen and (max-width:500px) {
	.Patrocinadores{
		margin-bottom: 15px;
	}
	.Patrocinadores_Imgs img{
		width: 80px;
	}
	.Redes_Ponente img{
		width: 35px;
	}
}

#Excursiones_Accordion{
	width:90%;
	max-width:600px;
	margin:30px auto;
	margin-bottom:60px;
}

#ContGde_Accordion{
	width:90%;
	max-width:1200px;
	margin:30px auto;
	margin-bottom:60px;
}

/********************************Accordion*********************************************/
.Acc_Btn{ font-size:16px; }

button.accordion {
	font-family: "Open Sans";
	font-size:20px;
	border-radius:3px;
	min-height:40px;
	
	background-color:#f7f7f7;
    color: #000;
    cursor: pointer;
	padding-top:3px;
    padding-left:2%;
	padding-right:2%;
    width: 96%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
	margin-bottom:10px;
}

button.accordion.active{
}

button.accordion:hover {
    color:#01BB3F;
}

button.accordion:after {
    content: "\2756";/*"\25B6";Diamante*/
    font-size: 20px;
    color: #01BB3F;
    float: right;
    margin-left: 5px;
	margin-top:-25px;
}

button.accordion.active:after {
    content: "\2756";/*"\25B6";Flecha*/ 
	color:#01BB3F;
	transform:  rotate(45deg);
}

button.acc_vacio:after {
	margin-bottom:18px;
	content: "";
}

button.acc_vacio.active:after {
	content: "";
}


div.panel {
    padding: 0px 5%;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
	width:96%;
	margin-top: -12px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	color:#000;
	font-size:18px;
	text-align:justify;
	background-color: #fff; /*#f7f7f7*/
}

div.panel p{
	border-top: 1px solid #666666; 
}
div.panel li{
	margin-bottom:20px;
}

div.panel.show {
    opacity: 1;
    max-height: 10000px;
	padding-top: 10px;
	padding-bottom:20px;
}

@media only screen and (max-width: 670px) {
	
}

@media only screen and (max-width:850px) {
	div.panel{
		font-size:16px;
	}
}
@media only screen and (max-width:550px) {
	div.panel{
		font-size:15px;
	}
}

/***********Registros**************/

.Div_Centrado{ text-align:center; padding:50px 3%; font-size:20px; }

.Div_Centrado a{
	text-decoration:none;
	color:#e2b22b;
	transition: all .5s;
}
.Div_Centrado a:hover{
	text-decoration:underline;
}
.Div_800{
	width: 94%;
	max-width: 800px;
	margin: 0 auto;
}

/***********Boton Reservar**************/

.Form_BotReservar{
	text-align:center;
}
.Boton_Reservar{
	background-color:#01BB3F;
	color:#fff;
	text-align:center;
	font-size:20px;
	font-family:"Open Sans SemiBold";
	padding:15px 2%;
	width: 90%;
	max-width:500px;
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	text-transform: uppercase;
	transition: all .5s;
}
.Boton_Reservar:hover{
	background-color:#115829;
	color:#fff;
}

.Boton_Reservar_Mini{
	background-color:#01BB3F;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-family:"Open Sans";
	padding:15px 20px;
	width:90%;
	max-width:fit-content;/*250px*/
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	text-transform: uppercase;
	transition: all .5s;
}
.Boton_Reservar_Mini:hover{
	background-color:#115829;
	color:#fff;
}
.Boton_Reservar_Verde{
	background-color:#01BB3F;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-family:"Open Sans";
	padding:10px 20px;
	width:90%;
	max-width:fit-content;/*250px*/
	min-width: 250px;
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	transition: all .5s;
}
.Boton_Reservar_Verde:hover{
	background-color:#115829;
	color:#fff;
}
.Boton_Reservar_Azul{
	background-color:#217ECB;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-family:"Open Sans";
	padding:10px 20px;
	width:90%;
	max-width:fit-content;/*250px*/
	min-width: 250px;
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	transition: all .5s;
}
.Boton_Reservar_Azul:hover{
	background-color:#0F5E9F;
	color:#fff;
}
.Boton_Reservar_AzulMarino{
	background-color:#144FB7;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-family:"Open Sans";
	padding:10px 20px;
	width:90%;
	max-width:fit-content;/*250px*/
	min-width: 250px;
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	transition: all .5s;
}
.Boton_Reservar_AzulMarino:hover{
	background-color:#103B88;
	color:#fff;
}
.Boton_Reservar_Rojo{
	background-color:#8F1315;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-family:"Open Sans";
	padding:10px 20px;
	width:90%;
	max-width:fit-content;/*250px*/
	min-width: 250px;
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	transition: all .5s;
}
.Boton_Reservar_Rojo:hover{
	background-color:#6A0709;
	color:#fff;
}
@media only screen and (max-width: 500px) {
	.Boton_Reservar{
		font-size:18px;
	}
}
@media only screen and (max-width: 400px) {
	.Boton_Reservar{
		font-size:16px;
	}
	.Boton_Reservar_Azul,.Boton_Reservar_AzulMarino{
		min-width: 250px;
	}
}

/***********Boton Header**************/
.Boton_Header{
	background-color:#e2b22b;
	color:#000;
	text-align:center;
	font-size:20px;
	font-family:"Open Sans";
	padding:15px 10px;
	width:90%;
	max-width:400px;
	height:auto;
	border:none;
	border-radius:100px;
	cursor:pointer;
	margin:60px auto;
	margin-bottom:0;
	transition: all .5s;
	text-decoration: none;
}
.Boton_Header:hover{
	background-color:#000;
	color:#fff;
	text-decoration: none;
}

.Linea_300{
	height:1px;
	width:90%;
	max-width:300px;
	margin: 10px auto;
	background-color:#e2b22b;
}

/********************************Carrusel******************************************/

#Carrusel{
	width:90%;
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom: 30px;
	overflow:hidden;
	padding-bottom:50px;
}

.slider {
	width: 90%;
    margin: 0px auto;
}
.slick-slide {
	margin: 0px 5px;
	height: fit-content;
	max-height:500px;
}
.slick-slide img {
	max-height:100%;
}
.slick-prev:before,.slick-next:before {
	color: black;
}
.slick-dots{/*Se esconden los puntos ya que son muchas imágenes*/
	visibility:hidden;
}
@media only screen and (max-width: 520px) {
	.slick-slide {
		margin: 0px 5px;
		max-height:500px;
	}
}
@media only screen and (max-width: 415px) {
	.slick-slide {
		margin: 0px 5px;
		max-height:500px;
	}
}
@media only screen and (max-width: 335px) {
	.slick-slide {
		margin: 0px 5px;
		max-height:500px;
	}
}
@media only screen and (max-width: 860px) {
	.slick-prev:before,
	.slick-next:before{
	    font-size: 20px;
	}
	.slick-prev{
    	left: -25px;
	}
	[dir="rtl"] .slick-prev{
    right: -25px;
	}
}
@media only screen and (max-width: 400px) {
	.slider {
		width: 85%;
    	margin: 0px auto;
	}
}

/***************************Formulario de Mailchimp********************************/

#Mailchimp_Form{
	width: 100%;
	max-width:745px;
	padding: 15px 3%;
	border-top: 1px solid #096d26;
	border-bottom: 1px solid #096d26;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

#Mailchimp_Form div{
	float: left;
	margin: 0 20px;
}

#Mailchimp_Form input{
	background-color: #fff;
	border: 1px solid #A6A6A6;
	width: 100%;
	max-width: 300px;
	padding-left: 10px;
	border-radius: 3px;
	color: #333;
	vertical-align: middle;
	font-size:18px;
	height:31px;
}

#Mailchimp_Form button{
	font-family: "Open Sans";
	font-size:18px;
	background-color:#10bd42;
	color:#fff;
	border:none;
	border-radius:100px;
	width:150px;
	height:31px;
	cursor:pointer;
	vertical-align: middle;
	transition: all .5s;
}
#Mailchimp_Form button:hover{
	background-color:#096d26;
	color:#fff;
}

@media only screen and (max-width: 850px) {
	#Mailchimp_Form{
		width:70%;
		max-width: none;
	}
	#Mailchimp_Form div{
		float: none;
		margin: 0;
		margin-bottom: 5px;
	}
	#Mailchimp_Form input{
		text-align: center;
		padding-left: 0px;
	}
}



#Mailchimp_Form input::-webkit-input-placeholder {
  color: #A6A6A6;
}
#Mailchimp_Form input:-moz-placeholder {
  color: #A6A6A6;
}
#Mailchimp_Form input:-ms-input-placeholder { 
  color: #A6A6A6;
}

/***************************Formulario de los Landing Pages********************************/

#Landing_Form{
	width: 96%;

	padding: 0px 2%;
	
	margin-bottom: 50px;
	text-align: center;
	overflow: hidden;
	font-size: 22px;
}
.Landing_Form_Cont{
	overflow: hidden;
	width: 100%;
	max-width:610px;
	margin: 0 auto;
}

.Landing_Form_Cont_Div{
	float: left;
	margin-right: 5px;
	width: 100%;
	max-width: 300px;
}

.Landing_Form_Div_Tel{
	overflow: hidden;
	max-width: 305px;
}

.Landing_Form_Div_Tel input{
	max-width: 230px;
}
.Landing_Form_Div_Tel input,.Landing_Form_Div_Tel select{
	float: left;
}

#Landing_Form select{
	background-color:#dfdfdf;
	text-align:center;
	padding-left: 10px;
	width:90%;
	max-width:68px;
	height:50px;
	border:none;
	border-radius: 15px;
	color:#333;
	text-align-last: center;
	font-size:18px;
	vertical-align: middle;
	margin-right: 5px;
}
#Landing_Form option{
	color:#505056;
	text-align: left;
}

#Landing_Form input{
	background-color: #DFDFDF;
	width: 100%;
	padding-left: 15px;
	border-radius: 15px;
	color: #333;
	vertical-align: middle;
	font-size:18px;
	height:50px;
}

#Landing_Form button{
	font-family: "Open Sans";
	font-size:18px;
	background-color:#10bd42;
	color:#fff;
	border:none;
	border-radius:100px;
	width: 100%;
	max-width: 320px;
	height:50px;
	cursor:pointer;
	vertical-align: middle;
	transition: all .5s;
	margin-top: 20px;
}
#Landing_Form button:hover{
	background-color:#096d26;
	color:#fff;
}

@media only screen and (max-width: 1090px) {
	#Landing_Form{
		font-size: 18px;
		width:94%;
		max-width: none;
		margin-bottom: 0;
	}
	.Landing_Form_Cont div{
		float: none;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	#Landing_Form input{
		text-align: center;
		padding-left: 0px;
	}
	#Landing_Form button{
		margin-top: 5px;
	}
}

#Landing_Form input::-webkit-input-placeholder {
  color: #454545;
}
#Landing_Form input:-moz-placeholder {
  color: #454545;
}
#Landing_Form input:-ms-input-placeholder { 
  color: #454545;
}

#Landing_Form_2{
	width:94%;
	max-width: none;
	padding: 0px 3%;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
	font-size: 18px;
}

#Landing_Form_2 div{
	float: none;
	margin: 0 auto;
	margin-bottom: 15px;
	width: 100%;
	max-width: 320px;
}

#Landing_Form_2 input{
	background-color: #DFDFDF;
	width: 100%;
	text-align: center;
	padding-left: 0px;
	border-radius: 15px;
	color: #333;
	vertical-align: middle;
	font-size:18px;
	height:50px;
}

#Landing_Form_2 button{
	font-family: "Open Sans";
	font-size:18px;
	background-color:#10bd42;
	color:#fff;
	border:none;
	border-radius:100px;
	width: 100%;
	height:50px;
	cursor:pointer;
	vertical-align: middle;
	transition: all .5s;
}
#Landing_Form_2 button:hover{
	background-color:#096d26;
	color:#fff;
}

#Landing_Form_2 input::-webkit-input-placeholder {
  color: #454545;
}
#Landing_Form_2 input:-moz-placeholder {
  color: #454545;
}
#Landing_Form_2 input:-ms-input-placeholder { 
  color: #454545;
}

/************************Banner****************************/
.Banner{
	width: 94%;
	padding: 30px 3%;
	font-size: 22px;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 850px) {
	.Banner{
		width: 100%;
		padding: 30px 0;
		font-size: 18px;
	}
}
@media only screen and (max-width: 550px) {
	.Banner{
		width: 100%;
		padding: 30px 0;
		font-size: 16px;
	}
}

/************************Loading*****************************/

.loader-page {
    position: fixed;
    z-index: 25000;
    /*background: rgb(255, 255, 255);*/
	background-color: white;
	background-image: url(../images2018/Slide/Naat.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 94%;
	padding: 0 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .3s ease;
	text-align: center;
	font-size: 12px;
	color: black;
}
@media only screen and (max-width: 850px) {
	.loader-page {
		background-image: url(../images2018/Slide/Naat.jpg);
	}
}
.loader-page::before {
    content: "";
    position: absolute;
    border: 2px solid rgb(50, 150, 176);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176,0);
    border-top: 2px solid rgba(50, 150, 176,0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}
@keyframes rotarload {
      0%   {transform: rotate(0deg)}
      100% {transform: rotate(360deg)}
}
.loader-page::after {
    content: "";
    position: absolute;
    border: 2px solid rgba(50, 150, 176,.5);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s ease-out infinite;
    transform: rotate(0deg);
}
.Loading_Img{
	width: 50px;
}
.Loading_Txt{
	position: absolute;
	margin-top: 80px;
	padding: 0 3%;
}

/****************************Generales**********************************/

.Inverted{
	-webkit-filter: invert(100%);  /* Chrome - Safari */
	-moz-filter: invert(100%);  /* Firefox */
	-ms-filter: invert(100%); /* IE9 */
	-o-filter: invert(100%);  /* Opera */
	transition: all .5s;
}
.Inverted:hover{
	-webkit-filter: invert(20%);  /* Chrome - Safari */
	-moz-filter: invert(20%);  /* Firefox */
	-ms-filter: invert(20%); /* IE9 */
	-o-filter: invert(20%);  /* Opera */
}
.hover_inverted:hover{
	-webkit-filter: invert(50%);  /* Chrome - Safari */
	-moz-filter: invert(50%);  /* Firefox */
	-ms-filter: invert(50%); /* IE9 */
	-o-filter: invert(50%);  /* Opera */
}

.Txt_Negro{ color:black;}
.Txt_Blanco{ color:white;}
.Txt_Amarillo{ color:#e2b22b;}
.Txt_Negro li a{ color:black;}
.Txt_Blanco li a{ color:white;}
.Txt_Rojo{ color:#BC0B0E;}
.Txt_Azul{ color: #144FB7; }

.Txt_Left{ text-align: left; }
.Txt_Centrado{ text-align: center; }
.Txt_Izq{
	text-align:left;
}

.Txt_10{ font-size:10px; }
.Txt_12{ font-size:12px; }
.Txt_30{ font-size:30px; }
.Txt_40{ font-size:40px; }
.Txt_50{ font-size:50px; }
@media only screen and (max-width:640px) {
	.Txt_30{ font-size:24px; }
}
@media only screen and (max-width:500px) {
	.Txt_30{ font-size:20px; }
}

.OpenSansBold{ font-family: "Open Sans Bold"; }
.Ailerons{ font-family: "Ailerons"; }
.ArchivoBlack{ font-family: "ArchivoBlack"; }

.Overflow{ overflow:hidden; }

.Fnt_RockSalt{ font-family: "Rock Salt"; }
.Fnt_Kalam{ font-family: "Kalam Light"; }
.Fnt_Kalam_Bold{ font-family: "Kalam Bold"; }

.Linea_Separadora{
	height: 1px;
	width: 50%;
	margin:  30px auto;
	background-color: #CCC;
}
.Linea_Separadora_2{
	height: 1px;
	width: 50%;
	margin:  15px auto;
	background-color: #CCC;
}

.Line_Through{
	text-decoration: line-through;
}
.List_Check{
	list-style-image: url(../images2018/List_Check.png);
}
.List_Check li{
	margin-bottom: 10px;
}

.Link_Texto{
	color:#e2b22b;
	text-decoration:none;
	transition: all .5s;
}
.Link_Texto:hover{
	text-decoration:underline;
}

a{
	color: #01BB3F;
	text-decoration: none;
	transition: all .5s;
}
a:hover{
	/*text-decoration: underline;*/
}

.No_Subrayado{
	text-decoration: none;
}
.No_Subrayado:hover{
	text-decoration: none;
}

.Captitalize{
	text-transform: lowercase;
}
.Captitalize:first-letter {
    text-transform: capitalize;
}

/*************************Mis Expediciones Media***********************************/

.Video_ExpMedia{
	width: 90%;
	max-width: 640px;
	height: 360px;
}
.Video_ExpMedia_Gde{
	width: 90%;
	max-width: 900px;
	height: 506px;
}
@media only screen and (max-width: 850px) {
	.Video_ExpMedia_Gde{
		width: 90%;
		max-width: 900px;
		height: 450px;
	}
}
@media only screen and (max-width: 750px) {
	.Video_ExpMedia_Gde{
		width: 90%;
		max-width: 900px;
		height: 400px;
	}
}
@media only screen and (max-width: 690px) {
	.Video_ExpMedia_Gde{
		width: 90%;
		max-width: 900px;
		height: 350px;
	}
}
@media only screen and (max-width: 600px) {
	.Video_ExpMedia_Gde{
		width: 94%;
		max-width: 900px;
		height: 300px;
	}
}
@media only screen and (max-width: 450px) {
	.Video_ExpMedia_Gde{
		width: 94%;
		max-width: 900px;
		height: 250px;
	}
}
@media only screen and (max-width: 400px) {
	.Video_ExpMedia_Gde{
		width: 90%;
		max-width: 900px;
		height: 200px;
	}
}
@media only screen and (max-width: 360px) {
	.Video_ExpMedia_Gde{
		width: 96%;
		max-width: 900px;
		margin-top: 20px;
		height: 150px;
	}
}

/************************************Cuenta regresiva********************************************/

#Contador{
	background-color:#9E1214;
	color:white;
	margin-top:-16px;
}
ul.countdown {
	list-style: none;
	padding: 0; display: block;
	text-align: center;
}
ul.countdown li {
	display: inline-block;
	margin-left:3%;
	margin-right:3%;
}
ul.countdown li span {
	font-size: 50px;
	font-weight: 300;
	line-height: 80px;
	font-family: "Open Sans Bold";
}
ul.countdown li.seperator {
	font-size: 50px;
	line-height: 70px;
	vertical-align: top;
	margin-left:20px;
	margin-right:20px;
}
ul.countdown li p {
	font-size: 14px;
	margin-top:-15px;
	font-family: "Open Sans";
	padding-bottom:5px;
}
#FechaLugar_Rojo{
	display:none;
	text-align:center;
	font-size:16px;
}
@media only screen and (max-width: 650px) {
	#Contador{
		margin-top:0px;
		padding-top:16px;
	}
	#FechaLugar_Rojo{
		display:block;
	}
	ul.countdown li {
		margin-left:0%;
		margin-right:0%;
	}
}
@media only screen and (max-width: 450px) {
	#FechaLugar_Rojo{
		font-size:14px;
	}
	ul.countdown li span {
		font-size: 25px;
	}
	ul.countdown li.seperator {
		font-size: 25px;
		line-height: 35px;
		margin-left:3px;
		margin-right:3px;
	}
	ul.countdown li p {
		font-size: 12px;
	}
}

/************************************Cuenta regresiva minutos********************************************/

#Contador_Mins{
	background-color:#d9ad31;
	color:black;
	font-family: "Open Sans Bold";
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
}
#Contador_Time{
	display: inline;
}
#Contador_Movil{
	display: none;
}

@media only screen and (max-width: 700px) {
	#Contador_Time{
		display: none;
	}
	#Contador_Movil{
		display: inline;
	}
}

#Minutos_Count{
	font-family: "Open Sans Bold";
	font-size: 35px;
}

/***********************Botón Comprar Móviles*************************/

#Div_Movil{
	margin: auto 0;
	top: 0;
	bottom: 0;
	position:fixed;
	right: 0;
	width: 150px;
	height: 30px;
	display:none;
	text-align: center;
	background-color: antiquewhite;
	-ms-transform: rotate(270deg); /* IE 9 */
 	-webkit-transform: rotate(270deg); /* Safari 3-8 */
  	transform: rotate(270deg);
}
.Bot_ReservarMovil{
	margin: auto 0;
	top: 0;
	bottom: 0;
	position:fixed;
	width:150px;
	height: 30px;
	background-color:#01BB3F;
	color:#FFFFFF;
	text-align:center;
	font-family: "Open Sans";
	font-size:20px;
	padding:8px 0;
	z-index:11;
	border:none;
	cursor:pointer;
	text-transform: uppercase;
	-ms-transform: rotate(270deg); /* IE 9 */
 	-webkit-transform: rotate(270deg); /* Safari 3-8 */
  	transform: rotate(270deg);
	transition: all .5s;
}
.Bot_ReservarMovil:hover{
	background-color:#115829;
	color:#fff;
}
@media only screen and (max-width: 700px) {
	#Div_Movil{ display:block; }
}

/*********************************Galería Photoswipe**************************************/
.my-gallery {
 	width: 90%;
    text-align:center;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
}
.my-gallery img {
  width: 100%;
  height: auto;
  cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
  transition: all .5s;
}
.my-gallery img:hover {
	/*
	filter: gray;
	-webkit-filter: grayscale(.8);
	filter: grayscale(.8);
	*/
}
.my-gallery figure {
  margin: 0;
}
.my-gallery figcaption {
	display: block;
	text-align: left;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
	width: 100%;
	margin-top: -15px;
	margin-bottom: 17px;
	margin-left: 3%;
	font-family: "Kalam Light";
	text-shadow: 1px 1px 2px #000;
}

/***************************Mosaic Gallery con Overlay********************************/
#photos {
	/* Prevent vertical gaps */
	line-height: 0;
		   
	-webkit-column-count: 4;
	-webkit-column-gap:   0px;
	-moz-column-count:    4;
	-moz-column-gap:      0px;
	column-count:         4;
	column-gap:           0px;  
}

#photos figure{
	/* Just in case there are inline attributes */
	width: 99% !important;
	height: auto !important;
	z-index:1;
	margin-bottom:2px;
	margin-left:.5%;
	margin-right:.5%;
}
#photos img{
	width: 99% !important;
	height: auto !important;
	z-index:1;
	margin-bottom:2px;
	margin-left:.5%;
	margin-right:.5%;
}
@media (max-width: 1200px) {
	#photos {
		-moz-column-count:    4;
		-webkit-column-count: 4;
		column-count:         4;
	}
}
@media (max-width: 1000px) {
	#photos {
		-moz-column-count:    3;
		-webkit-column-count: 3;
		column-count:         3;
	}
}
@media (max-width: 900px) {
	#photos {
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
	}
}
@media (max-width: 768px) {
	#photos {
		-moz-column-count:    1;
		-webkit-column-count: 1;
		column-count:         1;
	}
}

/******************************Zoom***********************************/

#Zoom_Div{
	position:fixed;
	background-image:url(../images/Negro_75.png);
	width:100%;
	height:100%;
	display:none;
	z-index:1000;
}
#Cerrar{
	position:absolute;
	right:5px;
	top:5px;
	z-index:1001;
	cursor:pointer;
	width:30px;
}

#Flecha_Izq{
	position:absolute;
	left:5px;
	height:30px;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
}
#Flecha_Der{
	position:absolute;
	right:5px;
	height:30px;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
}

.ZoomDivVertical{
	text-align:center;
	height:100%;	
	width:100%;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.ZoomDivHorizontal{
	height:100%;	
	width:100%;
	text-align:center;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.ZoomImgVertical{
	height:100%;
	max-height:1024px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	
}
.ZoomImgHorizontal{
	width:100%; max-width:1024px; margin-left:auto; margin-right:auto;
}
@media (max-width: 678px) {
	.ZoomImgVertical{
		height:auto;
		max-height:none;
		width:100%;
	}
}

/***************************Cuadros Notificaciones********************************/

.Notificacion{
	font-family: "Open Sans";
	font-size:20px;
	border-radius:3px;
	min-height:40px;
	
	background-color:#E9E9E9;
    color: #000;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
	margin-bottom:15px;
	padding-bottom: 8px;
}
.Notificacion_Tit{
	background-color: #facd01;
	width: 100%;
	padding: 10px 0;
	font-family: "Open Sans Bold";
	text-align: center;
	color: #0d3b70;
	border-radius: 3px 3px 0px 0px;
}
.Notificacion_Tit_Verde{
	background-color: #01BB3F;
	width: 100%;
	padding: 10px 0;
	color: white;
	font-family: "Open Sans Bold";
	text-align: center;
	border-radius: 3px 3px 0px 0px;
}
.Notificacion_Tit_Rojo{
	background-color: #8F1315;
	width: 100%;
	padding: 10px 0;
	color: white;
	font-family: "Open Sans Bold";
	text-align: center;
	border-radius: 3px 3px 0px 0px;
}
.Notificacion_Info{
	font-size:14px;
	margin: 10px;
	overflow:hidden;
}
@media only screen and (max-width: 360px) {
	.Notificacion_Info{ 
		font-size: 12px;
	}
}

.Cerrar_Izq{
	float: right;
	margin-top:2px;
	margin-right: 2px;
	cursor:pointer;
	width:20px;
	height:20px;
	/*
	-webkit-filter: invert(100%);  
	-moz-filter: invert(100%); 
	-ms-filter: invert(100%); 
	-o-filter: invert(100%); 
	*/
}

.Button_Panel_Izq_Rojo{
	background-color:#8F1315;
	text-align:center;
	font-size:16px;
	font-family:"Open Sans";
	padding:10px 5px;
	width:90%;
	max-width:150px;
	border:none;
	border-radius:100px;
	cursor:pointer;
	color:#fff;
	transition: all .5s;
}
.Button_Panel_Izq_Rojo:hover{
	background-color:#6A0709;
	color: #fff;
}

/*********************************************Index App**********************************************/
.Fondo_App{
	background-image: url(../images2018/Slide/Nevado_de_Toluca_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	background-attachment: fixed;
}

.Logo_App{
	width: 90%;
	max-width: 240px;
	margin-top:20px;
}
#Olvidaste_Password_Blanco a{
	color: white;
	text-decoration: none;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
	transition: all .5s;
}
#Olvidaste_Password_Blanco a:hover{
	color: #e2b22b;
	text-decoration: none;
}
.Input_App{
	width:90%;
	max-width: 300px;
	border:none;
	border-bottom:1px solid #e2b22b;
	font-family: "Open Sans Light";
	font-size:20px;
	margin:0 auto;
	background:transparent;
	color:#fff;
	/*text-shadow: 1px 1px 1px #000;*/
}
@media only screen and (max-width:1150px) {
	.Input_App{
		font-size:20px;
	}
}
@media only screen and (max-width:850px) {
	.Input_App{
		font-size:18px;
	}
}
@media only screen and (max-width:550px) {
	.Input_App{
		font-size:16px;
	}
}
@media only screen and (max-width:360px) {
	.Input_App{
		font-size:15px;
	}
}
.Input_App::-webkit-input-placeholder {
  color: #fff;
}
.Input_App:-moz-placeholder {
  color: #fff;
}
.Input_App:-ms-input-placeholder { 
  color: #fff;
}

.grecaptcha-badge { visibility: hidden; }

/**************************************Flip Cards****************************************/
.flip-card_Cont_2x2{
	width:400px;
	margin: 0 auto;
	display:table;
	text-align:center;
}
.flip-card{
  background-color: transparent;
  width: 200px;
  height: 200px;
  perspective: 1000px;
  display:inline-table;
  vertical-align:top;
  cursor:pointer;
  transition: all .5s;
}

.flip_txt{
	overflow: auto;
	width: 96%;
	padding: 2%;
	font-size:14px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #144FB7;
  color: white;
  transform: rotateY(180deg);
}
.flip-card img{
	width: 200px;
  	height: 200px;
}
@media only screen and (max-width:430px) {
	.flip-card_Cont_2x2{ width:300px; }
	.flip-card{
  		width: 150px;
  		height: 150px;
	}
	.flip-card img{
		width: 150px;
		height: 150px;
	}
	.flip_txt{
		width: 98%;
		padding: 1%;
		font-size:12px;
	}
}

/*******************Perfil usuario***********************/
.Perfil_Letra_100px{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	font-family: 'Open Sans SemiBold';
	font-size: 45px;
	display: flex;
    align-items: center;
	justify-content: center;
	color: white;
}