@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #00C;
	margin: 20;
	padding: 0;
	color: #000;
	font-size: 18px;
	text-align: center;
	text-decoration:none;

}

.TEXNE {
	color: #000;
	font-weight: bold;
	font-size: 38px;
	text-decoration:none;

}
.TEXRO {
	color: #000;
	font-weight: bold;
	font-size: 28px;
	background-color: #00F;
	text-decoration:none;

}

.container {
	width: 80%;
	max-width: 1260px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
	min-width: 780px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
	background: #FFF;
	margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
    text-decoration:none;
}

/* ~~ Esta es la información de diseño. ~~ 

1) El relleno sólo se sitúa en la parte superior y/o inferior de la div. Los elementos situados dentro de esta div tienen relleno a los lados. Esto le ahorra las "matemáticas de modelo de cuadro". Recuerde que si añade relleno o borde lateral a la div propiamente dicha, éste se añadirá a la anchura que defina para crear la anchura *total*. También puede optar por eliminar el relleno del elemento en la div y colocar una segunda div dentro de ésta sin anchura y el relleno necesario para el diseño deseado.

*/
.content {
	margin: 20;
	padding: 10px 0;
	text-align: justify;
	text-decoration:none;
}.container .content p strong u {
	font-size: 28px;
	text-decoration:none;
}
.container .content p strong {
	color: #00FBFF;
	font-size: 28px;
	text-decoration:none;
}
.container .content p a {
	font-size: 24px;
	font-weight: bold;
	text-decoration:none;
}