/* Clases de estilos del widget */  
.wcag-btn{
    position: fixed;
    top: 7.5%;
    right: 0px;
    background-color: #063971;
    color: #FFF;
    font-size: 22px;
    padding: 10px 15px;
    z-index: 99999;
    margin-top: 80px;
}
.wcag-btn:hover{
    background-color: #063971;
    color: #FFF;
    cursor: pointer;
}
.wcag-btn:focus{
    background-color: #063971;
    color: #FFF;
}
.wcag-cont{
    width: 200px;
    position: fixed;
    top: 7.5%;
    right: -200px;
    background-color: #FFF;
    border: 1px solid #063971;
    text-align: center;
    z-index: 99999;
}
/* media para el posicionamiento movil, no es estrictamente necesario */
@media (max-width: 665px) { 
    .wcag-btn{ top: 12%; }
    .wcag-cont{ top: 12%; }
}
.wcag-cont p{
    font-size: 18px;
    font-weight: bold;
    color: #111;
    padding: 10px 15px;
}
.wcag-cont-op{
    display: block;
    padding: 10px 15px;
    text-align: left;
}
.wcag-cont-op:hover{
    text-decoration: underline !important;
    cursor: pointer;
}
.wcag-op-act{
    background-color: #063971;
    color: #FFF;
    text-decoration: underline !important;
}
.wcag-op-act:hover{
    background-color: #063971;
    color: #FFF;
}
/* Clases de control de cambios */
/* Tamanyos de fuente */
body.wcag-textam-1 *{
    font-size: 102% !important;
}
body.wcag-textam-2 *{
    font-size: 104% !important;
}
body.wcag-textam-3 *{
    font-size: 106% !important;
}
body.wcag-textam-4 *{
    font-size: 108% !important;
}
body.wcag-textam-5 *{
    font-size: 110% !important;
}
/* escala de grises */
/*body.wcag-grises > *{
    filter: grayscale(1);
}*/
.wcag-grises{
    filter: grayscale(1);
}
.right0{
    right: 0px !important;
}
/* enlaces subrayados */
body.wcag-subrayados a{
    text-decoration: underline!important;
}
/* fuente legible */
/* add aqui las etiquetas que se usen para iconos con el :not*/
body.wcag-fuentes *:not(i){
    font-family: Verdana,Arial,Helvetica,sans-serif!important;
}