body {
	font-family:   Roboto, "Roboto Bk", "Roboto Cn", "Roboto Lt", "Roboto Th","Helvetica Neue", Helvetica, Arial, SansSerif;
	overflow-x:hidden;
	-ms-overflow-x:hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #EEE;
} 


body, div, dl, dt, dd, ul, ol, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	box-sizing: border-box;
}

a:link, a:hover, a:visited {
	text-decoration: none;
	color: #000;
}

iframe { display:block; width:100%; border:none;margin:0; padding-left:5px; padding-right:5px;; padding-top: 10px;
	padding-bottom: 10px; height: 200px; 
}


.iframe_home{
	height: 500px;
}


#contenedor_iunma {
	width: 75%;
	min-height:100%;
	background-color: #FFF;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5px;
 } 



#contenedor_principal{
	width: 100%;
	display:block;
	position:relative;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 4;
}

#banner{
	width: 100%;

}


.imgslider{
	width: 100%;
	position: relative;
	
}

.separador1{
	min-height: 3px;
	background-color: #32a0db;
	width: 100%;
	position: relative;
	margin: 0px;
	z-index: 55;
}

.botonera_footer{
	min-height: 25px;
	background-color: #32a0db;
	width: 100%;
	position: relative;
	margin: 0px;
	z-index: 55;
}

.contenedor_notas{
	width: 80%;
	margin-top:10px;
	text-align:center;
	background-color:#FFF;

}



.tit_notas_home{
	font-size: 17px;
	color:#449bc8;
	font-weight: normal;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;

}
.tit_notas_home a:link, a:hover, a:visited{
	color:#449bc8;
}

.contenido_notas_home{
	font-size: 12px;
	text-align: justify;
	padding-left:10px;
	padding-right:10px;
	padding-top: 20px;	
}

.contenido_notas_home3{
	font-size: 12px;
	text-align: justify;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	color:#999;
}


.contenido_notas_home2{
	font-size: 12px;
	text-align: justify;
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
	color:#900;
	font-weight:bold;

}



