*{margin: 0; padding: 0;}

body{ font-family: asap; background-color: black; }

.contenedor { max-width: 960px; margin: 0 auto; font-family: asap;}

.logo { position: relative; width: 8%; float: left; margin: 25px auto 0px 20px;}

a {text-decoration: none; color: black}

header { width: 100%; margin-top: 15px; height: 120px; background-color:#0bc0c3; float: left;}

footer {margin: 0; width: 100%; height: 80px; background-color:#0bc0c3; clear:both; float: left; margin-top: 15px; margin-bottom: 15px;}
.textofooter { padding-right: 20px; color: #000; font-size: 10px; text-align: left;}
.legales { width: 50%; height: 100%; float: right; padding-top: 10px; padding-left: -20px;}

nav {padding-right: 20px; padding-top: 65px; }

nav ul { list-style: none; text-decoration:none; margin:0; padding:0;}

nav li { margin:2px; padding:0; float: right; font-weight: 700;}

nav li a { display: block; width:100px; padding:4px 0; text-decoration:none; text-align:center; font-size:12px; color:#FFFFFF;transition: 0.2s}

nav li a:hover { display:block; color:black; background-color: orange; transition: 0.2s;}

marquee { margin: 0; padding: 0;float: left; position: relative; height: 20px; background: black;}

.textomarquesina { padding-top: 3px; font-weight: 400; font-size: 11px; color: aliceblue; background-color: black;}

.streaming {width: 67%; height: 356px;background: grey; float: left;}

.imgstreaming {width: 100%; height: 100%;}

.subtitulo1 {width: 33%; padding-top: 7px; padding-bottom: 10px; height: 30px; float:right; background-color:#142626 ;}

.textosub1 { margin-left: 15px;margin-top: 10px; color: aliceblue; font-weight: 400; font-size: 14px;}

.subcuadrotexto { margin-top: 14px; padding-top: 10px; padding-left: 15px; padding-right: 20px; border-bottom: 5px; border-bottom-style: solid; border-bottom-color: #142626; height: 120px; float: right; background-color: #0bc0c3; opacity: 0.8; font-size: 13px}
.masinfo:hover {color: white ; transition: 0.2s;}

.mimi {width: 100%%; height: 174px; background-color: grey; float: right;}
.imgmimi {width: 100%; height: 100%;}

.subtitulo2 { width: 100%; height: 18px; float: left; background-color: #142626; margin-top: 14px; padding-top: 7px; padding-bottom: 10px;}
.subtitulo2 { width: 100%; height: 18px; float: left; background-color: #142626; margin-top: 14px; padding-top: 7px; padding-bottom: 10px;}
.textosub2 { margin-left: 10px;margin-top: 0px; color: aliceblue; font-weight: 400; font-size: 14px;}

.programas {margin 0px; float:left; width: 100%; height: 143px;}
.bandas {margin: 0px; float: left; height: 100%; width: 25%; -webkit-filter: grayscale(100%); transition: 0.2s;}
.bandas:hover { -webkit-filter: grayscale(0%); transition: 0.2s;}
.ficciones {margin: 0px; float: left; height: 100%; width: 25%; -webkit-filter:grayscale(100%);transition: 0.2s;}
.ficciones:hover { -webkit-filter: grayscale(0%); transition: 0.2s;}
.lugares {margin: 0px; float: left; height: 143px; width: 25%; -webkit-filter: grayscale(100%);transition: 0.2s;}
.lugares:hover { -webkit-filter: grayscale(0%); transition: 0.2s;}

.subtitulo3 { width: 100%; height: 18px; float: left; background-color: #142626; margin-top: 14px; padding-top: 7px; padding-bottom: 10px;}
.textosub3 { margin-left: 10px;margin-top: 0px; color: aliceblue; font-weight: 400; font-size: 14px;}


.redes-sociales { margin 0; margin-top: 15px; float: right; width: 600px; height: 200px;}
.fbwidget { float: left; width: 50%; height: 130px}
.twwidget { float: right; width: 50%; height: 130px}

.banner { margin-top: 30px; float: left; width: 300px; height: 200px;}
.botonvilo { float: left; width: 100%; height: 83%; transition: 0.1s;}
.botonvilo:hover { transform: scale(1.2); transition: 0.1s;}

.navfooter { padding-top: 20px; vertical-align: top; float: left; margin-left: 10px; padding: 0; height: 50px; weight: 25%; }
.dgpclogo { height: 20px; weight: 20%; padding-left: 10px; padding-top: 5px; float: left;}