@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	13;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin:0;
	width: 100%;
	padding:0;
	clear: none;
	float: none;
}
#Master {
	width: 100%;
	min-width: 300px;
	height: 900px;
	background-color: #FFFFFF;
	z-index: 1;
	}
#Pleca1 {
	position: absolute;
	top: 0px;
	width: 100%;
	min-width: 300px;
	height: 230px;
	z-index: 100;
	background-image: url("Fotos/Cabeza.png");
	}	
#Logo {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 120px;
	height: 120px;
	z-index: 101;
	background-image:url("Fotos/Logo MXPcoin Dorado.svg");
	}	
#Logo2 {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 120px;
	height: 120px;
	z-index: 102;	
	cursor: pointer;
	}	
#Bandera {
	position: absolute;
	top: 5px;
	right: 10%;
	width: 30px;
	height: 20px;
	z-index: 104;
	background-image: url("Fotos/Espana.svg");
	cursor: pointer;
	}
#Linea1 {
	position: absolute;
	top: 100px;
	right: 10%;
	width:  50%;
	height: 2px;
	z-index: 102;
	background-color:#BD8D4D;
	}
#Cabeza {
	position: absolute;
	top: 49px;
	right: 10%;
	width: 600px;
	height: 230px;
	z-index: 103;
	}	
#Cuadro1 {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 90px;
	border-radius: 10px;
	height: 30px;
	z-index: 105;
	background-color: #BD8D4D;
	}	
#Inicio {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 106;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	}	
#Cuadro2 {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 90px;
	border-radius: 10px;
	height: 30px;
	z-index: 107;	
	background-color: #565555;
	visibility: hidden;
	}	
#Inicio2 {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;	
	visibility: hidden;
	}	
#Cuadro3 {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 90px;
	border-radius: 10px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}	
#Porque {
	position: absolute;
	top: 115px;
	right: 100px;
	width: 160px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #565555;	
	visibility: hidden;
	}
#Porque2 {
	position: absolute;
	top: 115px;
	right: 100px;
	width: 160px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color:#BD8D4D;
	visibility: visible;
	}
#Porque3 {
	position: absolute;
	top: 115px;
	right: 120px;
	width: 110px;
	height: 30px;
	z-index: 109;
	cursor: pointer;
	visibility: hidden;
	}
#Quien {
	position: absolute;
	top: 115px;
	right: 0px;
	width: 130px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: right;
	color: #565555;	
	}	
#Quien2 {
	position: absolute;
	top: 115px;
	right: 0px;
	width: 130px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: right;
	color: #BD8D4D;	
	visibility: hidden;
	}
#Quien3 {
	position: absolute;
	top: 115px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Fururo {
	position: absolute;
	top: 70px;
	right: 110px;
	width: 90px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #565555;	
	}	
#Fururo2 {
	position: absolute;
	top: 70px;
	right: 110px;
	width: 90px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #BD8D4D;	
	visibility: hidden;
	}
#Fururo3 {
	position: absolute;
	top: 70px;
	right: 120px;
	width: 60px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Transparencia {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 100px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: right;
	color: #565555;
	}	
#Transparencia2 {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 100px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: right;
	color:#BD8D4D;
	visibility: hidden;
	}	
#Transparencia3 {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Foto1 {
	position: absolute;
	top: 170px;
	width: 100%;
	max-width: 2000px;
	height: 597px;
	z-index: 5;
	background-image:url("Fotos/BackM1.jpg");
	visibility: hidden;
	}
#Foto2 {
	position: absolute;
	top: 170px;
	width: 100%;
	max-width: 900px;
	height: 300px;
	z-index: 5;
	background-image:url("Fotos/BackM2.jpg");
	visibility: hidden;
	}	
#Foto3 {
	position: absolute;
	top: 200px;
	width: 100%;
	min-width: 300px;
	height: 138px;
	z-index: 5;
	background-image:url("Fotos/BackM3.jpg");
	visibility: visible;
	}	
