/*5Column layout*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
   width: 25%;
   float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 25%;
        float: left;
    }
    #tarifas-contrato .col-sm-15 {
        width: 22%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-14 {
   width: 75%;
   float: left;
}


@media (min-width: 768px) {
    .col-sm-14 {
        width: 75%;
        float: left;
    }


    #tarifas-contrato .col-sm-14 {
       width: 78%;
       float: left;
    }
}
@media (min-width: 992px) {
    .col-md-14 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-14 {
        width: 80%;
        float: left;
    }
}

/*NEW contrato styles*/
#tarifas-contrato p.legal {
        font-size: 10px;
    padding-top: 10px;
}

#tarifas-contrato .great-m {
    position: absolute;
    top: 37px;
    left: -409px;
    z-index: 0;
}


div.compartir {
  font-size: 14px;
  line-height: 15px;
  margin-top: -7px;
}


#tarifas-contrato #mobile-sample{
    /*font-size: 119px;
    color: white;
    line-height: 97px;
    width: 100%;*/
    text-align: center;
        margin-left: 26px;
    /* margin-top: 20px; */
}

#tarifas-contrato #aplicablesolo{

color: white;
    display: block;
    text-align: center;
    margin: 18px 10px 10px 10px;
}

#tarifas-contrato #mobile-sample p{
    font-family: 'movistar_textbold', Arial, sans-serif !important;

}

#tarifas-contrato .pelotas-list{
    width: 200px;
    font-family: 'movistar_textregular';
    color: white;
    margin: 15px auto 10px;
    list-style: disc;
}



#tarifas-contrato .pelotas-list li{
    background-repeat: no-repeat;
    background-position: left 2px;
    margin-bottom: 8px;
    font-size: 23px;
    line-height: 22px;

}

#tarifas-contrato hr{
        margin-bottom: 8px;
            margin-top: 10px;
            width: 83%;
}



#tarifas-contrato .molecula-bf{
    width: 166px;
    /* position: relative; */
    /* top: 252px; */
    /* left: -113px; */
    z-index: 10;
    display: block;
    margin: 24px auto 0px;
}





 p{
    font-family: 'movistar_textregular';
}

#tarifas-contrato .row{
 margin-left: -10px;
 margin-right: -10px;
}


#tarifas-contrato .container{
    padding-right: 10px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
}

#tarifas-contrato .inlineblock{
	display: inline-block;
	vertical-align: middle;
}

#tarifas-contrato small.gb{
    font-size: 14px;
}

#tarifas-contrato #mainimg{
    position: absolute;
    top: 0px;
    left: -120px;
    width: auto;
    z-index: 99;
}

#tarifas-contrato .select-fare{
 background-color: #e9eae8;
 padding: 5px;
 text-align: center;
 color: #074763;
 cursor: pointer;
 height: 57px;
 display: table-cell;
 vertical-align: middle;
 width: 200px;
}

#tarifas-contrato .select-fare.discount:before{
      content: '-50%';
    position: absolute;
    top: -10px;
    right: 4px;
    /* padding: 3px; */
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    background-color: #eb008c;
    width: 49px;
    /* height: 39px; */
    /* line-height: 10px; */
    height: 21px;
    color: white;
    font-family: 'movistar_textregular';
    line-height: 17px;
}



#tarifas-contrato .select-fare.active{
	background-color: #5ac400;
	color: white;

    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#tarifas-contrato .greenarrow{
	display: none;
 position: absolute;
 left: 50%;
 margin-left: -9px;
 bottom: -8px;

}


#tarifas-contrato .select-fare.active .greenarrow{
	display: block;

}


#tarifas-contrato .whitearrow{

    position: absolute;
    right: -13px;
    top: 8px;

}

#tarifas-contrato .pink-arrow{

    position: absolute;
    right: 19px;
    top: 0px;
    height: 86px;

}





#tarifas-contrato #elige-oferta{

	float: right;
	color: white;
	font-family: 'movistar_textregular';
	font-size: 16px;

}


#tarifas-contrato .select-fare h6{

    font-family: 'movistar_textregular';
	line-height: 14px;

}


#tarifas-contrato .bluebg{
	background-color: #00a9e0;
}




#tarifas-contrato #contrato-pricebox{

    background-color: #e9eae8;
    padding: 2px 25px;
    width: 176px;
    position: relative;
    color: #074763;
    height: 84px;

}


/*Contrato pricebox striked*/

.inline-block{
    display: inline-block;
    vertical-align: middle;
}

#tarifas-contrato #c6 #contrato-pricebox{

    background-color: #e9eae8;
    width: 176px;
    position: relative;
    color: #074763

}

#tarifas-contrato #c10 #contrato-pricebox{

    background-color: #e9eae8;
    width: 176px;
    position: relative;
    color: #074763

}


#tarifas-contrato #c20 #contrato-pricebox{

    background-color: #e9eae8;
    width: 177px;
    position: relative;
    color: #074763

}



#tarifas-contrato #contrato-pricebox strong{
    font-family: 'movistar_textbold';
    font-weight: normal;
}



#tarifas-contrato  .price-before{
    position: relative;

}

#tarifas-contrato  .price-before:before{
        content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    background-color: red;
    transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    opacity: 0.7;
}


#tarifas-contrato  .price-before:after{
        content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    background-color: red;
    transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    opacity: 0.7;
}

#tarifas-contrato .price-before .contrato-price{
        font-size: 30px;
    font-family: 'movistar_textbold';
    letter-spacing: -3px;
    line-height: 31px;
}

#tarifas-contrato .price-before .contrato-price-details strong{
        font-size: 11px;
}


#tarifas-contrato .price-before .contrato-price-details span{
        font-size: 8px;
}

#tarifas-contrato .price-before .contrato-price-details {
    width: auto;
}


#tarifas-contrato .price-after .contrato-price{
        font-size: 38px;
    font-family: 'movistar_textbold';
    letter-spacing: -3px;
    line-height: 31px;
}

#tarifas-contrato .price-after .contrato-price-details strong{
        font-size: 13px;
}


#tarifas-contrato .price-after .contrato-price-details span{
            font-size: 11px;
    line-height: 10px;
}

#tarifas-contrato .price-after .contrato-price-details {
    width: auto;
}









#tarifas-contrato .contrato-price-details{

    width: 62px;


}

#tarifas-contrato .contrato-price-details span{

  font-size: 11px;
  display: block;

text-indent: 3px;

}


#tarifas-contrato #p1 .contrato-price-details strong {
    display: block;
    font-size: 14px;
}

#tarifas-contrato #p2 .contrato-price-details strong {
    display: block;
    font-size: 14px;
}


#tarifas-contrato .contrato-price-details strong{

  display: block;
  font-size: 17px;


}




