@charset "utf-8";
/* CSS Document */
.menulink{
    /*de momento amarillo para ir viendo lo que esta hech,cambiar a blanco luego*/
    color:#FFFFFF; 
    text-decoration: none;


}
.btn {
    background-color: #FFFFFF;
    border:1px solid #000000;
    padding:10px 20px;
    border-radius:3px;
    font-weight:bold;


}

.divzul{


    display:block;

    background-color: #0A2A73;
    border-bottom:1px solid #FFFFFF;
    padding:15px;
    color:#FFFFFF;
    text-align:center;
    font-family:sans-serif;



}





.loginbox {

    display:block;
    width:400px;
    height:370px;
    background-color: #0A2A73;
    border:1px solid #000000;
    padding:15px;
    color:#FFFFFF;
    text-align:center;
    font-family:sans-serif;
}

.centrado {

    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);




}
.centradoh {

    margin:0 auto;




}
.lineasimple{
    border:1px solid #000000;


}


input.login   {
    border:1px solid #000000;
    border-radius:3px;
    height:30px;
    padding-left:10px;
    max-width: 414px;

}
select.form   {
    border:1px solid #000000;
    border-radius:3px;
    height:30px;
    padding-left:10px;

}

.loginbtn {
    background-color: #FFFFFF;
    border:1px solid #000000;
    padding:10px 30px;
    border-radius:3px;


}

.clearlink{
    color:#FFFFFF;
    text-decoration: none;


}


.menu-icono {
    padding:5px;
    overflow:hidden;
    display:inline-block;
    /*background-color:#FF0000;*/
    border-radius:5px;
    min-width:80px;
    height:110px;
    text-align:center;
    font-family:arial,sans-serif;

}
.menu-icono:hover {

    background-color:#19194F;


}



/******************************** inicio CONTENTABLAS *******************************/
.contenTablas {
    border:1px solid white;
    margin-top:5px;
    max-height:435px; 
    position:relative; 
    overflow:hidden;
}
.contenTablas .tabCab {
    width:97.5%;
    max-height:433px; 
    position:relative;
    top:-8px;
    border-radius:5px;
    overflow-y:hidden;
}
.contenTablas .tabCab .fila {
    text-align:center;
    margin:5px;
    border:1px solid white;
    padding:5px; 
    color:yellow;
}
.contenTablas div.tabCuer {
    border: 1px solid white;
    border-radius: 5px;
    max-height: 280px;
    overflow-y: auto;
    padding-right: 18px;
}
.tabMod {
    margin:auto;
    border-radius:5px;
    border:1px solid white;
    padding:15px;
    text-align:center;
}
.contenTablas div.tabCuer table{
    width: 719px;
}
/******************************** fin CONTENTABLAS *******************************/




.mensaje-error {
    display:block;
    border-radius: 1px;
    /*padding:15px;*/
    padding:0;
    color:#FFFFFF;
    text-align:center;
    font-family:sans-serif;
    background-color:grey;	
    position:relative;
    top: 40%;
    margin:15px auto;
    width:274px;
    max-height:440px;
    max-width:274px;
    overflow:auto;
}
.absCentrado {
    position:absolute;
    top:20%;
    left:33%;
    z-index: 30;
}
.absleft{
    position:absolute;
    top:200px;
    left:60%;
    z-index: 30;
}
.cabezaError {
    background-color:red;
    color:white;
    padding: 0;
}
.cabezaAviso {
    background-color:yellow;
    color:black;
    padding: 0;
}

.mensaje-error div {
    padding: 15px 15px 0;
    background-color:gray;
    color:#FFFFFF;
}

.mensaje-cajas {
    padding: 15px 15px 0;
    background-color:red;
    color:#FFFFFF;
    display:block;
    border-radius: 1px;
    text-align:center;
    font-family:sans-serif;
    margin:15px auto;
    width:274px;
    max-height:440px;
    max-width:274px;
    overflow:auto;
}

.mensaje-aviso {
    padding: 15px 15px 0;
    background-color:yellow;
    color:#FFFFFF;
    display:block;
    border-radius: 1px;
    text-align:center;
    font-family:sans-serif;
    margin:15px auto;
    width:274px;
    max-height:440px;
    max-width:274px;
    overflow:auto;
}

.cabezaok {
    background-color:#00FF00;
    color:black;
    padding: 0;
}


/******************   calendario    ************/
td.inn:hover {
    background-color: black;
    color: white;
} 


div#momentus {
    border: 1px solid black;
    color:black;
    background-color:white;
    padding:3px 15px 15px; 
    z-index:50;
    text-align:center;
    position:absolute;
}

table#calendario span.spCalend {
    padding:5px;
    background-color:white;
    color: black;
    /*display:table-cell;*/
}
table#calendario span.spCalend:hover {
    background-color: black;
    color:white;
}

.custom-combobox {
    position: relative;
    display: inline-block;
    border-radius:3px;
}
.custom-combobox-toggle {
    position: absolute;
    top: -1px;
    bottom: 0;
    margin-left: -1px;
    border:1px solid #000000;
    border-radius:3px;
    height:34px;
}
.custom-combobox-input {
    border:1px solid #000000;
    border-radius:3px;
    height:30px;
    padding-left:10px;
    max-width: 414px;
}

.custom-combobox1 {
    position: relative;
    display: inline-block;
    border-radius:3px;
}
.custom-combobox1-toggle {
    position: absolute;
    top: -1px;
    bottom: 0;
    margin-left: -1px;
    border:1px solid #000000;
    border-radius:3px;
    height:34px;
}
.custom-combobox1-input {
    border:1px solid #000000;
    border-radius:3px;
    height:30px;
    padding-left:10px;
    max-width: 150px;
}


.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

