@import url(Website/Resources/Styles/nanoscroller.css);@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHrv4kjgoGqM7E3b_s7wHo.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 200;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3w-os51op.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3p-ks51op.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHpv4kjgoGqM7E_DMs8.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3_-gs51op.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E30-8s51op.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3t-4s51op.ttf) format('truetype');
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/barlow/v5/7cHqv4kjgoGqM7E3j-ws51op.ttf) format('truetype');
}

html {
    height: 100%;
    padding: 0;
    margin: 0;
    /*font-size: 14px;*/
    font-family: 'Barlow',sans-serif;
}

body,section,div,table,td,ul,li,span,header,footer,nav,h1,h2,h3,h4,h5,h6,form,p,a,button,input,textarea,label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    vertical-align: baseline;
    /*font-family: inherit;*/
    font-size: inherit;
    color: inherit;
}

*:focus {
    outline: dotted 5px #00b0f0 !important;
    background-color: rgba(0,176,240,.15) !important;
    outline-offset: -2px;
}

body {
    overflow-x: hidden;
    background: #eaebed;
    height: 100%;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

ul,li {
    margin: 0;
    padding: 0;
}

.link {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.hidden {
    /*display: none;*/
}

#cdc {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    padding-right: 50px;
    background-color: #fff;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

fieldset>* {
    margin: 0;
}

header {
    width: 100%;
    /*height: 130px;*/
    position: relative;
    overflow: visible;
}

header .content {
    width: 100%;
    height: 130px;
    max-width: 1920px;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 10;
    overflow: visible;
    box-shadow: 0 4px 3px rgba(0,0,0,.5);
}

header .content #headerDialog {
    background-color: #fff;
    margin-right: -50px;
    height: 0;
    overflow: hidden;
    position: relative;
}

header .content #headerDialog .close {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 20px;
    right: 50%;
    -moz-transform: translateX(400px);
    -ms-transform: translateX(400px);
    -o-transform: translateX(400px);
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
    background: url('Website/Resources/Images/closeBl.png');
    background-size: cover;
}

header .content .fixedContent {
    position: relative;
    background-color: #fff;
}

header .content .fixedContent #ligaInicio {
    vertical-align: top;
    z-index: 3;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    display: inline-block;
    margin-left: 60px;
}

header .content .fixedContent #ligaInicio #logo {
    width: 223px;
    height: 45px;
    display: block;
    margin: 0;
}

header .content .fixedContent #ligaInicio #logoSmall {
    display: none;
}

