input[disabled], input[disabled]:hover 
{ 
    color: #CE1126; 
}

body
{  
    font-family: Sans-Serif, Arial, Tahoma, Times New Roman, Arial;
    font-size:12px;
}
p
{
    margin-top:5px;
    margin-bottom:2px;
}
hr
{
    background: #CE1126;
    color: #CE1126;
    height: 2px;
}
tr
{
    height: 20px;
}

.ocultar
{
    position:absolute;
    top: -1000px;
    left: -1000px;
}

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.custom-input-file .input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
    text-align:right;
}

/* EN ROJO  */
.tituloR
{
    text-transform:uppercase;
    font-size:1.5em;
    font-weight:bold;
    color:#CE1126;
}
.subtituloR
{
    font-weight:bold;
    font-size:1.2em;
    color:#CE1126; 
}
.normalR
{
    font-size:1em;
    color:#CE1126;
}
.miniR
{
    font-size:0.8em;
    color:#CE1126;
}
.notaR
{
    font-size:1em;
    font-weight:bold;
    color:#CE1126;
}

/*  FONDOS  */
.fondoBLanco
{
    background: #fff;
}
.fondoRojo
{    
    background: #CE1126;
}
.fondoNegro
{
    background: #000;
}
.fondoGris
{
    background: #D6D6D6;
}

/*  EN BLANCO   */
.tituloB
{
    text-transform:uppercase;
    font-size:1.5em;
    font-weight:bold;
    color:#fff;
}
.subtituloB
{
    font-weight:bold;
    font-size:1.2em;
    color:#fff; 
}
.normalB
{
    font-size:1em;
    color:#fff;
}
.miniB
{
    font-size:0.8em;
    color:#fff;
}
.notaB
{
    font-size:1em;
    font-weight:bold;
    color:#fff;
}

/*  EN NEGRO    */
.tituloN
{
    text-transform:uppercase;
    font-size:1.5em;
    font-weight:bold;
    color:#000;
}
.subtituloN
{
    font-weight:bold;
    font-size:1.2em;
    color:#000; 
}
.normalN
{
    font-size:1em;
    color:#000;
}
.miniN
{
    font-size:0.8em;
    color:#000;
}
.notaN
{
    font-size:1em;
    font-weight:bold;
    color:#000;
}

/*  EN GRIS    */
.tituloG
{
    text-transform:uppercase;
    font-size:1.5em;
    font-weight:bold;
    color:#D6D6D6;
}
.subtituloG
{
    font-weight:bold;
    font-size:1.2em;
    color:#D6D6D6; 
}
.normalG
{
    font-size:1em;
    color:#D6D6D6;
}
.miniG
{
    font-size:0.8em;
    color:#D6D6D6;
}
.notaG
{
    font-size:1em;
    font-weight:bold;
    color:#D6D6D6;
}

/*  Especiales  */
.esconder
{
    display:none;
}
.mostrar
{
    display:block;
}
.clear
{
    clear:both;
    overflow:auto;
}
.negrita
{
    font-weight:bold;
}

/*  Textos  */
.centrado
{
    text-align:center;
}
.izquierda
{
    text-align:left;
}
.derecha
{
    text-align:right;
}
.medio
{
    vertical-align: middle;
}
.arriba
{
    vertical-align: top;
}
.abajo
{
    vertical-align: bottom;
}
.justificado
{
    text-align: justify;
}

.flotaIzquierda
{
    float:left;
}
.flotaDerecha
{
    float:right;
}

/*  Tablas  */
.tablaR
{
    background:#CE1126;
    color: #000;
    margin: 0 auto;
}
.tablaB
{
    background: #fff;
    color:#CE1126;
    margin: 0 auto;
}
.tablaG
{
    background: #D6D6D6;
    color: #CE1126;
    margin: 0 auto;
}
.tabla100
{
    width:100%;
}
.tablaPequeña{
    max-height:100px;
    overflow-y:scroll;
    overflow-x:hide;
}

/*  Margenes  */
.margen5
{
    margin: 5px;
}
.margen20
{
    margin: 20px;
}
.margenLateral5
{
    margin-left: 5px;
    margin-right: 5px;
}
.margenLateral20
{
    margin-left: 20px;
    margin-right: 20px;
}
.padding5
{
    padding: 5px;
}
.paddingLateral5
{
    padding: 0 5px;
}

/*  Ventana menus   */
.menuOpciones
{
    height: 120px;
    vertical-align: bottom;
    text-align:center;
}
.imgOpciones
{
    position:relative;
    top:0;
    left:0;
    width: 100px;
    height: 100px;
    z-index: 100;  
}
.contenedorImagenes 
{	
    width:120px;
    height:120px;
    margin:10px;
    float:left;
}

