/**********************  LINES TOP FORMS   **********************/
.titleHeadSeparator_css /* Encabezado de las tablas */ {
    background-repeat: repeat-x;
    border: 1px solid #8FD0DE;
    background: #D9EFF4;
}

.titleButtonSeparator_css /* Encabezado de las tablas */ {
    background-repeat: repeat-x;
    border: 1px solid #EEEEEE;
    background: #EFF7FF;
}

.divSeparator_css /* Encabezado de las tablas */ {
    background-repeat: repeat-x;
    border: 1px solid #EEEEEE;
    background: #EFF7FF;
    font-size: 11px;
    font-weight: bold;
}

/**************        **************/
.tableBorderRound_css {
    border: 1px solid #DFEFFF;
}

.tableBorderRoundError_css {
    border: 1px solid #FF9D9D;
}

.topicSeparator_css {
    background-image: url(../Imagenes/headerLineBg.jpg); /*background:#F6F9F2;*/
    height: 6px;
    background-repeat: repeat-x;
}

/*************   Content FORMS  *****************/
.scroll_hzGrid_css {
    height: auto; /**/
    overflow: scroll;
    /**/ overflow-y: hidden;
    border: 1px solid #E0E9E0;
}

.mainContent_css {
    /*background-image:url(../imagenes/mainBg_fnd.jpg);/**/
    background-repeat: repeat-x;
    text-align: left; /*background-color: #FFFFFF;*/
}

.latIzq_css {
    background-image: url(../Imagenes/izqBg_fnd.gif);
    background-repeat: repeat-y;
    background-position: 100%;
}

.latDer_css {
    background-image: url(../Imagenes/derBg_fnd.gif);
    background-repeat: repeat-y;
}

.latInf_css {
    background-image: url(../Imagenes/infBg_fnd.gif);
    background-repeat: repeat-x;
}

