@charset "utf-8";

.clsVentana {
	width:600px;
	height:300px;
	border:solid 1px #ccc;
	position:absolute;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-300px;
	border-radius:3px;
	box-shadow:0 0 15px #999;
	background:#fff;
	z-index:99999;
	display:none;
	overflow:hidden;
}

.clsVentanaTitulo {
	background:#012d46;
	color:#fff;
	border-radius:3px 3px 0 0;
	display:block;
}

.clsVentanaTitulo strong {
	display:inline-block;
	padding:10px;
}

.clsVentanaTitulo a {
	float:right;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	background:#012d46;
	border-radius:3px;
	cursor:pointer;
	margin:5px;
	padding:5px;
}

.clsVentanaTitulo a:hover {
	background:#fff;
	color:#000;
}

.clsVentanaContenido {
	height:246px;
	overflow-y:auto;
	overflow-x:hidden;
	border-radius:0 0 3px 3px;
	padding:10px;
}

.clsVentanaContenido iframe {
	width:575px;
	height:240px;
	border-radius:3px;
	border:solid 1px #f1f1f1;
}
@media screen and (max-width: 768px) {
	.clsVentana {
		position:fixed;
		float:right;
		width:300px;
		height:300px;
		top:70%;
		left:90%;
		
		
	}
	
	.clsVentanaContenido {
		height:246px;
		padding:10px;
	}
	
	.clsVentanaContenido iframe {
		width:275px;
		height:240px;
	}

}