/*  Master page */
.contenedor
{
    margin-top:88px;
}
.cabecera
{
    top:0px;
    left:0px;
    right:0px;
    height:40px;
    background: #CE1126 url('imagenes/TituloCaritas.png') no-repeat 0 0; 
    position:fixed;
    z-index:1000;
}
.botonera
{
    top:40px;
    left:0px;
    right:0px;
    height:48px;
    background: #fff; 
    vertical-align: middle;
    position:fixed;
    z-index:1000;
}
.lateral
{
    float:left;    
    width:200px;
    min-height:480px;
    background:#fff;
}
.divisorBotones
{
    width:175px;
    text-align:left;
}
.central
{
    float:left;
    background:#fff;
    padding-bottom:50px;
}
.pie
{
    text-align:center;
    width:100%;
    height:40px;
    bottom:0px;
    color:#fff;
    font-weight:bold;
    background: transparent url(imagenes/pieCaritas.png) repeat-x 0 0;
    vertical-align:middle;
    position:fixed;
    font-size:10px;
}

.tiempoSesion
{
    color:#fff;
    margin-right:20px;
    width:150px;
    height:40px;
    vertical-align:middle;
    text-align:center;
    background:#CE1126;    
    float:right;
}
.navegacionCabecera
{
    float:left;
    height:48px;
    margin-left:10px;
    margin-top:10px;
}
.botonesCabecera
{
    background: #fff;
    height:48px;
    margin-right:10px;
    float:right;
}
.sesionTerminada
{
    width: 150px;
    height: 80px;
    text-align:center;
    vertical-align:middle;
    background: #fff;
    display:none;
    position:absolute;
    border: 1px solid #CE1126;
}


/*  CUADROS DE TEXTO    */
.sinBordes
{
    border: none none none;
    margin: 5px;
    padding: 0 5px;
}
select, .cuadroS  
{
    background: #FFF;    
    color: #CE1126;
    margin: 5px;
    font-size: 12px;
    border: 1px solid #CE1126;
    height: 20px;
}
.cuadroSO
{
    background: #FFF;    
    color: #CE1126;
    margin: 5px;
    font-size: 12px;
    border: 1px solid #FFA200;    
}
.cuadro
{
    margin: 5xp;
    padding: 5px;
}
.cuadroFecha
{
    width: 80px;
}
.cuadroNumero
{
    width: 40px;
}
.checkbox
{
    border: none;
}
.cuadroTextoR
{
    border: 1px solid #CE1126;
    color: #CE1126;
    background: #FFF;
    height:20px;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
}
.cuadroTextoRObligatorio
{
    border: 1px solid #FFA200;
    color: #CE1126;
    background: #FFF;
    height:20px;
    font-size:14px;
    margin:5px;
    padding: 0 5px;
}
.recuadroTextoR
{
    border: 1px solid #CE1126;
    color: #CE1126;
    background: #FFF;
    height:60px;
    width: 95%;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;
}
.recuadroTextoRObligatorio
{
    border: 1px solid #FFA200;
    color: #CE1126;
    background: #FFF;
    height:60px;
    width:90%;
    font-size:14px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;
}

.cuadroTextoB
{
    border: 1px solid #CE1126;
    color: #FFF;
    background: #000;
    height:20px;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
}
.cuadroTextoBObligatorio
{
    border: 1px solid #FFA200;
    color: #FFF;
    background: #000;
    height:20px;
    font-size:14px;
    margin:5px;
    padding: 0 5px;
}
.recuadroTextoB
{
    border: 1px solid #CE1126;
    color: #FFF;
    background: #000;
    height:60px;
    width:95%;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;
}
.recuadroTextoBObligatorio
{
    border: 1px solid #FFA200;
    color: #FFF;
    background: #000;
    height:60px;
    width:90%;
    font-size:14px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;
}

.cuadroTextoN
{
    border: 1px solid #CE1126;
    color: #000;
    background: #FFF;
    height:20px;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
}
.cuadroTextoNObligatorio
{
    border: 1px solid #FFA200;
    color: #000;
    background: #D6D6D6;
    height:20px;
    font-size:14px;
    margin:5px;
    padding: 0 5px;
}
.recuadroTextoN
{
    border: 1px solid #CE1126;
    color: #000;
    background: #FFF;
    height:60px;
    width:95%;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;
}
.recuadroTextoNObligatorio
{
    border: 1px solid #FFA200;
    color: #000;
    background: #D6D6D6;
    height:60px;
    width:90%;
    font-size:14px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;  
}
.cuadroLectura
{
    background: #D6D6D6;
    border: 1px solid #CE1126;
    color: #CE1126;
    height:20px;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
}
.recuadroLectura
{
    border: 1px solid #CE1126;
    color: #CE1126;
    background: #D6D6D6;
    height:60px;
    width:90%;
    font-size:12px;
    margin:5px;
    padding: 0 5px;
    white-space: normal;  
}