#tarifas-contrato .contrato-price{

    font-size: 53px;
    font-family: 'movistar_textbold';
    letter-spacing: -6px;
    line-height: 31px;


}



#tarifas-contrato #contrato-mincost{

 width: 152px;
 text-align: center;
 color: white;



}


#tarifas-contrato #c10 #contrato-mincost{

 width: 152px;




}




#tarifas-contrato #contrato-gigas{

 width:111px;
 text-align: center;
 color: white;



}


#tarifas-contrato #c6 #contrato-gigas{

 width: 113px;

}


#tarifas-contrato #c10 #contrato-gigas{

 width: 112px;

}







#tarifas-contrato #contrato-gigas .gigabytes-number{

    font-size: 45px;
    font-family: 'movistar_textbold';
    line-height: 52px;
    position: relative;
    top: -7px;




}


#tarifas-contrato #contrato-gigas .gigabytes-details strong{

    display: block;
    line-height: 29px;
    font-size: 20px;
    /*border-bottom: 1px solid white;*/
    position: relative;
    top: 3px;
}

#tarifas-contrato #contrato-gigas .gigabytes-details strong.mb{
    border-bottom: 1px solid white;
}


#tarifas-contrato #contrato-mincost .mincost-number{

    font-size: 49px;
    font-family: 'movistar_textbold';
    line-height: 52px;
    position: relative;
    top: -7px;

}


#tarifas-contrato #contrato-mincost .mincost-details strong{


    display: block;
    line-height: 21px;
    font-size: 20px;
    border-bottom: 1px solid white;

}


#tarifas-contrato #p1 #contrato-mincost {

    width:146px;


}

#tarifas-contrato #c2 #contrato-mincost {

    width:150px;


}


#tarifas-contrato #c6 #contrato-mincost {

    width:146px;


}




#tarifas-contrato #p1 #contrato-gigas {

width: 122px;
        /*height: 79px;*/
            position: relative;


}

#tarifas-contrato #p1 #contrato-gigas span.before{
    position: absolute;
    top: 18px;
    left: -5px;

}

#tarifas-contrato #p1 #contrato-gigas span.before:before{

    content: '';
    position: absolute;
    width: 100%;
    background-color: red;
    height: 2px;
    transform: rotate(-10deg);
    top: 19px;
    left: 0;
    z-index: 10;


}

#tarifas-contrato #p1 #contrato-gigas span.before:after{

    content: '';
    position: absolute;
    width: 100%;
    background-color: red;
    height: 2px;
    transform: rotate(10deg);
    top: 19px;
    left: 0;
    z-index: 10;


}

#tarifas-contrato #p1 #contrato-gigas span.now{
    position: absolute;
    top: 19px;
    right: 8px;

}

#tarifas-contrato #p1 #contrato-gigas span.before .gigabytes-number{
     font-size: 20px;
    line-height: 40px;
    top: 0;
}


#tarifas-contrato #contrato-gigas .before .gigabytes-details strong {

    font-size: 10px;
    position: relative;
    top: -5px;
    border-bottom: 0px;
}

#tarifas-contrato #p1 #contrato-gigas .gigabytes-number{

    font-size: 45px;
    line-height: 45px;


}

#tarifas-contrato #p1 #contrato-gigas .now sup{
font-size: 20px;
    line-height: 9px;
    top: -17px;
    left: -13px;


}


#tarifas-contrato #p1 #contrato-gigas .now .gigabytes-number{
left: 10px;
}










#tarifas-contrato #contrato-mincost h5{


    font-size: 21px;
    line-height: 23px;
    font-family: movistar_textbold;

}


#tarifas-contrato #contrato-mincost small{
line-height: 12px;
  font-size: 10px;
  display: block;
  margin-top: 0px;

}


#tarifas-contrato #p1 #contrato-mincost small{
   margin-top: 0px;
   line-height: 12px;
   font-size: 10px;
}



#tarifas-contrato #c2 #contrato-mincost small{
   margin-top: 0px;

   line-height: 12px;
   font-size: 10px;


}

#tarifas-contrato #c6 #contrato-mincost small{
    margin-top: 0px;

    line-height: 12px;
    font-size: 10px;

}



#tarifas-contrato #c6 #contrato-mincost small{

    margin-top: 0px;

}




#tarifas-contrato #eligeSmart{
width: 106px;
    color: #fff;
    font-size: 18px;
    position: relative;
    top: -10px;
}

#tarifas-contrato .nubico {
  text-align: center;
  background-color: #003850;
  color:#fff;
  line-height: 21px;
  font-size: 13px;
  margin: 0 auto -10px;
  max-width: 415px;
  display: block;
  float: none;
  padding: 17px 0;

  transition: 0.3s all ease-out;

}

#tarifas-contrato .tablet-regalo {
  text-align: center;
  background-color: #003850;
  color:#fff;
  line-height: 21px;
  font-size: 13px;
  margin: 0 auto -10px;
  max-width: 415px;
  display: block;
  float: none;
      padding: 5px 86px 5px 5px;

  transition: 0.3s all ease-out;

}

#tarifas-contrato .tablet-regalo small{
    font-size: 9px;


}

#tarifas-contrato .tablet-regalo-txt {
    max-width: 122px;
}

#tarifas-contrato .tablet-regalo-img {

     position: absolute;
    top: -14px;
    right: 7px;
    width: 92px;
    z-index: 90;

}

#tarifas-contrato .tablet-regalo-plus {
    display: inline-block;
    position: absolute;
    font-size: 46px;
    font-family: movistar_textbold;
    left: 5px;
    top: -6px;
    background: #ec008c;
    border-radius: 100%;
    width: 30px;
    height: 30px;

}

#tarifas-contrato .nubico-plus {
  display: inline-block;
    position: absolute;
    font-size: 46px;
    font-family: movistar_textbold;
    left: 5px;
    top: -6px;
    background: #ec008c;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

#tarifas-contrato .tablet-regalo-txt strong{
        font-family: movistar_textbold;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;

}

#tarifas-contrato .nubico span {
  font-family: movistar_textbold;
      font-size: 16px;
}


#tarifas-contrato .tablet-regalo span {
  font-family: movistar_textbold;
  font-size: 25px;
}





#tarifas-contrato #mainInfo .row{

    margin-bottom: 15px;

}

#tarifas-contrato #mainInfo  #dto50{
    margin-bottom: 40px;
}



#tarifas-contrato .sinpermanencia{
    line-height: 0px;
    font-family: movistar_textregular;
    text-align: center;
    margin-top: -4px;
}

#tarifas-contrato .sinpermanencia small{


    font-size: 13px;
    font-family: movistar_textregular;


}


