@import url("fuente.css");
body {
  margin: 0;
  padding: 0;
  color: #000; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

header, nav, ul, li, a, section, h1, button, div, p {
  margin: 0;
  padding: 0; }

#fondo {
  width: 100%;
  height: 796px;
  background-color: #fff;
  background-image: url("../img/fondo.jpg");
  background-repeat: repeat-x;
  background-position: 50% 50%;
  text-align: center;
  overflow: hidden; }

.fnubes {
  background: url("../img/fondo-nubes.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 796px;
  margin: 0 auto;
  padding-top: 155px;
  display: block;
  text-align: center;
  overflow: hidden; }

.cuerpo {
  margin: 0 auto;
  text-align: center;
  width: 940px;
  height: auto;
  display: block; }

.sec {
  width: 100%;
  height: 109px;
  margin: 0 5px 5px 0; }
  .sec .titulo {
    padding-left: 3px;
    padding-top: 5px;
    /*background-image : url('../img/titulo.png');
    background-repeat: no-repeat;*/ }
  .sec .fone {
    background-image: url("../img/promocion-1-att-20150504.png");
    background-repeat: no-repeat; }
  .sec .ftwo {
    background-image: url("../img/promocion-2.png");
    background-repeat: no-repeat; }
  .sec .ftree {
    background-image: url("../img/promocion-3-att-20150504.png");
    background-repeat: no-repeat; }
  .sec .franj {
    width: 684px;
    height: 109px;
    display: inline-block;
    vertical-align: top; }

/*variaciones*/
#variacion1 {
  display: block; }

#variacion2 {
  display: none; }

#variacion3 {
  display: none; }

#variacion4 {
  display: none; }

.ftree2 {
  background-image: url("../img/variacion2/promocion-3.png");
  background-repeat: no-repeat; }

.btres2 {
  background-image: url("../img/variacion2/boton-3.png");
  background-repeat: no-repeat; }

.tres2 {
  margin: 41px 0 0 654px; }

.tres2:hover .tp32 {
  display: block; }

.tp32 {
  background-image: url("../img/variacion2/tolpit-3.png");
  background-repeat: no-repeat;
  width: 162px;
  height: 62px;
  display: none;
  margin-left: -135px;
  margin-top: -59px;
  padding: 7px 5px 5px 7px; }

.ftree3 {
  background-image: url("../img/variacion3/promocion-3.png");
  background-repeat: no-repeat; }

.btres3 {
  background-image: url("../img/variacion3/boton-3.png");
  background-repeat: no-repeat; }

.fone3 {
  background-image: url("../img/variacion3/promocion-1.png");
  background-repeat: no-repeat; }

.buno3 {
  background-image: url("../img/variacion3/boton-1.png");
  background-repeat: no-repeat; }

.ftwo3 {
  background-image: url("../img/variacion3/promocion-2.png");
  background-repeat: no-repeat; }

.bdos3 {
  background-image: url("../img/variacion3/boton-2.png");
  background-repeat: no-repeat; }

.uno3 {
  margin: 36px 0 0 615px; }

.dos3 {
  margin: 38px 0 0 615px; }

.tres3 {
  margin: 41px 0 0 654px; }

.uno3:hover .tp13 {
  display: block; }

.dos3:hover .tp23 {
  display: block; }

.tres3:hover .tp33 {
  display: block; }

.tp13 {
  background-image: url("../img/variacion3/tolpit-1.png");
  background-repeat: no-repeat;
  width: 234px;
  height: 82px;
  display: none;
  margin-left: -170px;
  margin-top: -80px;
  padding: 5px 5px 5px 7px; }

.tp23 {
  background-image: url("../img/variacion3/tolpit-2.png");
  background-repeat: no-repeat;
  width: 193px;
  height: 70px;
  display: none;
  margin-left: -130px;
  margin-top: -66px;
  padding: 3px 5px 5px 7px; }

.tp33 {
  background-image: url("../img/variacion3/tolpit-3.png");
  background-repeat: no-repeat;
  width: 162px;
  height: 62px;
  display: none;
  margin-left: -135px;
  margin-top: -59px;
  padding: 7px 5px 5px 7px; }

.uno4 {
  margin: 36px 0 0 615px; }

.dos4 {
  margin: 38px 0 0 615px; }

