/* COLORES mas utilizados:
- Grises
'202020 RGB(32,32,32) Marengo menú, borde tabla de datos y celdas, letra tabla encabezado gris menú
'404040 RGB(64,64,64) Texto gris oscuro, borde cuadro amarillo
'C0C0C0 RGB(192,192,192) Fondo encabezado tabla datos
#E0E0E0 RGB(224,224,224) Fondo tabla encabezado gris menú, filas tabla datos, fondo ficha
- Rojos 
'C81919 RGB(200,25,25) encabezado
- Azules
'000064 RGB(0,0,100) encabezado azul oscuro
'000096 RGB(0,0,150) encabezado azul claro ficha
- Amarillos
'FAFAE1 RGB(250,250,225) Fondo cuadro informativo, textArea archivo texto
- CALENDARIO
' RGB(0,0,192)Azul calendario
' RGB(0,175,0)Verde calendario
' RGB(225,0,225)Morado calendario
' RGB(0,150,225)Celeste calendario
' RGB(250,150,0)Naranja calendario
*/

/*BODY*/
.general {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
}

.bandaNegraSuperiorInferior {
    vertical-align: middle;
    padding-left: 4px;
    background-color: #323232;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: white;
}

/*--------------------*/
/*Tablas de datos: table, tr, td*/
table.datos {
    border: 1px solid black;
    background-color: #202020;
    width: 96%;
    margin: auto;
    color: #202020;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    border-spacing: 1px;
    cursor:default;
}
.datosEncabezado {
    background-color:#C0C0C0;
    font-weight:bold;
    text-align:center;
}

.datosFilaBlanca {
    background-color:white;
    font-weight:normal;
}
.datosFilaBlanca:hover {
    background-color: #FFFFAF;
    font-weight:normal;
}

.datosFilaGris {
    background-color:#E0E0E0;
    font-weight:normal;
}
.datosFilaGris:hover {
    background-color: #FFFFAF;
    font-weight:normal;
}
/*td selectores, ejemplo, selector de horas y minutos en agenda:*/
td.selectorTablaBlanco {
    background-color: white;
    cursor: pointer;
}
td.selectorTablaBlanco:hover {
    color: red;
}
td.selectorTablaAmarillo {
    background-color: #FFFFD0;
    cursor: pointer;
}
td.selectorTablaAmarillo:hover {
    color: red;
}
td.selectorTablaGris {
    background-color: #E0E0E0;
    cursor: pointer;
}
td.selectorTablaGris:hover {
    color: red;}
/*End td selectores:*/
/*--------------------*/

/*Tablas bandas grises rótulos*/
/*Encabezados menu bandas grises texto gris:*/

table.bandaGrisTextoGris { /*Menu*/
    border-width: 0;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #E0E0E0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #404040;
}
table.bandaGrisTextoGris:hover {
    background-color: #FFFFAF;
}

/*encabezados menu y contenido bandas blancas texto rojo:*/
.bandaBlancaTextoRojo {
    width: 100%;
    border-width: 0;
    padding-left: 5px;
    padding-right: 5px;
    background-color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #C81919; /*Rojo oscuro*/
}

/*Tabla de ficha*/
.ficha {
    margin: auto;
    border: 1px solid black;
    width: 96%;
    background-color: #C0C0C0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    padding-left: 5px;
    border-spacing: 0;
}

/*Menu auxiliar calendario, mandos menu Socio y agenda*/
.mandosMenuCalendario {
    width: 96%;
    border: 1px solid black;
    border-spacing: 2px;
    padding: 2px;
    margin: auto;
    text-align: center;
    background-color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #202020;
} 

/*div con formato*/
.revisionesPaciente {
    background-color:white;
    color: #404040;
    border:2px solid #202020;
    width:96%;
    height:250px;
    vertical-align:top;
    margin:auto;
    overflow:auto;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:small;
    font-weight:normal;
}

/*ENCABEZADOS*/
/*encabezadoS*/
.encabezado {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}

.encabezadoAzul {
    color: #00009C;
}

.encabezadoRojo {
    color: #C81919;
}

.encabezadoVerde {
    color: #287850;
}

.encabezadoBlanco {
    color: white;
}

.encabezadoCentrado {
    text-align: center;
}

.encabezadoAzulSmallFicha {
    color: #000096;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
}
/*End encabezados*/


/*TEXTO*/
.textoVerdanaSmall {
    color: #404040;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
}
.textoVerdanaSmallJustify {
    color: #404040;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
    text-align: justify;
}
.textoVerdanaSmallNegrita{
    color: #404040;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:small;
    font-weight:bold;
}
/*End TEXTO*/

/* ENLACES */
/*linkMenuBlanco*/
.linkMenuBlanco {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    background: transparent;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
.linkMenuBlanco:hover {
    color: #FFFFAF;
    text-decoration: underline;
}

/*linkMenuNegroAzul*/
.linkMenuNegroAzul {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    background: transparent;
    color: #404040;
    text-decoration: none;
    font-weight: bold;
}
.linkMenuNegroAzul:hover {
    color: #1874CD;
    text-decoration: underline;
}

/*CALENDAR*/
table.tablaCalendarioGeneral {
    border: 2px solid rgb(60,90,155);
    border-spacing: 2px;
    padding: 2px;
    margin: auto;
    background: transparent;
    color: rgb(64,64,64);
    background-color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
}

select.selectorCalendar {
    width: 25%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
}
/*textoNegro*/
.textoNegroSmall {
    font-size: small;
}

.textoNegroSmallCentrado {
    font-size: small;
    text-align: center;
}
/* end styles CALENDAR*/