body, html {
    width: 300px;
    height:50px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

*{margin: 0; padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

img {
	border: 0;
}
/* Container */

body
{
	font-family:modern_hecolight;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#wrapper{
	width: 300px;
	height: 50px;
	background:white;
	position: absolute;
	overflow: hidden; 
  	border: rgb(145, 153, 153) 1px solid;
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 10;
	cursor: pointer;
}

div, img{position:absolute}

#img_on {z-index:2;width:300px;height:50px; left:0px; top:0px}
#img_off {z-index:1;width:300px;height:50px; left:0px; top:0px}

#tx1, #tx2, #tx3{z-index:8;width:300px;height:50px;left:0px; opacity:0}

#etiqueta{z-index:999;width:300px;height:50px;left:0px; opacity: 1}

#logo{z-index:500;width:300px;height:50px;}

#cta{background:url('../images/cta1.png');left:251px;top:33px;position:absolute;width:42px;height:10px;z-index:1001; background-size:cover;opacity:0}
#cta:hover{background:url('../images/cta2.png');background-size:cover}



#conce {
  width: 300px;
  height: 50px;
  z-index: 99;
  opacity: 1;
  color: white;
  opacity: 0;
  background: #05141f
}


#nombre{
	width: 300px;
  font-family: KiaSignatureOTF-Bold;
  text-align: right;
  right: 9px;
  top: 7px;
  font-size: 7px;
  color: #ffffff;
  letter-spacing: -0.03em;
  max-width: 80%;
	}
.html2Png{ 
    width: 100%;
}

.parrafo1{
	width: 300px;
  font-family: KiaSignatureOTF-Light;
  line-height: 1;
  text-align: right;
  right: 9px;
  top: 19px;
  font-size: 7px;
  color: #ffffff;
  letter-spacing: -0.03em;
  max-width: 90%;
	}