body { padding:0px; margin:0px;
    HEIGHT: 100%;
    FONT-SIZE: 12px;
    COLOR: #006699;
    FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif; background-image:url(../imagenes/fondo.gif); background-position:center}

HTML{ HEIGHT: 100%;}

a {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCFF; text-decoration:none;}
a:hover {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#FF9900; text-decoration:none;}

h1 {FONT-SIZE: 20px; COLOR: #FF9900; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif; margin:0px; padding:0px;}
h2 {FONT-SIZE: 14px; COLOR: #FF9900; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-Serif; margin:0px; padding:0px; text-decoration: }

p { margin-bottom: 20px; margin-top:20px; line-height: 18px; text-align:justify}

p.lista { color: #006699}

ul { margin-right: 30px;}
li { list-style-type:square; color:#FF9900; margin:0px; padding:0px;}

li.lista { color: #006699}

.poesia  {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#006699; text-decoration:none;}
.poesia2 { font-family: "Comic Sans MS",Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color:#006699; text-decoration:none; line-height: 17px;}

a.enlace  {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#225283; text-decoration:none;}
a.enlace:hover {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#FF9900; text-decoration:none;}


/* ------------------------- estructura -------------------------*/
#fondo {position: absolute;	width: 100%; height:396px; background-image:url(../imagenes/fondo_menu.jpg); background-repeat:repeat-x;background-position:center}

#contenedor { position: absolute; width: 756px;	top: 18px; left: 50%; margin-left: -378px;/*la mitad de ancho del contenedor*/}

#cabecera { width: 560px; height:378px; float:right; background-image:url(../imagenes/cabecera.jpg); background-repeat:no-repeat; background-position: bottom right; background-color:#FFFFFF;}

#menu {margin: 0px; padding: 158px 0px 0px 0px; height: 220px; width: 196px; float:left; background-image:url(../imagenes/fondo_lineamenu.jpg); background-repeat:no-repeat; background-position:right top;}

#contenido { width: 494px; background-color: #ffffff; float:right; background-image:url(../imagenes/fondo_texto.gif); padding: 35px 35px 0px 35px;}

#pie { width: 329px; height:48px; background-color: #ffffff; float:right; background-image:url(../imagenes/fondo_pie.jpg); padding: 50px 35px 20px 200px; margin-bottom:10px; color: #00CCFF;}

#utilbar { width:260px; height: 125px; background-image:url(../imagenes/cabecera1.jpg); padding-top: 20px; padding-left: 280px; padding-right: 20px; text-align:right}

#frase_del_dia {  height: 110px; text-align: center; font-size:10px; width: 220px; float:right}


/* ------------------------- menu ------------------------- */

#menu {font-weight: bold; font-size:12px; color:#336699; line-height:normal}


/*  ---- menu 8 opciones ----  */
/*#menu .enlace{ margin: 0px; padding: 5px 0px 5px 10px;}
#menu .enlace_select{ width: 186px; height:20px; background-image:url(../imagenes/boton.jpg); background-repeat:no-repeat; padding: 5px 0px 0px 10px; margin:0px;}*/

/*  ---- menu 11 opciones ----  */
#menu .enlace{ margin: 0px; padding: 2px 0px 1px 10px;}
#menu .enlace_select{ width: 186px; height:20px; background-image:url(../imagenes/boton.jpg); background-repeat:no-repeat; padding: 5px 0px 0px 10px; margin:0px;}

#menu a{ color:#FFFFFF; text-decoration:none;font-size:12px;}
#menu a:hover{ color: #FFCC66;font-size:12px;}


/* ------------------------- cabecera / utilbar ------------------------- */

.img_cabecera {margin: 10px 0px 0px 10px;}

.form_usuario {
	border: 1px solid #225283;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 150px;
}

.form_usuario2 {
	border: 1px solid #225283;
	height: 75px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 150px;
}