header .content .fixedContent .topBar {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px;
    height: 65px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header .content .fixedContent .topBar ul.canales {
    float: right;
    white-space: nowrap;
    list-style: none;
}

header .content .fixedContent .topBar ul.canales li {
    display: inline-block;
    margin-left: 20px;
}

header .content .fixedContent .topBar ul.canales li span {
    text-transform: uppercase;
    font-size: .8em;
    line-height: 37px;
    vertical-align: text-bottom;
}

header .content .fixedContent .topBar ul.canales li a {
    display: inline-block;
    white-space: nowrap;
}

header .content .fixedContent .topBar ul.canales li a img {
    margin-top: 6.4px;
}

header .content .fixedContent .topBar ul.canales li a div {
    display: inline-block;
    height: 100%;
    border-radius: 22.5px;
    color: #fff;
    margin-left: 10px;
    padding: 10px 20px;
    vertical-align: top;
}

header .content .fixedContent .topBar ul.canales li a div span {
    display: inline-block;
    width: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin-right: 5px;
    background-color: #323232;
}

header .content .fixedContent .topBar ul.canales li a div span.vivo {
    background-color: #01f53b;
}

header .content .fixedContent .topBar ul.canales li a div.c451 {
    background-image: linear-gradient(#b0b1b1,#58595b);
}

header .content .fixedContent .topBar ul.canales li a div.c452 {
    background-image: linear-gradient(#a52b30,#7b1a1e);
}

header .content .fixedContent .topBar ul.canales li a div.c453 {
    background-image: linear-gradient(#56974f,#305e2f);
}

header .content .fixedContent .menu {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px;
    height: 65px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background-color: #f4f4f5;
    padding: 0 10px;
}

header .content .fixedContent .menu ul.canales {
    float: right;
    white-space: nowrap;
    list-style: none;
}

header .content .fixedContent .menu ul.canales li {
    display: inline-block;
    margin-left: 20px;
}

header .content .fixedContent .menu ul.canales li span {
    text-transform: uppercase;
    font-size: .8em;
    line-height: 37px;
    vertical-align: text-bottom;
}

header .content .fixedContent .menu ul.canales li a {
    display: inline-block;
    white-space: nowrap;
}

header .content .fixedContent .menu ul.canales li a img {
    margin-top: 6.4px;
}

header .content .fixedContent .menu ul.canales li a div {
    display: inline-block;
    height: 100%;
    border-radius: 22.5px;
    color: #fff;
    margin-left: 10px;
    padding: 10px 20px;
    vertical-align: top;
}

header .content .fixedContent .menu ul.canales li a div span {
    display: inline-block;
    width: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin-right: 5px;
    background-color: #323232;
}

header .content .fixedContent .menu ul.canales li a div span.vivo {
    background-color: #01f53b;
}

header .content .fixedContent .menu ul.canales li a div.c451 {
    background-image: linear-gradient(#b0b1b1,#58595b);
}

header .content .fixedContent .menu ul.canales li a div.c452 {
    background-image: linear-gradient(#a52b30,#7b1a1e);
}

header .content .fixedContent .menu ul.canales li a div.c453 {
    background-image: linear-gradient(#56974f,#305e2f);
}

header .content .fixedContent .menu .mobile {
    display: none;
}

header .content .fixedContent .menu nav {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    height: 65px;
}

header .content .fixedContent .menu nav .searchBox {
    display: none;
}

header .content .fixedContent .menu nav .icons {
    display: none;
}

header .content .fixedContent .menu nav>ul {
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    height: 100%;
}

header .content .fixedContent .menu nav>ul li {
    text-align: center;
    vertical-align: middle;
    padding: 10px 2%;
}

header .content .fixedContent .menu nav>ul li span {
    padding-bottom: 3px;
    border-bottom: solid 2px transparent;
}

header .content .fixedContent .menu nav>ul li span.active {
    border-bottom: solid 2px #f70;
}

header .content .fixedContent .menu nav>ul li img {
    max-width: 28px;
    max-height: 28px;
    position: relative;
    top: 7px;
}

header .content .fixedContent .menu nav>ul li ul.submenu {
    position: absolute;
    top: 65px;
    left: 10vw;
    right: 10vw;
    display: none;
    z-index: 5;
    background-color: #fff;
    list-style: none outside none;
    line-height: 1.2em;
    padding: 40px 60px 20px 60px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    overflow: hidden;
    max-height: 0;
}

header .content .fixedContent .menu nav>ul li ul.submenu li {
    padding: 10px 0;
    color: #323232;
    white-space: normal;
    text-align: left;
    line-height: 1.2em;
    position: static;
    -webkit-break-inside: avoid-column;
    break-inside: avoid-column;
    overflow: hidden;
}

header .content .fixedContent .menu nav>ul li ul.submenu li>a span,header .content .fixedContent .menu nav>ul li ul.submenu li>button span {
    border-left: solid 2px #fff;
    padding: 0 10px;
}

header .content .fixedContent .menu nav>ul li ul.submenu li>span {
    border-left: solid 2px #fff;
    padding: 0 10px;
}

header .content .fixedContent .menu nav>ul li ul.submenu li a,header .content .fixedContent .menu nav>ul li ul.submenu li button,header .content .fixedContent .menu nav>ul li ul.submenu li span {
    color: #323232;
    line-height: 1.2em;
    text-align: left;
}

header .content .fixedContent .menu nav>ul li ul.submenu li ul {
    position: static;
    display: block;
    border: 0;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    background-color: transparent;
    padding: 5px 20px;
    display: inline-block;
    max-height: 500px;
}

header .content .fixedContent .menu nav>ul li ul.submenu li ul li {
    padding: 5px 0;
    display: list-item;
}

header .content .fixedContent .menu nav>ul li ul.submenu li ul li a,header .content .fixedContent .menu nav>ul li ul.submenu li ul li button,header .content .fixedContent .menu nav>ul li ul.submenu li ul li span {
    color: #323232;
    line-height: 1.2em;
    text-align: left;
    opacity: 0;
}

header .content .fixedContent .menu nav>ul li ul.submenu li:hover>a span,header .content .fixedContent .menu nav>ul li ul.submenu li:focus>a span,header .content .fixedContent .menu nav>ul li ul.submenu li:hover>button span,header .content .fixedContent .menu nav>ul li ul.submenu li:focus>button span {
    border-left: solid 2px #323232;
}

header .content .fixedContent .menu nav>ul li ul.submenu li:hover>span,header .content .fixedContent .menu nav>ul li ul.submenu li:focus>span {
    border-left: solid 2px #323232;
}

header .content .fixedContent .menu nav>ul li ul.active {
    display: block !important;
    max-height: 1000px;
}

header .content .fixedContent .menu nav>ul li ul.active ul a,header .content .fixedContent .menu nav>ul li ul.active ul button,header .content .fixedContent .menu nav>ul li ul.active ul span {
    -webkit-animation: fadein .17s .17s cubic-bezier(1,1.4,.41,1.01) forwards;
    animation: fadein .17s .17s cubic-bezier(1,1.4,.41,1.01) forwards;
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    header .content .fixedContent .menu nav>ul li ul.active ul a,header .content .fixedContent .menu nav>ul li ul.active ul button,header .content .fixedContent .menu nav>ul li ul.active ul span {
        opacity: 1;
    }
}

header .content .fixedContent .menu nav>ul li:hover {
    background-color: #fff;
}

header .content .fixedContent .menu nav>ul li.current {
    background-color: #fff;
}

header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu {
    display: block !important;
    max-height: 1000px;
}

header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu ul a,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu ul a,header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu ul button,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu ul button,header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu ul span,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu ul span {
    -webkit-animation: fadein .17s .17s cubic-bezier(1,1.4,.41,1.01) forwards;
    animation: fadein .17s .17s cubic-bezier(1,1.4,.41,1.01) forwards;
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu ul a,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu ul a,header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu ul button,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu ul button,header .content .fixedContent .menu nav>ul li.submenuContainer:hover ul.submenu ul span,header .content .fixedContent .menu nav>ul li.submenuContainer:focus ul.submenu ul span {
        opacity: 1;
    }
}

header .content .fixedContent .menu nav a,header .content .fixedContent .menu nav button {
    vertical-align: middle;
    line-height: 45px;
    text-transform: uppercase;
}

header .content .fixedContent #sidebarContainer {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 50px;
    padding-bottom: 100%;
    z-index: 10;
}

header .content .fixedContent #sidebarContainer #sidebar {
    display: block;
    width: 50px;
    height: 100%;
    background-color: #f4f4f5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    white-space: nowrap;
}

header .content .fixedContent #sidebarContainer #sidebar ul {
    list-style: none;
    width: 50px;
    text-align: center;
    display: inline-block;
    white-space: normal;
    height: 100%;
}

header .content .fixedContent #sidebarContainer #sidebar ul li {
    height: 65px;
    width: 50px;
    text-align: left;
    padding-left: 11.5px;
    display: inline-block;
}

header .content .fixedContent #sidebarContainer #sidebar ul li button,header .content .fixedContent #sidebarContainer #sidebar ul li a {
    vertical-align: middle;
    white-space: nowrap;
    color: #323232;
    display: inline-block;
}

header .content .fixedContent #sidebarContainer #sidebar ul li button img,header .content .fixedContent #sidebarContainer #sidebar ul li a img {
    max-width: 27px;
}

header .content .fixedContent #sidebarContainer #sidebar ul li button span,header .content .fixedContent #sidebarContainer #sidebar ul li a span {
    margin-left: 11.5px;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child {
    margin-bottom: 34px;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button {
    width: 27px;
    height: 14px;
    position: relative;
    margin: 34px auto 50px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #323232;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin: 0;
    padding: 0;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    width: 50%;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button span:nth-child(2) {
    top: 7px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button span:nth-child(3) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    width: 50%;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button.open {
    -moz-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 8px;
    width: 100%;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

header .content .fixedContent #sidebarContainer #sidebar ul li:first-child button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18.5px;
    left: 8px;
    width: 100%;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox {
    display: none;
    width: 100%;
    height: auto;
    white-space: normal;
    vertical-align: top;
    margin-top: 215px;
    margin-left: -3px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox label {
    display: block;
    text-indent: -9999px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox .inputContainer {
    width: calc(100% - 45px);
    padding-right: 45px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox .inputContainer input[type=text] {
    border: 0;
    background-color: transparent;
    color: #323232;
    border-bottom: solid 1px #959595;
    width: 100%;
    padding: 10px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults {
    background-color: #f4f4f5;
    margin: 10px 50px 0 0;
    height: 100%;
    padding: 0;
    display: none;
    color: #323232;
    overflow-x: hidden;
    overflow-y: auto;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .res {
    text-align: center;
    font-size: 1.5em;
    padding: 0 25px;
    margin-top: 50px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .list {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0;
    margin-top: 10px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults h1 {
    border-bottom: solid 1px #959595;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults h1 a {
    font-size: 1.2em;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .newsContainer ul {
    list-style: none;
    white-space: normal;
    width: 100%;
    padding: 5px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .newsContainer ul li {
    display: list-item;
    white-space: normal;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .newsContainer ul li h2 a {
    white-space: normal;
    width: 100%;
    font-size: .8em;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .newsContainer ul li .description {
    white-space: normal;
    width: 100%;
    margin-top: 3px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .newsContainer ul li .date {
    font-size: .85em;
    white-space: normal;
    width: 100%;
    margin-top: 5px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .videosContainer ul {
    list-style: none;
    white-space: normal;
    width: 100%;
    padding: 0 11px 0 0;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .videosContainer ul li {
    display: inline-block;
    white-space: normal;
    width: 48%;
    height: auto;
    margin-bottom: 10px;
    vertical-align: top;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .videosContainer ul li .cover {
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 5px;
    background: center no-repeat;
    background-size: cover;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .videosContainer ul li h2 a {
    white-space: normal;
    width: 100%;
    font-size: .8em;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .videosContainer ul li .description {
    white-space: normal;
    width: 100%;
    margin-top: 3px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .videosContainer ul li .date {
    font-size: .85em;
    white-space: normal;
    width: 100%;
    margin-top: 5px;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox #searchResults .more {
    font-size: 1em;
    text-align: center;
    margin: 10px auto 20px auto;
    display: block;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox ::placeholder {
    color: #323232;
    opacity: 1;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox :-ms-input-placeholder {
    color: #323232;
}

header .content .fixedContent #sidebarContainer #sidebar #searchBox ::-ms-input-placeholder {
    color: #323232;
}

header .content .fixedContent #sidebarContainer #sidebar #accesibility {
    position: absolute;
    opacity: 0;
    top: 28px;
    right: 45px;
}

header .content .fixedContent #sidebarContainer #sidebar #accesibility img {
    max-width: 28px;
    max-height: 28px;
}

header .content .fixedContent #sidebarContainer #sidebar #sidebarDialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50px;
    background-color: #323232;
    display: none;
}

header .content .fixedContent #sidebarContainer #sidebar.open {
    overflow: visible;
    -webkit-animation: sidebarOpen .5s .1s linear forwards;
    animation: sidebarOpen .5s .1s linear forwards;
}

header .content .fixedContent #sidebarContainer #sidebar.open #searchBox {
    display: inline-block;
}

header .content .fixedContent #sidebarContainer #sidebar.open #accesibility {
    -webkit-animation: fadein .5s .3s cubic-bezier(1,1.4,.41,1.01) forwards;
    animation: fadein .5s .3s cubic-bezier(1,1.4,.41,1.01) forwards;
}

header .content .fixedContent #sidebarContainer #sidebar.collapsed {
    overflow: hidden;
    -webkit-animation: sidebarClose .5s .1s linear forwards;
    animation: sidebarClose .5s .1s linear forwards;
}

header .content .fixedContent #sidebarContainer #sidebar.collapsed #searchBox {
    display: none;
}

header .content .fixedContent #sidebarContainer #sidebar.collapsed #accesibility {
    display: none;
}

header.expanded .content .fixedContent #ligaInicio {
    width: 223px;
    height: 45px;
    float: left;
    position: absolute;
    left: 20px;
    top: 20px;
    vertical-align: top;
    z-index: 3;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.expanded .content .fixedContent #ligaInicio #logoSmall {
    display: none;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.collapsed .content #ligaInicio {
    width: 44px;
    background-position-x: left;
    background-size: auto 30px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.collapsed .content #ligaInicio #logo {
    display: none;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.collapsed .content #ligaInicio #logoSmall {
    display: inline;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.collapsed .content .menu {
    left: 65px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.collapsed .content .menu nav>ul li:first-child {
    display: none;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

header.collapsed .content .menu nav ul.submenu li:first-child {
    display: block;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

@-webkit-keyframes intro {
    0% {
        width: 50px;
        left: 0;
    }

    100% {
        width: 558px;
        left: -508px;
    }
}

@keyframes intro {
    0% {
        width: 50px;
        left: 0;
    }

    100% {
        width: 558px;
        left: -508px;
    }
}

@-webkit-keyframes rollout {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 500px;
    }
}

@keyframes rollout {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 500px;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.cssload-container {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.9);
    padding-top: 15%;
}

.cssload-zenith {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    border-radius: 50%;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    box-shadow: 2px 2px 1px #959595;
    animation: cssload-spin 780ms infinite linear;
    -o-animation: cssload-spin 780ms infinite linear;
    -ms-animation: cssload-spin 780ms infinite linear;
    -webkit-animation: cssload-spin 780ms infinite linear;
    -moz-animation: cssload-spin 780ms infinite linear;
}

@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes grow {
    0% {
        -ms-transform: scale(1.2,1.2);
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }

    100% {
        -ms-transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5,1.5);
    }
}

@keyframes grow {
    0% {
        -ms-transform: scale(1.2,1.2);
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }

    100% {
        -ms-transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5,1.5);
    }
}

.bannerRotator {
    position: relative;
    display: inline-block;
}

.bannerRotator>div {
    transition: all ease-out .5s;
}

.bannerRotator .inactive {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 1;
    -webkit-animation: fadeout .34s .3s cubic-bezier(1,1.4,.41,1.01) forwards;
    animation: fadeout .34s .3s cubic-bezier(1,1.4,.41,1.01) forwards;
    width: 100%;
}

.bannerRotator .inactive button,.bannerRotator .inactive a,.bannerRotator .inactive div {
    display: block;
    width: 100%;
}

.bannerRotator .inactive button img,.bannerRotator .inactive a img,.bannerRotator .inactive div img {
    width: 100%;
}

.bannerRotator .active {
    z-index: 1;
    opacity: 0;
    -webkit-animation: fadein .34s .3s cubic-bezier(1,1.4,.41,1.01) forwards;
    animation: fadein .34s .3s cubic-bezier(1,1.4,.41,1.01) forwards;
}

.bannerRotator .active button,.bannerRotator .active a,.bannerRotator .active div {
    display: block;
    width: 100%;
}

.bannerRotator .active button img,.bannerRotator .active a img,.bannerRotator .active div img {
    width: 100%;
    max-width: 100vw;
}

.bannerRotator .active .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.75);
    padding: 13px;
    color: #e2e2e2;
    font-size: 2em;
    font-weight: bold;
}

.bannerRotator .active .overlay {
    display: none;
}

.bannerRotator .active .multilinkContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.bannerRotator .active .multilinkContainer img {
    width: 100%;
    height: 100%;
}

.bannerRotator .active .multilinkContainer a,.bannerRotator .active .multilinkContainer button {
    position: absolute;
}

.bannerRotator .active .multilinkContainer a span,.bannerRotator .active .multilinkContainer button span {
    display: none;
}

.bannerRotator ul {
    position: absolute;
    top: 10px;
    right: 10px;
    list-style: none;
}

.bannerRotator ul li {
    display: inline-block;
    margin-left: 7px;
}

.bannerRotator ul li button {
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    background-color: #959595;
    box-shadow: 0 0 2px 2px #fff;
    width: 10px;
    height: 10px;
    display: block;
}

.bannerRotator ul li button span {
    display: none;
}

.bannerRotator ul li.activeBullet button {
    background-color: #f70;
}

.bannerRotator ul li:only-child {
    display: none;
}

.bannerRotator .flechas {
    display: none;
}

footer {
    width: 100%;
    position: relative;
    overflow: visible;
    z-index: 1;
}

footer .content {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding: 0;
}

footer .content ul.icons {
    display: none;
}

footer .content nav {
    display: block;
    white-space: nowrap;
    margin: 0 auto;
    padding: 0;
}

footer .content nav ul {
    list-style: none;
    display: block;
    margin: 0 auto;
}

footer .content nav ul li {
    width: auto;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-right: 80px;
}

footer .content nav ul li:last-child {
    margin-right: 0;
}

footer .content nav ul.ligas {
    background-color: #323232;
    color: #fff;
    padding: 20px 0;
}

footer .content nav ul.ligas li {
    width: auto;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    margin-right: 0;
    padding: 0 5px;
    border-right: solid 1px #fff;
    height: 20px;
}

footer .content nav ul.ligas li span {
    font-size: .8em;
    color: #fff;
    line-height: 19px;
    vertical-align: top;
}

footer .content nav ul.ligas li:last-child {
    border: 0;
}

footer .content nav a,footer .content nav button {
    vertical-align: top;
    height: 20px;
}

footer .content nav a span,footer .content nav button span {
    color: #fff;
    vertical-align: top;
}

footer .content nav img {
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

footer .content nav img:hover {
    -webkit-animation: grow .34s .1s cubic-bezier(1,1.4,.41,1.01) forwards;
    animation: grow .34s .1s cubic-bezier(1,1.4,.41,1.01) forwards;
}

footer .content #footerMenu {
    padding: 60px 0;
}

footer .forms {
    color: #fff;
    background-image: linear-gradient(to right,#3b074f 0%,#160128 100%);
    white-space: nowrap;
    display: flex;
}

footer .forms #escribenos {
    color: #fff;
    text-align: center;
    padding: 40px 20px 40px 0;
    margin: 0 auto;
    vertical-align: top;
    flex: 0 0 75%;
    width: 75%;
    white-space: normal;
    position: relative;
}

footer .forms #escribenos h2 {
    margin-left: 20px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-left: solid 10px #636363;
    font-size: 28px;
    display: block;
    border-left: none;
    text-align: left;
}

footer .forms #escribenos h2 span {
    font-size: 1rem;
    margin-left: 1rem;
    font-weight: normal;
}

footer .forms #escribenos form {
    padding: 20px 60px;
    overflow: hidden;
}

footer .forms #escribenos fieldset {
    border: none;
}

footer .forms #escribenos fieldset legend {
    opacity: 0;
}

footer .forms #escribenos ul {
    margin: 0 auto;
    list-style: none;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end;
    column-count: 3;
    column-gap: 40px;
}

footer .forms #escribenos ul li {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    width: 29%;
    flex: 0 0 29%;
    height: auto !important;
    margin-bottom: 20px;
}

footer .forms #escribenos ul li label {
    margin-left: 10px;
    vertical-align: top;
    display: block;
    white-space: normal;
}

footer .forms #escribenos ul li input,footer .forms #escribenos ul li select {
    border: none;
    border-bottom: solid 2px #fff;
}

footer .forms #escribenos ul li input[type=text],footer .forms #escribenos ul li select,footer .forms #escribenos ul li textarea {
    width: 100% !important;
    padding: 5px;
    color: #fff;
    background-color: transparent;
}

footer .forms #escribenos ul li input[type=text]:focus,footer .forms #escribenos ul li select:focus,footer .forms #escribenos ul li textarea:focus {
    background-color: #260532 !important;
}

footer .forms #escribenos ul li textarea {
    height: 12rem;
    width: 100%;
    overflow: auto;
    padding-bottom: 80px;
    background-color: #260532 !important;
    color: #fff;
    background-color: transparent;
}

footer .forms #escribenos ul li #txtEmail {
    padding-bottom: 10px;
}

