/* ************************************************* */
/*                                                   */
/*  archivo de estilos/classes para mis sitios web   */
/*                                                   */
/* ************************************************* */
/* el color es #RRGGBB con codigo hexadecimal de cada color */



body{
   background-color:    "#eeeeee";
   background-image:    url("image/fondo.gif");
   background-position: "center";
   margin.top:          "0px"; 
   margin-left:          "0px";
   margin-right:         "0px";
   margin-height:      "2";
   margin-width:       "2";
   text-decoration:     "none"}

/* clase a */
a {
   font-family:      "Arial";
   font-size:        "100%";
   COLOR: "#118011";
   TEXT-ALIGN:  "center";
   text-decoration:  "none"}

/* sub_clases de a */
a:link {color:    "#ffffff"}
a:visited {color: "#ffffff"}
a:hover {color:   "#ff1234"}
a:active {color:  "#ff1234"}

/* descripcion de cada subclase de a */
/* link      Nos dice el estilo de un enlace que no ha sido visitado.*/
/* visited   Nos dice el estilo de un enlace que ha sido visitado.*/
/* active    Nos dice el estilo de un enlace que está siendo pulsado.*/
/* hover     Nos dice el estilo de un enlace sobre el que está pasando el ratón.*/


p {
   text-align:  left;
   color:       blue;
   font-family: Verdana;
   font-size:   20pt}

p.center {
   text-align:  center;
   color:       blue;
   font-family: Verdana;
   font-size:   20pt}

p.right {
   text-align:  right;
   color:       #000b80;
   font-family: Verdana;
   font-size:   20pt}

h1 {
   color:       red;
   text-align:  center}

h2, h3, h4 {
   color:       green;
   font-family: Arial;
   text-align:  left}

table_type {
   BORDER-RIGHT: 1px solid;
   BORDER-TOP: 1px solid;
   BORDER-LEFT: 1px solid;
   BORDER-BOTTOM: 1px solid;
   BORDER-COLLAPSE: collapse}

TD {
   BORDER-RIGHT: 0px solid;
   BORDER-TOP: 0px solid;
   BORDER-LEFT: 0px solid;
   BORDER-BOTTOM: 0px solid}

.titulo1 {
   FONT-SIZE: 150%;
   COLOR: red;
   FONT-FAMILY:  Arial;
   TEXT-ALIGN: center;
   TEXT-DECORATION: none}

.titulo2 {
   FONT-SIZE: 100%;
   COLOR: red;
   FONT-FAMILY: Verdana;
   TEXT-ALIGN: center;
   TEXT-DECORATION: none}

.tip_negro {
   FONT-SIZE: 100%;
   COLOR: #000000;
   FONT-FAMILY: Arial;
   TEXT-ALIGN: left;
   TEXT-DECORATION: none}

.tip_azul {
   FONT-SIZE: 100%;
   COLOR: #000b80;
   FONT-FAMILY: Arial;
   TEXT-ALIGN: left;
   TEXT-DECORATION: none}

.tip_blanco {
   FONT-SIZE: 100%;
   COLOR: #ffffff;
   FONT-FAMILY: Arial;
   TEXT-ALIGN: left;
   TEXT-DECORATION: none}

.item_negro {
   FONT-SIZE: 100%;
   COLOR: #000000;
   FONT-FAMILY: Verdana;
   TEXT-ALIGN: center;
   TEXT-DECORATION: none}

.item_azul {
   FONT-SIZE: 100%;
   COLOR: #000b80;
   FONT-FAMILY: Verdana;
   TEXT-ALIGN: center;
   TEXT-DECORATION: none}


.item_blanco {
   FONT-SIZE: 80%;
   COLOR: #ffffff;
   FONT-FAMILY: Verdana;
   TEXT-ALIGN: center;
   TEXT-DECORATION: none}

.comic_azul {
   FONT-SIZE: 80%;
   COLOR: "blue";
   BACKGROUND-COLOR: "#eeeeee";
   FONT-FAMILY: "Comic Sans MS";
   TEXT-ALIGN: justify;
   TEXT-DECORATION: none}

.comic_blanca {
   FONT-SIZE: 100%;
   COLOR: #ffffff;
   BACKGROUND-COLOR: "blue";
   FONT-FAMILY: "Comic Sans MS";
   TEXT-ALIGN: justify;
   TEXT-DECORATION: none}

.footnote {
   FONT-SIZE: 60%;
   COLOR: #000000;
   FONT-FAMILY: "Arial";
   TEXT-ALIGN: center;
   TEXT-DECORATION: none}

.foot_blanco {
   FONT-SIZE: 60%;
   COLOR: #ffffff;
   FONT-FAMILY: "Arial";
   TEXT-ALIGN: left;
   TEXT-DECORATION: none}