#tarifas-contrato #foot .moleculas {
    margin-bottom: 50px;
}

#tarifas-contrato .pinkLink{

 display: inline-block;
 padding: 5px;
 background-color: #e5007a;
 color: white;
 margin: auto;
 font-family: 'movistar_textbold';
 font-size: 20px;
 font-weight: normal;
}

/*
#tarifas-contrato #foot .pinkArrow{
    padding: 5px 15px;
    width: 210px;
    font-size: 18px;
    background-image: url(../images/contrato/bola-rosa.png);
    background-repeat: no-repeat;
    background-position: 21px;
    height: 81px;
}
*/

#tarifas-contrato #foot .pinkArrow {
  padding: 5px 0px;
  width: 165px;
  font-size: 18px;
  background-image: url(../images/contrato/bola-rosa.png);
  background-repeat: no-repeat;
  background-position: 0px;
  background-size: contain;
  height: 80px;
}

/*#tarifas-contrato #foot .pinkArrow p{
    margin: 10px;
    font-family: 'movistar_textbold';
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    padding-right: 18px;
}*/

#tarifas-contrato #foot .pinkArrow p{
	margin: 10px;
    font-family: 'movistar_textbold';
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    padding-right: 18px;
}
/*
#tarifas-contrato #foot .yelowArrow{
    position: absolute;
    top: 47px;
    text-align: center;
    padding: 7px 4px;
    left: 140px;
    line-height: 16px;
    font-size: 18px;
    background-image: url(../images/contrato/ExclusivaOnline.png);
    height: 105px;
    background-repeat: no-repeat;
    background-size: 84px;
        width: 84px;
}*/

#tarifas-contrato #foot .yelowArrow p{
    margin-top: 10px;
    font-size: 15px;
}

#tarifas-contrato #foot .yelowArrow {
  position: absolute;
  top: 40px;
  text-align: center;
  padding: 10px 4px;
  left: 125px;
  line-height: 16px;
  font-size: 18px;
  background-image: url(../images/contrato/ExclusivaOnline.png);
  height: 90px;
  background-repeat: no-repeat;
  background-size: 100px;
  width: 100px;
}


#tarifas-contrato #foot .mobile-details{
 width: 100px;
 position: relative;
 left: -3px;
 /*padding-left: 7px;*/
}



#tarifas-contrato #foot .mobile-details h4{
    font-size: 10px;
    padding-left: 5px;
    line-height: 17px;
}



#tarifas-contrato #foot .mobile-details p{
	font-size: 12px;
	margin-top: 5px;
	padding-left: 5px;
}


#tarifas-contrato #foot .mobile-pricebox {
	background-image: url(../images/contrato/mobile-gradient.png);
   padding:5px 0px 5px 5px;
   background-size: 100% 100%;
}

#tarifas-contrato #foot .mobile-pricebox p{
	font-size: 12px;
	margin-top: 0px;
}



#tarifas-contrato #foot .mobile-price{
    font-size: 40px;
    font-family: 'movistar_textbold';
    line-height: 34px;
    position: relative;
    top: -3px;
}


#tarifas-contrato #foot .mobile-price-decimal{
    display: block;
    line-height: 10px;
}


#tarifas-contrato #foot .mobile-price-promonat{
    display: block;
}

#tarifas-contrato #foot .pink-col{
	float: left;
	display: block;
	width: 200px;
}



#tarifas-contrato #foot .mobile-col{


    margin-bottom: 25px;
}




#tarifas-contrato #foot .mobile-mainimg img{
    width: 69px;
}
#tarifas-contrato #foot .mobile-mainimg img{
    width: 67px;
}




#tarifas-contrato .fare-data{
    display: none;
}




#tarifas-contrato .run{
       text-align: center;
    font-size: 20px;
    margin-top: 20px;
}


@media all and (max-width: 767px){


#tarifas-contrato .sinpermanencia small {
    font-size: 11px;
    display: block;
    line-height: 14px;
}
#tarifas-contrato #mainInfo .row.miniWrapper{

    max-width: 400px;
    margin:0px auto 15px;

}



    #tarifas-contrato #numero-vive1101{

  background-color: transparent;    line-height: 50px;    font-size: 30px;    padding: 0px;
    }

    #tarifas-contrato #mainimg{
        position: relative;
        top: 0px;
        left: -23px;
        width: 206px;
        /*margin-top: 50px;*/
    }



    #tarifas-contrato #vive11 header{
  position: absolute;
    font-size: 25px;
    padding-left: 163px;
    line-height: 30px;
    margin-top: 23px;
    max-width: 343px;
    text-align: center;
    z-index: 1000;
    margin-left: 0px;
 }

 #tarifas-contrato #vive11 header p:last-child{
    display: none;
}

 #tarifas-contrato #vive11 header p.titu_mobile {
    color:#004f7b;
    font-family: 'telefonica_headline_lightRg';
 }


 #tarifas-contrato #vive11 header h5.titu_mobile {
    color:#004f7b;
    font-family: 'movistar_textbold';
    padding-bottom: 7px;
 }

#elige-oferta{
    display: none;
}

#tarifas-contrato #contenido{
    background-image: url('../images/footer/photos-footer.png')!important;
    background-color: #074763;
}


.mobile-gradient{
    background: #fff;
    background-size: 100% 100%;
}

#tarifas-contrato section#promociones {
    padding-left: 10px!important;
    padding-right: 10px!important;

}

#tarifas-contrato #mainInfo{
    padding-top: 25px;
}

#tarifas-contrato .bluebg{
    background-color: #5ac400;
}

#tarifas-contrato .fare-data{
    /*display: inline-block;¨Ç*/
    text-align: center;
}


#tarifas-contrato #contrato-pricebox{
    width:157px;
}

#tarifas-contrato #contrato-pricebox p{
font-size: 12px;
    line-height: 17px;
}

#tarifas-contrato #contrato-pricebox .inline-block {
    width: 50%;
    float: left;
}

#tarifas-contrato #contrato-pricebox h6{
    font-family: 'movistar_textbold';
    font-size: 23px;
    line-height: 25px;
    padding-top: 12px;
}

#tarifas-contrato #contrato-mincost{
    width: 118px;
}

#tarifas-contrato #c20 #contrato-mincost{
    width: 107px;
}



#tarifas-contrato #contrato-gigas{
    width:90px;
}

#tarifas-contrato .contrato-price{
    line-height: 49px;
        padding-top: 10px;
}

#tarifas-contrato .contrato-price-details{
    position: relative;
    top: 10px;
    width:46px;

}


#tarifas-contrato .contrato-price-details strong{

   font-size:   12px;
}

#tarifas-contrato .contrato-price-details span{
    font-size: 8px;
}

