/*!
* Barra de accesibilidad GOBMX 
* versión 1.0.0
*/
@import"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" print;

@font-face {
    font-family: "open_dyslexic";
    font-style: normal;
    font-weight: 400;
    src: url("https://framework-gb.cdn.gob.mx/applications/cms/fonts/open_dyslexic/OpenDyslexic-Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.separator {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #ec0808
}

.cursor-big {
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==), auto !important
}

.cursor_pointer {
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==), auto !important
}

.maskRead_hide {
    display: none;
    
}

.icon {
    color: #f3f0f3
}

.menu-slide ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    width: 240px
}

.menu-slide ul li {
    position: relative;
    list-style: none;
    text-align: center;
    margin: 15px;
    color: #000
}

.menu-slide ul li label {
    position: relative;
    cursor: pointer
}

.accesibility {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.accesibility li {
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background .4s linear
}

.accesibility li:last-of-type {
    margin-bottom: 0
}

.accesibility li span {
    color: #FF0000;
    text-decoration: none;
    font-family: sans-serif;
    text-align: justify;
    transition: all .5s;
    font-family: "Roboto", sans-serif;
    padding: 10px
}

.accesibility a.show-anchor {
    display: inline-block;
    font-size: 1rem
}

.accesibility li .icons {
    display: inline-block;
    padding: 5px;
    float: left;
    color: #fff;
    background-color: #FF0000;
    border-color: #f3f0f3;
    justify-content: center;
    align-items: center;
    box-shadow: -2px -2px 5px #fff, 3px 3px 5px rgba(0, 0, 0, .1);
    border-radius: 5px 0px 0px 5px;
    width: 40px;
    height: 40px
}

.accesibility a.show-anchor li {
    text-align: left;
    font-size: 15px;
    padding-left: 5px
}

.accesibility li input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.icon-box {
    display: flex;
    opacity: .5
}

.icon-box-simple-reset {
    color: #fff !important;
    display: flex;
    border-color: #FF0000;
    background-color: #FF0000;
    box-shadow: -2px -2px 5px #fff, 3px 3px 5px rgba(0, 0, 0, .1);
    border-radius: 5px
}

.icon-box-simple-reset:hover {
    color: #FF0000 !important;
    display: flex;
    box-shadow: -2px -2px 5px #fff, 3px 3px 5px rgba(0, 0, 0, .1);
    border-radius: 5px
}

.icon-box-simple-reset:active {
    transform: scale(0.98);
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, .24)
}

.icon-box-simple-reset span {
    color: #fff !important;
    padding: 10px !important
}

.icon-box-simple {
    color: #fff !important;
    display: flex;
    opacity: .5;
    border-color: #FF0000;
    background-color: #FF0000;
    box-shadow: -2px -2px 5px #fff, 3px 3px 5px rgba(0, 0, 0, .1);
    border-radius: 5px;
    padding: 5px
}

.icon-box-active {
    opacity: 1 !important
}

.dislexia_active {
    font-family: "open_dyslexic"
}

.social-icons {
    display: flex;
    position: absolute;
    bottom: 25px;
    right: 25px
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 .7rem;
    border-radius: 50%;
    cursor: pointer;
    font-family: "Monserrat", "Helvetica", "Arial", sans-serif;
    font-size: 1.5rem;
    text-decoration: none;
    transition: all .15s ease
}

.social-icon:hover {
    color: #fff
}

.social-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -150%)
}

.social-icon:active {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .5) inset
}

.social-icon--twitter {
    background: #ff0000;
    color: #fff
}

.social-icon--twitter .tooltip {
    background: #ff0000;
    color: currentColor
}

.social-icon--twitter .tooltip:after {
    border-top-color: #ff0000
}

.social-icon--codepen {
    background: #000;
    color: #fff
}

.social-icon--codepen .tooltip {
    background: #000;
    color: currentColor
}

.social-icon--codepen .tooltip:after {
    border-top-color: #000
}

.social-icon i {
    position: relative;
    top: 1px
}

.tooltip {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    padding: .4rem .6rem;
    border-radius: 40px;
    font-size: .4rem;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    text-transform: uppercase;
    transform: translate(-50%, -100%);
    transition: all .3s ease;
    z-index: 1
}

.tooltip:after {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    border: solid;
    border-width: 10px 10px 0 10px;
    border-color: transparent;
    transform: translate(-50%, 100%)
}

.imgContrast {
    transition: -webkit-filter 1s, filter 1s;
    -webkit-filter: invert(0%);
    filter: invert(0%)
}

