@charset "utf-8";
/* CSS Document */
body {
	background-color : #447BD4;
	margin: 5px 0px 5px 0px;
}

.aLinksG:active {color: #052D6E; text-decoration: none; border-bottom: 2px red solid; }
.aLinksG:link {color: #052D6E; text-decoration: none; }
.aLinksG:hover {color: #052D6E; text-decoration: none; border-bottom: 2px red solid; }
.aLinksG:visited {color: #052D6E; text-decoration: none; }

.aLinksI:active {color: #00F; text-decoration: none; border-bottom: 2px #09F solid; }
.aLinksI:link {color: #00F; text-decoration: none; }
.aLinksI:hover {color: #00F; text-decoration: none; border-bottom: 2px #09F solid; }
.aLinksI:visited {color: #00F; text-decoration: none;}

/* CONTENEDOR ****************************************/

div#container {
	width:750px;
	background:#FFFFFF;
	margin: 0 auto;
	padding: 10px;

	text-align: center;
	
}

/* ELEMENTOS DE CABECERA ****************************************/

div#header {
	background:#ffffff;
	margin: 10px;
	
	text-align: center;
	
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

/* ELEMENTOS CENTRALES ****************************************/

div#content {
	padding:3px; /* bottom padding for footer */
	background:#ffffff;
	margin: 10px;
}

	/* Divisiones izquierda y derecha para la opcion Informacion */

	#centroIzquierda {
		float: left;
		clear: left;
		width: 210px;
		margin: 3px;
		
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		color: #052D6E;
		text-align: right;
		
		padding: 3px 3px 35px 0px;
	}
	
	#centroDerecha {
		float: right;
		clear: right;
		width: 480px;
		margin: 3px;
		
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		color: #052D6E;
		text-align: justify;;
		
		border: dotted 1px #5244FD;
		background: #FFFBFB;
		
		padding: 3px;
	}
	
	div#pieDivision {
		position: relative;
		clear: both;
		
		width: 100%;
	}

/* ELEMENTOS DE PIE DE PAGINA ****************************************/

div#footer {
	background:#006;
	border:2px solid #06F;
	
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding:1em 0em 1em 0em;
	margin:5px;
}

/* Clases de los Enlaces **********/

.tituloEnlaces {
	border: #003 solid;
	border-width: 0px 1px 1px 0px;
	color: #900;
	
	padding: 0px 5px 2px 0px;
}

.divisionEnlaces {
	padding: 0px 9px 2px 0px;
}

/* Clases de las imagenes **********/

.marcoImagen {
	border-style: solid;
	border-color: #06F;
	border-width: 2px;
	padding: 3px;
	
	margin 5px;
}

/* Clases de los comentarios **********/

.marcoComentario {
	margin: 5px;
	border: solid #06F 1px;
}

.tituloComentario {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #09F;
	text-align: left;
	
	padding: 3px 0px 3px 3px;
}

.nombreComentario {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #039;
	text-align: left;
	
	padding: 3px 0px 3px 6px;
}

.contenidoComentario {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	color: #039;
	text-align: justify;
	
	padding: 3px 10px 3px 10px;
}

.fechaComentario {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #039;
	text-align: left;
	
	padding: 3px 0px 3px 6px;
}

div#escribeComentario {

	clear: both;
	width: 100%;
	
	text-align: left;
}