/* CSS Document */
body {
	background:url(../img/fondo.jpg) no-repeat fixed center center #333;
	background-size: cover;
}
@media(min-width:1200px){*/
	body {
		overflow:hidden;
	}

 	#content{
 		/*border:solid blue;*/
		margin-top:15px;
 	}
	#content:after{
		content:" "; 
		display:block; 
		clear:both;
	}
 	#left-panel{
		width:25%;
		height:525px;
		float:left;
		margin-top:-16px;
	}
	#navbar{
		/*background-color:#e6b800;*/
		background-color:rgba(89,89,89,1);
		height:174px;
		background:url(../img/footer.jpg)
		}
	#news{
		
		/*background-color:#A7AEB1;*/
		background-color:rgba(89,89,89,1);
		height:160px;
		margin-top:15px;
	}
	#transparencia{
		background-color:rgba(89,89,89,1);
		/*background-color:#e6b800;*/
		height:140px;
		margin-top:15px;
	}
	#right-section{
		height:502px;
		width:0%;
		float:left;
		margin-left:26px;
	}
	#right-section2{
		height:502px;
		width:72%;
		float:right;
		margin-left:10px;
	}
	#right-section3{
		display:none;
	}
	#plataforma{
		width:50%;
		height:140px;
		display:inline;
	}
	#infomex{
		width:46%;
		height:140px;
		margin-left:5px;
	}	
.contenedor a{
	color:#fff;
	font-size:18px;
	font-style: inherit;
	font-family: "Century Gothic";
	width:12.3%;
	padding-bottom:10px;
	/*background:rgba(33,33,33,.3);*/
	background-color:rgba(89,89,89,1)
	height:12px;
	position:absolute;
	text-align:center;
}
.contenedor b{
	width:12.3%;
	margin-top:27px;
	position:relative;
	color:#fff;
	font-size:13px;
	font-family:"Century Gothic";
	text-align:center;
	position:absolute;
}
.contenedor h2{
	color:#fff;
	position:relative;
	font-size:12px;
	font-family:"Century Gothic";
	width:11%;
	margin-top:61px;
	margin-left:10px;
	text-align:center;
	position:absolute;
}
.contenedor h3{
	position:relative;
	width:12%;
	font-size:11px;
	margin-top:98px;
	font-family:"Century Gothic";
	color:#fff;
	text-align:center;
	position:absolute;
}
.contenedor h4{
	position:relative;
	width:180px;
	font-size:12px;
	margin-top:114px;
	margin-left:-10px;
	font-family:"Century Gothic";
	color:#fff;
	text-align:center;
	position:absolute;
}
.contenedor h5{
	position:relative;
	width:12%;
}
#mpantepec {
	width:50%;
	height:160px;
	margin-left:50%;
	margin-top:0px;
}
.contenedor{
	display:flex;
	flex-wraap:wrap;
	margin-left:-50;
}
.cpresidente{
	margin-top:-14px;
	margin-left:1px;
}
#navbar p{
	font-family:"Century Gothic";
	padding:10px 10px;
	color:#fff;
	/*background:rgba(35,35,35,.5);*/
	background-color:rgba(89,89,89,1)
	text-align:center;
	display: compact; 
}
.cpresidente b{
	font-family:"Century Gothic";
	font-size:10px;
	width:50%;
	text-align:center;
	margin-top:10px;
}
.cpresidente h1{
	font-family:"Century Gothic";
	font-size:10px;
	margin-left:25px;
	margin-top:110px;
	width:40%;
}
#mensaje{
	position:relative;
	position:absolute;
	color:#fff;
	width:13%;
	margin-top:4px;
	margin-left:2px;
}
#mensaje2{
	
	position:absolute;
	text-align:center;
	margin-top:25px;
	margin-left:1px;
	color:#fff;
	width:13%;
}
#mensaje3{
	
	position:absolute;
	text-align:center;
	margin-top:100px;
	margin-left:1px;
	color:#fff;
	width:13%;
}
#fpresidente{
	position:relative;
	width:45%;
	height:135px;
	margin-left:55%;
	margin-top:-2px;
}
#imgallery {
	position:relative;
	width:40%;
	height:503px;
	margin-left:2px;
	margin-top:0px;
	position:absolute;
}
#gframe{
	position:relative;
	position:absolute;
	width:38%;
	height:503px;
}

