@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

*{
	margin: 0;
	padding: 0;
}

html{
	font-size: 16px;
	min-height: 100%;
}

body{
	font-family: 'Oswald', sans-serif;
	background: #3F294E;
	line-height: 1.5;
margin: 0.5rem 3rem;
    padding: 0.5rem 2rem;
    text-align: left; text-align: justify;
}
.logo{
float: right;
}
header{
     position: fixed;
    background: #1E152D;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 100;
}
img{
	max-width: 100%;
}
header nav{
    float: left;
    margin-top: 58px;
}
nav a{
	text-decoration: none;
	transition: 100ms;
	font-weight: bold;
	color: #ffffff;
background: #00e2ff;
max-width: 100%;
}

a:hover{
	text-decoration: underline;	
    background: #3F294E
}
a:active{
	opacity: 0.5;
}

header img{
    float: left;
	vertical-align: middle;
}


header aside{
    float: left;
    margin-top: 58px;
}
header aside .buscador{
	margin-left: 20.5rem;
 
}

main{
	display: block;
}

.slider img{
	width: 100%;
}
.contenedor{
	max-width: 70rem;
	margin: 0 auto;
}

.col-izq{
    float: left;
    width: 66%;
}
.col-der{
    float: right;
    width: 30%;
}

.notas{

}
.ultimas-clases{

}

.calendario,.ultimas-noticias,.reloj{
background: #3F294E;
}
.notas article{
	margin-bottom: 3rem;
}

.notas article h3{
	background: #3F294E;
	color: #00e2ff;
	font-size: 1.2rem;
	padding: 0 0.5rem 1rem;
	float: left;
	position: relative;
	z-index: 1;
	margin: -2rem 1rem 0 1rem;
bottom: -230px;
    
}
.notas article img{
	
}
.notas article p{
	margin: -2rem 1rem 0 1rem;
	background: rgba(255, 255, 255, 0.86);
font-size: 0.9rem;
	padding: 0.5rem 1rem;
	position: relative;
	z-index: 1;
    top: -58px;
text-align: justify;
    
}

.ultimas-clases a{
   float: right;
   padding: 0.5rem 0rem;
}

.video-1 h5{
background: #3F294E;
	color: #00e2ff;
	padding: 0 0.5rem 0rem;
	position: relative;
	z-index: 1;
	margin: -2rem 1rem 0 1.2rem;
top: 190px;
text-align: justify;
float: left;
right: 320px;
}
.video-1 img{
float: left;
}
.video-2 img{
float: right;
}
.video-2 h5{
background: #3F294E;
	color: #00e2ff;
	padding: 0 0.1rem 0rem;
	position: relative;
	z-index: 1;
	margin: -2rem 1rem 0 1.2rem;
top: -10px;
text-align: justify;
float: right;
left: -110px;
}
.calendario{
	text-align: right;
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
float: right;
margin-right: 0.5rem;
}
.ultimas-noticias{
border-radius: 0.75rem;
	margin-right: 0.5rem;
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
}
h6{
background: #3F294E;
	color: #00e2ff;
	padding: 0 0.1rem 0rem;
	position: relative;
	z-index: 1;
	margin: -2rem 1rem 0 1.2rem;
font-size: 1rem;
top: -20px;
}

footer{
	clear: both;
	text-align: center;
	background: #3F294E;
	color: #ffffff;
	padding: 1.5rem;
}

footer .redes{
	display: inline-block;
	margin: 0 5rem;
}
footer .redes a{
	margin: 0 0.5rem;
}
footer p{
	font-size: .8rem;
	margin-top: 2rem;
}