@import '../../css/font-awesome.min.css';
/* Variables =================================================== */
/* FONTS */
@font-face {
  font-family: 'franklin_gothic_fscompressed';
  src: url('../../fonts/FranklinGothic-Comp-webfont.eot');
  src: url('../../fonts/FranklinGothic-Comp-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Comp-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Comp-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Comp-webfont.svg#franklin_gothic_fscompressed') format('svg');
  font-weight: normal!important;
  font-style: normal!important;
}
@font-face {
  font-family: 'franklin_gothic_fsbook';
  src: url('../../fonts/FranklinGothic-Book-webfont.eot');
  src: url('../../fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Book-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Book-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklin_gothic_fsmedium';
  src: url('../../fonts/FranklinGothic-Med-webfont.eot');
  src: url('../../fonts/FranklinGothic-Med-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Med-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Med-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Med-webfont.svg#franklin_gothic_fsmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklin_gothic_fsdemi';
  src: url('../../fonts/FranklinGothic-Demi-webfont.eot');
  src: url('../../fonts/FranklinGothic-Demi-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Demi-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Demi-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EuroSans';
  src: url('../../fonts/EuroSans-Regular.eot');
  src: local('☺'), url('../../fonts/EuroSans-Regular.woff') format('woff'), url('../../fonts/EuroSans-Regular.ttf') format('truetype'), url('../../fonts/EuroSans-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklin_gothic_fsbook';
  src: url('../../fonts/FranklinGothic-Book-webfont.eot');
  src: url('../../fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Book-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Book-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklin_gothic_fsmedium';
  src: url('../../fonts/FranklinGothic-Med-webfont.eot');
  src: url('../../fonts/FranklinGothic-Med-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Med-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Med-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Med-webfont.svg#franklin_gothic_fsmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'franklin_gothic_fscompressed';
  src: url('../../fonts/FranklinGothic-Comp-webfont.eot');
  src: url('../../fonts/FranklinGothic-Comp-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/FranklinGothic-Comp-webfont.woff') format('woff'), url('../../fonts/FranklinGothic-Comp-webfont.ttf') format('truetype'), url('../../fonts/FranklinGothic-Comp-webfont.svg#franklin_gothic_fscompressed') format('svg');
  font-weight: normal!important;
  font-style: normal!important;
}
html,
body {
  margin: 0;
  padding: 0;
  overflow: auto;
}
.container {
  margin: 0 auto;
  width: 100%;
  padding: 0;
}
.container_home{
  width: 100%;
  margin:auto;
}
.container_centrado{
 width: 100%;
  margin:auto;
}
.container_centrado2{
 max-width: 969px;
  margin:auto;
}
.button-header-adsl{
        color: #ffffff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 42px;
}
.contenido_atencion{
  width: 100%;
  margin: auto;
  max-width: 1024px;
}
.contenido_atencion h3{
  text-align: center;
  margin-top: 20px;
}
.estep{
  width: 100%;
  max-width: 700px;
  margin: auto;
  font-size: 15px;
}
.arreglito{
  width: 100%;
  max-width: 700px;
  margin: auto;
}
.AppIcons a img {
  margin: 25px 25px 0 0;
  max-width: 140px;
}
.iconos-left{
    float: left;
    margin-top:20px;
    margin-bottom: 20px;
    width: 350px;
    font-family: "franklin_gothic_fsbook";
    font-size: 15px;
}
.iconos_right{
    float: left;
    margin-top:20px;
    margin-bottom: 60px;
    width: 350px;
    font-family: "franklin_gothic_fsbook";
    font-size: 15px;
}
.abajo_leyenda{
  width: 100%;
  margin: auto;
  max-width: 700px;
  font-family: "franklin_gothic_fsbook";
  font-size: 12px !important;
  margin-bottom: 20px;
}
ul.list-icons-lightbox2 {
  float: left;
  margin: 0 auto;
  margin-top: 20px;
  width: 295px;
}
.linksafirmar{
  text-align: center;
  font-size: 14px;
}

.error404{
  background-color: #bae5ff no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
}

.salir_respon{
color:white;
margin-left:10px; 
border:1px solid #fff; 
padding:5px;
}



@media  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .container {
    width: 100%;
    overflow: hidden;
  }
}
a {
  text-decoration: none;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {

  .version-web .button-header-adsl{
  display: none;
  }
  .quitado{
    display:none;
  }
  .iconos_right{
    margin-top:0px;
    margin-bottom: 0px;
  }
    .iconos-left{
    margin-bottom: 0px;
  }
  .estep{
    width: 95%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  
  .quitado{
    display:none;
  }
  .salir_respon{
    display: none;
  }
}
@media  only screen and (min-width: 1024px) {
  
  .salir_respon{
    display: none;
  }
}

@media  only screen and (min-width: 600px) and (max-width: 767px) {
  
    .salir_respon{
    display: none;
  }
}

@media  only screen and (min-width: 600px) and (max-width: 767px) {
    .abajo_leyenda {
    float: left;
    margin: auto auto 20px 10px;
    max-width: 700px;
    width: 95%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .sf-boton {
    margin-bottom: 20px;
    margin-left: 43px;
    text-align: center;
    width: 103%;
  }
  .version-web .button-header-adsl{
    display: none;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .sf-ipad {
    float: none;
    height: auto;
    padding:0;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .sf-boton{
   width: 50%;
   margin:auto;
   margin-bottom: 20px;
  }
  .sf-telefono {
    float: none;
    padding:0;
    margin: auto;
    width: 40%;
    height: auto;
    margin-bottom: 10px;
  }
  .version-web .button-header-adsl{
    display: none;
  }
    .quitado{
    display:none;
  }
    .iconos_right{
    margin-top:0px;
    margin-bottom: 0px;
  }
  .iconos-left{
    margin-bottom: 0px;
  }
  .estep{
    width: 95%;
  }
  .abajo_leyenda {
    float: left;
    margin: auto auto 20px 10px;
    max-width: 700px;
    width: 95%;
  }
  div.box-call .col-left {
    width: 100%;
  }
}

@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .version-web .button-header-adsl{
  display: none;
}
}
.menu-responsive {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 9px 0;
  list-style: none;
  background: #ffffff;
  position: relative;
  z-index: 10;
}
.menu-responsive .private .first p {
  color: #000;
  font-size: 20px;
  margin-bottom: 0;
  padding-top: 0!important;
  text-transform: uppercase;
  width: auto;
}
.menu-responsive .private .first span {
  display: none;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .menu-responsive .private li {
    margin-bottom: 10px;
    width: 100%;
  }
  .box-contratar div.box-title{
    width: 100%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .menu-responsive .private li {
    margin-bottom: 10px;
    width: 100%;
  }
  .menu-responsive ul li {
    margin: 0 1%;
}
}
.menu-responsive .private li a {
  background: transparent!important;
}
.menu-responsive .private li a p {
  color: #000;
  padding-top: 0!important;
  margin-bottom: 0;
  width: auto;
}
.menu-responsive .private li a:hover p {
  color: #cc0000;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .menu-responsive .noMobi {
    display: none;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .menu-responsive {
    padding: 13px 0 9px 0;
  }
  .menu-responsive ul li {
    margin: 0 1%;
}
}
@media  only screen and (min-width: 1024px) {
  .menu-responsive {
    padding: 13px 0 9px 0;
  }
}
.menu-responsive ul {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
.menu-responsive ul li {
  display: inline-block;
  margin: 0 1%;
  float: none;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .menu-responsive ul li {
    margin: 0 1%;
  }
}
.menu-responsive ul li a {
  text-decoration: none;
  font-family: 'franklin_gothic_fscompressed';
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}

.menu-responsive ul li a:hover {
  color: #cc0000;

}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .menu-responsive ul li a {
    font-size: 22px;
  }
}
.menu-responsive ul li a.current,
.menu-responsive ul li a:hover,
.menu-responsive ul li a:active,
.menu-responsive ul li a::selection {
  color: #cc0000;
}
.menu-responsive ul li.active a {
  color: #cc0000;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  header.site {

    max-height: 110px;
  }
}
.header-responsive {
  background: #cc0000;
  font-family: 'franklin_gothic_fscompressed';
  font-size: 18px;
  color: #ffffff;
  position: relative;
  z-index: 20;
  max-height: 95px;
}
.header-responsive .container {
  overflow: initial;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .header-responsive {
    height: 117px!important;
    max-height: 117px;
  }

}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-responsive {
    height: 70px!important;
    max-height: 70px;
  }
}
@media  only screen and (min-width: 1024px) {
  .header-responsive {
    height: 70px!important;
    max-height: 70px;
  }
}
.header-responsive div.container a.logo-header {
  float: left;
  vertical-align: middle;
  display: inline-block;
  padding: 12.5px  2.5%  12.5px 15px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-responsive div.container a.logo-header {
    background-position: right;
    padding: 12.5px 10% 12.5px 0;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container a.logo-header {
    background: none;
    margin-left: 15px;
    padding: 12.5px 0;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container a.logo-header {
    width: 100%;
    margin: auto;
    text-align: center;
    height: 23px;
  }
}
.header-responsive div.container a.logo-header img {
  margin-left: 20px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container a.logo-header img {
    width: 195px;
  }
  .iconos_right{
    width: auto;
  }
  .header-responsive div.container a.logo-header img {
  margin-left: 0px;
  }
}
.header-responsive div.container p {
  line-height: 70px;
  font-size: 20px;
  margin-bottom: 0;
}
@media  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container p {
    display: none;
  }
}
.header-responsive div.container .link-responsive {
  display: inline-block;
  position: relative;
  margin-top: 15px;
  float: right;
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .link-responsive {
    clear: both;
    width: 100%;
    border-top: 1px solid #a10203;
    margin: 0 0 9px 0;
    padding: 5px 0;
    background: #cc0000;
  }
}
.header-responsive div.container .link-responsive .idiomas {
  display: inline-block;
  width: 94px;
  text-align: left;
  position: absolute;
  top: 0;
  left: -120px;
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .header-responsive div.container .link-responsive .idiomas {
    left: -90px;
  }
  .sf-choice {
    width: 90%;
    max-width: 630px;
    margin: auto;
    height: 268px;
    text-align: center;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .link-responsive .idiomas {
    left: 0;
    top: 5px;
  }
}
.header-responsive div.container .link-responsive .idiomas .selector-idioma {
  display: inline-block;
  color: #ffffff;
  margin-top: 3px;
  padding: 4px 15px 4px 17px;
  font-size: 15px;
  font-family: 'franklin_gothic_fsbook';
  text-transform: uppercase;
}
.header-responsive div.container .link-responsive .idiomas ul {
  padding: 0;
  margin: 0;
  font-family: 'franklin_gothic_fsbook';
  width: 94px;
  display: none;
  background: #cc0000;
  position: relative;
  z-index: 10000;
}
.header-responsive div.container .link-responsive .idiomas ul li {
  width: 100%;
  display: inline-block;
  padding: 6px 0 6px 15px;
  box-sizing: border-box;
}
.header-responsive div.container .link-responsive .idiomas ul li a {
  font-size: 14px;
  color: #ffffff;
}
.header-responsive div.container .link-responsive .idiomas ul li:last-child {
  border-top: 1px solid #ffffff;
}
.header-responsive div.container .link-responsive .idiomas ul li:hover,
.header-responsive div.container .link-responsive .idiomas ul li:active {
  background: #a10203;
}
.header-responsive div.container .link-responsive .idiomas:hover {
  box-shadow: 12px 0 15px -9px rgba(0, 0, 0, 0.3), -12px 0 8px -9px rgba(0, 0, 0, 0.3);
}
.header-responsive div.container .link-responsive .idiomas:hover ul {
  display: inline-block;
}
.header-responsive div.container .link-responsive .version-web {
  display: block;
  float: right;

}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .link-responsive .version-web {
    width: 48px;
  }
  .condiADSL {
    margin-top: 20px;
    margin-bottom: 20px;
}

}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .header-responsive div.container .link-responsive .version-web {
    width: 48px;
  }

}
.header-responsive div.container .link-responsive .version-web .button-header {
  color: #ffffff;
  line-height: 36px;
  width: 42px;
  height: 36px;
  display: inline-block;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .link-responsive .version-web a {
    width: 37px;
    height: 31px;
  }
}
.header-responsive div.container .link-responsive .version-web a img.icon-header-btn {
  width: 25px;
  display: inline-block;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .link-responsive .version-web a img.icon-header-btn {
    width: 20px;
    margin-bottom: 5px;
  }
}
.header-responsive div.container .link-responsive .version-web a:active,
.header-responsive div.container .link-responsive .version-web a:hover,
.header-responsive div.container .link-responsive .version-web .web-selector,
.header-responsive div.container .link-responsive .version-web a.active {
  background: #a10203;
  border-radius: 3px;
}
.header-responsive div.container .button-login-pepephone {
  float: right;
  display: inline-block;
  margin: 15px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone.opened {
    float: left;
    width: 90%;
    position: relative;
    top: -8px;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .header-responsive div.container .button-login-pepephone {
    margin-right: 15px;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone {
    width: 30%;
    margin: 7px 13px 5px 15px;
  }
}
.header-responsive div.container .button-login-pepephone .login {
  margin-right: -15px;
  margin-left: 0;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login {
    height: 40px!important;
    line-height: 40px!important;
    width: 100%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login {
    margin-right: 0;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login {
    text-indent: 12px;
    min-width: 128px;
    height: 30px;
    line-height: 30px;
    display: none;
  }
}
.header-responsive div.container .button-login-pepephone .login .ico-user {
  float: left;
  left: 12px;
  top: 7px;
  width: 22px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login .ico-user {
    left: 8px;
    margin-right: 2px;
    top: 9px;
    width: 18px;
  }
}
.header-responsive div.container .button-login-pepephone .login span#openBox a {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  margin-left: -10px;
  width: 117px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login span#openBox a {
    margin-left: 10px;
    width: 55px;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login span#openBox {
    margin-right: 10px;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .button-login-pepephone .login a.ico-close-login {
    margin-left: 0px;
    margin-top: 4px;
    position: relative;
    top: -40px;
  }
}
.header-responsive div.container .alerta-app {
  display: none;
  width: 100%;
  height: 65px;
  text-align: center;
  border-bottom: 3px solid #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 40;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #dbd7db 49%, #dbdbdb 84%, #e2e2e2 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(49%, #dbd7db), color-stop(84%, #dbdbdb), color-stop(100%, #e2e2e2));
  background: -webkit-linear-gradient(top, #fefefe 0%, #dbd7db 49%, #dbdbdb 84%, #e2e2e2 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #dbd7db 49%, #dbdbdb 84%, #e2e2e2 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #dbd7db 49%, #dbdbdb 84%, #e2e2e2 100%);
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .alerta-app {
    text-align: left;
  }
}
.header-responsive div.container .alerta-app img {
  width: 46px;
  height: 46px;
  border: 1px solid #000000;
  border-radius: 9px;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .header-responsive div.container .alerta-app img {
    margin: 0 0 0 20px;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .alerta-app img {
    margin-left: 13px;
  }
}
.header-responsive div.container .alerta-app p {
  color: #000000;
  font-family: 'franklin_gothic_fsmedium';
  display: inline-block;
  margin-left: 20px;
  font-size: 19px;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .header-responsive div.container .alerta-app p {
    margin-right: 20px;
    font-size: 15px;
    line-height: 68px;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .header-responsive div.container .alerta-app p {
    margin: 12px 13px 0 10px;
    font-size: 14px;
    line-height: 22px;
    width: 63%;
    vertical-align: bottom;
  }
}
.header-responsive div.container .alerta-app a {
  background: url('../../img/comun_MOVIL.png') -639px 23px;
  height: 13px;
  width: 2px;
  padding-left: 60px;
  background-size: 420px;
}
/************* TABLET 600px *************/
.background-slider-home {
  background: #cc0000;
}
.content_home {
  margin: auto;
  max-width: 750px;
  width: 100%;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px),  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 768px) and (max-width: 1023px) {
  .content_home {
    width: 100%;
  }
}
.box-home {
  width: 100%;
  padding: 10px 0 0 0;
  background: #cc0000 no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.box-home .box-image-contra {
  float: left;
  margin-bottom: 20px;
  max-width: 390px;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-home .box-image-contra {
    float: none;
    margin: auto auto 15px;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .box-home .box-image-contra {
    max-width: 225px;
  }
}
.box-home .box-image-contra img {
  display: inline-block;
}
.box-home .image-tablet {
  display: inline-block;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-home .image-tablet {
    display: none;
  }
  .list-tarifas{
    display: none;
  }
}
.box-home .tex-home {
  padding: 10px 15px 5px 15px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-home .tex-home {
    padding: 0 15px 5px 15px;
  }
}
.box-home .tex-home p {
  color: #ffffff;
  font-size: 11px;
  margin-bottom: 0;
}
.main-col {
  background: #ffffff;
}
.main-col #principles_content {
  background: none;
  height: auto;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 100%;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .main-col #principles_content {
    width: 100%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .main-col #principles_content {
    width: 80%;
  }
    .list-tarifas{
    display: none;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .main-col #principles_content {

  }
    .list-tarifas{
    display: none;
  }
}
.main-col #principles_content ol {
  display: inline-block;
  padding: 0 15px;
  box-sizing: border-box;
  counter-reset: section;
  list-style-type: none;
}
.main-col #principles_content ol li {
  font-family: 'franklin_gothic_fsbook';
  margin-bottom: 20px;
  color: #cc0000;
  font-family: 'franklin_gothic_fsmedium';
  position: relative;
  padding-left: 40px;
  counter-increment: li;
}
.main-col #principles_content ol li:before {
  position: absolute;
  left: 0;
  top: 0;
  color: #cc0000;
  font-size: 20px;
  font-family: 'franklin_gothic_fscompressed';
  padding-right: 25px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-size: contain;
  background-position-x: 91%;
  height: 12px;
}
.main-col #principles_content ol li p {
  color: #000000;
  font-size: 18px;
  font-family: 'franklin_gothic_fsbook';
  line-height: 17px;
}
.main-col #principles_content ol li p strong {
  color: #000000;
  font-family: 'franklin_gothic_fsmedium';
}
.main-col #principles_header {
  background-position: center center;
  margin:auto;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .main-col #principles_header {
  }

  .header_prin{
    font-size: 40px;
    margin-bottom: 10px;
    padding-top: 20px;
    line-height: 45px;
    text-align: center;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .main-col #principles_header {
    margin: 0 ;
  }

  .header_prin{
    font-size: 40px;
    margin-bottom: 10px;
    padding-top: 20px;
    line-height: 45px;
    text-align: center;
  }
}
.main-col .container-buttons {
  display: inline-block;
}
.main-col .container-buttons a {
  margin-right: 15px;
  padding: 10px 9px;
  text-transform: uppercase;
  font-family: 'franklin_gothic_fscompressed';
  color: #cc0000;
  font-size: 20px;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
  width: 192px;
  text-align: center;
}
.main-col .container-buttons a:last-child {
  margin-right: 0;
}
.full-width {
  width: 100%;
  padding: 0;
}
.content.principios-responsive {
  width: auto;
  max-width: 1024px;
}
@media  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .content.principios-responsive {
    padding: 0 20px;
  }
}
.content.principios-responsive .intro {
  background: #cc0000 right 30px no-repeat;
  border-left: 6px solid #000;
  color: #FFF;
  font-size: 15px;
  margin-bottom: 5px;
  padding: 20px;
  position: relative;
}
.content.principios-responsive .intro .mano_prin {
  background: url(/img/sprite_principios.png) 0px 85px;
  height: 65px;
  width: 125px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin: 0;
}
@media  only screen and (min-width: 320px) and (max-width: 600px) {
  .content.principios-responsive .intro .mano_prin {
    display: none;
  }
}
@media (min-width: 601px) {
  .content.principios-responsive .intro p {
    margin: 0 190px 0 0 !important;  
  }
}
@media (max-width: 600px) {
  .content.principios-responsive .intro p {
    margin: 0 !important;  
  }
}
.content.principios-responsive .intro p {
  font-size: 14px !important;
  line-height: 1.5em !important;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .content.principios-responsive .intro p {
    margin: 0;
  }
}
.content.principios-responsive .bloque {
  background: #ffffff;
  overflow: hidden;
  font-size: 15px;
  line-height: 18px;
  font-family: "franklin_gothic_fsbook";
  margin-bottom: 5px;
  padding: 20px 20px 0;
}
.content.principios-responsive .bloque > div {
  box-sizing: border-box;
  margin: 0 0 20px 0;
  text-align: justify;
}
.content.principios-responsive .bloque > div.arrow {
  text-align: center;
}
.content.principios-responsive .bloque.col2 > div {
  width: calc(50% - 2px);
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 0 0;
}
.content.principios-responsive .bloque.col2 > div.arrow {
  clear: both;
  width: 100%;
  display: block;
}
.content.principios-responsive .bloque.col2 > div:nth-child(2n) {
  padding: 0 0 0 10px;
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .content.principios-responsive .bloque.col2 > div {
    width: 100%;
    padding: 0;
  }
  .content.principios-responsive .bloque.col2 > div:nth-child(2n) {
    padding: 0;
  }
}
.content.principios-responsive #boxPrinciples ul {
  list-style-position: inside;
  padding-left: 34px;
}
.content.principios-responsive #boxPrinciples ul li span {
  font-family: "franklin_gothic_fsbook";
  font-size: 15px;
  color: #000;
  display: block;
  margin-left: 30px!important;
  margin-top: 3px;
  text-indent: -1px;
}
.content.principios-responsive #boxPrinciples ul li span.number {
  font-family: 'franklin_gothic_fscompressed';
  font-weight: normal;
  color: #cc0000;
  font-size: 24px;
  margin-left: 0!important;
  top: 20px !important;
}
.noDesk {
  display: none;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .noDesk {
    display: block;
  }
}
.noMobi {
  display: block;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .noMobi {
    display: none;
  }
}
div#accordion {
  width: 100%;
  margin-top: 20px;
}
div.preguntas-responsive {
  max-width: 1024px;
  overflow: hidden;
  display: block;
  width: 100%;
}
div.preguntas-responsive .content {
  width: 100%!important;
}
div.preguntas-responsive #accordion h3 {
  margin-left: 0;
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive #accordion h3 {
    width: 95%;
  }
}
div.preguntas-responsive .menu-hamburguer {
  display: none;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive .menu-hamburguer {
    background: #cc0000;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 100%;
  }
}
div.preguntas-responsive .menu-hamburguer .ico-hamburguer {
  background: url(../../img/ico-hamburguer.png) center center no-repeat !important;
  display: inline-block;
  height: 50px;
  width: 50px;
}
div.preguntas-responsive .search {
  position: relative;
  right: 0;
  width: 530px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive .search {
    width: 100%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  div.preguntas-responsive .search {
    width: 100%;
  }
}
div.preguntas-responsive .search input {
  padding-left: 20px;
  width: 528px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive .search input {
    width: 100%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  div.preguntas-responsive .search input {
    width: 100%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive {
    padding: 0 25px;
    width: auto;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive {
    padding: 0 20px;
    width: auto;
  }
}
div.preguntas-responsive ul.subheader.ask {
  width: 100%;
  display: table;
}
div.preguntas-responsive ul.subheader.ask.ask {
  clear: both;
  margin: 0 0 10px;
  padding: 0;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive ul.subheader.ask.ask {
    display: none;
    position: absolute;
    top: 289px;
    width: 50%;
    z-index: 10;
  }
}
div.preguntas-responsive ul.subheader.ask.ask li {
  display: table-cell;
  width: calc((100% - 20px) / 5);
  margin: 0 5px 0 0;
  vertical-align: middle;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive ul.subheader.ask.ask li {
    border-bottom: 1px solid #990000;
    background: #cc0000;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    width: 100%;
  }
}
div.preguntas-responsive ul.subheader.ask.ask li:last-child {
  margin: 0;
}
div.preguntas-responsive ul.subheader.ask.ask li a {
  line-height: normal;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.preguntas-responsive ul.subheader.ask.ask li a {
    color: #FFF;
    font-family: 'franklin_gothic_fsbook';
    font-size: 13px;
    height: 34px!important;
    line-height: 14px!important;
    padding-left: 17px!important;
    text-align: left;
  }
}
div.preguntas-responsive ul.subheader.ask.ask li a:first-child {
  padding: 0;
}
.content-ask {
  margin: 0;
}
.content-ask .box-doubt {
  width: calc((100% - 5px) / 2);
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 320px) and (max-width: 599px) {
  .content-ask .box-doubt {
    width: 100%;
  }
  .content-ask .box-doubt:first-child {
    margin-bottom: 0;
  }
}
.content-ask .box-doubt ul > li {
  background: url(../../img/arrow-down.png) right 20px top 20px no-repeat !important;
  float: none;
  width: 100%;
  box-sizing: border-box;
}
.content-ask .box-doubt ul > li.active {
  background: url(../../img/arrow-up.png) right 20px top 20px no-repeat !important;
  border-bottom: 0;
}
.content-ask .box-doubt ul > li li {
  background: none !important;
}
.lupita_2 {
  background: url(../../img/ico-lupa-new.png) 95% center no-repeat !important;
  border-left: 1px solid #CCC;
  float: right;
  height: 30px;
  padding-left: 3px;
  position: absolute;
  right: 8px;
  top: 4px;
  width: 30px;
  cursor:pointer;
}
ul.subheader.ask li a:first-child {
  padding-left: 0!important;
}
@media  only screen and (min-width: 1024px) {
  ul.subheader.ask li a:first-child {
    width: 203px!important;
  }
}
.contentBuscador {
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .contentBuscador {
    width: 90%;
    margin: auto;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .mobileVersion {
    padding-bottom: 30px;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .mobileVersion .column-advantage {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
    margin: 0 auto;
  }
}
.indicator strong {
  color: #EBEBEB;
}
.indicator.active strong {
  color: #CC0000;
}
.box-images {
  margin: 0 auto;
  width: 70%;
  margin-top: 285px;
  margin-bottom: 20px;
  position: relative;
  left: 30px;
}
.box-images.internet {
  margin-top: 270px;
  margin-left: 40px;
}
.box-images.h-navega {
  margin-left: -132px;
  margin-top: 260px;
}
.box-images.habla {
  margin-top: 250px;
}
.list-radio.internet {
  margin-left: -90px !important;
}
.list-radio.habla {
  margin-left: -90px !important;
}
.list-radio.h-navega {
  margin-left: -115px !important;
}
.nav-shop {
  display: inline-block;
  padding: 20px 0;
  width: 100%;
}
.nav-shop div {
  text-align: center;
}
.nav-shop div a {
  font-size: 18px;
  margin: 0 10px;
}
.nav-shop ul li {
  display: inline-block;
}
.nav-shop ul li a {
  font-size: 18px;
  margin: 0 10px;
}
.list-ico {
  border-right: 1px solid #ababab;
  display: inline-block;
  min-height: 460px;
  text-align: center;
  width: 28%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .list-ico {
    display: none;
  }
}
.list-ico li {

  padding: 10px 0;
  width: 100%;
  border-bottom: 1px solid #ababab;
}

.list-ico li:hover{
background-color: #ffffff;
cursor:pointer;
}
.list-ico li:active{
background-color: #ffffff;
cursor:pointer;
}

.row-accordion {
  display: none;
}
.row-accordion .box-accordion h3 {
  margin-bottom: 15px;
   margin-top: 20px;
}
.row-accordion .box-accordion .textAccordion {
  display: inline-block;
  margin-top: 14px;
}
.row-accordion#product_tarifa0 {
  display: block;
}
.row-accordion#product_tarifa0 .box-accordion h3 {
  margin-bottom: 15px;
  margin-top: 20px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .row-accordion#product_tarifa0 .box-accordion {
    display: block;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .row-accordion {
    display: block;
    border-bottom: 1px solid #959595;
    display: inline-block;
    padding: 20px 0;
    width: 100%;
  }
}
.content-accordion {
  display: inline-block;

  width: 100%;
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 1024px) {
  .content-accordion {
    border-bottom: 0 none;
    width: 60%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .content-accordion .w-accordion {
    float: right;
  }
}
.content-accordion .link-accordion {
  text-align: center;
}
.content-accordion .button-accordion {
  text-align: center;
}
.content-accordion .price-accordion {
  color: #000000;
  font-size: 24px;
  text-align: center;
  padding: 20px 0;
}
.content-accordion .price-accordion span.num {
  color: #cc0000;
}
.box-accordion {
  padding: 0 45px;
  position: relative;
  text-align: justify;

}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-accordion {
    display: none;
  }
}
.box-accordion .icons {
  position: absolute;
  right: 15px;
  top: 15px;
}
.box-accordion h3 {
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-accordion h3 {
    margin-bottom: 20px;
    text-align: left;
  }
}
.box-accordion ul {
  display: inline-block;
  margin-bottom: 50px;
  margin-left: 0;
  padding-left: 20px;
}
.box-accordion ul li {
  color: #cc0000;
  list-style: initial;
  margin-bottom: 10px;
  font-size: 20px;
  width: 100%;
}
.box-accordion ul li p {
  color: #000000;
  font-size: 14px !important;
  line-height: 18px !important;
  font-family: "franklin_gothic_fsbook";
  margin-bottom: 0 !important;
}
.list-tarifas {
  margin: 20px 0;
  text-align: center;
}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 1024px) {
}

.list-tarifas .button {
  margin: 0 20px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .list-tarifas .button {
    margin-bottom: 10px;
  }
  .box-accordion .icons {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
  right: 0;
  }

}
@media  only screen and (min-width: 600px) and (max-width: 767px),  only screen and (min-width: 768px) and (max-width: 1023px),  only screen and (min-width: 1024px) {
  .list-tarifas .button {
    width: 235px!important;
  }
}
#lightbox div.title-lightbox,
.lightbox div.title-lightbox {
  display: block!important;
  width: 100%!important;
  text-align: right;
}
#lightbox div.title-lightbox .ico-close,
.lightbox div.title-lightbox .ico-close {
  font-size: 14px;
  float: none;
  height: 47px;
  margin-top: 10px;
  text-indent: -50px;
  width: 100px;
  position: relative;
  top: 8px;

}
.content-contratar {
min-height: 300px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .content-contratar {
    padding: 0px 15px;
  }
}
.msform {

  margin-bottom: 20px!important;
  margin-top: 20px!important;
}
.msform.applyForm {
  padding: 0!important;
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .msform {
    margin-top: 0!important;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .msform {
    padding: 0 30px;
  }
}
@media  only screen and (min-width: 1024px) {
  .msform {
    padding: 0;
  }
    .list-tarifas {
    border-top: 1px solid #ababab;
    display: inline-block;
    margin-top: -8px;
    padding-top: 20px;
    width: 100%;
  }
}
.select-contra {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 20px;
  text-align: center;
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .select-contra {
    margin-left: 0;
  }
}
.select-contra .link-contra {
  background: #333;
  height: 30px;
  line-height: 30px;
  margin-left: 10%;
  text-align: left;
  width: 50%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .select-contra .link-contra {
    margin-left: 0;
    width: 100%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .select-contra .link-contra {
    width: 40%;
  }
}
@media  only screen and (min-width: 1024px) {
  .select-contra .link-contra {
    margin-left: 28%;
    width: 30%;
  }
}
.select-contra .link-contra a {
  background: url(../../img/arrow_down.png) center right no-repeat;
  color: #FFF;
  display: inline-block;
  padding-left: 10px;
  width: 90%;
}
.contenido-cliente {
  height: auto!important;
  margin-left: 0;
}
.contenido-cliente.step1Process {
  display: block;
  left: 0;
  margin-left: 0;
  width: 90%;
}
.contenido-cliente.step1Process input.button {
  min-height: 30px!important;
  max-height: 100px;
  line-height: normal!important;
  white-space: normal;
}
.contenido-cliente.step1Process ul {
  display: inline-block;
}
.contenido-cliente.step1Process ul li {
  outline: 4px solid #cacaca;
  width: 32%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .contenido-cliente.step1Process ul li {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .contenido-cliente {
    margin-left: 0;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  
}
@media  only screen and (min-width: 1024px) {
  
}
.contenido-cliente span.title {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.contenido-cliente .list-contratar li {
  margin-bottom: 0;
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .contenido-cliente .list-contratar li {
    height: 50px;
    min-height: 50px;
  }
}
.contenido-cliente .list-contratar.input input {
  color: #000!important;
  width: 100%!important;
}
.contenido-cliente .list-contratar.input input.red {
  background: #ffffff !important;
  color: #cc0000!important;
  margin-left: 0!important;
  font-family: 'franklin_gothic_fscompressed';
  font-weight: normal;
  font-size: 20px;
  min-height: 39px!important;
  height: 44px!important;
  border: 1px solid #ababab;
  display: inline-block;
  padding: 0;
  line-height: 39px!important;
  text-align: center;
  text-transform: uppercase;
  width: 175px!important;
}

.contenido-cliente .list-contratar.input input.red:hover {
  background: #cc0000!important;
  color: #ffffff!important;
  border: 1px solid #ffffff;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .contenido-cliente .list-contratar.input input {
    width: 100%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .contenido-cliente .list-contratar.input input {
    width: 100%!important;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .contenido-cliente .list-contratar.input input.button {
    width: 175px!important;
  }
}
.contenido-cliente .list-contratar.input input.button:hover,
.contenido-cliente .list-contratar.input input.button:active {
  color: #FFF!important;
}
.contenido-cliente .list-contratar.input li a {
  color: #cc0000;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .contenido-cliente .list-contratar.input li a {
    float: none;
    text-align: right;
  }
}
.contenido-cliente .button,
.contenido-cliente input.button {
  border: 0 none;
  color: #c00;
  font-family: 'franklin_gothic_fsdemi';
  font-size: 14px;
  text-align: center;
  text-transform: initial;
  width: 100%!important;
}
.contenido-cliente input {
  border: 0 none;
  color: #c00;
  font-family: 'franklin_gothic_fsmedium';
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-transform: initial;
  text-indent: 10px;
}
.contenido-cliente input.button:disabled,
.contenido-cliente input.button:disabled:hover {
  background: #FFF;
  color: #e5e5e5!important;
  opacity: 1;
}
.progress-contratar {
  background: #cc0000;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 100%;
}
.progress-contratar:before {
  background: #cc0000;
  content: "";
  display: inline-block;
  height: 50px;
  position: absolute;
  width: 100%;
  left: 0;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .progress-contratar:before {
    display: none;
  }
}
.progress-contratar li {
  position: relative;
  width: 100%;
}
.progress-contratar li a {
  padding-left: 15px;
}
.progress-contratar li .title-progress {
  color: #FFF;
  float: right;
  margin-right: 15px;
}
.progress-contratar li .number-contratar {
  background: #FFF;
  border-radius: 28px;
  color: #000;
  display: inline-block;
  float: right;
  font-family: 'franklin_gothic_fscompressed';
  font-size: 24px;
  height: 28px;
  line-height: 28px;
  margin-right: 15px;
  position: relative;
  text-indent: 10px;
  top: 10px;
  width: 28px;
}
#nuevo_cliente,
#viejo_cliente,
.nuevo_cliente,
.viejo_cliente{
  left: 0;
  width: 100%!important;
}
.box-contratar {
  width: 100%!important;
  background-color: white;
  margin-top: 0px;
  padding-bottom: 10px;
}
.white-action-button {
    background-color: white;
    border-radius: 10px;
    min-height: 20px !important;
    max-height: 35px !important;
    margin-right: 5px;
}
.containerStreaming {
    padding: 0 0px 10px 0px;
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2) !important;
}
.containerPepeTv {
    border: 2px solid #000000;
}
.containerNetflix {
    border: 2px solid #cc0000;
}
.containerPrime {
    border: 2px solid #4285f4;
}
.containerMax {
    border: 2px solid #0000ff;
}
.containerStreaming .title-new {
    color: white !important;
    font-size: 20px !important;
    padding: 10px !important;
    width: calc(100% - 20px) !important;
}
.containerStreaming .pick_a_number_div_1 {
    padding: 5px;
}
.containerPepeTv .title-new {
    background-color: #cc0000;
}
.containerNetflix .title-new {
    background-color: #cc0000;
}
.containerPrime .title-new {
    background-color: #4285f4;
}
.containerMax .title-new {
    background-color: #0000ff;
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .box-contratar {
    margin-bottom: 30%!important;
  }
}
@media  only screen and (min-width: 1024px) {
  
}
.box-contratar .box-sim {
  background: transparent!important;
  padding: 0!important;
  width: 100%!important;
}
.box-contratar .box-sim ul {
  width: 100%!important;
}
.box-contratar .number-box div {
  width: 100%!important;
}
.box-contratar .box-title {
  background: transparent!important;
}
.box-contratar .box-title div {
  padding:0;
  width: 100%;
}
.box-contratar .box-title div span {
  display: inline-block;
  width: 100%;
}
.box-contratar .box-title div span.shop {
  font-size: 27px;
  margin: 0px 117px 0 0;
  float: left;

}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-contratar .box-title div span.shop {
    width: 100%;
  }
  .box-contratar .box-title div {
    width: 81%;
  }
  img.modem-img{
    display:none;
  }
}
.box-contratar .box-title div span.title-new {
    color: black;
    width: 100%;
}

.box-contratar .form-content ul.list-form-content div.titular {
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 15px;
  font-family: "franklin_gothic_fsmedium";
  color: #cc0000;
}

.box-contratar .box-title div .search_numbers {
    font-size: 20px;
    background-color: white !important;
    color: black !important;
    border: 2px solid #c00 !important;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 140px;
    max-height: 34px;
}
.box-contratar .box-title div .search_numbers:hover {
    background-color: #cc0000 !important;
    color: white !important;
}
.box-contratar .box-title #pick_a_number_div_2,
.box-contratar .box-title #pick_a_number_div_4,
.box-contratar .box-title .pick_a_number_div_2,
.box-contratar .box-title .pick_a_number_div_4{
  display: flex;
}
.imageStreaming {
    width: 50px !important;
    height: 60px !important;
    float: left !important;
    padding: 12px 10px !important;
}
.selectPlanStreaming {
    width: 635px !important;
}
.selectPlanStreaming h3 {
    font-size: 17px !important;
}
.textoElipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#pick_a_number_div_2, .pick_a_number_div_2{
  margin:auto;
}
#pick_a_number_div_4, .pick_a_number_div_4{
    width: 90%;
    margin:auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.box-contratar div.box-title #pick_a_number_div_2, .box-contratar div.box-title #pick_a_number_div_4,
.box-contratar div.box-title .pick_a_number_div_2, .box-contratar div.box-title .pick_a_number_div_4 {
    font-family: "franklin_gothic_fsbook";
    line-height: 25px;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    gap: 10px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-contratar .box-title #pick_a_number_div_2,
  .box-contratar .box-title .pick_a_number_div_2{
    margin-left: 0!important;
    padding-left: 0!important;
    text-align: center;
  }
}
.box-contratar .box-title #pick_a_number_div_2 a,
.box-contratar .box-title .pick_a_number_div_2 a,
.box-contratar .box-title #pick_a_number_div_4 a,
.box-contratar .box-title .pick_a_number_div_4 a {
    color: #1155cc;
    border: 2px solid #1155cc;
    border-radius: 8px;
    flex: 1 1 45%;
    max-width: 230px;
    padding-bottom: 5px;
}
.number_picked:hover, .number_picked a:hover {
    background-color: #1155cc;
}
.box-contratar .box-title #pick_a_number_div_1 a,
.box-contratar .box-title .pick_a_number_div_1 a,
.box-contratar .box-title #pick_a_number_div_3 a,
.box-contratar .box-title .pick_a_number_div_3 a{
  margin-right: 15px;
  text-align: right;
  width: 43%!important;
}


@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-contratar .box-title #pick_a_number_div_1 a,
  .box-contratar .box-title .pick_a_number_div_1 a,
  .box-contratar .box-title #pick_a_number_div_3 a,
  .box-contratar .box-title .pick_a_number_div_3 a{
    width: 100%!important;
    margin-right: 48px;
  }
  .box-contratar div.box-title #pick_a_number_div_2,
  .box-contratar div.box-title .pick_a_number_div_2{
  margin-left: 0px;
}
.box-contratar div.box-title #pick_a_number_div_4,
.box-contratar div.box-title .pick_a_number_div_4{
  margin-left: 0px;
}
}
.box-contratar .box-title #pick_a_number_div_1 #search_numbers,
.box-contratar .box-title .pick_a_number_div_1 #search_numbers
.box-contratar .box-title #pick_a_number_div_3 #search_numbers,
.box-contratar .box-title .pick_a_number_div_3 #search_numbers{
  width: 43%!important;
  max-width: 250px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-contratar .box-title #pick_a_number_div_1 #search_numbers,
  .box-contratar .box-title .pick_a_number_div_1 #search_numbers,
  .box-contratar .box-title #pick_a_number_div_3 #search_numbers,
  .box-contratar .box-title .pick_a_number_div_3 #search_numbers{
    width: 100%!important;
  }
}
.box-contratar .box-title #pick_a_number_div_1 span,
.box-contratar .box-title .pick_a_number_div_1 span,
.box-contratar .box-title #pick_a_number_div_3 span{
  margin-bottom: 15px;
  font-family: "franklin_gothic_fsmedium";
  width: 100%;
}
.box-contratar .box-title .pick_a_number_div_3 span{
  margin-top: 5px;
  margin-bottom: 15px;
  font-family: "franklin_gothic_fsmedium";
}
.box-contratar .box-title #pick_a_number_div_1 input.contratar,
.box-contratar .box-title .pick_a_number_div_1 input.contratar,
.box-contratar .box-title #pick_a_number_div_3 input.contratar,
.box-contratar .box-title .pick_a_number_div_3 input.contratar{
  background: #FFF;
  display: block;
  margin: 0 auto;
  border: 2px solid #d9d9d9 !important;
  border-radius: 8px;
  min-width: 60px;
  text-align: center;
}
.box-contratar .box-title #pick_a_number_div_3 span,
.box-contratar .box-title .pick_a_number_div_3 span{
  width: 100%!important;
}

div.form-content.box-title{
  width:95%;
}
.box-arrows-form {
    padding: 0 20px;
    display: flex;
    justify-content: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-arrows-form .previous {
    background: url(../../img/arrow-left-form.png) center left no-repeat;
    border: 0 none;
    display: inline-block;
    height: 38px;
    text-indent: -9999px;
    width: 50px!important;
  }
  .box-arrows-form {
  max-width: 300px;
  }
}
.title-form {
  font-family: 'franklin_gothic_fsbook';
  font-size: 16px;
  line-height: 18px;
  padding: 0 15px;
  /* margin-bottom: 30px; */
}
.title-form span {
  color: #cc0000;
  display: inline-block;
  font-family: 'franklin_gothic_fsmedium';
  margin-bottom: 10px;
}
.title-form p.subtitle {
  line-height: 18px;
}
.form-content {
  padding: 0 15px;
  float: left;
  width: 95%;
}
.form-content input {
  margin-bottom: 0;
}
.form-content ul.list-form-content {
  display: inline-block;
  padding: 0;
  display: flex;
  align-items: center;
}
.form-content ul.list-form-content.cpayment {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .form-content ul.list-form-content {
    display: initial;
    padding: 0 20px;
    width: auto;
  }
}
.form-content ul.list-form-content li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 0;
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .form-content ul.list-form-content li {
    margin-right: 0;
    width: 100%;
  }
}


