/* General Demo Style */


body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
	font-family: fantasy, Calibri, Courier, Monaco,;
    /*font-family: sans-serif, Arial, fantasy, Calibri ; */
    color: #FFFFFF;

}

a {
	color: #DE3502;
	text-decoration: none;
}

a:hover {
	color: #B5FFC0;
}






.submain {
	border: 1px solid #27FC0F;
	width: 100%;
	
	/*background: url("../imagenes/tie.png");		*/
	margin: 0em auto;
	background-attachment: fixed;
	display: block;
	margin: .2em 0em;

	     z-index:20;	
		
}

.submain {
	color: #D9190B;
	background-color: #FFEE00;
	padding: 3em 0em 0em 0em;
	opacity: 1;
	background-image: url("../wallpapers/tajinmx.png");
	background-repeat: no-repeat;   
	background-size: 45px auto;
   background-position: 58em .65em; 
-webkit-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
}


.submain  > section {
	max-width: 1370px;
	width: 100%;
	margin: 0em auto;
	display: block;
}

.submain > section h1 {
	font-size: 2.1em;
	line-height: 0;
	margin: -.6em 1em;
	float: left;
	font-weight: 100;
    padding:  0em 0em 0em 0em;	
	/*text-transform: uppercase;*/
	opacity: 1;
}

.submain  > section h2 {
	font-size: 1.2em;
	color: #666;
	line-height: 2;
	margin: -1.7em 15em;
	float: left;
	font-weight: 100;	
	padding:  0em 0em 0em 0em;
	opacity: 1;	
}




.submain > section h3 {	
	
	margin: 2.5em 70em;
	position: absolute;	
	
}



.menu_p > section span {
	display: block;
	font-weight: 200;	
	letter-spacing: 0.05em;
	padding: 0em 0em 0em 0em;
	float: right;
	margin: 0em 0em;
	z-index:100;
	display: block;
		
}



.menu_p > section button {
	border: 1px solid #27FC0F;
	background: #EE8400;
	color: #fff;
	padding: 0.4em 0.4em 0.4em 0.4em;
	display: block;
	width: 160px;
	cursor: pointer;
	margin: 2em 5em;
	font-size: 1.0em;
	 position: relative;
	z-index:70;

	padding-right: 6px;


-webkit-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
}

.menu_p > section button:hover {
	background: #68FF54;
}

.menu_p > section button.active {
	background: #27FC0F;
}

.menu_p > section button.disabled {
	background: #aaa;
	pointer-events: none;
}


.main {
	border: 1px solid #27FC0F;
	width: 100%;
	background: url("../wallpapers/tajin_blanco.jpg");		
	padding: 0em 0em 40em 0em;	
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-position: 31em 15em;
	background-size: 320px auto;
	margin: -5.5em auto;
	max-height: 100px;
	  opacity: .27;
	  z-index:2;
	
}

.main > section {
	/*max-width: 260px;*/
	width: 100%;
	margin: 0 auto;	
}

.main > section h2 {
	font-weight: 300;
	color: #ccc;
}





.subfooter {
	
color: #fff;
	background-color: #1BE305;
	padding: 2em 0em 0em 0em;
	opacity: 1;
	margin: -2.5em 0em;
	   z-index:60;	
	   position:fixed;
-webkit-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
width: 100%;


}

.subfooter span {
	
	font-weight: 200;	
	letter-spacing: 0.01em;
	padding: 0em 0em 0em 0em;

	
}

.subfooter h1 {
	font-size: 1.2em;
	line-height: 2;
	margin: -.8em 10em;
	float: left;
	font-weight: 400;	
	padding: 0em 0em 0em 3em;
	text-transform: uppercase;
}

.subfooter h2 {
	font-size: 1.1em;
	line-height: 2;
	margin: -1.4em 0em;
	float: left;
	font-weight: 400;	
	padding: 0em 0em 0em 0em;
	
}

.subfooter h3 a{
	font-size: 1.2em;
	line-height: 2;
	margin: -2.1em 27em;
	float: right;
	font-weight: 400;	
	padding: 0em 0em 0em 45px;
	background-image: url("../wallpapers/facebook.png");
	background-repeat: no-repeat;   
	background-size: 45px auto;
  
	
}


.custom-xxx {
  opacity: .98;
  color: #47a3da;
  border: 1px solid #FF00BF;
  background: white;  
   text-shadow: none; 
  font-size: 1.25em;
  font-family: 'Calibri';
  	text-align: justify;

-webkit-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 13px 12px 10px 0px rgba(0,0,0,0.75);
 box-shadow: inset 0 0 2rem rgba(255, 180, 50, .9);
}