@media all and (max-width: 1280px){

h1{
}

body #header{
width: 100%;
}

body #header .container{
width: 100%;    
}
body #header .container #logo{
margin-left: 2em;
}

body #header .container #nav{
margin-right: 2em;
}

body .section #banner .container{
margin: auto;
}

.section2 .now li:first-of-type{
margin-left: 3em;
}

.section2 .now li:last-of-type{
margin-right: 3em;
}


.section2 .now .recomendado{
width: 26.4%;
vertical-align: top;
}

.section4 .agenda{
margin-top: 2em;
}

.section4 .agenda img{
width: 100%;
}

.section4 .sidebar{
display: none;
}

.section3 {
padding: 1em;
margin: 2em;
font-size: 1em;
}

.section3 #botones{
text-align: center;
margin: auto;
margin-top: 2.6em;
padding-bottom: 0em;
}

.section3 .boton{
display: inline-block;
padding: 1em;
padding-left: 1em;
padding-right: 1em;
border: solid 2px #3e3e3e;
color: #3e3e3e;
margin-left: 3em;
align-content: center;
text-align: center;
}

#noticias .box{
align-content: left;
text-align: left;
width: 25%;
vertical-align: top;
} 

#noticias .box:first-of-type{
margin-left: 1em;
} 
#noticias .box:last-of-type{
margin-right: 1em;
} 

#noticias .box img{
margin-left: 1%;
margin-bottom: 1em;
}

#noticias .box .share{
display: none;
}

footer #footer{
width: 95%;

}




@media screen and (min-width: 860px) and (max-width: 1024px) {

h1{        }

.section{
padding: 0;
margin:0;
}

.section2 .now .recomendado{
width: 10%;
vertical-align: top;
}
body .section #banner .container{
margin: auto;
}

.section2 .now .recomendado{
border: solid 2px #d4d4d4;
padding: 1em;
width: 90%;
margin-left: 3em;
vertical-align: bottom;
background-color: #ffffff;

}

.section2 .now .recomendado .vidrecomendado{
width: 40%;
float: left;
margin-right: 2em;
vertical-align: bottom;
}

.section2 .now .recomendado h3{
margin-top: 3em;
}

.section4 .agenda{
overflow-x: scroll;
margin: 0 2em 2em 2em;
padding-bottom: 0px;
overflow-y: hidden;
}

.section4 .agenda img{
width: 1200px;
}

.section3 {
margin: 2em;
font-size: .8em;
}

.section3 #botones{
    margin-top: 2.65em;
margin-bottom: .4em;

}

.section3 .boton{
display: inline-block;
padding: 1em;
padding-left: 1em;
padding-right: 1em;

border: solid 2px #3e3e3e;
color: #3e3e3e;
margin: .7em;
align-content: center;
text-align: center;
}

#noticias .box{
align-content: center;
text-align: center;
width: 22%;
vertical-align: top;
} 

#noticias .box img{
margin-left: 17%;
margin-bottom: 1em;
margin-right: 17%;

}

#noticias .box .share{
display: none;
}


}


@media screen and (min-width: 0px) and (max-width: 859px) {

h1{
}

#header{
height: 80px;
width: 100%;
}

#header .container{
min-width: 0px;
width: 100%;
}

#logo{
margin: auto;
text-align: center;
}
#logo img{
margin: auto;
}

#nav{
float: left;
margin: auto;
margin-top: 2em;
text-align: center;
width: 100%;
min-width: 640px;
}
#nav ul li{
align-content: center;
margin: auto;
text-align: center;
}

#banner .container{
text-align: center;
align-content: center;
width: 100%;
min-width: 0px;
}

#banner{
width: 100%;
min-width: 0px;
height: 870px;
}

#banner h1{
width: 100%;
margin: auto;
margin-top: .7em;
margin-bottom: 1em;
text-align: center;
  white-space: nowrap;
overflow: hidden;
}

#banner h2{
margin: auto;
text-align: center;    
margin-top: -1em;
  white-space: nowrap;
overflow: hidden;
}

#banner .video-slide1 {
width: 100%;
text-align: center;
margin-top: 1em;
float: none;
}

#banner #login{
text-align: center;
align-content: center;
float: none;
width: 65%;
margin: auto;
min-width: 0px;
height: 250px;
margin-top: 1em;
border: 2px solid #a5a5a5;
}

#banner #login p{
display: none;
}

#banner #login input[type=email]{
margin-top: 2em;

}

#banner #login input[type=button]{
width: 34%;
margin-left: 10%;

}

#banner #login .recordarme{
display: none;
}

#banner #login .olvidar, #banner #login #estasmuygris{
display: none;
}

.section1{
width: 100%;
min-width: 0px;
}

.section1 .programas{
width: 80%;
margin-top: 0em;
align-content: center;
padding: 0px;
padding-top: 2em;
margin: auto;
text-align: center;
}

.section1 .programas li{
text-align: center;
align-content: center;
display: inline;
margin-right: 1.43em;
top: -1em;       
}

.section2 .now{
text-align: left;
}    

.section2 .now h6{
text-align: center;
width: 80%;
margin: auto;
border-bottom: 3.5px solid #33e0c4;
font-size: 1.8em;
color: #3e3e3e;
font-family: 'Open sans', sans-serif;
padding-top: .1em;
padding-bottom: .5em;
margin-bottom: 1em;
margin-top:2em;
font-weight: 100;
letter-spacing: .1em;
}

.section2 .now .recomendado{
width: 80%;
margin: auto;
margin-left: 3em;
}

.section2 .now li{
margin: auto;                }

.section2 .now .recomendado p{
display: 
}

.section2 .now  .vidrecor{
width: 100%;
display: block;
}


.section4 h6{
text-align: center;
width: 80%;
margin: auto;
border-bottom: 3.5px solid #33e0c4;
font-size: 1.8em;
color: #3e3e3e;
font-family: 'Open sans', sans-serif;
padding-top: .1em;
padding-bottom: .5em;
margin-bottom: 1em;
margin-top: 0em;
font-weight: 100;
letter-spacing: .1em;
}

    .section4 .agenda{
overflow-x: scroll;
margin: 0 2em 2em 2em;
padding-bottom: 0px;
overflow-y: hidden;
}

.section4 .agenda img{
width: 1140px;
}

.section3{
min-width: 0px;
width: 85%;
margin: auto;
}

.section3 #my-img{
width: 85%;
height: auto;
}

.section3 h4{
padding-left: 1.5em;
font-size: 2.5em;
}

.section3 h5{
padding-left: 3.8em;
}

.section3 p{
padding:0 4.7em;
}


#noticias .box{
width: 85%;
margin: auto;
margin-bottom: 1em;
margin-top: 1em;
margin-left: 3em;
}

#noticias #mid{
margin-left: 5%;    
}

#noticias .box:last-of-type{
margin-left: 4%
}

footer{
height: 330px
}

#footer .social{
width: 100%;
float: right;
margin-left: 5%;
}

#footer .social ul{
list-style: none;
padding: 0px;
text-align: center;
}

#footer .social ul li{
width: 22%;
display: inline-block;
margin-right: 2%;
}

#footer .social ul li img{
width: 40%;
max-width: 64px;
}

#footer p{
text-align: center;
}

#footer .catedra{
float: right;
position: absolute;
text-align: right;
right: 2em;
padding-top: 1em;
}



}