#pfbook {
	position:realtive;
	width:42%;
	height:503px;
	margin-left:56%;
	margin-top:0px;
}
#pfbook2 {
	display:none;
}
}

@media(min-width:300px) and (max-width:768px){
{
 	border:solid red; padding:15px;
 }
 	#content{
		display:table;
		width:100%;
 	}
	#left-panel:after{
		content:" "; 
		display:block; 
		clear:both;
	}
 	#left-panel{
		border:solid green;
		display: table-footer-group;
	}
	#navbar{
		/*background-color:#A7AEB1;*/
		background-color:rgba(89,89,89,1);
		height:180px;
		margin-top:10px;
		background:url(../img/footer.jpg);
		width:100%;
		}
	#news{
		/*background-color:#A7AEB1;*/
		background-color:rgba(89,89,89,1);
		height:160px;
		margin-top:10px;
		width:100%;
	}
	#right-section{
		background-color:#009999;
		height:400px;
	}
	#footer{
		height:140px;
		
		margin-top:10px;
		/*background-color:#e6b800;*/
		background-color:rgba(89,89,89,1);
	}
	#plataforma{
		width:50%;
		height:140px;
		display:inline;
		margin-top:10px;
	}
	#infomex{
		width:46%;
		height:140px;
		margin-left:5px;
	}	
.contenedor a{
	color:#fff;
	font-size:18px;
	font-style: inherit;
	font-family: "Century Gothic";
	width:48%;
	padding-bottom:10px;
	/*background:rgba(33,33,33,.3);*/
	background-color:rgba(89,89,89,1);
	height:12px;
	position:absolute;
	text-align:center;
}
.contenedor b{
	width:45%;
	margin-top:26px;
	position:relative;
	color:#fff;
	font-size:13px;
	font-family:"Century Gothic";
	text-align:center;
	position:absolute;
}
.contenedor h2{
	color:#fff;
	position:relative;
	font-size:12px;
	font-family:"Century Gothic";
	width:40%;
	margin-top:62px;
	margin-left:10px;
	text-align:center;
	position:absolute;
}
.contenedor h3{
	position:relative;
	width:45%;
	font-size:12px;
	margin-top:100px;
	font-family:"Century Gothic";
	color:#fff;
	text-align:center;
	position:absolute;
}
.contenedor h4{
	position:relative;
	width:48%;
	font-size:12px;
	margin-top:120px;
	font-family:"Century Gothic";
	color:#fff;
	text-align:center;
	position:absolute;
}
.contenedor h5{
	position:relative;
	width:50%;
}
#mpantepec {
	width:50%;
	height:160px;
	margin-left:0%;
	margin-top:0px;
}
.contenedor{
	display:flex;
	flex-wraap:wrap;
}
.cpresidente{
	margin-top:-14px;
	margin-left:1px;
	width:100%;
}
#navbar p{
	font-family:"Century Gothic";
	padding:10px 10px;
	color:#fff;
	
	/*background:rgba(35,35,35,.5);*/
	background-color:rgba(89,89,89,1);
	text-align:center;
	display: compact; 
}
.cpresidente b{
	font-family:"Century Gothic";
	font-size:10px;
	width:50%;
	margin-left:10px;
	text-align:center;
	margin-top:10px;
}
.cpresidente h1{
	font-family:"Century Gothic";
	font-size:10px;
	margin-left:25px;
	margin-top:110px;
	width:40%;
}
#mensaje{
	position:relative;
	color:#fff;
	position:absolute;
}
#mensaje2{
	position:relative;
	position:absolute;
	text-align:center;
	color:#fff;
	margin-top:30px;
}
#mensaje3{
	
	position:absolute;
	position:absolute;
	text-align:center;
	color:#fff;
}
#fpresidente{
	position:relative;
	width:39.5%;
	height:142px;
	margin-left:60%;
	margin-top:-3px;
}
#pfbook {
	width:100%;
	height:400px;
	margin-left:0%;
	margin-top:0px;
}
#right-section img{
	display:none;
}
#right-section{
	height:0px;
}

#gframe{
	display:none;
}
html {
    filter: grayscale(100%);
}
}