#Moneda {
	position: absolute;
	top: 290px;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	height: 32px;
	z-index: 7;
	background-image:url("Fotos/Mission.svg");
	}		
#Texto1 {
	position: absolute;
	top: 350px;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	height: 500px;
	z-index: 8;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #666464;
	text-align: justify;
	}	

#Pleca5 {
	position: absolute;
	top: 850px;
	width: 100%;
	min-width: 300px;
	height: 1800px;
	z-index: 3;
	background-color: #BD8D4D;
}
#Pleca7 {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 1800px;
	z-index: 4;
	}
#Estrategia{
	position: absolute;
	top: 30px;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	height: 45px;
	z-index: 10;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 17pt;
	color: #FFFFFF;
	text-align: center;
}		
#TextStrat {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 280px;
	margin-left: -140px;
	height: 200px;
	z-index: 11;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;
}	
#Cubo1 {
	position: absolute;
	top: 330px;
	left: 0px;
	width: 300px;
	height: 650px;
	z-index: 12;
	border: 2px solid #FFFFFF;
	}	
#Icono1 {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 167px;
	margin-left: -83.5px;
	height: 150px;
	z-index: 11;
	background-image: url("Fotos/Icono1.svg");
	}	
#Politica {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 40px;
	z-index: 12;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;
	}	
#Politic1 {
	position: absolute;
	top: 270px;
	left: 50%;
	width: 240px;
	margin-left: -120px;
	height: 300px;
	z-index: 13;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;
	}
#Cubo2 {
	position: absolute;
	top: 1010px;
	right: 0px;
	width: 300px;
	height: 650px;
	z-index: 12;
	border: 2px solid #FFFFFF;	
	}	
#Icono2 {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	height: 150px;
	z-index: 11;	
	background-image: url("Fotos/Icono2.svg");
	}	
#Tacticas {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 40px;
	z-index: 12;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;	
	}	
#Tacticas2 {
	position: absolute;
	top: 270px;
	left: 50%;
	width: 240px;
	margin-left: -120px;
	height: 300px;
	z-index: 13;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;	
	}	
			

#Pleca14 {
	position: absolute;
	top: 2820px;
	right: 10%;
	width: 300px;
	height: 100px;
	z-index: 17;
	}
#LinkedIn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 35px;
	height: 35px;
	z-index: 20;
	background-image: url("Fotos/LinkedIn.svg");
	cursor: pointer;
	}	
#X {
	position: absolute;
	top: 0px;
	right: 60px;
	width: 35px;
	height: 35px;
	z-index: 20;	
	background-image: url("Fotos/X.svg");
	cursor: pointer;
	}	
#Instagram {
	position: absolute;
	top: 0px;
	right: 120px;
	width: 35px;
	height: 35px;
	z-index: 20;	
	background-image:url("Fotos/Instagram.svg");
	cursor: pointer;
	}	
#Facebook {
	position: absolute;
	top: 0px;
	right: 180px;
	width: 35px;
	height: 35px;
	z-index: 20;
	background-image: url("Fotos/Facebook.svg");
	cursor: pointer;
	}	
		
	




















#Copy {
	position: absolute;
	top: 2700px;
	left: 5%;
	width: 280px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;	
}
#Copy2 {
	position: absolute;
	top: 2745px;
	left: 5%;
	width: 280px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;	
}
#Correo {
	position: absolute;
	top: 2770px;
	left: 5%;
	width: 280px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;
}

.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 600px) {

.gridContainer {
	width: 100%;
	padding:0;
	margin: 0;
	clear: none;
	float: none;
}
#Master {
	width: 100%;
	max-width: 900px;
	height: 900px;
	background-color: #FFFFFF;
	z-index: 1;
	}

#Pleca1 {
	position: fixed;
	top: 0px;
	width: 100%;
	max-width: 2000px;
	height: 170px;
	z-index: 100;
	background-image: url("Fotos/Cabeza.png");
	}	
