#ventana-flotante {
	display:none;
	width: 570px;  /* Ancho de la ventana */
	height: 480px;  /* Alto de la ventana */
	background: #ffffff;  /* Color de fondo */
	position: fixed;
	top: 60px;
	left: 50%;
	margin-left: -285px;
	border: 1px solid #868686;  /* Borde de la ventana */
	box-shadow: 0 5px 25px rgba(0,0,0,1);  /* Sombra */
	z-index:999;
}
#ventana-flotante #contenedor {
	padding: 25px 10px 10px 10px;
}
#ventana-flotante .cerrar {
	float: right;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	color: #999;
	background: white;
	line-height: 17px;
	text-decoration: none;
	padding: 0px 14px;
	font-family: Arial;
	border-radius: 0 0 0 5px;
	box-shadow: -1px 1px white;
	font-size: 18px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
}
#ventana-flotante .cerrar:hover {
	background: #ff6868;
	color: white;
	text-decoration: none;
	text-shadow: -1px -1px red;
	border-bottom: 1px solid red;
	border-left: 1px solid red;
}
#ventana-flotante #contenedor .contenido {
	padding: 15px;
	box-shadow: inset 1px 1px white;
	background: #ffffff;  /* Fondo del mensaje */
	border: 1px solid #ffffff;  /* Borde del mensaje */
	font-size: 20px;  /* Tamaño del texto del mensaje */
	color: #555;  /* Color del texto del mensaje */
	text-shadow: 1px 1px white;
	margin: 0 auto;
	border-radius: 4px;
}
.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;}

<!--[if IE]>
.oculto {display:none}
<![endif]-->