/* BANNER */
.banner {
  text-align: center;
  width: 100%;
  padding: 0;
  margin:0 0 30px;
  overflow: hidden;
  height: auto;
 
}
.banner.info {
  text-align: center;
  background-color: #F1F1F1;
  background-image: none;
  width: 100%;
  padding: 0;
  margin:-30px 0 30px;
  overflow: hidden;
  height: 26px;
}
.banner.info a.infobanner{
  width: 100%;
  max-width: 1120px;
  display: inline-block;
  height: 36px;
  padding: 2px 0 2px 40px;
  margin: 0 auto;
  overflow: hidden;
  font-family: 'Helvetica--Neue--55';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  color: #000;
  background-image: url(../assets/ic_Info.png);
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 10px 2px;
  text-decoration: none;
}
.banner.info a.infobanner.ccss2{max-width: 1210px;}
.banner .container { 
  width: 100%;
  max-width: 1280px;
  display: inline-block;
  height: auto;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
.banner .container h1 {
  display: block;
  font-family: 'Helvetica--Neue--75';
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0;
  text-align: left;
  color: #FF7900;
  padding: 0;
  margin: 42px 0 20px 70px;
}
.banner .container h1 span {
  width: 100%;
  display: block;
  font-family: 'Helvetica--Neue--75';
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  color: #FF7900;
  padding: 0;
  margin: 5px 0 0 0;
}
 


/* CUERPO */

.cuerpo {
  text-align: center;
  background-color:#fff;
  width: 100%;
  min-height: 400px;
  padding: 15px 0;
}
.cuerpo.negro {background-color:#000;min-height:auto;padding: 25px 0;margin-bottom:15px;}
.cuerpo.ventajas {min-height:auto;}
.cuerpo .container {
  width: 90%;
  max-width: 1280px;
  display: inline-block;
  height: auto;
  overflow: hidden;
}

.cuerpo .container.cardsCONT {width: 100%;}
.cuerpo.ventajas .container {width: 90%;}
.cuerpo h1{
  width: auto;
  margin: 20px auto;
  display: block;
  font-family: 'Helvetica--Neue--75';
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0;
  text-align: left;
  color: #FF7900;
  padding: 0;
}

.cuerpo h2 {
  width: auto;
  margin: 10px auto 20px;
  display: block;
  font-family: 'Helvetica--Neue--75';
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0;
  text-align: center;
  color: #000;
  padding: 0;
}
.cuerpo.ventajas h2 {text-align: center;}
.cuerpo.negro h2 {color: #fff;font-size: 32px;line-height: 36px;text-align: left;margin: 10px auto;}
.cuerpo p{
  width: auto;
  margin: 7px auto 0;
  display: block;
  font-family: 'Helvetica--Neue--55';
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
  color: #000;
  padding: 0;
}
.cuerpo .valida{
  width: auto;
  margin: 10px auto 0;
  display: block;
  font-family: 'Helvetica--Neue--55';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.7);
  padding: 0;
}
.cuerpo.negro .txttira{max-width: 60%;float: left;}
.cuerpo.negro p{font-weight: 400;color: #fff;font-size: 18px;line-height: 22px;text-align: left;}
.cuerpo.negro p a{font-weight: 400;color: #fff;font-size: 18px;line-height: 22px;text-align: left;text-decoration: none; display: inline-block;}
.cuerpo.negro .boton {float:right;margin: 0 60px 0 0;}
.cuerpo.negro .boton a {
  margin: 20px auto;
  display: block;
  font-family: 'Helvetica--Neue--55';
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0;
  text-align: center;
  background-color: #FF7900;
  padding: 0;
  color: #000;
  text-decoration: none;
  width: 261px;
}
.cuerpo .cards {
  width: 100%;
  max-width: 980px;
  margin: 10px auto 20px;
  display: inline-block;
  padding: 0;
}
.cuerpo .cards .carddiv{
  width: 309px;
  height: 523px;
  margin: 0 5px;
  display: block;
  padding: 0;
  float:left;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
}

.cuerpo .cards .contenido{position: relative;width: 100%;height:100%;z-index: 99;display: block;}
.cuerpo .cards.info .contenido {height:456px;}
.cuerpo .cards.info.info2 .contenido {height:396px;}
.cuerpo .cards.info.fibra .contenido {height: 428px;}
.cuerpo .cards.info.movil .contenido {height: 344px;}

.cuerpo .cards.info .btncard {
  margin: 0;
  top: 0;
  left: 0;
}
.cuerpo .cards.info .infobtn {
  width: 257px;
  height: 38px;
  border: 0 solid #fff;
  text-decoration: none;
  margin: 10px 0 0 0;
  display: inline-block;
}
.cuerpo .cards .infobtn span {display:none;}
.cuerpo .cards .btncard {
  position: relative;
  width: 257px;
  height: 43px;
  border: 0 solid #fff;
  top: -67px;
  left: 50%;
  text-decoration: none;
  margin: 0 0 0 -309px;
  display: inline-block;
  z-index: 100;
}
.cuerpo .cards .btncard span {
  display:none;
  color: #000;
  font-family: 'Helvetica--Neue--75';
  font-size: 17px;
  font-weight: 700;
  line-height: 46px;
  letter-spacing: 0;
  text-align: center;
}
.cuerpo .cajas {
  width: 100%;
  max-width: 1280px;
  margin: 10px auto 20px;
  display: inline-block;
  padding: 0;
}
.cuerpo .cajas .cajadiv {
  width: 28%;
  max-width: 360px;
  height: 150px;
  margin: 0 1%;
  display: block;
  padding: 60px 20px 9px;
  float: left;
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-position: 20px 10px;
  border: 2px solid #DEDEDE;
}
.cuerpo .cajas #caja1.cajadiv {background-image: url("../assets/orange_ic_internet.svg");margin-left: 0;}
.cuerpo .cajas #caja2.cajadiv {background-image: url("../assets/orange_ic_Internet-mundo.svg");}
.cuerpo .cajas #caja3.cajadiv {background-image: url("../assets/orange_ic_football.svg");margin-right: 0;}

.cuerpo.fibra .cajas .cajadiv {height: 180px;}
.cuerpo.fibra .cajas #caja1.cajadiv {background-image: url("../assets/orange_ic_internet.svg");margin-left: 0;}
.cuerpo.fibra .cajas #caja2.cajadiv {background-image: url("../assets/orange_ic_wrench.svg");}
.cuerpo.fibra .cajas #caja3.cajadiv {background-image: url("../assets/orange_ic_football.svg");margin-right: 0;}

.cuerpo.movil .cajas .cajadiv {width: 20%;height: 210px;padding-left:15px;padding-right:15px;}
.cuerpo.movil .cajas #caja1.cajadiv {background-image: url("../assets/orange_ic_thumb_up.svg");margin-left: 0;}
.cuerpo.movil .cajas #caja2.cajadiv {background-image: url("../assets/orange_ic_internet.svg");}
.cuerpo.movil .cajas #caja3.cajadiv {background-image: url("../assets/orange_ic_tag_offer.svg");margin-right: 1%;}
.cuerpo.movil .cajas #caja4.cajadiv {background-image: url("../assets/orange_ic_multisim.svg");margin-right: 0;}


.cuerpo .cajas h3 {
  width: auto;
  margin: 10px auto 5px;
  display: block;
  font-family: 'Helvetica--Neue--75';
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0;
  text-align: left;
  color: #000;
  padding: 0;
}
.cuerpo .cajas p{
  width: auto;
  margin: 5px auto 10px;
  display: block;
  font-family: 'Helvetica--Neue--55';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  padding: 0;
}

@media screen and (max-width:1450px){
  .cuerpo .cajas .cajadiv {height: 180px;}
  .cuerpo.fibra .cajas .cajadiv {height: 210px;}
  .cuerpo.movil .cajas .cajadiv {height: 240px;}
  .banner .container h1  {font-size: 46px;line-height: 46px;}
  .banner .container h1 span {font-size: 24px;line-height: 28px;}
}



@media screen and (max-width:1280px){
  .cuerpo .cajas .cajadiv {height: 210px;width: 27%;}
  .cuerpo.fibra .cajas .cajadiv {height: 240px;width: 27%;}
  .cuerpo.movil .cajas .cajadiv {height: 270px;width: 20%;}
}
@media screen and (max-width:1150px){
  .cuerpo.negro .boton {
    width: 100%;
    display: inline-block;
    float: none;
  }
  .cuerpo.negro .txttira {
    max-width: 630px;
    float: none;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width:1080px){
  .cuerpo .cards {max-width: 900px;}
  .cuerpo .cards .carddiv {width: 280px;height: 480px;margin: 0 1%;}
  .cuerpo .cajas .cajadiv {height: 240px;width: 26%;}
  .cuerpo.fibra .cajas .cajadiv {height: 270px;width: 26%;}
  .cuerpo.movil .cajas .cajadiv {height: 300px;width: 19%;}
  .cuerpo .cards .btncard {width: 232px;height: 40px;top: -67px;margin: 0 0 0 -282px;}
  .cuerpo.info .container.cardsCONT {height: 590px;}
  .cuerpo.info.orig .container.cardsCONT {height: 510px;}
  .cuerpo .cards.info .contenido {height: 413px;}
  .cuerpo .cards.info.info2 .contenido {height: 352px;}
  .cuerpo .cards.info.fibra .contenido {height: 388px;}
  .cuerpo .cards.info.movil .contenido {height: 313px;}
}

@media screen and (max-width:990px){
  .cuerpo .container.cardsCONT {width: 90%;}
  .cuerpo.info .container.cardsCONT {height: 1140px;}
  .cuerpo.info.orig .container.cardsCONT {height: 1110px;}
  .cuerpo h2 {font-size: 24px;line-height: 29px;}
  .cuerpo.negro {margin-top:20px;}
  .cuerpo.negro h2 {font-size: 24px;line-height: 29px;}
  .cuerpo .cards {max-width: 900px;}
  .cuerpo .cards .carddiv {width: 328px;height: 360px;margin: 0 auto 10px;float:none;}
  .cuerpo.fibra .cajas .cajadiv {height: 310px;width: 25%;}
  .cuerpo.movil .cajas .cajadiv {height: 310px;width: 18%;}
  .cuerpo .cards #card2.carddiv {height: 292px;}
  .cuerpo .cards #card3.carddiv {height: 242px;}
  


.cuerpo .cards.info #card3 .contenido{height: 240px;}
.cuerpo .cards.info #card2 .contenido{height: 287px;}
.cuerpo .cards.info #card1 .contenido{height: 329px;}

.cuerpo .cards.info.fibra #card1 .contenido {height: 243px;}
.cuerpo .cards.info.fibra #card2 .contenido {height: 245px;}
.cuerpo .cards.info.fibra #card3 .contenido {height: 277px;}

.cuerpo .cards.info.movil #card1 .contenido {height: 217px;}
.cuerpo .cards.info.movil #card2 .contenido {height: 217px;}
.cuerpo .cards.info.movil #card3 .contenido {height: 279px;}

.cuerpo .cards.info.info2 #card3 .contenido{height: 231px;}
.cuerpo .cards.info.info2 #card2 .contenido{height: 275px;}
.cuerpo .cards.info.info2 #card1 .contenido{height: 283px;}


.cuerpo.cine .cards.info.info2 #card3 .contenido{height: 228px;}
.cuerpo.cine .cards.info.info2 #card2 .contenido{height: 262px;}
.cuerpo.cine .cards.info.info2 #card1 .contenido{height: 274px;}

.cuerpo .cards.info #card3 .btncard {top: -52px;left: 75px;}
.cuerpo .cards.info #card2 .btncard {top: -52px;left: 75px;margin:0;}
.cuerpo .cards.info #card1 .btncard {top: -52px;left: 75px;}
.cuerpo .cards.info .infobtn {margin: 10px 0 0 -45px;}


  .cuerpo.ventajas h2 {text-align: center;}
  .cuerpo .cajas .cajadiv {height: 250px;width: 25%;}
  .cuerpo .cards .btncard {width: 140px;height: 40px;top: -80px;margin: 0 0 0 -178px;}
  .cuerpo .cards #card2 .btncard {top: -58px;margin: 0 0 0 -178px;}
  .cuerpo .cards #card3 .btncard {top: -55px;}
}
@media screen and (max-width:800px){
  .cuerpo .cajas {margin: 0 auto 20px;}
  .cuerpo .cajas .cajadiv,.cuerpo.fibra .cajas .cajadiv,.cuerpo.movil .cajas .cajadiv {
    width: 80%;
    max-width: 360px;
    height: auto;
    margin: 24px auto 0;
    display: inline-block;
    float: none;
  }
  .cuerpo .cajas #caja1.cajadiv {margin-top: 10px;}  
}
@media screen and (max-width:759px){
  .cuerpo h1{font-size: 24px;}
  .cuerpo p{font-size: 20px;}
}

@media screen and (max-width:759px){
  .banner .container h1  {font-size: 34px;line-height: 34px;margin: 42px 7px 20px 40px;}
  .banner .container h1 span {font-size: 20px;line-height: 24px;}
}
@media screen and (max-width:460px){
  .banner .container h1  {font-size: 32px;line-height: 32px;margin: 42px 7px 20px 20px;}
  .banner .container h1 span {font-size: 18px;line-height: 22px;}
}
@media screen and (max-width:390px){
  .banner .container h1  {font-size: 30px;line-height: 30px;margin: 42px 7px 20px 15px;}
  .banner .container h1 span {font-size: 18px;line-height: 20px;}
  .cuerpo .container.cardsCONT {width: 98%;}
  .cuerpo .cards .carddiv {width: 310px;height: 340px;}
  
  .cuerpo .cards #card2.carddiv{height: 278px;}
  .cuerpo .cards #card3.carddiv{height: 229px;}
  .cuerpo .cards #card3.carddiv{height: 229px;}
  .cuerpo .cards #card1.carddiv.cine{height: 286px;}
  .cuerpo .cards #card2.carddiv.cine{height: 265px;}
  .cuerpo .cards .btncard {width: 140px;height: 40px;top: -77px;margin: 0 0 0 -169px;}
  .cuerpo .cards #card2 .btncard {top: -58px;margin: 0 0 0 -166px;}
  .cuerpo .cards #card3 .btncard {top: -53px;}
  
  .cuerpo .cards.info #card3 .contenido{height: 228px;}
  .cuerpo .cards.info #card2 .contenido{height: 272px;}
  .cuerpo .cards.info #card1 .contenido{height: 312px;}

  .cuerpo .cards.info.fibra #card1 .contenido {height: 232px;}
  .cuerpo .cards.info.fibra #card2 .contenido {height: 234px;}
  .cuerpo .cards.info.fibra #card3 .contenido {height: 264px;}

  .cuerpo .cards.info.movil #card1 .contenido {height: 207px;}
  .cuerpo .cards.info.movil #card2 .contenido {height: 207px;}
  .cuerpo .cards.info.movil #card3 .contenido {height: 267px;}

  .cuerpo .cards.info.info2 #card3 .contenido{height: 219px;}
  .cuerpo .cards.info.info2 #card2 .contenido{height: 259px;}
  .cuerpo .cards.info.info2 #card1 .contenido{height: 268px;}

  .cuerpo.cine .cards.info.info2 #card3 .contenido{height: 215px;}
  .cuerpo.cine .cards.info.info2 #card2 .contenido{height: 248px;}
  .cuerpo.cine .cards.info.info2 #card1 .contenido{height: 259px;}
}

@media screen and (max-width: 350px) {  
  .banner .container h1 {font-size: 28px;line-height: 28px;}
}



/* DISPOSITIVOS */

/* iconos */

.banner .caja-iconos li.fibra{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_internet_white.svg");
}
.banner .caja-iconos li.movil{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_mobile_white.svg");
}
.banner .caja-iconos li.tv{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_tv_90_white.svg");
}
.banner .caja-iconos li.tvlibre {
    background-repeat: no-repeat;
    background-size: 32px auto;
    background-position: 0 0;
    background-image: url(../assets/ico/orange_ic_tv_white.svg);
}
.banner .caja-iconos li.futbol{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_football_white.svg");
}
.banner .caja-iconos li.fijo{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_landline.svg");
}
.banner .caja-iconos li.sinperma{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_Lock_open.svg");
}

.banner .caja-iconos li.infinito{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_infinite.svg");
}


.banner .caja-iconos li.lineas{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_lineas.svg");
}


.banner .caja-iconos li.sims{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/orange_ic_sims.svg");
  
}


.banner .caja-iconos li.gigas{
  background-repeat: no-repeat;
  background-size: 32px auto;
  background-position: 0 0;
  background-image: url("../assets/ico/ic_GigaBytes.svg");
  
}

.banner .caja-iconos li.netflix{
  background-repeat: no-repeat;
  background-size: 75px auto;
  background-position: 10px 5px;
  background-image: url("../assets/ico/logo-netflix.png");
}

.banner .caja-iconos li.netflixprime{
  background-repeat: no-repeat;
  background-size: 147px auto;
  background-position: 10px 5px;
  background-image: url("../assets/ico/NetflixPrime.png");
  height: 40px;
}

.banner .caja-iconos li.descuento {position: absolute;}