body, td {
    font-family: Arial;
    font-size: 13px;
}
             
.tablaDetalle thead>tr>td {
    font-weight: bold;
    font-family: Arial;
    color: #606060;
    background-color: #EBEBEB;
    line-height: 25px;
}

.tablaDetalle tbody>tr>td {
    border-bottom: 1px solid #EBEBEB;
    line-height: 20px;
    font-size: 12px;
}

.tablaDetalle tbody>tr:nth-child(odd) {
    border-bottom: 1px solid black;
    font-size: 12px
}

.tablaDetalle tbody>tr:nth-child(even) {
    border-bottom: 1px solid black;
    font-size: 12px
}             

.tablaDetalleBold thead>tr>td {
    font-weight: bold;
    font-family: Arial;
    color: #606060;
    background-color: #EBEBEB;
    line-height: 25px;
}

.tablaDetalleBold tbody>tr>td {
    border-bottom: 1px solid #A5A5A5;
    line-height: 20px;
    font-size: 12px;
}

.tablaDetalleBold tbody>tr:nth-child(odd) {
    border-bottom: 1px solid #A5A5A5;
    font-size: 12px
}

.tablaDetalleBold tbody>tr:nth-child(even) {
    border-bottom: 1px solid #A5A5A5;
    font-size: 12px
}
             
.tableDetailB thead>tr>td {
    font-weight: bold;
    font-family: Arial;
    color: #FFFFFF;
    background-color: #7F99CC;
    line-height: 25px;
}

.tableDetailB tbody>tr>td {
    border-bottom: 1px solid #EBEBEB;
    line-height: 20px;
    font-size: 12px;
}

.tableDetailB tbody>tr:nth-child(odd) {
    border-bottom: 1px solid black;
    font-size: 12px
}

.tableDetailB tbody>tr:nth-child(even) {
    border-bottom: 1px solid black;
    font-size: 12px
}

a {
    color: black;
    text-decoration: none;
}

a:hover, .abreadcrum:hover {
    color: #CC0033;
    text-decoration: underline;
}

.abreadcrum {
    color: #003399;
    text-decoration: none;
    font-size: 13px;
}


#sctIconoLogin img {
    width: 200px;
    height: 200px;
}

/* input[type="text"]  */
input {
    font-family: Arial;
    border-radius: 3px;
    border: 1px solid #717171;
    padding: 3px;
    font-size: 12px;
    text-height: 12px;
}

input:focus, input[type="checkbox"]:checked, .navbar-menu:hover {  
    -webkit-box-shadow: 0px 0px 5px rgba(83,83,83,1);  
    -moz-box-shadow: 0px 0px 5px rgba(83,83,83,1);  
    box-shadow: 0px 0px 5px rgba(83,83,83,1);  
}

textarea, select {
    font-family: Arial;
    border-radius: 3px;
    border: 1px solid #717171;
    padding: 3px;
    font-size: 12px;
    text-height: 12px;
}

textarea:focus {  
    -webkit-box-shadow: 0px 0px 5px rgba(83,83,83,1);  
    -moz-box-shadow: 0px 0px 5px rgba(83,83,83,1);  
    box-shadow: 0px 0px 5px rgba(83,83,83,1);  
}

::-webkit-input-placeholder {
    color:#606060;
    font-style: italic;
}
::-moz-placeholder {
    color:#606060;
    font-style: italic;
} /* firefox 19+ */
:-ms-input-placeholder {
    color:#606060;
    font-style: italic;
} /* ie */
input:-moz-placeholder {
    color:#606060;
    font-style: italic;
}


.navbar-fixed-top, .navbar-logo-menu{
    position:fixed;
    right:1px;
    left:1px;
    z-index:100;
    margin-bottom:0;
    width: auto;
    top:0px;
    height: 195px;
    margin: 0;
}

.navbar-fixed-top-img{
    position:absolute;  
    right:10px;
    left:0px;
    z-index:100;
    width: 80%;
    top: 40px;
    height: 115px;
    background-color: #EBEFF7;
    border-radius : 0 30px 0 0;
}
.navbar-modules{
    position:fixed;  
    right:10px;
    left:10px;
    z-index:100;
    margin-bottom:0;
    width: 80%;
    top: 135px;
    height: 20px;
    margin: 0;
    text-align: center;
}

.navbar-name{
    position:fixed;  
    right:10px;
    left:10px;
    z-index:100;
    margin-bottom:0;
    height: 10px;
    padding: 10px;
    margin: 0;
    top: 0px;
    text-align: right;
    cursor: pointer;
}

