@font-face {
    font-family: 'gis';
    src: url('images/eraserregular-webfont.woff') format('woff'),
    	 url('images/eraserregular-webfont.woff2') format('woff2'),
         url('images/EraserRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



#generator { width: 768px; height: 479px; }
.papaid { width: 768px; height: 479px; overflow: hidden; position: relative; }




#generar { display: block; background-color: #068f26; color: #fff;width: 100px; text-align: center; padding: 10px 0; margin: 20px 0;
cursor: pointer; border-radius: 10px; 
 }
#guardar .interior { text-align: center; }
#guardar { display: none; position: fixed; z-index: 30; background-color: rgba(0,0,0,0.8); top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; text-align: center; }
#guardar h3 { color: #fff; text-align: center; }
#guardar h4 { background-color: #7b0d0d; color: #fff;width: 100px; text-align: center; padding: 10px 0; margin: 20px auto;
cursor: pointer; border-radius: 10px; position: absolute; top: 0; right: 0; }

#generar .interior canvas { display: block; margin: auto; }


textarea { font-weight: bold; border:solid 3px #ff0000;}

#imagenBack { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url('images/xochitl.jpg'); }
#imagenBack img { height: 100%; display: block;margin: auto; }
.imagenFront { background-image: url('images/xochitl.png'); width: 768px; height: 479px; position: absolute; left: 0; top: 0; z-index: 5; }



.textoPapaid { font-family: Helvetica, Arial; cursor: default; position: relative; height: 400px; 
/*width: 35%; margin: auto;*/ z-index: 4; text-align: center; padding-top: 13px; width: 280px; margin-left: 463px;



}
.textoPapaid table, .textoPapaid td { width: 100%; height: 100%; vertical-align: middle; }
.textoAqui { text-align: left; font-family: 'gis'; color: #000000; font-size: 17px; line-height: 28px; margin: 0; 

/*background-color: rgba(0,0,0,0.5); border-radius: 100px;*/



/*-webkit-transform: rotateX(0deg) rotateY(-20deg) rotateZ(-1deg) translate3d(-155px, -17px, -111px);
-moz-transform: rotateX(0deg) rotateY(-20deg) rotateZ(-1deg) translate3d(-155px, -17px, -111px);
-o-transform: rotateX(0deg) rotateY(-20deg) rotateZ(-1deg) translate3d(-155px, -17px, -111px);
-ms-transform: rotateX(0deg) rotateY(-20deg) rotateZ(-1deg) translate3d(-155px, -17px, -111px);
transform: rotateX(0deg) rotateY(-20deg) rotateZ(-1deg) translate3d(-155px, -17px, -111px);*/

-webkit-transform: rotateX(-16deg) rotateY(34deg) rotateZ(-31deg) translate3d(0px, 0px, 0px);
transform: rotateX(-16deg) rotateY(34deg) rotateZ(-31deg) translate3d(0px, 0px, 0px);


/*text-shadow: 
0 0 9px rgba(150,255,150,1), 
0 0 7px rgba(150,255,150,1), 
0 0 30px rgba(0,0,0,1),
0 0 30px rgba(0,0,0,1)
; */


opacity: .6;


}
.textoPapaid p b, .textoPapaid p span { font-size: 20px; font-weight: lighter; }


.ac_upload_button{
	width: 150px;
	height: 30px;
	background: #CCC;
	border:none;
	border-radius: 2px;
	font-family: sans-serif;
	color: #666;
	margin-right: 146px;
	display: inline-block;
	position: relative;
    text-align: center;
    line-height: 1.8;
}
.ac_upload_button:hover{
	background: #666;
	color: #CCC;
}
input.ac_upload{
	width: 296px;		
	font-size: .755em;
	position: absolute;
    left: 0;
    opacity: 0;
}