#Logo {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 120px;
	height: 120px;
	z-index: 131;
	background-image:url("Fotos/Logo MXPcoin Dorado.svg");
	}	
#Logo2 {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 120px;
	height: 120px;
	z-index: 132;	
	cursor: pointer;
	}	
#Bandera {
	position: absolute;
	top: 115px;
	right: 10%;
	width: 30px;
	height: 20px;
	z-index: 104;
	background-image: url("Fotos/Espana.svg");
	cursor: pointer;
	}
#Linea1 {
	position: absolute;
	top: 100px;
	right: 10%;
	width:  60%;
	height: 2px;
	z-index: 102;
	background-color:#BD8D4D;
	}
#Cabeza {
	position: absolute;
	top: 0px;
	right: 10%;
	width: 600px;
	height: 170px;
	z-index: 103;
	}	
#Cuadro1 {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 90px;
	border-radius: 10px;
	height: 30px;
	z-index: 105;
	background-color: #BD8D4D;
	}	
#Inicio {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 106;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;
	}	
#Cuadro2 {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 90px;
	border-radius: 10px;
	height: 30px;
	z-index: 107;	
	background-color: #565555;
	visibility: hidden;
	}	
#Inicio2 {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #FFFFFF;	
	visibility: hidden;
	}	
#Cuadro3 {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 90px;
	border-radius: 10px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}	
#Porque {
	position: absolute;
	top: 62px;
	right: 320px;
	width: 160px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #565555;		
	visibility: hidden;
	}
#Porque2 {
	position: absolute;
	top: 62px;
	right: 320px;
	width: 160px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color:#BD8D4D;
	visibility: visible;
	}
#Porque3 {
	position: absolute;
	top: 62px;
	right: 350px;
	width: 110px;
	height: 30px;
	z-index: 109;
	cursor: pointer;
	visibility: hidden;
	}
#Quien {
	position: absolute;
	top: 62px;
	right: 200px;
	width: 130px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #565555;	
	}	
#Quien2 {
	position: absolute;
	top: 62px;
	right: 200px;
	width: 130px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #BD8D4D;	
	visibility: hidden;
	}
#Quien3 {
	position: absolute;
	top: 62px;
	right: 220px;
	width: 95px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Fururo {
	position: absolute;
	top: 62px;
	right: 110px;
	width: 90px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #565555;	
	}	
#Fururo2 {
	position: absolute;
	top: 62px;
	right: 110px;
	width: 90px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: center;
	color: #BD8D4D;	
	visibility: hidden;
	}
#Fururo3 {
	position: absolute;
	top: 62px;
	right: 120px;
	width: 60px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Transparencia {
	position: absolute;
	top: 62px;
	right: 0px;
	width: 100px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: right;
	color: #565555;
	}	
#Transparencia2 {
	position: absolute;
	top: 62px;
	right: 0px;
	width: 100px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 10pt;
	text-align: right;
	color:#BD8D4D;
	visibility: hidden;
	}	
#Transparencia3 {
	position: absolute;
	top: 62px;
	right: 0px;
	width: 90px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Foto1 {
	position: absolute;
	top: 0px;
	width: 100%;
	max-width: 2000px;
	height: 597px;
	z-index: 5;
	background-image:url("Fotos/BackM1.jpg");
	visibility: hidden;
	}
#Foto2 {
	position: absolute;
	top: 100px;
	width: 100%;
	max-width: 900px;
	height: 248px;
	z-index: 5;
	background-image:url("Fotos/BackM2.jpg");
	visibility: visible;
	}	
#Foto3 {
	position: absolute;
	top: 170px;
	width: 100%;
	max-width: 500px;
	height: 300px;
	z-index: 5;
	background-image:url("Fotos/Banner3.jpg");
	visibility: hidden;
	}				
#Moneda {
	position: absolute;
	top: 255px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	height: 52px;
	z-index: 7;
	background-image:url("Fotos/Mission.svg");
	}		
#Texto1 {
	position: absolute;
	top: 330px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	height: 350px;
	z-index: 8;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #666464;
	text-align: justify;
	}	