footer .forms #escribenos ul li .radioContainer {
    width: 100%;
    display: inline-block;
    text-align: left;
}

footer .forms #escribenos ul li .radioContainer>div {
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    margin-right: 20px;
}

footer .forms #escribenos ul li .radioContainer label {
    width: auto;
    display: inline-block;
    line-height: 25px;
    margin-left: 10px;
}

footer .forms #escribenos ul li .radioContainer input {
    vertical-align: unset;
    height: 28px;
}

footer .forms #escribenos ul li .link2 {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px;
}

footer .forms #escribenos ul li .send {
    background-color: transparent;
    display: inline-block;
    padding: 0;
    background: #f4f4f5;
    float: right;
    color: #323232;
    border: none;
    padding: 10px 60px;
    cursor: pointer;
    text-align: center !important;
    text-decoration: none;
}

footer .forms #escribenos ul li.message {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}

footer .forms #escribenos ul:last-of-type li {
    width: 47%;
    flex: 0 0 47%;
}

footer .forms #escribenos ul.active,footer .forms #escribenos div.active {
    display: block;
}

footer .forms #escribenos ul.inactive,footer .forms #escribenos div.inactive {
    display: none !important;
}

footer .forms #escribenos li.captcha label {
    width: 300px;
}

footer .forms #escribenos li.captcha .imageContainer {
    margin: 10px 0;
}

footer .forms #escribenos li.captcha input[type=text] {
    width: 150px;
    padding: 3.9px;
    font-size: 1.5em;
    text-align: right;
}

footer .forms .sending {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    display: none;
}

footer .forms .sending .cssload-container {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

footer .forms .sending .message,footer .forms .sending .errorMessage {
    position: relative;
    top: 25%;
    text-align: center;
    font-size: 2.5em;
    white-space: normal;
    padding: 0 20px;
    color: #fff;
}

footer .forms .sending .errorMessage {
    color: #fff;
}

footer .forms .sending .errorMessage button {
    background-color: transparent;
    display: inline-block;
    padding: 0;
    background: #f4f4f5;
    color: #323232;
    border: none;
    padding: 10px 60px;
    cursor: pointer;
    text-align: center !important;
    text-decoration: none;
}

footer .links {
    color: #fff;
    text-align: center;
    padding: 40px 20px 40px 0;
    margin: 0 auto;
    vertical-align: top;
    white-space: normal;
    position: relative;
    flex: 0 0 25%;
    width: 25%;
}

footer .links>div {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 25px;
    margin-bottom: 40px;
}

footer .links h2 {
    margin-left: 20px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-left: solid 10px #636363;
    font-size: 28px;
    display: block;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 5px;
    border-left: none;
    text-align: left;
}

footer .links h2 span {
    font-size: 1rem;
    font-weight: normal;
    display: block;
}

footer .links h2+span {
    font-size: 1.2rem;
    font-weight: normal;
}

footer .links ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

footer .links ul li {
    flex: 0 0 50%;
    text-align: left;
}

footer .links ul li img {
    max-width: 80%;
}

.dialogBg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.dialogBg .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    display: inline-block;
}

.dialogBg .container .header {
    background: #4c4c4c;
    min-height: 0;
    padding: 0;
    height: 0;
    color: #fff;
}

.dialogBg .container .header h1 {
    font-size: 1.5em;
    color: #fff;
}

.dialogBg .container .header button {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 11px;
    right: 11px;
    background: url('Website/Resources/Images/closeBl.png');
    background-size: cover;
    z-index: 3;
}

.dialogBg .content {
    overflow-y: auto;
    overflow-x: hidden;
}

.dialogBg .content img,.dialogBg .content iframe {
    max-width: calc(100vw - 60px);
}

.avisoPrivacidad {
    padding: 40px;
    list-style: none;
    text-align: justify;
}

.avisoPrivacidad * {
    color: #4c4c4c;
}

.avisoPrivacidad h2 {
    background: none;
}

.avisoPrivacidad ul {
    list-style: none;
}

.avisoPrivacidad ul li {
    margin-bottom: 15px;
    line-height: 1.3em;
}

.newForm input,.newForm select,.newForm textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: solid 1px #959595 !important;
}

.shareForm {
    padding: 25px;
}

.shareForm h2 {
    text-align: center;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #fff;
    min-height: 0;
}

.shareForm div {
    margin-top: 5px;
}

.shareForm input {
    width: 300px;
    height: 40px;
    border: solid 1px #999;
    background: #f2f2f2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.shareForm textarea {
    width: 300px;
    border: solid 1px #999;
    background: #f2f2f2;
    height: 100px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.shareForm a {
    padding: 10px 30px;
    background: #ea7600;
    color: #fff;
    text-align: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.shareForm .req {
    color: #f00;
    font-size: 1.2em;
}

.shareForm input,.shareForm select,.shareForm textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: solid 1px #959595 !important;
}

.blink {
    animation: blink 1s .1s cubic-bezier(1,1.4,.41,1.01) forwards;
}

.carrouselContainer {
    position: relative;
    width: 100%;
    overflow: visible;
}

.carrouselContainer .carouselMoveLeft {
    position: absolute;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 55px;
    background: url("Website/Resources/Images/flechaL.png") center no-repeat #e4e4e4;
    cursor: pointer;
}

.carrouselContainer .carouselMoveRight {
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 55px;
    background: url("Website/Resources/Images/flechaR.png") center no-repeat #e4e4e4;
    cursor: pointer;
}

.sectionTitle {
    margin-left: 20px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-left: solid 10px #636363;
    font-size: 28px;
    display: block;
}

ul#breadcrumb {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    padding: 20px 40px;
    background-color: #fff;
    text-transform: uppercase;
    list-style: none;
    font-size: 18px;
}