.box-contratar .box-title h4 {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 0 15px;
}


.form-content ul.list-form-content li img {
  display: block;
  float: left;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .form-content ul.list-form-content li img {
    display: none;
  }
}
.linea-contratacion-icc {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    height: auto;
    margin-bottom: 5px;
}

.form-content ul.list-form-content li input.contratar {
    background: #FFF;
    color: #666!important;
    height: 34px;
}
.form-content ul.list-form-content.cpayment li.portForm > div {
    width: 190px;
  }
.form-content ul.list-form-content.cpayment li.numIcc {
    width: 200px;
  }
.form-content ul.list-form-content li select.contratar {
  background: #FFF;
  color: #666!important;
  height: 35px;
}

.fieldset-convergence .form-content ul.list-form-content li input.contratar,
.fieldset-mobile .form-content ul.list-form-content li input.contratar {
  border: 2px solid #d9d9d9 !important;
  border-radius: 8px;
  max-width: 200px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .form-content ul.list-form-content li input.contratar {
    width: 100%;
  }
  .form-content ul.list-form-content li select.contratar {
    width: 100%;
  }
}
.form-content ul.list-form-content li ::-webkit-input-placeholder {
  color: #666;
}
.form-content ul.list-form-content li ::-moz-placeholder {
  color: #666;
}
.form-content ul.list-form-content li :-ms-input-placeholder {
  color: #666;
}
.form-content ul.list-form-content li input:-moz-placeholder {
  color: #666;
}
.box-radio-form {
  display: inline-block;
  padding: 15px;
}
.box-radio-form label {
  display: inline-block;
  float: right;
  width: 96%;
}
.box-radio-form.acceptTermsConditions label a {
  color: #CC0000;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-radio-form label {
    width: 90%;
  }
}
div.selector {
  background: #ffffff url(../../img/arrow_select.png) 90% center no-repeat !important;
  padding: 0!important;
  text-indent: 15px;
  border: 2px solid #d9d9d9 !important;
  border-radius: 8px;
  max-height: 30px !important;
}
div.selector span {
  color: #666;
}
#error-container {
  background-color: #ffffff;
  border: 2px solid #999999;
  padding-bottom: 15px;
  width: 100% !important;
  max-width: 929px !important;
  padding: 20px;
}
.datos-cobertura.general-error {
  background-color: #ffffff;
  border: 2px solid #999999;
  margin-bottom: 15px;
  width: 100%; 
}
.datos-cobertura.general-error h3 {
  margin-bottom: 0;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #error-container {
    background: #FFF;
    margin-top: 2px;
  }
  .datos-cobertura.general-error {
    margin-top: 10px;
  }
}
#nuevo_cliente #error-container,
#viejo_cliente #error-container,
.nuevo_cliente #error-container,
.viejo_cliente #error-container
{
  display: inline-block;
  background-color: #ffffff;
  border: 2px solid #999999;
  margin-bottom: 45px;
  padding-bottom: 15px;
  margin-top: -30px;
  width: auto;
  width: 100%;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  #nuevo_cliente #error-container,
  #viejo_cliente #error-container,
  .nuevo_cliente #error-container,
  .viejo_cliente #error-container{
    margin-top: -50px;
  }
}
.datos-form {
  background: transparent!important;
  border-bottom: 0 none;
  display: inline-block;
  padding: 0 0 20px 0;
  width: auto!important;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .datos-form .rightMob {
    float: right;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .datos-form {
    border-bottom: 1px solid #666;
    padding: 20px 0;
  }
}
.datos-form h3 {
  color: #cc0000;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100%;
}
.datos-form label {
  display: inline-block;
  width: 90%;
}
div.datos-cobertura {
  display: inline-block;
  width: 100%!important;
}
div.datos-cobertura.convergence{
  box-sizing: border-box;
  margin-bottom: 15px !important;
}
div.datos-cobertura.nobg {
  width: 100%!important;
}
div.box-form {
  padding: 0;
}
div.box-form span.text-fo {
  display: inline-block;
  font-family: 'franklin_gothic_fsbook';
  font-size: 14px;
  line-height: 18px!important;
}
div.box-form ul {
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  
}
div.box-form ul .data-apoderado {
  display: inline-block;
  width: auto;
}
div.box-form ul li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 0;
width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-form ul li {
    width: 100%;
  }
}
div.box-form ul li input {
  background: #FFF!important;
  margin-bottom: 0!important;
  width: 100%!important;
  border: 2px solid #d9d9d9 !important;
  border-radius: 8px;
  height: 34px;
}
div.box-form ul li input.small1,
div.box-form ul li input.small3 {
  width: 33%!important;
}
div.box-form ul li.select-birth div.selector {
  float: left;
  display: inline-block;
  outline: 4px solid #cacaca;
  width: 33%!important;
}
div.box-form ul li.small-select div.selector {
  background: #ffffff url(../../img/arrow_select.png) 90% center no-repeat !important;
  float: left;
  display: inline-block;
  width: 33%!important;
}
div.box-form ul li.medium-select div.selector {
  background: #ffffff url(../../img/arrow_select.png) 90% center no-repeat !important;
  float: left;
  display: inline-block;
}
div.box-form ul li.medium-movil input {
  width: 100%!important;
}
div.box-form ul li.medium-select1 div.selector {
  background: #ffffff url(../../img/arrow_select.png) 90% center no-repeat !important;
  float: left;
  display: inline-block;
  outline: 4px solid #cacaca;
  width: 50%!important;
}
div.box-form ul li.big-select div.selector {
  background: #ffffff url(../../img/arrow_select.png) 90% center no-repeat !important;
  float: left;
  display: inline-block;
  width: 100%!important;
}
div.box-form div.selector {
  max-height: 34px !important;
}
div.box-form #linesland_address .selector {
  max-height: 30px !important;
}
div.box-form ul li.big-select.viaSmall {
  width: 152px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-form ul li.big-select.viaSmall {
    width: 100%!important;
  }
}
div.box-form ul li.date-movil input {
  width: 100%!important;
}
div.box-form ul li.inputMedium {
  width: 452px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-form ul li.inputMedium {
    width: 100%;
  }
}
div.box-form ul.banklList li {
  width: 50%;
}
div.box-form ul.banklList li.minWidth {
  width: 16.6%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-form ul.banklList li.minWidth {
    width: 33.3%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-form ul.banklList li {
    width: 100%;
  }
}
div.box-form span.asterisco {
  display: inline-block;
  top: auto;
  width: 100%;
}
#ccc_digits {
  width: 100%;
}
.bankDate {
  width: 100%!important;
}
#customer_id_id_code,
#customer_id_name,
#customer_id_id_code,
#agent_id_id_code {
  width: 67%!important;
}
#customer_id_phone_1 {
  width: 50%!important;
}
.fieldset-convergence{
  float: left;
  margin: auto;
  width: 640px;
  margin-bottom: 50px;
}
div.box-shop-convergence {
  margin-left: 14px;
  width: 275px;
}
.fieldset-services {
  width: 100%!important;
}
.fieldset-services.noMar {
  margin-top: 0;
  text-align: center;
}
.fieldset-services.noMar .datos-form {
  width: 100%!important;
}
.fieldset-services div.content-fieldset {
  padding: 0 15px;
}
.check-form input {
  float: left;
  margin-right: 5px;
}
.check-form label {
  font-family: 'franklin_gothic_fsmedium';
  float: left;
  display: inline-block;
  line-height: 16px;
  margin-top: 2px;
}
.check-form label a {
  color: #cc0000;
}
div.radio-button.form label {
  width: auto!important;
}
div.radio-button.form label.minus-lab {
  width: 90%!important;
}
div.box-form ul li input#agent_company_name,
div.box-form ul li input#agent_id_email,
div.box-form ul li input#user_id_email {
  width: 100%!important;
}
#number_pattern, .number_pattern {
  display: none!important;
}
.numberInput {
  width: auto !important;
  display: inline-block;
  float: left;
  padding: 0!important;
  text-align: center;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .numberInput {
    float: none;
    left: 50%;
    margin-left: -90px !important;
    position: relative;
  }
}
.input-newNumber {
  display: inline-block;
  width: 100%;
}
.input-newNumber li {
  display: inline-block;
}
.input-newNumber li input {
  margin: 0 2px!important;
  width: 40px!important;
}
.box-summary {
  display: inline-block;
  padding: 15px 20%;
  margin-bottom: 0;
}
div.select_sim_type{
    background: #fff none repeat scroll 0 0;
    text-align: left;
}
div.portability-data-identity{
    text-align: justify;
    clear: both;
    display:none;
    color:#0f1f37;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.portability-data-identity div.box-form{
  width: 100%;
}
.portability-data-identity div.box-form ul li.small-select div.selector {
  width: 85px !important;
  height: 30px !important;
}
.portability-data-identity div.box-form ul li input{
  width: 180px !important;
}
.portability-data-identity div.box-form ul li select{

}
.portability-data-identity div.belongsToIndividual ul li input{
  width: calc(33% - 1px) !important;
}
.form-content.multi div.select_sim_type{
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.form-content.multi div.select_sim_type .containerBotonesSIM {
    min-width: 350px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.form-content.multi div.select_sim_type .simType.selected{
    border: 0;
    background-color: #6aa84f;
    color: #fff;
}
.form-content.multi div.select_sim_type .simType{
    color: #9999a9;
    padding: 10px;
    margin: 0 auto 0 2px;
    border: 2px solid #d9d9d9;
    border-radius: 8px;
    width: 140px;
    min-width: 140px;
    text-align: center;
    cursor: pointer;
}
.form-content.multi div.select_sim_type .simType:hover {
  background-color: #6aa84f;
  color: #fff;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .box-summary {
    margin-bottom: 0;
    padding: 15px;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .box-summary {
    padding: 15px 10%;
  }
}
.box-summary h3 {
  color: #cc0000;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.box-summary span.subtit {
  font-family: 'franklin_gothic_fsmedium';
  font-size: 16px;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.box-summary p {
  font-family: 'franklin_gothic_fsbook';
  margin-bottom: 0;
}
.ico-download {
  float: right;
  margin-bottom: 40px;
  padding-left: 25px;
  text-align: right;
  background: url(../../img/ico-download.png) center left no-repeat;
  color: #cc0000;
}
.content.resumen {
  margin-top: 0!important;
  width: 100%;
}
div.box-resumen div.data > ul > li.total h4 span {
  width: 80%!important;
}
.pre-installation {
  display:none !important;
}
div.box-resumen {
  background: #FFF;
  width: 95%;
  height: 100%;
  margin: auto;
  margin-bottom: 20px;
  padding: 20px;
  text-align: left;
}
div.box-resumen span strong {
  display: inline-block;
  width: 100%;
}
div.box-resumen div.header-resumen .ico-close {
  background: url('../../img/ico-nocheck.png') right center no-repeat;
  right: 30px;
  position: relative;
  width: 30px;
  line-height: 47px;
  top: -10px;
  padding-right: 0px;
  margin-right: -30px;
  display: inline-block;
}
div.box-resumen div.list-data {
  margin-top: 20px;
}
div.box-resumen div.list-data h3 {
  margin-bottom: 0;
}
div.box-resumen div.list-data li {
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-resumen div.list-data {
    width: 100%;
  }
}
div.box-resumen div.data {
  margin-top: 20px;
}
div.box-resumen div.data .details {
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 10px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  div.box-resumen div.data .tariSum strong {
    display: inline-block;
    width: 100%;
  }
}
.applyContra {
  display: inline-block;
  margin-bottom: 40px;
  width: 80%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .applyContra {
    width: 100%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .applyContra {
    padding: 0;
    width: 90%;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .applyContra .tarifa-bg {
    width: 80%;
  }
}
.sim-apply {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .sim-apply {
    padding: 15px 0;
  }
}
.sim-apply .boxApply {
  display: inline-block;
  margin-bottom: 50px;
  vertical-align: bottom;
  width: 49%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .sim-apply .boxApply {
    margin-bottom: 10px;
    width: 100%;
  }
}
.sim-apply .boxApply .tarifa-bg {
  margin-bottom: 0;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .sim-apply {
    width: 100%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .sim-apply {
    width: 100%;
  }
}
.tarifa-bg {
  background: #333;
  color: #FFF;
  padding: 7px 10px;
  text-align: center;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .tarifa-bg {
    display: inline-block;
    width: 46%;
  }
}
table.shop {
  margin-bottom: 40px;
}
table.shop tbody {
  background: #FFF;
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  table.shop {
    display: inline-block;
    margin-bottom: 0;
    width: 50%;
  }
}
.box-line {
  background: transparent;
  width: auto;
}
.box-line div.box-solicite {
  width: 100%;
}
.box-line ul.list-line li {
  color: transparent;
  list-style-type: none;
  margin-left: 0;
  width: 100%;
}
.disp {
  display: inline-block;
  width: 100%;
}
.shopCar {
  background: #FFF;
  box-shadow: 1px 0px 14px #000;
  display: none;
  float: right;
  padding: 0 20px;
  right: 0;
  position: relative;
  width: 30%;
  z-index: 10;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .shopCar {
    right: 0;
    width: auto;
  }
}
@media  only screen and (min-width: 600px) and (max-width: 767px) {
  .shopCar {
    width: 50%;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1023px) {
  .shopCar {
    width: 40%;
  }
}
.shopCar .box-shop {
  background: #FFF;
  display: inline-block;
  float: none;
  left: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 20px 0px;
  width: 100%;
}
.shopCar .box-shop h3 {
  font-family: 'franklin_gothic_fsdemi';
  font-size: 18px;
  margin-bottom: 10px;
  text-align: left;
}
.shopCar .box-shop ul {
  margin-bottom: 17px;
}
.shopCar .box-shop ul li:first-child {
  font-family: 'franklin_gothic_fsmedium';
  font-size: 15px;
}
.shopCar .box-shop ul li {
  font-size: 15px;
  line-height: 15px;
}
.shopCar .box-shop div.box-total span {
  font-family: 'franklin_gothic_fsbook';
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
}
.shopCar .box-shop div.box-total span.price {
  font-family: 'franklin_gothic_fsbook';
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 5px;
}
.shopCar .box-shop div.box-total span.total,
.shopCar .box-shop div.box-total span.price.total {
  color: #cc0000;
  font-family: 'franklin_gothic_fsmedium';
  font-size: 16px;
}
.shopCar .box-shop div.box-total span.line {
  margin: 5px 0 11px 0;
}
.shopCar .box-shop div.box-total p {
  display: inline-block;
  font-family: 'franklin_gothic_fsmedium';
  font-size: 12px;
  width: 100%;
}
.ico-shopNew {
  background: #990000 url(../../img/ico-shop.png) center center no-repeat;
  display: inline-block;
  float: right;
  height: 50px;
  padding-left: 0!important;
  width: 50px;
}
div.box-hello .box-new ul.list-contratar li {
  width: 100%;
  margin-left: 14px!important;
}
div.box-hello .box-new ul.list-contratar.input li {
  width: 100%;
  margin-left: 1px!important;
}
div.box-new ul.list-contratar li input.button.contratar.double {
  min-height: 45px!important;
  line-height: 18px!important;
  max-height: 100px!important;
  display: inline-block !important;
  white-space: inherit!important;
  text-align: center!important;
  padding-left: 0!important;
  padding: 0 20px 0 10px!important;
  text-indent: 0px;
}


div.box-new ul.list-contratar li input.button.contratar.double:hover {
  color:white!important;
  background-color: #cc0000;

  }
div.box-new ul.list-contratar li a.button.contratar,
div.box-new ul.list-contratar li input.button.contratar {
  padding-left: 0!important;
  width: 195px!important;
}
div.box-new ul.list-contratar li a.button.contratar,
div.box-new ul.list-contratar li input.button.contratar:hover {
  color:white!important;
  background-color: #cc0000;
}
#currentCustomerBox span {
  float: left;
  width: 100%;
}
.password {
  display: inline-block;
  margin: 40px 0;
  width: 100%;
}
.password ul {
  width: 70%;
}
input.has-error, select.has-error{
  border: 1px solid rgb(204, 0, 0) !important;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .password ul {
    margin-bottom: 20px!important;
    padding: 0 15px;
    width: 90%;
  }
}
.password ul li {
  display: inline-block;
  outline: 4px solid #cacaca;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .password ul li {
    outline: 0;
  }
}
.password ul li.first {
  width: 39%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .password ul li.first {
    width: 100%;
  }
}
.password ul li.second {
  width: 20%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .password ul li.second {
    width: 100%;
  }
}
.password ul li.third {
  margin-left: 0;
  width: 39%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .password ul li.third {
    width: 100%;
  }
}
.password ul li input {
  width: 100%;
}
.password div.selector {
  background: #ffffff url(../../img/arrow_select.png) 90% center no-repeat !important;
  margin: 0;
  width: 100%!important;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .blockUI.blockMsg.blockPage {
    left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .ui-dialog {
    background: #FFF;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #displayBox {
    min-height: 174px;
    padding: 20px 5px!important;
    text-align: center;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #displayBox .ajuste_loading {
    margin-top: 0;
    padding-right: 0;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.title-lightbox,
  .lightbox div.title-lightbox {
    display: inline-block !important;
    width: 100%!important;
  }
}
#lightbox .ico-nocheck,
.lightbox .ico-nocheck {
  display: none;
}
#lightbox .ico-close,
.lightbox .ico-close {
  background: url('') right center no-repeat;
  padding-right: 30px;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox,
  .lightbox {
    background: #FFF!important;
    left: 0!important;
    margin-left: 0!important;
    top: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-image,
  .lightbox div.box-image {
    background-repeat: no-repeat;
    float: left;
    height: auto;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-image div.text,
  .lightbox div.box-image div.text {
    margin-left: 0;
    width: 80%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-input,
  .lightbox div.box-input {
    padding-left: 0;
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-input ul li,
  .lightbox div.box-input ul li {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-input ul li span,
  .lightbox div.box-input ul li span {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-input ul li label,
  .lightbox div.box-input ul li label {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.box-input ul li input,
  .lightbox div.box-input ul li input {
    background: #cacaca;
    margin-right: 20px;
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons,
  .lightbox div.buttons {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons ul.list-arrow,
  .lightbox div.buttons ul.list-arrow {
    width: 100%;
  }
}
@media [object Object] and  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons ul.list-arrow li,
  .lightbox div.buttons ul.list-arrow li {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons ul.list-calculator,
  .lightbox div.buttons ul.list-calculator {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons ul.list-calculator li,
  .lightbox div.buttons ul.list-calculator li {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons ul.list-calculator li span.left,
  .lightbox div.buttons ul.list-calculator li span.left {
    width: 100%;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.advantage {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.advantage div.contenido {
    display: inline-block !important;
    padding: 0 15px!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.shop {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox-confirm {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightboxExample {
    top: 0!important;
  }
}
#lightboxExample .content-left {
  float: left;
  width: 49%;
}
#lightboxExample .content-right {
  width: 49%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.graficas {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.avisos {
    margin-left: 0!important;
    width: auto!important;
    padding-left: 40px!important;
  }
}
.lightbox.avisos .contenido .ico-nocheck {
  display: none;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.cambio {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.prepago {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.prepago .row-line {
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.prepago .impago .lineas-pepephone {
    margin-left: 0!important;
    width: 100%!important;
  }
}
.lightbox.prepago .impago .lineas-pepephone li {
  width: 100%;
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.prepago .impago .row-line {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.mipepephone.recarga {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .datos-recarga {
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.firma {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .detalle-llamadas {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  .lightbox.alias {
    margin-left: 0!important;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons ul.list-arrow li,
  .lightbox div.buttons ul.list-arrow li {
    margin-bottom: 10px;
    width: 100%!important;
  }
}
@media  only screen and (min-width: 320px) and (max-width: 599px) {
  #lightbox div.buttons .button,
  .lightbox div.buttons .button {
    width: 90%!important;
  }
  .left_mia.roaming-rates {
    overflow: hidden;
    width: 100%;
  }
  .roaming-advice {
    width: 90%;
  }
}

@media only screen and (max-width: 320px) {
  div.box-call .col-left {
    width: 100%;
  }

  #pais_int, #pais {
    width: 100%;
  }

  .left_mia.roaming-rates {
    overflow: hidden;
    width: 100%;
  }
  .roaming-advice {
    width: 60%;
  }
}