.navbar-fixed-top-imgM{
    position:fixed;  
    right:10px;
    left:74%;
    z-index:200;
    margin-bottom:0;
    width: 80%;
    top: 67px;
    height: 115px;
}



.navbar-fixed-bottom{
    
    bottom: 1px;
    position: fixed;
    right:10px;
    left:10px;
    z-index:1030;
    width: auto;
    height: 22px;
    border: 0px solid blue;
    
    background: -ms-linear-gradient(bottom, #BFBFBF 0%, #FFFFFF 100%);
    background: -moz-linear-gradient(bottom, #BFBFBF 0%, #FFFFFF 100%);
    background: -o-linear-gradient(bottom, #BFBFBF 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #BFBFBF), color-stop(1, #FFFFFF));
    background: -webkit-linear-gradient(bottom, #BFBFBF 0%, #FFFFFF 100%);
    background: linear-gradient(to top, #BFBFBF 0%, #FFFFFF 100%);
    
}

#divBottomLeft {
    
    top: 0px;
    position: relative;
    height: 28px;
    line-height: 28px;
    width: 20%;
    float: left;
    
}

#divBottomAlert {
    
    top: 0px;
    position: relative;
    height: 20px;
    line-height: 20px;
    width: 59%;
    float: left;
    
}

#divPoweredBy {
    
    top: 0px;
    position: relative;
    height: 100%;
    width: 20%;
    float: left;
    
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    height: 195px;
    background-color: #D9E0F0;
}

.section-menu {
    
    top: 10px;
    right: 50px;
    position: relative;
    float: right;
}

.navbar-menu {
    
    background: rgba(217,212,214,1);
    right: 10px;
    top: 128px;
    float: right;
    width: 280px;
    position: fixed;
    display: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    
}

.navbar-menu-separador {
    
    width: 85%; 
    color: rgba(217,212,214,0.5);
    
}


.navbar-menu-search, .navbar-menu-search-text {
    
    position: relative;
    vertical-align: middle;
    
}

.navbar-contenido-acceso {
    
    top: 80px;
    right: 10px;
    left: 10px;
    width: auto;
    height: 48px;
    vertical-align: central;
    position: fixed;
    background-color: #003399;
    
}

.navbar-menu-search-text {
    
    left: 25px;
    vertical-align: central;
    width: auto;
    
}

.navbar-menu-modules, .navbar-menu-usuario, .navbar-menu-cerrar, .navbar-menu-modules-hover {
    
    cursor: pointer;
    height: 30px;
    
}


.navbar-menu-modules:hover, .navbar-menu-modules-hover {
    
    background: -ms-linear-gradient(bottom, #878787 0%, #E4E1E2 100%);
    background: -moz-linear-gradient(bottom, #878787 0%, #E4E1E2 100%);
    background: -o-linear-gradient(bottom, #878787 0%, #E4E1E2 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #878787), color-stop(1, #E4E1E2));
    background: -webkit-linear-gradient(bottom, #878787 0%, #E4E1E2 100%);
    background: linear-gradient(to top, #878787 0%, #E4E1E2 100%);
    
}

.navbar-menu-listadoModulos {
    
    display: none;
    position: relative;
    left: 25px;
}

.navbar-menu-label, .navbar-menu-usuario-label, .navbar-menu-cerar-label {
    
    left: 25px;
    vertical-align: central;
    width: auto;
    position: relative;
    cursor: pointer;
    
}

.navbar-menu-usuario-label:hover, .navbar-menu-cerar-label:hover {
    
    font-weight: bold;
    
}

.navbar-menu-modules-items, .navbar-menu-favoritos-items {
    
    cursor: pointer;
    list-style-type: none;
    
}


.navbar-menu-modules-items-label, .navbar-menu-favoritos-items-label {
    
    text-decoration: none;
    color: black;
    cursor: pointer;
    position: relative;
    left: -30px;
    
}

.navbar-menu-modules-items-label:hover, .navbar-menu-favoritos-items-label:hover {
    
    font-weight: bold;
    color: black;
    text-decoration: none;
    
}

#imgLogoIconoMenu {
    
    width: 45px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 10px;
    
}

#imgLogoMenu {
    position: relative;
    left: 20px;
}

#imgMenuSearch {
    
    
    position: relative;
    left: 15px;
    top: 0px;
    vertical-align: middle;
    
}

#imgMenuModules, #imgMenuUsuario, #imgMenuCerrar {
    
    position: relative;
    left: 15px;
    top: 5px;
    
}

.navbar-menu-favoritos-items-img {
    
}

#imgMenuUsuario, #imgMenuCerrar {
    
    width: 25px;
    height: 25px;
    
}

#imgPoweredBy {
    
    position: relative; 
    bottom: 2px;
    right: 0px;
    
}

#imgLoadingSite {

    position: absolute; 
    right: 10px; 
    z-index: 101;
    bottom: 25px;

}


