/* ___________________GENERALES_______________________ */
* {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
    background-image: none;
}

html, body {
    height: 100%;
    color: #646464;
    background-color: #fff;
}

img {
    border: none;
    vertical-align: middle;
}

p {
    margin-bottom: 0.5em;
}

a {
    text-decoration: none;
    color: #666;
}

a:hover {
    text-decoration: underline;
}

ul li {
    list-style-type: none;
}

tfoot, caption, hr, .oculto {
    display: none;
}

label {
    color: #646464;
    font-size: 11px;
    text-decoration: none;
}

span {
    color: #646464;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    background-image: none;
}

input[type=text], input[type=password], select, textarea {
    border: 1px solid #ccc;
    color: #646464;
    background-color: #fff;
    padding-left: 3px;
    font-size: 11px;
}

input[type=text].obligatorio, input[type=password].obligatorio, select.obligatorio,
    textarea.obligatorio, input[type=text].cajaTextoObligat, input[type=password].cajaTextoObligat,
    select.cajaTextoObligat, textarea.cajaTextoObligat, input[type=text].obligatorio:disabled,
    input[type=password].obligatorio:disabled, select.obligatorio:disabled,
    textarea.obligatorio:disabled, input[type=text].cajaTextoObligat:disabled,
    input[type=password].cajaTextoObligat:disabled, select.cajaTextoObligat:disabled,
    textarea.cajaTextoObligat:disabled, input[type=text][readonly].obligatorio,
    input[type=password][readonly].obligatorio, select[readonly].obligatorio,
    textarea[readonly].obligatorio, input[type=text][readonly].cajaTextoObligat,
    input[type=password][readonly].cajaTextoObligat, select[readonly].cajaTextoObligat,
    textarea[readonly].cajaTextoObligat, input[type=text][readonly="readonly"].obligatorio,
    input[type=password][readonly="readonly"].obligatorio, select[readonly="readonly"].obligatorio,
    textarea[readonly="readonly"].obligatorio, input[type=text][readonly="readonly"].cajaTextoObligat,
    input[type=password][readonly="readonly"].cajaTextoObligat, select[readonly="readonly"].cajaTextoObligat,
    textarea[readonly="readonly"].cajaTextoObligat {
    background: #f8efdd;
}

input[type=text]:focus, input[type=password]:focus, select:focus,
    textarea:focus {
    border-color: #557CAC;
    box-shadow: 0 0 1px #557CAC;
    outline: none;
}

input[type=text]:disabled, input[type=password]:disabled, select:disabled,
    textarea:disabled {
    background: #E6E6E6;
    color: #8E8A8A;
}

input[type=text][readonly], input[type=password][readonly], select[readonly],
    textarea[readonly], input[type=text][readonly="readonly"], input[type=password][readonly="readonly"],
    select[readonly="readonly"], textarea[readonly="readonly"] {
    background: #f5f5f5;
}

input[type=text].error, input[type=password].error, select.error,
    textarea.error, input[type=text].cajaTextoAlertaFoco, input[type=password].cajaTextoAlertaFoco,
    select.cajaTextoAlertaFoco, textarea.cajaTextoAlertaFoco {
    border-color: #E49292;
    box-shadow: 0 0 1px #E49292;
}

/* _____________ CLASES GENERALES  ____________________________________ */
.label {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.cont_gral {
    width: 100%;
    margin: 0px auto;
}

.clear {
    clear: both;
    height: 3px;
}

a:hover {
    text-decoration: underline;
}

.btn {
    font-size: 0.7em;
    color: #6c8db1;
    background: #fff url(../img/bk_btn.gif) repeat-x top;
    border: 1px solid #bababa;
    display: block;
    padding: 0.1em 0.4em;
    cursor: pointer;
}

.btn:hover {
    font-size: 0.7em;
    color: #6c8db1;
    background: #fff url(../img/bk_btn_hov.gif) repeat-x top;
    border: 1px solid #666;
    padding: 0.1em 0.4em;
    cursor: pointer;
}

.space {
    width: 95%;
    height: 7px;
    font-size: 2px;
}

.space2 {
    width: 95%;
    height: 10px;
    font-size: 2px;
}

.tituloPagina {
    font-size: 1.2em;
    color: #7992bd;
    margin: 4px 0px;
    display: block;
    clear: both;
}

.subtituloPagina {
    font-size: 0.9em;
    color: #7992bd;
    margin: 2px 0px;
    display: block;
}

.mrg {
    padding: 10px;
    border: 1px solid #d5deef;
}

.txt_obligatorio {
    color: #ff0000;
}

.examinar {
    background: transparent url(../img/ico_examinar_2.gif) no-repeat bottom;
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    padding: 1px;
    border: none;
}

.examinar_2 {
    background: transparent url(../img/ico_examinar.gif) no-repeat bottom;
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    padding: 1px;
    border: none;
}

.examinar_3 {
    background: transparent url(../img/ico_examinar_3.gif) no-repeat bottom;
    width: 15px;
    height: 15px;
    border: none;
    cursor: pointer;
    padding: 1px;
    border: none;
}

.aceptar {
    background: transparent url(../img/ico_aceptar.gif) no-repeat right
        center;
    height: 15px;
    border: none;
    cursor: pointer;
    padding: 1px 15px 1px 1px;
    font-size: 10px;
    border: none;
    margin: 1px;
}

.cancelar {
    background: transparent url(../img/ico_limpiar.gif) no-repeat right
        center;
    height: 15px;
    border: none;
    cursor: pointer;
    padding: 1px 15px 1px 1px;
    font-size: 10px;
    border: none;
    margin: 1px 3px;
}

.bloque {
    padding-top: 3px;
    width: 100%;
    *width: 100%;
    _width: 96.8%;
}

.ftl {
    float: left;
}

.ftr {
    float: right;
}

.clear:after {
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
    clear: both;
}

.both {
    clear: both;
}

/* Definicion cmapli */
#cmapli {
    width: 99%;
    margin: 6px 0 0;
    text-align: left;
    clear: both;
}

#cmapli .nihil {
    font-size: 1px;
}

#cmapli .nihil12px {
    font-size: 1px;
    height: 12px;
}

#cmapli .nihill5px {
    font-size: 1px;
    width: 5px;
}

/* gris oscuro */
.txt07gr3 {
    font-size: 0.7em;
    color: #666666;
}

/* azul */
.txt07azu {
    font-size: 0.7em;
    color: #557CAC;
}

.checkbox {
    float: right;
}

div.spacer {
    clear: both;
}

#lista {
    clear: both;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 214, 214);
    margin-left: 30px;
    margin-right: 30px;
}

.lista {
    clear: both;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 214, 214);
    margin-left: 30px;
    margin-right: 30px;
}

/* Rastro de migas */
.tituloSeccion {
    font: 0.8125em Arial, Helvetica, sans-serif;
    color: #fff;
}

#rastroMigas {
    padding: 0;
    background: #29476B;
}

/* Estilos tablas */
.standardTable {
    width: 500px;
    border: 2px solid #d6d6d6;
    margin-left: 200px;
}

.buttonsRowRightColumn {
    text-align: right;
    width: 15%;
}

.buttonsRowLeftColumn {
    text-align: left;
    width: 55%;
}

.buttonsRowCenterColumn {
    text-align: center;
    width: 100%;
}

.paginatorTextUltimo {
    color: #666666;
    font-size: 11px;
}

.paginatorTextUltimo:hover {
    text-decoration: underline;
}

.paginatorNumbers {
    text-align: left;
    color: #666666;
    font-size: 11px;
}

.paginatorNumbersSin {
    font-size: 11px;
    padding: 0 2px;
    background-color: transparent !important;
    border: 1px solid #E4E4E4 !important;
}