.slideThree {
    width: 80px;
    height: 26px;
    background: #333;
    margin: 20px auto;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .5), 0px 1px 0px rgba(255, 255, 255, .2)
}

.slideThree:after {
    content: "OFF";
    color: #000;
    position: absolute;
    right: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, .15)
}

.slideThree:before {
    content: "ON";
    color: #fff;
    position: absolute;
    left: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold
}

.transition-2s {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.menu-container:hover .menu-slide {
    -o-transform: translate(270px, 0);
    -moz-transform: translate(270px, 0);
    -ms-transform: translate(270px, 0);
    -webkit-transform: translate(270px, 0);
    transform: translate(270px, 0);
    opacity: 1
}

.menu-container .menu-btn {
    color: #333;
    position: fixed;
    top: 10px;
    left: 10px;
    cursor: pointer;
    z-index: 10000;
    font-size: 19px;
    text-decoration: none
}

@media only screen and (max-width: 768px) {
    .menu-container .menu-btn {
        left: 157px
    }
}

.highlight-accessibility {
    background-color: rgb(255, 0, 0);
    color: #000 !important
}

.menu-container .menu-btn:hover {
    color: #666
}

.menu-container .menu-slide {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #e0e0e0;
    height: 100%;
    left: -270px;
    top: 0;
    width: 270px;
    overflow-y: auto;
    z-index: 10000;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: 6s ease-in-out;
    transition: .3s ease-in-out;
    position: fixed;
    opacity: 0
}

.menu-container .menu-slide .menu-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.menu-container .menu-slide .menu-list .menu-item a {
    padding: 8px;
    display: block;
    text-decoration: none;
    color: #333;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    font-weight: 300;
    font-family: "Roboto", sans-serif
}

.menu-container .menu-slide .menu-list .menu-item a:hover {
    color: #fff;
    background-color: #333;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

img.bn {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

.imgBW {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

#container-accesibilidad-zoom {
    -ms-transform: scale(1);
    transform-origin: 0 0 0
}

.accesibilidad-background {
    background-color: #546c98;
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 54px;
    z-index: 600
}

.barra-accesibilidad {
    max-width: 140px;
    margin: auto 0 auto 0;
    background-color: #546c98;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    font-family: "Open Sans", sans-serif;
    transition: all .3s ease-in-out;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    background-image: none;
    color: #fff
}

#accessibility {
    max-width: 10px;
    margin: auto 0 auto 0;
    line-height: 10px;
    background-color: #546c98;
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    font-family: "Open Sans", sans-serif;
    transition: all .3s ease-in-out;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    background-image: none;
    color: #fff
}

.no-hover-on-mobile {
    font-size: 2em !important;
    height: 200%
}

#div-altura-variable {
    height: 54px
}

.estilo-noscript {
    margin-top: 80px;
    margin-bottom: -34px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-size: 12px
}

.hr-vertical {
    width: 2px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #fff
}

.signo-de-alerta {
    font-size: 18px;
    font-weight: bold;
    color: #436e9b;
    vertical-align: sub
}

abbr {
    cursor: auto !important;
    border: 0px !important
}

.esconder {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px
}

.oculto-a-la-vista-visible-a-screen-reader {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

#barra-accesibilidad a {
    text-decoration: none !important;
    color: #fff
}

#barra-accesibilidad a:hover {
    text-decoration: underline;
    color: #fff
}

#barra-accesibilidad a:visited,
#barra-accesibilidad a:active {
    text-decoration: none;
    color: #fff
}

#barra-accesibilidad ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#barra-accesibilidad .menu-slide ul li {
    display: inline-block;
    display: inline \9;
    margin: 0 10px 0 10px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #8497b6;
    padding-left: 20px
}

#barra-accesibilidad .menu-slide ul li img {
    vertical-align: middle;
    margin: 0 5px 0 5px
}

#caja-titulo {
    float: left;
    text-align: left;
    line-height: normal;
    padding-top: 10px;
    padding-left: 10px
}

.opciones-accesibilidad-titulo {
    text-transform: uppercase;
    font-weight: bold
}

.opciones-accesibilidad-titulo img {
    vertical-align: sub;
    margin-left: 5px
}

.informacion-adicional {
    cursor: auto;
    float: right;
    position: relative;
    top: -18px;
    left: 18px
}

.label-tipografia-slider {
    display: inline
}

#tipografia-slider {
    display: inline-block
}

#cambiar-tamanio-fuente {
    display: inline
}

#minima-magnificacion {
    font-size: 1em;
    vertical-align: middle;
    text-decoration: none
}

