/*
HOJA DE ESTILO PARA EL PORTAL DE SERVICIOS VIRTUALES
-------------------------------------------------------------------------

MANEJO DE COLORES
-----------------

1.- EL ATRIBUTO "BACKGROUND COLOR" DEBE SEGUN COLOR FUERTE ACORDE CON SU IMAGEN INSTITUCIONAL
2.- EL ATRIBUTO "BORDER" DEBE SER UN COLOR MAS FUERTE QUE RESALTE LOS BORDES
3.- EL ATRIBUTO "BACKGROUND COLOR" EN LA CLASE "BORDES2" DEBE SER UN COLOR MAS SUAVE EN LA MISMA GAMA
4.- EL ATRIBUTO "BORDER" DE LA CLASE "BORDES2" DEBE ESTAR EN BLANCOS

USO DE LAS CLASES:
------------------

1.- CLASE BORDES: SE USA EN EL INDEX.PHP PARA MOSTRAR LOS RECUADROS
2.- CLASE BORDES2: SE USA EN PRINCIPAL.PHP PARA MOSTRAR LAS OPCIONES
3.- CLASE BORDESTABLAS: SE USA EN TODAS LAS TABLAS DE LA APLICACION PARA LOS ENCABEZADOS DE LAS TABLAS
4.- CLASE BORDE SUPERIOR:
5.- CLASE BORDE DERECHO:
6.- CLASE BORDE SUPERIOR DERECHO:
7.- CLASE BORDE SUPERIOR IZQUIERDO:
8.- CLASE BORDE SUPERIOR DERECHO IZQUIERDO:
9.- CLASE BORDE INFERIOR DERECHO IZQUIERDO:
10.- CLASE BORDE IZQUIERDO:
11.- CLASE BORDE INFERIOR:

USO DE FUENTES:
----------------

*/

/* Utilizado en los recuadros del indice */
.Bordes {
	background-color: #0066CC;
	border: 2px solid #660000;
}
.Bordes2 {
	background-color: threedlightshadow;
	border: ;
}

/* Utilizado para los titulos de las tablas*/
.BordesTablas {
	background-color: #0066CC;
	border: 2px solid #660000;
}

.SubBordesTabla {
	background-color: #0066CC;
	border: 2px solid #660000;
}

.BordeSuperior {
	border-top-style: solid;
	border-top-color: #660000;
	border-top-width: 2px;
	background-color: #0066CC;
}
.BordeDerecho {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #660000;
	background-color: #0066CC;
}
	
.BordeSuperiorDerecho {
	border-top-style: solid;
	border-top-color: #660000;
	border-top-width: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #660000;
	background-color: #0066CC;
}
.BordeSuperiorIzquierdo {
	border-top-style: solid;
	border-top-color: #660000;
	border-top-width: 2px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #660000;
	background-color: #0066CC;
}
.BordeSuperiorDerechoIzquierdo {
	border-top-style: solid;
	border-top-color: #660000;
	border-top-width: 2px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #660000;
	background-color: #0066CC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #660000;
}

.BordeInferiorDerechoIzquierdo {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #660000;
	background-color: #0066CC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #660000;
}

.BordeIzquierdo {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #660000;
	background-color: #0066CC;
}

.BordeInferior {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	background-color: #0066CC;
}

.logueo { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: right;
}

.opcionmenuprincipal { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 10px;
    text-align: left;
}