ul#breadcrumb li a:after {
    content: ">";
    margin: 0 1rem;
}

ul#breadcrumb li h1 {
    font-weight: bold;
}

ul#breadcrumb+section,ul#breadcrumb+div {
    margin-top: 0 !important;
}

@-webkit-keyframes moveStep2 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: 150px;
    }
}

@keyframes moveStep2 {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: 400px;
    }
}

@-webkit-keyframes moveStep1 {
    0% {
        margin-left: 150px;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes moveStep1 {
    0% {
        margin-left: 150px;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes chageStepColor {
    0% {
        color: #959595;
        border-bottom-color: #959595;
    }

    100% {
        color: #fdb912;
        border-bottom-color: #fdb912;
    }
}

@keyframes chageStepColor {
    0% {
        color: #959595;
        border-bottom-color: #959595;
    }

    100% {
        color: #fdb912;
        border-bottom-color: #fdb912;
    }
}

@-webkit-keyframes chageStepColorBack {
    0% {
        color: #fdb912;
        border-bottom-color: #fdb912;
    }

    100% {
        color: #959595;
        border-bottom-color: #959595;
    }
}

@keyframes chageStepColorBack {
    0% {
        color: #fdb912;
        border-bottom-color: #fdb912;
    }

    100% {
        color: #959595;
        border-bottom-color: #959595;
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: transparent;
    }

    25% {
        background-color: #fdb912;
    }

    50% {
        background-color: transparent;
    }

    75% {
        background-color: #fdb912;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes blink {
    0% {
        background-color: transparent;
    }

    25% {
        background-color: #8647dc;
    }

    50% {
        background-color: transparent;
    }

    75% {
        background-color: #8647dc;
    }

    100% {
        background-color: transparent;
    }
}

@keyframes mobileMenuOpen {
    0% {
        left: 100%;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes mobileMenuClose {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@keyframes mobileMenuClose {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes mobileMenuOpen {
    0% {
        left: 100%;
    }

    100% {
        left: 0;
    }
}

@media screen and (max-width: 2060px) {
    header {
        padding-right:0;
    }

    header .content {
        left: 0;
        right: 50px;
        width: auto !important;
        transform: translateX(0);
    }

    footer {
        padding-right: 0;
    }

    footer .content {
        left: 0;
        right: 50px;
        width: auto !important;
        transform: translateX(0);
    }
}

@media screen and (min-width: 1970px) {
    #cdc {
        padding-right:0;
    }
}

@media screen and (max-width: 1279px) {
    header .content .fixedContent .topBar ul.canales li:first-child {
        display:none;
    }

    footer .content nav ul li {
        margin: 20px 80px 20px 0;
    }

    footer .content #footerMenu {
        padding: 60px;
        white-space: normal;
    }

    footer .forms #suscribete {
        padding: 20px;
    }

    footer .forms #suscribete form {
        padding: 20px;
    }

    footer .forms #escribenos {
        padding: 20px 20px 20px 0;
    }

    footer .forms #escribenos form {
        padding: 20px;
    }
}

@media screen and (max-width: 1079px) {
    #cdc {
        padding-right:0;
    }

    header {
        padding-right: 0 !important;
        height: 150px;
    }

    header .content {
        right: 0;
        height: 150px;
    }

    header .content #headerDialog {
        margin-right: 0;
    }

    header .content #headerDialog .close {
        border: none;
        background-color: transparent;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        right: 10px;
    }

    header .content .fixedContent {
        text-align: left;
        height: 150px;
        overflow: hidden;
    }

    header .content .fixedContent .menu {
        text-align: right !important;
        height: 82px !important;
        width: 100% !important;
        margin-left: 0;
        padding-right: 0 !important;
        padding-left: 0 !important;
        left: 0 !important;
    }

    header .content .fixedContent .menu .mobile {
        display: inline-block !important;
        width: 100%;
        white-space: nowrap;
        text-align: right;
        height: 89px;
    }

    header .content .fixedContent .menu .mobile>ul {
        list-style: none;
        display: inline;
        width: 80%;
        height: 85px;
        margin-right: 20px;
    }

    header .content .fixedContent .menu .mobile>ul li {
        text-align: center;
        vertical-align: middle;
        line-height: 85px;
        display: inline-block;
        vertical-align: top;
        height: 85px;
    }

    header .content .fixedContent .menu .mobile>ul li .separator {
        width: 2px;
        height: 45px;
        margin: 20px 15px;
        background-color: #959595;
    }

    header .content .fixedContent .menu .mobile>ul li img {
        max-width: 28px;
        max-height: 28px;
        position: relative;
        top: 7px;
    }

    header .content .fixedContent .menu .mobile>ul li button {
        width: 27px;
        height: 14px;
        position: relative;
        margin: 34px auto 50px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    header .content .fixedContent .menu .mobile>ul li button span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #959595;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        margin: 0;
        padding: 0;
    }

    header .content .fixedContent .menu .mobile>ul li button span:nth-child(1) {
        top: 0;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        width: 50%;
    }

    header .content .fixedContent .menu .mobile>ul li button span:nth-child(2) {
        top: 7px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    header .content .fixedContent .menu .mobile>ul li button span:nth-child(3) {
        top: 14px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        width: 50%;
    }

    header .content .fixedContent .menu .mobile>ul li button.open {
        -moz-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
        -o-transform: translateX(-3px);
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    header .content .fixedContent .menu .mobile>ul li button.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 8px;
        width: 100%;
    }

    header .content .fixedContent .menu .mobile>ul li button.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    header .content .fixedContent .menu .mobile>ul li button.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 18.5px;
        left: 8px;
        width: 100%;
    }

    header .content .fixedContent .menu nav {
        display: block !important;
        width: 80% !important;
        height: auto;
        position: relative;
        margin-left: 20%;
        left: 100%;
        background-color: #f6f5f3;
        top: 0;
        overflow: visible;
    }

    header .content .fixedContent .menu nav .searchBox {
        display: block;
    }

    header .content .fixedContent .menu nav .searchBox label {
        display: none;
    }

    header .content .fixedContent .menu nav .searchBox .inputContainer {
        border-bottom: none;
        background-color: #fff;
        padding: 0;
        margin: 0 13px;
        height: 46px;
    }

    header .content .fixedContent .menu nav .searchBox .inputContainer button {
        border: none;
        background-color: transparent;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        width: 44px;
    }

    header .content .fixedContent .menu nav .searchBox .inputContainer input {
        display: inline-block;
        width: calc(100% - 44px);
        background-color: transparent;
        height: 45px;
        padding: 5px 10px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM {
        background-color: transparent;
        margin: 10px 0 0 0;
        padding: 0 13px;
        height: 100%;
        display: none;
        color: #959595;
        overflow-x: hidden;
        overflow-y: auto;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .res {
        text-align: center;
        font-size: 1.5em;
        padding: 0 25px;
        color: #4c4c4c;
        margin-top: 50px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .list {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding-left: 0;
        margin-top: 10px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM h1 {
        border-bottom: solid 1px #4c4c4c;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM h1 a {
        font-size: 1.2em;
        color: #4c4c4c;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer {
        color: #4c4c4c;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer ul {
        list-style: none;
        white-space: normal;
        width: 100%;
        padding: 5px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer ul li {
        display: list-item;
        white-space: normal;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0 0 10px 0;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer ul li h2 a {
        color: #000;
        white-space: normal;
        width: 100%;
        font-size: .8em;
        line-height: 1em;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer ul li .description {
        color: #4c4c4c;
        white-space: normal;
        width: 100%;
        margin-top: 3px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer ul li .description * {
        color: #4c4c4c;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .newsContainer ul li .date {
        font-size: .85em;
        white-space: normal;
        width: 100%;
        color: #4c4c4c;
        margin-top: 5px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer {
        color: #4c4c4c;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer ul {
        list-style: none;
        white-space: normal;
        width: 100%;
        padding: 0 11px 0 0;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer ul li {
        display: inline-block;
        white-space: normal;
        width: 48%;
        height: auto;
        padding: 0;
        margin: 0 0 10px 0;
        vertical-align: top;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer ul li .cover {
        width: 100%;
        padding-bottom: 56.25%;
        margin-bottom: 5px;
        background: center no-repeat;
        background-size: cover;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer ul li h2 a {
        color: #000;
        white-space: normal;
        width: 100%;
        font-size: .8em;
        line-height: 1em;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer ul li .description {
        color: #959595;
        white-space: normal;
        width: 100%;
        margin-top: 3px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .videosContainer ul li .date {
        font-size: .85em;
        white-space: normal;
        width: 100%;
        color: #959595;
        margin-top: 5px;
    }

    header .content .fixedContent .menu nav .searchBox #searchResultsM .more {
        color: #4c4c4c;
        font-size: 1em;
        text-align: center;
        margin: 10px auto 20px auto;
        display: block;
    }

    header .content .fixedContent .menu nav ul {
        display: block !important;
    }

    header .content .fixedContent .menu nav ul li {
        text-align: left;
        padding-left: 25px;
        margin: 0 12px;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer {
        border-bottom: solid 1px #a6a6a6;
        background: url('Website/Resources/Images/menuBG.png') top right no-repeat;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer .submenu {
        display: none !important;
        position: static;
        border: none;
        background-color: #f6f5f3;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer .submenu li {
        padding: 10px 0;
        color: #000;
        white-space: normal;
        line-height: 1.2em;
        position: static;
        -webkit-break-inside: avoid-column;
        break-inside: avoid-column;
        overflow: hidden;
        text-align: left;
        padding-left: 0;
        margin: 0 12px;
        display: list-item;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer .submenu li a,header .content .fixedContent .menu nav ul li.submenuContainer .submenu li button,header .content .fixedContent .menu nav ul li.submenuContainer .submenu li span {
        color: #000;
        line-height: 1.2em;
        text-align: left;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer .submenu li ul {
        position: static;
        display: block;
        border: 0;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        background-color: transparent;
        padding: 5px 20px;
        display: inline-block;
        max-height: 500px;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer .submenu li ul li {
        padding: 5px 0;
        display: list-item;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer .submenu li ul li a,header .content .fixedContent .menu nav ul li.submenuContainer .submenu li ul li button,header .content .fixedContent .menu nav ul li.submenuContainer .submenu li ul li span {
        color: #000;
        line-height: 1.2em;
        text-align: left;
        opacity: 0;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer ul.submenu.active {
        display: block !important;
        padding: 0 10px;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer ul.submenu.active .submenu {
        display: block !important;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer:hover ul.submenu {
        display: none !important;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer:hover ul.submenu.active {
        display: block !important;
    }

    header .content .fixedContent .menu nav ul li.submenuContainer:hover ul.submenu.active .submenu {
        display: block !important;
    }

    header .content .fixedContent .menu nav ul li:first-child {
        display: block;
    }

    header .content .fixedContent .menu nav ul li:last-child {
        display: none;
    }

    header .content .fixedContent .menu nav .icons {
        display: block;
        white-space: normal;
        text-align: left;
        padding: 0 25px 25px 25px;
    }

    header .content .fixedContent .menu nav .icons li:nth-child(1),header .content .fixedContent .menu nav .icons li:nth-child(2),header .content .fixedContent .menu nav .icons li:nth-child(4) {
        display: none;
    }

    header .content .fixedContent .menu nav .icons li {
        display: inline-block;
        padding-left: 0;
    }

    header .content .fixedContent .menu nav .icons li span {
        display: none;
    }

    header .content .fixedContent .menu nav .icons li:last-child {
        display: inline-block;
    }

    header .content .fixedContent .menu nav a,header .content .fixedContent .menu nav button {
        vertical-align: middle;
        line-height: 40px;
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    header .content .fixedContent #sidebarContainer {
        display: none !important;
    }

    header .content.open .fixedContent {
        overflow: visible;
    }

    header .content.open .fixedContent .menu .mobile>ul li button {
        -moz-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
        -o-transform: translateX(-3px);
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    header .content.open .fixedContent .menu .mobile>ul li button span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 8px;
        width: 100%;
    }

    header .content.open .fixedContent .menu .mobile>ul li button span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    header .content.open .fixedContent .menu .mobile>ul li button span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 18.5px;
        left: 8px;
        width: 100%;
    }

    header .content.open .fixedContent .menu nav {
        -webkit-animation: mobileMenuOpen .5s .1s linear forwards;
        animation: mobileMenuOpen .5s .1s linear forwards;
    }

    header .content.open .fixedContent .menu #mainMenu {
        overflow-x: hidden;
        overflow-y: auto;
    }

    header .content.closed .fixedContent .menu nav {
        left: 0% !important;
        -webkit-animation: mobileMenuClose .5s .1s linear forwards;
        animation: mobileMenuClose .5s .1s linear forwards;
    }

    footer .forms {
        flex-wrap: wrap;
    }

    footer .forms #escribenos {
        flex: 0 0 100%;
        width: 100%;
    }

    footer .links {
        padding: 40px 20px;
        flex: 0 0 100%;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    footer .links>div {
        flex: 0 0 30%;
        margin-right: 5%;
        text-align: left;
        padding-left: 0;
        margin-bottom: 40px;
    }

    footer .links>div:last-of-type {
        margin-right: 0;
    }
}

@media screen and (max-width: 979px) {
    header .content .fixedContent .topBar ul.canales li:first-child {
        display:none;
    }

    header .content .fixedContent .topBar ul.canales li {
        margin-left: 10px;
    }

    header .content .fixedContent .topBar ul.canales li a img {
        width: 44px;
    }

    header .content .fixedContent .topBar ul.canales li a div {
        margin-left: 5px;
        padding: 10px;
    }
}

@media screen and (max-width: 849px) {
    header .content .fixedContent .topBar #ligaInicio {
        position:absolute;
        margin-left: 0;
    }

    header .content .fixedContent .topBar ul.canales li {
        margin-left: 10px;
    }

    header .content .fixedContent .topBar ul.canales li a img {
        width: 44px;
    }

    header .content .fixedContent .topBar ul.canales li a div {
        margin-left: 5px;
        padding: 10px;
    }

    footer .forms #escribenos {
        padding: 20px 0;
    }

    footer .forms #escribenos form {
        padding: 10px;
    }

    footer .forms #escribenos ul {
        column-count: auto;
        column-gap: 0;
    }

    footer .forms #escribenos ul li {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    footer .forms .links {
        flex-direction: column;
    }

    footer .forms .links>div {
        flex: 0 0 100%;
        width: 100%;
    }
}

@media screen and (max-width: 719px) {
    header .content .fixedContent {
        padding-left:0;
    }

    header .content .fixedContent #ligaInicio {
        width: auto;
        height: 45px;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    header .content .fixedContent #ligaInicio #logo {
        display: none;
    }

    header .content .fixedContent #ligaInicio #logoSmall {
        display: block;
    }

    header .content .fixedContent .topBar {
        text-align: center;
    }

    header .content .fixedContent .topBar ul.canales {
        float: none;
        position: absolute;
        bottom: -60px;
        z-index: 5;
    }
}

@media screen and (max-width: 639px) {
    header .content .fixedContent .topBar ul.canales li {
        width:70px;
        margin-left: 0;
        margin-right: 5px;
    }

    header .content .fixedContent .topBar ul.canales li a {
        white-space: normal;
    }

    header .content .fixedContent .topBar ul.canales li a div {
        padding: 5px;
        white-space: nowrap;
        font-size: .8em;
        height: 22px;
        line-height: 12px;
    }

    footer .content nav ul li {
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }
}

#defensor {
    max-width: 1920px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding-right: 0;
    margin-bottom: 30px;
}

#defensor #defensorHeader {
    padding-right: 0;
    position: static;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    z-index: 5;
}

#defensor #defensorHeader img {
    width: 100%;
}

#defensor #defensorHeader nav {
    background: #9a9a9a;
    color: #fff;
    font-size: 1.07em !important;
    line-height: 1.07em !important;
    font-weight: 700;
    vertical-align: middle;
    height: 55px;
    margin: 0;
    padding: 0;
}

#defensor #defensorHeader nav #showMore {
    display: none;
}

#defensor #defensorHeader nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    max-width: 1920px;
    margin: 0 auto;
}

#defensor #defensorHeader nav ul li {
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0 55px;
    vertical-align: middle;
    height: 55px;
}

#defensor #defensorHeader nav ul li a {
    display: inline-block;
    height: 55px;
    vertical-align: middle;
    position: relative;
    text-align: left;
}

#defensor #defensorHeader nav ul li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 55px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
}

#defensor #defensorHeader nav ul li.active {
    background-color: #f7f7f7;
}

#defensor #defensorHeader nav ul li.active span {
    color: #000;
}

#defensor #index #bienvenida {
    position: relative;
    width: 100%;
    height: 100%;
}

#defensor #index #bienvenida .content {
    width: 50%;
    color: #4c4c4c;
}

#defensor #index #bienvenida .content h1 {
    margin: 45px 0 0 0;
    padding: 45px;
    background-image: linear-gradient(#b0b1b1,#58595b);
    color: #fff;
    font-size: 30px !important;
    line-height: 1.5em;
    font-weight: bold;
}

#defensor #index #bienvenida .content>div {
    padding: 45px;
    font-size: 16px !important;
    line-height: 1.2em;
    width: 80%;
}

