H1 {font-size:30px; color:#006600; text-align:center; }
H2 {font-size:25px; color:#FF0000; text-align:center; }
.Estilo1 { font-size:20px; font-weight:bold; color: #FF0000; }
.Estilo4 {font-size:20px; }
.Estilo5 {color:#0000FF; font-weight:bold; }
.Estilo8 {font-family:"comic Sans MS"; }
.Estilo11 {font-size:24px; color:#0000FF; font-family:Verdana, Arial, Helvetica, sans-serif; }
.Estilo13 {color:#009900; }
.Estilo16 {font-size:18px; color:#009933; }
.Estilo17 {font-size:14px; text-align:center; font-weight: bold; color: #FF0000; font-family: "comic Sans MS"; }
.Estilo19 { font-size:14px; color:#009933; font-style: italic; font-weight: bold; }
.Estilo22 {color:#FF0000; }
.Estilo24 {color:#FF0000; font-weight:bold; }
.Estilo25 {font-size:25px; color:#006600; }
.enlaces__ {background-color: #EEEEEE; }
.enlaces__titulo__ {font-family: arial; font-size:10px; color: #6699CC; text-decoration: none; font-weight:bold; }
a:link {color:#0000FF; font-weight:bold }
a:visited {color:#0000FF; font-weight:bold }
a:hover {color:#FF0000; font-weight:bold }
a:active {color:#0000FF; font-weight:bold }
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: "comic Sans MS";
font-size: 14px;
color: white;
}

#menu div.barraMenu {
text-align: left;
}

#menu div.barraMenu a.botonMenu {
background-color: #DB3B3B;
color: #FFFFFF;
font-weight:bold;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}

#menu div.barraMenu a.botonMenu:hover {
background-color:#00CC33;
color:white;
}

#menu div.barraMenu a.botonmenu:visited {
background-color: #DB3B3B;
}

div.top {
	/* La altura es de 28 píxeles ya que ese es el espacio que ocupa nuestra imagen de esquina. */ 
height:28px;
	background-image:url(IMAGENES/top_line.gif);
	background-repeat: repeat;
} 

img.esquina_sup_izq {
	float: left;
}

img.esquina_sup_der {
	float: right;
}

div.bottom {
height:28px; 
background-image:url(IMAGENES/btm_line.gif); 
background-repeat: repeat; }

img.esquina_inf_izq { float:left; }

img.esquina_inf_der { float:right; }

div.content {
	background-image:url(IMAGENES/left_line.gif);
	background-repeat:repeat-y;
	background-color: #FFFFCC;
}

div.boxcontrol {
padding:0 5% 0 5%; 
background-image:url(IMAGENES/right_line.gif); 
background-position:right; 
background-repeat:repeat-y; } 

/* Simplified box model hack para posicionar correctamente las imagenes de esquina. */
* html img.esquina_sup_izq, * html img.esquina_inf_izq { \margin-left:0px; ma\rgin-left:0; }
img.esquina_inf_der, img.esquina_sup_der { margin-left:.2em; }