.latSup_css {
    background-image: url(../Imagenes/supBg_fnd.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 2px;
}

.latSupIZQ_css {
    background-image: url(../Imagenes/supIZQBg_fnd.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.latSupDER_css {
    background-image: url(../Imagenes/supDERBg_fnd.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.latInfIZQ_css {
    background-image: url(../Imagenes/infIZQBg_fnd.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.latInfDER_css {
    background-image: url(../Imagenes/infDERBg_fnd.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.lineSuperior {
    background-repeat: repeat-x;
}

.footBg_css {
    color: #0000FF;
    font-weight: bold;
    font-size: 10px;
    text-indent: 12px;
    text-align: center;
}


/******************************************************************
*******************   	CARGADORES		***************
******************************************************************/

.updateProgress {
    /*position: absolute;*/
    background-color: #DDDDDD;
    filter: alpha(opacity=70);
    MozOpacity: 0.7;
    opacity: 0.7;
    /*padding: 0px;
	margin: 0px;*/
}

.updateProgressTD {
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #77875B;
    background: #EEEFE7;
    color: #333300;
    font-Weight: bold;
}

.updateProgressTD2 {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Arial;
    font-size: 10pt;
    border: 0px solid #8ABCCB;
    width: 300px;
    height: 80px;
    background-color: white;
    z-index: 999;
    color: darkblue;
}

.preLoader_css {
    margin: 0px;
    position: absolute;
    z-index: 1500;
    background-color: #E1E2D6;
    text-align: center;
    background-image: url(../imagenes/cargadorPAG.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    filter: alpha(opacity=55);
    MozOpacity: 0.55;
    opacity: 0.55; /**/
    padding: 0px;
}

.MenuTrenLoginEntidad {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0000FF;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

.LabelMenuTren {
    color: #0000B2;
}

.LabelMenuTrenSalir {
    color: #FF0000;
}

.hr_css {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #C0DBF6;
    margin: 0;
    padding: 0;
}

.hr_css2 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #F0F0F0;
    margin: 0;
    padding: 0;
}

.hr_css3 {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000099;
    margin: 0;
    padding: 0;
}

.vhr_css {
    border-right: 1px solid #C0DBF6;
    height: 100%;
    width: 1%;
}


/******************************************************************
*******************   	LOGIN		***************
******************************************************************/
.BorderTableBlue {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #598694;
    border-right-color: #598694;
    border-bottom-color: #598694;
    border-left-color: #598694;
}

.BorderTableBlueMultiView {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #598694;
    border-right-color: #598694;
    border-bottom-color: #598694;
    border-left-color: #598694;
    width: 95%;
    text-align: center;
    background-color: #FFFFFF;
    margin: auto;
}

.BorderTableGray {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D1D1D1;
    border-right-color: #D1D1D1;
    border-bottom-color: #D1D1D1;
    border-left-color: #D1D1D1;
}

.BorderTableGrayNoTop {
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D1D1D1;
    border-right-color: #D1D1D1;
    border-bottom-color: #D1D1D1;
    border-left-color: #D1D1D1;
}

.BorderTableGrayNoBottom {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D1D1D1;
    border-right-color: #D1D1D1;
    border-bottom-color: #D1D1D1;
    border-left-color: #D1D1D1;
}

.BorderTableGrayNoTopNoBottom {
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D1D1D1;
    border-right-color: #D1D1D1;
    border-bottom-color: #D1D1D1;
    border-left-color: #D1D1D1;
}

.TableRegistro {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #DDDEDE;
    border-right-color: #DDDEDE;
    border-bottom-color: #DDDEDE;
    border-left-color: #DDDEDE;
    width: 100%;
}

.TableRegistro2 {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #DDDEDE;
    border-right-color: #DDDEDE;
    border-bottom-color: #DDDEDE;
    border-left-color: #DDDEDE;
}

.TableRegistro3 {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D8BFD8;
    border-right-color: #D8BFD8;
    border-bottom-color: #D8BFD8;
    border-left-color: #D8BFD8;
    width: 100%;
    background-color: #f4f6ff;
}


.atencionUsuario_css {
    color: #0059B2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    /*background-repeat: repeat-y;*/
}

.camposLogin_css {
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #6FBFCE;
    background-color: #FCFCFC;
    background-image: url(../imagenes/textInput_fnd.gif);
    background-repeat: repeat-x;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #307D8B;
    border-right-color: #307D8B;
    border-bottom-color: #307D8B;
    border-left-color: #307D8B;
}

.labelLogin_css {
    color: #307D8B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.menError_css {
    color: #E93A35;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}

a {
    color: #00008C;
    font-family: Arial, verdana, Helvetica, sans-serif;
    font-size: 11px;
}

    a:link {
        color: #00008C;
        text-decoration: underline;
    }

    a:visited {
        text-decoration: none;
        color: #004C66;
    }

    a:hover {
        text-decoration: underline;
        color: #0000D9;
    }

    a:active {
        text-decoration: none;
        color: #333333;
    }
/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #EBF5FF;
    border-width: 4px;
    border-style: solid;
    border-color: #777777;
    padding: 3px;
}

/******************************************************************
*******************   	PANEL DIRECCIÓN		***************
******************************************************************/
.tddireccion {
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
}

.tddireccionTitle {
    background-color: #DDDDDD;
    color: #0000B2;
    border-width: 1px;
    border-style: solid;
    border-color: #777777;
}

.tddireccionHelp {
    border-width: 1px;
    border-style: dotted;
    border-color: #444444;
    color: #444444;
}

.lblVisualizar {
    border-width: 2px;
    border-style: dotted;
    border-color: #444444;
    color: #444444;
}


.TituloCapitulo {
    border-width: 0px;
    border-style: solid;
    border-color: #8DC6FF;
    color: #000033;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}
/******************************************************************
*******************   	LOADER		***************
******************************************************************/
.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 99;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    min-height: 100%;
    width: 100%;
}

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 0px solid #8ABCCB;
    width: 300px;
    height: 80px;
    display: none;
    position: fixed;
    /*background-color: white;*/
    z-index: 999;
    color: darkblue;
}

.overlayContent {
    z-index: 999;
    margin: 80px auto;
    border: 3px solid #8ABCCB;
    background-color: white;
    width: 200px;
    height: 80px;
    color: #71BECE;
    font-family: Arial;
    font-size: 9pt;
}


/*Login*/
.popupcontainer {
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: Orange;
    border-right-color: Orange;
    border-bottom-color: Orange;
    border-left-color: Orange;
}

.popupcontainertitle {
    background-color: #003366;
    color: White;
    font-size: 12px;
}

.row {
    color: #598694;
    font-size: 11px;
}

/*Footer*/
.labelFooter {
}


body {
    font-size: 1em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    color: #484848;
    background-color: #EBEBEB;
}

.THeader {
    width: 100%;
    vertical-align: middle;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #D1D1D1;
}

.TFooter {
    width: 100%;
    vertical-align: middle;
    background-color: #003366;
    color: #FFFFFF;
    font-size: 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #D1D1D1;
}


.TBannerTitulo {
    width: 100%;
    vertical-align: middle;
    background-color: #85D0E6;
    color: #006699;
    font-size: 11px;
    font-weight: bold;
}

.TBannerTitulo2 {
    width: 100%;
    vertical-align: middle;
    background-color: #755297;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.TBannerTitulo3 {
    width: 100%;
    vertical-align: middle;
    background-color: #F2700F;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.TituloPagina {
    color: #FFFFFF;
    background-color: #175191;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.scroll_css {
    /*height: 430px;*/
    overflow-y: scroll;
    border: 1px solid #E0E9E0;
}

.labelTitulo {
    color: #F7BE81;
    font-size: 18px;
    text-align: left;
}

.lnkNuevo {
    color: #4F32FE;
}

.cta-bar {
    display: block;
    width: 100%;
    background: #FF0000;
    color: #fff;
    text-align: center;
    /*font-family: "jaf-bernino-sans",Helvetica,Arial,sans-serif;*/
    font-size: .9em;
    padding: .3em 0;
    position: fixed;
    z-index: 11;
    left: 0;
    top: 0;
}



/*TDs*/
.tdCenterMiddle {
    text-align: center;
    vertical-align: middle;
}

.tdCenterTop {
    text-align: center;
    vertical-align: top;
}

.tdLeftMiddle {
    text-align: left;
    vertical-align: middle;
}

.tdLeftTop {
    text-align: left;
    vertical-align: top;
}

.disabledbtn {
    opacity: 0.3;
    cursor: not-allowed;
}

.lblObservaciones {
    color: red;
    font-weight: bold;
}

/*ToolTips*/
a.tooltips {
    position: relative;
    display: inline;
}

    a.tooltips span {
        position: absolute;
        /*width:200px;*/
        color: #FFFFFF;
        background: #000000;
        /*height: 80px;*/
        line-height: 15px;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
        margin: 0px;
        padding: 5px;
    }

        a.tooltips span:after {
            content: '';
            position: absolute;
            top: 102%;
            left: 5%;
            margin-left: -5px;
            width: 0;
            height: 0;
            border-top: 8px solid #000000;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
        }

a:hover.tooltips span {
    visibility: visible;
    opacity: 0.8;
    bottom: 30px;
    left: 50%;
    margin-left: 0px;
    z-index: 999;
}


.sweetInf1 {
    font-size: 15px;
    text-align:justify;
    
}
.sweetInf2 {
    font-size: 15px;
    font-weight: bold;
}
.sweetInf3 {
    font-size: 14px;
    text-align: justify;
}