.titulo1 { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.piepagina { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 7px;
    text-align: center;
}

.minismallcenteranterior { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 8px;
    text-align: center;
}

.minismallcenter { font-family: arial ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: center;
}

.minismallcentertituloanterior { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 8px;
    text-align: center;
}

.minismallcentertitulo { font-family: arial ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 9px;
    text-align: center;
}

.minismallleftanterior { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 8px;
    text-align: left;
}

.minismallleft { font-family: arial ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: left;
}

.minismallrightanterior { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 8px;
    text-align: right;
}

.minismallright { font-family: arial ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: right;
}

.minismalljustifiedanterior { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 8px;
    text-align: justified;
}

.minismalljustified { font-family: arial ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: justified;
}

.smallcenter { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: center;
}

.smallcenterblanco { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 9px;
    text-align: center;
}

.smallcentertitulo { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 9px;
    text-align: center;
}

.smallcentersubrayada { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  underline;
    font-size: 9px;
    font-style: italic;
    text-align: center;
}

.smallleft { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: left;
}

.smallleft8 { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 8px;
    text-align: left;
}

.smallleftsubrayada { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  underline;
    font-size: 9px;
    text-align: left;
}

.smallright { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 8px;
    text-align: right;
}

.smallrightblanco { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 8px;
    text-align: right;
}

.smallrightunder { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  underline;
    font-size: 9px;
    text-align: right;
}

.smalljustified { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: justified;
}

.mediumcenteranterior { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 10px;
    text-align: center;
}

.mediumcenter { font-family: arial ;
    color: #000000;
    text-decoration:  none;
    font-size: 10px;
    text-align: center;
}

.mediumcentervisa { font-family: arial ;
    color: #0033FF;
    text-decoration:  underline;
    font-size: 10px;
    text-align: center;
}

.mediumcentertitulo { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 10px;
    text-align: center;
}

.mediumcenterblanco { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 10px;
    text-align: center;
}

.mediumcenterrojo { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 10px;
    text-align: center;
}

.mediumleft { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 10px;
    text-align: left;
}

.mediumleftsubrayada { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
    text-align: left;
}

.mediumright { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 10px;
    text-align: right;
}

.mediumrightblanco { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 10px;
    text-align: right;
}


.mediumjustified { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 10px;
    text-align: justify;
}

.largecenter { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: center;
}

.largecentervisa { font-family: arial ;
    color: #0033FF;
    text-decoration:  underline;
    font-size: 12px;
    text-align: center;
}

.largecenterrojo { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 12px;
    text-align: center;
}

.largeleft { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: left;
}

.largeleftcourier { font-family: courier, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: left;
}

.largeright { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: right;
}

.largejustified { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: justified;
}

/* Tipo de letra utilizado para mostrar los mensajes en la
   primera página (index.php) */   
.letratextoprimerapaginaanterior{ font-family: verdana, sans-serif ;
    color: #AD0000;
    text-decoration:  none;
    font-size: 12px;
    text-align: justified;
}

.letratextoprimerapagina{ font-family: arial ;
    color: #AD0000;
    text-decoration:  none;
    font-size: 10px;
    text-align: justified;
}

/* Tipo de letra utilizado en los links de opciones que se muestran en la
   primera página (index.php) */   
.letratextolinkprimerapaginaanterior { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  underline;
    font-size: 12px;
    text-align: justified;
}

.letratextolinkprimerapagina { font-family: arial ;
    color: #000000;
    text-decoration:  underline;
    font-size: 10px;
    text-align: justified;
}

.largejustifiedcourier { font-family: courier, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: justified;
}

.extralargecenter { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: center;
}

.extralargecenterrojo { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 12px;
    text-align: center;
}

.extralargecenterrojobold { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.extralargecenterblanco { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 12px;
    text-align: center;
}

.extralargeleft { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: left;
}

.extralargeright { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: right;
}

.extralargejustified { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: justified;
}

.extralarge12leftcafe { font-family: verdana, sans-serif ;
    color: #663300;
    text-decoration:  none;
    font-size: 12px;
    text-align: left;
}

.extralarge14centerrojo { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 14px;
    text-align: center;
}

.extralarge14leftcafe { font-family: verdana, sans-serif ;
    color: #663300;
    text-decoration:  none;
    font-size: 14px;
    text-align: left;
}

.extralarge14centerblanco { font-family: verdana, sans-serif ;
    color: #FFFFFF;
    text-decoration:  none;
    font-size: 14px;
    text-align: center;
}

.extralarge16leftcafe { font-family: verdana, sans-serif ;
    color: #663300;
    text-decoration:  none;
    font-size: 16px;
    text-align: left;
}

.extralarge16leftnegro { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 16px;
    text-align: left;
}

.extralarge16leftrojo { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 16px;
    text-align: left;
}

.extralarge16centerrojo { font-family: verdana, sans-serif ;
    color: #FF0000;
    text-decoration:  none;
    font-size: 14px;
    text-align: center;
}

.extralarge16centerazul { font-family: verdana, sans-serif ;
    color: #0000FF;
    text-decoration:  none;
    font-size: 14px;
    text-align: center;
}

.extralarge16center { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 16px;
    text-align: center;
}


.linkcenter {
	font-family: verdana, sans-serif;
	color: #0033CC;
	text-decoration: none;
    font-style: italic;
    font-size: 11px;
}

.linkright {
	font-family: verdana, sans-serif;
	color: #0033CC;
	text-decoration: none;
    font-style: italic;
    font-size: 11px;
    text-align: right;
}

ul { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 12px;
    text-align: justify;
}

li { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 9px;
    text-align: justify;
}

/* Clase utilizada para los titulos que se muestran en las diferentes
   páginas */   
H1 { font-family: verdana, sans-serif ;
    color: #444000;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

H2 { font-family: verdana, sans-serif ;
    color: #63432F;
    text-decoration:  none;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

p { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 11px;
    text-align: justify;
}

p.center { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 13px;
    text-align: center;
}

p.centerbold { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}

p.centerwhitebold { font-family: verdana, sans-serif ;
    color: #ffffff;
    text-decoration:  none;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

p.small { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 11px;
    text-align: left;
}

p.smallcenter { font-family: verdana, sans-serif ;
    color: #000000;
    text-decoration:  none;
    font-size: 11px;
    text-align: center;
}


a:link {
	font-family: verdana, sans-serif;
	color: #00225D;
	text-decoration: none;
}

a:visited {
	font-family: verdana, sans-serif;
	color: #00225D;
	text-decoration: none;
}

a:hover, a:active {
	font-family: verdana, sans-serif;
	color: #63432F;
	text-decoration: none;
}