#Line3 {
	position: absolute;
	top: 650px;
	width: 100%;
	max-width: 900px;
	height: 2px;
	z-index: 10;
	background-color: #565555;	
	}	
#Pleca5 {
	position: absolute;
	top: 620px;
	width: 100%;
	max-width: 900px;
	height: 1000px;
	z-index: 3;
	background-color: #BD8D4D;
}
#Pleca7 {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	height: 1000px;
	z-index: 4;
	}
#Estrategia{
	position: absolute;
	top: 30px;
	left: 50%;
	width: 550px;
	margin-left: -275px;
	height: 45px;
	z-index: 10;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 17pt;
	color: #FFFFFF;
	text-align: center;
}		
#TextStrat {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 550px;
	margin-left: -275px;
	height: 200px;
	z-index: 11;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;
}	
#Cubo1 {
	position: absolute;
	top: 250px;
	left: -20px;
	width: 300px;
	height: 650px;
	z-index: 12;
	border: 2px solid #FFFFFF;
	}	
#Icono1 {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 167px;
	margin-left: -83.5px;
	height: 150px;
	z-index: 11;
	background-image: url("Fotos/Icono1.svg");
	}	
#Politica {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 40px;
	z-index: 12;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;
	}	
#Politic1 {
	position: absolute;
	top: 270px;
	left: 50%;
	width: 240px;
	margin-left: -120px;
	height: 300px;
	z-index: 13;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;
	}
#Cubo2 {
	position: absolute;
	top: 250px;
	right: -20px;
	width: 300px;
	height: 650px;
	z-index: 12;
	border: 2px solid #FFFFFF;	
	}	
#Icono2 {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	height: 150px;
	z-index: 11;	
	background-image: url("Fotos/Icono2.svg");
	}	
#Tacticas {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 40px;
	z-index: 12;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;	
	}	
#Tacticas2 {
	position: absolute;
	top: 270px;
	left: 50%;
	width: 240px;
	margin-left: -120px;
	height: 300px;
	z-index: 13;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;	
	}	
			
#Pleca14 {
	position: absolute;
	top: 1770px;
	right: 10%;
	width: 400px;
	height: 100px;
	z-index: 17;
	}
#LinkedIn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 35px;
	height: 35px;
	z-index: 20;
	background-image: url("Fotos/LinkedIn.svg");
	cursor: pointer;
	}	
#X {
	position: absolute;
	top: 0px;
	right: 60px;
	width: 35px;
	height: 35px;
	z-index: 20;	
	background-image: url("Fotos/X.svg");
	cursor: pointer;
	}	
#Instagram {
	position: absolute;
	top: 0px;
	right: 120px;
	width: 35px;
	height: 35px;
	z-index: 20;	
	background-image:url("Fotos/Instagram.svg");
	cursor: pointer;
	}	
#Facebook {
	position: absolute;
	top: 0px;
	right: 180px;
	width: 35px;
	height: 35px;
	z-index: 20;
	background-image: url("Fotos/Facebook.svg");
	cursor: pointer;
	}	
			
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
#Copy {
	position: absolute;
	top: 1700px;
	left: 10%;
	width: 600px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;	
}
#Copy2 {
	position: absolute;
	top: 1720px;
	left: 10%;
	width: 600px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;	
	}
#Correo {
	position: absolute;
	top: 1740px;
	left: 10%;
	width: 600px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;
}
		
	
	

.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 900px) {

.gridContainer {
	width: 100%;
	max-width: 2000px;
	padding:0;
	margin: 0;
	clear: none;
	float: none;
}
#Master {
	width: 100%;
	max-width: 2000px;
	height: 1500px;
	background-color: #FFFFFF;
	z-index: 1;
	}  
#Pleca1 {
	position: fixed;
	top: 0px;
	width: 100%;
	max-width: 2000px;
	height: 170px;
	z-index: 100;
	background-image: url("Fotos/Cabeza.png");
	}	
