/* 
 *   Fecha : Ago 27, 2020
 *   Autor : Renato Vizuet
*/

.normalText
    {
    font-family: Verdana, Arial;
    font-size: 10pt;
    color: #484848;
    }

 .normaGrayText
    {
    font-family: Verdana;
    font-size: 10pt;
    color: #777777;
    }

.chiquiText
    {
    font-family: Verdana, Arial;
    font-size: 7pt;
    }
 
 .italicGrayText
    {
    font-family: Verdana;
    font-style: italic;
    font-size: 10pt;
    color: #777777;
    }
 
 .italicBlueText
    {
    font-family: Verdana;
    font-style: italic;
    font-weight: bold;
    font-size: 10pt;
    color: #88AABB;
    }

.pageTitle
    {
    font-family: Verdana;
    font-size: 10pt;
    color: #FFFFFF;
    font-weight: bold;
    }

.menuTitle
    {
    font-family: Verdana;
    font-size: 11.5pt;
    color: #003366;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 2px 2px 2px #CCCCCC;
    }

.welcomeText
    {
    font-family: Arial, Verdana;
    font-size: 16pt;
    font-weight: bold;
    }

.superHeads
    {
    font-family: Arial, Verdana;
    font-style: italic;
    font-size: 13pt;
    font-weight: bold;
    color: #304363;
    }

.tableText
    {
    font-family: Verdana;
    font-size: 8pt;
    color: #484848;
    }

.tableTextRed
    {
    font-family: Verdana;
    font-size: 8pt;
    color: #FF0000;
    }

.tableTitle
    {
    font-family: Verdana;
    font-size: 8pt;
    color: #FFFFFF;
    font-weight: bold;
    }

.categoryHeader
    {
    font-family: Arial, Verdana;
    font-size: 18pt;
    font-style: italic;
    font-weight: bold;
    }

.blueMiniLink
    {
    font-family: Verdana;
    font-size: 9pt;
    color: #003366;
    text-decoration: none;
    font-weight: bold;
    }

.blueMiniLink:hover
    {
    font-family: Verdana;
    font-size: 9pt;
    color: #003366;
    text-decoration: underline;
    font-weight: bold;
    }

.grayLink
    {
    font-family: Verdana;
    font-size: 9pt;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    }

.grayLink:hover
    {
    font-family: Verdana;
    font-size: 9pt;
    color: #999999;
    text-decoration: underline;
    font-weight: bold;
    }

.grayMiniLink
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    }

.grayMiniLink:hover
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #999999;
    text-decoration: underline;
    font-weight: bold;
    }

.darkGrayMiniLink
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #676767;
    text-decoration: none;
    font-weight: bold;
    }

.darkGrayMiniLink:hover
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #676767;
    text-decoration: underline;
    font-weight: bold;
    }

.RegularLink
    {
    font-family: Verdana;
    font-size: 10pt;
    color: #777777;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
    }

.RegularLink:hover
    {
    font-family: Verdana;
    font-size: 10pt;
    color: #FFFFFF;
    padding: 5px;
    background-color: #304363;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    }

.headerLink
    {
    font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    }

.headerLink:hover
    {
    font-family: Verdana, Arial;
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    }

.seal
    {
    font-family: Arial, Verdana;
    font-size: 8pt;
    color: #AAAAAA;
    }

.indicacionWhite
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    }

.indicacionGray
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #999999;
    text-decoration: none;
    font-weight: bold;
    }

.indicacionGreen
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #23BC42;
    text-decoration: none;
    font-weight: bold;
    }

.indicacionRed
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #FF0000;
    text-decoration: none;
    font-weight: bold;
    }

.indicacionYellow
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #F2A50C;
    text-decoration: none;
    font-weight: bold;
    }

.indicacionOrange
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #F48942;
    text-decoration: none;
    font-weight: bold;
    }

.indicacionBlue
    {
    font-family: Verdana;
    font-size: 7pt;
    color: #51A5FF;
    text-decoration: none;
    font-weight: bold;
    }

/* FUNCIONES PA' LOS BOTONSAZOS' */
.button
    {
    border: none;
    border-radius: 5px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin: 4px 2px;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.2s;
    }

.button:hover 
    {
    border: none;
    border-radius: 5px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin: 4px 2px;
    cursor: pointer;
    opacity: 1;
    box-shadow: 2px 2px 3px #777777;
    }

.buttonDown 
    {
    border: none;
    border-radius: 5px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin: 4px 2px;
    cursor: pointer;
    opacity: 1;
    }

.buttonChirris
    {
    border: none;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    opacity: 0.8;
    transition: 0.2s;
    cursor: pointer;
    }
    
.buttonChirris:hover 
    {
    border: none;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    opacity: 1;
    box-shadow: 2px 2px 3px #777777;
    }

.buttonChirrisDown 
    {
    border: none;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    opacity: 1;
    }

/* FUNCIONES PA'L DISCLAIMER DE COOKIES */
.cookie-banner 
    {
    position: fixed;
    bottom: 20px;
    left: 10%;
    right: 10%;
    padding: 5px 14px;
    display: flex;
    text-align: center;
    justify-content: space-between;
    background-color: #EEEEEE;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    }

.close 
    {
    height: 20px;
    background-color: #777;
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
    }

/* FUNCIONES PARA EL MANEJO DE TABS (pestañas) */
.tab 
    {
    overflow: hidden;
    border: 1px solid #CCCCCC;
    background-color: #F1F1F1;
    }

.tab button 
    {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 25px 5px 25px;
    transition: 0.3s;
    font-size: 14px;
    }

.tab button:hover 
    {
    background-color: #DDDDDD;
    }

.tab button.active 
    {
    background-color: #CCCCCC; 
    }

.tabcontent 
    {
    display: none;
    padding: 3px 12px 3px 12px;
    border: 1px solid #CCCCCC;
    border-top: none;
    }

/* Estilos para las cajas de selección */
select 
    {
    background-color: rgba(240, 240, 240, .4);
    border: 1px solid transparent;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    height: auto;
    padding: 5px;
    width: auto;
    box-shadow: 2px 2px 3px #777777;
    cursor: pointer;
    border-radius: 3px;
    }

select:hover
    {
    outline: none;
    border: 1px solid #CCCCCC;
    }

/* Efectos de sombra general -------------------------- */
.drop-shadow 
    {
    float: center;
    padding: 1em;
    font-size: 10pt;
    font-weight: normal;
    color: #484848;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }

.drop-shadow:before,
.drop-shadow:after 
    {
    content: "";
    position: absolute;
    z-index: -2;
    font-size: 10pt;
    font-weight: normal;
    color: #484848;
    }

.drop-shadow p 
    {
    font-size: 16px;
    font-weight: bold;
    font-size: 10pt;
    font-weight: normal;
    color: #484848;
    }

.raised /* Caja elevada */
    {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    font-size: 10pt;
    font-weight: normal;
    color: #484848;
    }

/* Bordes redondeados */
.lifted 
    {
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 10pt;
    font-weight: normal;
    color: #484848;
    }

/* ---------------------------------------------------- */

.logoLogin
    {
    display: block;
    }

.logoLoginMobile
    {
    display: none;
    }

@media (max-width: 799px)
    {
    .logoLogin
        {
        display: none;
        }
    .logoLoginMobile
        {
        display: block;
        }
    }