*{margin: 0;padding: 0;outline: 0;}
.flex{width: 1000px;margin: 0 auto;overflow: auto;background: transparent;}

@media screen and (max-width: 1000px) {main, .flex{width: 95%;}	}




/* Estilos para la ventana emergente */
#fondo{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	left: 0px;
	top: 0px;
	cursor: pointer;
}








#ventana{
	max-width: 294px;
	height: 257px;
	background: #e6eaee;
	position: fixed;
	left: 55%;	
	/* top: 40%; */ 	
	margin-left: -200px;
	margin-top: -125px;
}

@media screen and (max-width: 500px) {
	#ventana{
	max-width: 294px;
	height: 257px;
	background: #e6eaee;
	position: fixed;
	left: 62%;	
	/* top: 40%; */ 	
	margin-left: -200px;
	margin-top: -125px;
}
	
}



#ventana h3{
	padding: 2% 3%;
	margin: 0;
	text-align: left;
	background: #ff8c1a;
	color: #fff;
	margin-bottom: 20px;
}
#cerrar{
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAtElEQVQ4jaWSQRGDMBRElxpAQiUgpRKQgoRKiIRKQELqAAmZKng9kAyh5P8c+m5M/luSTSRJwAS8gACMcgCWPDupkhMH0QrJPygkYBKwciV25MJmBQCEjgywto5wCnHk/QhGDz0OudrmyF5gjwjcrSvqhVxu6FZ/DMPwkfR2nsE7z7TBLqwm/CO3Qxw5Op2EIi+OPOIX+5SxmKjadkKSgEdDPj8SO2Qui3MWt5b8E7Lm2VmSvoHNt6Fnva9zAAAAAElFTkSuQmCC') no-repeat;
	width: 16px;
	height: 16px;
	float: right;
	margin-top: 3px;
	cursor: pointer;
}
.contenido{
	text-align: center;
	padding: 0px 28px 28px 28px;
	margin: 10px 0;
	font-size: 18px;
z-index:9999999999999;
}

/* mensaje de la cuenta atras */
#time{
	font-size: 13px;
	margin-top: 9px;
}