.contentPage {
    
    position: relative;                
    top: 210px;
    right:0px;
    left:0px;
    width: auto;
    
}



/*  ESTA PARTE YA ES CUANDO UNO LE DA CLICK AL MODULO */

#nav {
    
    left: 0px;
    top: 0px;
    margin: 0; 
    padding: 0;
    border: none;
    width: 400px;
    height: 37px;
    /*border: 1px solid blue;*/
    position: relative;
    font-family: Arial;
    font-size: 21px;
    
}

#nav li a, #nav li {
    float: left;
}

#nav li {
    list-style: none;
    position: relative;
    box-align: center;
    
}

#nav li a {
    
    top: 0px;
    position: relative;
    background-color: #003399;
    padding: 7px;
    text-decoration: none;
    color: white;
    font-size: 25px;
    font-family: Arial;
    font-weight: normal;
    box-align: center;
    
}

#nav li a:hover {
    background: rgba(83,141,213,1);
    color: rgba(204,204,204,1);
    width: 250px;
    
}


/* Submenu */


#nav li ul {
    
    display: none;
    position: absolute;
    background: rgba(217,212,214,1);
    color: rgba(117,111,113,.1);
    left: 0;
    top: 100%;
    padding: 0; 
    margin: 0;
    
}

#nav li:hover > ul {
    display: block;
}

#nav li ul li, #nav li ul li a {
    float: none;
}

#nav li ul li {
    _display: inline; /* for IE6 */
}

#nav li ul li a {
    width: 250px;
    height: 25px;
    vertical-align: middle;
    display: block;
    font-size: 15px;
    font-weight: normal;
}

/* SUBSUB Menu */

#nav li ul li ul {
    display: none;
}

#nav li ul li:hover ul {
    left: 100%;
    top: 0;
    width: 100px;
}

/*   */


/*  AQUI EMPIEZA LAS PANTALLAS */


.error {
    
    color: red;
    
}


/*  PARA EL TITULO DE LAS PANTALLAS */
.divPageTitleTop {
    position: fixed;
    top: 128px;
    left: 0px;
    width: 100%;
    height: 63px;
    background-color: rgba(255,255,255,1);
    z-index: 99;
}

.divPageTitle {
    top: 161px;
    width: auto;
    height: 30px;
    position: fixed;
    background-color: rgba(255,255,255,1);
}

.divButtonSection {
    top: 160px;
    width: auto;
    height: 35px;
    position: fixed;
    background-color: #D9E0F0;
    right: 35px;
    z-index: 100;
}

.tdButtonContenido {
    height: 25px; 
    background-color: #6685C2; 
    vertical-align: middle; 
    border-radius: 7px;
}

.tdButtonContenido:hover {
    height: 25px; 
    background-color: #003399; 
    vertical-align: middle; 
    border-radius: 7px;
}

.imgButtonImagen {
    vertical-align: middle; 
    height: 15px;
}
.spanButtonText {
    color: white; 
    vertical-align: middle; 
    font-family: Arial;
}

.divPageTitle {
    
    color: #003399;
    font-weight: bold;
    font-size: 25px;
    left: 35px;
    float: left;
    z-index: 99;
}
                 
.divBreadcrum {
    top: 195px;
    left: 15px;
    width: 70%;
    height: 30px;
    background-color: rgba(255,255,255,1);
    z-index: 99;
}

.tdContentButtons {
    color: rgb(245,177,17);
    font-size: 10px;
    background-color: #6685C2;
    position: absolute;
    top: 155px;
    height: 40px;
    width: auto;
    
}


/*  AQUI SON LAS CLASES PARA LAS TABLAS */


.field-right, .field-left {
    
    background: rgba(89,89,89,1);
    color: white;
    
}

.field-right {
    text-align: right;
}

.field-left {
    text-align: left;
}


.tableAlternate {
    
    border-spacing: 5px;
    
}

.tableAlternate thead tr {

    border-collapse: collapse;
    border-spacing: 5px;
    background: red;

}

.tableAlternate tbody tr:nth-child(odd) {
    background-color:#eee;
}