.paginatorNumbersSin a {
    color: #666;
    display: block;
    float: left;
    padding: 2px;
    border: 1px solid #e4e4e4;
}

.paginatorNumbersSin a:hover {
    color: #666;
    display: block;
    float: left;
    background: #dde4f1;
    border: 1px solid #93b4d9;
}

.boton {
    margin: 7px 12px 15px 120px;
    cursor: pointer;
}

/* ________________________ Componente Listado de valores _________________________ */
.abrirImg {
    padding-top: 1px;
    margin-left: 2px
}

.cerrarImg {
    padding-bottom: 5px;
    padding-left: 1px;
}

.richMpnlText {
    color: #FFFFFF;
}

.tabla {
    border-collapse: collapse;
    border: #D6D6D6 1px solid;
    text-align: center;
    margin-left: 25px;
    width: 350px;
    background-color: #ffffff;
}

.tabla th {
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
}

.highlightedRow {
    background-color: #e0eaf7;
    cursor: pointer;
}

.highlightedRowLp {
    background-color: #e0eaf7;
}

.highlightedRowLp td {
    border-bottom: 1px solid #e0eaf7;
}

.highlightedRowLpNp {
    background-color: #e0eaf7;
}

.highlightedRowLpNp td {
    border-bottom: none;
}

/* _____________________ Componente Menu Visual _______________________ */
.tablaMenuVisual {
    width: 450px;
    float: left;
    margin: 0;
    border-collapse: collapse;
    border: 0px !important;
}

.tdItemMenuVisual {
    height: 100% !important;
}

.tableItemMenuVisual {
    border: #D6D6D6 1px solid !important;
    heigth: 100% !important;
}

.rf-dg-c {
    border: 0px !important;
    padding: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    height: 100% !important;
}

.imagenMv {
    width: 108px;
    height: 108px
}

.tablaMessages {
    text-align: left;
    border-collapse: collapse;
    border: #D6D6D6 1px solid;
}

.tablaMessages .imgMensaje {
    text-align: left;
}

.tablaMessages .tituloDetalle {
    font-size: 11px;
    color: #4c4c4c;
    font-weight: bold;
}

.tablaMessages .tituloMessages {
    padding-bottom: 0.2em;
    font-weight: bold;
    color: #557cac;
    font-size: 11px;
}

.tablaMessages .info {
    color: #4C4C4C;
    font-weight: strong;
    font-size: 10px;
}

.tablaMessages .tablaTituloMsg {
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    padding: 0px;
    background: #fff;
}

.tablaMessages .subTabla {
    width: 100%;
    min-height: 15px;
    background: #fff;
    padding: 0px;
}

.subTabla img {
    margin: 5px 2px 5px 10px;
}

/* __________________ Componente Lista Paginada ___________________________ */
.listaPaginada, .listaPaginadaSinCapa {
    border-collapse: collapse;
    border: #e4e4e4 1px solid;
    text-align: left;
    width: 100%;
    background-color: #ffffff;
    margin: 3px 0 0 0;
}

.listaPaginada td, .listaPaginadaSinCapa td {
    padding: 1px 3px;
}

.listaPaginadaSinCapa {
    margin-left: 0px;
    width: 330px;
}

.actualPage {
    color: #557CAC;
    text-align: center;
    font-size: 10px;
    border-right: 2px solid #d6d6d6;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
}

.actualPageSin {
    color: #557CAC;
    text-align: center;
    font-size: 10px;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
}

.paginatorActual {
    text-align: left;
    padding: 2px 5px;
    font-size: 11px;
    color: #666;
    display: block;
    /* float: left;
    */
    background: #dde4f1;
    border: 1px solid #93b4d9;
}

/* #0006476 */
.deshabilitado {
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

/* ______________ IDIOMAS __________________________ */
#versiones a {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-size: 1em;
    padding: 0 0.5em;
    margin: 0;
}

#versiones {
    text-align: left;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    color: #666;
    padding: 0;
}

#errorClass {
    clear: both;
    color: #D40707;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    padding: 10px;
    text-align: center;
}

.errorClass {
    clear: both;
    color: #D40707;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    padding: 10px;
    text-align: center;
}

#infoClass {
    clear: both;
    color: #7992BD;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    padding: 10px;
    text-align: center;
}

.infoClass {
    clear: both;
    color: #7992BD;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    padding: 10px;
    text-align: center;
}

/* ________________ Listas paginadas ________________________ */
.listaPaginadaScroller {
    background: #E4E4E4;
    border-bottom: 1px solid #6F96C2;
    text-align: center;
    padding: 0 5px;
}

/* ListaPaginadaControlM,
detailJobSample.xhtml */
.detailLabel {
    font-size: 11px;
    padding-left: 40px;
}

.detailValue {
    font-size: 11px;
    padding-left: 10px;
}

/* __________Pretty printing styles. Used with prettify.js. ________ */
.str {
    color: #080;
}

.kwd {
    color: #008;
}

.com {
    color: #800;
}

.typ {
    color: #606;
}

.lit {
    color: #066;
}

.pun {
    color: #660;
}

.pln {
    color: #000;
}

.tag {
    color: #008;
}

.atn {
    color: #606;
}

.atv {
    color: #080;
}

.dec {
    color: #606;
}

pre.prettyprint {
    padding: 2px;
    border: 1px solid #888;
}

@media print {
    .str {
        color: #060;
    }
    .kwd {
        color: #006;
        font-weight: bold;
    }
    .com {
        color: #600;
        font-style: italic;
    }
    .typ {
        color: #404;
        font-weight: bold;
    }
    .lit {
        color: #044;
    }
    .pun {
        color: #440;
    }
    .pln {
        color: #000;
    }
    .tag {
        color: #006;
        font-weight: bold;
    }
    .atn {
        color: #404;
    }
    .atv {
        color: #060;
    }
}

/* Fin pretty printing styles. Used with prettify.js. */
/* Estilos Listas Paginadas y Lista Valores */
/* Para el datatable de Lista Paginada */
.titulolista {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(214, 214, 214);
    height: 20px;
    background-color: #ececec;
}

#titulolista {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(214, 214, 214);
    height: 20px;
    background-color: #ececec;
}

/* Elementos formularios */
.formulario {
    width: 100%;
    border: 1px solid lightgrey;
    padding: 10px 10px 10px 10px;
    border-spacing: 4px;
    background-color: #fff;
    padding-left: 4px;
    font-size: 11px;
}

/* estilo del texto de los botones
que acompaña el gif azul circular */
.botonAplicacionTXT {
    font-size: 10px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}

span:hover.botonAplicacionTXT {
    text-decoration: none;
    color: #000;
}

a:hover.botonAplicacionTXT {
    text-decoration: none;
    color: #000;
}

a.botonAplicacionTXT img {
    padding: 2px 3px;
}

/* boton generico formularios */
.botonGenerico {
    border: #557cac 1px solid;
    background-color: #fff;
    color: #434343;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    /* pongo cursor para cuando usemos este estilo
    en objetos que no sean botones reales.
    se declara de las 2 formas para compatibilidad ie/mozilla
    cursor: pointer;
    cursor: hand;
    */
}

.tooltip {
    border: #B6CDE0 1px solid;
    background: #FFFFF0;
    font-size: 10px;
    color: #646464;
    padding-left: 4px;
    padding-right: 4px;
    height: 20px;
}

/* ______________________CAJA FIELDSET _________________________ */
.fieldset {
    border-top: 1px solid #7992bd;
    padding: 5px 0 7px 0;
}

/* titulo del fieldset */
.legend {
    font-size: 11px;
    color: #557cac;
    padding-bottom: 7px;
    font-weight: bold;
    text-decoration: none;
}