#defensor #index #bienvenida .content>div p {
    font-size: inherit !important;
    margin-bottom: 1em;
}

#defensor #index #bienvenida .cover {
    position: absolute;
    top: -55px;
    right: 0;
    bottom: 0;
    left: 40%;
    background: center no-repeat;
    background-size: cover;
    z-index: -1;
}

#defensor #index #misionVision {
    background-color: #eaebed;
    padding: 110px 55px;
    position: relative;
    text-align: right;
}

#defensor #index #misionVision .cover {
    position: absolute;
    top: 55px;
    bottom: 55px;
    left: 55px;
    background: center no-repeat;
    background-size: cover;
    z-index: 1;
    width: calc(30% - 27.5px);
}

#defensor #index #misionVision .content {
    display: table;
    width: 70%;
    margin-left: 30%;
    padding: 55px 0 55px 55px;
    text-align: left;
    color: #4c4c4c;
}

#defensor #index #misionVision .content>div {
    display: table-row;
}

#defensor #index #misionVision .content>div h2 {
    padding: 8px 20px 0 0;
    display: table-cell;
    vertical-align: top;
}

#defensor #index #misionVision .content>div h2 span {
    border-left: 10px solid;
    font-weight: bold;
    font-size: 30px !important;
    padding: 5px 20px;
    display: block;
    border-color: #636363;
}

#defensor #index #misionVision .content>div div {
    display: table-cell;
    font-size: 16px !important;
    white-space: normal;
    line-height: 1.5em;
    vertical-align: middle;
    vertical-align: top;
    padding: 0 20px;
    line-height: 1.2em;
}

#defensor #index #misionVision .content>div:first-of-type h2 span {
    border-color: #959595;
}

#defensor #index #misionVision .content>div.separator {
    height: 55px;
}

#defensor #index #valores {
    color: #4c4c4c;
    padding: 55px;
    position: relative;
}

#defensor #index #valores h2 {
    border-left: 10px solid;
    font-weight: bold;
    font-size: 30px !important;
    padding: 5px 20px;
    display: block;
    border-color: #323232;
}

#defensor #index #valores ul {
    margin-top: 55px;
    list-style: none;
    column-count: 3;
}

#defensor #index #valores ul li {
    vertical-align: top;
    break-inside: avoid-column;
}

#defensor #index #valores ul li button {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: 0;
    font-size: 1.5em !important;
    position: relative;
}

#defensor #index #valores ul li button span {
    position: absolute;
    transition: .3s;
    background: #a2a2a2;
    border-radius: 2px;
}

#defensor #index #valores ul li button span:first-of-type {
    top: 25%;
    bottom: 25%;
    width: 10%;
    left: 45%;
}

#defensor #index #valores ul li button span:last-of-type {
    left: 25%;
    right: 25%;
    height: 10%;
    top: 45%;
}