#maxima-magnificacion {
    font-size: 1.5em;
    vertical-align: middle
}

#led-color-original {
    color: #d3d3d3
}

#led-alto-contraste {
    color: #d3d3d3
}

.container-conformidad {
    width: 900px;
    margin: 0 auto 40px auto;
    padding: 20px 117px 20px 185px;
    font-size: 1em
}

.logos-conformidad {
    width: 20%;
    float: left
}

.texto-conformidad {
    width: 80%;
    float: right;
    color: #6a6a6a
}

input[type=range] {
    -webkit-appearance: none;
    width: 70px;
    vertical-align: middle
}

@-moz-document url-prefix() {
    input[type=range] {
        vertical-align: middle;
        border-style: none
    }
}

input[type=range]::-webkit-slider-runnable-track {
    width: 70px;
    height: 2px;
    background: #fff;
    border: none;
    border-radius: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 11px;
    width: 7px;
    border-radius: 0;
    background: #fff;
    margin-top: -4px
}

input[type=range]:focus {
    outline: none
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #fff
}

input[type=range]::-moz-range-track {
    width: 70px;
    height: 2px;
    background: #fff;
    border: none;
    border-radius: 0
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 11px;
    width: 7px;
    border-radius: 0;
    background: #fff
}

input[type=range]:-moz-focusring {
    outline: 1px solid #fff
}

input[type=range]::-ms-track {
    width: 70px;
    height: 2px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: #777
}

input[type=range]::-ms-fill-upper {
    background: #ddd
}

input[type=range]::-ms-thumb {
    border: none;
    height: 11px;
    width: 7px;
    background: #fff
}

input[type=range]:focus::-ms-fill-lower {
    background: #888
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc
}

@media screen and (min-width: 562px) {
    #barra-accesibilidad .menu-slide ul li {
        border-left-style: none;
        display: inline-block
    }

    #barra-accesibilidad:not(.no-hover-on-mobile):hover {
        width: auto;
        transform: scale(1.4);
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4)
    }
}

@media screen and (min-width: 906px) {
    #barra-accesibilidad .menu-slide ul li {
        border-left-style: solid;
        display: inline-block
    }
}

@media screen and (max-width: 561px) {
    #barra-accesibilidad .menu-slide ul li {
        border-left-style: none;
        display: block;
        width: 50%;
        margin: 0 auto
    }

    #barra-accesibilidad:not(.no-hover-on-mobile):hover {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        max-width: none !important;
        border-radius: 0;
        padding: 0
    }

    #caja-titulo {
        clear: both;
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width: 410px) {
    #barra-accesibilidad:not(.no-hover-on-mobile):hover {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        max-width: none !important;
        border-radius: 0;
        padding: 0
    }

    #caja-titulo {
        clear: both;
        width: 100%;
        text-align: center
    }
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.barra-de-accesibilidad-informacion {
    font-family: "Open sans";
    padding: 25px;
    padding-top: 10px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

.barra-de-accesibilidad-informacion ol li {
    margin-bottom: 15px
}

.barra-de-accesibilidad-informacion p {
    margin-bottom: 30px
}

.barra-de-accesibilidad-informacion h1 {
    color: #546c98;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 23px;
    margin-top: 65px
}

.barra-de-accesibilidad-informacion h2 {
    color: #436e9b;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 55px
}

.barra-de-accesibilidad-informacion h3 {
    color: #436e9b;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 35px
}

.encabezado_ayuda {
    border-bottom: 1px solid #546c98;
    text-align: right
}

.cerrar-esta-ventana {
    text-align: end;
    margin-bottom: 32px
}

.cerrar-esta-ventana a {
    text-decoration: none;
    text-decoration: none;
    color: #FF0000;
    text-transform: uppercase;
    font-weight: bold
}

.cerrar-esta-ventana a:hover {
    text-decoration: underline
}

.img-cerrar-ventana {
    position: relative;
    margin-right: 6px;
    vertical-align: text-top
}

.ol-herramientas {
    padding: 0
}

.ol-herramientas li {
    padding: 0 0 0 3.5em;
    text-indent: 0;
    list-style: none;
    background-repeat: no-repeat
}

#progressAccess {
    position: absolute;
    width: 100px;
    height: 15px;
    padding: 5px
}

#progressAccess>div {
    float: left;
    margin: 2px
}

.stepping {
    width: 20px;
    height: 7px;
    border: 1px solid #888;
    background: #ccc
}

.stepping_active {
    width: 20px;
    height: 7px;
    border: 1px solid #FF0000;
    background: #FF0000
}