/* ----->> Hoja de estilos genericos para las paginas <<----- */
/* ---------------------------------------------------------- */
body {
	font-family: Verdana, Georgia, Arial;
	font-size: medium;
	background-image: url('../images/gray.jpg');
}
h2 {
	text-align: center;
	font-size: 14pt;
	color: #002288;
}
h3 {
	text-align: center;
	font-size: 11pt;
	color: #002288;
}
a {
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
}
/* ---------->> Contenedores de las paginas <<---------- */
/* ----------------------------------------------------- */
#contenedor {
    margin: 80px auto;
    width: 400px;
    background-color: #FFF;
    background-image: url('../images/logo.jpg');
    background-position: 2px 1px;
    background-repeat: no-repeat;    
/** limpiar capa o ajustar capa al contenido **/
	border:0px transparent none;
	overflow:hidden;
	height:1%;
}
#contenedor2 {
    margin:50px auto 10px;
	width: 800px;
	height:720px;
	background-color: #C9F1F1;
}
#contenedor3 {
    margin:50px auto 10px;
	width: 800px;
	height:1100px;
	background-color: #C9F1F1;
}
#contenedor4 {
    margin:50px auto 10px;
	width: 800px;
	min-height:800px;
	background-color: #C9F1F1;
}
#contenedor_menu {
	width: 796px;
	height: 37px;
	margin-left: 2px;
	margin-top: 5px;
	background-image:url('../images/border.png');
}
#pie_pagina {
	width: 800px;
	height: 40px;
	margin: 1px auto;
	background-color: #C9F1F1;
}
/* ------------->> Clase para centrar objetos <<------------- */
/* ---------------------------------------------------------- */
.centrar {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.pie {
	font-size:11pt;
	font-family:Cambria;
	text-align:center;
	padding-top:7px;
}
.enlace {
	color:#000;
	text-decoration:none;
}
.paginacion {
	color: #06F;
	width: 600px;
	font-family: "Times New Roman", Times;
	font-size: 11pt;
	font-weight:bold;
}
.comentarios {
	width: 600px;
	font-family: "Times New Roman", Times;
	font-size: 11pt;
	font-weight: bold;
	background-color: #C9F1F1;
}
/* ------------->> Clase para la capa flotante de alerta <<------------- */
/* --------------------------------------------------------------------- */
.capaflotante {
	width:182px;
	height:192px;
	position:fixed;
	background: transparent url('../images/fondo-marco.png') no-repeat;

	left:80%;
	top:300px;
}
.capaflotante2 {
	width:182px;
	height:192px;
	position:fixed;
	background: transparent url('../images/fondo-marco2.png') no-repeat;

	left:80%;
	top:300px;
}
iframe {
	overflow-y: hidden;
}