#defensor #index #valores ul li span {
    font-size: 18px !important;
    font-weight: bold;
    cursor: pointer;
    line-height: 30px;
    vertical-align: top;
}

#defensor #index #valores ul li div {
    font-size: 16px !important;
    line-height: 1.2em;
    padding: 0 4em 4em 0;
    height: 0;
    opacity: 0;
    transition: all .5s;
}

#defensor #index #valores ul li.expanded button span:first-of-type,#defensor #index #valores ul li.expanded button span:last-of-type {
    transform: rotate(90deg);
}

#defensor #index #valores ul li.expanded button span:last-of-type {
    left: 50%;
    right: 50%;
}

#defensor #index #valores ul li.expanded div {
    height: auto;
    opacity: 1;
}

#defensor #index #valores .cover {
    position: absolute;
    width: 40%;
    padding-bottom: calc(12.24%);
    right: calc(55px + 15%);
    transform: translateY(calc(-55px + -50%));
}

#defensor #info #perfil .cover {
    width: 100%;
    height: calc(100vh - 8vw - 131px);
    background-size: cover;
    background-position: right top;
}

#defensor #info #perfil .content {
    max-width: 800px;
    width: 70%;
    margin: 0 0 0 55px;
    padding: 55px;
    text-align: center;
    background-image: linear-gradient(#b0b1b1,#58595b);
    color: #fff;
    font-size: 16px !important;
    font-weight: normal;
    transform: translateY(-50vh);
    line-height: 1.5em;
}

#defensor #info #perfil .content h1 {
    font-size: 30px !important;
    font-weight: bold;
}

#defensor #info #perfil .content h2 {
    font-size: 18px !important;
    font-weight: bold;
    white-space: nowrap;
    margin: 55px auto;
    text-align: center;
}

#defensor #info #perfil .content h2 span {
    display: block;
    width: 100px;
    margin: 0 auto;
    border-bottom: solid 1px #fff;
    margin-top: .5em;
}

#defensor #info #perfil .content p {
    font-size: inherit !important;
    margin-bottom: 2em;
}

#defensor #info #actividad {
    padding: 0 55px;
    white-space: nowrap;
    margin-top: calc(55px - 50vh);
    height: 800px;
}

#defensor #info #actividad .cover {
    width: calc(50% - 27.5px);
    height: calc(42vw - 21px);
    max-height: 50vh;
    margin-right: 27.5px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
}

#defensor #info #actividad .list {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 800px
}

#defensor #info #actividad .list ul {
    list-style: none;
    transition: all .5s;
    vertical-align: top;
}

#defensor #info #actividad .list ul li {
    display: inline-block;
    width: 100%;
    height: calc(42vw - 21px);
    max-height: 50vh;
    vertical-align: top;
}

#defensor #info #actividad .list ul li .content {
    width: 100%;
    padding: 0 55px 0 27.5px;
    display: block;
    color: #4c4c4c;
    height: calc(42vw - 21px);
    max-height: 50vh;
    position: relative;
    vertical-align: top;
    white-space: normal;
}

#defensor #info #actividad .list ul li .content h2 {
    border-left: solid 10px #959595;
    padding: 5px 20px;
    font-size: 26px !important;
    line-height: 26px;
    font-weight: bold;
}

#defensor #info #actividad .list ul li .content .text {
    margin-top: 20px;
    font-size: 16px !important;
    line-height: 1.2em;
}

#defensor #info #actividad .list ul li .content .text p {
    margin-bottom: 1.5em;
    font-size: 16px !important;
}

#defensor #info #actividad .list ul li .content button {
    border: none;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    width: calc(100% - 82.5px);
    height: 40px;
    left: 27.5px;
    right: 55px;
    bottom: 0;
    font-weight: bold;
    background-color: #eaebed;
    text-align: left;
    line-height: 1em;
    vertical-align: middle;
    padding: 0;
    line-height: 40px;
}

#defensor #info #actividad .list ul li .content button img {
    height: 60%;
    margin: 0 1em 5px 1em;
    vertical-align: middle;
}

#defensor #info #actividad .list ul li:first-of-type .content h2 {
    border-left: solid 10px #636363;
}

#defensor #info #actividad .list ul li:first-of-type .content button {
    text-align: right;
}

#defensor #info #actividad .list ul.second {
    transform: translateX(-100%);
}

#defensor #derechos {
    color: #4c4c4c;
}

#defensor #derechos #leyes {
    position: relative;
    width: 100%;
}

#defensor #derechos #leyes .content {
    width: 70%;
    color: #4c4c4c;
}

#defensor #derechos #leyes .content h1 {
    margin: 45px 0 0 0;
    padding: 45px;
    background-image: linear-gradient(#b0b1b1,#58595b);
    color: #fff;
    font-size: 30px !important;
    line-height: 1.5em;
    font-weight: bold;
}

#defensor #derechos #leyes .content>div {
    padding: 45px;
    font-size: 16px !important;
    line-height: 1.2em;
    width: 80%;
}

#defensor #derechos #leyes .content>div p {
    font-size: inherit !important;
    margin-bottom: 1em;
}

#defensor #derechos #leyes .content>div ol {
    margin-bottom: 3rem;
}

#defensor #derechos #leyes .content>div ol>li {
    margin-bottom: 1rem;
}

#defensor #derechos #leyes .cover {
    position: absolute;
    top: -55px;
    right: 0;
    bottom: 0;
    left: 60%;
    background: center no-repeat;
    background-size: cover;
    z-index: -1;
}

#defensor #derechos #contacto {
    position: relative;
}

#defensor #derechos #contacto .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

#defensor #derechos #contacto .content {
    width: 60%;
    padding: 55px;
    background-color: #eaebed;
    margin-left: 40%;
    position: relative;
}

#defensor #derechos #contacto .content h2 {
    border-left: solid 10px #636363;
    padding: 5px 20px;
    font-size: 30px !important;
    line-height: 1.2em;
    line-height: 18px;
    font-weight: bold;
}

#defensor #derechos #contacto .content form {
    margin-top: 55px;
}

#defensor #derechos #contacto .content form fieldset {
    border: none;
    padding: 0;
}

#defensor #derechos #contacto .content form fieldset input {
    background-color: #fff;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #636363;
    width: 100%;
}

#defensor #derechos #contacto .content form fieldset input:focus+label {
    display: none;
}

#defensor #derechos #contacto .content form fieldset input:not(:empty)+label {
    display: none;
}

#defensor #derechos #contacto .content form fieldset input:valid+label {
    display: none;
}

#defensor #derechos #contacto .content form fieldset textarea {
    background-color: #fff;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #636363;
    width: 100%;
    height: 10em;
}

#defensor #derechos #contacto .content form fieldset select {
    background-color: #fff;
    padding: 10px;
    border: none;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    width: 100%;
}

#defensor #derechos #contacto .content form fieldset select+label {
    display: none;
}

#defensor #derechos #contacto .content form fieldset>div {
    position: relative;
    margin-bottom: 20px;
}

#defensor #derechos #contacto .content form fieldset>div label {
    position: absolute;
    left: 10px;
    top: 10px;
}

#defensor #derechos #contacto .content form fieldset .nombre,#defensor #derechos #contacto .content form fieldset .apellido,#defensor #derechos #contacto .content form fieldset .correo,#defensor #derechos #contacto .content form fieldset .telefono {
    width: calc(50% - 7px);
    display: inline-block;
}

#defensor #derechos #contacto .content form fieldset .nombre,#defensor #derechos #contacto .content form fieldset .correo {
    margin-right: 10px;
}

#defensor #derechos #contacto .content form fieldset .sexo {
    /*width: 38%;*/
    width: calc(50% - 7px);
    display: inline-block;
}

#defensor #derechos #contacto .content form fieldset .sexo .radioContainer {
    white-space: nowrap;
}

#defensor #derechos #contacto .content form fieldset .sexo .radioContainer>div {
    display: inline-block;
    margin-right: 5%;
}

#defensor #derechos #contacto .content form fieldset .sexo .radioContainer>div input {
    width: auto;
}

#defensor #derechos #contacto .content form fieldset .sexo .radioContainer>div label {
    position: static;
    display: inline-block;
    margin-left: 5px;
}

#defensor #derechos #contacto .content form fieldset .edad {
    /*width: 18%;*/
    width: calc(50% - 7px);
    margin-right: 10px;
    display: inline-block;
}

#defensor #derechos #contacto .content form fieldset .estado {
    width: 100%;
    display: inline-block;
    text-align: right;
}

#defensor #derechos #contacto .content form fieldset .motivo {
    white-space: nowrap;
}

#defensor #derechos #contacto .content form fieldset .motivo label {
    position: static;
    display: inline-block;
}

#defensor #derechos #contacto .content form fieldset .motivo select {
    width: auto;
    margin-left: 5%;
}

#defensor #derechos #contacto .content form fieldset .captcha label {
    position: static;
    font-weight: bold;
}

#defensor #derechos #contacto .content form fieldset .captcha .imageContainer {
    white-space: nowrap;
}

#defensor #derechos #contacto .content form fieldset .captcha .imageContainer input {
    width: 35%;
    margin-left: 5%;
    vertical-align: top;
    border: solid 1px #4c4c4c;
}

#defensor #derechos #contacto .content form fieldset .enviar {
    text-align: right;
}

#defensor #derechos #contacto .content form fieldset .enviar .link2 {
    float: left;
    text-decoration: underline;
    margin-top: 24px;
}

#defensor #derechos #contacto .content form fieldset .enviar .send {
    background-color: #323232;
    color: #fff;
    text-align: center;
    width: 25%;
    padding: 20px 0;
    font-size: 18px !important;
}

#defensor #derechos #contacto .sending {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    display: none;
}

#defensor #derechos #contacto .sending .cssload-container {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#defensor #derechos #contacto .sending .message,#defensor #derechos #contacto .sending .errorMessage {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 2.5em !important;
    color: #fff;
}

#defensor #derechos #contacto .sending .errorMessage {
    color: #fff;
}

#defensor #derechos #contacto .sending .errorMessage button {
    display: block;
    margin: 20px auto 0 auto;
    font-size: .5em !important;
    width: 150px;
    background: #959595;
    color: #000;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