#tarifas-contrato #c10 #contrato-mincost{
    width: 103px;
}

#tarifas-contrato #contrato-mincost h5{

font-size: 18px;
    line-height: 20px;
    font-family: 'movistar_textbold';
}



#tarifas-contrato #contrato-gigas .gigabytes-details strong{
    font-size: 15px;
}


#tarifas-contrato #contrato-gigas .gigabytes-details span{
 font-size: 12px;
    line-height: 20px;
    display: block;
}




#tarifas-contrato #c10 #contrato-gigas{
    width: 94px;
}

#tarifas-contrato #contrato-gigas .gigabytes-number{
      font-size: 38px;
    font-family: 'movistar_textbold';
    line-height: 52px;
    position: relative;
    top: -7px;
    top: -8px;



}


#tarifas-contrato #c10 #contrato-gigas .gigabytes-number{
    font-size: 37px;


}

#tarifas-contrato #c20 #contrato-gigas .gigabytes-number{
    font-size: 35px;


}


#tarifas-contrato #c6 #contrato-mincost{
    width: 108px;
}
   #tarifas-contrato #contrato-mincost .mincost-number{
    font-size: 36px;
    letter-spacing: -2px;
   }
#tarifas-contrato #c6 #contrato-gigas{
    width: 90px;
}

#tarifas-contrato #c2 #contrato-mincost{
    width: 112px;
}

#tarifas-contrato #p1 #contrato-mincost{
    width: 90px;
}

#tarifas-contrato #p1 #contrato-gigas{
    width: 116px;
}
#tarifas-contrato #p1 #contrato-gigas .gigabytes-number{
    font-size: 39px;
}


#tarifas-contrato .select-fare{

    padding: 3px;
    font-size: 11px;
}

#tarifas-contrato #eligeSmart{
    width: 100%;
    margin-bottom: 10px;
    left: 0;
}

#tarifas-contrato #eligeSmart p, #tarifas-contrato #foot #eligeSmart p{
    text-align: center;

    font-size: 25px;
    margin:0px 0px 10px;

}

#tarifas-contrato #mobile-sample{
    text-align: center;
    display: block;

}




#tarifas-contrato #mobile-sample img{
   display: inline;
}

#tarifas-contrato .mobile-col{
    padding: 0px;
}
#tarifas-contrato #foot .mobile-details{

width:93px
}

#tarifas-contrato #foot .mobile-price{
    font-size: 32px;
}


#tarifas-contrato #foot .mobile-mainimg img{
    width: 60px;
}



#tarifas-contrato  .mobile-padding {
        padding: 0px 5px;
    max-width: 400px;
    margin: auto;
}

#tarifas-contrato #cuadroTop{
    background-color: #fff;
}

#tarifas-contrato #foot{
    margin-top: 0px;
}

#tarifas-contrato #mainInfo .row.mobile-nomargin{
    margin: 0px;
}

body>footer form a{
    color: #2a6496;
}


body>footer form a:hover{
    color: #2a6496;
}

#tarifas-contrato .pinkLink{
    margin-top: 10px;
}























/*========================================================
    NUEVO PIE MOBILE
========================================================*/



/* Botón mobile abajo */
#tarifas-contrato #cuadro-bottom a#numero-principal {
    font-family: 'movistar_textbold';
    color: white;
    font-size: 32px;
    line-height: 5rem;
    background-color: transparent;
    border-radius: 8px;
    padding: 0px;
}

#tarifas-contrato #cuadro-bottom {
  background-color: transparent;
    color: #fff;
    text-align: center;
    line-height: 35px;
}

#tarifas-contrato #cuadro-bottom p.subtitle {
        font-family: 'movistar_textregular';
        line-height: 2.5rem;
        font-size: 18px;
        margin-bottom: 15px;
}

#tarifas-contrato p.subtitle {
  font-size: 17px;
  padding-top: 30px;
}

#tarifas-contrato p.prefieres {
  padding: 10px 0px;
  font-size: 17px;
}

#tarifas-contrato img#curculo-info {
    position: absolute;
    top: -20px;
    left: 47%;
}

#tarifas-contrato img#logo-movistar-mobile {
    display: block;
    margin:40px auto;
  }

#tarifas-contrato #cuadro-legales-mobile {
    background-color: #021e2e;
    font-size: 10px;
    text-align: center;
    padding: 10px 0px;
}

#tarifas-contrato main{
    background: none;
    background-image: url('../images/footer/photos-footer.png')!important;
    background-color: #012634!important;
    background-size: initial!important;
}

#tarifas-contrato  form#formulario {
    padding: 0px 15px;
    display: block;
    margin-bottom: 30px;
    background: transparent;
}


#tarifas-contrato div.cambioNumeroFusionPlus {
    margin: auto;
    background-color: #5ac400;
    width: 92%;
    margin-top: 12px;
    border-radius: 0px;
    height: 53px;
}

#tarifas-contrato img#llamagratis {
    width: 23px;
    vertical-align: initial;
}

#tarifas-contrato #cuadro-bottom .sc-telefono {
    font-family: 'movistar_textbold';
    color: white;
    font-size: 32px;
    line-height: 5rem;
    background-color: transparent;
    border-radius: 8px;
    padding: 0px;
}

#tarifas-contrato #cuadroTop a#numero-adslbase01 {
    font-family: 'movistar_textbold';
    color: white;
    font-size: 32px;
    line-height: 5rem;
    background-color: transparent;
    border-radius: 8px;
    padding: 0px;
}





#tarifas-contrato div.cambioNumeroFutbol {
    margin: auto;
    background-color: #5ac400;
    width: 93%;
    margin-top: 12px;
    border-radius: 8px;
    height: 53px;
}





































}







/*End New Contrato Styles*/



/*End 5column layout*/


.animate.ng-animate {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.animate.ng-leave.ng-leave-active,
.animate.ng-enter {
    top: 20px;
    opacity: 0;
}
.animate.ng-leave,
.animate.ng-enter.ng-enter-active {
    top: 46px;
    opacity: 1;
}
main.classic {
    background: bottom center no-repeat, linear-gradient(to bottom, rgba(1,105,142,1) 0%,rgba(1,134,165,1) 50%,rgba(1,173,197,1) 100%) !important;
}
.height {
    height:100%;
}
/*temporal*/.no-bg {
    background: -webkit-linear-gradient(top, #005677 1%,#001422 100%) !important;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}
html{
    font-size: 62.5%;
}
a:hover{
    text-decoration: none;
}
body{
    overflow-y: scroll;
    overflow-x: hidden;
}
body.classic {
    background-color: #074763
}

#tarifas-contrato main{
	background:#fff;
}





.cookienator p  {
    color: #4F4F4F !important;
    text-align: center !important;
    font-size: 12px !important;
}
#info{
    color: black;
}
#foot-fibra100mb p.text-left{
    text-align: left;
}
#ul-plus{
    font-family: 'movistar_textbold';
    margin: -20px 0 10px 0;
    height: 31px;
    display: block;
    font-size: 6rem;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
}

