#map {
 	width: 40vw;
 	height: 20vw;
 	position: absolute;
 	max-width: 80%;
 	top: 30%;
 	left: 10%;
 	border-radius: 3px;
 	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.9);
 }
 
 .huasteca {
 	margin: auto;
 	position: absolute;
 	top: -10%;
 	left: -40%;
 	bottom: 0;
 	right: 0;
 	width: 50%;
 	height: 50%;
 	border: 0px;
 }
 
 .revision {
 	margin: auto;
 	position: absolute;
 	top: 200%;
 	left: 40%;
 	bottom: 0;
 	right: 0;
 	width: 50%;
 	height: 50%;
 	border: 0px;
 }
 
 .revision2 {
 	margin: auto;
 	position: absolute;
 	top: 400%;
 	left: -40%;
 	bottom: 0;
 	right: 0;
 	width: 50%;
 	height: 50%;
 	border: 0px;
 }
 
 .menu1 {
 	margin: 0;
 	position: absolute;
 	color: #000;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 2vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 60%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%);
 	display: inline-block;
 	padding: 15px 19px;
 }
 
 .menu1:hover {
 	margin: 0;
 	position: absolute;
 	color: #e92669;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 60%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .menu2 {
 	margin: 0;
 	position: absolute;
 	color: #000;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 2vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 70%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .menu2:hover {
 	margin: 0;
 	position: absolute;
 	color: #a6e22e;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 70.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 70%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .menu3 {
 	margin: 0;
 	position: absolute;
 	color: #66d9ef;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 80%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .menu3:hover {
 	margin: 0;
 	position: absolute;
 	color: #66d9ef;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: line-through;
 	top: 50%;
 	left: 80%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .menu4 {
 	margin: 0;
 	position: absolute;
 	color: #000;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 2vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 92%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .menu4:hover {
 	margin: 0;
 	position: absolute;
 	color: #d97102;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 50%;
 	left: 92%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .logo {
 	margin: 0;
 	position: absolute;
 	opacity: 1.0;
 	top: 50%;
 	left: 15%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .l1 {
 	margin: auto;
 	position: absolute;
 	opacity: 1.0;
 	top: 340%;
 	left: 50%;
 	width: 10%;
 	margin-right: -50%;
 	transform: translate(0%, -50%)
 }
 
 .l2 {
 	margin: auto;
 	position: absolute;
 	opacity: 1.0;
 	top: 340%;
 	left: 15%;
 	width: 10%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .l3 {
 	margin: auto;
 	position: absolute;
 	opacity: 1.0;
 	top: 290%;
 	left: 50%;
 	width: 10%;
 	margin-right: -50%;
 	transform: translate(0%, -50%)
 }
 
 .l4 {
 	margin: auto;
 	position: absolute;
 	opacity: 1.0;
 	top: 290%;
 	left: 15%;
 	width: 10%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .l5 {
 	margin: auto;
 	position: absolute;
 	opacity: 1.0;
 	top: 390%;
 	left: 15%;
 	width: 10%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .e1 {
 	margin: 0;
 	position: absolute;
 	color: #888;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 18%;
 	left: 28%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .e2 {
 	margin: 0;
 	position: absolute;
 	color: #888;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 18%;
 	left: 46%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .e3 {
 	margin: 0;
 	position: absolute;
 	color: #888;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 4vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	top: 18%;
 	left: 70%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 div.container4 {
 	height: 10em;
 	position: relative
 }
 
 .titulo:hover {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	text-decoration: none;
 	font-size: 1.2vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 95%;
 	left: -40%;
 	bottom: 0;
 	right: 0;
 	opacity: 0.4;
 	width: 50%;
 	height: 50%;
 	border: 0px;
 }
 
 .titulo {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 1.0;
 	text-decoration: none;
 	font-size: 1.2vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 95%;
 	left: -40%;
 	bottom: 0;
 	right: 0;
 	width: 40%;
 	height: 50%;
 	border: 0px;
 }
 
 .titulo2 {
 	background: none;
 	position: absolute;
 	color: #fff;
 	opacity: 0.8;
 	text-decoration: none;
 	font-size: 1.2vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 95%;
 	left: -68%;
 	bottom: 0;
 	right: 0;
 	width: 50%;
 	height: 50%;
 	border: 0px;
 }
 
 .titulo3 {
 	background: none;
 	position: absolute;
 	color: #fff;
 	opacity: 0.8;
 	text-decoration: none;
 	font-size: 1.0vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 40%;
 	left: -40%;
 	bottom: 0;
 	right: 0;
 	width: 50%;
 	height: 50%;
 	border: 0px;
 }
 
 .facebook {
 	margin: 0;
 	position: absolute;
 	color: #3b5998;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 58%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .facebook:hover {
 	margin: 0;
 	position: absolute;
 	color: #3b5998;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 58%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .instagram {
 	margin: 0;
 	position: absolute;
 	color: #bf0097;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 63%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .instagram:hover {
 	margin: 0;
 	position: absolute;
 	color: #bf0097;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 63%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .plus {
 	margin: 0;
 	position: absolute;
 	color: #d41616;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 68%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .plus:hover {
 	margin: 0;
 	position: absolute;
 	color: #d41616;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 68%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .tumblr {
 	margin: 0;
 	position: absolute;
 	color: #56bc8a;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 73%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .tumblr:hover {
 	margin: 0;
 	position: absolute;
 	color: #56bc8a;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 6vh;
 	opacity: 40.0;
 	underline: none;
 	text-align: center;
 	text-decoration: none;
 	bottom: 18%;
 	left: 73%;
 	margin-right: -50%;
 	transform: translate(-50%, -50%)
 }
 
 .logomaps {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 0.8;
 	text-decoration: none;
 	font-size: 2.3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 70%;
 	left: -20%;
 	bottom: 0;
 	right: 0;
 	width: 100px;
 	height: 100px;
 	border: 0px;
 	z-index: 1000;
 }
 
 .logoweb {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 0.8;
 	text-decoration: none;
 	font-size: 2.3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 70%;
 	left: -40%;
 	bottom: 0;
 	right: 0;
 	width: 100px;
 	height: 100px;
 	border: 0px;
 	z-index: 1000;
 }
 
 .logocard {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 0.8;
 	text-decoration: none;
 	font-size: 2.3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 70%;
 	left: -60%;
 	bottom: 0;
 	right: 0;
 	width: 100px;
 	height: 100px;
 	border: 0px;
 	z-index: 1000;
 }
 
 .pano {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 1.0;
 	text-decoration: none;
 	top: 15%;
 	width: 100vw;
 	height: 43vw;
 	z-index: -5000;
 }
 
 .pano:hover {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 0.2;
 	text-decoration: none;
 	font-size: 2.3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 200%;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100vw;
 	height: 43vw;
 	border: 0px;
 	z-index: -1000;
 }
 
 .pano2 {
 	background: none;
 	position: absolute;
 	color: #ed225d;
 	opacity: 1.0;
 	text-decoration: none;
 	font-size: 2.3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	margin: auto;
 	top: 400%;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100vw;
 	height: 43vw;
 	border: 0px;
 	z-index: -1000;
 }
 
 .titulo4 {
 	background: none;
 	position: absolute;
 	color: #a6e22e;
 	text-decoration: none;
 	font-size: 2.3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	text-align: center;
 	opacity: 1.0;
 	margin: auto;
 	top: 200%;
 	left: -50%;
 	bottom: 0;
 	right: 0;
 	width: 35%;
 	height: 0%;
 	padding: 3%;
 	transform: translate(0%, -35%);
 	border: 0px solid red;
 	z-index: 3000;
 }
 
 .foot {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .foot2 {
 	background: none;
 	text-decoration: none;
 	font-size: 2.5vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .foot3 {
 	text-decoration: none;
 	font-size: 1.8vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .v1 {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .v2 {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .v3 {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .v4 {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .v5 {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 .v6 {
 	background: none;
 	text-decoration: none;
 	font-size: 3vw;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	z-index: 3000;
 }
 
 h1 {
 	font-size: 50px;
 	font-weight: 300;
 	text-align: center;
 	font-weight: 700;
 	padding-top: 3%;
 }
 
 span {
 	color: #444444;
 	font-weight: 700
 }
 
 h2 {
 	font-size: 35px;
 	text-align: left;
 	margin-left: -20px
 }
 
 nav.demo-nav {
 	width: 350px;
 	margin: 0 auto;
 	display: block;
 	margin-right: 10px;
 }
 
 nav.demo-nav a {
 	font-size: 19px;
 	display: inline-block;
 	text-align: center;
 	font-family: 'Lato', sans-serif;
 	color: #fff;
 	font-weight: 400;
 	padding: 5px 15px;
 	text-transform: uppercase;
 	border-radius: 2px;
 	letter-spacing: 1px;
 	text-decoration: none;
 	margin-right: 10px;
 	border: 2px solid #ecf0f1;
 	border-radius: none
 }
 
 #arbol {
 	background-color: #FFFFFF;
 }
 
 nav nav a:hover {
 	background: #444444;
 	color: #888888;
 }
 
 a.i {
 	margin-right: 100px;
 }
 
 a.d {}
 
 .zon {
 	float: center;
 	margin: auto;
 	display: block;
 	padding: 5%;
 	width: 70%;
 }
 
 header {
 	height: 250px;
 	background: #000000;
 	padding: 23px 0
 }
 
 nav.main-nav {
 	background: #fff;
 	height: 60px;
 	border-bottom: 1px solid #dadada;
 	text-align: center;
 }
 
 nav.main-nav {
 	background: #ddd;
 	height: 12%;
 	z-index: 170;
 	margin: 0 auto;
 	opacity: 1.0;
 	border-bottom: 0px solid #dadada;
 	width: 100%;
 	position: fixed;
 	top: 0%;
 	left: 0;
 	right: 0;
 	text-align: center, center;
 }
 
 nav.main-nav:hover {
 	background: #fff;
 	height: 12%;
 	z-index: 170;
 	margin: 0 auto;
 	opacity: 1.0;
 	border-bottom: 0px solid #dadada;
 	width: 100%;
 	position: fixed;
 	top: 0%;
 	left: 0;
 	right: 0;
 	text-align: center, center;
 }
 
 .container {
 	display: inline;
 	margin: 0 auto;
 }
 
 nav.main-nav.stickytop {
 	position: fixed;
 	top: 0
 }
 
 .content {
 	color: #222;
 	padding: 50%;
 	-webkit-column-count: 2;
 	/* Chrome, Safari, Opera */
 	-moz-column-count: 2;
 	/* Firefox */
 	column-count: 2;
 	-webkit-column-gap: 20;
 	column-gap: 20px;
 }
 
 .content h2 {
 	margin: 0;
 	text-align: left;
 	font-size: 2em;
 }
 
 @media all and (min-width: 360px) and (max-width: 480px) {
 	header {
 		padding: 5px 0 55px;
 	}
 	nav.main-nav a {
 		font-size: 17px;
 	}
 	nav.main-nav {
 		height: 55px;
 	}
 	.container {
 		margin: 0 auto;
 		width: 50%;
 	}
 	.content {
 		-webkit-column-count: 2;
 		/* Chrome, Safari, Opera */
 		-moz-column-count: 2;
 		/* Firefox */
 		column-count: 2;
 	}
 }
 
 @media screen and (max-width: 480px) {
 	header {
 		padding: 50px 0 55px;
 	}
 	nav.main-nav a {
 		font-size: 17px;
 	}
 	nav.main-nav {
 		height: 55px;
 	}
 	.container {
 		width: 92%;
 	}
 	.content {
 		-webkit-column-count: 1;
 		/* Chrome, Safari, Opera */
 		-moz-column-count: 1;
 		/* Firefox */
 		column-count: 1
 	}
 }
 
 .kalah {
 	position: absolute;
 	top: 100%;
 	left: 0%;
 	width: 100%;
 	height: 600px;
 	outline: none;
 }
 
 .btn-primary {
 	color: #000;
 	background: #FAA500;
 	border: 1px solid #FAA500;
 	display: inline-block;
 	margin: 10px;
 	position: absolute;
 	width: 10%;
 	height: 5%;
 	top: 50%;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	border: none;
 }
 
 .auto-generated-link {
 	color: inherit;
 }
 
 .parrafo {
 	margin-top: 10%;
 	margin-left: center;
 	width: 55%;
 	padding: 2%;
 }
 
 .parrafo2 {
 	text-align: right;
 	margin-top: 10%;
 	margin-left: 55%;
 	width: 40%;
 	padding: 02%;
 	border: solid yellow 3px;
 	transform: translate(-05%, 10%);
 }
 
 .parrafo3 {
 	text-align: justify;
 	margin: auto;
 	width: 60%;
 	padding: 02%;
 	transform: translate(0%, -90%);
 }
 
 .parrafo4 {
 	margin: auto;
 	width: 50%;
 	padding: 0%;
 	border: solid red 0px;
 	transform: translate(0%, -50%);
 }
 
 .parrafo5 {
 	margin: auto;
 	width: 50%;
 	padding: 0%;
 	border: solid red 0px;
 	transform: translate(-45%, -120%);
 }
 
 .img2 {
 	width: 30%;
 	padding: 02%;
 }
 
 .t1 {
 	color: #fff;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
 .z3 {
 	color: #999;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
 .z2 {
 	color: #bbb;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
 .z1 {
 	color: #ddd;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 }