.legendMargin {
    font-size: 11px;
    color: #557cac;
    padding-bottom: 7px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
}

.legendMargl10 {
    font-size: 11px;
    color: #557cac;
    padding-bottom: 7px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 10px;
}

/* _________________ ESTILO TABLA PIJAMA __________________________ */
.tablaPijama {
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #ccc !Important;
    border-left: 1px solid #e4e4e4;
    /* border-collapse: collapse;
    */
}

.thPijama {
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom: #81a8d3 1px solid;
    border-top: #81a8d3 1px solid;
    background: #dde4f1;
    color: #6f96c2;
}

.rf-dt-shdr-c {
    background-image: none !Important;
    font-size: 11px;
    text-align: left !Important;
    /* font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom: #81a8d3 1px solid;
    border-top: #81a8d3 1px solid;
    background: #dde4f1;
    color: #6f96c2;
    */
}

.tablaPijama th {
    border-bottom: #B6CDE0 1px solid;
}

.tablaPijama th img {
    vertical-align: top;
    margin: 4px 3px 1px 3px;
}

.tablaPijama th a {
    font-size: 11px;
    font-weight: bold;
}

.tablaPijama tr {

}

.tablaPijama td {
    font-size: 11px;
    color: #646464;
    padding: 3px;
    border-right: 1px solid #e4e4e4;
}

.thPijamaSorted {
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
    background: #F3F3F5;
    background-repeat: no-repeat;
    background-position: right;
}

.thPijamaSortable {
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom: #B6CDE0 1px solid;
    background: #F3F3F5;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("../img/arrow_off.jpg");
}

.thPijamaAsc {
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom: #B6CDE0 1px solid;
    background: #F3F3F5;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("../img/arrow_up.jpg");
}

.thPijamaDesc {
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom: #B6CDE0 1px solid;
    background: #F3F3F5;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("../img/arrow_down.jpg");
}

.thPijama a, .thPijamaSorted a, .thPijamaSortable a, .thPijamaAsc a,
    .thPijamaDesc a {
    font-size: 11px;
    font-weight: bold;
    color: #6f96c2;
}

.thPijama a:hover, .thPijamaSorted a:hover, .thPijamaSortable a:hover,
    .thPijamaAsc a:hover, .thPijamaDesc a:hover {
    color: #6f96c2;
}

.trPijamaImpar {
    font-size: 11px;
    background-color: #fff;
    border-bottom: #e5e5e5 1px dotted;
}

.trPijamaPar {
    font-size: 11px;
    background-color: #f5f5f5;
    border-bottom: #e5e5e5 1px dotted;
}

/* el ultimo a la derecha<td> no lleva este estilo porque
la raya separatoria la pinta el borde de la tabla */
.tdPijama {
    font-size: 11px;
    color: #646464;
    border-bottom: #e5e5e5 1px dotted;
    padding: 1px;
}

/* el ultimo a la derecha<td> no lleva este estilo porque
la raya separatoria la pinta el borde de la tabla */
.tdFirst {
    border-bottom: #e5e5e5 1px dotted;
}

.trListaBase {
    background: #fff;
}

.trListaBase td {
    border-bottom: #e5e5e5 1px dotted;
}

/* Calendario */
td.heading {
    text-decoration: none;
    color: black;
    font: bold 10pt Arial, Helvetica;
}

a.focusDay:link {
    color: #FFFFFF;
    text-decoration: none;
    font: 10pt Arial, Helvetica;
}

a.focusDay:hover {
    color: #FFFFFF;
    text-decoration: none;
    font: 10pt Arial, Helvetica;
}

a.focusDay:visited {
    color: #FFFFFF;
    text-decoration: none;
    font: 10pt Arial, Helvetica;
}

a.festDay:link {
    color: #C30505;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.festDay:hover {
    color: #C30505;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.festDay:visited {
    color: #C30505;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.weekDay:link {
    color: black;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.weekDay:hover {
    color: black;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.weekDay:visited {
    color: black;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.currentDay:link {
    color: black;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.currentDay:hover {
    color: black;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

a.currentDay:visited {
    color: black;
    font: 10pt Arial, Helvetica;
    text-decoration: none;
}

/* Componente Calendario */
.rich-calendar-month {
    color: #FFFFFF;
}

.rich-calendar-tool {
    color: #FFFFFF;
}

.festivosCAM {
    background-color: #E5EDFB !Important;
    /* #ccc;
    */
    font-weight: bold;
    color: #7992BD;
    /* #666;
    */
}

.festivosLocal {
    background-color: #E5EDFB;
    /* #4496C6;
    */
    font-weight: bold;
    color: #FFFFFF;
}

.cajaMensaje {
    clear: both;
    text-align: center;
    padding: 10px;
    font-size: 0.7em;
    color: #4c4c4c;
}

/* Solapas */
.rf-tab-cnt {
    font-size: 16px !Important;
}

.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
    background: none !Important;
    border-style: none !Important;
}

/* Nuevos estilos para eliminar la definición directa en los xhtml. */
.ancho100pc {
    width: 100%;
}

.ancho100pc_border {
    border-top: 1px solid #d5deef;
    border-right: 1px solid #d5deef;
    border-left: 1px solid #d5deef;
    width: 100%;
}

.ancho89px {
    width: 89px;
}

.ancho130ipx {
    width: 130px !important;
}

.negrita {
    font-weight: bold;
}

.navegadores {
    bottom: 3px;
    position: relative;
}

.sangriaLista {
    padding-left: 10px;
    background: url(../img/topo.jpg) no-repeat 0px 10px;
}

.marginAuto {
    margin: 0px auto;
}

.alignLeft {
    text-align: left;
}

.footer1 {
    clear: both;
    width: 100%;
    margin-top: 6px;
    border: 0px;
    padding: 0px;
}

.footer2 {
    padding: 0px;
    width: 100%;
    border: 0px;
    margin: 0px;
}

.footer3 {
    width: 195px;
    text-align: center;
    white-space: nowrap;
}

.footer4 {
    text-align: right;
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}

.errorStyle {
    border: 1px solid #e4e4e4;
}

.valignBottom {
    vertical-align: bottom;
}

.valignTop {
    vertical-align: top;
}

.valignTop12 {
    width: 12.25em;
    vertical-align: top;
}

.logo {
    width: 89px;
    height: 64px;
}

/* _______________________  LOGIN  _____________________________________________________ */
.centrado {
    text-align: center
}

.cont_gral_login {
    width: 743px;
    margin: 0px auto !Important;
    text-align: left
}

.env {
    display: inline;
    float: right;
    width: 743px;
    height: 700px;
    background: url(../img/bk_login.jpg) no-repeat;
}

.header {
    width: 510px;
    height: 415px;
    display: inline;
    float: right;
    margin: 30px 0 0 0;
}

.header h1 {
    width: 380px;
    font-size: 0.9em;
    font-weight: normal;
    color: #666666;
    display: inline;
    float: left;
    padding: 25px 0 0 10px;
}

.header h2 {
    width: 290px;
    text-align: center;
    font-size: 0.85em;
    display: inline;
    float: left;
    font-weight: bold;
    color: #81a8d3;
    margin: 180px 0px 20px 0px;
}

.header img {
    display: inline;
    float: left;
}

.login_footer {
    width: 500px;
    display: block;
    float: right;
    font-size: 0.6em;
    color: #666;
    text-align: right;
}

.login_footer a, .login_footer span {
    padding: 3px;
    color: #666;
    font-size: 10px;
}

.seg {
    border-top: 1px solid #bccad9;
    margin: 3px 0 0 0;
    padding: 3px 0 0 0;
}

.seg .av_izq {
    padding: 0;
}

.errorLogin {
    font-size: 13px;
}

.errorLogin a {
    color: #9E1519;
    font-size: 11px;
    text-decoration: underline;
}

/* _______________________  CABECERA  _____________________________________________________ */
/* Clase que define el estilo del div que contiene toda la cabecera */
.capa {
    width: 99%;
    border-left: 2px solid #fff;
}

/* Estilo para el div de la parte de la izquierda  (home) */
.capa #izq {
    float: left;
    width: 180px\9;
}

/* Estilo del div de la parte de la derecha (logout) */
.capa #der {
    float: right;
    width: 256px\9;
}

/* Estilo del div contenedor de la parte central de la cabera */
.capa #ctr {
    overflow: hidden;
    padding: 8px 5px 0 5px;
}

/* Estilo del div central donde se encuentra el título y subtítulo */
.capa #ctr .cab {
    overflow: hidden;
    padding-right: 5px;
}

