@charset "UTF-8";
/* CSS Document */

body, body * {
  border: 0 none;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0.00001);
  transform: translateZ(0.00001);
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}

body {
  width: 300px;
  height: 250px;
}

/*-------------------------------- Content -------------*/

#adWrap {
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  width: 300px;    
  height: 250px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  opacity: 0;
}

#maskRoja{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 58px;
    overflow: hidden;
    z-index: 2;
}

#maskBlanca{
    position: absolute;
    left: 0px;
    top: 38px;
    width: 300px;
    height: 90px;
    overflow: hidden;
    z-index: 2;
}

#copy1{
  background: url(copy1.png) 0px 0px / 300px 250px no-repeat;
  width: 300px;
  height: 250px;
  left: 0px;
  top: 0px;
  position: absolute;
  opacity: 1;
  z-index: 2;
}

#copy2{
    background: url(copy2.png) 0px 0px / 300px 250px no-repeat;
    width: 300px;
    height: 250px;
    left: 0px;
    top: -38px;
    position: absolute;
    opacity: 1;
    z-index: 2;
}

#copy3{
  background: url(copy3.png) 0px 0px / 300px 250px no-repeat;
  width: 300px;
  height: 250px;
  left: 0px;
  top: 0px;
  position: absolute;
  opacity: 1;
  z-index: 2;
}

/*#copy4{
  background: url(copy4.png) 0px 0px / 300px 250px no-repeat;
  width: 300px;
  height: 250px;
  left: 0px;
  top: -59px;
  position: absolute;
  opacity: 1;
  z-index: 2;
}*/

#cta {
    width: 300px;
    height: 250px;
    background: url(cta.png) 0px 0px / 300px 250px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
  z-index: 2;
}

#cta_brrilla_mascara{
    width: 71px;
    height: 17px;
    left: 219px;
    top: 223px;
    z-index: 1;
    opacity: 1;
    position: absolute;
    overflow: hidden;
}

#cta_brillo{
  background: url(brillo.png) 0px 0px / 137px 252px no-repeat;
  width: 137px;
  height: 250px;
  left: -150px;
  top: -172px;
  position: absolute;
}

#img {
  background: url(img.jpg) 0px 0px / 300px 250px no-repeat;
  width: 300px;
  height: 250px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 0;
}

/*#img2 {
  background: url(img2.jpg) 0px 0px / 600px 250px no-repeat;
  width: 600px;
  height: 250px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 1;
}
*/
#static{
  background: url(static.png) 0px 0px / 300px 250px no-repeat;
  width: 300px;
  height: 250px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 2;
}