/*
	Estilos para el sitio de LMS
        Hoja de estilo para Visitantes no registrados
*/
/* Pagina principal */

/* **************************** 
************ ESTILOS GENERALES
******************************* */
body {
	margin: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

    font-family: arial;
	font-size: 10pt;
    font-weight: normal;
}

A:link
{
	text-decoration: none;
    color: #339;
}

A:active
{
	color: #ccc;
	font-weight: normal;
}

A:visited
{
	color: #999999;
	font-weight: normal;
}

A:hover
{
    text-decoration: underline;
	background-color: #ccc;
	
}


P, TD, .texto, TH
{
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
}

/******************************************* 
***** PAra el listado principal de materias 
******************************************* */
A.creditos:link, A.creditos:active, A.creditos:visited
{
	font-size: 7pt;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.creditos {
    font-size: 7pt;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.contacto {
    font-size: 7pt;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.titulopagina
{
	font-size: 14pt;
	color: #000000;
	font-weight: normal;
}


.subtitulo
{
	font-size: 11pt;
	color: #333366;
	font-weight: normal;
}

/* *********************************** 
********** mensajes y letras pequenas 
************************************** */
.mensaje, .mensajes
{
    color: #000000;
    font-weight: bold;
    text-align: center;
}


.pequena
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
}

.aviso
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}

.divOpciones {
    text-align: right;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

/* **************************** 
**** Tablas con Formularios 
***************************** */

div .tablaForma {
    
}

div .tablaForma .tdEtiqueta{
    font-weight: bold;
    color: #000;
    padding: 4px;
    background-color: #ccc;
}
div .tablaForma .tdInput{
      padding: 4px;
}
div .tablaForma .tdBoton{
    text-align: center;
    padding: 4px;
}

div.regAlumno table {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

div.textoPequena {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
}

/* **************************** 
***** Tablas de Informacion 
****************************** */
div .tablaInfo {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    border: outset 2px #333333;
    border-collapse: collapse;
}

div .tablaInfo .tdEtiqueta {
    border: solid 1px #333333;
    font-weight: bold;
    color: #000000;
    padding: 4px;
}

div .tablaInfo .tdInfo{
    border: solid 1px #333333;
    color: #000000;
    padding: 4px;
}
div .tablaInfo .tdMensaje{
    border: solid 1px #333333;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    padding: 8px;
    text-align: center;
}

/* ************************************* 
******** Tablas de datos (Asignaturas) 
*************************************** */
div .tablaDatos {
    
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

div .tablaDatos .trEncabezado{
    background-color: #CC99CC;
}

div .tablaDatos .tdEncabezado{
	background-color:#333366;
	color: #ffffff;
    padding: 4px;
    text-align: center;
    font-weight: bold;
}

div .tablaDatos .tdDato{
    background-color: #cccccc;
    padding: 4px;
}


div.asignaturas .tablaOpciones {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

/* **************************** 
********* Tabla de acceso 
***************************** */
.acceso
{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.clave
{
	color: #fff;
	font-weight: bold;
}

div.formaAcceso {
    background-color: #ccc;
}

div.formaAcceso .tablaForma {
 width: 190px;

}

div.formaAcceso .tablaForma .tdEncabezado{
    color: #000;
	font-weight: normal;
	text-align: center;
background-image: url('../img/menu/general/graybar.jpg');
padding: 7px;

}

div.formaAcceso .tablaForma .tdDato{
 
 	color: #fff;
	font-weight: normal;
	background-image: url('../img/menu/general/acceso_bckgrd.jpg');
	 text-align: center;
	 padding: 4px;
}

div.formaAcceso .tablaForma .tdInput{
   text-align: center;
  background-image: url('../img/menu/general/shadow.gif');
padding: 7px;

}


/* *************************** 
************ Menu principal 
***************************** */

.menu4 {
    margin-left: 5%;
    margin-right: 5%;
}

.menu4 #lay_menuDiv {

    margin: 0px;
    width: 190px;   
	list-style-type: none;
	padding: 0;
	margin: 0;
    text-align: left;
    
}

.menu4 #lay_menuDiv li {
    display: inline;
   
}

.menu4 #lay_menuDiv li A {
	text-decoration: none;
	padding: 7px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    background-image: url('../img/menu/general/redbar.jpg');
  
  
   
}

.menu4 #lay_menuDiv li A:hover,
.menu4 #lay_menuDiv .ligaListaSelected A {
    text-decoration: underline;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    background-image: url('../img/menu/general/yellowbar.jpg');
   	padding:7px;

}

.menu4 #lay_menuDiv .ligaListaSelected A {
	padding: 7px;
    display: block;
    background-image: url('../img/menu/general/yellowbar.jpg');
    


}

/* ***************************** 
****** Div del menu principal 
******************************** */
.menuIzq {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
}

/*************************** 
****** Pagina de Error (404)
**************************** */
div.errorTomcat {
    border: solid 2px #939;
    font-weight: bold;
    font-size: 12px;
}

.errorDiv {
    background-color: #939;
    padding: 5px;
    color: white;
    font-size: 14pt;
    font-weight: bold;
}