/* Titulo incluido en el div con clase cab */
.capa #ctr .cab h1 {
    font-size: 0.8em;
    font-weight: normal;
    color: #666666;
    padding: 7px 0 0 110px;
}

/* Subtitulo incluido en el div con clase cab */
.capa #ctr .cab h2 {
    font-size: 0.8em;
    font-weight: bold;
    color: #81a8d3;
    padding-left: 110px;
}

/* Imagen incluida en el div con la clase cab */
.capa #ctr .cab img {
    float: left;
}

/* Estilo del div central,
reservado para rellenar por el usario */
.capa #ctr #cabeceraCentral {
    float: right;
}

/* Clase que define el contenedor de la cabecera central personalizable */
.cabeceraCentral {

}

.usuario {
    display: inline;
    float: right;
    width: 252px;
    height: 65px;
    background: url(../img/bk_usuario.jpg) no-repeat;
    color: #666;
    font-size: 0.7em;
    padding: 5px 2px;
}

.usuario p {
    display: inline;
    float: right;
    padding: 0 6px;
}

.usuario p.user {
    display: inline;
    float: left;
    text-align: left;
    background: url(../img/ico_user.gif) no-repeat left top;
    padding: 0px 0px 2px 20px;
    width: 170px;
    margin: -20px 5px;
}

.usuario .lastLogin {
    display: inline;
    float: left;
    text-align: left;
    padding: 0px 0px 4px 20px;
    width: 170px;
    margin: 0px 5px;
}

.usuario .ultimoAcceso {
    display: inline;
    float: left;
    text-align: left;
    padding: 0px 0px 2px 20px;
    width: 170px;
    margin: 0px 5px;
}

a.desconectar {
    display: block;
    float: right;
    background: url(../img/desconectar.gif) no-repeat;
    width: 20px;
    height: 17px;
    margin: 0 5px;
}