#defensor #derechos #infoContacto {
    padding: 55px;
}

#defensor #derechos #infoContacto h2 {
    font-size: 18px !important;
    text-align: center;
    font-weight: normal;
}

#defensor #derechos #infoContacto .list {
    margin-top: 55px;
}

#defensor #derechos #infoContacto .list ul {
    white-space: normal;
    list-style: none;
}

#defensor #derechos #infoContacto .list ul li {
    display: inline-block;
    width: 33%;
    margin-bottom: 30px;
    vertical-align: top;
}

#defensor #derechos #infoContacto .list ul li .content {
    text-align: center;
    padding: 0 25%;
}

#defensor #derechos #infoContacto .list ul li .content img {
    height: 30px;
    color: #323232;
}

#defensor #derechos #infoContacto .list ul li .content h3 {
    margin: 1em 0;
}

#defensor #derechos #infoContacto .list ul li .content div {
    font-size: 14px !important;
}

#defensor #informes {
    white-space: nowrap;
    position: relative;
    color: #4c4c4c;
}

#defensor #informes>div {
    display: inline-block;
    width: 50%;
}

#defensor #informes .list {
    padding: 55px;
}

#defensor #informes .list h1 {
    border-left: 10px solid;
    font-weight: bold;
    font-size: 30px !important;
    padding: 5px 20px;
    display: inline;
    border-color: #636363;
}

#defensor #informes .list .filtro {
    float: right;
    font-weight: bold;
    line-height: 46px;
    vertical-align: middle;
}

#defensor #informes .list .filtro select {
    background-color: #fff;
    padding: 10px;
    margin-left: 10px;
    border: none;
    border: solid 1px #4c4c4c;
    font-weight: normal;
}

#defensor #informes .list #listaActividadDefensor {
    list-style: none;
    white-space: normal;
}

#defensor #informes .list #listaActividadDefensor li.anio {
    margin-top: 55px;
    border-bottom: solid 1px #eaebed;
    padding: 0 0 5px 0;
    line-height: 16px;
}

#defensor #informes .list #listaActividadDefensor li.anio span {
    background-color: #eaebed;
    padding: 5px 10px;
    font-weight: bold;
    border: none;
}

#defensor #informes .list #listaActividadDefensor li {
    margin-top: 0;
    padding: 20px;
    line-height: 30px;
}

#defensor #informes .list #listaActividadDefensor li span {
    border-left: 10px solid;
    padding: 5px 20px;
    display: inline;
    font-weight: bold;
    font-size: 16px !important;
    border-color: #323232;
}

#defensor #informes .list #listaActividadDefensor li .informe_anual {
    border-color: #959595;
}

#defensor #informes .list #listaActividadDefensor li a {
    float: right;
    line-height: 26px;
    color: #636363;
    vertical-align: middle;
    font-size: 14px !important;
}

#defensor #informes .list #listaActividadDefensor li a img {
    height: 26px;
    margin-right: 10px;
    vertical-align: middle;
}

#defensor #informes .list #listaActividadDefensor li button {
    font-size: 14px !important;
}

#defensor #informes .cover {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}

#defensor #informes .cover iframe {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border: none;
}

#defensor #normatividad {
    position: relative;
}

#defensor #normatividad .cover {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    background-size: cover;
    background-position: center center;
}

#defensor #normatividad .normas {
    display: inline-block;
    width: 70%;
    margin-left: 30%;
    white-space: nowrap;
    overflow: hidden;
}

#defensor #normatividad .normas h1 {
    padding: 20px 55px;
    background-color: #636363;
    color: #fff;
    font-size: 30px !important;
    position: absolute;
    left: calc(30% - 55px);
    top: 20px;
    z-index: 2;
}

#defensor #normatividad .normas>div {
    display: inline-block;
    width: 100%;
    z-index: -1;
    transition: all .5s;
    vertical-align: top;
}

#defensor #normatividad .normas>div .filtro {
    background-color: #eaebed;
    padding: 120px 40px 40px 40px;
}

#defensor #normatividad .normas>div .filtro h2 {
    border-left: 10px solid;
    padding: 5px 20px;
    display: inline;
    font-weight: bold;
    font-size: 18px !important;
    border-color: #959595;
}

#defensor #normatividad .normas>div .filtro button {
    float: right;
    border: none;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    padding: 0;
    line-height: 40px;
}

#defensor #normatividad .normas>div .filtro button img {
    height: 60%;
    margin: 0 1em 5px 1em;
    vertical-align: middle;
}

#defensor #normatividad .normas>div ul {
    list-style: none;
    white-space: normal;
    padding: 20px 55px;
}

#defensor #normatividad .normas>div ul li {
    margin-top: 0;
    padding: 20px;
    line-height: 30px;
    font-weight: normal;
}

#defensor #normatividad .normas>div ul li span {
    font-weight: normal;
    padding: 5px 0;
    display: inline;
    font-size: 16px !important;
}

#defensor #normatividad .normas>div ul li a {
    float: right;
    line-height: 26px;
    color: #636363;
    vertical-align: middle;
}

#defensor #normatividad .normas>div ul li a img {
    height: 26px;
    margin-right: 10px;
    vertical-align: middle;
}

#defensor #normatividad .normas #normGeneral .filtro h2 {
    border-color: #323232;
}

#defensor #normatividad .normas.internas>div {
    transform: translateX(-100%);
}

#defensor #multimedia {
    white-space: nowrap;
    color: #4c4c4c;
}

#defensor #multimedia .detail {
    width: 60%;
    display: inline-block;
    white-space: normal;
    padding: 55px;
    background-color: #f4f4f5;
    vertical-align: top;
}

#defensor #multimedia .detail .videoInfoCont {
    margin-top: 20px;
}

#defensor #multimedia .detail .videoInfoCont h2 {
    font-size: 16px !important;
    padding-bottom: 20px;
}

#defensor #multimedia .detail .videoInfoCont .separator {
    height: 2px;
    background: linear-gradient(to right,#323232,#636363,#959595);
    margin-bottom: 20px;
}

#defensor #multimedia .detail .videoInfoCont .MoreInfo {
    white-space: nowrap;
    margin-top: 20px;
}

#defensor #multimedia .detail .videoInfoCont .MoreInfo ul {
    list-style: none;
}

#defensor #multimedia .detail .videoInfoCont .MoreInfo ul li {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
    height: 32px;
    margin-right: 10px;
}

#defensor #multimedia .listado {
    display: inline-block;
    width: 40%;
    white-space: normal;
    padding: 55px;
    vertical-align: top;
}

#defensor #multimedia .listado h2 {
    border-left: 10px solid;
    padding: 0 20px;
    display: inline;
    font-weight: bold;
    font-size: 30px !important;
    border-color: #636363;
}

#defensor #multimedia .listado ul {
    margin-top: 20px;
    list-style: none;
}

#defensor #multimedia .listado ul li {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
    margin-bottom: 10px;
    white-space: nowrap;
    width: 100%;
}

#defensor #multimedia .listado ul li button {
    display: inline-block;
    width: calc(40% - 5px);
    padding-bottom: 22.5%;
    position: relative;
    background-size: cover;
    background-position: center;
    vertical-align: top;
}

#defensor #multimedia .listado ul li button img {
    position: absolute;
    max-height: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#defensor #multimedia .listado ul li h3 {
    display: inline-block;
    width: calc(60% - 5px);
    margin-left: 10px;
    font-size: 16px !important;
    font-weight: normal;
    white-space: normal;
    vertical-align: top;
    line-height: 1.2em;
    padding: 10px 5px;
}

#defensor #multimedia .pager {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

#defensor #multimedia .pager ul {
    background-color: transparent !important;
    display: inline-block;
    margin: 0 auto;
    list-style: none;
    list-style-image: url('Website/Resources/Images/none.gif');
}

#defensor #multimedia .pager ul li {
    display: inline-block !important;
    width: auto !important;
    margin: 0 10px 0 0 !important;
    vertical-align: bottom !important;
    line-height: 1.5em !important;
    padding: 0 !important;
    background-color: transparent !important;
    float: none !important;
}

#defensor #multimedia .pager ul li button {
    border: none;
    background-color: transparent;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    color: #000;
}

#defensor #multimedia .pager ul li.active button {
    font-size: 1.5em !important;
    font-weight: bold;
}

#defensor #galeria {
    margin-top: 20px;
    padding: 35px 70px;
    color: #323232;
}

#defensor #galeria h2 {
    margin-left: 20px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-left: solid 10px #636363;
    font-size: 28px;
    display: block;
}

#defensor #galeria ul {
    margin-top: 20px;
    column-count: 1;
    white-space: normal;
    width: 100%;
}

#defensor #galeria ul li {
    display: inline-block;
    width: calc(25% - 3px);
    height: 100%;
    vertical-align: top;
    overflow: hidden;
}

#defensor #galeria ul li .cover {
    width: 99.5%;
    background-color: #000;
    margin: 0 auto;
    padding-bottom: 53.44%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
}

#defensor #galeria ul li .cover a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#defensor #galeria ul li .info {
    white-space: normal;
    padding: 0 25px 25px 25px;
    margin-top: 0;
}

#defensor #galeria ul li .info img {
    width: 45px;
    opacity: 0;
}

#defensor #galeria ul li .info h3 {
    font-size: 14px !important;
    margin: 10px 0 0 0;
    height: 34px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
}

#defensor #galeria ul li .info .description {
    font-size: 1.2em !important;
    margin-top: 10px;
    max-height: 80px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
}

#defensor #galeria ul li .info .description:before {
    content: '...';
    position: absolute;
    right: 3px;
    bottom: 0;
}

#defensor #galeria ul li .info .description:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #fff;
}

#defensor #galeria ul li .info .date {
    opacity: 1;
    margin-top: 20px;
    padding-bottom: 0;
    border-bottom: none;
    width: 25px;
    overflow: visible;
}

#defensor #galeria ul li .info .date span {
    display: block;
    font-size: 1em !important;
    white-space: nowrap;
}