#Logo {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 120px;
	height: 120px;
	z-index: 101;
	background-image:url("Fotos/Logo MXPcoin Dorado.svg");
	}	
#Logo2 {
	position: absolute;
	top: 20px;
	left: 10%;
	width: 120px;
	height: 120px;
	z-index: 102;	
	cursor: pointer;
	}	
#Bandera {
	position: absolute;
	top: 5px;
	right: 10%;
	width: 30px;
	height: 20px;
	z-index: 104;
	background-image: url("Fotos/Espana.svg");
	cursor: pointer;
	}
#Linea1 {
	position: absolute;
	top: 100px;
	right: 10%;
	width:  70%;
	height: 2px;
	z-index: 102;
	background-color:#BD8D4D;
	}
#Cabeza {
	position: absolute;
	top: 0px;
	right: 10%;
	width: 700px;
	height: 170px;
	z-index: 103;
	}	
#Cuadro1 {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 100px;
	border-radius: 10px;
	height: 35px;
	z-index: 105;
	background-color: #BD8D4D;
	}	
#Inicio {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 100px;
	height: 30px;
	z-index: 106;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #FFFFFF;
	}	
#Cuadro2 {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 100px;
	border-radius: 10px;
	height: 35px;
	z-index: 107;	
	background-color: #565555;
	visibility: hidden;
	}	
#Inicio2 {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 100px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #FFFFFF;	
	visibility: hidden;
	}	
#Cuadro3 {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 100px;
	border-radius: 10px;
	height: 35px;
	z-index: 109;	
	cursor: pointer;
	}	
#Porque {
	position: absolute;
	top: 62px;
	right: 510px;
	width: 160px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #565555;	
	visibility: hidden;
	}
#Porque2 {
	position: absolute;
	top: 62px;
	right: 510px;
	width: 160px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color:#BD8D4D;
	visibility: visible;
	}
#Porque3 {
	position: absolute;
	top: 62px;
	right: 530px;
	width: 130px;
	height: 30px;
	z-index: 109;
	cursor: pointer;
	visibility: hidden;
	}
#Quien {
	position: absolute;
	top: 62px;
	right: 370px;
	width: 130px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #565555;	
	}	
#Quien2 {
	position: absolute;
	top: 62px;
	right: 370px;
	width: 130px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #BD8D4D;	
	visibility: hidden;
	}
#Quien3 {
	position: absolute;
	top: 62px;
	right: 385px;
	width: 100px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Fururo {
	position: absolute;
	top: 62px;
	right: 260px;
	width: 100px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #565555;	
	}	
#Fururo2 {
	position: absolute;
	top: 62px;
	right: 260px;
	width: 100px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #BD8D4D;	
	visibility: hidden;
	}
#Fururo3 {
	position: absolute;
	top: 62px;
	right: 280px;
	width: 60px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Transparencia {
	position: absolute;
	top: 62px;
	right: 130px;
	width: 130px;
	height: 30px;
	z-index: 107;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color: #565555;
	}	
#Transparencia2 {
	position: absolute;
	top: 62px;
	right: 130px;
	width: 130px;
	height: 30px;
	z-index: 108;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	text-align: center;
	color:#BD8D4D;
	visibility: hidden;
	}	
#Transparencia3 {
	position: absolute;
	top: 62px;
	right: 150px;
	width: 90px;
	height: 30px;
	z-index: 109;	
	cursor: pointer;
	}
#Foto1 {
	position: absolute;
	top: 50px;
	width: 100%;
	max-width: 2000px;
	height: 551px;
	z-index: 5;
	background-image:url("Fotos/BackM1.jpg");
	visibility: visible;
	}
#Foto2 {
	position: absolute;
	top: 0px;
	width: 100%;
	max-width: 900px;
	height: 300px;
	z-index: 5;
	background-image:url("Fotos/BackM2.jpg");
	visibility: hidden;
	}	
