body{background-image: url('img/patronfondo.png');}
.container {background-color: white}

@font-face {
  font-family: 'TrashHand';
  src: url('fonts/TrashHand.eot');
  src: local('☺'), url('fonts/TrashHand.woff') format('woff'), url('fonts/TrashHand.ttf') format('truetype'), url('fonts/TrashHand.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Header
----------------------------------------------------------------------------------------------------*/

#encabezado { 
	background-image: url(img/fondo-logo.jpg);
	position: relative;
	height: 126px;
	margin-top: 1rem;
	margin-bottom;
  overflow: hidden;
}

#logo {
	position: relative;
  margin: 2% 40%;
  z-index: 98;
}

/* Celular */
@media (max-width: 500px) {
  #logo {margin: 5% 16%;}
  .bx-wrapper {display: none}
}

/* Phablet */
@media (max-width: 768px) {
  #logo {margin: 5% 16%;}
  .bx-wrapper {display: none}  
}

/* Subtitulos y Paleta
----------------------------------------------------------------------------------------------------*/

.subtituloazul {
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
  background-color: #0092b2;
  max-height: 2.9rem;
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.subazulsinfondo {
  color: #0092b2;
  font-weight: 700;
  margin-bottom: -2rem;
  margin-top: -.5rem;
  font-size: 1.8rem;
}

.subtitulorosa {
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
  background-color: #ff6b6b;
  max-height: 2.9rem;
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.subtituloverde {
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
  background-color: #66d35d;
  max-height: 2.9rem;
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.subtitulovioleta {
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
  background-color: #c54d57;
  max-height: 2.9rem;
  padding-left: 1rem;
  margin-bottom: 2rem;
}



.subtitulonaranja {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  color: white;
  background-color: #f05523;
  max-height: 2.9rem;
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.subnaranjasinfondo {
  color: #f05523;
  font-weight: 700;
  margin-bottom: -2rem;
  margin-top: -.5rem;
  font-size: 1.8rem;
}
.subvioletasinfondo {
  color: #c54d57;
  font-weight: 700;
  margin-bottom: -2rem;
  margin-top: -.5rem;
  font-size: 1.8rem;
}


.btn-leer {
  background: #0092b2;
  color: #ffffff;
  font-size: 1.2rem;
  padding: .3rem 2rem .3rem 2rem;
  text-decoration: none;
  position: absolute;
}

.btn-leer:hover {
  background: #59a2b3;
  color: white;
  text-decoration: none;
}

.verde {background-color: #66d35d;}
.verdecolor {color: #66d35d;}
.verdetransparente {background-color: rgba(102, 211, 93, 0.8);}
.azul {background-color: #0092b2;}
.azulcolor {color: #0092b2;}
.azultransparente { background-color: rgba(0, 146, 178, 0.8);}
.rosa {background-color: #ff6b6b}
.rosacolor {color: #ff6b6b}
.rosatransparente {background-color: rgba(255, 107, 107, 0.8);}
.naranja {background-color: #f05523}
.naranjacolor {color: #f05523}
.naranjatransparente {background-color: rgba(255, 83, 13, 0.8)}
.violeta {background-color: #c54d57}
.violetacolor {color: #c54d57}
.violeta {background-color: rgba(197, 77, 87, 0.8)}
.violeta:hover {background-color: #C4767D}

.hr-sub {margin-bottom: 1.5rem; margin-top: 2rem}


/* Nav de http://cssmenumaker.com/menu/textured-responsive-drop-down-menu https://github.com/tessalt/dropdowns
----------------------------------------------------------------------------------------------------*/

/* Slider bxSlider
----------------------------------------------------------------------------------------------------*/

.bxslider li {
  position: relative;
}

.bxslider li h1 {
  position: absolute;
  color: white;
  height: 6rem;
  padding: .5rem 2rem;
  font-weight: 500;
  font-size: 4.8rem;
}

.bxslider li h3 {
  position: absolute;
  color: white;
  height: 4.6rem;
  font-size: 3.3rem;
  padding: 1rem 2rem;
}


.sl1-tit1-pos {top: 52%;left: 40%;}
.sl1-tit2-pos {top: 70.8%;left: 40%;}
#sl2-tit1-pos {top: 52%;left: 12%;}
#sl2-tit2-pos {top: 70.8%;left: 12%;}
#sl3-tit1-pos {top: 38%; left: 12%;}
#sl3-tit2-pos {top: 56.7%;;left: 12%;}



/* Index Ahora
----------------------------------------------------------------------------------------------------*/


#ahora {
	margin-top: 6rem;
  width: 100%;
  position: relative;
}

.descripcionahora {
  overflow: hidden;
  max-width: 630px;
  height: 90px;
  position: relative;
  background-image: url('img/fondoahora.jpg');
  background-size: 100%;
  padding: 1rem;
  margin-top: -1rem
}

#titulodescripcionahora {
  color: white;
  font-weight: 600;
  font-size: 2.1rem;
  position: absolute;
  top: 20%;
  left: 20%;
}

.descripcionahora img {position: absolute; top 30%; left: 4%;}

.descripcionahora p {
  font-size: 1.2rem;
  font-weight: 300;
  color: white;
  position: absolute;
  top: 48%;
  left: 20%;
}

.descripcionahora h6 {
  font-size: 1.2rem;
  font-weight: 300;
  color: white;
  position: absolute;
  top: 20%;
  left: 47%;
}

#ahora aside {margin-left: 2%; position: relative;}
#ahora aside p {font-size: 1.4rem; font-weight: 400; line-height: 1.5}
#ahora aside hr {margin-bottom: 1.5rem;}
#ahora article {position: relative;}
#play-yt {position: absolute; left: 40%; top: 35%;}


#ahora aside h6 {
  color: #0092b2;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
}

.btn-ver {
  background: #71e366;
  background-image: -webkit-linear-gradient(top, #71e366, #66d35d);
  background-image: -moz-linear-gradient(top, #71e366, #66d35d);
  background-image: -ms-linear-gradient(top, #71e366, #66d35d);
  background-image: -o-linear-gradient(top, #71e366, #66d35d);
  background-image: linear-gradient(to bottom, #71e366, #66d35d);
  color: #ffffff;
  font-size: 1.2rem;
  padding: .3rem 2rem .3rem 2rem;
  text-decoration: none;
  position: absolute;
}

.btn-ver:hover {
  background: #67d35d;
  color: white;
  background-image: -webkit-linear-gradient(top, #67d35d, #71e366);
  background-image: -moz-linear-gradient(top, #67d35d, #71e366);
  background-image: -ms-linear-gradient(top, #67d35d, #71e366);
  background-image: -o-linear-gradient(top, #67d35d, #71e366);
  background-image: linear-gradient(to bottom, #67d35d, #71e366);
  text-decoration: none;
}
.btn-pos1 {top: 18.3%; left: 78.5%;}
.btn-pos2 {top: 45.5%; left: 78.5%;}

#conductores div {margin-left: 2%}

/* Celular */
@media (max-width: 550px) {
  #ahora {margin-bottom: -6rem}
  .descripcionahora {height: 55px; margin-top: -1rem;margin-bottom: 2rem} 
  .descripcionahora img {display: none;}
  .descripcionahora h6  {display: none;}
  .descripcionahora p {top: 46%; left: 27%; font-size: 1.4rem}
  #titulodescripcionahora {top: 13%; left: 30%;}
  .btn-pos1 {top: 28%; left: 76.5%;}
  .btn-pos2 {top: 71.2%; left: 76.5%;}
  #conductores {display: none}
  #yt {width: 100%}
  #play-yt {width: 20%}
}

/* Phablet */
@media (max-width: 768px) {
  #ahora {margin-bottom: -6rem}
  .descripcionahora {height: 55px; margin-bottom: 2rem; margin-top: -1rem}
  #caballo {display: none;}  
  .descripcionahora h6  {display: none;}
  .descripcionahora p {top: 46%; left: 27%; font-size: 1.4rem}
  #titulodescripcionahora {top: 13%; left: 30%;}
  .btn-pos1 {top: 28%; left: 76.5%;}
  .btn-pos2 {top: 71.2%; left: 76.5%;}
  #conductores {display: none}
}

/* Ipad */
@media (max-width: 1024px) {
    #seccionprogramas div article img {width: 100%;}
    #yt {width: 100%}
}


/* Index Programas
----------------------------------------------------------------------------------------------------*/
#seccionprogramas {margin-top: 2rem; position: relative;}

#seccionprogramas div > article {position: relative;}

#titular1 {
  background: #0092b2;
  width: 100%;
  height: 3.5rem;
  color: #FFF;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  padding-top: .5rem;
  position: absolute;
  top: 48%;
  margin-bottom: 1rem;
}

.parrafo {
  text-align: left;
  color: #4c565e;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
}

#seccionprogramas div article img {margin-bottom: 1rem}

/* Celular */
@media (max-width: 550px) {
  #seccionprogramas div article img {width: 100%}
  #titular1 {width: 100%; top: 47%}
}

/* Phablet */
@media (max-width: 768px) {
  #seccionprogramas div article img {width: 100%}
}

/* Twitter
----------------------------------------------------------------------------------------------------*/
.twitter {position: relative; padding: 0 1rem}
.twitter img {position: relative;}
.twitter h6 {font-weight: 700; color: #a1a2a1; position: relative;float: left; margin: 0 1rem; font-size: 1.6rem}
.twitter span {font-weight: 800; color: #1382a8; position: relative; float: left; font-size: 1.3rem; margin: 0 1rem}
.twitter hr {margin-bottom: 1rem}
.twitter h5 {font-weight: 400; color: #1382a8; position: relative; float: left; font-size: 1.8rem; margin: 0}
.twitter h5 small {color: #1382a8}
.twitter .tiempotw {margin-top: -1rem; color: #7F7F7F; margin-top: .5rem;margin-bottom: 1rem; font-size: 80%;}
.twitter p {color: #4E4E4E; position: relative; float: left; font-size: 1.3rem; margin-top: 0rem; margin-bottom: 0;}
.twitter p strong {color: #1382a8}
.twitter input { margin-bottom: 0px; margin-top: 10px;}

/* Celular */
@media (max-width: 500px) {
  .twitter {margin-top: 3rem}
  .twitter p {text-align: left;}
  .twitter h5:lastchild {margin-left: -33%;}
}

/* Phablet */
@media (max-width: 768px) {

}

/* Index Nuestra lucha
----------------------------------------------------------------------------------------------------*/

#nuestralucha article img {display: inline-block; position: relative; float: left;}
#imagenluchaindex {position: relative;}

.boton {
  text-align: center;
  padding: 1rem 5rem;
  margin: 0px 0px 0px 7rem;
  border-radius: .5rem;
  text-decoration: none;
  background-color: rgba(253, 234, 224, 0.9);
  height: 4.8rem;
  border-radius: .5rem;
  font-size: 1.6rem;
  color:#ff6b6b;
}

.boton:hover {
  background: #ffb2b2;
  color: #fff;
  position: relative;
}

#destacadohome {
  background: #ff6b6b;
  background-image: url(img/misc-natu1.png);
  background-repeat: repeat-x;
  width: 320px;
  height: 297px;
  float: right;
  position: relative;
  overflow: hidden;
}

#destacadohome img {position: absolute;left: 13%; top: 10%; background-repeat: no-repeat;}
#destacadohome h6 {font-family: "TrashHand"; font-size: 3rem; position: relative; float: left; color: white; margin: 3rem 0rem 1rem 6rem;}

#destacadohomeinfo {
  font-size: 1.6rem;
  font-weight: 300;
  font-style: italic;
  color: #fff;
  text-align: center;
  line-height: 18pt;
  letter-spacing: 0.75px;
  margin: 13rem 2.5rem 3.5rem 2.5rem;
}

.enterate { position: relative; margin-top: 4rem}

.enterate h1 {
  top: 32%;
  left: 18%;
  position: absolute;
  font-family: "TrashHand";
  text-align: center;
  padding: 1rem 3rem;
  text-decoration: none;
  background: #66d35d;
  height: 5.4rem;
  font-size: 5rem;
  color: white;
}

.enterate h1:hover {
  color: #E9E9E9;
}


/* Celular */
@media (max-width: 550px) {
  #nuestralucha article img {display: none}
  #destacadohome {width: 100%; height: 31.5rem}
  .boton {margin: 0 16%;}
  #destacadohomeinfo {font-size: 1.6rem;}
  .enterate {display: none}
  #caballo {display: none}
  #destacadohome h6 {margin: 3rem 0rem 0 7rem; font-size: 3rem;}
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
    #caballo {width: 0%}
    #destacadohomeinfo {font-size: 2.6rem; margin-top: 15rem;}
    .boton {margin: 0px 0px 0px 32%; width: 100%}
    .enterate img {width: 100%}
    #destacadohome {width: 100%; height: 33rem;}
    #destacadohome h6 {margin: 3rem 0rem 0 20%;}
}



/* Lucha html
----------------------------------------------------------------------------------------------------*/

.bannerlucha {position: relative; margin-bottom: 3rem}

.bannerlucha h1 {
  background: rgba(196, 77, 88, 0.9);
  color: white;
  font-weight: 400;
  width: 47%;
  height: 6rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 34%;
  left: 41%;
  margin-bottom: 1rem;
}
.bannerlucha h3 {
  position: absolute;
  background: rgba(196, 77, 88, 0.9);
  color: white;
  font-weight: 300;
  width: 39%;
  height: 5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 53.5%;
  left: 49%;
  margin-bottom: 1rem;
}

#mov1 {
  background: #0079a5;
  background-image: url(img/texturalucha.png);
  background-repeat: no-repeat;
  max-width: 627px;
  max-height: 151px;
  float: right;
  position: relative;
  overflow: hidden;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 2rem;
}
#mov1 hr {width: 47.8%; position: absolute; top: 50.5%; left: 49%;}
#mov1 .btn-ver {position: absolute; top: 71%; left: 82.5%;}
#mov2 {
  background: #0092b2;
  background-image: url(img/texturalucha2.png);
  background-repeat: no-repeat;
  max-width: 627px;
  max-height: 151px;
  float: right;
  position: relative;
  overflow: hidden;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 2rem;
}
#mov2 hr {width: 47.8%; position: absolute; top: 50.5%; left: 49%;}
#mov2 .btn-ver {position: absolute; top: 71%; left: 82.5%;}
.movilizaciones div > img {position: absolute; top: 30%; left: 6%}
.movilizaciones div > p {color: white; font-size: 1.4rem; margin-left: 309px;}
#verdemovilizaciones {
  max-height: 7.7rem;
  background-color: #7dda75;
  width: 100%;
  padding: 1.1rem 24rem .6rem 1.6rem;
  position: relative;
}
#verdemovilizaciones h6 {color: white; font-size: 1.6rem}
#verdemovilizaciones a {color: white}
#verdemovilizaciones img {position: absolute; top: 20%; left: 70%;}

.videoslucha {position: relative; margin-left: 2%; width: 32.6666666667%;}
.videoslucha img {margin-bottom: 2rem}
.videoslucha hr {margin-bottom: .5rem}
.lineaboton {margin-bottom: 0rem; margin-top: 0rem}
.videoslucha p {line-height: 1.5; font-size: 1.4rem}
#playvideo {position: absolute; top: 18%; left: 37%;}
.pos-lucha {position: absolute; top: 102%; left: 0%; background-color: #0092b2;}


.lucha-campanas {position: relative; margin-top: 5rem; margin-bottom: 4rem}
.lucha-campanas div > article { position: relative;}
.titularimg5 {
  position: absolute; 
  font-size: 1.5rem;
  color: white;
  width: 55%;
  height: 3rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 50%;
  margin-bottom: 1rem;
  }
.titularimg6 {
  position: absolute; 
  font-size: 2.3rem;
  font-weight: 600;
  color: white;
  width: 74%;
  height: 4rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 58%;
  margin-bottom: 1rem;
}
.tampos1 {top: 10%}
.tampos2 {top: 18%; width: 85%;}


.p-logros {
  font-size: 1.6rem;
  color: white;
  text-align: center;
  line-height: 1.5;
  position: absolute;
  width: 91.3%;
  height: 8rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  top: 78%;
}
.naranja {background: rgba(255, 83, 13, 0.9);}
.rojo {background: rgba(196, 77, 88, 0.9);}


.lucha-logros {position: relative; margin-top: 3rem;  margin-left: 2%; width: 32.6666666667%; margin-top: 5rem}
.juntos {
  min-height: 201px;
  background-color: #66d35d;
  padding: 3rem 1rem 0rem 3rem;
  margin-bottom: 2rem;
}
.juntos img {position: relative; float: left; margin-right: 1rem}
.juntos h5 {
  margin: 0;
  font-family: "TrashHand"; 
  font-size: 3.6rem; 
  color: white; 
  text-align: left; 
  position: relative; 
}    
.lucha-logros hr {margin-bottom: .5rem}
.lucha-logros p {line-height: 1.5; font-size: 1.4rem}
.pos-logros {position: absolute; top: 95%; left: 67%;}

/* Celular */
@media (max-width: 500px) {
  .bannerlucha img {display: none}
  .bannerlucha h1 {  position: relative; width: 96%; font-size: 3rem; height: 100%; margin-left: -135px; margin-top: -1rem; float: left; margin-left: -113px; float: left;}
  .bannerlucha h3 {  position: relative; width: 95.6%;font-size: 2.2rem; height: 100%; margin-left: -135px; margin-top: -1rem; float: left;}
  #mov1 { max-width: 100%; max-height: 93px; padding: 3rem 0 3rem 0;}
  #mov2 { max-width: 100%; max-height: 93px; padding: 3rem 0 3rem 0;}
  .videoslucha {display: none;}
  #mov1 .btn-ver {left: 33%;}
  #mov1 hr {display: none;}
  #mov2 hr {display: none;}
  #mov2 .btn-ver {left: 33%;}
  #verdemovilizaciones {display: none;}
  .titularimg5 {width: 65%; top: 10%;}
  .titularimg6 {width: 80%; top: 18%;}
  .tampos2 {width: 94%}
  .p-logros {width: 92.8%; top: 73%}
  .lucha-campanas div > article > img { width: 100%; margin-bottom: 2rem}
  .lucha-logros {width: 96%; margin-top: -2rem;}
  .lucha-logros h5,p {text-align: center;}
  .juntos {display: none}
  .pos-logros {left: 35%}
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 768px) {

}

/* Sección Ahora
----------------------------------------------------------------------------------------------------*/
#seccionahora {position: relative;}
#seccionahora img {z-index: 99}
#misc1 {
  position: absolute;
  top:49%;
  left: 49%;
}
#misc2 {  
  position: absolute;
  top:-12%;
  left: 23%;
}
#misc3 {
  position: absolute;
  top: 70%;
  left: 6%;
}

/* Logros html
----------------------------------------------------------------------------------------------------*/

.headerlogros {
  position: relative;
  float: left;
  margin-bottom: 3rem;
}

.headerlogros h1 {
  background: rgba(102, 211, 93, 0.9);
  color: white;
  font-weight: 400;
  width: 22%;
  height: 7rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 34%;
  left: 19%;
  margin-bottom: 1rem;}

.headerlogros h3 {
  background: rgba(102, 211, 93, 0.9);
  color: white;
  font-weight: 300;
  width: 46%;
  height: 5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 56.3%;
  left: 19%;
  margin-bottom: 1rem;  
}

#mas-logros aside {
  position: relative; 
  margin-left: 2%; 
  width: 32.6666666667%;
}

#mas-logros article img {
  position: relative;
  float: left;
}

.desalojo {
  padding: 1.5rem 2rem 0.5rem;
  max-width: 223px;
  max-height: 235px;
  background-image: url(img/fondoahora.jpg);
  background-repeat: repeat-y;
  position: relative;
  float: left;
  display: inline-block;
}

.numeros {
  position: relative;
  float: right;
  background-color: #01a3c6;
  max-height: 235px;
  min-width: 165px;
  padding: 1.5rem 1rem 0.5rem;
}

.numeros h6 {color: white; margin-bottom: 0; font-weight: 400; line-height: 1.5}
.numeros hr {margin-bottom: 1.5rem; margin-top: .5rem}
.numeros img {position: relative; float: left; margin-right: 1rem}
#top-3 {margin-top: 30rem}

#mas-logros article > div > h1 {
  font-family: "TrashHand";
  color: white;
  font-size: 5rem;
  text-align: center;
  margin-bottom: 1rem;
  margin-left: -2px;
  line-height: 1;
}

#mas-logros article > div > p {
  text-align: center;
  color: white;
  line-height: 1.5;
  margin-left: -5px;
  margin-top: -5px;
  margin-bottom: 2.5rem;
}

.hrsub {margin-top: 2rem; margin-bottom: .5rem}
#hr-btn {margin-bottom: 0; margin-top: 12px}
aside .btn-leer {position: relative ;float: right;}
aside article p {margin-bottom: 1.5rem; color: #4F4F4F}

.naturaleza {
  margin-top: 49px;
  max-width: 303px;
  height: 135px;
  background-color: #66d35d;
  background-image: url(img/misc-natu1.png), url(img/misc-natu2.png);
  background-position: center top, center bottom;
  background-repeat: repeat-x;
  padding: 6rem 2rem;
}

.naturaleza img {position: relative;float: left; margin-right: 2rem;   margin-top: 1rem;}
.naturaleza h6 {font-family: 'TrashHand'; font-size: 2.8rem; color: white}
.botonverde {
  text-align: center;
  padding: 1rem 5rem;
  margin: 0px 0px 0px 4rem;
  border-radius: .5rem;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.8);
  height: 4.8rem;
  border-radius: .5rem;
  font-size: 1.6rem;
  color:#66d35d;
}

/* Celular */
@media (max-width: 500px) {
  .headerlogros img {display: none}
  .headerlogros h1 {position: relative; float: left; width: 65%; height: 6rem; margin-bottom: 0rem; top: 0; left: 0;}
  .headerlogros h3 {position: relative; float: left; width: 96%; height: 8rem; top: 0; left: 0;}
  .headerlogros {margin-bottom: 3rem}
  #mas-logros article img {display: none}
 .numeros {display: none}
 .asidelogros {margin-top: 3rem}
 .naturaleza img {display: none;}
 .naturaleza h6 {text-align: center;}
 .botonverde {margin: 0px 0px 0px 2.5rem;}
}

/* Ipad */
@media (max-width: 1024px) {
  .headerlogros img {width: 100%;}
  .headerlogros {margin-bottom: 3rem}
 .numeros {display: none}
 .violeta .btn-leer {display: none}
 .hr-btn {display: none;}
 .desalojo {max-width: 58%;}
 .naturaleza {width: 85%; margin-top: 5.6rem;}
 .naturaleza h6 {text-align: center;}
 .naturaleza img {display: none}
 .botonverde {margin: 0px 0px 0px 1.5rem;}
}

/* PROPUESTA html
----------------------------------------------------------------------------------------------------*/
.nuestrapropuesta {
  position: relative;
}

.nuestrapropuesta h1 {
  background: rgba(196, 77, 88, 0.9);
  color: white;
  font-weight: 400;
  width: 47%;
  height: 5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 45%;
  margin-bottom: 1rem;
}
.nuestrapropuesta h3 {
  position: absolute;
  background: rgba(196, 77, 88, 0.9);
  color: white;
  font-weight: 300;
  width: 57%;
  height: 5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: absolute;
  top: 54%;
  margin-bottom: 1rem
}

.nuestrapropuesta p {
 color: #4c565e;
 line-height: 1.8;
 margin-top: 1.5rem;
}

#destacadoprop {
  background: #c54d57;
  background-image: url(img/misc-natu1.png);
  background-repeat: repeat-x;
  width: 305px;
  height: 40rem;
  float: right;
  position: relative;
  overflow: hidden;
}

#destacadoprop h3 { font-family: "TrashHand"; font-size: 4rem;  color: white; margin: 10% 6% 4% 6%;}
#destacadoprop img {position: absolute;left: 13%; top: 10%; background-repeat: no-repeat;}
#destacadopropinfo {
  font-size: 1.6rem;
  font-weight: 300;
  color: #fff;
  margin: -8% 6% 4% 6%;
  line-height: 1.5;
}

.imgmedios {
  margin-left: -11px;
}

.propuestaazul {
   margin-top: 1.5rem;
  height: 7.5rem;
  width: 100%;
  background-color: #0092b2;
}

.propuestaazul img {position: absolute; top: 76%; left: 5%;}

.propuestaazul h4{
  color: white;
  font-style: italic;
  font-size: 2.3rem;
  font-weight: 300;
  margin-top: 2rem;
  margin-left: 18rem;
}


/* Celular */


@media (max-width: 500px) {
  .nuestrapropuesta img {display: none;}
  .nuestrapropuesta h1 {
  background: rgba(196, 77, 88, 0.9);
  color: white;
  font-weight: 400;
  width: 96%;
  height: 5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  position: relative;
}
.nuestrapropuesta h3 {
  position: relative;
  font-size: 2.5rem;
  background: rgba(196, 77, 88, 0.9);
  color: white;
  font-weight: 300;
  width: 96%;
  height: 4rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  margin-top: -1rem;
}
.nuestrapropuesta p {text-align: center; font-size: 1.6rem; background-color:#F0F0F0 ; color: #222}
.imgmedios {display: none}
#destacadoprop {width: 100%; height: 450px;}
.propuestaazul {height: 20rem}
.propuestaazul h4 {text-align: center; padding: 0 1rem; margin-left: 0rem;}
.propuestaazul img {top: 79%; left: 38%;}
#destacadoprop h3 {  margin: 10% 6% 4% 20%;}
}


/* Phablet */
@media (max-width: 768px) {
  .nuestrapropuesta img {display: none;}
}





/* MATERIAL html
----------------------------------------------------------------------------------------------------*/

a {text-decoration: none}

.titpart {
  font-weight: 700;
  color: white;
  padding: .5rem 2rem;
  background-image: url(img/texturalucha.png);
  height: 6rem;
}

.info {position: relative;}
.info h5 {margin-bottom: 2rem}
.info img {position: relative; margin-left: 1rem;}
.info hr {position: relative; margin-top: 1.5rem; margin-bottom: 2rem;}
.info hr:nth-of-type(2) {z-index: 99 ;position: relative; margin-top: 4rem}

.info-formu {
  font-size: 1.8rem;
  color: #4c565e;
  font-weight: 700;
  position: relative;
  float: right;
  margin-top: 1rem;
  margin-right: 1rem;
}

.info-formu span {
  color: #26b1d6;
  font-size: 1.4rem;
  float: right;
  position: relative;
  margin-bottom: 1rem;
  z-index: 1
}

/* FORMULARIO by Skeleton
----------------------------------------------------------------------------------------------------*/

.datefield input { 
  width: 14.6rem;
  padding: 0 10%; 
  font-size: 100%; 
  color: #000;            
}

.button-primary {position: relative; float: right;}

/* Celular */
@media (max-width: 500px) {
  .datefield input {width: 8.5rem;padding: 0 10%;}
  .button-primary {position: relative; float: right;}
}

/* Phablet */
@media (max-width: 768px) {
  .datefield input {width: 8.5rem;padding: 0 10%;}
}



/* FUNDADORES html
----------------------------------------------------------------------------------------------------*/
.rita {
  background-image: url("img/rita2.png");
  width: 181px;
  height: 181px
}
.carlos {
  background-image: url("img/carlos2.png");
  width: 181px;
  height: 181px
}
.segovia {
  background-image: url("img/segovia.png");
  width: 181px;
  height: 181px
}
.ati {
  background-image: url("img/ati.png");
  width: 181px;
  height: 181px
}
.pereyra {
  background-image: url("img/pereyra.png");
  width: 181px;
  height: 181px
}
.roa {
  background-image: url("img/roa.png");
  width: 181px;
  height: 181px
}

.rojohover {
  position: relative;
  top: 0px;
  width: 181px;
  height: 181px;
  background-color: #c44d58;
  border-radius: 9rem;
  opacity: 0;
}
.rita:hover .rojohover {opacity: 0.3;}
.carlos:hover .rojohover {opacity: 0.3;}
.segovia:hover .rojohover {opacity: 0.3;}
.ati:hover .rojohover {opacity: 0.3;}
.pereyra:hover .rojohover {opacity: 0.3;}
.roa:hover .rojohover {opacity: 0.3;}
.fundadores div {margin-bottom: 2rem}



.headerfundadores {position: relative;}
.headerfundadores h1 {
  font-weight: 500;
  color: white;
  padding: .5rem 2rem;
  background-image: url(img/fondo-titulo-fundadores.png);
  width: 96%;
  height: 6rem;
}
.fundadores {position: relative;}
.fundadores article {position: relative; padding: 5rem;}

#titulofundadores {
  position: absolute;
  background: rgba(29, 190, 232, 0.8);
  height: 6rem;
  font-weight: 400;
  color: #FFF;
  font-size: 3.4rem;
  text-align: center;
  padding: 0.2rem .5rem;
  max-width: 47%;
  top: 37%;
  left: 21%;
  text-transform: uppercase;
}

#subtitulofundadores {
  position: absolute;
  background: rgba(29, 190, 232, 0.8);
  height: 7rem;
  font-weight: 300;
  color: #FFF;
  font-size: 2.2rem;
  text-align: center;
  padding: 0.1rem 0rem;
  max-width: 44%;
  top: 48.7%;
  left: 33%;
  text-transform: uppercase;
}

.nombrefundadores {
  background: #0092b2;
  height: 3rem;
  color: #FFFFFF;
  font-size: 1.5rem;
  text-align: center;
  padding-top: 1rem;
  width: 13rem;
  margin-left: 3rem;
  margin-bottom: 1rem;
}

.descfundadores {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
  color: #999999;
}

.twfundadores {
  position: absolute;
  top: 46%;
  left: 65%;
  width: 12%;
  z-index: 100;
}

.pueblos {
  position: relative;
  padding: 3rem;
  height: 16.2rem;
}

.pueblos img {
  position: absolute;
  top: 22%;
}

.pueblos h6 {
  font-family: "TrashHand";
  font-size: 4rem;
  color: white;
  position: absolute;
  top: 29%;
  left: 17%;
  line-height: initial;
}

.pueblos p {
 color: white;
   font-size: 1.6rem;
  position: relative;
  float: left;
  left: 37%;
  top: -6%;
  margin-right: 64rem;
  line-height: initial;
}

.pueblos p:last-child {
  color: white;
  font-size: 1.6rem;
  position: relative;
  float: left;
  left: 69%;
  top: -142%;
  margin-right: 64rem;
  line-height: initial;
}


/* Celular */
@media (max-width: 500px) {
  .headerfundadores img {display: none}
  .headerfundadores h1 {font-weight: 700; font-size: 3.6rem; padding: 0.7rem 1rem; width: 93%; height: 4rem;}
  #titulofundadores {position: relative; font-size: 2.4rem; text-align: left; top: 0; left: 0; max-width: 61%;}
  #subtitulofundadores {position: relative;  height: 5rem; text-align: left; top: 0; left: 0; font-weight: 300; color: #FFF; font-size: 1.8rem; padding: 0.5rem 0.5rem; max-width: 96%; margin-top: -2rem; text-transform: uppercase;}
  .fundadores article {margin-bottom: -7rem}
  .descfundadores {font-weight: 400}
  .nombrefundadores {margin-left: 2rem}
  .twfundadores {position: absolute; top: 48%; left: 73%;}  
  .pueblos {display: none}
}

/* Phablet */
@media (max-width: 768px) {
  .headerfundadores img {display: none}
  #titulofundadores {position: relative; font-size: 2.4rem; text-align: left; top: 0; left: 0; max-width: 61%;}
  #subtitulofundadores {position: relative;  height: 5rem; text-align: left; top: 0; left: 0; font-weight: 300; color: #FFF; font-size: 1.8rem; padding: 0.5rem 0.5rem; max-width: 96%; margin-top: -2rem; text-transform: uppercase;}
  .fundadores article {margin-bottom: -7rem}
  .descfundadores {font-weight: 400}
  .nombrefundadores {margin-left: 2rem}
  .twfundadores {position: absolute; top: 48%; left: 73%;}  
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
    .headerfundadores img {display: none}
  #titulofundadores {position: relative; font-size: 2.4rem; text-align: left; top: 0; left: 0; max-width: 61%;}
  #subtitulofundadores {position: relative;  height: 5rem; text-align: left; top: 0; left: 0; font-weight: 300; color: #FFF; font-size: 1.8rem; padding: 0.5rem 0.5rem; max-width: 96%; margin-top: -2rem; text-transform: uppercase;}
  .fundadores article {margin-bottom: -7rem}
  .descfundadores {font-weight: 400}
  .nombrefundadores {margin-left: 2rem}
  .twfundadores {position: absolute; top: 48%; left: 76%;}
  .pueblos {margin-top: 6rem;}
  .pueblos h6 {top: 26%; left: 17%; line-height: initial;}
  .pueblos img {top: 18%}
  .pueblos p {
  color: white;
  font-size: 1.6rem;
  position: relative;
  float: left;
  left: 37%;
  top: -6%;
  margin-right: 29rem;
  line-height: initial;
}
.pueblos p:last-child {
  color: white;
  font-size: 1.6rem;
  position: relative;
  float: left;
  left: 37%;
  top: -31%;
  margin-right: 30rem;
  line-height: initial;}
}




/* Error html
----------------------------------------------------------------------------------------------------*/

.error {
  position: relative;
  background-image: url(img/texturalucha.png);
  background-repeat: repeat;
  background-color: #ff6b6b;
  width: 960px;
  height: 74rem;
  margin-top: -3rem;
  margin-bottom: -5rem;
}

.error img {width: 80%; margin: 9% 9%;}

.error h1 {
  font-family: "TrashHand";
  font-size: 7.8rem;
  text-align: center;
  position: absolute;
  color: white;
  top: 57%;
  left: 20%;
}

.error h6 {
  position: absolute;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  top: 82%;
  left: 40%;
}

.error p {
  position: absolute;
  color: white;
  font-size: 2rem;
  font-weight: 400;
  top: 89%;
  left: 32%;
}


/* Celular */
@media (max-width: 550px) {
.error {width: 100%; height: 36rem}
.error img {width: 87%; margin: 10% 5%;}
.error h1 {top: 31%; left: -1%; font-size: 4.8rem}
.error h6 {top: 62%; left: 25%; font-size: 3rem}
.error p {top: 73%; left: 0%; font-size: 1.8rem}
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
.error {width: 100%; height: 41rem}
.error img {width: 87%; margin: 10% 5%;}
.error h1 {top: 4%; left: 29%; font-size: 4.8rem}
.error h6 {top: 14%; left: 41%; font-size: 3rem}
.error p {top: 91%; left: 32%; font-size: 1.8rem}
}

/* Programas html
----------------------------------------------------------------------------------------------------*/
/* Agregar overflow? */

.titprograma {
  font-weight: 700;
  color: white;
  padding: .5rem 2rem;
  background-image: url(img/fondo-titulos-programas.png);
  width: 96%;
  height: 6rem;
}

#masvistos article {position: relative;}
#masvistos article:first-child {width: 50%; height: 39rem}
#masvistos article:first-child img {height: 39rem}
#masvistos article:last-child {margin-left: 2%}

.masvistos3y4 article {position: relative;}

.categoria-mas-visto {
  color: white;
  font-weight: 700;
  font-size: 1.4rem;
  padding: .2rem 1rem;
  position: absolute;
  top: 68%;
  z-index: 10;
}

.tit-mas-visto {
  position: absolute;
  top: 68%;
  padding: 3rem 1rem;
  font-weight: 700;
  color: white;
  width: 93.5%;
  height: 16.5%;

}

.desc-mas-visto {
  position: absolute;
  font-size: 1.8rem;
  top: 88%;
  left: 2.5%;
  color: white;
}
.categoria-mas-visto2 {
  color: white;
  font-weight: 700;
  font-size: 1.4rem;
  padding: .2rem 1rem;
  position: absolute;
  top: 23%;
  z-index: 10;
}

.tit-mas-visto2 {
  font-size: 3rem;
  position: absolute;
  top: 23%;
  padding: 3rem 1rem;
  font-weight: 700;
  color: white;
  width: 95.8%;
  height: 9%;

}

.desc-mas-visto2 {
  position: absolute;
  font-size: 1.6rem;
  top: 39%;
  left: 2.5%;
  color: white;
}
.categoria-visto-sm {
  color: white;
  font-weight: 700;
  font-size: 1.4rem;
  padding: .2rem 1rem;
  position: absolute;
  top: 77.2%;
  z-index: 10;
}

.tit-visto-sm {
  font-size: 2.2rem;
  position: absolute;
  top: 77.25%;
  padding: 3rem 1rem;
  font-weight: 700;
  color: white;
  width: 43.7%;
  height: 6%;
}

.desc-visto-sm {
  position: absolute;
  font-size: 1.4rem;
  top: 92%;
  left: 2.5%;
  color: white;
}
.pos-desc-visto-sm {
  position: absolute;
  font-size: 1.4rem;
  top: 92%;
  left: 55%;
  color: white;
} 

#programashtml {margin-top: 3rem}
#programashtml div > article {position: relative;}

.tit-docu {
  font-size: 2rem;
  position: absolute;
  top: 72%;
  padding: 1rem 1rem;
  font-weight: 700;
  color: white;
  width: 90.5%;
  height: 18%;
}

.desc-docu {
  position: absolute;
  font-size: 1.6rem;
  top: 86%;
  margin-left: 1rem;
  color: white;
}

/* Celular */
@media (max-width: 550px) {
  #masvisto2 {display: none}
  #masvistos img {width: 200%;}
  .titprograma {padding: .5rem 1rem; width: 100%;}
  .desc-mas-visto {font-size: 1.6rem;top: 51%; width: 200%; left: 7.5%; color: white;}
  .tit-mas-visto {top: 25%; font-size: 3rem; padding: 3rem 1rem; font-weight: 700; color: white; width: 185.5%; height: 7.4rem;}
  .categoria-mas-visto {top: 25%;}
  #programashtml {margin-top: -11rem}
  .entrevistas {margin-top: 15rem}
  #masvistos article:first-child img {height:  23.2rem;}
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
  #masvistos article:first-child img {height: 34rem;}
  .tit-mas-visto {top: 55.5%; padding: 3rem 1rem; font-weight: 700; width: 94.5%; height: 16.5%;}
  .categoria-mas-visto {top: 55%}
  .desc-mas-visto {top: 76.5%}
  .tit-mas-visto2 {top: 23%; padding: 2.5rem 1rem; width: 94.8%; height: 9%;}
  .desc-mas-visto2 {top: 39.5%;}
  .tit-visto-sm {font-size: 1.8rem;top: 77.25%; padding: 3rem 1rem;width: 43%;height: 7%;}
  .desc-visto-sm {top: 93%;}
  .desc-visto-sm span {display: none}
  .tit-docu {width: 89%}
}

/* Grilla
----------------------------------------------------------------------------------------------------*/
.titgrilla {
  font-weight: 700;
  color: white;
  padding: .5rem 2rem;
  background-image: url(img/fondo-titulos-programas.png);
  height: 6rem;
}

/* MenuTabs */
.submenugrilla div > div:first-child a {color: white; margin-left: 2rem; text-transform: uppercase;}
.submenugrilla div > div:first-child a:hover {color: #E5E5E5;}
.submenugrilla div > div:first-child {
  padding: 0.5rem 9rem;
  max-height: 3.6rem;
  color: white;
}
.submenugrilla hr {margin-top: 0}

.grilla div > article {position: relative; height: 15rem; box-sizing: border-box; padding: 2rem 1rem}
.grilla div > article h5 {color: #0092b2; font-size: 3rem; position: relative; float: left; font-weight: 400}
.grilla div > article h5 small {color: #A1A1A1; font-size: 1.4rem; margin-left: 1rem; position: relative; float: left;}
.thumb-grilla {  margin-top: 1rem ;position: relative; float: left; margin-left: 2rem; margin-right: 2rem}
.grilla div > article h6 {color: #66d35d; font-size: 1.8rem; position: relative; float: left; font-weight: 600}
.grilla div > article h6 span {color: #ff530d; font-size: 1.6rem; font-weight: 400}
.grilla div > article p {  color: #4D4D4D;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  float: left;
  width: 37rem;
  margin-left: -20rem;
  margin-top: 1rem;
}
#icono-grilla1 {position: absolute; top: 20%; left: 70%}
#icono-grilla2 {position: absolute; top: 23%; left: 80%}
#icono-grilla3 {position: absolute; top: 25%; left: 90%}
.grilla div > article a {text-decoration: none;}
.hor-grilla { margin-top: 0rem; margin-bottom: 1.5rem;}

/* Posicion de cada ficha+videos+seguinos */
.grilla div > article h4:nth-of-type(1) {
  position: absolute;
  left: 70%;
  top: 60%;
  font-weight: 300;
  color: #4D4D4D;
  font-size: 1.6rem;
}
.grilla div > article h4 {
  position: absolute;
  left: 80%;
  top: 60%;
  font-weight: 300;
  color: #4D4D4D;
  font-size: 1.6rem;
}
.grilla div > article h4:nth-of-type(3) {
  position: absolute;
  left: 90%;
  top: 60%;
  font-weight: 300;
  color: #4D4D4D;
  font-size: 1.6rem;
}

/* Color gris article */
.grilla div > article:nth-of-type(2) {background-color: #ebebeb}
.grilla div > article:nth-of-type(4) {background-color: #ebebeb}
.grilla div > article:nth-of-type(6) {background-color: #ebebeb}

/* Fix de los parrafos. */
.grilla div > article:nth-of-type(2) p {margin-left: -23.5rem;}
.grilla div > article:nth-of-type(4) p {margin-left: -22.5rem;}
.grilla div > article:nth-of-type(5) p {margin-left: -27.5rem;}
.grilla div > article:nth-of-type(6) p {margin-left: -34.5rem;}
.grilla div > article:nth-of-type(7) p {margin-left: -25rem;}

/* Celular */
@media (max-width: 550px) {
  .grilla div > article {min-height: 40rem}
  .titgrilla {width: 86%}
  .thumb-grilla {margin-top: 0rem; position: relative; float: left; margin-left: 2rem; margin-right: 0rem;}
  #icono-grilla3 {position: absolute;top: 86%;left: 71%;}
  #icono-grilla2 {position: absolute;top: 85%;left: 42%;}
  #icono-grilla1 {position: absolute;top: 84%;left: 18%;}
  .grilla div > article:nth-of-type(1) h6 { position: absolute; top: 36%; left: 19%;}
  .grilla div > article:nth-of-type(1) p {font-weight: 400; position: absolute; top: 46%;left: 80%;width: 24rem;}
  .grilla div > article h4 {display: none;}

  .grilla div > article:nth-of-type(2) h6 { position: absolute; top: 36%; left: 6%;}
  .grilla div > article:nth-of-type(2) p {font-weight: 400; position: absolute; top: 46%;left: 90%;width: 24rem;}

  .grilla div > article:nth-of-type(3) h6 { position: absolute; top: 36%; left: 6%;}
  .grilla div > article:nth-of-type(3) p {font-weight: 400; position: absolute; top: 46%;left: 80%;width: 24rem;}

  .grilla div > article:nth-of-type(4) h6 { position: absolute; top: 36%; left: 9%;}
  .grilla div > article:nth-of-type(4) p {font-weight: 400; position: absolute; top: 46%;left: 87%;width: 24rem;}

  .grilla div > article:nth-of-type(5) h6 { position: absolute; top: 36%; left: 9%;}
  .grilla div > article:nth-of-type(5) p {font-weight: 400; position: absolute; top: 46%;left: 107%;width: 24rem;}

  .grilla div > article:nth-of-type(6) h6 { position: absolute; top: 36%; left: 5%;}
  .grilla div > article:nth-of-type(6) p {font-weight: 400; position: absolute; top: 46%;left: 130%;width: 24rem;}

  .grilla div > article:nth-of-type(7) h6 { position: absolute; top: 36%; left: 9%;}
  .grilla div > article:nth-of-type(7) p {font-weight: 400; position: absolute; top: 46%;left: 97%;width: 24rem;}

}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
  .grilla div > article h4 {display: none;}
  #icono-grilla1 {position: absolute;top: 10%;width: 3%;left: 91%;}
  #icono-grilla2 {position: absolute;top: 43%;width: 3%;left: 91%;}
  #icono-grilla3 {position: absolute;top: 72%;width: 3%;left: 91%;}
  .submenugrilla div > div:first-child {padding: 0.5rem 7rem;}
  .submenugrilla div > div:first-child a {margin-left: 1rem;}
}

/* Noticias html
----------------------------------------------------------------------------------------------------*/

.notislider {position: relative;}

.notislider h1 {
  width: 24%;
  position: absolute;
  color: white;
  font-weight: 400;
  padding: .5rem 1rem;
}

.notislider small {
  position: absolute;
  color: white;
  left: 62%;
  top: 4%;
  z-index: 10;
}


.notislider h2 {
  position: absolute;
  font-size: 4rem;
  color: white;
  font-weight: 700;
  padding: 4rem 2rem;
  background-color: rgba(255, 107, 107, 0.95);
  background-image: url(img/texturalucha.png);
  background-repeat: repeat;
  width: 34.4rem;
  height: 24.6rem;
  left: 60%;
  top: 0%;
}

.notislider p {
  position: absolute;
  font-size: 1.8rem;
  font-weight: 300;
  color: white;
  width: 33%;
  left: 62%;
  top: 50%;
  line-height: initial;
}

.noti-comunidad {margin-top: 6rem}
.sub-noti { text-transform: uppercase; font-weight: 700; margin-bottom: -2rem; margin-top: -.5rem; font-size: 1.8rem;}
.fecha-noti {font-size: 1.4rem; font-weight: 300; margin-bottom: -0.5rem; margin-top: 0px;}
.desc-noti {color: #747474; font-size: 1.6rem; line-height: inherit; margin-top: 2.5rem; line-height: 1.4; width: 100%;}
.noti-comunidad section div > div > .btn-leer {position: relative; float: right;}
.noti-comunidad section div > div > #hr-btn {margin-top: -8px;}

.agenda {min-height: 10.5rem; padding: 4rem 2rem; position: relative;}
.agenda img {position: relative; float: left; margin-right: 2rem}
.agenda h3 {font-family: "TrashHand"; color: white; font-size: 3.8rem; position: relative; float: left; width: 48%}

.proxeventos h5:first-child {margin-top: 2rem}
.proxeventos h5 {font-size: 1.8rem; color: #4c565e; font-weight: 700; margin-top: -.9rem;}
.proxeventos h5 a {text-decoration: none; color: #4c565e}
.proxeventos h5 span {font-size: 1.4rem; color: #06D4E6; font-weight: 400; float: right;}
.proxeventos hr {margin-top: -1.2rem; border-top: 1px solid #c54d57}

.noti-bari {margin-top: 6rem}
.noti-bari section div > div > .btn-leer {position: relative; float: right;}

.masleidas {}
.desc-masleidas { font-weight: 400; font-size: 1.6rem;padding-left: 1rem;color: white; position: absolute; top: 57.5%;}
.mas-leidas1 { margin-top: 1rem; margin-bottom: 1.5rem; position: relative;}

.videos-mas-vistos {margin-top: 4rem}

.slide {position: relative;}
.slide #play-yt {width: 15%; top: 6%; left: 6%;}
.desc-video {color: white; background-color: rgba(37, 37, 37, 0.8); height: 3rem; padding: .5rem 1rem; width: 100%; position: absolute; top: 76%; font-size: 1.6rem; font-weight: 700;}



/* Celular */
@media (max-width: 550px) {
  .noti-comunidad section div > div > .btn-leer {margin-bottom: 3rem}
  .fecha-noti {width: 100%; text-align: left;}
  .desc-noti {text-align: left;}
  .agenda {min-height: 4rem; padding: 2rem 2rem; position: relative;}
  .agenda img {display: none}
  .agenda h3 {width: 100%}
  .noti-bari section div > div > .btn-leer {margin-bottom: 3rem}
  .videos-mas-vistos {display: none;}
  .notislider h1 { width: 100%; position: relative; color: white; font-weight: 400; padding: .5rem 1rem;}
  .notislider h2 {
  position: absolute;
  font-size: 2rem;
  color: white;
  font-weight: 700;
  padding: 1rem 2rem;
  background-color: rgba(255, 107, 107, 0.95);
  background-image: url(img/texturalucha.png);
  background-repeat: repeat;
  width: 85.4%;
  height: 27%;
  left: 0%;
  top: 96%;
}
.notislider {margin-bottom: 4rem}
  .notislider p {display: none}
  .notislider small {display: none}
  .notislider h1 {width: 93%;}

}


/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
  
  .agenda img {position: absolute; top: 10%; left: 26%;}
  .agenda h3 {  position: absolute; top: 67%; left: 1%; text-align: center; width: 100%;}
  .mas-leidas1 {margin-bottom: 3.7rem;}
  .videos-mas-vistos .bx-wrapper {width: 100%}
  .notislider p {position: absolute; font-size: 1.8rem; font-weight: 300; color: white; width: 38%; left: 58%; top: 50%; line-height: initial;}
  .notislider h2 {width: 40%; height: 19.9rem; left: 56%; top: 0%;}
  .notislider small {left: 58%; top: 2%;}
  .notislider h1 { width: 28%;}

}

/* Bariloche Noticias html
----------------------------------------------------------------------------------------------------*/

.notibariloche article:last-child {height: 41.1rem; }
.notibariloche article:first-child {position: relative;}
.notibariloche article h2 {font-size: 5rem; color: white; padding: 1rem 2rem; position: absolute; top: 79.2%; font-weight: 700}

/* Celular */
@media (max-width: 550px) {
  .notibariloche article h2 {font-size: 3rem;color: white; padding: 1rem 2rem; position: absolute; top: 66.2%; font-weight: 700; width: 85.5%;}
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
  
}



/* Ahora html
----------------------------------------------------------------------------------------------------*/
.videovivo {position: relative; margin-bottom: 3rem}
.aside-vivo p {line-height: 1.5; font-size: 1.4rem;}

.prog {position: relative;}
.prog #titular1 {width: 100%; top: 50%;}

.cont {position: relative;}
.cont .btn-ver {top: 68%; left: 77%}

.twvivo {position: relative;margin-bottom: 1rem}
.twvivo img {position: absolute; top: 0%}
.twvivo h6 {position: absolute; top: 0%; left: 22%}
.twvivo span {position: absolute; top: 95%; left: 22%}


/* Celular */
@media (max-width: 550px) {
  .programas {margin-top: 4rem}
  .twvivo h6 {  width: 100%;}
  .videovivo iframe {width: 100%; height: 15rem}
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
  
}



/* Footer
----------------------------------------------------------------------------------------------------*/

footer{margin-top: 5rem;}  

#fondofooter { 
  background: #3a3c3d;
  min-height: 100px;
  width: 100%;
  padding: 1rem 6rem 0rem 2rem;
  position: relative;
}

#legales {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 400;
  float: right;
  position: relative;
  width: 66%;
  margin-top: 1%;
}

.redessociales {
  margin-left: 5%;
}

.socialboton {
  margin-top: 1.5rem;
  position: relative;
  margin-left: 1rem;
}

#visitanos {margin-left: 5%; margin-bottom: -1%;}

#navfooter {
  background: #4a4a4a;
  padding: .5rem 30rem 0px 34rem;
  margin-bottom: 2rem;
  position: relative;
  float: left;
  height: 3.5rem;
}

#navfooter a {
  text-align: center;
  text-decoration: none;
  color: #8e8e8f;
  font-size: 1.1rem;
  font-weight: 400;
}

#navfooter a:hover {
  color: white;
}

/* Celular */
@media (max-width: 500px) {
  #navfooter {display: none; margin-bottom: 2rem}
  #fondofooter {padding: .5rem 1rem}
  #legales {text-align: center; max-height: 200px; width: 97%}
  #visitanos {margin-left: 30%}
  .socialboton {margin-left: 9%}
}

/* Phablet */
@media (max-width: 768px) {
  #navfooter {display: none;}
  #legales {text-align: center;}
}
/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {
  #navfooter {padding: .5rem 10rem 2px 27rem;}
}

/* Responsive
----------------------------------------------------------------------------------------------------*/

/* Celular */
@media (max-width: 550px) {

}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {

}