#defensor:after {
    content: "El contenido de esta página es responsabilidad de la Defensoría  de la Audiencia";
    display: block;
    height: 29px;
    width: 100%;
    position: absolute;
    /*bottom: -60px;*/
    text-align: center;
}

@media screen and (max-width: 1279px) {
    #defensor {
        padding-right:0;
        width: 100%;
    }

    #defensor #defensorHeader {
        width: 100%;
    }

    #defensor #defensorHeader nav {
        position: relative;
        height: auto;
        background: #9a9a9a;
        color: #fff;
    }

    #defensor #defensorHeader nav #showMore {
        display: block;
        position: absolute;
        right: 9px;
        top: 0;
        color: #fff;
        font-size: 2.5em !important;
        font-weight: bold;
        height: 50px;
        vertical-align: middle;
    }

    #defensor #defensorHeader nav ul {
        height: 55px;
        overflow: hidden;
        display: block;
    }

    #defensor #defensorHeader nav ul li {
        display: none;
        width: 100%;
        text-align: center;
        margin: 10px 0;
        margin: 0;
    }

    #defensor #defensorHeader nav ul li.active {
        display: block;
        background: #9a9a9a;
        color: #fff;
    }

    #defensor #defensorHeader nav ul li.active span {
        color: #fff;
    }

    #defensor #defensorHeader nav ul.full {
        height: auto;
    }

    #defensor #defensorHeader nav ul.full li {
        display: block;
    }

    #defensor #index #bienvenida .content {
        width: 100%;
        padding-top: 35vw;
    }

    #defensor #index #bienvenida .content h1 {
        margin: 0 auto;
        width: 90%;
        line-height: 1.2em;
        text-align: center;
    }

    #defensor #index #bienvenida .content>div {
        padding: 20px 0;
        font-size: 18px !important;
        line-height: 1em;
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }

    #defensor #index #bienvenida .cover {
        position: absolute;
        width: 100%;
        padding-bottom: 56.25%;
        top: 0;
        left: 0;
        bottom: 56.25vw;
    }

    #defensor #index #misionVision {
        padding: 55px 0 0 0;
    }

    #defensor #index #misionVision .cover {
        position: static;
        width: 100%;
        padding-bottom: 56.25%;
    }

    #defensor #index #misionVision .content {
        display: block;
        width: 100%;
        margin-left: 0;
        padding: 55px 20px;
    }

    #defensor #index #misionVision .content>div {
        display: block;
    }

    #defensor #index #misionVision .content>div h2 {
        display: block;
    }

    #defensor #index #misionVision .content>div div {
        display: block;
        padding: 20px 0 0 0;
    }

    #defensor #index #valores {
        padding: 0;
    }

    #defensor #index #valores h2 {
        margin: 55px 0 0 55px;
        border-left: 10px solid;
        font-weight: bold;
        font-size: 30px !important;
        padding: 5px 20px;
        display: block;
        border-color: #323232;
    }

    #defensor #index #valores ul {
        column-count: 1;
        padding: 0 55px;
    }

    #defensor #index #valores .cover {
        position: static;
        width: 100%;
        padding-bottom: 28.125%;
        transform: none;
        background-size: cover;
    }

    #defensor #info {
        font-size: 16px !important;
    }

    #defensor #info #perfil .cover {
        position: static;
        width: 100%;
        height: 50vw;
    }

    #defensor #info #perfil .content {
        width: 100%;
        transform: translateY(-20vw);
        margin: 0 auto;
    }

    #defensor #info #perfil .content h1 {
        line-height: 1em;
    }

    #defensor #info #perfil .content p {
        margin-bottom: 2em;
        font-size: 18px !important;
    }

    #defensor #info #actividad {
        padding: 0;
        white-space: normal;
    }

    #defensor #info #actividad .cover {
        width: 100%;
        height: 56.25vw;
        margin-right: 0;
        display: block;
    }

    #defensor #info #actividad .list {
        padding: 55px 0;
        width: 100%;
        display: block;
    }

    #defensor #info #actividad .list ul {
        white-space: nowrap;
    }

    #defensor #info #actividad .list ul li .content {
        padding: 0;
        font-size: 18px !important;
    }

    #defensor #info #actividad .list ul li .content h2 {
        margin: 0 20px;
    }

    #defensor #info #actividad .list ul li .content .text {
        margin: 20px;
    }

    #defensor #info #actividad .list ul li .content button {
        border: none;
        background-color: transparent;
        display: inline-block;
        padding: 0;
        cursor: pointer;
        position: static;
        width: 100%;
        background-color: #eaebed;
    }

    #defensor #derechos #contacto .cover {
        position: static;
        width: 100%;
        padding-bottom: 56.25%;
    }

    #defensor #derechos #contacto .content {
        width: 100%;
        padding: 55px 20px;
        margin-left: 0;
    }

    #defensor #derechos #contacto .content h2 {
        border-left: solid 10px #636363;
        padding: 5px 20px;
        font-size: 30px !important;
        line-height: 1em;
        font-weight: bold;
    }

    #defensor #derechos #contacto .content form {
        margin-top: 55px;
    }

    #defensor #derechos #contacto .content form fieldset {
        border: none;
        padding: 0;
    }

    #defensor #derechos #contacto .content form fieldset input {
        background-color: #fff;
        padding: 10px;
        border: none;
        border-bottom: solid 1px #636363;
        width: 100%;
    }

    #defensor #derechos #contacto .content form fieldset input:focus+label {
        display: none;
    }

    #defensor #derechos #contacto .content form fieldset input:not(:empty)+label {
        display: none;
    }

    #defensor #derechos #contacto .content form fieldset input:valid+label {
        display: none;
    }

    #defensor #derechos #contacto .content form fieldset textarea {
        background-color: #fff;
        padding: 10px;
        border: none;
        border-bottom: solid 1px #636363;
        width: 100%;
        height: 10em;
    }

    #defensor #derechos #contacto .content form fieldset select {
        background-color: #fff;
        padding: 10px;
        border: none;
        border-bottom: solid 1px #000;
        border-top: solid 1px #000;
        width: 90%;
    }

    #defensor #derechos #contacto .content form fieldset select+label {
        display: none;
    }

    #defensor #derechos #contacto .content form fieldset>div {
        position: relative;
        margin-bottom: 20px;
    }

    #defensor #derechos #contacto .content form fieldset>div label {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    #defensor #derechos #contacto .content form fieldset .nombre,#defensor #derechos #contacto .content form fieldset .apellido {
        width: 100%;
        display: block;
    }

    #defensor #derechos #contacto .content form fieldset .nombre {
        margin-right: 0;
    }

    #defensor #derechos #contacto .content form fieldset .sexo {
        width: 40%;
    }

    #defensor #derechos #contacto .content form fieldset .edad {
        width: 50%;
        text-align: right;
    }

    #defensor #derechos #contacto .content form fieldset .estado {
        width: 100%;
        display: block;
    }

    #defensor #derechos #contacto .content form fieldset .estado select {
        width: 100%;
    }

    #defensor #derechos #contacto .content form fieldset .motivo {
        white-space: normal;
    }

    #defensor #derechos #contacto .content form fieldset .motivo label {
        display: block;
    }

    #defensor #derechos #contacto .content form fieldset .motivo select {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
    }

    #defensor #derechos #contacto .content form fieldset .captcha .imageContainer input {
        float: right;
    }

    #defensor #derechos #contacto .content form fieldset .enviar {
        text-align: center;
    }

    #defensor #derechos #contacto .content form fieldset .enviar .link2 {
        float: none;
        display: block;
    }

    #defensor #derechos #infoContacto .list ul li {
        display: block;
        width: 100%;
    }

    #defensor #derechos #infoContacto .list ul li .content {
        padding: 0;
    }

    #defensor #informes {
        white-space: nowrap;
        position: relative;
        color: #4c4c4c;
    }

    #defensor #informes>div {
        display: block;
        width: 100%;
    }

    #defensor #informes .cover {
        position: static;
        width: 100%;
        padding-bottom: 28.125%;
    }

    #defensor #informes .list {
        padding: 55px 20px;
    }

    #defensor #normatividad .cover {
        position: static;
        width: 100%;
        padding-bottom: 28.125%;
    }

    #defensor #normatividad .normas {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    #defensor #normatividad .normas h1 {
        top: calc(28.125vw - 56px);
        left: 35px;
    }

    #defensor #normatividad .normas>div .filtro {
        padding: 90px 25px 55px 25px;
    }

    #defensor #normatividad .normas>div ul {
        padding: 20px;
    }

    #defensor #normatividad .normas>div ul li span {
        font-size: 18px !important;
    }

    #defensor #multimedia {
        white-space: normal;
    }

    #defensor #multimedia .detail {
        width: 100%;
        display: block;
        padding: 55px 0;
    }

    #defensor #multimedia .detail #Detalle {
        padding: 0 20px;
    }

    #defensor #multimedia .listado {
        display: block;
        width: 100%;
        padding: 55px 10px;
    }

    #defensor #multimedia .listado ul li h3 {
        padding: 0 5px;
    }
}

@media screen and (max-width: 719px) {
    #defensor #derechos #leyes .content {
        width:100%;
        padding-top: 35vw;
    }

    #defensor #derechos #leyes .content h1 {
        margin: 0 auto;
        width: 90%;
        line-height: 1.2em;
        text-align: center;
    }

    #defensor #derechos #leyes .content>div {
        padding: 20px 0;
        font-size: 18px !important;
        width: 90%;
        text-align: center;
        margin: 0 auto;
        text-align: left;
    }

    #defensor #derechos #leyes .cover {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 56.25vw;
        background-position: center bottom;
    }
}

#defensor.responsive-padding {
    padding: 7rem 3rem 0rem 0px;
}

@media (max-width: 1280px) {
    #defensor.responsive-padding {
        padding: 7rem 0rem 0rem 0px;
    }
}

@media (max-width: 1080px) {
    #defensor.responsive-padding {
        padding: 10rem 0rem 0rem 0px;
    }
}

@media (max-width: 768px) {
    #defensor.responsive-padding {
        padding-top: 10rem;
    }
}