/* Definición de estilos en un archivo aparte */ 

BODY {
    font-family:Verdana,sans-serif;
    font-size:x-small;
    margin-left:0px;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    color:white;
    background-color:black;
}

/* CABECERAS */
H1 {font-family:Verdana;font-size:16pt;color:red;}    
H2 {font-family:sans-serif;font-size:10pt;color:blue;}

H3 {font-family:Comic Sans MS; font-style:italic; font-size:14pt;color:red;}
H4 {font-family:Arial Black;font-size:16pt;color:blue;}
H5 {font-family:Book Antiqua,Verdana;font-size:16pt;color:yellow;}
H6 {font-family:Book Antiqua,Verdana;font-size:9pt; font-style:italic; color:red;}

/* TIPOS DE LETRAS */
B.Grande {font-family:Verdana,sans-serif;font-size:14;color:blue;}
I {font-family:Verdana,sans-serif;font-size:x-small;color:red;}
I.Grande {font-family:Verdana,sans-serif;font-size:12pt;color:red;}
TT {font-family:Courier New,Courier;font-size:9pt;color:white;}
P {font-family:Verdana,sans-serif;font-size:x-small;color:green;} 

/* TABLAS */
TH {font-family:Verdana,sans-serif;font-size:15pt;color:white;background-color:#0080C0;}
TH.g {font-family:Verdana,sans-serif;font-size:30pt;color:red; background-image:url(data/Grad_Gris_Peq.jpg);}
TH.p {font-family:Verdana,sans-serif;font-size:10pt;color:white;background-color:#0080C0;}
TD {font-family:Verdana,sans-serif;font-size:x-small;} 
TD.negro {font-family:Verdana,sans-serif;font-size:x-small;color:black;} 
TABLE.NaranjaGris {font-family:Verdana,sans-serif;font-size:x-small; background-image:url(data/Grad_Gris2.jpg);}
TABLE.NaranjaGrisNegro {font-family:Verdana,sans-serif;font-size:x-small;color:black; background-image:url(data/Grad_Gris2.jpg);}
TABLE.Purpura {font-family:Verdana,sans-serif;font-size:x-small; background-image:url(data/Purpura.jpg);}

/* LISTAS */
LI {font-family:Verdana,sans-serif;font-size:x-small;color:red;}
LI.circulo {list-style-type:circle;font-family:Comic Sans MS,sans-serif; font-size:12pt; color:#20227A;}
LI.CirculoRojo {list-style-type:circle;font-family:Comic Sans MS,sans-serif; font-size:12pt; color:#FF3D01;}
LI.Popup {list-style-type:circle;font-family:Comic Sans MS,sans-serif; font-size:12pt; color:white;}

/* FORMULARIOS */
INPUT.texto {font-family:Comic Sans MS,sans-serif;font-size:x-small;color:blue; height:20px; background-color:#BCFEFD;} 
INPUT.boton {font-family:Comic Sans MS,sans-serif;font-size:x-small;color:black;}

/* ENLACES */
A.clase1:visited {font-family:Comic Sans MS,sans-serif;font-size:12;color:blue;} 
A.clase1:active {font-family:Comic Sans MS,sans-serif;font-size:12;color:blue;} 
A.clase1:link {font-family:Comic Sans MS,sans-serif;font-size:12;color:blue;} 
A.clase1:hover {font-family:Comic Sans MS,sans-serif;font-size:14;color:#222360;} 

A.clase2:visited {font-family:Comic Sans MS,sans-serif;font-size:10;color:black;} 
A.clase2:active {font-family:Comic Sans MS,sans-serif;font-size:10;color:black;} 
A.clase2:link {font-family:Comic Sans MS,sans-serif;font-size:10;color:black;} 
A.clase2:hover {font-family:Comic Sans MS,sans-serif;font-size:12;color:blue;}

A.clase3:visited {font-family:Comic Sans MS,sans-serif;font-size:14;color:blue;} 
A.clase3:active {font-family:Comic Sans MS,sans-serif;font-size:14;color:blue;} 
A.clase3:link {font-family:Comic Sans MS,sans-serif;font-size:14;color:blue;} 
A.clase3:hover {font-family:Comic Sans MS,sans-serif;font-size:15;color:#222360;}

A.clase4:visited {font-family:Comic Sans MS,sans-serif;font-size:16;color:blue;} 
A.clase4:active {font-family:Comic Sans MS,sans-serif;font-size:16;color:blue;} 
A.clase4:link {font-family:Comic Sans MS,sans-serif;font-size:16;color:blue;} 
A.clase4:hover {font-family:Comic Sans MS,sans-serif;font-size:18;color:#FF3D01;}

A.clase5:visited {font-family:Comic Sans MS,sans-serif;font-size:16;color:blue;} 
A.clase5:active {font-family:Comic Sans MS,sans-serif;font-size:16;color:blue;} 
A.clase5:link {font-family:Comic Sans MS,sans-serif;font-size:16;color:blue;} 
A.clase5:hover {font-family:Comic Sans MS,sans-serif;font-size:18;color:white;}

/* CAPAS */
div#ENTERA { width:100%;height:100%; text-align:center;}
div#TITULO { margin-left:150px; height:100px; text-align:center; background-image:url(data/titulo.gif);}
div#ESQUINA { position:absolute; left:10px; height:100px; width:150px; text-align:left; background-image:url(data/esquina.gif);z-index:1;}
div#MENU { position:absolute; left:10px; height:inherit; width:150px; text-align:center; background-image:url(data/menu.gif);z-index:1;}
div#INFO { margin-left:160px; top:0; height:20px; text-align:center; background-image:url(data/info.gif);}
div#CENTRAL { margin-left:165px;width:100%; text-align:left;}
div#MENU2 { position:absolute; left:10px; top:450px; height:25px; width:150px; background-image:url(data/menu_ABAJO.gif); z-index:2; overflow:hidden;}
div#IDENTIFICARSE { position:absolute; left:10px; top:484px; width:150px; height:155px; z-index:0; overflow:hidden; background-image:url(data/Identificarse.gif);}