*{margin: 0; padding: 0}
html {font-size: 100%}
body {font-family: 'Roboto', sans-serif, Arial; background: #fff; max-width: 960px; margin: 0 auto 0 auto; font-size: 14px;}
/* Header */
.logovilo {position: relative; float: left; width: 28%;}
.imglogovilo {margin-left: 23%; margin-top: 1%}
.menubanner {background-image: url(imagenes/banner.svg); position: relative; float: right; width: 72%; height: 100%}
header {width: 100%; height: 120px; background-color: #fff}
.tamslider {max-width: 689px; width: 100%}
header nav { width: 100%; height: 120px ; padding-left: 5%}
header nav ul {list-style-type: none; padding-top: 9%}
header nav ul li {display: inline; padding-left: 5px;}
header nav ul li a {text-decoration: none;}
.menupills { background-color: #ccffff; color: #ff3333; font-size: 0.8rem; padding: 1.8%; border-radius: 10px}
.iconredes {margin-bottom: -1%}
a.menupills:hover {background-color: #ffcccc;}
.menupills-active {background-color: #ffcccc;}
.submenupills { background-color: #666666; color: #FFFFFF; font-size: 8.5px; padding: 1%; border-radius: 5px;}
a.submenupills:hover {background-color: #563394}
.submenupills-active { background-color: #563394}
/* Section */
section {width: 75%; min-height: 600px; background: #fff; position: relative; float: right}
.bordesredondeados {border-radius: 5px}
.bordesredondeados10 {border-radius: 10px}
.bordesredondeados20 {border-radius: 20px}
/* Article 1 - Banner */
.banner {margin-left: 5%; margin-top: 4%; position: relative; float: left; width: 95%}
.buttonbanner {position: absolute; top: 84%; left: 11%; border-radius: 5px}
/* Article 2 - Informate */
.informate {position: relative; float: left; width: 56%; margin-left: 5%; margin-top: 3%;}
.linea {border-color: #ff3333; border-style: solid;}
.tituloshome {font-family: 'Roboto Slab', serif; font-weight: 700; margin-bottom: 10px; color: #ff3333; font-size: 1.1rem}
.iconmas {position: absolute; top: 0px; right: 0px}
.texto {font-size: 0.7rem; color: #666666; line-height: 0.8rem;}
.titnoticias {font-family: 'Roboto Slab', serif; color: #666666; font-size: 1.6rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 8px}
.titnoticias2 {font-family: 'Roboto Slab', serif; color: #666666; font-size: 1.1rem; font-weight: 700;}
.xleft {position: relative; float: left; width: 52%}
/* Margenes*/
.margin1 {margin-top: 1%}
.margin2 {margin-top: 2%}
.margin3 {margin-top: 3%}
.margin4 {margin-top: 4%}
.margin5 {margin-top: 5%}
.margin6 {margin-top: 6%}
.margin7 {margin-top: 7%}
.margin8 {margin-top: 8%}
.margin10 {margin-top: 10%}
.margin14 {margin-top: 14%}
.margin15 {margin-top: 15%}
.margin17 {margin-top: 17%}
.margin20 {margin-top: 20%}
.margin21 {margin-top: 21%}
.margin22 {margin-top: 22%}
.margin25 {margin-top: 25%}
.margin30 {margin-top: 30%}
.margin35 {margin-top: 35%}
.marginleft0-5 {margin-left: 0.5%}
.marginleft1 {margin-left: 1%}
.marginleft2 {margin-left: 2%}
.marginleft3 {margin-left: 3%}
.marginleft5 {margin-left: 5%}
.marginleft7 {margin-left: 7%}
.marginleft10 {margin-left: 10%}
.marginleft20 {margin-left: 20%}
.marginleft25 {margin-left: 25%}
.marginleft35 {margin-left: 35%}
.marginright1 {margin-right: 1%}
.marginright1-5 {margin-right: 1.5%}
.marginright2 {margin-right: 2%}
.marginright3 {margin-right: 3%}
.marginright5 {margin-right: 5%}
.marginright10 {margin-right: 10%}
.marginbottom2 {margin-bottom: 2%}
.marginbottom5 {margin-bottom: 5%}
.marginbottom10 {margin-bottom: 10%}
/* Anchos */
.ancho5 {width: 5%}
.ancho10 {width: 10%}
.ancho11 {width: 12%}
.ancho20 {width: 20%}
.ancho22 {width: 22%}
.ancho25 {width: 25%}
.ancho29 {width: 29%}
.ancho30 {width: 30%}
.ancho40{width: 40%}
.ancho42{width: 42%}
.ancho44{width: 44%}
.ancho45{width: 45%}
.ancho48{width: 48%}
.ancho50 {width: 50%}
.ancho55 {width: 55%}
.ancho60 {width: 60%}
.ancho65 {width: 65%}
.ancho70 {width: 70%}
.ancho75 {width: 70%}
.ancho80 {width: 80%}
.ancho90 {width: 90%}
.ancho95{width: 95%}
.ancho100 {width: 100%}
/*PADDING*/
.paddingtop14 {padding-top: 14px;}
.paddingright4 {padding-right: 4%}
.paddingleft9 {padding-left: 9px;}
.paddingleft10 {padding-left: 10%;}
.paddingleft22 {padding-left: 22px;}
.paddingleft15 {padding-left: 15%}
.paddingtop10 {padding-top: 10%}
.not-niv1 {background-color: #ccffff; height: 125px}
.not-niv2{background-color: #ccffff; height: 125px}
.nombreseccion {position: absolute; top: 7%;}
.xright {position: relative; float: right; width: 36%}
.xleft2 {position: relative; float: left; width: 60%}
.floatright{position: relative; float: right}
.floatleft {position: relative; float: left}
.absoluta {position: absolute}
/* Article 3 - Pone Play */
.poneplay {width: 36%; position: relative; float: left; margin-top: 3%; margin-left: 3%}
.iconplay {position: absolute; top: 21%; left: 36%}
.titplay {font-family: 'Roboto Slab', serif; color: #666666; font-size: 1.3rem; font-weight: 700; margin-bottom: 0.3rem; margin-top: 5%}
.button960 {width: 49%}
/* Article 4 - Galeria de Imagenes */
.galeria {position: relative; float: left; width: 95%; margin-left: 5%; margin-top: 20px;}
.flechaleft { position: absolute ; top: 50%; left: 2%;}
.flecharight {position: absolute; left: 95%; top: 50%;}
.margingaleria {margin-top: 4%}
/* Article 5 - Agenda */
.agenda {width: 100%; position: relative; float: left; height: 200px}
.agenda1 {width: 50%; background-color: #ccffff; height: 55%}
.agenda2 {width: 42%; background-color: #ccffff; margin-left: 3%; height: 55%}
.iconagenda {position: absolute; top: 22%; left: 4%}
/* Aside */
aside {width: 25%; min-height: 300px; position: relative; float: left}
.chat {margin-left: 10%; margin-top: 12%; height: 269px; background-color: #ccffff}
.registro-button {padding: 8%}
.titochat {font-family: 'Roboto Slab', serif; color: #ff3333; font-size: 0.9rem; font-weight: 700;}
.textochat {font-size: 0.7rem; color: #666666}
.buttonregistry {position: absolute; top: 80%; right: 6%}
.tituloaside {font-family: 'Roboto Slab', serif; font-weight: 700; margin-bottom: 10px; color: #ff3333; font-size: 12px}
.artleft {position: relative; float: left; width: 100%}
.comenta {width: 90%; margin-left: 10%}
.circulo {border-radius: 40px}
.titulochat {font-size: 15px; color: black}
.yleft {position: relative; float: left; width: 40%; height: 80px}
.yright {position: relative; float: right; width: 60%; height: 76px; margin-top: 4%}
.iconmasaside {position: absolute; top: -5px; right: 0px}
.buscador {background-color: #ccffff; height: 50px; border-radius: 10px;}
.iconlupa {position: absolute;left: 106%; bottom: 18%;}
/* Footer */
footer {width: 100% ; min-height: 30px; background-image: url(imagenes/footer-02.svg); margin-top: 5%}
.separador {clear: both}
.piepagina {font-size: 10px; color: #fff; text-align: center; font-family: 'Roboto'; text-decoration: none; margin-left: 30px; font-weight: 400; padding-top: 1%; padding-bottom: 1%; margin-right: 5%}
/* Página HOLA-STAFF */
.circulo75 {border-radius: 75px }
article nav { width: 100%; min-height: 90px ;}
article nav ul {list-style-type: none; padding-top: 5%}
article nav ul li {display: inline; padding-left: 5px;}
article nav ul li a {text-decoration: none;}
.imgstaff {margin: 2% }
/* Página INFORMATE */
.agenda3 { width: 100%; background-color: #ccffff; height: 100px;}
.iconagenda { position: absolute; top: 22%; left: 5%;}
.agenda4 { width: 100%; background-color: #ff3333; background-image: url(imagenes/backagenda.png); height: 153px;}
.iconagenda1 { position: absolute; top: 5%; right: 5%;}
.fechagenda { font-family: 'Roboto Slab', serif; color: #fff; font-size: 1.3rem; font-weight: 700; text-align: right; line-height: 1.3rem}
.textoagenda {position: relative; float: right;}
.titnoticias2-blanco {font-family: 'Roboto Slab', serif; color: #fff; font-size: 1.1rem; font-weight: 700;}
.texto-blanco {font-size: 0.7rem; color: #fff; line-height: 0.8rem;}
/* Página INFORMATE-NOTICIAS-EDUCACION */
.subtitulo-noticia {font-size: 1rem; color: #666666; line-height: 1.1rem;}
.titnoticias-interna {font-family: 'Roboto Slab', serif; color: #666666; font-size: 2.6rem; font-weight: 700; line-height: 2.5rem; margin-bottom: 8px}
.subtitulo-noticia2 {font-size: 0.9rem; color: #666666; line-height: 0.9rem;}
/* Página INFORMATE-NOTICIAS-EDUCACION - ESCUELAS PROTEGIDAS */
.tituloescuelas {position: absolute; top: 21%;}
.titnoticias-notaprincipal {font-family: 'Roboto Slab', serif; color: #ffffff; font-size: 2.6rem; font-weight: 700; line-height: 2.5rem; margin-bottom: 8px}
.subtitulo-noticiaprincila {font-size: 1rem; color: #ffffff; line-height: 1.1rem;}
.autor {font-family: 'Roboto Slab', serif; color: #666666; font-size: 0.7rem; font-weight: 400}
.textonoticia {font-size: 0.9rem; color: #666666; line-height: 1rem;}
/* Página PONE PLAY-VIVO */
.videoresponsive {position: relative; padding-bottom: 56.25%; height: 0px; margin: 0 auto}
.videoresponsive iframe {position: absolute; height: 100%; width: 95%; top: 0px; left: 0px; margin-left: 5%}
.linea2 {border-color: rgba(102, 102, 102, 0.49); border-style: solid;}
.titprograma {font-family: 'Roboto Slab', serif; color: #666666; font-size: 0.9rem; font-weight: 700;}
.hora {font-size: 0.5rem; color: #ff3333; font-weight: 700}
.twitter {background-color: #ccffff; height: 240px}
.linea3 {border-color: #37e2c1; border-style: solid;}
.tittwitter {font-size: 0.9rem; color: #666666}
.textotwitter {font-size: 0.7rem; color: #666666}
.titprograma2 {font-family: 'Roboto Slab', serif; color: #00cc99; font-size: 0.9rem; font-weight: 700;}
.icontwitter {position: absolute; left: 87%;bottom: 6%;}
input{outline: none; border-style: none; padding: 2%}
/* Página PONE PLAY-VIDEOS-SUBI EL TUYO */
.submenu2 {width: 100%; margin-top: -8%;}
.subi-1 {width: 95%; background-color: #ccffff; border-radius: 10px; height: 67px}
.subi-2 {width: 95%; background-color: #ccffff; border-radius: 10px; height: 246px}
.titsubi1 {font-family: 'Roboto Slab', serif; color: #666666; font-size: 0.8rem }
.titsubi2 {font-size: 0.6rem; color: #666666}
.button {background-color: #37e2c1; color: #563394; font-size: 1.1rem; padding: 3%; border-radius: 10px; text-decoration: none}
a.button:hover {background-color: #ccffff}
.fondorojo {background-color: #ff3333; background-image: url(imagenes/backsubi.png); height: 245px;}
.linea4 {border-color: #fff; border-style: solid;}
.textosubi { font-size: 0.9rem; color: #666666; line-height: 1rem; }
.titsubi-blanco { font-family: 'Roboto Slab', serif; color: #fff; font-size: 0.8rem; font-weight: 700;}
.iconcarpeta {position: absolute; left: 88%; bottom: 20%; }
.icondesplegable {position: absolute; left: 77%; bottom: 50%;}
.iconlomejor {position: absolute; top: 31%; left: 15%}
/* Página ESCRIBINOS-ENCUESTA */
.viloencuesta {background-color: #563394; height: 615px; background-image: url(imagenes/back-encuesta.png)}
.viloencuestafin {background-color: #563394; height: 285px;}
.formback {background-color: #ccffff; height: 455px}
.titencuesta {font-family: 'Roboto Slab', serif; color: #ccffff; font-size: 2.8rem; font-weight: 700; line-height: 3rem}
.titpregunta {font-family: 'Roboto Slab', serif; color: #563394; font-size: 0.8rem}
.finencuesta {font-family: 'Roboto', sans-serif; color: #ccffff; font-size: 0.8rem;}
.bold {font-weight: 700}
.textoencuesta{color:#666666}
textarea{outline: none; border-style: none;}
/* Página HOLA - QUINES SOMOS */
.backquienes {background-image: url(imagenes/backquienessomos.png); background-repeat: no-repeat; background-color: #fff; height: 282px; }
.backblanco {background-color: #fff; height: 244px;}
/* Página UPS */
.backvioleta {width: 100%; background-color: #baa5e0 ; height: 600px;background-image: url(imagenes/backups.png); }
.backvioleta2 {background-color: rgba(86, 51, 148, 0.59); height: 600px;}
.alineadoder {text-align: right;}
.paddingtop30 {padding-top: 30px;}
.paddingtop35 {padding-top: 35%;}
.error { color: #fff; font-size: 1.2rem; font-weight: 700; line-height: 3rem}
.ups {font-family: 'Roboto Slab', serif; color: #37E2C1; font-size: 8.8rem; font-weight: 500; line-height: 6rem;}
.textups {color: #fff; font-size: 1rem; line-height: 1rem}
.prox {font-family: 'Roboto Slab', serif; color: #fff; font-size: 3.8rem; font-weight: 600; line-height: 6rem; position: absolute; left: 5%; bottom: 78%;}
.textprox {color: #fff; font-size: 0.9rem; line-height: 1rem; position: absolute; left: 5%; bottom: 60%; }
/* Página PONE PLAY - VIDEOS - VIDEO ABIERTO */
.titulovideo{font-family: 'Roboto Slab', serif;font-weight: 700;margin-bottom: 10px;color: #fff;font-size: 1.1rem; }
.fondorojo1{background-color: #ff3333; background-image: url(imagenes/backsubi.png); height:535px; background-repeat-y: no-repeat }
.textovideo{font-size: 0.9rem; color: #fff; line-height: 1rem;}
.fondovioleta{background-color:#563394; height: 245px}
.titsubi-blanco1{font-size: 1.4em; font-weight: 500;font-family: 'Roboto Slab', serif;color: #fff;}
.iconlomejor2 {position: absolute; top: 39%; left: 20%;}
.videoresponsive2 {position: relative; padding-bottom: 56.25%; height: 0px; margin: 0 auto}
.videoresponsive2 iframe {position: absolute; height: 100%; width: 90%; top: 0px; left: 0px; margin-left: 5%;margin-top: 3%;}
/* Página INFORMATE-NOTICIAS */
.imgbomb {position: relative}
.bomberos {width:60%; position: relative}
.margin38 {margin-top: 38%}
.margin40 {margin-top: 40%}
.margin44 {margin-top: 44%}
.marginright8 {margin-right: 8%}
.marginright30 {margin-right: 30%}
.marginright32 {margin-right: 32%}
.marginleft15 {margin-left: 15%}
.bombtexto {position: absolute;bottom: 6%;}
.texto1 {font-size: 0.7rem; color: #fff; line-height: 0.8rem;}
.agendanoti {background-color: #ccffff; height: 150px}
.agendanoti2 {background-color: #ccffff; height: 125px}
.botonarte {position: absolute; top: 10%}
/* Página PONEPLAY VIDEOS */
.margin4 {margin-top: 4%}
.marginleft160 {margin-left: 60%}
.musica {position: relative}
.iplay {position: absolute; top: 21%; left: 35%}
/*grilla*/
.grillahs {background-color: #37e2c1; height: 600px;}
.marginleft15 {margin-left: 15%}
.ancho85 {width: 85%}
.diagrilla-pad5 { background-color: #666666; color: #FFFFFF; font-size: 8.5px; border-radius: 5px; padding-left: 4.9%; padding-right: 4.9%; padding-bottom: 1%; padding-top: 1%;}
a.diagrilla-pad5:hover {background-color: #37e2c1; color: #FFFFFF; font-size: 8.5px; border-radius: 5px; padding-left: 4.9%; padding-right: 4.9%; padding-bottom: 1%; padding-top: 1%;}
.diagrilla-pad5-active {background-color: #37e2c1; color: #FFFFFF; font-size: 8.5px; border-radius: 5px; padding-left: 4.9%; padding-right: 4.9%; padding-bottom: 1%; padding-top: 1%;}
.hs {font-family: 'Roboto Slab', serif; color: #666666; font-size: 1.5rem; font-weight: 700; padding: 6%;}
.marginbottom20 {margin-bottom: 20%}
.grilla1 {background-color: #ccc; height: 80px; margin-left: 1%; margin-bottom: 8%}
.grilla2 {background-color: #ccc; height: 170px; margin-left: 1%; margin-bottom: 8%}
.grilla3 {background-color: #ccc; height: 50px; margin-left: 1%; margin-bottom: 8%}
.grilla4 {background-color: #ccffff; height: 170px; margin-left: 1%; margin-bottom: 8%}
.alto60 { min-height: 60px;}
.textogrilla {font-size: 0.8rem; color: #666666; padding-top: 15%; padding-left: 8% }
/* Responsive */
.r960 {display: none}
@media screen and (max-width: 768px){
*{transition: 1s}
body {max-width: 768px;}
header {height: 100px}
.imglogovilo {height: 80px; margin-top: 8%; margin-left: 24%}
header nav {padding-left: 6%}
.menupills {font-size: 11px; padding: 2%; border-radius: 10px;}
main {width: 100%}
section {width: 75%}
.banner768 {width: 486px; border-radius: 15px}
.buttonbanner {position: absolute; top: 84%; left: 11%; border-radius: 5px}
.informate {margin-left: 5%}
.bomberos768 {width: 85%; position: relative; float: left}
.titnoticias768 {position: relative; float: left; font-size: 1rem ;line-height: 1rem; margin-bottom: 0%; margin-top: 2%; width: 100%}
.texto768 {position: relative; float: right;}
.tituloshome {font-size: 1rem}
.cine768 {width: 85%}
.margin768 {margin-top: 7%}
.poneplay {width: 36%; margin-top: 20px; margin-left: 3%}
.iconplay {position: absolute; top: 19%; left: 36%}
.button768 {width: 45%; margin-left: 1%; margin-top: 23%}
.not-niv1 {height: 85px}
.not-niv2 {height: 85px}
.agenda1 {margin-top: 3%; height: 80px}
.agenda2 {margin-top: 3%; height: 80px}
.iconagenda {top: 13%}
.chat {width: 84%; margin-top: 15%}
.buttonregistry { position: absolute;top: 80%;width: 34%;}
/*Puntos de Interes*/
.twitter {height: 194px}
.icontwitter768 {width: 26%}
.titprograma2 {font-size: 0.7rem}
.ancho100-768 {width: 100%}
.ancho90-768 {width: 90%}
.ancho80-768 {width: 80%}
.ancho50-768 {width: 50%}
.ancho44-768 {width: 44%}
.ancho13-768 {width: 13%}
.ancho40-768 {width: 40%}
.margin0-768 {margin-top: 0%}
.margin3-768 {margin-top: 3%}
.margin5-768 {margin-top: 5%}
.margin8-768 {margin-top: 8%}
.margin10-768 {margin-top: 10%}
.margin35-768 {margin-top: 35%}
.margin13-768 {margin-top: 13%}
.marginright5-768 {margin-right: 5%}
.marginleft0-768 {margin-left: 0%}
.marginleft5-768 {margin-left: 5%}
.marginleft10-768 {margin-left: 10%}
.titnoticias-interna {font-size: 2rem; line-height: 2rem}
.icondesplegable { bottom: 55%;}
.fondorojo1 {height: 470px}
.fondovioleta {height: 195px}
.paddingleft8-768 {padding-left: 8%}
.r768 {display: none}
.r768si {display: inline}
/*proximamente*/
.ancho100-768 {width: 100%}
/*informate-noticias-educacion-not*/
.titnoticias-notaprincipal {font-size: 2.4rem; line-height: 2.3rem;}
.subtitulo-noticiaprincila {font-size: 0.8rem; line-height: 0.9rem;}
.ancho95-768 {width: 95%}
}
@media screen and (max-width: 480px){
*{transition: 1s}
.r480 {display: none}
.r480si {display: inline}
.menur {position: absolute; top:32%; right: 11%}
header {height: 285px}
header nav {float: left; position: relative; width: 100%; }
header nav ul li {display: block; width: 100%; padding-bottom: 6%}
.logovilo {width: 100%}
.menubanner { width: 100%; position: relative; float: left; height: 315px;}
.menupills-pad40 {padding-left: 40%; padding-right: 40%}
.menupills-pad37 {padding-left: 37%; padding-right: 37%}
.banner480 {width: 88%}
.buttonbanner {width: 40px}
section {width: 100%;}
.informate {width: 95%}
.poneplay {width: 50%; margin-bottom: 10%}
.button480 {width: 25%; position: relative; float: left; margin-top: 6%; margin-left: 7%;}
.titnoticias480 {position: relative; float: left; width: 100%}
.texto480 {position: relative; float: left; width: 100%; margin-top: 5%}
.imgplay480 {width: 100%}
.iconplay {width: 55px}
.imglogovilo { float: left; position: relative; margin-left: 8%; margin-top: 4%; margin-bottom: 5%;}
.iconredes { position: relative;float: right; margin-right: 2%; box-sizing: border-box; margin-top: 1%;}
.ancho100-480 {width: 100%}
.ancho95-480 {width: 95%}
.ancho15-480 {width: 15%}
.fondorojo1 {height: 415px}
.hs {font-size: 1rem; padding: 5%;}
.marginbottom70-480 {margin-bottom: 70%}
/*informate-noticias-educacion-not*/
.titnoticias-notaprincipal {color: #563394}
.subtitulo-noticiaprincila {color: #563394}
.tituloescuelas {position: relative; float: left; width: 100%; height: 130px}
/*staff*/
.ancho35-480 {width: 35%}
}
@media screen and (max-width: 320px){
*{transition: 1s}
.r320 {display: none}
.r320si {display: inline}
.logovilo {width: 40%}
header {height: 240px}
.menubanner {width: 100%; position: relative; float: left; height: 250px}
.banner {margin-top: 10%}
.logovilo {width: 100%}
.imglogovilo {height: 65px; }
.menupills-pad40 {padding-left: 38%; padding-right: 38%}
.menupills-pad37 {padding-left: 33%; padding-right: 34%}
.informate {width: 80%; margin-left: 10%}
.tituloshome {font-size: 0.7rem}
.poneplay {width: 80%; margin-left: 10%}
.imgplay480 {width: 70%; margin-bottom: 10%; position: relative; float: left; margin-left: 12%;}
.iconplay {top: 23%}
.noticia320 {width: 100%}
.button320 {width: 37%; margin-bottom: 10%; margin-left: 10%}
.agenda1 {width: 95%}
.agenda2 {width: 95%}
/*Puntos de Interés*/
.ancho100-320 {width: 100%}
.ancho95-320 {width: 95%}
.margin5-320 {margin-top: 5%}
.marginleft0-320 {margin-left: 0%}
.margin21-320 {margin-top: 21%}
.margin180-320 {margin-top: 180%}
.marginbottom100-320 {margin-bottom: 100%}
.ancho10-320 {width: 10%}
.ancho28-320 {width: 28%}
.ancho90-320 {width: 90%}
.iconcarpeta {bottom: 40%}
.icondesplegable {bottom: 61%; left: 73%}
.fondorojo1 {height: 347px}
article nav ul li {padding-left: 10%}
.grillahs {height: 640px}
/*upps*/
.backvioleta {height: 400px}
.backvioleta2 {height: 400px}
.error {font-size: 0.75rem;}
.ups { font-size: 3.8rem; line-height: 4rem;}
.textups {font-size: 0.5rem; line-height: 0.7rem;}
/*proximamente*/
.textprox {font-size: 0.7rem;}
.prox {font-size: 1.8rem;}
/*encuesta*/
.titencuesta {font-size: 2.2rem;}
/*staff*/
.nombrestaff {font-family: 'Roboto Slab', serif; color: #666666; font-size: 0.7rem; font-weight: 400; position: relative; float: right}
.ancho100-320 {width: 100%}
.ancho50-320 {width: 50%}
.ancho45-320 {width: 45%}
.floatleft-320 {position: relative; float: left}
.margin20-320 {margin-top: 20%}
/*PONE PLAY VIDEOS*/
.ancho35-320 {width: 35%}
}