/*  BOTONES */
.botonSubirFichero
{
    z-index: -1000;
    height: 22px;
}
.botonRojo
{
    padding:3px;
    background: #CE1126;
    color: #FFF;
}
.botonRojo:hover, .botonRojo:visited
{
    background: #FFF;
    color: #CE1126;
}
.botonRojo:active
{
    background: #FFF;
    color: #000;
}

.botonBlanco
{
    padding:3px;
    background: #FFF;
    color: #CE1126;
}
.botonBlanco:hover, .botonBlanco:visited
{
    background: #CE1126;
    color: #FFF;
}
.botonBlanco:active
{
    background: #CE1126;
    color: #000;
}

.botonAyuda
{
    background: url(imagenes/ayuda_nok.png);
    width:48px;
    height:48px;
    border:none;
}
.botonAyuda:hover
{
    background: url(imagenes/ayuda_ok.png);
    width:48px;
    height:48px;
    border:none;
}

.botonMenu
{
    background: url(imagenes/menu_nok.png);
    width:48px;
    height:48px;
    border:none;
}
.botonMenu:hover
{
    background: url(imagenes/menu_ok.png);
    width:48px;
    height:48px;
    border:none;
}

.botonBuscar
{
    background: url(imagenes/buscar_nok.png);
    width:48px;
    height:48px;
    border:none;
}
.botonBuscar:hover
{
    background: url(imagenes/buscar_ok.png);
    width:48px;
    height:48px;
    border:none;
}

.botonRefrescar
{
    background: url(imagenes/refrescar_nok.png);
    width:48px;
    height:48px;
    border:none;
}
.botonRefrescar:hover
{
    background: url(imagenes/refrescar_ok.png);
    width:48px;
    height:48px;
    border:none;
}

.botonCerrar
{
    background: url(imagenes/cerrar_nok.png);
    width:48px;
    height:48px;
    border:none;
}
.botonCerrar:hover
{
    background: url(imagenes/cerrar_ok.png);
    width:48px;
    height:48px;
    border:none;
}


/*  LOGIN PAGINA    */
.loginContenedor
{
    font-size:15px;
    font-weight:bold;
    color:#CE1126;
}
.loginCabecera
{
    width: 550px;
    text-align:center;
    margin:0px auto;
    font-size:15px;
}
.loginCentral
{
    width:700px;
    margin:0px auto;
    font-size:11px;
}
.loginLateral
{
    width:350px;
    vertical-align:middle;
    float:left;    
}
.loginCentro
{
    width:350px;
    float:left;    
}
.loginCentro table
{
    border: 3px double #CCCCCC;
    background: #CE1126;
    color: #fff;
    text-align:center;
    font-size:12px;
}
.loginCentro td.titulo
{
    font-size:1.5em;
}
.loginCentro td.tdB
{
    width: 5px;
}
.loginCentro td.tdTexto
{
    width: 150px;
}
.loginCentro td.tdCuadro
{
    width: 250px;
}

/*  tabla para mensajes */
.mensajes
{
    min-width: 250px;
    min-height: 250px;
    width: 100%;
}
.mensajes   td
{
    vertical-align: middle;
    text-align: center;
}

.filaInactiva
{
    background: #2c2c2c;
    color:Gray;
}

/*  DIVs    */
.margenes
{
    margin-top: 10px;
    margin-bottom: 5px;
    
}
.margenesTabla
{
    max-height: 475px; 
    overflow-y: auto; 
    overflow-x: hidden;
}
.margenesCabecera
{
    margin-top: 5px;
    margin-bottom: 10px;    
}
.margenesBotones
{
    text-align: right;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.margenesDialogo
{
    max-height:400px;
    overflow: auto;
}
.margenesBorde
{
    margin: 3px;
    border: 1px solid #CE1126;
    padding: 2px;
}
.margenesContenidoAcordeon
{
    overflow: auto;
}

/* SHG: Añadir label avisando que no hay registros */
.mensajeNoHayRegistros
{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;    
    color:red;
}

.ancho100
{
    width: 100px;
}
.ancho150
{
    width: 150px;
}
.acordeonMini
{
    height: 10px;
}

/*PREVENIR ICONO DE CERRADO EN DIALOGO EMERGENTE*/
.no-close .ui-dialog-titlebar-close 
{
    display: none 
}