/* _______________________  MENU HORIZONTAL  _____________________________________________________ */
/* Nuevo estilo de barra horizontal utilizando degradados y con altura automatica. Incidencia #4209 */
.menu_horiz {
    background: #AAAAAA;
    background: -webkit-gradient(linear, left bottom, left top, from(#999999),
        to(#F0F0F0)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(bottom, #999999, #F0F0F0);
    /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(bottom, #999999, #F0F0F0);
    /* FF3.6+ */
    background: -ms-linear-gradient(bottom, #999999, #F0F0F0); /* IE10 */
    background: -o-linear-gradient(bottom, #999999, #F0F0F0);
    /* Opera 11.10+ */
    background: linear-gradient(bottom, #999999, #F0F0F0); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr='#F0F0F0', endColorstr='#999999');
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    display: inline;
    float: left;
    font-size: 0.9em;
    min-height: 25px;
    height: auto;
    width: 100%;
}

/* _______________________  MENU VERTICAL  _____________________________________________________ */
.menu_vert {
    width: 180px;
    display: inline;
}

.menu_vert ul {

}

.menu_vert li {
    width: 170px;
    color: #FFF;
    font-size: 0.9em;
    margin: 0px;
    border: none;
}

.menu_vert a {
    display: block;
    border-bottom: 1px solid #dddddd;
    color: #fff;
    padding: 5px;
    width: 160px;
    *width: 160px;
    _width: 170px;
    font-size: 14px;
}

.menu_vert a:hover {
    text-decoration: none;
    background: url(../img/bk_span_vert.jpg) repeat-y right;
    padding: 5px;
    color: #FFFFFF;
}

.menu_vert span {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    border-bottom: 1px dashed #fff;
    color: #FFF;
    width: 160px;
    *width: 160px;
    _width: 170px;
    background: url(../img/bk_span_vert.jpg) repeat-y right;
    padding: 5px;
}

.menu_vert li ul li {
    width: 170px;
    background: #fff
}

.menu_vert li ul li a {
    color: #7992bd;
    width: 158px;
    *width: 158px;
    _width: 170px;
    padding: 5px 0px 5px 12px;
    background: #fff url(../img/topo.jpg) no-repeat 5px 12px;
    font-size: 12px;
}

.menu_vert li ul li a:hover {
    width: 158px;
    *width: 158px;
    _width: 170px;
    border-bottom: 1px solid #dddddd;
    color: #7992bd;
    text-decoration: none;
    background: #fff url(../img/topo_hov.jpg) no-repeat left top;
    padding: 5px 0px 5px 12px;
}

.menu_vert li ul li span {
    width: 158px;
    *width: 158px;
    _width: 170px;
    border-bottom: 1px solid #dddddd;
    color: #7992bd;
    text-decoration: none;
    background: url(../img/topo_hov.jpg) no-repeat left top;
    padding: 5px 0px 5px 12px;
}

.menu_vert li ul li ul li {
    background: #fff;
    width: 170px;
}

.menu_vert li ul li ul li a {
    width: 146px;
    *width: 146px;
    _width: 170px;
    border-bottom: 1px solid #dddddd;
    color: #7992bd;
    background: url(../img/topo.jpg) no-repeat 11px 12px;
    padding: 5px 5px 5px 19px;
}

.menu_vert li ul li ul li a:hover {
    width: 146px;
    *width: 146px;
    _width: 170px;
    border-bottom: 1px solid #dddddd;
    color: #666;
    text-decoration: none;
    background: url(../img/topo_hov_tercero.jpg) no-repeat left top;
    padding: 5px 5px 5px 19px;
}

.menu_vert li ul li ul li span {
    width: 146px;
    *width: 146px;
    _width: 170px;
    border-bottom: 1px solid #dddddd;
    color: #666;
    text-decoration: none;
    background: url(../img/topo_hov_tercero.jpg) no-repeat left top;
    padding: 5px 5px 5px 19px;
}

/* _______________________  CONTENIDOS CON MENU VERTICAL _____________________________________________________ */
.mizq {
    width: 190px;
    padding-left: 3px;
    vertical-align: top
}

.cont_cuerpo {
    width: 100%;
    vertical-align: top
}

.cuerpo {
    padding: 7px 5px 7px 15px;
    display: inline;
    float: left;
    width: 98.4%;
}

.infox {
    background: #f5f5f5;
    border-bottom: 1px solid #d5deef;
    display: inline;
    float: left;
    margin: 5px 0 0 0;
    width: 100%;
}

.breadcrumbs {
    display: inline;
    clear: both;
    font-size: 0.7em;
    color: #666;
    padding: 3px 0;
    clear: both;
}

.breadcrumbs a {
    margin: 0 5px 0 0;
    color: #666;
    text-decoration: underline;
}

.breadcrumbs span {
    color: #7992bd;
    font-weight: bold;
}

/* _______________________  SOLAPAS  _____________________________________________________ */
.solapas {
    display: inline;
    float: left;
    width: 100%;
    font-size: 0.8em;
    background: url(../img/bk_solapas.gif) repeat-x bottom;
}

.solapas li {
    display: inline;
    float: left;
    border-right: 1px solid #fff;
}

.solapas a {
    display: inline;
    float: left;
    background: #e7ebf2;
    color: #6f96c2;
    padding: 5px 5px 4px 5px;
    margin: 3px 1px 1px 0;
    border-top: 1px solid #e7ebf2;
    border-right: 1px solid #e7ebf2;
    border-left: 1px solid #e7ebf2;
}

.solapas a:hover {
    text-decoration: none;
    display: inline;
    float: left;
    padding: 5px 5px 4px 5px;
    color: #5f7fa4;
    margin: 3px 1px 1px 0;
    border-top: 1px solid #d5deef;
    border-left: 1px solid #d5deef;
    border-right: 1px solid #d5deef;
    background: #f5f5f5 url(../img/bk_solapas_span.gif) repeat-x top;
}

.solapas span {
    display: inline;
    float: left;
    padding: 7px 5px 7px 5px;
    color: #5f7fa4;
    margin: 0 1px 0 0;
    border-top: 1px solid #d5deef;
    border-left: 1px solid #d5deef;
    border-right: 1px solid #d5deef;
    background: #f5f5f5 url(../img/bk_solapas_span.gif) repeat-x top;
    font-weight: bold;
}

.myFaces_pannelTabbedPane_subHeaderRow {
    display: none;
}

.myFaces_panelTabbedPane_inactiveHeaderCell,
    .myFaces_panelTabbedPane_disabledHeaderCell {
    border: none !Important;
}

/* _______________________  CONTENIDOS 100% _____________________________________________________ */
.cuerpo_100 {
    display: inline;
    float: left;
    padding: 7px 0px 7px 5px;
    background: #ffffff;
    width: 100%
}

.cuerpo_100 .info {
    display: inline;
    float: left;
}

.cuerpo_100 .breadcrumbs {
    display: inline;
    float: left;
    font-size: 0.7em;
    color: #666;
    padding: 3px 0;
}

.breadcrumbs a {
    margin: 0 5px 0 0;
    color: #666;
    text-decoration: underline;
}

.breadcrumbs span {
    color: #7992bd;
    font-weight: bold;
}

/* _______________________  BLOQUES _____________________________________________________ */
.bloques {
    display: inline;
    float: left;
    width: 100%;
}

.bloques table.brders {
    padding-bottom: 10px;
    border-right: 1px solid #d5deef;
    border-left: 1px solid #d5deef;
}

.bloques table td {

}

.bloques ul {
    margin: 3px 5px;
}

.tituloFormulario {
    display: block;
    border-bottom: 1px solid #B6CDE0;
    padding: 6px 0 1px 0;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #6f96c2;
    font-weight: bold;
    width: 100%;
    *width: 100%;
    _width: 97%;
}

/* _______________________  BOX _____________________________________________________ */
.box {
    display: block;
    float: left;
    width: 50%;
}

.subtituloFormulario {
    display: block;
    padding: 9px 0 1px 0px;
    margin: 0 0 5px 0;
    font-size: 11.2px;
    color: #6f96c2;
    border-bottom: 1px solid #ccc;
    width: 100%;
    *width: 100%;
    _width: 97%;
}

/* _______________________  FORMULARIOS _____________________________________________________ */
.formularios {
    display: inline;
    float: left;
    padding: 10px;
}

.formularios label {
    display: inline;
    float: left;
    padding: 0 0 0 5px;
}

.formularios label, .formularios input, .formularios  select {
    font-size: 0.7em;
    color: #666;
    display: inline;
    float: left;
    margin: 0 5px 8px 0;
}

.formularios  select {
    border: 1px solid #ccc;
}

.formularios .checkbox {
    display: inline;
    float: left;
    margin: 0 5px 8px 0
}

/* _______________________  TABLA MODELO  1 _____________________________________________________ */
.tabla_mod1 {
    display: block;
    border-top: 1px solid #6f96c2;
    margin: 10px;
    _width: 99%;
}

.tabla_mod1 table {
    width: 100%;
    background: #fff;
}

.tabla_mod1 tr.top {
    background: #dde4f1;
}

.tabla_mod1 th {
    border-bottom: 1px solid #6f96c2;
    font-size: 0.7em;
}

.tabla_mod1 th a {
    display: block;
    float: left;
    padding: 2px 10px;
    font-weight: bold;
    color: #6f96c2;
    background: url(../img/orden.gif) no-repeat center right;
}

.tabla_mod1 th a:hover {
    text-decoration: none;
}

.tabla_mod1 tr:hover, .activerow {
    background: #e0eaf7;
}

.tabla_mod1 td {
    font-size: 0.7em;
    padding: 2px 10px;
    color: #666;
    border-bottom: 1px dotted #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

/* _______________________  TABLA MODELO  2 _____________________________________________________ */
.tabla_mod2 {
    display: block;
    border-top: 1px solid #6f96c2;
    margin: 10px;
    _width: 99%;
}

.tabla_mod2 table {
    width: 100%;
    background: #fff;
}

.tabla_mod2 tr.top {
    background: #dde4f1;
}

.tabla_mod2 th {
    border-bottom: 1px solid #6f96c2;
    font-size: 0.7em;
}

.tabla_mod2 th a {
    display: block;
    float: left;
    padding: 2px 10px;
    font-weight: bold;
    color: #6f96c2;
    background: url(../img/orden.gif) no-repeat center right;
}

.tabla_mod2 th a:hover {
    text-decoration: none;
}

.tabla_mod2 tr:hover, .activerow {
    background: #e0eaf7;
}

.tabla_mod2 td {
    font-size: 0.7em;
    padding: 2px 10px;
    color: #666;
    border-bottom: 1px dotted #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.par {
    background: #f5f5f5;
}

/* _______________________  MENU VISUAL _____________________________________________________ */
.rf-dg-r {
    vertical-align: top;
}

/* _______________________  BARRA BOTONES _____________________________________________________ */
.botonera {
    width: 100%;
    display: inline;
    float: left;
    background: #dde4f1;
    text-align: right;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera a img {
    margin: 0px 3px 3px 3px;
}

.botonera_gris {
    width: 100%;
    display: inline;
    float: left;
    background: #e4e4e4;
    text-align: right;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera_gris a img {
    margin: 0px 3px 3px 3px;
}
.botoneraborder {
    width: 100%;
    display: inline;
    float: left;
    background: #dde4f1;
    text-align: right;
    margin: 0px;
    border-top: 1px solid #8096c0;
    border-bottom: 1px solid #8096c0;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botoneraborder tbody{
    text-align: left;
    width: 99%;
    float: left;
    display: inline;
}
.botoneraborder a img {
    margin: 0px 3px 3px 3px;
}

.botonera_interior {
    width: 100%;
    *width: 100%;
    _width: 94.5%;
    display: inline;
    float: left;
    background: #dde4f1;
    text-align: right;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera_interior a img {
    margin: 0px 3px 3px 3px;
    max-height: 15px;
    max-width: 15px;
}

.botonera_gris_interior {
    width: 100%;
    *width: 100%;
    _width: 94.5%;
    display: inline;
    float: left;
    background: #e4e4e4;
    text-align: right;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera_gris_interior a img {
    margin: 0px 3px 3px 3px;
}

.botoneraborder_interior {
    width: 100%;
    *width: 100%;
    _width: 94.5%;
    display: inline;
    float: left;
    background: #dde4f1;
    text-align: right;
    margin: 0px;
    border-top: 1px solid #8096c0;
    border-bottom: 1px solid #8096c0;
    height: 22px;
}

.botoneraborder_interior a img {
    margin: 0px 3px 3px 3px;
}

.botonera_izquierda {
    width: 100%;
    position: relative;
    display: inline;
    float: left;
    background: #dde4f1;
    margin: 0px;
    height: 22px;
}

.botonera_izquierda a img {
    margin: 0px 3px 3px 3px;
}

.botonera_izquierda a {
    padding-left: 5px;
}

.botonera_izquierda_gris {
    width: 100%;
    display: inline;
    float: left;
    background: #e4e4e4;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera_izquierda_gris a img {
    margin: 0px 3px 3px 3px;
}

.botonera_izquierda_gris a {
    padding-left: 5px;
}

.botoneraborder_izquierda {
    width: 100%;
    display: inline;
    float: left;
    background: #dde4f1;
    margin: 0px;
    border-top: 1px solid #8096c0;
    border-bottom: 1px solid #8096c0;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botoneraborder_izquierda a img {
    margin: 0px 3px 3px 3px;
}

.botoneraborder_izquierda a {
    padding-left: 5px;
}

.botonera_izquierda_interior {
    width: 100%;
    *width: 100%;
    _width: 94.5%;
    display: inline;
    float: left;
    background: #dde4f1;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera_izquierda_interior a img {
    margin: 0px 3px 3px 3px;
}

.botonera_izquierda_interior a {
    padding-left: 5px;
}

.botonera_izquierda_gris_interior {
    width: 100%;
    *width: 100%;
    _width: 94.5%;
    display: inline;
    float: left;
    background: #e4e4e4;
    margin: 0px;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botonera_izquierda_gris_interior a img {
    margin: 0px 3px 3px 3px;
}

.botonera_izquierda_gris_interior a {
    padding-left: 5px;
}

.botoneraborder_izquierda_interior {
    width: 100%;
    *width: 100%;
    _width: 94.5%;
    display: inline;
    float: left;
    background: #dde4f1;
    margin: 0px;
    border-top: 1px solid #8096c0;
    border-bottom: 1px solid #8096c0;
    min-height: 22px;
    height: auto; /* Mejora en la altura, Incidencia 0004661 */
}

.botoneraborder_izquierda_interior a img {
    margin: 0px 3px 3px 3px;
}

.botoneraborder_izquierda a {
    padding-left: 5px;
}

/* _______________________  FOOTER  _____________________________________________________ */
.cont_gral {
    background: url(../img/fnd_cont.gif) repeat-y 2px 0px;
    min-height: 99%;
    height: auto !important;
    height: 99%;
    margin-bottom: -20px;
    position: relative;
    border-left: 2px solid #fff;
    width: 99%;
    padding: 0px;
}

.cont_gral_no_back {
    min-height: 99%;
    height: auto !important;
    height: 99%;
    margin-bottom: -20px;
    position: relative;
    border-left: 2px solid #fff;
    width: 99%;
    padding: 0px;
}

.contenidos {
    display: inline;
    float: left;
    border-left: 2px solid #fff;
    width: 99%;
    padding: 0px 0px 10px 0px;
}

.clearfooter {
    height: 22px;
    clear: both;
}

.footer {
    position: relative;
    width: 100%;
    background: #fff;
    border-top: 1px solid #7992bd;
    padding: 0px 0px 3px 0px;
    font-size: 0.7em;
    color: #666;
    background: url(../img/fnd_cont.gif) repeat-y 9px 0px;
}

* html .footer {
    position: relative;
    width: 100%;
    background: #fff;
    border-top: 1px solid #7992bd;
    padding: 0px 0px 3px 0px;
    font-size: 0.7em;
    color: #666;
    background: url(../img/fnd_cont.gif) repeat-y 4px 0px;
}

.bk_footer {
    position: relative;
    width: 100%;
    height: 18px;
    border-bottom: 1px solid #7992bd;
    background: #fff;
    padding: 2px 0px 0px 0px;
}

.idaplic p {
    width: 100%;
    margin: 0px auto;
    clear: both;
    text-align: center;
}

.avisos {
    display: inline;
    padding: 2px 5px;
    width: 100%;
}

.avisos a {
    display: block;
    padding: 2px 5px;
    color: #666;
    float: right;
}

.av_dch span {
    display: block;
    padding: 0px 0px 0px 7px;
    color: #666;
    float: right;
}

.av_izq span {
    margin-right: 5px;
}

.av_izq {
    display: inline;
    float: left;
    padding: 0px 0px 0px 5px;
}
.av_dch {
    /*display: inline;*/
    float: right;
}

#footer_bar{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    height: 18px;
    padding-top: 2px;
    background: #fff;
    border-bottom: 1px solid #7992bd;
}

#footer_nav ul{
    margin: 0;
    padding: 0;
    text-align: center;
    list-style-type: none;
}

#footer_nav ul li {
    float: left;
    padding: 0 3px;
    *display: inline;
    display: inline-block;
}

#footer_nav ul li a{
    margin: 0;
    padding: 0;
}

#footer_nav ul li a:hover{
    text-decoration: underline;
}
/* _______________________  CALENDARIO  _____________________________________________________ */
.rf-cal-extr {
    border: 1px solid #7992bd !Important;
}

.rf-cal-tl, .rf-cal-hdr-month {
    background: #d5deef !Important;
    border-bottom: 1px solid #7992bd;
    font-size: 11px;
    color: #666 !Important;
}

.rf-cal-hdr {
    background: #d5deef !Important;
    border-bottom: 1px solid #7992bd;
    font-size: 11px;
    color: #666 !Important;
    min-width: 217px;
}

.rf-cal-tl-btn-press {
    background: #d5deef !Important;
    color: #7992bd !Important;
    border: none !Important;
    padding: 2px 3px 2px 3px !Important;
}

.rich-calendar-days {
    border: none !Important;
    background: #f5f5f5 !Important;
}

.rf-cal-holiday {
    color: #7992bd !Important;
}

/* .rich-calendar-holly {
    background: #e5edfb !Important;
    color: #7992bd!Important;
}
*/
.rf-cal-edtr-btn-sel, .rf-cal-today {
    background-color: #7992bd !Important;
    padding: 2px;
    border: 0;
    color: #fff !Important;
    font-weight: bold;
    cursor: default;
}

.rf-cal-c {
    height: 20px !Important;
    font-size: 11px;
}

.rf-cal-ftr .rf-cal-tl-btn-hov {
    background: #f1eee9 !Important;
    color: #7992bd !Important;
    border: none !Important;
    padding: 2px 3px 2px 3px !Important;
}

.rf-cal-week {
    color: #646464 !Important;
    font-size: 11px;
}

.rf-cal-day-lbl {
    font-size: 11px;
}

.rf-cal-tl-btn {
    font-size: 11px;
}

/* _______________________  TABLAS  _____________________________________________________ */
.rich-panel-header {
    background-color: transparent !important;
    border: none !important;
    padding: 5px 10px;
}

.rich-toolbar {
    background: #e5edfb;
    border: none;
}

.rich-panel {
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

/* _______________________  POP UP  _____________________________________________________ */
.rf-pp-cnt {
    border: 1px solid #8096c0;
    padding: 0px;
}

.rich-mpnl-text {
    background: #7992bd;
}

.rf-pp-hdr {
    background: none repeat scroll 0 0 #8096C0 !important;
    border-color: #8096c0;
}

.rf-pp-hdr span {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.rf-pp-cnt {
    padding: 5px !important;
}

/* .rf-pp-cnt table {
    width: 100%;
}
Borramos al ser conflictivo */
.rich-mpnl-header-cell {
    height: 15px;
}

.loading {
    display: block;
    width: 20px;
}

/* _______________________  PAGINACION TABLAS _____________________________________________________ */
.rf-ds {
    background: none !important;
    border: none;
    text-align: left;
}

.rf-ds-button, .rich-datascr-ctrls-separator {
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
    padding: 0 3px;
}

.rf-ds-nmb-btn {
    border: none;
    color: #666;
    border: 1px solid #e4e4e4;
    background-color: transparent !important;
    background-image: none !important;
    width: 1.5em !important;
}

.rf-ds-nmb-btn:hover {
    color: #666;
    background: #dde4f1;
    border: 1px solid #93b4d9;
}

.rf-ds-act {
    width: auto !important;
    border-color: transparent !important;
}

.standardTable_ColumnCentered {
    margin: 0px;
    padding: 0px;
}

.standardTable_Iconos {
    width: auto;
}
.standardTable_Total {
    min-width: 10px;
}

.rf-ds-btn, .rich-datascr-ctrls-separator {
    background: none !important;
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0px !important;
}

.listaPaginadaScroller {
    background: #e4e4e4;
}

.selected-lp-row {
    background-color: #ACC9E9;
}

/* _______________________  COMPONENTE ARBOL  _____________________________________________________ */
.rich-tree-node-selected {
    border: none;
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat-x;
    padding: 0 3px;
}

.rich-tree-node-highlighted {
    text-decoration: underline;
    color: #666;
}

/* _______________________  SOLAPAS INTERIORES AL BLOQUE  _____________________________________________________ */
.pestana_interior {
    border-bottom: 1px solid #d5deef;
}

.pestana_interior .myFaces_panelTabbedPane_emptyHeaderCell {
    border: none !important;
    background: #f5f5f5 !Important;
    border-bottom: 1px solid #d5deef !important;
}

.pestana_interior .myFaces_panelTabbedPane_inactiveHeaderCell input:hover
    {
    background: #f5f5f5 url(../img/bk_solapas_span_inactiva.gif) repeat-x
        top !Important;
    border-top: 3px solid #f5f5f5 !Important;
    border-left: 1px solid #d5deef !Important;
    border-right: 1px solid #d5deef !Important;
    color: #6f96c2;
    border-bottom: 1px solid #f5f5f5 !important;
}

.pestana_interior td.solapaInactivaStyle input {
    background: #e7ebf2 !important;
    color: #557cac !important;
    text-decoration: none !important;
    text-align: center !important;
    cursor: pointer !important;
    padding: 5px 5px 1px 5px;
    border-right: 1px solid #f5f5f5 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    border-left: 1px solid #f5f5f5 !important;
    border-top: 3px solid #f5f5f5 !important;
    font-size: 12px;
}

/* _______________________  COMPONENTE DOMI  _____________________________________________________ */
.localidadSelectStyle input {
    width: 170px !important;
}

.domiSelectStyle input {
    width: 190px !important;
}

.domiNumSelect input {
    width: 30px !important;
}

.tipoVialSelectStyle input {
    width: 100px !important;
}

.ancho50px {
    width: 50px !important;
}

.paddingleft5 {
    padding-left: 5px;
}

/* _______________________ COMPONENTE PANEL AYUDA ____________________________________ */
.formPanelAyuda {
    float: right;
    position: relative;
    right: 10px;
}

/* Estilos para el bug del popupPanel en IE. No funciona correctamente la propiedad autosized en
cuanto al ancho,
siempre se muestra con el 100% de ancho de pantalla. Se definen estilos para
establecer un ancho de 300px si la propiedad autosized es true y no se especifica un ancho.
Estos estilos son válidos para las versiones 6,
7 y 8 de Internet Explorer.
Más información en la incidencia de mantis 2942. */
.rf-pp-cntr {
    width: auto;
    /* ie7 */
    *width: 340px;
}
.rf-pp-shdw {
    height: 100%;
    border-right: 4px solid #000 !important;
    border-bottom: 4px solid #000 !important;
}
.rf-pp-cnt-scrlr {
    width: auto !important;
    /* ie7 */
    *width: 300px;
}

/* Modificamos el color por defecto de los titulos de los pop-up a blanco */
div.rf-pp-hdr-cnt {
    color: #FFFFFF;
}

.spacer {
    padding-left: 4px;
    padding-right: 4px;
}

/* Estilos para el panel modal de los campos LOB */
div.fileUpload {
    width: 185px;
}

div.fileUpload span.rf-fu-btn-add {
    width: 170px;
}

div.fileUpload span.rf-fu-btns-lft {
    width: 100%;
}

div.fileUpload span.rf-fu-btns-rgh {
    width: 0%;
}

/* Estilos para que el componente <rich:message> tenga la misma apariencia que <h:message>
La equivalencia de <h:message styleClass="errorClass"/>  es <rich:message styleClass="errorRich" /> */
.errorRich .rf-msg-err .rf-msg-det, .errorRich .rf-msg-err .rf-msg-sum,
    .errorRich .rf-msg-ftl .rf-msg-det, .errorRich .rf-msg-ftl .rf-msg-sum
    {
    color: #D40707;
    font-weight: bold;
}

.errorRich .rf-msg-err, .errorRich .rf-msg-ftl {
    background: none;
    padding-left: 10px;
}
/* Estilos para que el componente <rich:message> tenga la misma apariencia que <h:message>
La equivalencia de <h:message styleClass="errorClass"/>  es <rich:message styleClass="errorRich" /> */
.errorClass .rf-msg-err .rf-msg-det, .errorClass .rf-msg-err .rf-msg-sum,
    .errorClass .rf-msg-ftl .rf-msg-det, .errorClass .rf-msg-ftl .rf-msg-sum
    {
    color: #D40707;
    font-weight: bold;
}

.errorClass .rf-msg-err, .errorClass .rf-msg-ftl {
    background: none;
    padding-left: 10px;
}

/* _____________________________________ POP-UP ATLAS _____________________________________________ */
.rf-pp-cntr.popupAtlas {
    border: 1px solid #8096C0;
}

.popupAtlas .rf-pp-cnt {
    position: relative;
    border: medium none;
    width: auto !important;
    height: auto !important;
}

.contenidoPopupAtlas {
    /* Clase del div que envuelve el contenido del pop-up popupAtlas */

}

/* _______________________________ MENSAJES RICH ____________________________________________ */
/* Clase creada para el atributo styleClass del componente rich:messages */
.mensajesRich {
    /*display: block;
    padding: 10px 15px;*/

}

.mensajesRich>span {
    border-width: 1px;
    border-style: solid;
    margin: 5px 5px 7px;
    padding: 5px 30px 5px 45px;
    background-repeat: no-repeat;
    background-position: 15px center;
    border-radius: .5em;
    color: #666666;
}

.mensajesRich .rf-msgs-err, .mensajesRich .rf-msgs-ftl, .mensajesRich .rf-msg-err,
    .mensajesRich .rf-msg-ftl {
    border-color: #F0BAA2;
    background-color: #FFD9C8;
    background-image: url('../img/error.png');
}

.mensajesRich .rf-msgs-inf, .mensajesRich .rf-msg-inf {
    /* border-color: #CCCCCC;
    background-color: #EEEEEE;
    background-image: url('../img/info.png');
    */
    border-color: #D4EBAF;
    background-color: #EDFCD5;
    background-image: url('../img/success.png');
}

.mensajesRich .rf-msgs-wrn, .mensajesRich .rf-msg-wrn {
    border-color: #EFE3AE;
    background-color: #FEF6D2;
    background-image: url('../img/warning.png');
}

.mensajesRich .rf-msgs-ok, .mensajesRich .rf-msg-ok {
    border-color: #D4EBAF;
    background-color: #EDFCD5;
    background-image: url('../img/success.png');
}

.mensajesRich .rf-msgs-sum, .mensajesRich .rf-msgs-det, .mensajesRich .rf-msg-sum,
    .mensajesRich .rf-msg-det {
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

/* _____________________________________ BOTON POR DEFECTO _____________________________________________ */
button, input[type="reset"], input[type="submit"], input[type="button"],
    button.rf-pick-btn {
    /* Botón del componente rich: pickList */
    background: #DDE4F1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7ecf5),
        to(#c0d0ed)); /* Saf4+, Chrome */
    background: -webkit-linear-gradient(top, #e7ecf5, #c0d0ed);
    /* Chrome 10+, Saf5.1+ */
    background: -moz-linear-gradient(top, #e7ecf5, #c0d0ed); /* FF3.6+ */
    background: -ms-linear-gradient(top, #e7ecf5, #c0d0ed); /* IE10 */
    background: -o-linear-gradient(top, #e7ecf5, #c0d0ed);
    /* Opera 11.10+ */
    background: linear-gradient(top, #e7ecf5, #c0d0ed); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
        startColorstr='#e7ecf5', endColorstr='#c0d0ed'),
        chroma(color = #000000);
    border: 1px solid #5187B8;
    border-radius: 0.4em;
    color: #666666; /* gris */
    font-size: 11.2px;
    margin: 1px;
    padding: 3px 8px;
    padding: 2px 4px\9; /* IE7 y IE8 */
    text-align: center;
    vertical-align: middle;
}

button:hover, input[type="reset"]:hover, input[type="submit"]:hover,
    input[type="button"]:hover, button.rf-pick-btn:hover {
    /* Botón del componente rich: pickList */
    filter: chroma(color = #000000);
    background: none repeat scroll 0 0 #DDE4F1;
    color: #010101;
    cursor: pointer;
}

button[disabled], input[type="reset"][disabled], input[type="submit"][disabled],
    input[type="button"][disabled], button[disabled].rf-pick-btn {
    /* Botón del componente rich: pickList */
    filter: chroma(color = #000000); /* IE7 y IE8 */
    background: none repeat scroll 0 0 #DDE4F1;
    border-color: #A4A4A4;
    color: #A4A4A4;
    cursor: default;
    padding: 2px 0\9; /* IE7 y IE8 */
}

/* ________________ BOTONES CON IMAGEN ______________________________________ */
button.btnAccion, input[type="reset"].btnAccion, input[type="submit"].btnAccion,
    input[type="button"].btnAccion {
    padding: 3px 22px 3px 8px;
    padding: 2px 8px 2px 0px\9; /* IE7 y IE8 */
    background: #DDE4F1 url('../img/ico_accion.png') no-repeat 100% 50%;
    background-image: url('../img/ico_accion.png'),
        -webkit-gradient(linear, left top, left bottom, from(#e7ecf5),
        to(#c0d0ed)); /* Saf4+, Chrome */
    background-image: url('../img/ico_accion.png'),
        -webkit-linear-gradient(top, #e7ecf5, #c0d0ed);
    /* Chrome 10+, Saf5.1+ */
    background-image: url('../img/ico_accion.png'),
        -moz-linear-gradient(top, #e7ecf5, #c0d0ed); /* FF3.6+ */
    background-image: url('../img/ico_accion.png'),
        -o-linear-gradient(top, #e7ecf5, #c0d0ed); /* Opera 11.10+ */
    background-image: url('../img/ico_accion.png'),
        -ms-linear-gradient(top, #e7ecf5, #c0d0ed); /* IE10 */
    background-image: url('../img/ico_accion.png'),
        linear-gradient(top, #e7ecf5, #c0d0ed); /* W3C */
    filter: chroma(color = #000000); /* IE7 Y IE8 */
    background: #DDE4F1 url('../img/ico_accion.png') no-repeat 100% 50% \9;
    /* IE7 Y IE8 */
}

button:hover.btnAccion, input[type="reset"]:hover.btnAccion, input[type="submit"]:hover.btnAccion,
    input[type="button"]:hover.btnAccion {
    background: #DDE4F1 url('../img/ico_accion.png') no-repeat 100% 50%;
}

button[disabled].btnAccion, input[type="reset"][disabled].btnAccion,
    input[type="submit"][disabled].btnAccion, input[type="button"][disabled].btnAccion
    {
    background: #DDE4F1;
    padding: 3px 8px;
    padding: 2px 0\9; /* IE7 y IE8 */
}

/* __________________ PANEL RICH:FILEUPLOAD __________________________________ */
div.rf-fu {
    border-color: #8096C0;
}

.rf-fu .rf-fu-hdr {
    background-image: none;
    border: none;
    margin: 0;
}

.rf-fu .rf-fu-lst div.rf-fu-itm {
    border-width: 1px 0 0 0;
}

.rf-fu .rf-fu-lst div.rf-fu-itm:first-child {
    border-width: 0;
}

.rf-fu .rf-fu-lst .rf-fu-itm .rf-fu-itm-lnk {
    color: #000000;
}

/* FIN__________________ PANEL RICH:FILEUPLOAD __________________________________ */

/* ____________________________ <RICH:AUTOCOMPLETE>_________________*/
.atlas-au {

}

.atlas-au.rf-au {
    background: none;
    border: none;
}

.atlas-au.rf-au input.rf-au-inp {
    border: 1px solid #ccc;
    background-color: #fff;
    padding-left: 3px;
}

.atlas-au.rf-au input.rf-au-inp.obligatorio, .atlas-au.rf-au input.rf-au-inp.cajaTextoObligat{
    background-color: #f8efdd;
}

.atlas-au.rf-au input.rf-au-inp:focus {
    border-color: #557CAC;
}

.atlas-au.rf-au input.rf-au-inp.error {
    border-color: #E49292;
}

/* ____________________________ LOGOUT _________________*/

.texto_existeCert {
    font-size: 16px;
    color: #390FB7;
    font-weight: bold;
}

.sep_logout {
    margin-bottom: 800px;
}

.headerLogout {
    width: 560px;
    height: 15px;
    display: inline;
    float: left;
    margin: 0 0 0 0;
}

.headerLogout h1 {
    width: 450px;
    font-size: 0.9em;
    font-weight: normal;
    color: #666666;
    display: inline;
    float: left;
    padding: 10px 0 0 10px;
}
.headerLogout h2 {
    width: 360px;
    text-align: left;
    font-size: 0.85em;
    display: inline;
    float: left;
    font-weight: bold;
    color: #81a8d3;
    margin: 10px 0px 20px 10px;
}

.headerLogout img {
    display: inline;
    float: left;
}

.texto_logout {
    position: relative;
    width: 400px;
    font-size: 0.9em;
    font-weight: normal;
    color: #666666;
    float:center;
    top: 400px;
    left: 500px;
}

.logout_footer {
    width: 500px;
    display: block;
    float: left;
    font-size: 0.6em;
    color: #666;
    text-align: left;
    padding: 0px 0 0 20px;
}
.logout_footer a,
.logout_footer span {
    padding: 3px;
    color: #666;
    font-size: 10px;
}

.enlacesLogout {
    text-decoration: none;
    color: #666;
}

.enlacesLogout:hover {
    text-decoration: underline;
}

.registroBaja {
    color: red;
}

.botonNoPopup {
    padding-left: 2px;
    margin: 0px 0px 3px 3px;
}

.colAuditoria {
    width: 100%
}

.col1Auditoria {
    width: 25%;
    font-weight: bold;
}

.col2Auditoria {
    width: 25%;
    padding-left: 12px;
    padding-right: 12px;
    font-style: italic;
}

.col3Auditoria {
    width: 25%;
    font-weight: bold;
}

.col4Auditoria {
    width: 25%;
    padding-left: 12px;
    font-style: italic;
}

.rf-dt-nd-c {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.selecFiltrar {
    text-align: center;
    font-weight: bold;
    color: #646464;
    font-size: 11px;
    text-decoration: none;
}