*{
	margin: 0;
	padding: 0;

}
body{
	background: #fdfee0;
}
.pegajoso{
	position: fixed;
	top: 0;
	width: 100%;
	height: 530px;

}


.header1{
	width: 100%;
	height: 186px;
	display: flex;

}

/*header estatico con scroll*/

#pegajoso{
	display: none;
	width: 100%;
	height: 0px;
 
	/*background-image: url("../image/fondo_pegajoso.jpg");*/
	/*background-color: transparent;*/
	
	/*position: absolute;*/
	/*opacity: .5;*/
	/*border-radius: 25PX;*/
	position: fixed;
	background-size: 100%;
	/*border-bottom: 12psolid #00009c;*/
	box-shadow: 6px 6px 6px #000;
	opacity: 0.6;
		top:0;
}

.nvar1{
	width: 100%;
	height: 420px;
	position: absolute;
	z-index: 50;
	display: flex;
	top: 178px;	
}

.carrusel1{
	width: 100%;
	height:416px;
	margin-top:44px;
	display: flex;

}


.margen-secciones{
	padding: 0 7px;
}



.principal {
	display: flex;
	flex-flow: column nowrap;
	background:#e8dbdb;
	margin: auto;
	/*margin: 0px 8px 0 8px;*/
	width: 69%;
}
	.section {
		display: flex;
	}
		.articulos{
			flex:auto;
			display: flex;
			flex-flow: row wrap;

			
		}
			.article{
				flex:1 1 40%;
				margin:25px 25px 25px 25px;
				text-align: center;


	
				
			}
			.article img{
			
			}
				.noticias{
				text-align: left;
				color: #6d6a6a;
				margin-left: 12%;
				font-size: 1.7vh;
				}
				.noticias h1{
					font-size: 2vh;
					color: #326777;
				}
				.noticias h3{
					color: #8e8585;
				}
			
			.navegacion{
				background: #39394a;
				flex:1 1 100%;
  				margin: 1rem;
				padding: 1rem;
				border: 2px solid #ccc;
				  /* IMPORTANTE */
				text-align: center;
			}
				.navegacion a{
					padding-left: 10px;
				}
		.aside{
			background: #777884;
			flex:auto;
			flex:1 1 40%;
			text-align: center;
			color: #fff;
			font-size: 1.7vh;
		}
		.aside .publicidad a{
			text-decoration: none;
			color: #fff;
		}
		.aside .publicidad{
				margin-bottom: 50px;
		}
			.aside .publicidad h1{
				padding-top: 25px;
				font-weight: 200;
				background-color: #0d0423;
				display:block;


			}

			.aside .publicidad p{
				color: #a8afb1;
				text-align: right;
				margin-right:10px;	
			}
			.aside .publicidad img{
				padding: 5px;
			}

	.footer {
		width: 100%;
		height:420px;

	}
		.central1{
			width: 100%;
			height: 1120px;
		}
.calendar{
	width:100%;
}
.mapa{
	display: flex;
	width: 99%;
	margin: auto;
	margin-top: 65px;

}
		@media all and (max-width: 800px) {
			.section{
				flex-direction: column;
			}
			.menu{
				flex-direction: column;
				height: auto;
			}
			.aside{
				display: flex;
				justify-content: center;
			}
		}
		
		@media all and (max-width: 600px) {
			.articulos{
				flex-direction: column;
			}
		}
		
		@media all and (max-width: 400px) {
			.aside{
				flex-direction: column;
			}
		}




/*****************GALAXI S5******************/
/********************************************/
/********PROF MIGUEl*************************/
@media all and (max-width: 360px) {		
.header1{
	width: 100%;
	height: 80px;	
}
.carrusel1{
	height: 260px;
}
.noticias{
	margin-left: 17%;
}


.footer {
		width: 100%;
		height:450px;
		margin-bottom: 0;
	}
}



/*****************720************************/
/********************************************/
/********PROF MIGUEl*************************/
@media all and (max-width: 720px) {		
.header1{
	width: 100%;
	height: 180px;	
}
.carrusel1{
	height: 260px;

}

.principal{
	width: 100%;
}
.noticias{
	margin-left: 17%;
}
.central1{
	height: 3000px;
}
.footer {
		width: 100%;
		height:720px;
		margin-bottom: 0;
	}


}


/*****************420************************/
/********************************************/
/********PROF MIGUEl*************************/
@media all and (max-width:420px) {
.header1{
	width: 100%;
	height: 80px;	
}
.carrusel1{
	height: 260px;
	top:0;
}
.principal{
	width: 100%;
}
.noticias{
	margin-left: 22%;
	}
	.nvar1{
		top: 85px;
	}
	.footer {
		width: 100%;
		height:800px;
		
	}
}