.tableAlternate tbody tr:nth-child(even) {
    background-color:#fff;
}

.row0 {
    font-family: Arial;
    font-size: 11px;
    color: #00346A;
    background-color: transparent;
    font-weight: normal;
    border-bottom: 2px solid #00346A;
}

.row1 {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FAFAF0;
}
              
.rowAccesos {
    border-bottom: 1px solid #EBEFF7;
    
}

.row2 {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: #FFFFFF;
}

.rowgroup {
    font-family: Arial;
    font-size: 11px;
    color: white;
    background: #003399;
    font-weight: bold;
}

.rowdelete {
    background: #F2B4B4;
    color: #9D4136;
    text-decoration: line-through;
}

.rowhead {
    color: #7F99CC;
    border-bottom: #7F99CC 1px solid;
    font-weight: bold;
}

.rowhead2 {
    color: #606060;
    border-bottom: #606060 1px solid;
    font-weight: bold;
}

.tabHeader {
    background-color: #EBEBEB;
    color: #003399;
    font-size: 12px;
    padding: 3px 0px 5px;
    text-align: center;
}

.editTitles {
    color: #606060;
    font-weight: bold;
    text-align: right;
    line-height: 25px;
    font-size: 12px;
    
}
             
.textMenuColor {
    color: #003399;
    font-size: 14px;
    cursor: pointer;
}

.textMenuColor:hover {
    color: #003399;
    font-weight: bold;
}

.textMenuColorSelected {
    color: #003399;
    font-weight: bold;
}

.textContenidoColor {
    color: black;
    font-size: 12px;
    cursor: pointer;
}

.textContenidoColor:hover {
    color: black;
    font-weight: bold;
}

.textContenidoColorSelected {
    color: black;
    font-weight: bold;
}

.textAccesoColor {
    color: #606060;
    font-size: 12px;
    cursor: pointer;
}

.textAccesoColor:hover {
    color: #CC0033;
    font-weight: bold;
    border-bottom: 1px solid #CC0033;
}

.textAccesoColorSelected {
    color: black;
    font-weight: bold;
}

.editContent {
    background: transparent;
    color: black;
    line-height: 25px;
    border-bottom: 1px solid rgb(165,165,165);
}

input.inputSizeComplete {
    width: 97%;
}

textarea.inputSizeComplete {
    width: 97%;
}

select.inputSizeComplete {
    width: 100%;
}

.headerLabel {
    background: #D9D9D9;
    background: -moz-linear-gradient(top, #D9D9D9 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D9D9D9), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #D9D9D9 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #D9D9D9 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #D9D9D9 1%,#eaeaea 100%);
    background: linear-gradient(top, #D9D9D9 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9D9D9', endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 
        0px 0px 0px 1px rgba(155,155,155,0.3), 
        0px 2px 2px rgba(0,0,0,0.1);
    height: auto;
    vertical-align: central;
    background: #EBEBEB;
}

.headerLabelDelete {
    border-radius: 7px;
    border: 2px solid #FFC0C0;
    text-decoration: line-through;
    z-index: 0;
}

.input_error {
    background: #FFC0C0;
    border: 1px solid #B0C4DE;
    color: Black;
    z-index: 0;
}

.ocultar {
    display: none;
}

.cursor {
    cursor: pointer;
}

.textoCentro {
    text-align: center;
}

.textoIzquierda {
    text-align: left;
}

.textoDerecha {
    text-align: right;
}

.requerido {
    color: #CC0033;
}

.divBottomAlertConInfoError {
    border: 1px solid #FFC0C0;
    background-color: #FFC0C0;
    color: #9C0006;
    text-align: center;
    border-radius: 3px;
}

.divBottomAlertConInfoWarning {
    border: 1px solid #FFC0C0;
    background-color: #FFC0C0;
    color: #9C0006;
    text-align: center;
}

.divBottomAlertConInfoUpdate {
    border: 1px solid #B2DBFF;
    background-color: rgb(184,204,228);
    color: #003399;
    text-align: center;
}

.paginador{
    color: #7F99CC;
    font-weight: bold;
}

.btn-merck{
    background: rgb(255,192,0);
    height: 18px;
    padding-top: 3px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px slid #717171;
    text-shadow: none !important;
}
.btn-merck:hover,
.btn-merck:focus,
.btn-merck:active{
    color: #ffffff;
    background-color: #717171;
    border: 1px solid #ffffff;
}

.btn-merck-eliminar{
    vertical-align: middle;
    height: 17px;
}