@charset "uft-8"
    
    @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,500italic,700,900|Yanone+Kaffeesatz:700|Coustard:400,900|Fjalla+One|Anton|Amaranth:400,400italic,700,700italic|Denk+One|Six+Caps);
*{
	box-sizing:border-box; }

header div{
    display: inline-block;
   

}

#logoprograma{ 
        margin: 2em 0 0 10em;
        }

#logocanal{
    margin-left: 5em;
    width: 80px;
    height: 70px;
    right: auto;
    size: 2em;
    }

header nav ul{
    text-align: center;
    background-color: black;
    width: 100%;
    padding: 1em;
    }

header nav ul li{
    display: inline-block;
    padding: 0;
    }
header nav ul li a{
    text-decoration: none;
    color: white;
    font-family: 'Six Caps', sans-serif;
    font-size: 1em;
    }

.encabezado{
    border: solid;
    padding: 0.5em 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400
    }

.encabezado h1{
    font-size: 23px;
    font-family: 'Amaranth', sans-serif, bold;
    font-weight: 700;
    padding: 0 1em;
    text-align: center;
    
    }


.destacado{
    background-color: black;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    }

.video{
    margin: 1em 0;
    padding: 1em;
    }

.destacado div{
    float: right;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 0 1em;
    z-index: 1;
    width: 100%;
    height: auto;
    }

.newset div{
    background-color: rgb(178,219,75);
   
    }


#titulo{
    clear:both;
    margin: 1em 0;
    padding: 1em;
    }

.newset img{
    width: 98%;
    height: 50%;
    padding: 0.5em;
    padding-top: 0;
    }

#noticia h4{
    padding: 1em;
    padding-bottom: 0;
    font-family: 'Six Caps', sans-serif;
    }

#noticia{
    
    font-family: 'Six Caps', sans-serif;
    padding: 0.5em 1em;
    margin: 1em 0;
    }

#noticia textarea{
    width: 100%;
    }

aside{
    background-color: rgb(24,66,163);
    color: white;
    padding: 1em;
    }

aside h2{
    font-family: 'Amaranth', sans-serif, bold;
    font-weight: 700;
    }

aside p{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    }

footer{
    text-align: center;
    font-size: 10px;
    }





@media screen and (min-width: 560px) {
    
#logoprograma{
    margin-left: 13em;
    }   
    
header nav{
    margin: 1em 2em;
    }
    
header nav ul{
    text-align: center;
    }      
    
#noticia{
   margin: 0.5em;
    width: 47%;
    float: left;    
    }
    
#suscrpcion{
    margin: 0.5em;
    width: 47%;
    float: left;
    }
    
#suscripcion textarea{
    width: 50%;
    }
    
aside{
    clear:both}
}

footer{
    font-size: 12px;
    }





@media screen and (min-width: 768px) {

#logoprograma{ 
        margin: 0;
        }
    
header{
    display: flex;
    }
    
header div{
    width: 47%;
    }

header nav ul{
    text-align: center;
    background-color: black;
    width: 100%;
    padding: 1em;
    float: right;
    width: 100%;
    }
    
#logocanal{
    margin-left: 5em;
    width: 80px;
    height: 70px;
    right: auto;
    size: 2em;
    float: right;
    margin-top: 1em;
    }
    
    
main {
    float: left;
    width: 68%;
    margin-right: 1em,
    }

    
aside{
   margin-top: 1em;
    width: 30%;
    margin-left: 1em;
    }
   
main, aside{
    display: inline-block;
    }

footer{
    clear: both;
    font-size: 15px;
    }
    
#accion img{
    width: 400px;
    height: 300px;
    
    }    
    
}