/************Ventana Flotante **********/
.overlay{
	background:transparent url(../img/overlay.png) repeat top left; 
	bottom:0px; 
	left:0px; 
	position:fixed; 
	right:0px;
	top:0px; 	
	z-index:9998;	
}
div#ventanaflotante{	
	background:#333;
	color:#5c5c5c; 
	border:0.5em solid white; 
	height:auto;
	left:34%; 
	padding:0.5em; 
	position:fixed;
	right:34%; 
	top:-800px; 			
	width:auto;
	z-index:9999; 	
}
a.cerrarflotante{
	background:#425160;
	color:white;
	cursor:pointer;
	float:right; 
	font-weight:bold;
	margin-top:-0.5em;
	margin-right:-0.5em;
	padding:0.4em;	
	}

#ventanaflotante > header{
	background-color:rgb(17,36,66);
	color:#5c5c5c; 
	font-size:25px;
	margin:0px;
	padding:10px;
	text-align:center; 
}
#contenidoflotante{
	color:#efeeee;
	font-weight:normal;
	font-family:tahoma;
	margin:1em 1em ;
	padding:0.5em 0 2em 0;
	padding-top:10px;
	line-height:1.2em;	
}
#ventanaflotante header{
	background:transparent;
	text-align:right;
}
#ventanaflotante header img{
	width:70%;
}
#importante{
	color:white;
	font-size:2em;
	font-weight:normal;
	margin:0 1em 1em 1em;
	line-height:1em;
}
/***************************************/
@media only screen and (max-width:1024px){
	div#ventanaflotante{	
		left:30%; 
		right:30%; 
	}
	#contenidoflotante{
		font-size:0.9em;	
	}
	#importante{
		font-size:2em;
		margin:0 2em 0.8em 2em;
	}
}
@media only screen and (max-width:800px){
	div#ventanaflotante{	
		left:28%; 
		right:28%; 
	}
	#contenidoflotante{
		font-size:0.9em;	
	}
	#importante{
		font-size:2em;
		margin:0 2em 0.8em 2em;
	}
}