/*-----------------clases ----------------------*/
.normal{
    font-family: 'movistar_textregular';
        color: #fff;
}

.normal a{
    font-family: 'movistar_textregular';
        color: #fff;
}
/*-----------------clases ----------------------*/
/*-----------------INICIO FOMRULARIO----------------------*/
.cuadroBlanco {
    font-family: 'movistar_textregular';
    color: #fff;
}
.cuadroBlanco header.index {
	background-color: #337296;
   /* padding: 10px 4px;*/
   height: 56px;
}



.vive12 .form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 16, 27, 0.18);
    margin-bottom: 22px;
}
/*-----------------FIN FOMRULARIO----------------------*/
/*-----------------INICIO PROMOCIONES----------------------*/
#vive11{
    padding: 0;
    margin: 0 -15px 0 0;
}
#vive11>header p{
    font-family: 'telefonica_headline_lightRg';
    font-size: 29px;
    color: #00A9E0;
    margin-top: 8px;
    line-height: 24px;
}


#vive11>header p.light{
    font-size: 26px;
    font-family: 'telefonica_headline_lightRg', Arial, sans-serif;
    color: #50535a;
    line-height: 34px;
    margin-bottom: 14px;
}

#vive11>header p:last-child{
    color: white;
    font-size: 27px;
    font-family: 'telefonica_headline_lightRg';
}
#vive11 section{
    /*height: 388px;*/
    /*padding: 0 3px;*/
}
#vive11 #select-m {
    height: inherit;
    padding-bottom: 15px;
}
#vive11 #movil #null-price {
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgb(122, 184, 0);
    top: 44px;
    right: 17px;
    border-radius: 5px;
    line-height: 44px;
    z-index: 800;
    font-size: 31px;
    font-family: 'movistar_headlineregular';
    color: #FFFFFF;
    border: 1px solid rgb(122, 184, 0);
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
    text-align: center;
}
.box{
    background-color: #001422;
    height: 100%;
    font-family: 'movistar_headlinebold';
    overflow: hidden;
    color: white;
    box-shadow: 0 0 7px 3px rgba(0,0,0,0.11);
    border-radius: 8px;
    position: relative;
}
.box>header{
    font-size: 20px;
    position: relative;
    z-index: 2;
}
.box>header span{
    position: absolute;
    left: -67px;
    display: block;
    width: 123px;
    height: 123px;
    background: rgba(255,255,255,0.11);
    border-radius: 100%;
    top: -75px;
    text-indent: 87px;
    line-height: 180px;
}
.box>header p{
    text-indent: 71px;
    font-size: 21px;
    margin-top: 8px;
}
#select{
    background-color: rgba(255,255,255,0.2);
    height: 264px;
}
#vive11 #seleccion-tarifa{
    overflow: hidden;
    border-bottom: 1px solid #5ac400;
    margin: 12px 9px;
    padding: 10px 0;
    height: 135px;;
}
#vive11 #seleccion-tarifa li{
    float: left;
    position: relative;
    overflow: hidden;
    width: 46%;
    margin: 5px 2%;
    background: #5ac400;
    height: 50px;
    border-radius: 8px;
    line-height: 46px;
    text-align: center;
    text-indent: 0;
    font-size: 21px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s;
}
#vive11 #seleccion-tarifa li.active{
    text-indent: -40px;
    opacity: 1;
    transition: all 0.2s;
}
#vive11 #seleccion-tarifa li:hover{
    opacity: 1;
    transition: all 0.2s;
}
#vive11 li span.glyphicon-ok{
    display: block;
    height: 100%;
    width: 40px;
    line-height: 50px;
    background: #001422;
    position: absolute;
    top:0;
    right: -40px;
    box-shadow: inset 0 0 0 2px #5ac400;
    border-radius: 0 8px 8px 0;
    transition: all 0.2s;
}
#vive11 li.active span.glyphicon-ok{
    right:0;
    text-indent: -2px;
    transition: all 0.2s;
}
#vive11 #condiciones{
    list-style-type: circle;
    list-style-position: inside;
    margin: 10px;
    font-family: 'movistar_headlineregular';
    font-size: 15px;
    display: none;
    overflow: hidden;
    transition: display 0.3s;
}
#vive11 #condiciones.active{
    display: block;
    transition: display 0.3s;
}
#vive11 #condiciones li{
    line-height: 28px;
}
#vive11 .principal-image{
    position: absolute;
    right: 0;
    max-width:53%;
    max-height:86%;
    z-index:800;
}
#vive11 .info-text {
    font-size: 12px;
    text-transform: none;
    background-color: rgb(0, 20, 34);
    position: absolute;
    width: 100%;
    left: 0;
    top:100%;
    height:0%;
    padding: 90px 10px 10px 10px;
    z-index:900;
    -webkit-transition: height 0.3s, padding 0.7s, top 0.3s;
    -o-transition: height 0.3s, padding 0.7s, top 0.3s;
    transition: height 0.3s, padding 0.7s, top 0.3s;
    overflow: hidden;
    border-top: 1px solid rgb(52, 66, 76);
    border-radius: 9px;
}
#vive11 section .info-text header {
    color: rgb(88, 107, 122);
    font-size: 19px;
    text-transform: capitalize;
}
#vive11 section .info-text span.cerrar {
    position: absolute;
    right: 8px;
    top: 8px;
}
#vive11 section .info-text:hover span.cerrar {
    color: white;
}
#vive11 section .info-text span {
    color: rgb(111, 140, 152);
    font-size: 19px;
    padding-right: 5px;
    position: relative;
    top: 2px;
}
#vive11 section .info-text p {
    font-size: 13px;
    color: rgb(255, 255, 255);
    text-indent: 13px;
    font-family: 'movistar_textregular';
}
#vive11 section.active .info-text{
    height: 100%;
    padding: 20px 10px 10px 10px;
    box-shadow:0 0 30px -3px rgba(122, 184, 0, 1);
    text-shadow:none;
    top:184px;
}
#vive11 .mobile-name{
    max-width: 46%;
    display: block;
    font-family: 'movistar_headlinebold';
    text-transform: uppercase;
    line-height: 26px;
    font-size: 27px;
    border-bottom: 1px solid #5ac400;
    padding: 2% 0;
    height: 135px;
    margin: 12px 9px;
    cursor: pointer;
    transition: text-shadow 0.5s;
}
#vive11 .mobile-name h3{
    z-index: 2;
    position: relative;
}
#vive11 .mobile-name .info{
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 5px;
}
#vive11 .mobile-name:hover{
    text-shadow: 0 0 65px #5ac400;
    transition: text-shadow 0.5s;
}
#vive11 .mobile-price{
    height: 88px;
    max-width: 46%;
    margin: 0px 9px 0px 9px;
    border-bottom: 1px solid #5ac400;
}
#vive11 .mobile-price .precio{
    font-size: 14px;
    text-align: left;
    position: relative;
    top: -6px;
    font-family: 'movistar_headlineregular';
}
#vive11 .mobile-price .numero{
    display: block;
    height: 45px;
    position: relative;
}
#vive11 .mobile-price .euro{
    font-size: 43px;
    display: inline-block;
    line-height: 40px;
    font-family: 'movistar_headlinebold';;
}
#vive11 .mobile-price .con{
    display: inline-block;
}
#vive11 .mobile-price .centimo{
    font-size: 25px;
    display: block;
    position: relative;
    top: -3px;
    height: 22px;
}
#vive11 .mobile-price .unidad{
}
#vive11 .mobile-condiciones{
    position: relative;
    max-width: 52%;
    margin:  12px 9px 0 9px;
    font-family: 'movistar_headlineregular';
    font-size: 13px;
    line-height: 23px;
}
#vive11 .mobile-condiciones span{
    position: absolute;
    font-family: 'movistar_headlinebold';
    font-size: 12px;
    left: 60%;
}
#select-m{
    overflow: hidden;
    border-radius: 8px;
    margin: 8px 0px;
    padding: 0px 0px;
    background-color: rgb(0, 20, 34);
    padding-bottom: 16px;;
}
#select-m #carusel{
}
#select-m #carusel #null-price{
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(0, 20, 34, 1);
    top: 3px;
    right: 4px;
    border-radius: 5px;
    line-height: 37px;
    z-index: 800;
    font-size: 23px;
    font-family: 'movistar_headlineregular';
    color: #FFFFFF;
    border: 1px solid rgb(122, 184, 0);
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.6);
}
#select-m #carusel li{
    display: block;
    float: left;
    width: 120px;
    background-color: rgba(255,255,255,0.07);
    margin: 8px 0px 8px 8px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-family: 'movistar_textregular';
    padding-bottom: 9px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
    height: 216px;
}
#select-m #carusel li:hover{
    opacity: 1;
    transition: opacity 0.2s;
}
#select-m #carusel img{
    display: block;
    position: relative;
    margin: 0 auto;
    z-index: 300;
    height: 173px;
}
#select-m #carusel p{
    position: relative;
    z-index: 300;
}
#select-m #listBul{
    height: 15px;
    width: 100%;
    display: block;
    background: rgb(0, 20, 34);
    border-radius: 10px;
    margin: 5px 0px;
    position: absolute;
    bottom: 0px;
    text-align: center;
}
#select-m #listBul li{
    text-align: center;
    height: 6px;
    background-color: rgb(11, 30, 43);
    display: inline-block;
    border-radius: 5px;
    position: relative;
    top: -1px;
    transition: background-color 0.5s;
    cursor: pointer;
    margin: 0 1%;
    min-width: 50px;;
}
#select-m #listBul li:hover,#select-m #listBul li.active {
    background-color: rgb(122, 184, 0);
}
#select-m .cero{
    display: block;
    background-color: rgba(0,0,0,0.5);
    width: 50px;
    height: 50px;
    border-radius: 0 8px 0 100%;
    position: absolute;
    top: 0;
    right: 0;
    border: 0px solid #5ac400;
    z-index: 300;
}
#select-m .cero:before{
    content: '0€';
    color: white;
    font-size: 26px;
    position: absolute;
    bottom: 30%;
    left: 29%;
}
#select-m li .estado{
    display: block;
    width: 90%;
    height: 4px;
    background: #5ac400;
    border-radius: 50px;
    position: absolute;
    left: 5%;
    bottom: -10px;
    transition: bottom 0.5s, height 0.3s;
}
#select-m  li:hover .estado{
    display: block;
    bottom: 3px;
    transition: bottom 0.3s;
}
#select-m #carusel li.active{
    opacity: 1;
}
#select-m li.active .estado{
    width: 300px;
    height: 300px;
    border-radius: 100%;
    left: 50%;
    margin-left: -150px;
    bottom: -80%;
    transition-timing-function: ease;
    transition: height 0.3s;
}
#select-m .arow{
    display: block;
    background-color: #5ac400;
    width: 31px;
    height: 60px;
    position: absolute;
    z-index: 500;
    top: 50%;
    margin-top: -30px;
    line-height: 60px;
    text-indent: 2px;
    font-size: 27px;
    color: #001422;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s;
    box-shadow: 0 0 22px 11px rgba(0,0,0,0.6);;
}
#select-m .arow:hover{
    opacity: 1;
    transition: opacity 0.3s;
}
#select-m .arow.left{
    left:0px;
    border-radius: 0 300px 300px 0;
}
#select-m .arow.right{
    right:0;
    border-radius: 300px 0 0 300px;
}
/*-----------------FIN PROMOCIONES----------------------*/
/*-----------------INICIO FOOTER----------------------*/
#tarifas-contrato #foot{
    margin-top: 10px;
    /*padding: 5px 15px 15px 15px;*/
}