.img_notas_home{
	width: 95%;
	padding-left:5px;
	padding-right:5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

figcaption{
	font-size: 8px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.img_notas_comunicados{
	width: 20%;
	float: left;
	padding-left:10px;
	padding-right:10px;


}

.home_nota1{
	float: right;
	width:20%;
	border-right-color:#CCC;
	border-right-style:solid;
	border-right-width:thin;
	padding-bottom: 40px;
	
}

.home_nota2{
	width:20%;
	float: right;
	border-right-color:#CCC;
	border-right-style:solid;
	border-right-width:thin;
	padding-bottom: 40px;
}


.home_nota3{
	float: right;
	width:33%;
	border-right-color:#CCC;
	border-right-style:solid;
	border-right-width:thin;
    padding-bottom: 10px;
 

}

.home_comunicados{
	float: right;
	text-align:left;
	width:100%;
	border-right-color:#CCC;
	border-right-style:solid;
	border-right-width:thin;
	border-bottom-color:#CCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
    padding-bottom: 40px;
}





.calendario1{
		width: 10%;
	float: right;
	z-index: 9999;
}

.calendario2{
		width: 10%;
	float: right;
}

.link2{
	width: 50%;
	float:right;
}

.link1{
	width: 50%;
	float:right;

}

.link4{
	width: 50%;
	float:right;
}

.link3{
	width: 50%;
	float:left;
}

.link5{
	width: 50%;
	float:right;
}

.link6{
	width: 50%;
	float:left;
}

.link_notas_home{
	width: 20%;
	height: 40%;
	float: right;
	font-size: 10px;
	
}

.contenedor_divs_home{
	text-align:center;
	background-color:#000080;
	
}
.iunmasli {
	float: left;
	margin-top:0px;
	width:80%;
	
}

.iunmalinks{
	width:32%;
	float: right;
	background:#006;
	
}

.iunma_barra_der{
	float: right;
	width:20%;
	display:inline-block;
	
}
.iunma_barra_der img{
	width:90%;
	padding-bottom:5px;
	padding-top: 5px;

}

.titulos a,
.titulos{
	font-size:12px;
	font-family: Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", "Helvetica Neue", Helvetica,;
	font-weight: bold;
	color: #32a0db;
	padding-bottom: 5px;
	text-align:center;
	
}

.noticias{
	width:100%;
	background-color: #E1E1E1;
	line-height: 10px;
	height: 10px;
	padding-top: 2px;
	padding-left: 3px;
	text-align:left;
	font-size:10px;
	
	
}
.noticias2{
	width:100%;
	background-color: #E1E1E1;
	line-height: 30px;
	height: 40px;
	clear:both;
}



.tit_noticias{
	font-size: 16px;
	color: #333;
	padding-left: 10px;
}

.redes{
	width: 95%;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	float:right;

}
.redes_figure{
	width: 10%;
	
}
.redes1{
	width: 20%;
	float: right;
}

.div_youtube {
	position: relative;
	padding-bottom: 29.5%; /*panorámico*/
	width: 50%;
	height: 0;
	float:right;

}
.div_youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.fotos_home{
	width: 100%;
	text-align:center;
	display:block;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	float:right;
}

.fotos_home1{
	width: 33%;
	float:right;
}
.fotos_home2{
	width: 33%;
	float: left;
}
.fotos_home3{
	width: 33%;
	float: right;

}

.fotos_cartas{
	width: 50%;
	float: right;

}

.fotos_home_figure{
	width: 95%;
}


.div_secciones{
	width: 100%;
	float:left;
}
.tw{
	height:100%;
} 


.audio_iframe { width: 5px;
height: 5px;}


.notas{
	display: flex;
	width: 100%;
	margin-top:10px;
	text-align:center;
	background-color:#FFF;
	margin: 12px;
		
		}
		
		
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}	
		
		
		
.notas-iunma{
	width: 80%;
	display: flex;
	justify-content: space-around;
}

.efemerides-div{
	width:77%;
	display: flex;
	justify-content: flex-start;
	background-color: rgb(244, 241, 241);
	margin: 10px 20px;
}
.efemerides img{
	width: 100%;
}
.ef1{
	width:32%;
	padding: 10px;
	align-self: center;}

	
.ef2{
	width:65%;
	padding: 10px;
}
	
.efemerides p{
	font-size: 1rem;
	font-family:Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", Sans-serif;

}


.art-iunma { 
width: 30%;
padding: 10px 0px;
	}
.art-foot{
font-size: 80%;
color: #900;
text-align: left;
	}

.n1 img, video, p, h1{
	width: 100%;
	padding: 5px 0px;
}

.n1 p{ 
text-align: justify;
font-size: 80%;
}

.n1 h1{
text-align: center;
font-size: 100%;
color:#1A3C86;
}



.nota-iunma{
	width:98%;
	display: flex;
	justify-content: flex-start;
	background-color: rgb(244, 241, 241);
	margin: 10px 10px;
}
.nota-iunma img{
	width: 100%;
}
.nota-iunma1{
	width:40%;
	padding: 10px;
	align-self: center;}

.nota-iunma2{
	width:80%;
	padding: 10px;
}
	
.nota-iunma2 p{
	text-align: left;
	font-size: 1rem;
	font-family:Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", Sans-serif;

}







.div_videos{
	width:98%;
	display: flex;
	justify-content: flex-start;
	background-color: rgb(244, 241, 241);
	margin: 10px 10px;
}
.videos_child{
	width: 15%;
	padding:1px;
	}

.videos_child img, video{
	width: 100%;
}


.div_grey{
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.div_grey2 img{
	width: 100%;

}
.divgrey_child1{
	width:30%;
	padding: 10px;
	align-self: center;}


.divgrey_child2{
	width:70%;
	padding: 10px;
}
	
.div_grey2 p{
	font-size: 1rem;
	font-family:Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", Sans-serif;
	text-align: left;
}

.nota100{
	width:78%;
	display: flex;
	justify-content: flex-start;
	background-color: rgb(244, 241, 241);
	margin: 10px 20px;
}

.nota100 img{
	width: 100%;
}
.nota1001{
	width:99%;
	padding: 3px;
	align-self: center;
	}

.nota100 p{
	font-size: 1rem;
	font-family:Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", Sans-serif;

}


.grid-container{
  width: 80%;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  padding-bottom:20px;
  padding: 10px;
  border-bottom:#999 solid 5px;
  background-color: #FFF0E1A;

}

.grid-item{
  padding: 5px;
  display: grid;
  place-items: center;
	align-self: start;
}

.grid-item-div img, video, p h1{
	width: 100%;
	padding: 5px 5px;

	
}

.grid-item-div p{ 
text-align: justify;
font-size: 80%;
}

.grid-item-div h1{
text-align: center;
font-size: 100%;
color:#1A3C86;
}




#b2{
	  background-color:#0000A0;
	  padding:10px;
	  color:#FFF;
	  border-radius:10px;
	  width:75%;
	  border-color:#FFF;
	    font-family:Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", Sans-serif;
   font-weight:bold;
   font-size:16px;
	
}

#b1{
	  background-color: #2F824B;
	  padding:10px;
	  color:#FFF;
	  border-radius:10px;
	  width:75%;
	    font-family:Roboto, "Roboto Cn", "Roboto Lt", "Roboto Th", "Helvetica LT Std", Sans-serif;
   font-weight:bold;
   border-color:#FFF;
   font-size:16px;
	  
	  
}