#Foto3 {
	position: absolute;
	top: 0px;
	width: 100%;
	max-width: 500px;
	height: 300px;
	z-index: 5;
	background-image:url("Fotos/BackM3.jpg");
	visibility: hidden;
	}			
#Moneda {
	position: absolute;
	top: 430px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 77px;
	z-index: 7;
	background-image:url("Fotos/Mission.svg");
	}	
	
#Texto1 {
	position: absolute;
	top: 550px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	height: 250px;
	z-index: 8;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #666464;
	text-align: justify;
	}	
#Line3 {
	position: absolute;
	top: 820px;
	width: 100%;
	max-width: 2000px;
	height: 2px;
	z-index: 10;
	background-color: #565555;	
	}	
#Pleca5 {
	position: absolute;
	top: 800px;
	width: 100%;
	max-width: 2000px;
	height: 900px;
	z-index: 3;
	background-color: #BD8D4D;
}
#Pleca7 {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	height: 900px;
	z-index: 4;
	}
#Estrategia{
	position: absolute;
	top: 30px;
	left: 50%;
	width: 500px;
	margin-left: -250px;
	height: 45px;
	z-index: 10;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 17pt;
	color: #FFFFFF;
	text-align: center;
}		
#TextStrat {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	height: 200px;
	z-index: 11;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;
}	
#Cubo1 {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 420px;
	height: 600px;
	z-index: 12;
	border: 2px solid #FFFFFF;
	}	
#Icono1 {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 167px;
	margin-left: -83.5px;
	height: 150px;
	z-index: 11;
	background-image: url("Fotos/Icono1.svg");
	}	
#Politica {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 40px;
	z-index: 12;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;
	}	
#Politic1 {
	position: absolute;
	top: 270px;
	left: 50%;
	width: 320px;
	margin-left: -160px;
	height: 300px;
	z-index: 13;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;
	}
#Cubo2 {
	position: absolute;
	top: 200px;
	right: 0px;
	width: 420px;
	height: 600px;
	z-index: 12;
	border: 2px solid #FFFFFF;	
	}	
#Icono2 {
	position: absolute;
	top: 25px;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	height: 150px;
	z-index: 11;	
	background-image: url("Fotos/Icono2.svg");
	}	
#Tacticas {
	position: absolute;
	top: 210px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 40px;
	z-index: 12;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14pt;
	color: #FFFFFF;
	text-align: center;	
	}	
#Tacticas2 {
	position: absolute;
	top: 270px;
	left: 50%;
	width: 320px;
	margin-left: -160px;
	height: 300px;
	z-index: 13;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	color: #FFFFFF;
	text-align: justify;	
	}	
	
#Pleca14 {
	position: absolute;
	top: 1900px;
	right: 10%;
	width: 400px;
	height: 100px;
	z-index: 17;
	}
#LinkedIn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 35px;
	height: 35px;
	z-index: 20;
	background-image: url("Fotos/LinkedIn.svg");
	cursor: pointer;
	}	
#X {
	position: absolute;
	top: 0px;
	right: 60px;
	width: 35px;
	height: 35px;
	z-index: 20;	
	background-image: url("Fotos/X.svg");
	cursor: pointer;
	}	
#Instagram {
	position: absolute;
	top: 0px;
	right: 120px;
	width: 35px;
	height: 35px;
	z-index: 20;	
	background-image:url("Fotos/Instagram.svg");
	cursor: pointer;
	}	
#Facebook {
	position: absolute;
	top: 0px;
	right: 180px;
	width: 35px;
	height: 35px;
	z-index: 20;
	background-image: url("Fotos/Facebook.svg");
	cursor: pointer;
	}	

	
#Copy {
	position: absolute;
	top: 1900px;
	left: 10%;
	width: 600px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;	
}
#Copy2 {
	position: absolute;
	top: 1920px;
	left: 10%;
	width: 600px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;	
	}
#Correo {
	position: absolute;
	top: 1940px;
	left: 10%;
	width: 600px;
	height: 100px;
	z-index: 7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12pt;
	text-align: left;
	color:#565555;
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}