#tarifas-contrato #foot p{
	margin-top: 10px;
    font-size: 16px;
}


.piespecial {
    text-align: center;
    color: white;
    position: relative;
    z-index: 0;
}
body>footer{
    color: white;
}
body>footer section{
    margin-bottom: 21px;
    text-align: center;
}
body>footer header h5{
    font-family: 'movistar_textbold';
    text-align: center;
    font-size: 2.5rem
}
body>footer header{
    font-family: 'movistar_textbold';
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 17px;
}
body>footer a{
    color: white;
}
body>footer a:hover{
    color: white;
}

body>footer .autoria{
	text-align: center;
}


#lista-pie {
    list-style: disc;
    margin-left: 15px;
    padding: 5px 0;
    margin-top: 13px;
    margin-bottom: 10px;
}
.modal{
    color: black;
}
#legales p{
    font-size: .9rem;
    text-align: center;
}
#legales p.text-green {
    font-size: 1.4rem;
}
.text-green{
    color: #5ac400;
}
#consulta{
    text-align: right;
}
#location{
    position: relative;
}
/*-----------------FIN FOOTER----------------------*/
@media screen and (max-width: 992px){

#tarifas-contrato #foot .yelowArrow {
    top: 54px;
    left: 110px;
}
#tarifas-contrato #foot .pinkArrow p {
    padding-right: 4px;
        font-size: 17px;
}
#tarifas-contrato #mainimg {
    left: -42px;
}

