/***** GENERAL ****************************************************************/

#containerLogin
{
   width: 360px;
   margin-top: 10%;
}
#btnIngresar
{
    width: 100%;
}
html 
{
    font-size: 90%;
    font-family: Helvetica;
}
root 
{ 
    display: block;
}
div.centrado
{
    margin: 0 auto;
    text-align: center;
}

/***** HEADER *****************************************************************/
div.headerSesion 
{
    padding-bottom: 2px;
    font-size: 80%; 
    width: 100%; 
    font-weight: bold;
}
div.headerSesion #right
{
    float: right;
    text-align: right;
}
div.headerSesion #left
{
    float: left;
    text-align: left;
    background-color: red;
}
div.headerLine
{
    border-top:1px solid #c9d7f1;
    font-size:1px;
    height:0;
    width:100%;
    position:absolute;
}
div.Line
{
    border-top:1px solid #c9d7f1;
    font-size:1px;
    height:0;
    position:absolute;
    width:100%
}
div.footer
{
    padding-top: 5px;
    font-size: 80%; 
    width: 100%; 
    xtext-align: right;
    font-weight: bold;
}

td.headerText
{
    padding-left: 25px;
    font-size: 70%;
}

td.headerTextBold
{
    padding-left: 25px;
    font-size: 70%;
    font-weight: bold; 
    background-color: white;
}
/***** IMAGENES ***************************************************************/
img 
{
    display: block;
    margin: auto;
} 
div.centrar-imagen
{
    text-align:center;
}

/***** TEXTO ******************************************************************/
h1 
{
    margin-top: 8px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    font-family: Helvetica;
    text-align: center;
}

h2 
{
    margin-top: 5px;
    margin-button: 5px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    font-family: Helvetica;
    text-align: center;
}
h2.error
{
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    font-family: Helvetica;
    text-align: center;
    color: red;
}

pre 
{
    font-size: 12px;
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */ /*
    width: 99%; */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

b
{
    margin-top: 0px;
}

/***** TABLAS *****************************************************************/
div.centrado table 
{
    font-size: 80%; 
    margin: 0 auto;
    text-align: left;
}

/*Tabla zebra horizontal*/
div.centrado #table-listado
{
    margin: 0 auto;
    text-align: left;
    font-family: Helvetica;
    width: 480px;
    border-collapse: collapse;
}
#table-listado th
{
    font-weight: bold;
    padding: 3px 8px;
    border-bottom: 2px solid #6678b1;
}
#table-listado tr.odd
{
    background: #e8edff; 
}
#table-listado tr:hover td
{
    background: #d0dafd;
    color: #339;
}
#table-listado td
{
    font-size: 12px;
    white-space: nowrap;
    padding: 3px 10px 3px 10px;
    color: black;
}
#table-listado td.centrado
{
    text-align: center;
}

/*Tabla login*/
div.centrado #table-login
{
    margin: 0 auto;
    text-align: left;
    background: #e8edff; 
    border-radius: 10px;
}
#table-login td.label
{
    padding: 3px;
    padding-right: 10px;
    color: black;
    text-align: right;
}
#table-login td.button
{
    text-align: center;
    float: none;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 80%;
    border-radius: 10px;
}

#table-login td.button input
{
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 7px;
}

/*Tabla busqueda*/
h2
{
    padding: 0px;
    font-size: 90%;
}

div.centrado #table-busqueda
{
    margin: 0 auto;
    text-align: left;
}
#table-busqueda td.label
{
    padding: 3px;
    padding-right: 10px;
    color: black;
    text-align: left;
    white-space: nowrap;
    font-size: 95%;
}
#table-busqueda td.input
{
    padding-right: 10px;
    color: black;
    font-size: 95%;
}

#table-busqueda td.button
{
    text-align: center;
    float: none;
}

#table-busqueda td.button input
{
    border-radius: 7px;
    font-size: 90%;
}

/*Tabla resultado*/

table#table-resultado
{
    margin: 0 auto;
    text-align: left;
    border-collapse: collapse;
    table-layout: fixed;
    width: 800px;
}
#table-resultado th
{
    border-bottom: 1px solid #c9d7f1; 
}
#table-resultado td
{
    color: black;
    border-bottom: 1px solid #c9d7f1;  
}
#table-resultado td.tituloArea
{
    font-size: 12px;
    padding-top:25px;
    font-weight: bold;
}
#table-resultado td.tituloPrueba
{
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
}
#table-resultado td.prueba
{
    border-bottom: 1px solid #c9d7f1;
}
#table-resultado td.pruebaConAlarma
{
    border-bottom: 1px solid #c9d7f1;
    color: red;
}
#table-resultado td.subtitulo
{
    border-bottom: 1px solid #c9d7f1;
    font-weight: bold;
}
#table-resultado td.alarma
{
    text-align: center;
    border-bottom: 1px solid #c9d7f1;
}
#table-resultado td.resultado
{
    font-weight: bold;
    border-bottom: 1px solid #c9d7f1;
}
#table-resultado td.resultadoConAlarma
{
    font-weight: bold;
    border-bottom: 1px solid #c9d7f1;
    color: red;
}
#table-resultado td.observacion
{
    font-family: "Courier New";
    text-align: left;
    border-bottom: 1px solid #c9d7f1;
}
#table-resultado td.referencia
{
    font-family: "Courier New";
    text-align: left;
    border-bottom: 1px solid #c9d7f1;
}
#table-resultado td.encabezado
{
    font-weight: bold;
    border-top: 1px solid #c9d7f1;
    border-bottom: 1px solid #c9d7f1;
    background: #c9d7f1;
}
#table-resultado td.encabezadoAuditoria
{
    font-weight: bold;
    border-top: 1px solid #c9d7f1;
    border-bottom: 1px solid #c9d7f1;
    background: #c9d7f1;
    text-align: center;
}
#table-resultado tr:hover td
{
    background: #d0dafd;
    color: #339;
}
#table-resultado tr.titulo:hover td
{
    background: white;
    color: black;
}
#table-resultado tr.subtitulo:hover td
{
    background: #c9d7f1; 
    color: black;
}

/*Tabla resultado header*/
div.centrado #table-resultado-header
{
    margin: 0 auto;
    text-align: left;
    border-collapse: collapse;
}

#table-resultado-header td
{
    padding-left: 10px;
    padding-right: 10px;
    color: black;
}
#table-resultado-header td.prueba
{
    white-space: nowrap;
}
#table-resultado-header td.resultado
{
    font-weight: bold;
    white-space: nowrap;
}