@charset "utf-8";
/* CSS Document */

*{
	margin:0%;
	padding:0%;
	}
body{
	background-color:#CCC;
}
#contenedor{
	width: 1200px;
}
header{
	width:100%;
	height:100px;
	background-color:#036;
	padding: 10px 0px 10px 0px;
		
}
#logo{
	
	margin-left:4%;
	float:left;
	width:11%;
	height:100%;
	
}#nombre{
     width:80%;
	 height:auto;
	 margin:auto;
	 color:FFF;
	}


nav{
	margin-left: 100px;
	padding:20px 20px 20px 20px;
	float:left;
	font-size:24px;
}
a{
	text-decoration:none;
	color:#FFF;
}
a:hover{
	border-radius: 10px 0px 10px 0px;
	background-color:#F60;
	
	
}
.navboton{
	float:left;
	background-image:url(../img/navboton-01.png);
	background-size:100% 100%;
	margin-right:20px;
	
}
#banner{
	width:100%;
	height:300px;
	background-position:center center;
	background-size:100% 100%;
	background-image:url(../img/banner2.jpg);
	
}

footer{
	width:100%;
	height:160px;
	background-color:#036 ;
	clear: both;
}
 #milogo{
	  width:10%;
	  height:10%;
	  
	  float:left;
	  opacity:0.5;
	 }
aside{
	width:100%;
	height: 100%;

}

#tableaside{
	width:65%;
	
}
#tableaside td{
	width:150px;
	height: 150px;
	
}
.contconvelogo{
	background: rgba(255,255,255,1.00);
	width: 20%;
	height: 40%;
	margin:0% 2% 0% 2%;
	float: left;
	padding: 10px;
	border-radius: 30px;
}
.conveniologo{
	width:100%;
	height:100%;	
	
}
#patro{
	width:50%;
	height:50%;
	border-radius:5%;
	margin:0% 3% 0% 3%;
	
}

.contconveredes{
	background: rgba(255,255,255,1.00);
	width: 20%;
	height: 40%;
	margin:5% 1% 0% 0%;
	float: left;
	padding: 10px;
	border-radius: 30px;
}
.redes{
	width:100%;
	height:100%;	
	
}

section{
	width:98%;
	height: auto;
	background-color:white;
	padding: 10px;
	}
/*plantilla inicio*/
#infq{
	width:100%;
	color:#000;
}

#parrafo{
	width:90%;
	height:auto;
	margin:10px 0px 30px 0px;
	font-size:18px;
	color:#000;
}

#informa{
	width:35%;
	height:600px;
	margin-left:60px;
	float:left;
	text-align: left;
}
#publicidad{
	width: 50%;
	margin:20px 0px 10px 0px;
} /*aquí termina*/


/*plantilla quienes somos*/
#continfo{
	width:90%;
	background-color:#FFF;
	height:auto;
	}
	#foto{
		width:100%;
		height:540px;
	} #infquien{
		width:80%;
		margin-right:20px;
		margin-top:20px;
	}  #mision{
		width:80%;
	margin-right:20px;
	}  #vision{
		width:80%;
		margin-right:20px;
	}  #Antecedentes{
		margin-top:40px;
		width:80%;
		margin-right:20px;
	} #consejo{
		margin-top:40px;
		width:80%;
		margin-right:20px;
	} #objetivos{
		margin-top:40px;
		width:80%;
		margin-right:20px;
	}  #leyenda{
		margin-top:40px;
		width:80%;
		margin-right:20px;
	}
/*aqui termina*/


/*plantilla congreso*/

#pdf{
	width:50%;
	float:left;
}

#mapa{
	width:50%;
	height:850px;
	margin-left:600px;
}
 #imagencon{
	 width:100%;
	 height:380px;
	 background-image:url(../img/fondo.jpg);
	 background-position:center center;
	 background-size:100% 100%;
	 } #biografia{
		 width:50%;
		 height:auto;
	 }
		  /* aqui termina*/
		 
		 /*plantilla directorio*/
		 
		 #comision1{
			 width:50%;
			 margin:auto;
			 height:auto;
			 color:#FFF;	
		 } #comision2{
			 width:50%;
			  margin:auto;
			 height:auto;
			 color:#FFF;	
		 } #comision3{
			 width:50%;
		 margin:auto;
			 height:auto;
			 color:#FFF;	
		 } #comision4{
			 width:50%;
			  margin:auto;
			 height:auto;
			 color:#FFF;	
		 } #comision5{
			 width:50%;
			  margin:auto;
			 height:auto;
			 color:#FFF;	
		 } #comision6{
			 width:50%;
			 margin:auto;
			 height:auto;
			 color:#FFF;	
		 } #comision7{
			 width:50%;
		 margin:auto;
			 height:auto;
			 color:#FFF;	
		 }
		 
		 /*aqui termina*/
		
		 /* plantilla contacto*/
		 
		 #contacto{
			width:50%;
			height:400px;
			font-size:30px;
			background-color:#FFF;
			float:left;
		 } #dir{
			 width:10%;
		 } #tel{
			 width:10%;
		 } #cor{
			 width:10%;
		 }
		 
		 #imagencont{
			 width:50%;
		    height:400px;

		 }