#tarifas-contrato #foot .pinkArrow {
    padding: 5px 14px;
    width: 168px;
    font-size: 18px;
    background-image: url(../images/contrato/bola-rosa.png);
    height: 81px;
    background-size: 131px 81px;
    background-repeat: no-repeat;
}

#tarifas-contrato #mainInfo .row.miniWrapper{

    max-width: 487px;
    margin:0px auto 15px;

}

#tarifas-contrato #nubico{
    margin:0px 0px -10px;
}

    /* ··········································
                  TABLET
···········································*/



#vive11>header {
    margin-left: 54px;
}

#tarifas-contrato footer {
  background-image: url('../images/footer/photos-footer.png')!important;
}

#tarifas-contrato .listafutbol p.primero {
    margin-top: 4px;
}

#tarifas-contrato img#bodegon-yomvi {
    display: block;
    margin-left: 16px;
    width: 323px;
}

#tarifas-contrato div.white-bubble {
    margin-bottom: 5px;
    margin-left: 0px;
  }

#tarifas-contrato .wow {
    margin-top: -31px;
    margin-right: 152px;
  }



#tarifas-contrato div#columnas {
  text-align: center;
}

#tarifas-contrato #foot-fusionplus p.subtitled {
    font-family: 'telefonica_headline_lightRg';
    font-size: 20px;
}

#tarifas-contrato #foot {
  background-color: #00A9E0;
}

#tarifas-contrato #banda-tablet {
  background-color: #fff;
  height: 60px;
}

#tarifas-contrato img.logo-tablet {
  width: 150px;
  margin: 15px;
  display: inline-block;
}
#tarifas-contrato div.NumeroTablet {
    display: inline-block;
    padding: 5px 15px;
    float: right;
    margin: 7px;
}

#tarifas-contrato div.NumeroTablet p {
    display: inline-block;
    color: #fff;
    line-height: 14px;
    font-family: 'movistar_textbold';
    color: #074763;
    font-size: 13px;
}

#tarifas-contrato div.NumeroTablet a {
    color: #fff;
    font-size: 26px;
    font-family: 'movistar_textbold';
    color: #074763;
}

#tarifas-contrato #top-navigation ul#navbar-collapse {
  margin-left: 40px;
}

#tarifas-contrato div#cuadro-legales {
  display: inline-block;
}

#tarifas-contrato img#logo-movistar-tablet {
  display: inline-block!important;
  float: right;
      margin-top: 5px;
}

#tarifas-contrato #foot {
    margin-top: 0px;
    }

/* ··········································
                FIN TABLET
···········································*/






    .height {
        height:auto;
    }
    #vive11 {
        padding: 0;
        margin: 0;
    }
    h1#logo {
        margin: 0;
        overflow: hidden;
        margin: 13px 0 0 14px;
        padding: 0;
        max-width: 233px;
    }

    #promociones{
        overflow: hidden;
        height: auto;
    }
    #cuadroTop{
        padding: 7px 0 27px 0;
        background-color: #3487A5;
        color: white;
        font-size: 2rem;
        box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
        text-align: center;
    }
    #cuadroTop p:first-child{
        font-family: 'movistar_textregular';
    }
    #cuadroTop p{
        font-family: 'movistar_textbold';
        line-height: 2rem;
    }
    #cuadroTop a{
        font-family: 'movistar_textbold';
        color: #fff;
        font-size: 3.8rem;
        line-height: 5rem;
        background-color: #5ac400;
        border-radius: 5px;
        padding: 0 7px;
        position: relative;
        top: 0px;
    }
    #cuadroTop .i-boton-circulo:before {
        position: relative;
        top: 7px;
    }
    #formulario .cuadroBlanco {
        margin-bottom: 0px;
    }

    #vive11 section {
        /*margin: 5px 0;*/
    }

}
@media screen and (max-width: 767px){

    #tarifas-contrato .fare-details{
        background-color: #5ac400;
        margin-top: 4px;
        width: 100%;
        padding: 5px;
    }

     #tarifas-contrato .bluebg{
        background: none;

    }

    #tarifas-contrato .whitearrow {
    position: absolute;
    right: 90%;
    top: auto;
    bottom: -13px;
    transform: rotate(90deg);
}

#tarifas-contrato #contrato-pricebox {
    width: 100%;
}

#tarifas-contrato #c6 #contrato-pricebox{
    width: 100%;
}


#tarifas-contrato #c10 #contrato-pricebox{
    width: 100%;
}


#tarifas-contrato #c20 #contrato-pricebox{
    width: 100%;
}


    #tarifas-contrato .great-m-mobile {
            position: absolute;
    bottom: 0px;
    left: -215px;
    }

  div.compartir {
    font-size: 13px;
margin-top: -12px;
  }

    #tarifas-contrato #mobile-sample {
    font-size: 100px;
    margin-top: 0px;
    margin-left: 0px;
    text-align: center;

}

#tarifas-contrato .cuadro-tarifa {
    margin-bottom: 18px;
}

#tarifas-contrato #p1 .contrato-price-details strong {
    display: block;
    font-size: 10px;
}


#tarifas-contrato #c2 .contrato-price-details strong {
    display: block;
    font-size: 10px;
}

    #tarifas-contrato .price-after .contrato-price-details{
        top:1px;
    }


    #tarifas-contrato .price-before .contrato-price-details{
        top:1px;
    }


#tarifas-contrato #mainInfo .row.miniWrapper{

       max-width: 410px;
    margin:0px auto 15px;
    text-align: center;
}

#tarifas-contrato #mainInfo #dto50 {
    margin-bottom: 5px;
}

