body {
/* uso esto, para que las posteriores medidas en 'em' tomen 12px = 1em
   no es un problema si se considera que los navegadores tienen un tamaño de letra predeterminado. */
 font-size : 12px;
 width : 95%;
 margin : 1%;
 padding : 0px;
 margin-left : auto;
 margin-right : auto;
 border : 1px solid black;
 border-bottom : 0px;
 font-family : arial, serif;
 }

/*   PREPARACIÓN   */
a, a:hover, a:visited, a:link {
 text-decoration : none;
 color : black;
 }

img {
 border : 0px;
 margin : 0px;
 }

/*   CABECERA Y MENÚ   */
div.cabezal {
 margin-top : 0px;
 margin-bottom : 0em;
 height : 60px;
 background-color : rgb(230, 238, 246);
 vertical-align : middle;
 }

div.cabezal span {
 font-family : verdana, arial, serif;
 font-style : italic;
 font-size : 1.5em;
 margin-left : 20%;
 margin-top : 1em;
 }

div.cabezal img {
 float : left;
 }

p#menu {
 font-family : "Century Gothic", Arial, serif;
 color : rgb(180, 202, 230);
 text-align : right;
 margin-top : 0em;
 margin-bottom : 0em;
 border-top : 1px solid black;
 border-bottom : 1px solid black;
 padding-right : 2px;
 background-color : rgb(180, 202, 230);
 }

img#rss {
 height : 16px;
 width : 28px;
 }

p#menu a {
 color : black;
 font-weight : bold;
 }

p#menu a:hover {
 color : rgb(148,148,148);
 }


/*   CONTENEDORES IZQUIERDO Y DERECHO   */
div.izquierda {
 float : left;
 clear : left;
 margin-left : 0.5em;
 margin-top : 1em;
 width : 17%;
 }

div.izquierda div, div.derecha div {
 border : 1px solid black;
 width : 100%;
 margin-top : 1em;
 background-color : rgb(230, 238, 246);
 }

div.izquierda p, div.derecha p {
 margin-top : 0px;
 }

div.izquierda a, div.derecha a {
 font-weight : normal;
 margin-left : 0em;
 padding : 2px;
 }

div.izquierda a:before, div.derecha a:before {
 content : "+  ";
 }

div.izquierda a:hover, div.derecha a:hover {
 color : rgb(72,61,139);
 }

div.izquierda h3, div.derecha h3 {
 background-color : rgb(180, 202, 230);
 margin-top : 0px;
 padding : 2px;
 border-bottom : 1px solid black;
 font-size : 1em;
 font-family : arial, serif;
 margin-bottom : 0.5em;
 font-weight : bold;
 }

div.derecha {
 float : right;
 clear : right;
 margin-right : 0.5em;
 margin-top : 1em;
 width : 17%;
 }

/*   CONTENEDOR CENTRAL (y diseño)  */
div.editorial, div.actualidad {
 padding : 3px;
 width : 60%;
 margin-left : auto;
 margin-right : auto;
 margin-top : 2em;
 border : 1px solid black;
 background-color : rgb(230, 238, 246);
 }

div.actualidad {
 margin-top : 1em;
 margin-bottom : 1em;
 }

.chico {
 font-size : 0.9em;
 color : gray;
 font-style : italic;
 }

div.nota h4 {
 margin-bottom : 0px;
 font-weight : normal;
 font-size : 1.1em;
 font-family : arial, serif;
 border-top : 2px solid black;
 }

div.nota a {
 color : maroon;
 }

div.nota a:hover { 
 color : black;
 text-decoration : underline;
 }

div.actualidad a {
 color : rgb(72,61,139);
 }

div.actualidad a:hover {
 color : maroon;
 }


/*   PIE DE PÁGINA   */
div.pie {
 width : 100%;
 background-color : rgb(180, 202, 230);
 border-top : 2px outset black;
 border-bottom : 1px solid black;
 clear : both;
 text-align : center;
 }

/*   BOTONES DE VALIDACIÓN (CAJA QUE LOS CONTIENE)   */
div#botones_valid {
 margin-top : 2em;
 background-color : white;
 border : 0px;
 }

div#botones_valid img {
 width : 81px;
 height : 31px;
 margin-bottom : 1em;
 }

div#botones_valid a:before {
 content : "";
 }

/*   OTROS ESTILOS QUE NO ENTRAN EN LOS ANTERIORES   */
h3 {
 font-family : Verdana, arial, serif;
 font-weight : normal;
 border-bottom : 1px solid maroon;
 }

input[type="submit"] {
 border : 1px solid black;
 background-color : rgb(200, 200, 200);
 width : 80%;
 margin-left : 10%;
 font-family : Verdana, serif;
 font-size : 0.9em;
 margin-bottom : 0.5em;
 margin-top : 0.5em;
 }

input[type="text"] {
 width : 80%;
 margin-left : 10%;
 border : 1px solid black;
 font-size : 1em;
 }