/**
    * Ficheros:.........: asol.css
    * Descripcion.......: Módulo estilo que contendra la configuracion comun de 
    *                     todos los módulos de la aplicacion
    * Fecha Creacion....: 16/01/2023
    * Fecha Modificacion: 23/01/2023
    *
    * @copyright CopyRight(C)2023 Daniel Rosado
    * @author Daniel Rosado
*/
* {
    margin:0;
    padding:0;
}

body{
/*    background: url(../img/Fondo1.jpg) #053f6c no-repeat center center fixed;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    background-color: #fff;
}

.contenedor-body{
    position: fixed;
    top:82px;
    width: 100%;
    height: calc(100% - 132px);
    /*overflow-y: auto;*/
}

/*******************  Se configura el aspecto de las tablas *******************/
/* Fondo de la tabla */
.table {
    background-color: rgb(255,255,255,0.93);
}
/* Se cambia el color de las filas alternandolas con el fondo de la tabla */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(230, 230, 230,0.25); /*rgb(217, 235, 235);*/
  }
/* Se establece el color de la fila al pasar el ratón sobre ellas */
.table-hover tbody tr:hover {
    background-color: rgba(15, 200, 240, 0.5);
    color: rgb(112, 24, 78);
}
.CabeceraTabla{
    background-color: rgba(30, 100, 175, 1);
    color: rgb(230, 235, 240);
}
    
/****************************** E N L A C E S *********************************/
a:link{
    text-decoration:none;
    width: 100%;
}
a:focus{
    text-decoration:none;
}
a:visited{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
/******************************************************************************/

.ColorGris-xs{
    color: #00a89c;
    font-size: x-small;
}

.titulo{
    font-family: arial;
    font-size: 22px;
    font-weight: lighter;
    color: #04414d;
}
.subtitulo{
    font-family: arial;
    font-size: 18px;
    font-weight: bolder;
    color:  #808080;
}

.texto{
    font-family: arial, sans-serif;
    font-size: initial;
    font-weight: normal;
    color: black;
}

.tituloCampo{
    font-family: sans-serif, arial;
    font-size: small;
    font-weight: bold;
    color: #06357a;
}

.contenidoCampo{
    font-family: sans-serif, arial;
    font-size: small;
    font-weight: normal;
    color: black;
}

/******************************************************************************/
.Footer{
    position: fixed;
    bottom: 0px;
    left:0px;
    width: 100vw; /*100% vuewoirt width*/
    height:  50px;/*30vh; /*33% viewport height*/
    background-color: #1d1d1b;
}
    .AreaCopyRight{
        padding-top: 10px;
        color: #00a89c;
        float: left;
        width: 100%;
        text-align: center;
    }

/*****************************************************************************/
.OscurecerArea
{
    position: fixed;/* absolute;
    /*nos posicionamos en el centro del navegador*/
    top:0px; /*16*/
    width:100%;
    /*determinamos una altura*/
    height:calc(100% - 15px);

    border:1px solid #808080;
    /*background-color: #555;*/
    background-color: rgba(0, 0, 0, 0.65);
    padding:5px;
    color: #fff;
    text-align: center;
    overflow-y: auto;
    z-index: 9001;
    visibility: hidden;
}


    
@media all and (max-width: 640px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    body{
        /*background: url(../img/Fondo1W.jpg) #053f6c no-repeat center center fixed;*/
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .contenedor-body{
        top:0px;
        margin-top: 131px;/*Se comienza bajo el area de menu*/
        height: calc(100% - 181px);
    }
        .AreaCopyRight{
            padding-top: 5px;
        }
}