#tarifas-contrato #nubico {
    margin: 20px auto -10px;
}
#tarifas-contrato #p1 #contrato-gigas span.now {
    position: absolute;
    top: 19px;
    right: -19px;
}
#tarifas-contrato #top-navigation ul#navbar-collapse{
    margin-left: 0px;
}

    .f-left{
        position: absolute;
        display: block;
        width: 15px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        font-size: 40px;
        z-index: 2000;
        background-image: url('images/f-left.png');
    }
    .f-right{
        position: absolute;
        display: block;
        width: 15px;
        height: 20px;
        top: 50%;
        right: 0;
        margin-top: -10px;
        background-image: url('images/f-right.png');
        font-size: 40px;
        z-index: 2000;
    }
    span.name-menu{
        position: absolute;
        top: -19px;
        left:1px;
        font-family:'movistar_textbold';
        color:#3487A5;
    }
    main>header{
        background-color: white;
    }
    .bigCall  {
       color: white;
    font-size: 3.4rem;
    background-color: #5ac400;
    /* padding: 0 30px; */
    border-radius: 5px;
    line-height: normal;
    font-family: 'Movistar_textbold';
    text-align: center;
    }
    .title_mob p{
        font-size: 19px;
        line-height: 25px;
        margin-bottom: 5px;
        text-align: center;
        font-family: 'movistar_headlinebold';
    }
    .title_mob p:nth-child(2){
        font-size: 25px;
        margin-bottom: 10%;
        text-align: center;
        font-family: 'movistar_headlineregular';
    }
    #top-navigation{
        width: 100%;
        padding: 0;
    }
    #top-navigation ul{
        margin: 0;
        background-color: #124156;
        overflow: hidden;
        padding: 5px 0;
        width: 100%;
    }
    #top-navigation li{
        display: block;
        width: 100%;
        float: left;
        border: none;
        font-size: 14px;
        margin: 2px 1% ;
        padding: 10px 5px;
        border-radius: 5px;
        background-color: rgba(0,0,0,0.4);
        height: 60px;
    }
    h1#logo{
        position: absolute;
        right: 0;
        width: 74%;
    }
    h1#logo img{
        float: right;
        margin-right: -32px;
        margin: 0 11px 0 0;
        max-width: 202px;
    }
    /*------------------------INICIO VIVE11-----------01--------------*/
    #contenido #promociones{
        padding: 5px;
        padding-top: 0;

        background-color: #004f7c;
    }

    #tvfutbol #contenido #promociones{

        background-color:    #004f7c;
    }

     #tvseries #contenido #promociones{

        /*background-color:    transparent;*/
    }






    #vive11 section {
        margin: 0px;
            padding-bottom: 25px;
    }
    #vive11>.row header{
        margin-bottom: 10px;
        box-shadow: 0 2px 2px 1px rgba(0,0,0,0.1);
        text-align: center;
        padding: 5px 15px;
    }
    #vive11>.row header p:first-child{
        font-family: 'movistar_headlinebold';
        font-size: 2rem;
        margin-bottom: 5px;
    }
    #vive11>.row header p{
        font-family: 'movistar_headlineregular';
        font-size: 2.7rem;
        line-height: 3.6rem;
    }
    html.oscuro{
        height: initial;
    }
    main>header{
        background-color: white;
    }
    #vive11 #tarifas li {
        float: left;
        width: 46%;
        margin: 2%;
    }
    #vive11 #mobile{
        margin: 10px;
        padding: 5px;
        background: rgba(0,0,0,0.4);
        border-radius: 10px;
        position: relative;
    }
    #vive11 #mobile ul#condiciones li {
        font-size: 12px;
        font-family: 'movistar_textregular';
        line-height: 21px;
        font-style: italic;
    }
    #vive11 .seccion-lista h2 {
        display: inline-block;
        line-height: normal;
        background: none;
        color: white;
        font-size: 30px;
        text-transform: capitalize;
        float: none;
        height: 42px;
        text-align: left;
        padding: 0;
        width: 100%;
    }
    #vive11 div.molecula {
        font-family: 'movistar_headlinebold';
        font-size: 33px;
        color: white;
        display: block;
        position: relative;
        background: none;
        margin-top: -58px;
        right: initial;
        line-height: 105px;
        text-align: center;
        border-radius: 0;
        width: 136px;
        top: 92px;
        height: 100px;
        left: inherit;
    }
    #vive11 .etiqueta {
        margin-left: 10px;
        height: 178px;
    }
    #vive11 .molecula .solo {
        font-size: 18px;
        font-family: 'movistar_textregular';
        line-height: 14px;
        top: 14px;
        position: absolute;
        left: 0px;
    }
    #vive11 .molecula .euro {
        position: relative;
        top: -27px;
        right: -8px;
        font-size: 36px;
    }
    #vive11 .molecula .centimo {
        font-size: 18px;
        position: relative;
        top: -39px;
        right: -3px;
    }
    #vive11 .molecula .unit {
        font-size: 12px;
        position: absolute;
        top: -16px;
        right: 23px;
        font-family: 'movistar_textregular';
    }
    #vive11 .molecula .pago-inicial {
        font-size: 15px;
        position: absolute;
        font-family: 'movistar_textregular';
        line-height: 17px;
        top: 47px;
        left: 0px;
        text-align: left;
        width: 100%;
    }
    #vive11 .seccion-movil {
        position: absolute;
        top: 0;
        right: 0;
    }
    #vive11 .seccion-movil img {
        width: 121px;
        margin-top: 120px;
    }
    #vive11 .modelo{
        display: inline-block;
        font-size: 18px;
        color: rgba(225,255,255,0.5);
        width: 100%;
        text-align: left;
    }
    #vive11 #tarifas .plus-mobile {
        height: inherit;
        font-size: 10px;
        background: none;
        line-height: 12px;
        font-family: inherit;
        text-align: left;
        text-indent: 0;
    }
    #vive11 #tarifas .plus-mobile:hover {
        background: none;
    }
    #vive11 #tarifas li {
        font-size: 20px;
    }
    #vive11> .row >header {
        font-family: 'movistar_headlinebold';
        font-size: 2rem;
        line-height: 23px;
        text-align: center;
        color: white;
        width: 100%;
        margin: 0;
    }
    #vive11> .row >header p:last-child {
        font-family: 'movistar_headlineregular';
        font-size: 3rem;
        margin-bottom: 7px;
        line-height: 3rem;
        padding-bottom: 10px;
    }
    #vive11 .flecha {
        display: none;
    }
    #vive11 #select-m{
        height: 247px;
    }

}
@media screen and (max-width: 460px){



    #vive11>header{
        text-align: center;
        font-size: 18px;
        line-height: 18px;
    }
    #vive11>header p:last-child {
     font-size: 20px;
    }
    .box>header p {
        text-indent: 58px;
        font-size: 17px;
    }
    #vive11 section.active .info-text {
        top: 144px;
    }
    #vive11 #tarifas li {
        width: 46%;
        margin: 2%;
        margin-bottom: 3px;
        float: left;
    }
    #vive11 .mobile-price .gratis {
        font-size: 31px;
    }
    #vive11 .mobile-price {
        height: 86px;
    }
    #vive11 .mobile-name {
        font-size: 20px;
        line-height: 20px;
        height: 96px;
    }



#tarifas-contrato #eligeSmart p, #tarifas-contrato #foot #eligeSmart p {
    font-size: 15px;
    margin: 3px 0px 10px;
}

#tarifas-contrato #mobile-sample img {
    width: 17%;
    vertical-align: top;
}
}





@media screen and (max-width: 320px) {
#vive11>header p:last-child {
    font-size: 18px;
}
}