.tres4 {
  margin: 41px 0 0 654px; }

.uno4:hover .tp14 {
  display: block; }

.dos4:hover .tp24 {
  display: block; }

.tres4:hover .tp34 {
  display: block; }

.tp14 {
  background-image: url("../img/variacion4/tolpit-1.png");
  background-repeat: no-repeat;
  width: 234px;
  height: 82px;
  display: none;
  margin-left: -170px;
  margin-top: -80px;
  padding: 5px 5px 5px 7px; }

.tp24 {
  background-image: url("../img/variacion4/tolpit-2.png");
  background-repeat: no-repeat;
  width: 193px;
  height: 70px;
  display: none;
  margin-left: -130px;
  margin-top: -66px;
  padding: 3px 5px 5px 7px; }

.tp34 {
  background-image: url("../img/variacion4/tolpit-3.png");
  background-repeat: no-repeat;
  width: 162px;
  height: 62px;
  display: none;
  margin-left: -135px;
  margin-top: -59px;
  padding: 7px 5px 5px 7px; }

.ftree4 {
  background-image: url("../img/variacion4/promocion-3.png");
  background-repeat: no-repeat; }

.btres4 {
  background-image: url("../img/variacion4/boton-3.png");
  background-repeat: no-repeat; }

.fone4 {
  background-image: url("../img/variacion4/promocion-1.png");
  background-repeat: no-repeat; }

.buno4 {
  background-image: url("../img/variacion4/boton-1.png");
  background-repeat: no-repeat; }

.ftwo4 {
  background-image: url("../img/variacion4/promocion-2.png");
  background-repeat: no-repeat; }

.bdos4 {
  background-image: url("../img/variacion4/boton-2.png");
  background-repeat: no-repeat; }

/*fin inicio variaciones*/
.uno {
  margin: 36px 0 0 615px; }

.dos {
  margin: 38px 0 0 615px; }

.tres {
  margin: 41px 0 0 654px; }

.uno:hover .tp1 {
  display: block; }

.dos:hover .tp2 {
  display: block; }

.tres:hover .tp3 {
  display: block; }

.tolp {
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  cursor: pointer;
  font-family: Arial;
  font-size: 11px;
  text-align: left;
  color: #fff; }
  .tolp .tp1 {
    background-image: url("../img/tolpit-1.png");
    background-repeat: no-repeat;
    width: 234px;
    height: 82px;
    display: none;
    margin-left: -170px;
    margin-top: -80px;
    padding: 5px 5px 5px 7px; }
  .tolp .tp2 {
    background-image: url("../img/tolpit-2.png");
    background-repeat: no-repeat;
    width: 193px;
    height: 70px;
    display: none;
    margin-left: -130px;
    margin-top: -66px;
    padding: 3px 5px 5px 7px; }
  .tolp .tp3 {
    background-image: url("../img/tolpit-3.png");
    background-repeat: no-repeat;
    width: 162px;
    height: 62px;
    display: none;
    margin-left: -135px;
    margin-top: -59px;
    padding: 7px 5px 5px 7px; }

.cbot {
  width: 215px;
  height: 109px;
  display: inline-block;
  vertical-align: top; }
  .cbot a {
    width: 100%;
    height: 109px;
    cursor: pointer;
    display: block; }
  .cbot .logo {
    background-image: url("../img/logo.png");
    background-repeat: no-repeat;
    width: 169px;
    height: 109px;
    display: block;
    margin: 9px 0 0 45px; }
  .cbot .buno {
    background-image: url("../img/boton-1.png");
    background-repeat: no-repeat; }
  .cbot .bdos {
    background-image: url("../img/boton-2.png");
    background-repeat: no-repeat; }
  .cbot .btres {
    background-image: url("../img/boton-3-att-201503.png");
    background-repeat: no-repeat; }

.titulo h1 {
  font-family: "MovistarHeadline-Regular";
  font-weight: normal;
  font-size: 38.3px;
  color: #fff;
  text-align: left;
  display: block;
  letter-spacing: 0px;
  line-height: 38px; }

.fotter {
  background: white;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%; }
  .fotter strong {
    font-weight: bold; }
  .fotter p {
    color: #636363;
    font-family: Arial;
    font-size: 11px;
    margin: 0px auto;
    text-align: justify;
    width: 95%; }