*{
 	margin: 0;
 	padding: 0;
 	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	box-sizing:border-box;
}

html{
	scroll-behavior: smooth;
}

body{
	font-family:'Raleway', sans-serif;
	text-transform: none;
	font-size: 17px;
	line-height: 2;
	background-color:#fff;
	
	display:flex;
	flex-direction:column;
	min-height:100vh;
}

main{
	flex-grow:1;
}

h1,h2,h3,h4,h5,h6{
		font-size:24px;
		color:#2874a6;
		letter-spacing: -.1px;
		padding:10px 0 10px 0;
		margin:5px 0;
	}


p{
	color: #000;
	font-size: 17px;
	line-height:32px;
	margin: 10px 0;
	text-align:justify;
	}
	
a{
		color:#2874a6;
		text-decoration:none;
		font-weight:500;
	}
	

strong{
		color:#2874a6;
		font-weight:600;
	}

cite{
	color:#2874a6;
	font-weight:600;
}

span{
	color:#2874a6;
	font-weight:500;
}

hr{
		border:1px solid #117a65;
		margin:5px 0;
	}

/* --- Estilos del header --- */

.text_encabezado{
	padding:20px 0;
}

.text_encabezado h1{
	font-size:28px;
}

.logo_encabezado {
	margin:0 auto;
	margin:10px;
	padding:20px;
	border:1px solid #f2f2f2;
}



/* --- Estilos del Nav --- */

nav{
	background:#2874a6;
	border-bottom:4px solid #50af7b;
}

.nav-link{
	color:#fff !important;
}

.nav-link:hover{
	text-decoration:underline;
}

/* --- Estilos del Slider --- */

section.carrusel{
	background:#255c88;
	padding:0;
}

.carrusel div{
	padding:10px;
}

.carousel-item{
	background:#2980b9;
	border-radius:5px;
	padding:20px;
}

.carousel-item h4{
	color:#fff;
	font-size:38px;
	font-weight:300;
}

.carousel-item p{
	color:#fff;
	font-size:22px;
	font-weight:300;
	line-height:32px;
	text-align:center;
}

.carousel-item a:hover{
	text-decoration:none;
}

.imagen{
	text-align:right;
}

/* --- Estilos del contenido --- */

section{
	padding:20px;
}
article{
	padding:20px 10px;
}

.contenido article {
	padding:20px 10px;
}

.contenido article  .principal{
	border-left:1px solid #85929e ;
}



/* --- Estilos más información --- */

.informacion{
	background: #138496 ; 
	text-align:center;
	padding:20px;
}

.titulo{
	padding:10px;
}

.titulo h2{
	margin:0;
	padding:0;
}

.informacion h2, .informacion h3{
	font-size:38px;
	font-weight:300;
	color:#fff;
	font-weight:400;
}

.articulos{
	margin-top:10px;
}

.articulos h3{
	font-size:24px;
	color: #138496;
	font-weight:500;
}

.articulos p{
	font-size:16px;
	padding-bottom:10px;
	border-bottom:1px solid #657686;
	
}

.eventos,.integrantes,.boletines{
	border-radius:20px;
	padding:40px;
	margin:10px;
	background:#fff;
}


/* --- Estilos contacto --- */

.contacto{
	text-align:center;
	margin:0;
	background:#f2f2f2;
}

.contacto p{
	text-align:center;
}

/* --- Estilos del pie de pagina --- */

footer{
	background:#2874a6;
}

footer p{
	color: #fff;
	font-size: 12px;
	line-height:18px;
	margin:0;
	text-align:center;
}

/* --- Media Querys -- */

/* Dispositivos xl */
@media screen and (max-width:1199px){
	
}

/* Dispositivos lg */
@media screen and (max-width:991px){
	
	
}

/* Dispositivos md */
@media screen and (max-width:767px){
	
	h1{
		font-size:16px;
	}
	.logo_encabezado, .text_encabezado{
		padding:10px 0;
	}

	.carousel-item h4{
		font-size:26px;
	}

	.carousel-item p{
		font-size:16px;
	}

	.imagen{
		text-align:center;
	}	
}

/* Dispositivos sm */
@media screen and (max-width:575px){
	
	
}