@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf) format('truetype')
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype')
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wWw.ttf) format('truetype')
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype')
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh50XSwiPHA.ttf) format('truetype')
}

html {
    margin-top: 0!important
}

a,
article,
aside,
body,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
input,
li,
nav,
ol,
p,
section,
select,
span,
table,
td,
textarea,
th,
tr,
ul {
    margin: 0;
    padding: 0;
    border: 0
}

iframe {
    width: 100%;
    float: left;
    border: 0!important;
    margin: 0!important;
    padding: 0!important
}

input[type=button],
input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none;
    border-radius: 0
}

* {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.container {
    width: 100%;
    float: left
}

.wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    overflow: visible
}

.btn {
    height: 38px;
    display: inline-block;
    padding: 0 22px;
    background: #B80C13;
    line-height: 38px;
    font-weight: 700;
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    -ms-border-radius: 25px!important;
    -o-border-radius: 25px!important;
    border-radius: 25px!important;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff
}

.btn.btn-primary {
    color: #B80C13;
    background: #fff
}

.btn.btn-primary:hover {
    color: #fff;
    background: #B80C13
}

.btn.btn-secundary {
    color: #fff;
    background: #313131
}

.btn.btn-secundary:hover {
    color: #fff;
    background: #B80C13
}

.btn:hover {
    cursor: pointer;
    background: #000
}

.btn.left {
    float: left
}

.btn.right {
    float: right
}

.wysiwyg h1 {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 36px;
    font-weight: 900;
    text-align: center
}

.wysiwyg h2 {
    display: block;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    text-align: center
}

.wysiwyg h3 {
    display: block;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    text-align: center
}

.wysiwyg h4 {
    display: block;
    margin-bottom: 10px;
    font-size: 16px
}

.wysiwyg h5 {
    display: block;
    margin-bottom: 10px;
    font-size: 14px
}

.wysiwyg h6 {
    display: block;
    margin-bottom: 10px;
    font-size: 12px
}

.wysiwyg p {
    display: block;
    margin-bottom: 10px
}

.wysiwyg ul {
    display: block;
    list-style: circle;
    margin-left: 20px
}

.wysiwyg ol {
    display: block;
    margin-left: 30px
}

.wysiwyg img {
    max-width: 100%;
    height: auto
}

.wysiwyg img.alignleft,
.wysiwyg img.alignright {
    width: auto!important
}

.wysiwyg .alignleft {
    float: left;
    margin: 20px 20px 20px 0
}

.wysiwyg .alignright {
    float: right;
    margin: 20px 0 20px 20px
}

.wysiwyg iframe {
    width: 100%;
    height: auto;
    min-height: 350px
}

.wysiwyg blockquote {
    background: url(../img/quote.svg) left top no-repeat;
    background-size: 24px 18px;
    padding-left: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 20px;
    line-height: 26px;
    font-style: italic;
    margin: 25px 10px 25px 0
}

.wysiwyg em {
    font-weight: 400
}

.wysiwyg a {
    color: #B80C13;
    text-decoration: none;
    font-weight: 500
}

.wysiwyg a:hover {
    text-decoration: underline
}

.wysiwyg .btn {
    color: #fff
}

.wysiwyg table {
    width: 100%!important;
    display: block;
    background: #F7F7F7;
    margin-bottom: 20px;
    border-collapse: collapse
}

.wysiwyg table.tabla-indices {
    overflow: hidden;
    overflow-x: auto
}

.wysiwyg table.tabla-indices tr:first-child td {
    width: 50%;
    background: #b2b1b1
}

.wysiwyg table.tabla-indices tr:first-child td div {
    font-size: 18px;
    font-weight: 700
}

.wysiwyg table.tabla-indices tr td {
    width: 25%
}

.wysiwyg table tbody {
    width: 100%;
    display: table
}

.wysiwyg table tr th {
    background: #fff;
    font-size: 18px;
    line-height: 22px;
    color: #252525;
    text-align: center;
    margin: 0 0 5px 0;
    padding: 6px 0
}

.wysiwyg table tr td {
    width: 50%;
    background: #F5F5F5;
    padding: 6px 3%;
    vertical-align: middle;
    font-size: 16px;
    border: 2px solid #fff;
    line-height: 20px
}

.wysiwyg table tr td span.plus {
    color: #0AB113;
    font-weight: 700;
    padding-left: 0px;
    margin: 0;
    margin-left: 5px
}

.wysiwyg table tr td span.minus {
    color: #EF0F18;
    font-weight: 700;
    padding-left: 0px;
    margin: 0;
    margin-left: 5px
}

.wysiwyg .verde {
    color: #45ad47;
    margin-left: 5px;
    font-weight: 700
}

.wysiwyg .rojo {
    color: #f21b1b;
    margin-left: 5px;
    font-weight: 700
}

.wysiwyg .style3 {
    font-size: 14px;
    font-weight: bold
}

body {
    padding-top: 126px;
    background: #fff;
    color: #313131;
    font-family: 'Lato', sans-serif;
    font-size: 14px
}

body.fancybox-active {
    overflow: auto!important
}

ul {
    list-style: none
}

header {
    height: 76px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    padding: 12px 25px 0;
    background: #B80C13;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

header.active {
    height: 50px;
    padding-top: 9px
}

header.active .logo img {
    width: 92px;
    height: 32px
}

header.active .menu {
    padding-top: 6px
}

header.active .social {
    padding-top: 6px
}

header .logo {
    float: left;
    margin-right: 50px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

header .logo img {
    width: 152px;
    height: 52px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

header .btnMobile {
    display: none
}

header .menu {
    float: left;
    padding-top: 16px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

header .menu li {
    display: inline-block;
    margin: 0 15px
}

header .menu li a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px
}

header .menu li a:hover {
    opacity: 0.7
}

header .social {
    float: right;
    padding-top: 14px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

header .social li {
    display: inline-block;
    margin: 0 5px
}

header .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

header .social li a img {
    width: 20px;
    height: 20px
}

header .social li a:hover {
    opacity: 0.7
}

.liberoPodcastBtn {
    display: none
}

nav.submenu {
    display: block;
    width: 100%;
    height: 50px;
    background: #F7F7F7;
    position: fixed;
    top: 76px;
    left: 0px;
    z-index: 100;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 0 25px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

nav.submenu .selectMenu {
    display: none
}

nav.submenu.active {
    top: 50px;
    height: 40px
}

nav.submenu.active li ul {
    top: 40px
}

nav.submenu.active li ul li a {
    line-height: 17px
}

nav.submenu.active li a {
    line-height: 40px
}

nav.submenu.active li.buscar {
    height: 40px
}

nav.submenu.active li.buscar .titleSearch {
    line-height: 40px
}

nav.submenu.active li.buscar input[type=text] {
    height: 40px;
    line-height: 40px
}

nav.submenu.active li.buscar input[type=submit] {
    height: 40px;
    line-height: 40px
}

nav.submenu li {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

nav.submenu li:first-child {
    margin-left: 0
}

nav.submenu li:last-child {
    float: right
}

nav.submenu li:hover a {
    color: #B80C13
}

nav.submenu li:hover ul li a {
    height: auto;
    padding: 15px 20px;
    border-bottom: 2px solid #fff;
    color: #313131
}

nav.submenu li ul {
    position: absolute;
    top: 50px;
    left: 0;
    background: #F7F7F7;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

nav.submenu li ul li {
    display: block;
    margin: 0;
    padding: 0;
    background: #F7F7F7
}

nav.submenu li ul li:first-child a {
    -webkit-box-shadow: inset 1px 4px 9px -6px;
    -moz-box-shadow: inset 1px 4px 9px -6px;
    box-shadow: inset 1px 4px 9px -6px
}

nav.submenu li ul li a {
    min-width: 205px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    height: 0;
    padding: 0 20px;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #F7F7F7
}

nav.submenu li ul li a:hover {
    color: #B80C13
}

nav.submenu li.buscar {
    width: auto;
    height: 50px;
    border-left: 1px solid #D4D4D4;
    padding: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding-right: 10px
}

nav.submenu li.buscar .titleSearch {
    color: #000000;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    display: inline-block;
    overflow: hidden;
    margin: 0 5px 0 20px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

nav.submenu li.buscar input[type=text] {
    height: 50px;
    width: 0;
    background: none;
    color: #000000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    outline: none;
    padding-left: 15px;
    vertical-align: top
}

nav.submenu li.buscar input[type=text]::-webkit-input-placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700
}

nav.submenu li.buscar input[type=text]:-ms-input-placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700
}

nav.submenu li.buscar input[type=text]::-ms-input-placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700
}

nav.submenu li.buscar input[type=text]::placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700
}

nav.submenu li.buscar input[type=submit] {
    height: 50px;
    width: 20px;
    display: inline-block;
    overflow: hidden;
    background: url(../img/search.svg) center center no-repeat;
    background-size: 14px 14px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    vertical-align: top
}

nav.submenu li.buscar.active {
    background: #fff
}

nav.submenu li.buscar.active .titleSearch {
    display: none
}

nav.submenu li.buscar.active input[type=text] {
    width: 340px;
    color: #B80C13
}

nav.submenu li a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    line-height: 50px
}

nav.submenu li a.list {
    background: url(../img/down.svg) right center no-repeat;
    background-size: 8px 8px;
    padding-right: 14px
}

nav.submenu li a.alerta {
    background: #fff;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

nav.submenu li a.alerta span {
    color: #B80C13;
    font-weight: 700
}

nav.submenu li a:hover {
    color: #B80C13
}

.layerInvisible {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 99;
    display: none
}

.floatMenu {
    width: 100%;
    height: auto;
    position: fixed;
    top: -300px;
    left: 0px;
    z-index: 99;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #840D21
}

.floatMenu.active {
    top: 126px
}

.floatMenu.moveUp.active {
    top: 90px
}

.floatMenu .btnCloseList {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/close.svg) center center no-repeat #000;
    background-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 3
}

.floatMenu .btnCloseList:hover {
    opacity: 0.7
}

.floatMenu ul li {
    width: 25%;
    height: 178px;
    float: left;
    position: relative;
    background-size: cover;
    background-position: center center
}

.floatMenu ul li .layerList {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #b80c13;
    background: -moz-linear-gradient(top, #b80c13 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #b80c13 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#b80c13), to(#000000));
    background: -o-linear-gradient(top, #b80c13 0%, #000000 100%);
    background: linear-gradient(to bottom, #b80c13 0%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b80c13', endColorstr='#000000', GradientType=0);
    opacity: 0.8;
    z-index: 1
}

.floatMenu ul li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 2;
    font-size: 22px;
    line-height: 36px;
    text-decoration: none;
    color: #fff
}

.banner {
    width: 100%;
    float: left;
    text-align: center
}

.banner a {
    width: 100%;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.banner a img {
    width: 100%;
    height: auto;
    float: left
}

.banner a:hover {
    opacity: 0.7
}

.banner a.mobile {
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.banner.mobile {
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

main {
    width: 100%;
    float: left;
    position: relative
}

main .ribbon {
    width: 9px;
    height: 0%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #B80C13;
    z-index: 9;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s
}

main .ribbon.show {
    height: 100%
}

#home {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 24px 20px 80px
}

#home .colLeft {
    width: calc(76% - 10px);
    float: left
}

#home .colLeft article .alert {
    width: 89px;
    height: 77px;
    position: absolute;
    top: -7px;
    left: 30px;
    background: url(../img/alert.svg) left center no-repeat;
    background-size: 100%
}

#home .colLeft article .label {
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px
}

#home .colLeft article .label.actualidad-informativa {
    background: #FFFFFF
}

#home .colLeft article .label.actualidad {
    background: #FFFFFF
}

#home .colLeft article .label.actualidad-deportiva {
    background: #3EF94A
}

#home .colLeft article .label.opinion {
    background: #3EAEF9
}

#home .colLeft article .label.columnas-de-opinion {
    background: #3EAEF9
}

#home .colLeft article .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#home .colLeft article .label.podcast {
    background: #FF8800
}

#home .colLeft article .label.audio {
    background: #FF8800
}

#home .colLeft article .label.tiempo-libre {
    background: #0ED8B7
}

#home .colLeft article .label.seleccion-financiera {
    background: #107C16
}

#home .colLeft article .label.seleccion-vespertina {
    background: #FFDF01
}

#home .colLeft article .label.seleccion-nacional {
    background: #B80C13
}

#home .colLeft article .label.seleccion-internacional {
    background: #0F3E63
}

#home .colLeft article .label.liberotv {
    background: #7B7B7B
}

#home .colLeft article .label.video {
    background: #7B7B7B
}

#home .colLeft article .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

#home .colLeft .subcol1 {
    width: calc(33.3% - 13.3px);
    height: 378px;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

#home .colLeft .subcol1:nth-child(3n+3) {
    width: calc(33.3% - 12.5px);
    margin-right: 0px!important
}

#home .colLeft .subcol1 .imgContent {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 99
}

#home .colLeft .subcol1 .imgContent a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#home .colLeft .subcol1 .imgContent a:hover {
    opacity: 0.7
}

#home .colLeft .subcol1 .imgContent img {
    width: 100%;
    height: auto
}

#home .colLeft .subcol1 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#home .colLeft .subcol1 .layer .cat {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol1 .layer h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700
}

#home .colLeft .subcol1 .layer h2 a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol1 .layer .excerpt {
    width: 100%;
    float: left;
    margin-bottom: -300px;
    opacity: 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol1:hover .layer .excerpt {
    margin-bottom: 0;
    opacity: 1
}

#home .colLeft .subcol2 {
    width: calc(40% - 10px);
    height: 478px;
    float: right;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

#home .colLeft .subcol2 .imgContent {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 99
}

#home .colLeft .subcol2 .imgContent a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#home .colLeft .subcol2 .imgContent a:hover {
    opacity: 0.7
}

#home .colLeft .subcol2 .imgContent img {
    width: 100%;
    height: 100%
}

#home .colLeft .subcol2 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#home .colLeft .subcol2 .layer .cat {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol2 .layer h2 a {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol2 .layer .excerpt {
    width: 100%;
    float: left;
    margin-bottom: -300px;
    opacity: 0;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol2:hover .layer .excerpt {
    margin-bottom: 0;
    opacity: 1
}

#home .colLeft .subcol3 {
    width: calc(60% - 10px);
    height: 478px;
    float: left;
    margin-right: 20px;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

#home .colLeft .subcol3 .imgContent {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 99
}

#home .colLeft .subcol3 .imgContent a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#home .colLeft .subcol3 .imgContent a:hover {
    opacity: 0.7
}

#home .colLeft .subcol3 .imgContent img {
    width: 100%;
    height: 100%
}

#home .colLeft .subcol3 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#home .colLeft .subcol3 .layer .cat {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol3 .layer h2 a {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol3 .layer .excerpt {
    width: 100%;
    float: left;
    margin-bottom: -300px;
    opacity: 0;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subcol3:hover .layer .excerpt {
    margin-bottom: 0;
    opacity: 1
}

#home .colLeft .subhalfcol {
    width: calc(50% - 10px);
    height: 460px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#home .colLeft .subhalfcol:nth-child(odd) {
    margin-right: 0px!important
}

#home .colLeft .subhalfcol .sectionBox {
    height: 50px
}

#home .colLeft .subhalfcol .sectionBox .label {
    width: 6px;
    height: 50px;
    position: static;
    float: left
}

#home .colLeft .subhalfcol .sectionBox .label.actualidad-informativa {
    background: #FFFFFF
}

#home .colLeft .subhalfcol .sectionBox .label.actualidad {
    background: #FFFFFF
}

#home .colLeft .subhalfcol .sectionBox .label.actualidad-deportiva {
    background: #3EF94A
}

#home .colLeft .subhalfcol .sectionBox .label.opinion {
    background: #3EAEF9
}

#home .colLeft .subhalfcol .sectionBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#home .colLeft .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#home .colLeft .subhalfcol .sectionBox .label.podcast {
    background: #FF8800
}

#home .colLeft .subhalfcol .sectionBox .label.audio {
    background: #FF8800
}

#home .colLeft .subhalfcol .sectionBox .label.tiempo-libre {
    background: #0ED8B7
}

#home .colLeft .subhalfcol .sectionBox .label.seleccion-financiera {
    background: #107C16
}

#home .colLeft .subhalfcol .sectionBox .label.seleccion-vespertina {
    background: #FFDF01
}

#home .colLeft .subhalfcol .sectionBox .label.seleccion-nacional {
    background: #B80C13
}

#home .colLeft .subhalfcol .sectionBox .label.seleccion-internacional {
    background: #0F3E63
}

#home .colLeft .subhalfcol .sectionBox .label.liberotv {
    background: #7B7B7B
}

#home .colLeft .subhalfcol .sectionBox .label.video {
    background: #7B7B7B
}

#home .colLeft .subhalfcol .sectionBox h2 {
    float: left;
    margin-left: 14px
}

#home .colLeft .subhalfcol .sectionBox h2 a {
    font-size: 20px;
    line-height: 50px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#home .colLeft .subhalfcol .sectionBox .modalSubscribe {
    float: right;
    font-size: 16px;
    line-height: 50px;
    color: #B80C13;
    text-decoration: none;
    margin-right: 20px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#home .colLeft .subhalfcol .sectionBox .modalSubscribe:hover {
    opacity: 0.7
}

#home .colLeft .subhalfcol .sponsorBox {
    padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colLeft .subhalfcol .resume {
    width: 95%;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 254px;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    margin-top: 15px
}

#home .colLeft .subhalfcol .resume::-webkit-scrollbar {
    -webkit-appearance: none
}

#home .colLeft .subhalfcol .resume::-webkit-scrollbar:vertical {
    width: 6px
}

#home .colLeft .subhalfcol .resume::-webkit-scrollbar:horizontal {
    height: 6px
}

#home .colLeft .subhalfcol .resume::-webkit-scrollbar-thumb {
    background-color: #CCCCCC;
    border-radius: 10px
}

#home .colLeft .subhalfcol .resume::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F2F2F2
}

#home .colLeft .subhalfcol .resume .date {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #B80C13;
    margin-bottom: 15px
}

#home .colLeft .subhalfcol .resume .wysiwyg {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #7B7B7B
}

#home .colLeft .subhalfcol .resume .wysiwyg em {
    font-style: normal
}

#home .colLeft .subhalfcol .readMore {
    width: 90%;
    display: block;
    border-top: 2px solid #F2F2F2;
    padding: 15px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131;
    text-decoration: none
}

#home .colLeft .subhalfcol .readMore:hover {
    color: #B80C13
}

#home .colLeft .featured {
    margin-bottom: 30px
}

#home .colLeft .banner {
    margin-bottom: 30px;
    width: 100%
}

#home .colLeft .articlesList {
    margin-bottom: 30px
}

#home .colLeft .newslettersList {
    margin-bottom: 30px
}

#home .colLeft .newslettersList .subhalfcol {
    margin-right: 0px!important
}

#home .colLeft .newslettersList .subhalfcol:nth-child(odd) {
    margin-right: 20px!important
}

#home .colLeft .rotateBox .subhalfcol {
    margin-right: 20px!important
}

#home .colLeft .rotateBox .subhalfcol:nth-child(odd) {
    margin-right: 0px!important
}

#home .colLeft .rotateBox.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#home .colLeft .rotateBox.active .subhalfcol {
    margin-left: 0px;
    margin-right: 0px;
    margin-right: 20px
}

#home .colLeft .rotateBox.active .subhalfcol:first-child {
    margin-right: 0px!important;
    margin-left: 20px
}

#home .colRight {
    width: calc(24% - 10px);
    float: right
}

#home .colRight .sidebarBox {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    margin-bottom: 22px
}

#home .colRight .subcol1 {
    width: 100%;
    height: 295px;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

#home .colRight .subcol1:nth-child(3n+3) {
    width: calc(33.3% - 12.5px);
    margin-right: 0px!important
}

#home .colRight .subcol1 .sectionBox {
    height: 40px;
    background: #fff
}

#home .colRight .subcol1 .sectionBox .label {
    width: 6px;
    height: 40px;
    position: static;
    float: left
}

#home .colRight .subcol1 .sectionBox .label.actualidad-informativa {
    background: #FFFFFF
}

#home .colRight .subcol1 .sectionBox .label.actualidad {
    background: #FFFFFF
}

#home .colRight .subcol1 .sectionBox .label.actualidad-deportiva {
    background: #3EF94A
}

#home .colRight .subcol1 .sectionBox .label.opinion {
    background: #3EAEF9
}

#home .colRight .subcol1 .sectionBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#home .colRight .subcol1 .sectionBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#home .colRight .subcol1 .sectionBox .label.podcast {
    background: #FF8800
}

#home .colRight .subcol1 .sectionBox .label.audio {
    background: #FF8800
}

#home .colRight .subcol1 .sectionBox .label.tiempo-libre {
    background: #0ED8B7
}

#home .colRight .subcol1 .sectionBox .label.seleccion-financiera {
    background: #107C16
}

#home .colRight .subcol1 .sectionBox .label.seleccion-vespertina {
    background: #FFDF01
}

#home .colRight .subcol1 .sectionBox .label.seleccion-nacional {
    background: #B80C13
}

#home .colRight .subcol1 .sectionBox .label.seleccion-internacional {
    background: #0F3E63
}

#home .colRight .subcol1 .sectionBox .label.liberotv {
    background: #7B7B7B
}

#home .colRight .subcol1 .sectionBox .label.video {
    background: #7B7B7B
}

#home .colRight .subcol1 .sectionBox h2 {
    float: left;
    margin-left: 14px
}

#home .colRight .subcol1 .sectionBox h2 a {
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#home .colRight .subcol1.videoBox {
    height: 245px;
    background: #fff
}

#home .colRight .subcol1.videoBox .desktop {
    display: block
}

#home .colRight .subcol1.videoBox .mobile {
    display: none
}

#home .colRight .subcol1.videoBox.podcast {
    height: 220px;
    margin-bottom: 12px
}

#home .colRight .subcol1.videoBox.podcast .layer {
    bottom: 35px
}

#home .colRight .subcol1.videoBox.podcast .layer h2 a {
    padding-bottom: 10px
}

#home .colRight .subcol1.videoBox.podcast .soundC {
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    padding: 7px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 99
}

#home .colRight .subcol1.videoBox.podcast iframe {
    display: block
}

#home .colRight .subcol1.videoBox.podcast:hover .articleImage {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#home .colRight .subcol1.videoBox.podcast:hover .play {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

#home .colRight .subcol1.videoBox iframe {
    display: none
}

#home .colRight .subcol1.videoBox .articleImage {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#home .colRight .subcol1.videoBox .play {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 99;
    top: 47%
}

#home .colRight .subcol1.videoBox .layer {
    z-index: 99
}

#home .colRight .subcol1.videoBox .layer h2 a {
    padding-bottom: 20px
}

#home .colRight .subcol1.videoBox .contentVideoBox {
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
    background: #111
}

#home .colRight .subcol1.videoBox:hover .articleImage {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#home .colRight .subcol1.videoBox:hover .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#home .colRight .subcol1 .label {
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px
}

#home .colRight .subcol1 .label.actualidad-informativa {
    background: #FFFFFF
}

#home .colRight .subcol1 .label.actualidad {
    background: #FFFFFF
}

#home .colRight .subcol1 .label.actualidad-deportiva {
    background: #3EF94A
}

#home .colRight .subcol1 .label.opinion {
    background: #3EAEF9
}

#home .colRight .subcol1 .label.columnas-de-opinion {
    background: #3EAEF9
}

#home .colRight .subcol1 .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#home .colRight .subcol1 .label.podcast {
    background: #FF8800
}

#home .colRight .subcol1 .label.audio {
    background: #FF8800
}

#home .colRight .subcol1 .label.tiempo-libre {
    background: #0ED8B7
}

#home .colRight .subcol1 .label.seleccion-financiera {
    background: #107C16
}

#home .colRight .subcol1 .label.seleccion-vespertina {
    background: #FFDF01
}

#home .colRight .subcol1 .label.seleccion-nacional {
    background: #B80C13
}

#home .colRight .subcol1 .label.seleccion-internacional {
    background: #0F3E63
}

#home .colRight .subcol1 .label.liberotv {
    background: #7B7B7B
}

#home .colRight .subcol1 .label.video {
    background: #7B7B7B
}

#home .colRight .subcol1 .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

#home .colRight .subcol1 .play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -30px 0 0 -30px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%
}

#home .colRight .subcol1 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#home .colRight .subcol1 .layer .cat {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colRight .subcol1 .layer h2 a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#home .colRight .subhalfcol {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#home .colRight .subhalfcol.swiper {
    height: auto
}

#home .colRight .subhalfcol.swiper .subcol1 {
    margin-bottom: 45px;
    -webkit-box-shadow: none;
    box-shadow: none
}

#home .colRight .subhalfcol:nth-child(odd) {
    margin-right: 0px!important
}

#home .colRight .subhalfcol .sectionBox {
    height: 50px
}

#home .colRight .subhalfcol .sectionBox .label {
    width: 6px;
    height: 50px;
    position: static;
    float: left
}

#home .colRight .subhalfcol .sectionBox .label.actualidad-informativa {
    background: #FFFFFF
}

#home .colRight .subhalfcol .sectionBox .label.actualidad {
    background: #FFFFFF
}

#home .colRight .subhalfcol .sectionBox .label.actualidad-deportiva {
    background: #3EF94A
}

#home .colRight .subhalfcol .sectionBox .label.opinion {
    background: #3EAEF9
}

#home .colRight .subhalfcol .sectionBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#home .colRight .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#home .colRight .subhalfcol .sectionBox .label.podcast {
    background: #FF8800
}

#home .colRight .subhalfcol .sectionBox .label.audio {
    background: #FF8800
}

#home .colRight .subhalfcol .sectionBox .label.tiempo-libre {
    background: #0ED8B7
}

#home .colRight .subhalfcol .sectionBox .label.seleccion-financiera {
    background: #107C16
}

#home .colRight .subhalfcol .sectionBox .label.seleccion-vespertina {
    background: #FFDF01
}

#home .colRight .subhalfcol .sectionBox .label.seleccion-nacional {
    background: #B80C13
}

#home .colRight .subhalfcol .sectionBox .label.seleccion-internacional {
    background: #0F3E63
}

#home .colRight .subhalfcol .sectionBox .label.liberotv {
    background: #7B7B7B
}

#home .colRight .subhalfcol .sectionBox .label.video {
    background: #7B7B7B
}

#home .colRight .subhalfcol .sectionBox h2 {
    float: left;
    margin-left: 14px
}

#home .colRight .subhalfcol .sectionBox h2 a {
    font-size: 20px;
    line-height: 50px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#home .colRight .subhalfcol .listOpinion {
    width: 100%;
    display: block
}

#home .colRight .subhalfcol .listOpinion li {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 20px 20px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #F2F2F2
}

#home .colRight .subhalfcol .listOpinion li:last-child {
    border: 0
}

#home .colRight .subhalfcol .listOpinion li .colLeft {
    width: auto
}

#home .colRight .subhalfcol .listOpinion li .colLeft .imgContent {
    display: block;
    width: 38px;
    height: 38px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#home .colRight .subhalfcol .listOpinion li .colLeft .imgContent:hover {
    opacity: 0.7
}

#home .colRight .subhalfcol .listOpinion li .colLeft .imgContent img {
    width: 100%;
    height: auto
}

#home .colRight .subhalfcol .listOpinion li .colRight {
    width: calc(100% - 58px)
}

#home .colRight .subhalfcol .listOpinion li .colRight h2 {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

#home .colRight .subhalfcol .listOpinion li .colRight h2 a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#home .colRight .subhalfcol .listOpinion li .colRight h2 a:hover {
    color: #B80C13
}

#home .colRight .subhalfcol .listOpinion li .colRight h3 {
    font-size: 14px;
    line-height: 18px;
    color: #3EAEF9
}

#home .colRight .subhalfcol .readMore {
    width: 90%;
    display: block;
    border-top: 1px solid #F2F2F2;
    padding: 10px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto 10px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131;
    text-decoration: none
}

#home .colRight .subhalfcol .readMore:hover {
    color: #B80C13
}

#home .colRight .subhalfcol .swiperNews article {
    height: 320px
}

#home .colRight .subhalfcol .swiper-pagination {
    bottom: 15px
}

#home .colRight .subhalfcol .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}

#home .colRight .subhalfcol .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B
}

.loadMore {
    width: 220px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    color: #313131;
    margin: 0 auto;
    background: #F6F6F6;
    display: block;
    overflow: hidden;
    cursor: pointer;
    clear: both;
    font-weight: 700;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin-top: 20px
}

.loadMore:hover {
    color: #B80C13
}

.sponsorBox {
    width: 100%;
    height: 84px;
    background: #EFEFEF;
    display: table
}

.sponsorBox.mobile {
    display: none
}

.sponsorBox span {
    display: table-cell;
    font-size: 14px;
    line-height: 17px;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle;
    color: #313131
}

.sponsorBox a {
    width: 100px;
    height: 75px;
    display: table-cell;
    text-align: center;
    background: #fff;
    border: 2px solid #EFEFEF;
    vertical-align: middle
}

.sponsorBox a img {
    width: 100%;
    height: auto
}

.subscribeBox {
    width: 318px;
    height: 178px;
    position: fixed;
    bottom: -178px;
    right: 15px;
    background: #B80C13;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    z-index: 99
}

.subscribeBox.show {
    bottom: 0px!important
}

.subscribeBox .btnClose {
    width: 30px;
    height: 30px;
    background: grey;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url(../img/close.svg) center center no-repeat #000000;
    background-size: 12px 12px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.subscribeBox .btnClose:hover {
    opacity: 0.7
}

.subscribeBox h2 {
    display: block;
    font-size: 26px;
    line-height: 30px;
    font-weight: 900
}

.subscribeBox p {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    display: block
}

.subscribeBox a {
    width: 192px;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    padding: 0 22px;
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    -ms-border-radius: 25px!important;
    -o-border-radius: 25px!important;
    border-radius: 25px!important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #B80C13;
    background: #fff
}

.subscribeBox a:hover {
    color: #fff;
    background: #313131
}

.breadcrumb {
    display: block;
    text-align: left
}

.breadcrumb li {
    display: inline-block;
    margin-right: 5px
}

.breadcrumb li a {
    display: block;
    font-weight: 700;
    color: #313131;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.breadcrumb li a:hover {
    color: #B80C13
}

#single {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 80px
}

#single .wysiwyg {
    font-weight: 500
}

#single.two .coverPage {
    width: 100%;
    height: 340px;
    min-height: 340px;
    float: left;
    margin-bottom: 30px
}

#single.two .coverPage .imageCover {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ddd
}

#single.two .coverPage .imageCover h1 {
    font-size: 40px;
    line-height: 36px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px
}

#single.two .coverPage .imageCover .date {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-weight: 500;
    color: #fff
}

#single.two .coverPage .imageCover .subscribeCover {
    width: 310px;
    height: 290px;
    position: absolute;
    top: 25px;
    right: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#single.two .coverPage .imageCover .subscribeCover h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 20px
}

#single.two .coverPage .imageCover .subscribeCover h2 span {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    display: block
}

#single.two .coverPage .imageCover .subscribeCover .btn {
    color: #000;
    padding: 0 55px
}

#single.two .coverPage .imageCover .subscribeCover .btn:hover {
    color: #fff
}

#single.two .coverPage .calendarBox {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 214px;
    height: 290px;
    background: #fff
}

#single.two .coverPage .calendarBox .titleCalendar {
    width: 100%;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    font-weight: 700;
    background: #F7F7F7
}

#single.two .coverPage .calendarBox .calendar #calendar {
    font-family: Arial;
    font-size: 12px
}

#single.two .coverPage .calendarBox .calendar #calendar caption {
    text-align: left;
    padding: 10px 12px;
    background-color: #B80C13;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center
}

#single.two .coverPage .calendarBox .calendar #calendar caption a {
    display: inline-block;
    cursor: pointer
}

#single.two .coverPage .calendarBox .calendar #calendar caption a:first-child {
    float: left
}

#single.two .coverPage .calendarBox .calendar #calendar caption a:last-child {
    float: right
}

#single.two .coverPage .calendarBox .calendar #calendar caption div {
    display: inline-block
}

#single.two .coverPage .calendarBox .calendar #calendar th {
    background-color: #fff;
    color: #7B7B7B;
    width: 40px;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

#single.two .coverPage .calendarBox .calendar #calendar td {
    text-align: center;
    padding: 7px 5px
}

#single.two .coverPage .calendarBox .calendar #calendar td a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000
}

#single.two .coverPage .calendarBox .calendar #calendar td.hoy {
    background-color: #000;
    border-radius: 50%
}

#single.two .coverPage .calendarBox .calendar #calendar td.hoy a {
    color: #fff
}

#single.two .coverPage .calendarBox .calendar #calendar td.active {
    background-color: #000;
    border-radius: 50%
}

#single.two .coverPage .calendarBox .calendar #calendar td.active a {
    color: #fff
}

#single.two .coverPage .calendarBox .calendar #calendar td.inactive {
    opacity: 0.5
}

#single.libreExpresion.single .coverPage {
    margin-bottom: 0
}

#single.libreExpresion.single .headline {
    margin-bottom: 30px
}

#single.libreExpresion.single .wrap .colLeft article .wysiwyg {
    height: auto
}

#single.libreExpresion.singleForm .coverPage {
    margin-bottom: 40px
}

#single.libreExpresion.singleForm .coverPage .imageCover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#single.libreExpresion.singleForm .coverPage .imageCover .layer {
    background: rgba(49, 49, 49, 0.8)
}

#single.libreExpresion.singleForm .coverPage .imageCover h1 {
    margin: 0;
    margin-bottom: 15px
}

#single.libreExpresion.singleForm .coverPage .imageCover .wysiwyg {
    position: relative;
    color: #fff;
    max-width: 600px;
    text-align: center;
    font-size: 18px;
    line-height: 26px
}

#single.libreExpresion.singleForm .wrap {
    text-align: center
}

#single.libreExpresion.singleForm .wrap .contentForm {
    max-width: 600px;
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto
}

#single.libreExpresion.singleForm .wrap .contentForm .line {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

#single.libreExpresion.singleForm .wrap .contentForm .halfLine {
    width: 49%;
    float: left;
    margin-bottom: 10px
}

#single.libreExpresion.singleForm .wrap .contentForm .halfLine.first {
    margin-right: 2%
}

#single.libreExpresion.singleForm .wrap .contentForm input[type=email],
#single.libreExpresion.singleForm .wrap .contentForm input[type=text] {
    width: 100%;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    line-height: 40px;
    padding: 0 20px;
    font-family: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm input[type=email]::-webkit-input-placeholder,
#single.libreExpresion.singleForm .wrap .contentForm input[type=text]::-webkit-input-placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm input[type=email]:-ms-input-placeholder,
#single.libreExpresion.singleForm .wrap .contentForm input[type=text]:-ms-input-placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm input[type=email]::-ms-input-placeholder,
#single.libreExpresion.singleForm .wrap .contentForm input[type=text]::-ms-input-placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm input[type=email]::placeholder,
#single.libreExpresion.singleForm .wrap .contentForm input[type=text]::placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm textarea {
    width: 100%;
    height: 300px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    line-height: 32px;
    padding: 0 20px;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif;
    resize: vertical
}

#single.libreExpresion.singleForm .wrap .contentForm textarea::-webkit-input-placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm textarea:-ms-input-placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm textarea::-ms-input-placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm textarea::placeholder {
    color: #313131;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.libreExpresion.singleForm .wrap .contentForm .g-recaptcha {
    width: 305px;
    margin: 0 auto
}

#single.libreExpresion.singleForm .wrap .contentForm .btn {
    padding: 0 76px
}

#single.libreExpresion .coverPage {
    width: 100%;
    height: 260px;
    min-height: 260px;
    float: left;
    margin-bottom: 30px
}

#single.libreExpresion .coverPage .imageCover {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover;
    background-position: center center;
    background-color: #ddd;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#single.libreExpresion .coverPage .imageCover .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(49, 49, 49, 0.6)
}

#single.libreExpresion .coverPage .imageCover .wrap {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#single.libreExpresion .coverPage .imageCover .feather {
    width: 120px;
    height: 97px;
    background: url(../img/feather.svg) center center no-repeat;
    background-size: 120px 97px;
    position: relative;
    margin: 0 0 37px 0px
}

#single.libreExpresion .coverPage .imageCover h1,
#single.libreExpresion .coverPage .imageCover h2 {
    font-size: 40px;
    line-height: 36px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    margin: 0 0 45px 24px
}

#single.libreExpresion .coverPage .imageCover .subscribeCover {
    width: 318px;
    height: 260px;
    position: absolute;
    top: 0px;
    right: 11px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#single.libreExpresion .coverPage .imageCover .subscribeCover h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 20px
}

#single.libreExpresion .coverPage .imageCover .subscribeCover h2 span {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    display: block
}

#single.libreExpresion .coverPage .imageCover .subscribeCover .btn {
    color: #000;
    padding: 0 55px
}

#single.libreExpresion .coverPage .imageCover .subscribeCover .btn:hover {
    color: #fff
}

#single.libreExpresion .wrap .colLeft article {
    padding: 30px 0 0 0;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    margin-bottom: 30px
}

#single.libreExpresion .wrap .colLeft article .label {
    position: absolute;
    width: 96px;
    height: 4px;
    top: 0;
    left: 35px;
    background: #3EAEF9
}

#single.libreExpresion .wrap .colLeft article h1,
#single.libreExpresion .wrap .colLeft article h2 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0 40px 0 35px
}

#single.libreExpresion .wrap .colLeft article h1 a,
#single.libreExpresion .wrap .colLeft article h2 a {
    text-decoration: none;
    color: #313131;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.libreExpresion .wrap .colLeft article h1 a:hover,
#single.libreExpresion .wrap .colLeft article h2 a:hover {
    color: #B80C13
}

#single.libreExpresion .wrap .colLeft article .date {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
    padding: 0 40px 0 35px
}

#single.libreExpresion .wrap .colLeft article .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
    height: 114px;
    overflow: hidden;
    padding: 0 40px 0 35px
}

#single.libreExpresion .wrap .colLeft article .actionBottom {
    width: 100%;
    height: 80px;
    background: #F7F7F7;
    line-height: 80px;
    padding: 0 40px 0 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single.libreExpresion .wrap .colLeft article .actionBottom .autor {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    width: 80%;
    vertical-align: middle
}

#single.libreExpresion .wrap .colLeft article .actionBottom .autor span {
    font-size: 14px;
    color: #9E9E9E
}

#single.libreExpresion .wrap .colLeft article .actionBottom .btn {
    float: right;
    margin-top: 20px
}

#single.expedicionSingle .coverPage {
    min-height: 458px
}

#single.expedicionSingle .coverPage .imageCover {
    width: 100%;
    height: 458px;
    position: relative
}

#single.expedicionSingle .coverPage .imageCover .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#single.expedicionSingle .coverPage .imageCover .layer .wrap {
    margin-bottom: 0
}

#single.expedicionSingle .coverPage .imageCover .layer h1 {
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    font-weight: 900;
    margin-bottom: 30px
}

#single.expedicionSingle .coverPage .imageCover .layer h1 span {
    display: block;
    font-size: 30px;
    font-weight: 900
}

#single.expedicionSingle .coverPage .imageCover .layer .fechaCupo {
    width: 100%;
    height: 60px;
    background: #000;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 900
}

#single.expedicionSingle .coverPage .imageCover .layer .fechaCupo span {
    font-size: 38px
}

#single.expedicionSingle .coverPage .imageCover .layer .fechaCupo span.divideIt {
    width: 2px;
    height: 29px;
    display: inline-block;
    background: #fff;
    margin: 0 15px
}

#single.expedicionSingle .wrap .colLeft {
    width: 60%;
    margin-bottom: 100px
}

#single.expedicionSingle .wrap .colLeft .wysiwyg {
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 30px
}

#single.expedicionSingle .wrap .colLeft .share span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131
}

#single.expedicionSingle .wrap .colLeft .share .social {
    float: left
}

#single.expedicionSingle .wrap .colLeft .share .social li {
    display: inline-block;
    margin: 0 5px
}

#single.expedicionSingle .wrap .colLeft .share .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.expedicionSingle .wrap .colLeft .share .social li a img {
    width: 34px;
    height: 34px
}

#single.expedicionSingle .wrap .colLeft .share .social li a:hover {
    opacity: 0.7
}

#single.expedicionSingle .wrap .colRight {
    width: 40%;
    margin-bottom: 100px
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox {
    width: 480px;
    background: #FAFAFA;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding: 50px 0;
    margin-top: -208px;
    position: relative;
    z-index: 1
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox h2 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    margin-bottom: 20px
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox .wysiwyg {
    max-width: 380px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin: 0 auto 20px
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox .msgDone {
    max-width: 340px;
    margin: 0 auto 20px
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form {
    max-width: 340px;
    margin: 0 auto
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=email],
#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=text] {
    width: 100%;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    border: 1px solid #EFEFEF
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=email]::-webkit-input-placeholder,
#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=text]::-webkit-input-placeholder {
    color: #858484
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=email]:-ms-input-placeholder,
#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=text]:-ms-input-placeholder {
    color: #858484
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=email]::-ms-input-placeholder,
#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=text]::-ms-input-placeholder {
    color: #858484
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=email]::placeholder,
#single.expedicionSingle .wrap .colRight .expecionSingleBox form input[type=text]::placeholder {
    color: #858484
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form textarea {
    width: 100%;
    height: 165px;
    resize: none;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #EFEFEF;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form textarea::-webkit-input-placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form textarea:-ms-input-placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form textarea::-ms-input-placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form textarea::placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.expedicionSingle .wrap .colRight .expecionSingleBox form .btn {
    width: 180px
}

#single.expedicionSingle .GalleryExpediciones {
    display: block;
    width: 100%;
    overflow: hidden
}

#single.expedicionSingle .GalleryExpediciones .swiper-gallery {
    padding-bottom: 60px
}

#single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-slide {
    width: 800px;
    height: 480px
}

#single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-slide a {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover;
    background-position: center center;
    opacity: 0.5;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-slide-active a {
    opacity: 1
}

#single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D2CCCC;
    opacity: 0.6
}

#single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B;
    opacity: 1
}

#single.tallerSingle .headline {
    margin-bottom: 0
}

#single.tallerSingle .coverPage {
    min-height: 460px;
    margin-bottom: 40px
}

#single.tallerSingle .coverPage .imageCover {
    width: 100%;
    height: 460px;
    position: relative
}

#single.tallerSingle .coverPage .imageCover .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(49, 49, 49, 0.6);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#single.tallerSingle .coverPage .imageCover .layer .wrap {
    margin-bottom: 0
}

#single.tallerSingle .coverPage .imageCover .layer h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 25px;
    margin-top: -100px;
    text-transform: uppercase
}

#single.tallerSingle .coverPage .imageCover .layer .lineTitle {
    width: 96px;
    height: 4px;
    background: #fff;
    margin: 0 auto 20px
}

#single.tallerSingle .coverPage .imageCover .layer h2 {
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 20px
}

#single.tallerSingle .coverPage .imageCover .layer .wysiwyg {
    max-width: 540px;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin: 0 auto
}

#single.tallerSingle .coverPage .imageCover .layer .fechaCupo {
    width: 100%;
    height: 60px;
    background: #000;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 900;
    position: absolute;
    left: 0;
    bottom: 0
}

#single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails {
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 900
}

#single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails span {
    font-size: 38px;
    padding-left: 15px;
    margin-left: 15px;
    position: relative
}

#single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails span:after {
    content: ' ';
    width: 2px;
    height: 29px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0
}

#single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails span:first-child {
    padding-left: 0;
    border: 0;
    margin-left: 0
}

#single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails span:first-child:after {
    display: none
}

#single.tallerSingle .wrap .colLeft {
    width: 60%;
    text-align: center;
    padding-right: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single.tallerSingle .wrap .colLeft h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 900;
    text-align: left;
    margin-bottom: 20px
}

#single.tallerSingle .wrap .colLeft .contentVideo {
    width: 100%;
    height: 400px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px
}

#single.tallerSingle .wrap .colLeft .contentVideo .contentImg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    cursor: pointer
}

#single.tallerSingle .wrap .colLeft .contentVideo .contentImg:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#single.tallerSingle .wrap .colLeft .contentVideo .contentImg:hover .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#single.tallerSingle .wrap .colLeft .contentVideo .contentImg .play {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.tallerSingle .wrap .colLeft .contentVideo iframe {
    width: 100%;
    height: 100%
}

#single.tallerSingle .wrap .colLeft .wysiwyg {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 60px;
    text-align: left
}

#single.tallerSingle .wrap .colRight {
    width: 40%;
    margin-bottom: 100px
}

#single.tallerSingle .wrap .colRight .expecionSingleBox {
    width: 480px;
    background: #FAFAFA;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding: 50px 0;
    margin-top: -140px;
    position: relative;
    z-index: 1;
    margin-bottom: 40px
}

#single.tallerSingle .wrap .colRight .expecionSingleBox h2 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    margin-bottom: 20px
}

#single.tallerSingle .wrap .colRight .expecionSingleBox .wysiwyg {
    max-width: 380px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin: 0 auto 20px
}

#single.tallerSingle .wrap .colRight .expecionSingleBox .msgDone {
    max-width: 340px;
    margin: 0 auto 20px
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form {
    max-width: 340px;
    margin: 0 auto
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=email],
#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=text] {
    width: 100%;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    border: 1px solid #EFEFEF
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=email]::-webkit-input-placeholder,
#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=text]::-webkit-input-placeholder {
    color: #858484
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=email]:-ms-input-placeholder,
#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=text]:-ms-input-placeholder {
    color: #858484
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=email]::-ms-input-placeholder,
#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=text]::-ms-input-placeholder {
    color: #858484
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=email]::placeholder,
#single.tallerSingle .wrap .colRight .expecionSingleBox form input[type=text]::placeholder {
    color: #858484
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form textarea {
    width: 100%;
    height: 165px;
    resize: none;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #EFEFEF;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form textarea::-webkit-input-placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form textarea:-ms-input-placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form textarea::-ms-input-placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form textarea::placeholder {
    color: #858484;
    font-family: 'Lato', sans-serif;
    font: 'Lato', sans-serif
}

#single.tallerSingle .wrap .colRight .expecionSingleBox form .btn {
    width: 180px
}

#single.tallerSingle .wrap .colRight .share {
    width: 480px;
    text-align: center
}

#single.tallerSingle .wrap .colRight .share span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131
}

#single.tallerSingle .wrap .colRight .share .social {
    display: block
}

#single.tallerSingle .wrap .colRight .share .social li {
    display: inline-block;
    margin: 0 5px
}

#single.tallerSingle .wrap .colRight .share .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.tallerSingle .wrap .colRight .share .social li a img {
    width: 34px;
    height: 34px
}

#single.tallerSingle .wrap .colRight .share .social li a:hover {
    opacity: 0.7
}

#single.libros {
    background: #F7F7F7;
    padding-bottom: 65px
}

#single.libros.single {
    padding-bottom: 45px
}

#single.libros.single .coverPage {
    min-height: 300px
}

#single.libros.single .coverPage .imageCover {
    height: 300px
}

#single.libros .coverPage {
    min-height: 380px;
    margin-bottom: 0
}

#single.libros .coverPage .imageCover {
    width: 100%;
    height: 380px;
    position: relative;
    background: none;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

#single.libros .coverPage .imageCover .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(49, 49, 49, 0.6)
}

#single.libros .coverPage .imageCover .wrap {
    margin-bottom: 0;
    position: relative;
    height: 100%
}

#single.libros .coverPage .imageCover h1 {
    color: #F7F7F7;
    font-size: 110px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 21px;
    position: absolute;
    bottom: 0;
    text-transform: uppercase
}

#single.libros .coverPage .imageCover .carritoBox {
    position: absolute;
    right: 0;
    bottom: 30px;
    background: #F7F7F7;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px
}

#single.libros .coverPage .imageCover .carritoBox a {
    text-decoration: none;
    color: #7B7B7B;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    display: inline-block
}

#single.libros .coverPage .imageCover .carritoBox a:last-child {
    margin-left: -3px
}

#single.libros .coverPage .imageCover .carritoBox a:hover span.text {
    text-decoration: underline
}

#single.libros .coverPage .imageCover .carritoBox a:hover span.cuenta {
    text-decoration: underline
}

#single.libros .coverPage .imageCover .carritoBox a:hover span.cart-contents-count {
    background: #7B7B7B
}

#single.libros .coverPage .imageCover .carritoBox a img {
    width: 26px;
    height: 22px;
    vertical-align: middle;
    margin-right: 10px
}

#single.libros .coverPage .imageCover .carritoBox a span {
    font-size: 16px;
    line-height: 34px;
    color: #7B7B7B;
    vertical-align: middle;
    display: inline-block;
    text-transform: capitalize
}

#single.libros .coverPage .imageCover .carritoBox a span span.cart-contents-count {
    width: 34px;
    height: 34px;
    background: #8D8D8D;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.libros .coverPage .imageCover .carritoBox a .cuenta {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #DADADA;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px
}

#single.redLibero {
    padding: 0
}

#single.redLibero .coverPage {
    min-height: 300px
}

#single.redLibero .coverPage .imageCover {
    width: 100%;
    height: 300px;
    position: relative;
    background: none;
    background-size: cover;
    background-position: center center
}

#single.redLibero .coverPage .imageCover .contentIframeBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single.redLibero .coverPage .imageCover .contentIframeBackground #video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#single.redLibero .coverPage .imageCover .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(49, 49, 49, 0.6)
}

#single.redLibero .coverPage .imageCover .wrap {
    margin-bottom: 0;
    position: relative;
    height: 100%
}

#single.redLibero .coverPage .imageCover h1 {
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    font-weight: 900;
    margin-bottom: -2px;
    position: absolute;
    bottom: 0
}

#single.redLibero .coverPage .imageCover h1 img {
    width: 368px;
    height: auto;
    display: block
}

#single.redLibero .wrap .colLeft {
    width: 60%;
    margin-bottom: 50px;
    padding-top: 50px
}

#single.redLibero .wrap .colLeft h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 900;
    margin-bottom: 40px
}

#single.redLibero .wrap .colLeft .wysiwyg {
    max-width: 85%;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300
}

#single.redLibero .wrap .colLeft .wysiwyg iframe {
    margin-bottom: 30px!important
}

#single.redLibero .wrap .colLeft .wysiwyg p {
    margin-bottom: 40px
}

#single.redLibero .wrap .colLeft .wysiwyg ul {
    list-style: none;
    margin: 30px 0
}

#single.redLibero .wrap .colLeft .wysiwyg ul li {
    background: url(../img/tickList.svg) left top 4px no-repeat;
    background-size: 18px 18px;
    padding-left: 30px;
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

#single.redLibero .wrap .colRight {
    width: 40%;
    margin-bottom: 50px
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero {
    width: 480px;
    background: #FAFAFA;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding: 35px 30px;
    margin-top: -90px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul {
    width: 100%
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li {
    width: 48%;
    background: #fff;
    display: inline-block;
    margin-right: 3%;
    margin-bottom: 3%;
    overflow: hidden
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li:nth-child(2n+2) {
    margin-right: 0
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li:nth-child(6) {
    position: relative
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li:nth-child(6) .layer {
    background: url(../img/plusList.svg) center center no-repeat rgba(49, 49, 49, 0.8);
    background-size: 60px 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li:nth-child(6) a:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li:nth-child(6) a:hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li a img {
    width: 100%;
    height: auto;
    float: left;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.redLibero .wrap .colRight .galleryBoxRedLibero ul li a:hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#single.redLibero .wrap .colRight .galleryMobile {
    display: none
}

#single.redLibero .menssageUnit {
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: block;
    overflow: hidden;
    padding-top: 10vh;
    padding-bottom: 10vh;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    margin-bottom: 90px
}

#single.redLibero .menssageUnit .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(49, 49, 49, 0.6)
}

#single.redLibero .menssageUnit .wrap {
    max-width: 70%;
    position: relative
}

#single.redLibero .menssageUnit .wrap .colLeft {
    width: 20%;
    margin-bottom: 0;
    padding-top: 0
}

#single.redLibero .menssageUnit .wrap .colLeft img {
    width: 120px;
    height: auto;
    float: left
}

#single.redLibero .menssageUnit .wrap .colRight {
    width: 80%;
    margin-bottom: 0
}

#single.redLibero .menssageUnit .wrap .colRight .wysiwyg {
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff
}

#single.redLibero .menssageUnit .wrap .colRight .btn {
    color: #313131
}

#single.redLibero .menssageUnit .wrap .colRight .btn:hover {
    color: #fff
}

#single.redLibero .testimonial {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 135px 0;
    position: relative
}

#single.redLibero .testimonial .swiper-container {
    padding-bottom: 60px
}

#single.redLibero .testimonial .swiper-container .swiper-wrapper {
    margin-left: 350px
}

#single.redLibero .testimonial .swiper-container .swiper-slide {
    width: 700px;
    height: 312px;
    padding: 55px 70px 0 55px;
    background: #F7F7F7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 156px;
    -moz-border-radius: 156px;
    -ms-border-radius: 156px;
    -o-border-radius: 156px;
    border-radius: 156px
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colLeft {
    width: 20%;
    float: left
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colLeft .contentImg {
    display: inline-block;
    width: 200px;
    height: 191px;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colLeft .contentImg .avatarTestimonial {
    width: 200px;
    height: 191px;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    overflow: hidden
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colLeft .contentImg .avatarTestimonial .play {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colRight {
    width: 60%;
    float: right
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colRight h2 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 10px
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colRight .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 30px
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colRight .name {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #9E9E9E
}

#single.redLibero .testimonial .swiper-container .swiper-slide .colRight .name span {
    width: 20px;
    display: inline-block;
    border-bottom: 1px solid #9E9E9E;
    margin: 0 14px 5px 0
}

#single.redLibero .testimonial .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 10px
}

#single.redLibero .testimonial .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B
}

#single.redLibero .unirmePLanes {
    width: 100%;
    height: auto;
    background: rgba(247, 247, 247, 0.7);
    display: block;
    padding-top: 65px;
    padding-bottom: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left
}

#single.redLibero .unirmePLanes .wrap .colLeft {
    width: 50%;
    position: relative
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme {
    width: 600px;
    height: auto;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    z-index: 2;
    margin-top: -160px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme h2 {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 20px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme h2 span {
    display: block;
    font-weight: 900
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme .msgDone {
    max-width: 340px;
    margin: 0 auto 20px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme .subtitleLine {
    width: 60px;
    height: 4px;
    background: #D4D4D4;
    margin: 0 auto;
    margin-bottom: 20px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    max-width: 400px;
    margin: 0 auto 30px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form label {
    width: 100%;
    float: left;
    margin-bottom: 4px;
    text-align: left
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .halfLine {
    width: 48%;
    float: left;
    margin-bottom: 10px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .halfLine:nth-child(2n) {
    float: right
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form fieldset {
    width: 100%;
    float: left;
    border: none;
    background: #EEF2F4;
    padding: 25px 0 15px;
    margin: 0px 0 20px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form fieldset #creditCardNumber {
    background: url(../img/iconos_tarjetas.jpg) right 10px center no-repeat #fff;
    background-size: 100px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto 10px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    display: block;
    overflow: hidden
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan .valorMensual {
    width: 50%;
    float: left;
    border-right: 2px solid #F7F7F7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan .valorMensual strong {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #7B7B7B
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan .valorMensual span {
    font-size: 20px;
    line-height: 36px;
    font-weight: 900;
    color: #313131;
    display: block
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan .valorTotal {
    width: 50%;
    float: right
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan .valorTotal strong {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #7B7B7B
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line.valorPlan .valorTotal span {
    font-size: 20px;
    line-height: 36px;
    font-weight: 900;
    color: #313131;
    display: block
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .line .logoPatPass {
    width: 240px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .lineCheckbox label {
    margin-bottom: 20px
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .lineCheckbox a {
    color: #B80C13;
    text-decoration: none
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .lineCheckbox a:hover {
    text-decoration: underline
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=email],
#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=password],
#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=text] {
    width: 100%;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    outline: none
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=email]::-webkit-input-placeholder,
#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=text]::-webkit-input-placeholder {
    color: #858484
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=email]:-ms-input-placeholder,
#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=text]:-ms-input-placeholder {
    color: #858484
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=email]::-ms-input-placeholder,
#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=text]::-ms-input-placeholder {
    color: #858484
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=email]::placeholder,
#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form input[type=text]::placeholder {
    color: #858484
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form select {
    margin: 0 auto;
    width: 100%;
    height: 38px;
    font-size: 14px;
    padding: 0px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(...);
    background: url(../img/down.svg) right 15px center no-repeat #ffffff;
    background-size: 8px 4px;
    border: 1px solid #EFEFEF;
    color: #858484;
    outline: none
}

#single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .btn {
    width: 180px
}

#single.redLibero .unirmePLanes .wrap .colRight {
    width: calc(100% - 690px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#single.redLibero .unirmePLanes .wrap .colRight h2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 25px
}

#single.redLibero .unirmePLanes .wrap .colRight .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300
}

#single .headline {
    width: 100%;
    height: 85px;
    float: left;
    margin-bottom: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 0 25px;
    background: #EFEFEF
}

#single .headline.noMargin {
    margin-bottom: 0
}

#single .headline .breadcrumb {
    height: 85px;
    float: left
}

#single .headline .breadcrumb li {
    height: 85px;
    line-height: 85px
}

#single .headline .sponsorBox {
    float: right;
    width: auto
}

#single .coverPage {
    width: 100%;
    min-height: 478px;
    float: left;
    margin-bottom: 30px
}

#single .coverPage.videos {
    background: #313131;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single .coverPage.videos .wrap {
    height: 100%
}

#single .coverPage.videos .imageCover {
    position: relative;
    cursor: pointer;
    display: block;
    overflow: hidden;
    height: 440px;
    min-height: 440px;
    background-color: #ddd
}

#single .coverPage.videos .imageCover .soundC {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    width: 100%;
    float: left;
    padding: 15px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single .coverPage.videos .imageCover .soundC iframe {
    display: block
}

#single .coverPage.videos .imageCover.desktop {
    display: block
}

#single .coverPage.videos .imageCover.btnModalVideo {
    display: none
}

#single .coverPage.videos .imageCover .imagebox {
    width: 100%;
    height: 440px;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .coverPage.videos .imageCover iframe {
    display: none
}

#single .coverPage.videos .imageCover video {
    display: none;
    overflow: hidden
}

#single .coverPage.videos .imageCover .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    z-index: 99;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .coverPage.videos .imageCover:hover .imagebox {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#single .coverPage.videos .imageCover:hover .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#single .coverPage.videos .infoCover {
    color: #fff
}

#single .coverPage .imageCover {
    width: calc(57% - 10px);
    height: 100%;
    height: 440px;
    float: left;
    background-size: cover;
    background-position: center center;
    background-color: #ddd
}

#single .coverPage .infoCover {
    width: calc(43% - 10px);
    height: 100%;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 25px 10px 10px
}

#single .coverPage .infoCover .autor.mobile {
    display: none
}

#single .coverPage .infoCover .autorOpinion.mobile {
    display: none
}

#single .coverPage .infoCover .date {
    display: block;
    margin-bottom: 10px;
    font-size: 12px
}

#single .coverPage .infoCover h1 {
    display: block;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 900
}

#single .coverPage .infoCover .excerpt {
    display: block;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none
}

#single .wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 11px 0 20px
}

#single .wrap .colLeft {
    width: calc(76% - 10px);
    float: left
}

#single .wrap .colLeft .singleSidebar {
    width: calc(33% - 10px);
    float: left;
    background: #F7F7F7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single .wrap .colLeft .singleSidebar .share {
    height: 100px;
    padding: 20px 20px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #fff
}

#single .wrap .colLeft .singleSidebar .share.mobile {
    display: none
}

#single .wrap .colLeft .singleSidebar .share span {
    font-size: 14px;
    line-height: 17px;
    color: #9E9E9E;
    display: block;
    text-align: right;
    margin-bottom: 10px
}

#single .wrap .colLeft .singleSidebar .share .social {
    float: right
}

#single .wrap .colLeft .singleSidebar .share .social li {
    display: inline-block;
    margin: 0 5px
}

#single .wrap .colLeft .singleSidebar .share .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleSidebar .share .social li a img {
    width: 34px;
    height: 34px
}

#single .wrap .colLeft .singleSidebar .share .social li a:hover {
    opacity: 0.7
}

#single .wrap .colLeft .singleSidebar .autor {
    height: 100px;
    padding: 20px 20px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #fff;
    background: #EFEFEF
}

#single .wrap .colLeft .singleSidebar .autor span {
    font-size: 14px;
    line-height: 17px;
    color: #9E9E9E;
    display: block;
    text-align: right;
    margin-bottom: 5px
}

#single .wrap .colLeft .singleSidebar .autor h2 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #313131;
    display: block;
    text-align: right;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleSidebar .autor h2:hover {
    color: #b80c13
}

#single .wrap .colLeft .singleSidebar .autor a {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #313131;
    display: block;
    text-align: right;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleSidebar .autor a:hover {
    color: #b80c13
}

#single .wrap .colLeft .singleSidebar .autorOpinion {
    height: 100px;
    padding: 20px 20px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #fff;
    background: #EFEFEF
}

#single .wrap .colLeft .singleSidebar .autorOpinion.mobile {
    display: none
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colLeft {
    width: calc(100% - 60px)
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colLeft a {
    float: right;
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #313131;
    display: block;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colLeft a:hover {
    color: #b80c13
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colLeft em {
    float: right;
    width: 100%;
    text-align: right
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colRight {
    width: auto
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colRight .imgContent {
    width: 46px;
    height: 46px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center center
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colRight .imgContent:hover {
    opacity: 0.7
}

#single .wrap .colLeft .singleSidebar .autorOpinion .colRight .imgContent img {
    width: 100%;
    height: auto
}

#single .wrap .colLeft .singleSidebar .subscription {
    padding: 35px 0 50px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center
}

#single .wrap .colLeft .singleSidebar .subscription .descrip {
    font-size: 16px;
    line-height: 19px;
    color: #313131;
    display: block;
    margin-bottom: 10px
}

#single .wrap .colLeft .singleSidebar .subscription .descrip span {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #313131;
    display: block;
    margin-bottom: 15px
}

#single .wrap .colLeft .singleSidebar .subscription input[type=text] {
    width: 80%;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    border: 1px solid #D4D4D4;
    color: #313131;
    display: block;
    margin-bottom: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single .wrap .colLeft .singleSidebar .subscription .btn {
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single .wrap .colLeft .singleContent {
    width: calc(67% - 10px);
    float: right
}

#single .wrap .colLeft .singleContent .mobile {
    display: none
}

#single .wrap .colLeft .singleContent .autorOpinion.mobile {
    display: none
}

#single .wrap .colLeft .singleContent.page {
    padding-top: 50px
}

#single .wrap .colLeft .singleContent.page h1 {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 36px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 30px
}

#single .wrap .colLeft .singleContent.page .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0px;
    font-weight: 300
}

#single .wrap .colLeft .singleContent.page .wysiwyg p {
    margin-bottom: 30px
}

#single .wrap .colLeft .singleContent .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
    font-weight: 400
}

#single .wrap .colLeft .singleContent .wysiwyg.gpsContent {
    text-align: center
}

#single .wrap .colLeft .singleContent h2 {
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    text-align: center
}

#single .wrap .colLeft .singleContent h2 a {
    color: #313131;
    text-decoration: none
}

#single .wrap .colLeft .singleContent h2 a:hover {
    color: #b80c13
}

#single .wrap .colLeft .singleContent .linkImg {
    display: block;
    margin-bottom: 20px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleContent .linkImg:hover {
    opacity: 0.7
}

#single .wrap .colLeft .singleContent .gpsImg {
    width: 100%
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion {
    margin-bottom: 20px
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover {
    position: relative;
    cursor: pointer;
    display: block;
    overflow: hidden;
    height: 440px;
    min-height: 440px;
    background-color: #ddd
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover .soundC {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    width: 100%;
    float: left;
    padding: 15px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover .soundC iframe {
    display: block
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover.desktop {
    display: block
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover.btnModalVideo {
    display: none
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover .imagebox {
    width: 100%;
    height: 440px;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover iframe {
    display: none
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover video {
    display: none;
    overflow: hidden
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    z-index: 99;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover:hover .imagebox {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover:hover .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#single .wrap .colLeft .singleContent .titleLineSeleccion {
    width: 200px;
    border-top: 2px solid #D5D5D5;
    margin: 0 auto;
    margin-bottom: 20px
}

#single .wrap .colLeft .singleContent .titleLineSeleccion.noBorder {
    border: 0
}

#single .wrap .colLeft .singleContent img {
    width: 100%;
    margin-bottom: 20px
}

#single .wrap .colLeft .singleContent .banner a img {
    margin-bottom: 0
}

#single .wrap .colLeft .singleContent .iconNoticieros {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/noticieros.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconDiario {
    width: 60px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconPortadas {
    width: 60px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/portadas.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconPortadasVerdes {
    width: 60px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/portadas_verdes.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconClaves {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/claves.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconDestacados {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/destacado.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconManda {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/topnews.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconTema {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/tema.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconOpinion {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/opinion.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconCalifican {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/califican.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconWorld {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/world.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconAcciones {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 40px;
    background: url(../img/acciones.png) center center no-repeat
}

#single .wrap .colLeft .singleContent .iconSeleccion {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block
}

#single .wrap .colLeft .singleContent .iconGps {
    width: 340px;
    height: 138px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconSabores {
    width: 340px;
    height: 138px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconTragos {
    width: 340px;
    height: 157px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconCocina {
    width: 340px;
    height: 163px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconSpotify {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconLibros {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconProductos {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconPanoramas {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconCocinaConCuento {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconCriticaCine {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconCriticaOpera {
    width: 340px;
    height: 130px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .iconSmartTv {
    width: 340px;
    height: 175px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 40px;
    display: block
}

#single .wrap .colLeft .singleContent .btn {
    background: #F5F5F5;
    color: #313131
}

#single .wrap .colLeft .singleContent .btn:hover {
    color: #B80C13
}

#single .wrap .colLeft .singleContent .btn.center {
    margin: 0 auto;
    display: block;
    width: 93px
}

#single .wrap .colLeft .singleContent .lineDivisorBlocks {
    display: block;
    border-bottom: 10px solid #f9f9f9;
    margin: 40px auto
}

#single .wrap .colLeft .singleContent .lineDivisorBlocks:last-child {
    display: none
}

#single .wrap .colLeft .singleContent .contentPostBox .lineDivisorContents {
    display: block;
    width: 80%;
    border-bottom: 2px solid #D5D5D5;
    margin: 40px auto
}

#single .wrap .colLeft .singleContent .contentPostBox .lineDivisorContents:last-child {
    display: none
}

#single .wrap .colLeft .singleContent .autorGps {
    font-size: 14px;
    line-height: 24px;
    color: #313131;
    text-align: center;
    margin: 0 0 20px 0
}

#single .wrap .colLeft .singleContent .autorGps a {
    color: #B80C13;
    text-decoration: none
}

#single .wrap .colLeft .singleContent .autorGps a:hover {
    text-decoration: underline
}

#single .wrap .colLeft .banner {
    margin: 30px 0
}

#single .wrap .colRight {
    width: calc(24% - 10px);
    float: right
}

#single .wrap .colRight .sidebarBox {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#single .wrap .colRight .banner {
    margin-bottom: 30px
}

#single .wrap .colRight .subcol1 {
    width: 100%;
    height: 295px;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

#single .wrap .colRight .subcol1:nth-child(3n+3) {
    width: calc(33.3% - 12.5px);
    margin-right: 0px!important
}

#single .wrap .colRight .subcol1 .label {
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px
}

#single .wrap .colRight .subcol1 .label.actualidad-informativa {
    background: #FFFFFF
}

#single .wrap .colRight .subcol1 .label.actualidad {
    background: #FFFFFF
}

#single .wrap .colRight .subcol1 .label.actualidad-deportiva {
    background: #3EF94A
}

#single .wrap .colRight .subcol1 .label.opinion {
    background: #3EAEF9
}

#single .wrap .colRight .subcol1 .label.columnas-de-opinion {
    background: #3EAEF9
}

#single .wrap .colRight .subcol1 .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#single .wrap .colRight .subcol1 .label.podcast {
    background: #FF8800
}

#single .wrap .colRight .subcol1 .label.audio {
    background: #FF8800
}

#single .wrap .colRight .subcol1 .label.tiempo-libre {
    background: #0ED8B7
}

#single .wrap .colRight .subcol1 .label.seleccion-financiera {
    background: #107C16
}

#single .wrap .colRight .subcol1 .label.seleccion-vespertina {
    background: #FFDF01
}

#single .wrap .colRight .subcol1 .label.seleccion-nacional {
    background: #B80C13
}

#single .wrap .colRight .subcol1 .label.seleccion-internacional {
    background: #0F3E63
}

#single .wrap .colRight .subcol1 .label.liberotv {
    background: #7B7B7B
}

#single .wrap .colRight .subcol1 .label.video {
    background: #7B7B7B
}

#single .wrap .colRight .subcol1 .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

#single .wrap .colRight .subcol1 .play {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -23px 0 0 -23px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 46px
}

#single .wrap .colRight .subcol1 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 30px 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#single .wrap .colRight .subcol1 .layer .cat {
    float: left;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px
}

#single .wrap .colRight .subcol1 .layer h2 {
    float: left;
    margin-bottom: 20px
}

#single .wrap .colRight .subcol1 .layer h2 a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

#single .wrap .colRight .subhalfcol {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#single .wrap .colRight .subhalfcol.swiper {
    height: auto
}

#single .wrap .colRight .subhalfcol.swiper .subcol1 {
    margin-bottom: 45px;
    -webkit-box-shadow: none;
    box-shadow: none
}

#single .wrap .colRight .subhalfcol:nth-child(2n+2) {
    margin-right: 0px!important
}

#single .wrap .colRight .subhalfcol .sectionBox {
    height: 50px
}

#single .wrap .colRight .subhalfcol .sectionBox .label {
    width: 6px;
    height: 50px;
    position: static;
    float: left
}

#single .wrap .colRight .subhalfcol .sectionBox .label.actualidad-informativa {
    background: #FFFFFF
}

#single .wrap .colRight .subhalfcol .sectionBox .label.actualidad {
    background: #FFFFFF
}

#single .wrap .colRight .subhalfcol .sectionBox .label.actualidad-deportiva {
    background: #3EF94A
}

#single .wrap .colRight .subhalfcol .sectionBox .label.opinion {
    background: #3EAEF9
}

#single .wrap .colRight .subhalfcol .sectionBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#single .wrap .colRight .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#single .wrap .colRight .subhalfcol .sectionBox .label.podcast {
    background: #FF8800
}

#single .wrap .colRight .subhalfcol .sectionBox .label.audio {
    background: #FF8800
}

#single .wrap .colRight .subhalfcol .sectionBox .label.tiempo-libre {
    background: #0ED8B7
}

#single .wrap .colRight .subhalfcol .sectionBox .label.seleccion-financiera {
    background: #107C16
}

#single .wrap .colRight .subhalfcol .sectionBox .label.seleccion-vespertina {
    background: #FFDF01
}

#single .wrap .colRight .subhalfcol .sectionBox .label.seleccion-nacional {
    background: #B80C13
}

#single .wrap .colRight .subhalfcol .sectionBox .label.seleccion-internacional {
    background: #0F3E63
}

#single .wrap .colRight .subhalfcol .sectionBox .label.liberotv {
    background: #7B7B7B
}

#single .wrap .colRight .subhalfcol .sectionBox .label.video {
    background: #7B7B7B
}

#single .wrap .colRight .subhalfcol .sectionBox h2 {
    float: left;
    margin-left: 14px
}

#single .wrap .colRight .subhalfcol .sectionBox h2 a {
    font-size: 20px;
    line-height: 50px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#single .wrap .colRight .subhalfcol .listOpinion {
    width: 100%;
    display: block
}

#single .wrap .colRight .subhalfcol .listOpinion li {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 20px 20px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #F2F2F2
}

#single .wrap .colRight .subhalfcol .listOpinion li:last-child {
    border: 0
}

#single .wrap .colRight .subhalfcol .listOpinion li .colLeft {
    width: auto
}

#single .wrap .colRight .subhalfcol .listOpinion li .colLeft .imgContent {
    display: block;
    width: 38px;
    height: 38px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#single .wrap .colRight .subhalfcol .listOpinion li .colLeft .imgContent:hover {
    opacity: 0.7
}

#single .wrap .colRight .subhalfcol .listOpinion li .colLeft .imgContent img {
    width: 100%;
    height: 100%
}

#single .wrap .colRight .subhalfcol .listOpinion li .colRight {
    width: calc(100% - 58px)
}

#single .wrap .colRight .subhalfcol .listOpinion li .colRight h2 {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700
}

#single .wrap .colRight .subhalfcol .listOpinion li .colRight h2 a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#single .wrap .colRight .subhalfcol .listOpinion li .colRight h2 a:hover {
    color: #B80C13
}

#single .wrap .colRight .subhalfcol .listOpinion li .colRight h3 {
    font-size: 14px;
    line-height: 18px;
    color: #3EAEF9
}

#single .wrap .colRight .subhalfcol .readMore {
    width: 90%;
    display: block;
    border-top: 1px solid #F2F2F2;
    padding: 10px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto 10px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131;
    text-decoration: none
}

#single .wrap .colRight .subhalfcol .readMore:hover {
    color: #B80C13
}

#single .wrap .colRight .subhalfcol .swiperNews article {
    height: 254px
}

#single .wrap .colRight .subhalfcol .swiper-pagination {
    bottom: 15px
}

#single .wrap .colRight .subhalfcol .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}

#single .wrap .colRight .subhalfcol .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B
}

#single .wrap .singleSidebar .share.mobile {
    display: none
}

.slideLibros {
    background: #797979
}

.slideLibros .wrap {
    max-width: none
}

.slideLibros .contentTitleRotate {
    width: 10%;
    float: left;
    position: relative
}

.slideLibros .contentTitleRotate h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    float: left;
    position: absolute;
    top: 115px;
    right: -50px
}

.slideLibros .swiper-container {
    width: 90%;
    float: right;
    background: #F7F7F7
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide {
    width: 90%;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article {
    width: 100%;
    display: table
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colLeft {
    width: 345px;
    display: table-cell;
    vertical-align: top
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colLeft a {
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colLeft a img {
    width: 100%;
    height: auto;
    float: left
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colLeft a:hover {
    opacity: 0.85
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight {
    width: calc(100% - 345px);
    position: relative;
    padding-left: 60px;
    padding-right: 120px;
    padding-top: 45px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    display: table-cell;
    vertical-align: top;
    border-left: 20px solid #F7F7F7
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .label {
    width: 140px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 60px;
    background: #D4D4D4
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .autor {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #9E9E9E;
    margin-bottom: 25px
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .autor span {
    color: #B6B2B2
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight a {
    text-decoration: none;
    color: #313131;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight a:hover h2 {
    color: #B80C13
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight h2 {
    font-size: 38px;
    line-height: 46px;
    font-weight: 900;
    margin-bottom: 15px;
    color: #313131;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .wysiwyg {
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 35px
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .price {
    font-size: 26px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 30px;
    color: #7B7B7B
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .btn {
    background: #F7F7F7;
    background-size: 26px 22px;
    color: #7B7B7B;
    padding-left: 15px;
    float: left;
    position: absolute;
    bottom: 50px;
    left: 60px
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .btn span {
    width: 26px;
    height: 22px;
    vertical-align: middle;
    margin-right: 15px;
    background: url(../img/carro.svg) right center no-repeat;
    background-size: 50px 22px;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .btn:hover {
    background: #797979;
    color: #fff
}

.slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .btn:hover span {
    background: url(../img/carro.svg) left center no-repeat;
    background-size: 50px 22px
}

.listLibros {
    padding-top: 65px;
    background: #F7F7F7;
    padding-bottom: 80px
}

.listLibros .wrap {
    padding: 0 11px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.listLibros .wrap h3 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #7B7B7B;
    margin-bottom: 50px
}

.listLibros .wrap article {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    margin-bottom: 40px;
    padding-bottom: 30px;
    display: table;
    float: left;
    position: relative
}

.listLibros .wrap article:nth-child(odd) {
    margin-right: 0;
    float: right
}

.listLibros .wrap article:after {
    content: ' ';
    width: 100%;
    height: 80%;
    background: #fff;
    position: absolute;
    top: 20%;
    left: 0%
}

.listLibros .wrap article .colLeft {
    width: 300px;
    display: table-cell;
    vertical-align: top;
    position: relative;
    z-index: 1
}

.listLibros .wrap article .colLeft a {
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.listLibros .wrap article .colLeft a img {
    width: 240px;
    height: auto;
    margin: 0 auto;
    display: block;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

.listLibros .wrap article .colLeft a:hover {
    opacity: 0.85
}

.listLibros .wrap article .colRight {
    width: calc(100% - 300px);
    display: table-cell;
    vertical-align: top;
    padding-right: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    z-index: 1
}

.listLibros .wrap article .colRight .autor {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #9E9E9E;
    margin-bottom: 60px;
    margin-top: 28px;
    position: absolute;
    bottom: 65%;
    right: 0
}

.listLibros .wrap article .colRight a {
    text-decoration: none;
    color: #313131;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.listLibros .wrap article .colRight a:hover {
    color: #B80C13
}

.listLibros .wrap article .colRight h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 15px;
    padding-top: 120px
}

.listLibros .wrap article .colRight .wysiwyg {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 35px
}

.listLibros .wrap article .colRight .line {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0
}

.listLibros .wrap article .colRight .line .price {
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    color: #7B7B7B;
    float: left
}

.listLibros .wrap article .colRight .line .btn {
    float: right;
    background: #F7F7F7;
    color: #7B7B7B;
    padding-left: 15px;
    margin-right: 25px
}

.listLibros .wrap article .colRight .line .btn span {
    width: 20px;
    height: 17px;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../img/carro.svg) right center no-repeat;
    background-size: 40px 17px;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.listLibros .wrap article .colRight .line .btn:hover {
    background: #797979;
    color: #fff
}

.listLibros .wrap article .colRight .line .btn:hover span {
    background: url(../img/carro.svg) left center no-repeat;
    background-size: 40px 17px
}

.singleLibro {
    background: #F7F7F7;
    padding-bottom: 100px
}

.singleLibro .wrap {
    padding: 0 11px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap .breadcrumb {
    margin-bottom: 45px;
    margin-left: 10px
}

.singleLibro .wrap .breadcrumb li {
    font-size: 14px;
    line-height: 17px
}

.singleLibro .wrap .breadcrumb li a {
    font-weight: 700
}

.singleLibro .wrap article {
    width: 75%;
    margin: 0 auto;
    display: block;
    overflow: hidden
}

.singleLibro .wrap article .colLeft {
    width: 344px;
    float: left;
    background: #fff
}

.singleLibro .wrap article .colLeft img {
    width: 100%;
    border-bottom: 7px solid #F7F7F7;
    margin-bottom: 25px
}

.singleLibro .wrap article .colLeft img:hover {
    opacity: 0.85
}

.singleLibro .wrap article .colLeft .contentSwiperGallery span {
    width: 100%;
    display: block!important
}

.singleLibro .wrap article .colLeft .contentSwiperGallery img {
    margin-bottom: 0;
    border-bottom: 0
}

.singleLibro .wrap article .colLeft .contentSwiperGallery .contentSwiper {
    width: 100%;
    padding: 20px 10%;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colLeft .contentSwiperGallery .contentSwiper .swiper-images .swiper-wrapper .swiper-slide a {
    display: block;
    overflow: hidden
}

.singleLibro .wrap article .colLeft .contentSwiperGallery .contentSwiper .swiper-images .swiper-wrapper .swiper-slide a img {
    margin-bottom: 0;
    border-bottom: 0
}

.singleLibro .wrap article .colLeft .contentSwiperGallery .contentSwiper .swiper-button-prev {
    background-image: url(../assets/arrow_prev_images.svg);
    background-size: 12px 20px;
    left: 5px;
    outline: none
}

.singleLibro .wrap article .colLeft .contentSwiperGallery .contentSwiper .swiper-button-next {
    background-image: url(../assets/arrow_next_images.svg);
    background-size: 12px 20px;
    right: 5px;
    outline: none
}

.singleLibro .wrap article .colLeft .descript {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding-left: 25px;
    margin-bottom: 20px;
    border-top: 7px solid #F7F7F7;
    padding-top: 25px
}

.singleLibro .wrap article .colLeft .descript span {
    display: block;
    font-size: 16px;
    line-height: 9px;
    font-weight: 400;
    margin-bottom: 10px
}

.singleLibro .wrap article .colRight {
    width: calc(100% - 344px);
    float: right;
    position: relative;
    background: #fff;
    border-left: 12px solid #F7F7F7;
    padding: 50px 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .label {
    width: 140px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 70px;
    background: #D4D4D4
}

.singleLibro .wrap article .colRight .autor {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    color: #9E9E9E;
    margin-bottom: 15px;
    padding: 0 70px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .autor span {
    color: #B6B2B2
}

.singleLibro .wrap article .colRight .product_title {
    font-size: 34px;
    line-height: 40px;
    font-weight: 900;
    margin-bottom: 20px;
    color: #313131;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding: 0 70px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .woocommerce-product-details__short-description {
    font-size: 22px;
    line-height: 34px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 35px;
    padding: 0 70px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .price {
    font-size: 26px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 30px;
    color: #7B7B7B;
    padding: 0 70px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .price del {
    font-weight: 500;
    margin-right: 10px
}

.singleLibro .wrap article .colRight .cart {
    float: left;
    margin-bottom: 50px;
    padding: 0 70px;
    display: inline-grid;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .cart .quantity {
    color: #7B7B7B;
    float: left;
    display: inline-table;
    border-radius: 25px!important;
    height: 46px;
    padding: 0 22px;
    font-size: 16px;
    line-height: 46px;
    font-weight: 700;
    border: 2px solid #DDDCDC;
    margin-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .cart .quantity label {
    margin-right: 15px
}

.singleLibro .wrap article .colRight .cart .quantity input {
    width: 40px;
    text-align: center;
    font-size: 18px
}

.singleLibro .wrap article .colRight .cart .button {
    background: #F7F7F7;
    color: #7B7B7B;
    padding-left: 15px;
    float: left;
    margin-top: 25px;
    border-radius: 25px!important;
    height: 46px;
    padding: 0 22px;
    font-size: 18px;
    line-height: 46px;
    font-weight: 700;
    border: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.singleLibro .wrap article .colRight .cart .button span {
    width: 26px;
    height: 22px;
    vertical-align: middle;
    margin-right: 15px;
    background: url(../img/carro.svg) right center no-repeat;
    background-size: 50px 22px;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.singleLibro .wrap article .colRight .cart .button:hover {
    background: #797979;
    color: #fff
}

.singleLibro .wrap article .colRight .cart .button:hover span {
    background: url(../img/carro.svg) left center no-repeat;
    background-size: 50px 22px
}

.singleLibro .wrap article .colRight .product_meta {
    display: none
}

.singleLibro .wrap article .colRight .video {
    width: 100%;
    height: 380px;
    float: left;
    position: relative
}

.singleLibro .wrap article .colRight .video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.singleLibro .wrap article .colRight .mobile {
    display: none;
    float: left;
    padding-top: 20px
}

.singleLibro .wrap article .colRight .mobile .descript {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin-left: 25px;
    margin-bottom: 20px
}

.singleLibro .wrap article .colRight .mobile .descript span {
    display: block;
    font-size: 16px;
    line-height: 9px;
    font-weight: 400;
    margin-bottom: 10px
}

#cart {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 80px;
    background: #F7F7F7;
    padding-bottom: 150px
}

#miCuenta {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 80px;
    background: #F7F7F7;
    padding-bottom: 0px !important;
}


/*
#cart .coverPage,
#miCuenta .coverPage {
    min-height: 380px;
    margin-bottom: 30px;
}*/

#miCuenta .coverPage {
    min-height: 380px;
    margin-bottom: 30px;
}

#cart .coverPage .imageCover {
    width: 100%;
    /*height: 380px;
    position: relative;*/
    background: none;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

#miCuenta .coverPage .imageCover {
    width: 100%;
    height: 380px;
    position: relative;
    background: none;
    background-size: cover;
    background-position: center center;
    overflow: hidden
}

#cart .coverPage .imageCover .layer,
#miCuenta .coverPage .imageCover .layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(49, 49, 49, 0.6)
}

#cart .coverPage .imageCover .wrap,
#miCuenta .coverPage .imageCover .wrap {
    margin-bottom: 0;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 11px 0 20px
}

#cart .coverPage .imageCover h1,
#miCuenta .coverPage .imageCover h1 {
    color: #F7F7F7;
    font-size: 110px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 21px;
    position: absolute;
    bottom: 0;
    text-transform: uppercase
}

#cart .coverPage .imageCover .carritoBox {
    /*position: absolute;*/
    right: 0;
    bottom: 30px;
    background: #F7F7F7;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px
}

#miCuenta .coverPage .imageCover .carritoBox {
    position: absolute;
    right: 0;
    bottom: 30px;
    background: #F7F7F7;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px
}

#cart .coverPage .imageCover .carritoBox a,
#miCuenta .coverPage .imageCover .carritoBox a {
    text-decoration: none;
    color: #7B7B7B;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    display: inline-block
}

#cart .coverPage .imageCover .carritoBox a:last-child,
#miCuenta .coverPage .imageCover .carritoBox a:last-child {
    margin-left: -3px
}

#cart .coverPage .imageCover .carritoBox a:hover span.text,
#miCuenta .coverPage .imageCover .carritoBox a:hover span.text {
    text-decoration: underline
}

#cart .coverPage .imageCover .carritoBox a:hover span.cuenta,
#miCuenta .coverPage .imageCover .carritoBox a:hover span.cuenta {
    text-decoration: underline
}

#cart .coverPage .imageCover .carritoBox a:hover span.cart-contents-count,
#miCuenta .coverPage .imageCover .carritoBox a:hover span.cart-contents-count {
    background: #7B7B7B
}

#cart .coverPage .imageCover .carritoBox a img,
#miCuenta .coverPage .imageCover .carritoBox a img {
    width: 26px;
    height: 22px;
    vertical-align: middle;
    margin-right: 10px
}

#cart .coverPage .imageCover .carritoBox a span,
#miCuenta .coverPage .imageCover .carritoBox a span {
    font-size: 16px;
    line-height: 34px;
    color: #7B7B7B;
    vertical-align: middle;
    display: inline-block;
    text-transform: capitalize
}

#cart .coverPage .imageCover .carritoBox a span span.cart-contents-count,
#miCuenta .coverPage .imageCover .carritoBox a span span.cart-contents-count {
    width: 34px;
    height: 34px;
    background: #8D8D8D;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#cart .coverPage .imageCover .carritoBox a .cuenta,
#miCuenta .coverPage .imageCover .carritoBox a .cuenta {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #DADADA;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px
}

#cart .wrap,
#miCuenta .wrap {
    margin-bottom: 0;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 11px 0 20px
}

#cart .wrap .contentLogin,
#miCuenta .wrap .contentLogin {
    width: 640px;
    height: 382px;
    background: #fff;
    padding: 45px 0 35px;
    display: block;
    margin: 170px auto 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#cart .wrap h2,
#miCuenta .wrap h2 {
    font-size: 38px;
    height: 46px;
    font-weight: 900;
    margin-bottom: 20px
}

.swiperGallery {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #F7F7F7;
    padding: 40px 0 20px 40px;
    margin: 20px 0 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.swiperGallery .swiper-gallery {
    padding-bottom: 50px
}

.swiperGallery .swiper-gallery .swiper-slide {
    width: 320px;
    height: auto;
    text-align: center
}

.swiperGallery .swiper-gallery .swiper-slide img {
    width: 100%;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4)
}

.swiperGallery .swiper-gallery .swiper-slide .btn {
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 10px
}

.swiperGallery .swiper-gallery .swiper-slide:last-child {
    margin-right: 20px
}

.swiperGallery .swiper-gallery .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}

.swiperGallery .swiper-gallery .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B;
    opacity: 1
}

.layerComplete {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 9999;
    display: none
}

.lightboxVideo {
    width: 800px;
    height: 598px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -299px 0 0 -400px;
    background: #000;
    z-index: 9999;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none
}

.lightboxVideo .btnClose {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/close.svg) center center no-repeat #000;
    background-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 999
}

.lightboxVideo .btnClose:hover {
    opacity: 0.7
}

.lightboxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.lightboxVideo video {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.lightbox {
    width: 800px;
    height: 640px;
    position: fixed;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -400px;
    background: #B80C13;
    z-index: 9999;
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(../assets/bgL.svg) 0 75% no-repeat #B80C13;
    background-size: 228px 221px;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    opacity: 0
}

.lightbox.show {
    opacity: 1;
    top: 50%;
    margin-top: -299px
}

.lightbox .btnClose {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/close.svg) center center no-repeat #000;
    background-size: 16px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.lightbox .btnClose:hover {
    opacity: 0.7
}

.lightbox h2 {
    display: block;
    font-size: 22px;
    line-height: 36px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px
}

.lightbox h2 span {
    font-size: 26px;
    font-weight: 900
}

.lightbox h3 {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 6px;
    opacity: 0.8
}

.lightbox input[type=email],
.lightbox input[type=text] {
    display: block;
    margin: 0 auto;
    width: 460px;
    height: 40px;
    font-size: 16px;
    padding: 5px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    margin-bottom: 20px
}

.lightbox form {
    max-width: 500px;
    margin: 0 auto;
    text-align: left
}

.lightbox .colLeft {
    width: 48%;
    height: 370px;
    float: left;
    margin-bottom: 20px
}

.lightbox .colRight {
    width: 48%;
    height: 370px;
    float: right;
    margin-bottom: 20px
}

.lightbox label {
    width: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 4px 10px 6px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 12px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.lightbox label input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #fff;
    margin-right: 5px
}

.lightbox label em {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding-left: 38px;
    font-style: normal;
    opacity: 0.7
}

.lightbox label:hover {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.lightbox h4 {
    color: #fff;
    font-size: 16px
}

.lightbox .lineSubmit {
    width: 100%;
    float: left;
    text-align: center
}

.lightbox .btn {
    display: inline-block;
    margin: 30px auto 0;
    padding: 0 60px;
    background: #222
}

.lightbox .btn:hover {
    background: #000
}

.lightbox .withScroll {
    width: 100%;
    height: 190px;
    float: left;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 12px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.lightbox .withScroll::-webkit-scrollbar {
    -webkit-appearance: none
}

.lightbox .withScroll::-webkit-scrollbar:vertical {
    width: 6px
}

.lightbox .withScroll::-webkit-scrollbar:horizontal {
    height: 6px
}

.lightbox .withScroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px
}

.lightbox .withScroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.15)
}

.lightbox .withScroll label {
    font-size: 14px;
    line-height: 20px;
    background: none;
    padding: 0
}

#checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    -webkit-box-shadow: inset 0px 0px 0px #7ac142;
    box-shadow: inset 0px 0px 0px #7ac142
}

#checkmark .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none
}

#checkmark .checkmark__check {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48
}

#checkmark.show {
    -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both
}

#checkmark.show .checkmark__circle {
    -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

#checkmark.show .checkmark__check {
    -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@-webkit-keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes scale {
    0%,
    to {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes scale {
    0%,
    to {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
}

@-webkit-keyframes fill {
    to {
        -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}

@keyframes fill {
    to {
        -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
        box-shadow: inset 0px 0px 0px 30px #7ac142
    }
}

.subscriptionBanner {
    width: 100%;
    text-align: center;
    background: #313131;
    float: left;
    padding: 50px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.subscriptionBanner h3 {
    display: block;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px
}

.subscriptionBanner h3 span {
    font-weight: 900
}

.subscriptionBanner input[type=email],
.subscriptionBanner input[type=text] {
    display: block;
    margin: 0 auto 30px;
    width: 460px;
    height: 40px;
    font-size: 16px;
    padding: 0px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px
}

.subscriptionBanner label {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-right: 40px
}

.subscriptionBanner label input[type=checkbox] {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: #fff;
    margin-right: 10px
}

.subscriptionBanner .btn {
    display: table;
    margin: 30px auto 0;
    padding: 0 60px
}

.subscriptionBanner.expediciones {
    padding: 50px 0 60px;
    background: #000
}

.subscriptionBanner.expediciones h3 {
    margin-bottom: 0px
}

.subscriptionBanner.expediciones input[type=text] {
    width: 400px;
    display: inline-block;
    background: #3F3F3F;
    margin-right: 10px;
    margin-bottom: 0px;
    color: #fff
}

.subscriptionBanner.expediciones .btn {
    display: inline-block
}

.subscriptionBanner.expediciones .btn:hover {
    background: #fff;
    color: #B80C13
}

@media (max-width:800px) {
    #mobile-sectionsubs {
        display: block
    }
}

@media (max-width:800px) {
    #mobile-formsubs {
        margin-top: 25px
    }
}

@media (min-width:801px) {
    #mobile-sectionsubs {
        display: none
    }
}

.sectionsubs-now {
    padding: 0;
    margin: 0
}

.sectionsubs-now .container-subs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-color: #b80c13;
    padding: 40px 0
}

.sectionsubs-now .container-subs .subscontent-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 40px
}

.sectionsubs-now .container-subs .subscontent-one .titlesubs-now {
    font-family: Lato, sans-serif;
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
    line-height: 1
}

.sectionsubs-now .container-subs .subscontent-one .subtitlesubs-now {
    font-family: Lato, sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin: 5px 0
}

.sectionsubs-now .container-subs .subscontent-two {
    padding: 20px 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.sectionsubs-now .container-subs .subscontent-two .paragraphsubs-now {
    font-family: Lato, sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

.sectionsubs-now .container-subs .subscontent-two .btnsubs-now {
    font-family: Lato, sans-serif;
    color: #fff;
    border: 2px solid #000;
    background: 0 0;
    background-color: #000;
    font-weight: 700;
    border-radius: 25px;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 25px
}

.sectionsubs-now .container-subsvisible-lg {
    display: none
}

@media (min-width:799px) {
    .sectionsubs-now .container-subs {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .sectionsubs-now .container-subs .subscontent-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%
    }
    .sectionsubs-now .container-subs .subscontent-one:after {
        display: block;
        position: absolute;
        content: "";
        background-color: #fff;
        width: 1.5px;
        height: 70%;
        top: 15%;
        left: 50%
    }
    .sectionsubs-now .container-subs .subscontent-one .titlesubs-now {
        font-family: Lato, sans-serif;
        font-size: 41px;
        color: #fff;
        text-align: center;
        margin: 10px 0;
        line-height: 1
    }
    .sectionsubs-now .container-subs .subscontent-one .subtitlesubs-now {
        font-family: Lato, sans-serif;
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin: 5px 0
    }
    .sectionsubs-now .container-subs .subscontent-two {
        text-align: start;
        width: 50%
    }
    .sectionsubs-now .container-subs .subscontent-two .paragraphsubs-now {
        text-align: justify;
        margin-bottom: 5%
    }
    .sectionsubs-now .container-subs .subscontent-two .btnsubs-now {
        font-size: 14px;
        padding: 5px 15px
    }
    .sectionsubs-now .container-subs.visible-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.interest {
    width: calc(100% - 40px);
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 30px 0px 80px;
    margin: 0 20px;
    border-top: 4px solid #EFEFEF
}

.interest.tiempo {
    margin: 0 0 10px 0;
    width: 100%;
    border: 0;
    padding-bottom: 0px
}

.interest.tiempo .subcol1 {
    width: calc(25% - 15px)
}

.interest.videos {
    border: none
}

.interest.videos .subcol1 {
    width: calc(25% - 15px)
}

.interest.videos .subcol1 .play {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -30px 0 0 -30px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    cursor: pointer
}

.interest.videos .subcol1 .layer h2 {
    text-align: left
}

.interest.videos .subcol1 .date {
    width: 40px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 24px;
    line-height: 18px;
    font-weight: 900;
    color: #313131;
    background: #fff;
    padding: 14px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    text-transform: uppercase
}

.interest.videos .subcol1 .date span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 900;
    color: #B80C13
}

.interest.listFour .subcol1:nth-child(3n+3) {
    margin-right: 20px!important
}

.interest.listFour .subcol1:nth-child(4n+4) {
    margin-right: 0px!important
}

.interest h2 {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 27px;
    font-weight: 900;
    color: #313131;
    margin-bottom: 35px
}

.interest .subcol1 {
    width: calc(25% - 15px);
    height: 378px;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

.interest .subcol1:nth-child(3n+3) {
    margin-right: 0px!important
}

.interest .subcol1 .imgContent {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border: 2px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 99
}

.interest .subcol1 .imgContent a {
    display: block;
    overflow: hidden
}

.interest .subcol1 .imgContent img {
    width: 100%;
    height: 100%
}

.interest .subcol1 .date {
    width: 40px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 24px;
    line-height: 18px;
    font-weight: 900;
    color: #fff;
    background: #111;
    padding: 14px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    text-transform: uppercase
}

.interest .subcol1 .date span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 900;
    color: #fff
}

.interest .subcol1 .alert {
    width: 89px;
    height: 77px;
    position: absolute;
    top: -7px;
    left: 25px;
    background: url(../img/alert.svg) left center no-repeat;
    background-size: 100%;
    z-index: 2
}

.interest .subcol1 .label {
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px
}

.interest .subcol1 .label.actualidad-informativa {
    background: #FFFFFF
}

.interest .subcol1 .label.actualidad {
    background: #FFFFFF
}

.interest .subcol1 .label.actualidad-deportiva {
    background: #3EF94A
}

.interest .subcol1 .label.opinion {
    background: #3EAEF9
}

.interest .subcol1 .label.columnas-de-opinion {
    background: #3EAEF9
}

.interest .subcol1 .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

.interest .subcol1 .label.podcast {
    background: #FF8800
}

.interest .subcol1 .label.audio {
    background: #FF8800
}

.interest .subcol1 .label.tiempo-libre {
    background: #0ED8B7
}

.interest .subcol1 .label.seleccion-financiera {
    background: #107C16
}

.interest .subcol1 .label.seleccion-vespertina {
    background: #FFDF01
}

.interest .subcol1 .label.seleccion-nacional {
    background: #B80C13
}

.interest .subcol1 .label.seleccion-internacional {
    background: #0F3E63
}

.interest .subcol1 .label.liberotv {
    background: #7B7B7B
}

.interest .subcol1 .label.video {
    background: #7B7B7B
}

.interest .subcol1 .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

.interest .subcol1 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.interest .subcol1 .layer .cat {
    display: block;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.interest .subcol1 .layer h2 {
    margin-bottom: 0
}

.interest .subcol1 .layer h2 a {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-decoration: none;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.interest .subcol1 .layer .excerpt {
    width: 100%;
    float: left;
    margin-bottom: -300px;
    opacity: 0;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.interest .subcol1:hover .layer .excerpt {
    margin-bottom: 0;
    opacity: 1
}

#opinion {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 30px 0 80px
}

#opinion .wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 11px 0 20px
}

#opinion .wrap .autorBox {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 4px solid #3EAEF9;
    background: #EFEFEF;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 10px 0
}

#opinion .wrap .autorBox .colLeft {
    width: 155px
}

#opinion .wrap .autorBox .colLeft .autorImage {
    background-size: cover;
    background-position: center center;
    width: 94px;
    height: 94px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto
}

#opinion .wrap .autorBox .colCenter {
    width: calc(60% - 155px);
    float: left
}

#opinion .wrap .autorBox .colCenter .autorCategoria {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    color: #3EAEF9;
    text-transform: uppercase;
    margin-bottom: 8px;
    margin-top: 10px;
    display: block
}

#opinion .wrap .autorBox .colCenter .autorName {
    font-size: 26px;
    line-height: 36px;
    font-weight: 900;
    display: block
}

#opinion .wrap .autorBox .colCenter .autorJob {
    font-size: 14px;
    line-height: 18px;
    display: block
}

#opinion .wrap .autorBox .colRight {
    width: 30%
}

#opinion .wrap .autorBox .colRight .social {
    float: right;
    margin-top: 33px;
    margin-right: 35px
}

#opinion .wrap .autorBox .colRight .social li {
    display: inline-block;
    margin: 0 5px
}

#opinion .wrap .autorBox .colRight .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#opinion .wrap .autorBox .colRight .social li a img {
    width: 34px;
    height: 34px
}

#opinion .wrap .autorBox .colRight .social li a:hover {
    opacity: 0.7
}

#opinion .wrap .colLeft {
    width: calc(76% - 10px);
    float: left
}

#opinion .wrap .colLeft .opinionBox {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#opinion .wrap .colLeft .opinionBox .coverBox {
    width: 100%;
    height: 500px;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    position: relative;
    overflow: hidden
}

#opinion .wrap .colLeft .opinionBox .coverBox .date {
    width: 40px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 24px;
    line-height: 18px;
    font-weight: 900;
    color: #313131;
    background: #fff;
    padding: 14px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    z-index: 2
}

#opinion .wrap .colLeft .opinionBox .coverBox .date.reverse {
    background: #111;
    color: #fff
}

#opinion .wrap .colLeft .opinionBox .coverBox .date.reverse span {
    color: #fff
}

#opinion .wrap .colLeft .opinionBox .coverBox .date span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 900;
    color: #B80C13
}

#opinion .wrap .colLeft .opinionBox .coverBox .alert {
    width: 89px;
    height: 77px;
    position: absolute;
    top: -7px;
    left: 25px;
    background: url(../img/alert.svg) left center no-repeat;
    background-size: 100%;
    z-index: 2
}

#opinion .wrap .colLeft .opinionBox .coverBox .label {
    width: 96px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: 2
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.actualidad-informativa {
    background: #FFFFFF
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.actualidad {
    background: #FFFFFF
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.actualidad-deportiva {
    background: #3EF94A
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.opinion {
    background: #3EAEF9
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.podcast {
    background: #FF8800
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.audio {
    background: #FF8800
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.tiempo-libre {
    background: #0ED8B7
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.seleccion-financiera {
    background: #107C16
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.seleccion-vespertina {
    background: #FFDF01
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.seleccion-nacional {
    background: #B80C13
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.seleccion-internacional {
    background: #0F3E63
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.liberotv {
    background: #7B7B7B
}

#opinion .wrap .colLeft .opinionBox .coverBox .label.video {
    background: #7B7B7B
}

#opinion .wrap .colLeft .opinionBox .coverBox .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#opinion .wrap .colLeft .opinionBox .coverBox .articleImage:hover {
    opacity: 0.8
}

#opinion .wrap .colLeft .opinionBox .coverBox .imgContent {
    display: block
}

#opinion .wrap .colLeft .opinionBox .coverBox .imgContent.mobile {
    display: none
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    z-index: 2
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colLeft {
    width: auto;
    min-height: 140px
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colLeft .imgContent {
    display: block;
    width: 94px;
    height: 94px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 30px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colLeft .imgContent:hover {
    opacity: 0.7
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colLeft .imgContent img {
    width: 100%;
    height: auto
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight {
    width: calc(100% - 134px)
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight.noAvatar {
    float: left
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight .cat {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    clear: both;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight h2 {
    display: block;
    overflow: hidden;
    clear: both
}

#opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight h2 a {
    display: block;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#opinion .wrap .colLeft .opinionBox .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    color: #313131;
    padding: 30px 30px 45px;
    font-weight: 300
}

#opinion .wrap .colLeft .opinionBox .shareBox {
    width: 100%;
    display: block;
    overflow: hidden;
    background: #F7F7F7;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#opinion .wrap .colLeft .opinionBox .shareBox .share {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#opinion .wrap .colLeft .opinionBox .shareBox .share span {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131;
    display: block;
    margin-bottom: 10px
}

#opinion .wrap .colLeft .opinionBox .shareBox .share .social {
    float: left
}

#opinion .wrap .colLeft .opinionBox .shareBox .share .social li {
    display: inline-block;
    margin-right: 8px
}

#opinion .wrap .colLeft .opinionBox .shareBox .share .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#opinion .wrap .colLeft .opinionBox .shareBox .share .social li a img {
    width: 34px;
    height: 34px
}

#opinion .wrap .colLeft .opinionBox .shareBox .share .social li a:hover {
    opacity: 0.7
}

#opinion .wrap .colLeft .opinionBox .shareBox .btn {
    float: right;
    margin-top: 20px;
    font-weight: 700;
    padding: 0px 35px
}

#opinion .wrap .colLeft .interest {
    border: 0;
    width: 100%;
    margin: 0
}

#opinion .wrap .colLeft .interest .articlesList {
    margin-bottom: 30px
}

#opinion .wrap .colLeft .interest .articlesList .subcol1 {
    width: calc(33.3% - 13.3px)
}

#opinion .wrap .colLeft .interest .articlesList .subcol1 .imgContent {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border: 2px solid #DBDBDB;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 99
}

#opinion .wrap .colLeft .interest .articlesList .subcol1 .imgContent a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#opinion .wrap .colLeft .interest .articlesList .subcol1 .imgContent a:hover {
    opacity: 0.7
}

#opinion .wrap .colLeft .interest .articlesList .subcol1 .imgContent img {
    width: 100%;
    height: 100%
}

#opinion .wrap .colLeft .interest .articlesList .subcol1 .layer h2 {
    text-align: left
}

#opinion .wrap .colRight {
    width: calc(24% - 10px);
    float: right
}

#opinion .wrap .colRight .sidebarBox {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#opinion .wrap .colRight .banner {
    margin-bottom: 30px
}

#opinion .wrap .colRight .subcol1 {
    width: 100%;
    height: 295px;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden
}

#opinion .wrap .colRight .subcol1:nth-child(3n+3) {
    width: calc(33.3% - 12.5px);
    margin-right: 0px!important
}

#opinion .wrap .colRight .subcol1 .label {
    width: 60px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px
}

#opinion .wrap .colRight .subcol1 .label.actualidad-informativa {
    background: #FFFFFF
}

#opinion .wrap .colRight .subcol1 .label.actualidad {
    background: #FFFFFF
}

#opinion .wrap .colRight .subcol1 .label.actualidad-deportiva {
    background: #3EF94A
}

#opinion .wrap .colRight .subcol1 .label.opinion {
    background: #3EAEF9
}

#opinion .wrap .colRight .subcol1 .label.columnas-de-opinion {
    background: #3EAEF9
}

#opinion .wrap .colRight .subcol1 .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#opinion .wrap .colRight .subcol1 .label.podcast {
    background: #FF8800
}

#opinion .wrap .colRight .subcol1 .label.audio {
    background: #FF8800
}

#opinion .wrap .colRight .subcol1 .label.tiempo-libre {
    background: #0ED8B7
}

#opinion .wrap .colRight .subcol1 .label.seleccion-financiera {
    background: #107C16
}

#opinion .wrap .colRight .subcol1 .label.seleccion-vespertina {
    background: #FFDF01
}

#opinion .wrap .colRight .subcol1 .label.seleccion-nacional {
    background: #B80C13
}

#opinion .wrap .colRight .subcol1 .label.seleccion-internacional {
    background: #0F3E63
}

#opinion .wrap .colRight .subcol1 .label.liberotv {
    background: #7B7B7B
}

#opinion .wrap .colRight .subcol1 .label.video {
    background: #7B7B7B
}

#opinion .wrap .colRight .subcol1 .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

#opinion .wrap .colRight .subcol1 .play {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 35%;
    left: 50%;
    margin: -23px 0 0 -23px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 46px
}

#opinion .wrap .colRight .subcol1 .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 30px 20px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

#opinion .wrap .colRight .subcol1 .layer .cat {
    float: left;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px
}

#opinion .wrap .colRight .subcol1 .layer h2 {
    float: left;
    margin-bottom: 20px
}

#opinion .wrap .colRight .subcol1 .layer h2 a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

#opinion .wrap .colRight .subhalfcol {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#opinion .wrap .colRight .subhalfcol.swiper .subcol1 {
    margin-bottom: 45px;
    -webkit-box-shadow: none;
    box-shadow: none
}

#opinion .wrap .colRight .subhalfcol .sectionBox {
    height: 50px
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label {
    width: 6px;
    height: 50px;
    position: static;
    float: left
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.actualidad-informativa {
    background: #FFFFFF
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.actualidad {
    background: #FFFFFF
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.actualidad-deportiva {
    background: #3EF94A
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.opinion {
    background: #3EAEF9
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.podcast {
    background: #FF8800
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.audio {
    background: #FF8800
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.tiempo-libre {
    background: #0ED8B7
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.seleccion-financiera {
    background: #107C16
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.seleccion-vespertina {
    background: #FFDF01
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.seleccion-nacional {
    background: #B80C13
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.seleccion-internacional {
    background: #0F3E63
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.liberotv {
    background: #7B7B7B
}

#opinion .wrap .colRight .subhalfcol .sectionBox .label.video {
    background: #7B7B7B
}

#opinion .wrap .colRight .subhalfcol .sectionBox h2 {
    float: left;
    margin-left: 14px
}

#opinion .wrap .colRight .subhalfcol .sectionBox h2 a {
    font-size: 20px;
    line-height: 50px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#opinion .wrap .colRight .subhalfcol .listOpinion {
    width: 100%;
    display: block;
    padding: 10px 0
}

#opinion .wrap .colRight .subhalfcol .listOpinion li {
    width: calc(100% - 40px);
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding: 12px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #D4D4D4
}

#opinion .wrap .colRight .subhalfcol .listOpinion li:last-child {
    border: 0
}

#opinion .wrap .colRight .subhalfcol .listOpinion li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #313131
}

#opinion .wrap .colRight .subhalfcol .listOpinion li a:hover {
    color: #B80C13
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colLeft {
    width: auto
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colLeft .imgContent {
    display: block;
    width: 38px;
    height: 38px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colLeft .imgContent:hover {
    opacity: 0.7
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colLeft .imgContent img {
    width: 100%;
    height: 100%
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colRight {
    width: calc(100% - 54px)
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colRight h2 {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    margin-top: 10px
}

#opinion .wrap .colRight .subhalfcol .listOpinion li .colRight h3 {
    font-size: 14px;
    line-height: 18px;
    color: #3EAEF9
}

#opinion .wrap .colRight .subhalfcol .readMore {
    width: 90%;
    display: block;
    border-top: 1px solid #F2F2F2;
    padding: 10px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 auto 10px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131;
    text-decoration: none
}

#opinion .wrap .colRight .subhalfcol .readMore:hover {
    color: #B80C13
}

#opinion .wrap .colRight .subhalfcol .swiperNews article {
    height: 254px
}

#opinion .wrap .colRight .subhalfcol .swiper-pagination {
    bottom: 15px
}

#opinion .wrap .colRight .subhalfcol .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px
}

#opinion .wrap .colRight .subhalfcol .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B
}

#avisos {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 80px 0;
    text-align: center
}

#avisos .filtersAvisos {
    display: block;
    background: #313131;
    text-align: center;
    padding: 45px 0 50px
}

#avisos .filtersAvisos h3 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px
}

#avisos .filtersAvisos input[type=text] {
    margin: 0 auto;
    width: 214px;
    height: 34px;
    font-size: 14px;
    padding: 0px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    margin-right: 15px
}

#avisos .filtersAvisos input[type=text].backData {
    background: url(../img/calendar.svg) right 15px center no-repeat #fff;
    background-size: 20px 20px
}

#avisos .filtersAvisos select {
    margin: 0 auto;
    width: 292px;
    height: 34px;
    font-size: 14px;
    padding: 0px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    margin-right: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(...);
    background: url(../img/down.svg) right 10px center no-repeat #fff;
    background-size: 8px 4px
}

#avisos .filtersAvisos select::-ms-expand {
    display: none
}

#avisos .filtersAvisos select:nth-child(5) {
    width: 292px
}

#avisos .filtersAvisos input[type=submit] {
    padding: 0 55px
}

#avisos .headline {
    width: 100%;
    height: 85px;
    float: left;
    margin-bottom: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 0 25px;
    background: #EFEFEF
}

#avisos .headline.noMargin {
    margin-bottom: 0
}

#avisos .headline .breadcrumb {
    height: 85px;
    float: left
}

#avisos .headline .breadcrumb li {
    height: 85px;
    line-height: 85px
}

#avisos .headline .sponsorBox {
    float: right;
    width: auto
}

#avisos .wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 25px 20px
}

#avisos .wrap h1 {
    text-align: left;
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700
}

#avisos .wrap h2 {
    text-align: left;
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700
}

#avisos .wrap .colLeft {
    width: calc(67% - 10px);
    float: left
}

#avisos .wrap .colLeft .listLegales {
    display: block;
    width: 100%;
    margin-bottom: 45px
}

#avisos .wrap .colLeft .listLegales ul {
    width: 100%
}

#avisos .wrap .colLeft .listLegales ul li {
    width: 100%;
    min-height: 50px;
    margin-bottom: 10px;
    display: table
}

#avisos .wrap .colLeft .listLegales ul li .colLeft {
    float: none;
    display: table-cell;
    width: 80px;
    background: #F7F7F7;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    border-right: 7px solid #fff;
    vertical-align: middle;
    padding: 8px 25px
}

#avisos .wrap .colLeft .listLegales ul li .colRight {
    float: none;
    display: table-cell;
    width: calc(100% - 127px);
    background: #F7F7F7;
    text-align: left;
    font-size: 14px;
    font-weight: 700px;
    line-height: 24px;
    padding: 8px 25px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#avisos .wrap .colLeft .listLegales ul li .colRight a {
    display: block;
    text-decoration: none;
    color: #B80C13;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    vertical-align: middle
}

#avisos .wrap .colLeft .listLegales ul li:hover .colLeft {
    background: #f0f0f0
}

#avisos .wrap .colLeft .listLegales ul li:hover .colRight {
    background: #f0f0f0
}

#avisos .wrap .colLeft .paginator {
    display: inline-block;
    overflow: hidden;
    clear: both
}

#avisos .wrap .colLeft .paginator li {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: #F7F7F7;
    margin-right: 5px
}

#avisos .wrap .colLeft .paginator li a {
    display: block;
    text-decoration: none;
    color: #9E9E9E;
    font-size: 14px;
    line-height: 40px
}

#avisos .wrap .colLeft .paginator li:hover {
    background: #f0f0f0
}

#avisos .wrap .colLeft .paginator li.active {
    background: #B80C13
}

#avisos .wrap .colLeft .paginator li.active a {
    color: #fff
}

#avisos .wrap .colLeft h2 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 20px
}

#avisos .wrap .colLeft .wysiwyg {
    width: 80%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: left
}

#avisos .wrap .colLeft .visorPdf iframe {
    height: 1000px
}

#avisos .wrap .colRight {
    width: calc(33.3% - 13.3px);
    float: right
}

#avisos .wrap .colRight .legalBox {
    width: 100%;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    text-align: left
}

#avisos .wrap .colRight .legalBox .contactLegal {
    width: 100%;
    background: #B80C13;
    padding: 30px 30px 55px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#avisos .wrap .colRight .legalBox .contactLegal .mailLegal {
    margin-bottom: 30px
}

#avisos .wrap .colRight .legalBox .contactLegal h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff
}

#avisos .wrap .colRight .legalBox .contactLegal a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    line-height: 28px
}

#avisos .wrap .colRight .legalBox .contactLegal a:hover {
    opacity: 0.7
}

#avisos .wrap .colRight .legalBox .wysiwyg {
    padding: 30px 25px 45px 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300
}

#expediciones {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#expediciones .bannerExpediciones {
    width: 100%;
    height: calc(100vh - 126px);
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin-bottom: 55px;
    overflow: hidden
}

#expediciones .bannerExpediciones video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

#expediciones .bannerExpediciones .layerBanner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6)
}

#expediciones .bannerExpediciones h1 {
    font-size: 66px;
    line-height: 89px;
    color: #D4D4D4;
    margin-bottom: 115px;
    position: relative
}

#expediciones .bannerExpediciones h1 img {
    width: 402px;
    height: 184px
}

#expediciones .bannerExpediciones h1 span {
    display: block;
    font-size: 84px;
    line-height: 90px;
    color: #fff;
    text-decoration: underline
}

#expediciones .bannerExpediciones .btn {
    padding: 0 40px;
    position: relative;
    color: #313131
}

#expediciones .bannerExpediciones .btn:hover {
    color: #fff
}

#expediciones .listExpediciones {
    width: calc(100% - 40px);
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 20px 50px
}

#expediciones .listExpediciones h3 {
    font-size: 34px;
    line-height: 36px;
    font-weight: 900;
    background: url(../img/arrowDown.svg) left center no-repeat;
    margin-bottom: 30px;
    background-size: 31px 28px;
    padding-left: 50px
}

#expediciones .listExpediciones .expedicionBox {
    width: calc(25% - 5px);
    height: 378px;
    float: left;
    margin-right: 5px;
    margin-bottom: 24px;
    background: #333;
    position: relative;
    overflow: hidden
}

#expediciones .listExpediciones .expedicionBox.threeList {
    width: 33%;
    margin-right: 6px
}

#expediciones .listExpediciones .expedicionBox.threeList:last-child {
    margin-right: 0
}

#expediciones .listExpediciones .expedicionBox.twoList {
    width: calc(50% - 3px);
    margin-right: 5px
}

#expediciones .listExpediciones .expedicionBox.twoList:last-child {
    margin-right: 0
}

#expediciones .listExpediciones .expedicionBox:nth-child(5n) {
    margin-right: 0
}

#expediciones .listExpediciones .expedicionBox .backMove {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#expediciones .listExpediciones .expedicionBox .backMove:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#expediciones .listExpediciones .expedicionBox .date {
    height: 50px;
    line-height: 50px;
    font-weight: 900;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 2;
    text-decoration: none;
    font-size: 18px
}

#expediciones .listExpediciones .expedicionBox .date span {
    font-size: 26px;
    font-weight: 900
}

#expediciones .listExpediciones .expedicionBox .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    z-index: 2
}

#expediciones .listExpediciones .expedicionBox .layer h2 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 900;
    color: #fff;
    z-index: 2
}

#expediciones .listExpediciones .expedicionBox .layer h2 a {
    display: block;
    font-size: 29px;
    line-height: 42px;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    padding: 0 35px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#expediciones .listExpediciones .expedicionBox .layer h2 span {
    display: block;
    font-size: 40px
}

#expediciones .listExpediciones .moreExp {
    float: right;
    text-align: right;
    margin-right: 5px;
    font-size: 16px;
    line-height: 19px;
    color: #7B7B7B;
    text-decoration: none;
    background: url(../img/arrowRight.svg) 96% center no-repeat;
    background-size: 24px 21px;
    padding-right: 35px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#expediciones .listExpediciones .moreExp:hover {
    color: #B80C13;
    background-position: calc(96% + 4px) center
}

#expediciones .OurExpeditions {
    width: calc(100% - 40px);
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 20px 135px
}

#expediciones .OurExpeditions .wrap {
    position: relative
}

#expediciones .OurExpeditions .contentImgOur {
    width: 50%;
    height: 677px;
    float: left;
    overflow: hidden
}

#expediciones .OurExpeditions .contentImgOur .imgOur {
    width: 100%;
    height: 677px;
    float: left;
    position: relative;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    background-size: cover;
    background-position: center center
}

#expediciones .OurExpeditions .contentImgOur .imgOur .btnPlay {
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../img/playR.svg) left center no-repeat;
    background-size: 80px;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#expediciones .OurExpeditions .contentImgOur .imgOur:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#expediciones .OurExpeditions .contentImgOur .imgOur:hover .btnPlay {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#expediciones .OurExpeditions .description {
    width: 55%;
    height: 572px;
    float: right;
    background: #F7F7F7;
    position: absolute;
    top: 50px;
    left: 45%;
    padding: 70px 60px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#expediciones .OurExpeditions .description h2 {
    font-size: 34px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 30px
}

#expediciones .OurExpeditions .description .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300
}

#expediciones .testimonial {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 0 135px 0;
    position: relative
}

#expediciones .testimonial .swiper-container {
    padding-bottom: 60px
}

#expediciones .testimonial .swiper-container .swiper-wrapper {
    margin-left: 350px
}

#expediciones .testimonial .swiper-container .swiper-slide {
    width: 700px;
    height: 312px;
    padding: 55px 70px 0 55px;
    background: #F7F7F7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 156px;
    -moz-border-radius: 156px;
    -ms-border-radius: 156px;
    -o-border-radius: 156px;
    border-radius: 156px
}

#expediciones .testimonial .swiper-container .swiper-slide .colLeft {
    width: 20%;
    float: left
}

#expediciones .testimonial .swiper-container .swiper-slide .colLeft .contentImg {
    display: inline-block;
    width: 200px;
    height: 191px;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

#expediciones .testimonial .swiper-container .swiper-slide .colLeft .contentImg .avatarTestimonial {
    width: 100%;
    height: 191px;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    overflow: hidden
}

#expediciones .testimonial .swiper-container .swiper-slide .colLeft .contentImg .avatarTestimonial .play {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#expediciones .testimonial .swiper-container .swiper-slide .colLeft .contentImg:hover .avatarTestimonial {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#expediciones .testimonial .swiper-container .swiper-slide .colLeft .contentImg:hover .avatarTestimonial .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#expediciones .testimonial .swiper-container .swiper-slide .colRight {
    width: 60%;
    float: right
}

#expediciones .testimonial .swiper-container .swiper-slide .colRight h2 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 10px
}

#expediciones .testimonial .swiper-container .swiper-slide .colRight .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 30px
}

#expediciones .testimonial .swiper-container .swiper-slide .colRight .name {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #9E9E9E
}

#expediciones .testimonial .swiper-container .swiper-slide .colRight .name span {
    width: 20px;
    display: inline-block;
    border-bottom: 1px solid #9E9E9E;
    margin: 0 14px 5px 0
}

#expediciones .testimonial .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 10px
}

#expediciones .testimonial .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #7B7B7B
}

#expediciones .revive {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 50px;
    position: relative;
    color: #fff;
    background: #313131
}

#expediciones .revive h2 {
    font-size: 34px;
    line-height: 56px;
    font-weight: 900;
    color: #9E9E9E;
    margin-bottom: 80px;
    position: absolute;
    top: -50px;
    left: 14%
}

#expediciones .revive h2 span {
    font-size: 40px;
    color: #fff;
    display: block
}

#expediciones .revive .swiper-container {
    padding-bottom: 80px;
    margin-top: -50px
}

#expediciones .revive .swiper-container .swiper-slide .colLeft {
    width: 35%;
    float: left;
    text-align: right;
    margin-top: 170px
}

#expediciones .revive .swiper-container .swiper-slide .colLeft .date {
    font-size: 16px;
    line-height: 22px;
    font-weight: 900;
    color: #9E9E9E;
    margin-right: 20px
}

#expediciones .revive .swiper-container .swiper-slide .colLeft h3 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 20px;
    margin-right: 20px
}

#expediciones .revive .swiper-container .swiper-slide .colLeft .redLine {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px
}

#expediciones .revive .swiper-container .swiper-slide .colLeft .redLine span {
    width: 39px;
    height: 6px;
    float: right;
    background: #B80C13
}

#expediciones .revive .swiper-container .swiper-slide .colLeft .wysiwyg {
    width: 80%;
    float: right;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-right: 20px
}

#expediciones .revive .swiper-container .swiper-slide .colRight {
    width: 60%;
    float: right;
    text-align: left
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent {
    width: 682px;
    height: 431px;
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-top: 20px
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent .imgBox {
    width: 682px;
    height: 431px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 2
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent .imgBox .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent iframe {
    position: absolute;
    top: 0;
    left: 0
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent video {
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent:hover .imgBox {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#expediciones .revive .swiper-container .swiper-slide .colRight .imgContent:hover .imgBox .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#expediciones .revive .swiper-container .swiper-button-prev {
    background-image: url(../img/prev.svg);
    background-size: 62px;
    width: 62px;
    height: 62px
}

#expediciones .revive .swiper-container .swiper-button-next {
    background-image: url(../img/next.svg);
    background-size: 62px;
    width: 62px;
    height: 62px
}

#expediciones .revive .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 10px
}

#expediciones .revive .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

#expediciones .revive .moreExp {
    float: right;
    text-align: right;
    margin-right: 30px;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
    background: url(../img/arrowRight.svg) 96% center no-repeat;
    background-size: 24px 21px;
    padding-right: 35px;
    margin-top: -35px;
    margin-right: 9%;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#expediciones .revive .moreExp:hover {
    background-position: calc(96% + 4px) center
}

.boxMapa {
    width: 100%;
    float: left;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    display: table
}

.boxMapa .contentMap {
    display: table-row
}

.boxMapa .colLeft {
    width: 25%!important;
    padding: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center
}

.boxMapa .colLeft .titleMap {
    background: url(../assets/map.svg) left center no-repeat;
    background-size: 43px;
    padding-left: 56px;
    font-size: 22px;
    line-height: 43px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: left
}

.boxMapa .colLeft .wysiwyg {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    text-align: left
}

.boxMapa .colLeft select {
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    float: left;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(...);
    background: url(../img/down.svg) right 10px center no-repeat #fff;
    background-size: 8px 4px
}

.boxMapa .colLeft select::-ms-expand {
    display: none
}

.boxMapa .colLeft .btn {
    padding: 0 60px
}

.boxMapa .colRight {
    width: 75%!important;
    background: #D4D4D4
}

.layerBack {
    background: #313131;
    width: 100%;
    height: 70vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#liberotv {
    width: 100%;
    float: left;
    padding: 30px 0 30px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#liberotv .wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0px
}

#liberotv .wrap .colLeft {
    width: calc(24% - 10px);
    float: left
}

#liberotv .wrap .colLeft .sideMenu {
    width: 100%;
    float: left;
    background: #F7F7F7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 22px
}

#liberotv .wrap .colLeft .sideMenu li {
    padding: 0 20px
}

#liberotv .wrap .colLeft .sideMenu li.actualidad-informativa {
    border-left: 6px solid #FFFFFF
}

#liberotv .wrap .colLeft .sideMenu li.actualidad {
    border-left: 6px solid #FFFFFF
}

#liberotv .wrap .colLeft .sideMenu li.actualidad-deportiva {
    border-left: 6px solid #3EF94A
}

#liberotv .wrap .colLeft .sideMenu li.opinion {
    border-left: 6px solid #3EAEF9
}

#liberotv .wrap .colLeft .sideMenu li.columnas-de-opinion {
    border-left: 6px solid #3EAEF9
}

#liberotv .wrap .colLeft .sideMenu li.ensayos-asuntos-publicos {
    border-left: 6px solid #3EAEF9
}

#liberotv .wrap .colLeft .sideMenu li.podcast {
    border-left: 6px solid #FF8800
}

#liberotv .wrap .colLeft .sideMenu li.audio {
    border-left: 6px solid #FF8800
}

#liberotv .wrap .colLeft .sideMenu li.tiempo-libre {
    border-left: 6px solid #0ED8B7
}

#liberotv .wrap .colLeft .sideMenu li.seleccion-financiera {
    border-left: 6px solid #107C16
}

#liberotv .wrap .colLeft .sideMenu li.seleccion-vespertina {
    border-left: 6px solid #FFDF01
}

#liberotv .wrap .colLeft .sideMenu li.seleccion-nacional {
    border-left: 6px solid #B80C13
}

#liberotv .wrap .colLeft .sideMenu li.seleccion-internacional {
    border-left: 6px solid #0F3E63
}

#liberotv .wrap .colLeft .sideMenu li.liberotv {
    border-left: 6px solid #7B7B7B
}

#liberotv .wrap .colLeft .sideMenu li.video {
    border-left: 6px solid #7B7B7B
}

#liberotv .wrap .colLeft .sideMenu li a {
    width: calc(100% - 20px);
    display: inline-block;
    text-decoration: none;
    color: #313131;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #D4D4D4;
    padding: 10px 0
}

#liberotv .wrap .colLeft .sideMenu li.categorias {
    display: none
}

#liberotv .wrap .colLeft .sideMenu li:hover {
    background: #fff
}

#liberotv .wrap .colLeft .sideMenu li:hover a {
    font-weight: 700
}

#liberotv .wrap .colLeft .sideMenu li.active {
    background: #fff
}

#liberotv .wrap .colLeft .sideMenu li.active a {
    font-weight: 700
}

#liberotv .wrap .colLeft .sidebarBox {
    width: 100%;
    float: left;
    background: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#liberotv .wrap .colLeft .banner {
    margin-bottom: 30px
}

#liberotv .wrap .colLeft .banner.contacts {
    background: #fff;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
    padding: 30px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#liberotv .wrap .colLeft .banner.contacts.mobile {
    display: none
}

#liberotv .wrap .colLeft .banner.contacts h3 {
    text-align: center;
    font-size: 26px;
    line-height: 28px;
    font-weight: 700;
    color: #B80C13;
    padding-bottom: 30px;
    border-bottom: 2px solid #EFEFEF;
    margin-bottom: 25px
}

#liberotv .wrap .colLeft .banner.contacts h3 span {
    display: block;
    text-align: center;
    font-size: 26px;
    line-height: 28px;
    font-weight: 900;
    color: #313131
}

#liberotv .wrap .colLeft .banner.contacts p {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 40px
}

#liberotv .wrap .colLeft .banner.contacts .action {
    display: block;
    overflow: hidden;
    margin-bottom: 25px
}

#liberotv .wrap .colLeft .banner.contacts .action.withLine {
    padding-bottom: 25px;
    border-bottom: 2px solid #EFEFEF
}

#liberotv .wrap .colLeft .banner.contacts .action .colLeft {
    width: 22%
}

#liberotv .wrap .colLeft .banner.contacts .action .colRight {
    width: 70%
}

#liberotv .wrap .colLeft .banner.contacts .action .btn {
    width: 160px;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin-top: 10px
}

#liberotv .wrap .colLeft .banner.contacts .action span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #7B7B7B
}

#liberotv .wrap .colLeft .banner.contacts .action .tel {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#liberotv .wrap .colLeft .banner.contacts .action .tel:hover {
    color: #B80C13
}

#liberotv .wrap .colLeft .subhalfcol {
    width: 100%;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox {
    height: 50px
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label {
    width: 6px;
    height: 50px;
    position: static;
    float: left
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.actualidad-informativa {
    background: #FFFFFF
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.actualidad {
    background: #FFFFFF
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.actualidad-deportiva {
    background: #3EF94A
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.opinion {
    background: #3EAEF9
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.podcast {
    background: #FF8800
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.audio {
    background: #FF8800
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.tiempo-libre {
    background: #0ED8B7
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.seleccion-financiera {
    background: #107C16
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.seleccion-vespertina {
    background: #FFDF01
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.seleccion-nacional {
    background: #B80C13
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.seleccion-internacional {
    background: #0F3E63
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.liberotv {
    background: #7B7B7B
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox .label.video {
    background: #7B7B7B
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox h2 {
    float: left;
    margin-left: 14px
}

#liberotv .wrap .colLeft .subhalfcol .sectionBox h2 a {
    font-size: 20px;
    line-height: 50px;
    font-weight: 700;
    text-decoration: none;
    color: #313131
}

#liberotv .wrap .colRight {
    width: calc(76% - 10px);
    float: right
}

#liberotv .wrap .colRight .opinionBox {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    background: #fff
}

#liberotv .wrap .colRight .opinionBox .coverBox {
    width: 100%;
    height: 65vh;
    float: left;
    margin-right: 20px;
    margin-bottom: 24px;
    background: #333;
    position: relative;
    overflow: hidden
}

#liberotv .wrap .colRight .opinionBox .coverBox:hover .imgBox {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#liberotv .wrap .colRight .opinionBox .coverBox:hover .imgBox .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#liberotv .wrap .colRight .opinionBox .coverBox.withSoundC {
    margin-bottom: 0
}

#liberotv .wrap .colRight .opinionBox .coverBox .date {
    width: 40px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 24px;
    line-height: 18px;
    font-weight: 900;
    color: #313131;
    background: #fff;
    padding: 14px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    z-index: 99
}

#liberotv .wrap .colRight .opinionBox .coverBox .date span {
    display: block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 900;
    color: #B80C13
}

#liberotv .wrap .colRight .opinionBox .coverBox .label {
    width: 96px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: 99
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.actualidad-informativa {
    background: #FFFFFF
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.actualidad {
    background: #FFFFFF
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.actualidad-deportiva {
    background: #3EF94A
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.opinion {
    background: #3EAEF9
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.columnas-de-opinion {
    background: #3EAEF9
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.podcast {
    background: #FF8800
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.audio {
    background: #FF8800
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.tiempo-libre {
    background: #0ED8B7
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.seleccion-financiera {
    background: #107C16
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.seleccion-vespertina {
    background: #FFDF01
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.seleccion-nacional {
    background: #B80C13
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.seleccion-internacional {
    background: #0F3E63
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.liberotv {
    background: #7B7B7B
}

#liberotv .wrap .colRight .opinionBox .coverBox .label.video {
    background: #7B7B7B
}

#liberotv .wrap .colRight .opinionBox .coverBox .articleImage {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#liberotv .wrap .colRight .opinionBox .coverBox .imgContent {
    display: block
}

#liberotv .wrap .colRight .opinionBox .coverBox .imgContent.mobile {
    display: none
}

#liberotv .wrap .colRight .opinionBox .coverBox .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    z-index: 99;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0.46)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.46) 20%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    z-index: 99
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer .cat {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: hidden;
    clear: both;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer h2 {
    display: block;
    overflow: hidden;
    clear: both
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer h2 a {
    display: block;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-bottom: 40px
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer .colLeft {
    width: auto;
    min-height: 140px
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer .colLeft .imgContent {
    display: block;
    width: 94px;
    height: 94px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 30px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: cover;
    background-position: center center
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer .colLeft .imgContent:hover {
    opacity: 0.7
}

#liberotv .wrap .colRight .opinionBox .coverBox .layer .colLeft .imgContent img {
    width: 100%;
    height: auto
}

#liberotv .wrap .colRight .opinionBox .soundC {
    background: #000;
    width: 100%;
    float: left;
    margin-bottom: 24px;
    padding: 15px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding-bottom: 19px
}

#liberotv .wrap .colRight .opinionBox .soundC .label {
    width: 96px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: 99
}

#liberotv .wrap .colRight .opinionBox .soundC .label.actualidad-informativa {
    background: #FFFFFF
}

#liberotv .wrap .colRight .opinionBox .soundC .label.actualidad {
    background: #FFFFFF
}

#liberotv .wrap .colRight .opinionBox .soundC .label.actualidad-deportiva {
    background: #3EF94A
}

#liberotv .wrap .colRight .opinionBox .soundC .label.opinion {
    background: #3EAEF9
}

#liberotv .wrap .colRight .opinionBox .soundC .label.columnas-de-opinion {
    background: #3EAEF9
}

#liberotv .wrap .colRight .opinionBox .soundC .label.ensayos-asuntos-publicos {
    background: #3EAEF9
}

#liberotv .wrap .colRight .opinionBox .soundC .label.podcast {
    background: #FF8800
}

#liberotv .wrap .colRight .opinionBox .soundC .label.audio {
    background: #FF8800
}

#liberotv .wrap .colRight .opinionBox .soundC .label.tiempo-libre {
    background: #0ED8B7
}

#liberotv .wrap .colRight .opinionBox .soundC .label.seleccion-financiera {
    background: #107C16
}

#liberotv .wrap .colRight .opinionBox .soundC .label.seleccion-vespertina {
    background: #FFDF01
}

#liberotv .wrap .colRight .opinionBox .soundC .label.seleccion-nacional {
    background: #B80C13
}

#liberotv .wrap .colRight .opinionBox .soundC .label.seleccion-internacional {
    background: #0F3E63
}

#liberotv .wrap .colRight .opinionBox .soundC .label.liberotv {
    background: #7B7B7B
}

#liberotv .wrap .colRight .opinionBox .soundC .label.video {
    background: #7B7B7B
}

#liberotv .wrap .colRight .opinionBox .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    color: #313131;
    padding: 30px 30px 45px;
    font-weight: 300
}

#liberotv .wrap .colRight .opinionBox .shareBox {
    width: 100%;
    display: block;
    overflow: hidden;
    background: #F7F7F7;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#liberotv .wrap .colRight .opinionBox .shareBox .share {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#liberotv .wrap .colRight .opinionBox .shareBox .share span {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131;
    display: block;
    margin-bottom: 10px
}

#liberotv .wrap .colRight .opinionBox .shareBox .share .social {
    float: left
}

#liberotv .wrap .colRight .opinionBox .shareBox .share .social li {
    display: inline-block;
    margin-right: 8px
}

#liberotv .wrap .colRight .opinionBox .shareBox .share .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#liberotv .wrap .colRight .opinionBox .shareBox .share .social li a img {
    width: 34px;
    height: 34px
}

#liberotv .wrap .colRight .opinionBox .shareBox .share .social li a:hover {
    opacity: 0.7
}

#liberotv .wrap .colRight .opinionBox .shareBox .btn {
    float: right;
    margin-top: 20px;
    font-weight: 700;
    padding: 0px 35px
}

.titleResultados {
    width: 100%;
    display: block;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 20px
}

.titleResultados span {
    font-weight: 900
}

.tienda {
    background: #F7F7F7;
    padding-bottom: 80px
}

.tienda .wrap {
    padding: 0 11px 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tienda .wrap .colLeft {
    width: 260px;
    float: left;
    background: #fff
}

.tienda .wrap .colLeft .categoriasTienda {
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tienda .wrap .colLeft .categoriasTienda li {
    border-bottom: 1px solid #DDDCDC;
    margin-bottom: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tienda .wrap .colLeft .categoriasTienda li.categorias {
    display: none
}

.tienda .wrap .colLeft .categoriasTienda li:last-child {
    border: 0;
    margin-bottom: 0
}

.tienda .wrap .colLeft .categoriasTienda li:last-child a {
    padding-bottom: 0
}

.tienda .wrap .colLeft .categoriasTienda li a {
    text-decoration: none;
    color: #313131;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    padding-bottom: 13px;
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.tienda .wrap .colLeft .categoriasTienda li a:hover {
    color: #B80C13
}

.tienda .wrap .colLeft .categoriasTienda li a.active {
    color: #B80C13
}

.tienda .wrap .colRight {
    width: calc(100% - 275px);
    float: right
}

.tienda .wrap .colRight article {
    width: 32%;
    display: inline-block;
    margin-right: 1%;
    background: #fff;
    margin-bottom: 20px
}

.tienda .wrap .colRight article .contentImage {
    width: 100%;
    height: 40vh;
    display: block;
    background-size: cover;
    background-position: center center;
    text-decoration: none;
    margin-bottom: 15px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.tienda .wrap .colRight article .contentImage:hover {
    opacity: 0.7
}

.tienda .wrap .colRight article .contentInfo {
    width: 100%;
    padding: 13px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tienda .wrap .colRight article .contentInfo h2 {
    width: 100%;
    height: 55px;
    overflow: hidden;
    margin-bottom: 13px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    text-align: center;
    color: #313131
}

.tienda .wrap .colRight article .contentInfo h2 a {
    text-decoration: none;
    color: #313131;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.tienda .wrap .colRight article .contentInfo h2 a:hover {
    color: #B80C13
}

.tienda .wrap .colRight article .contentInfo .details {
    width: 100%;
    border-top: 2px solid #F7F7F7;
    padding-top: 13px;
    display: block;
    overflow: hidden
}

.tienda .wrap .colRight article .contentInfo .details .price {
    float: left;
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
    color: #7B7B7B;
    margin-top: 7px
}

.tienda .wrap .colRight article .contentInfo .details .btn {
    height: 40px;
    line-height: 40px;
    background: #F7F7F7;
    background-size: 26px 22px;
    color: #7B7B7B;
    padding-left: 15px;
    float: right
}

.tienda .wrap .colRight article .contentInfo .details .btn span {
    width: 26px;
    height: 22px;
    vertical-align: middle;
    margin-right: 15px;
    background: url(../img/carro.svg) right center no-repeat;
    background-size: 50px 22px;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.tienda .wrap .colRight article .contentInfo .details .btn:hover {
    background: #797979;
    color: #fff
}

.tienda .wrap .colRight article .contentInfo .details .btn:hover span {
    background: url(../img/carro.svg) left center no-repeat;
    background-size: 50px 22px
}

footer {
    border-left: 9px solid #B80C13;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    background: #B80C13
}

footer .inscripcion {
    width: 100%;
    height: 70px;
    background: #840D21;
    color: #fff;
    line-height: 70px;
    font-size: 16px;
    margin-bottom: 30px
}

footer .inscripcion a {
    text-decoration: none;
    color: #fff
}

footer .subscriptionBanner {
    float: none
}

footer .subscriptionBanner .btn {
    display: inline-block;
    margin: 0
}

footer .subscriptionBanner .btn:hover {
    background: #000;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

footer .menuFooter {
    display: block;
    margin-top: 30px;
    margin-bottom: 65px
}

footer .menuFooter li {
    display: inline-block;
    margin: 0 15px
}

footer .menuFooter li a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px
}

footer .menuFooter li a:hover {
    opacity: 0.7
}

footer .logo {
    width: 174px;
    display: block;
    margin: 0 auto 30px
}

footer .logo img {
    width: 174px;
    height: 60px
}

footer .social {
    display: block;
    margin-bottom: 80px
}

footer .social li {
    display: inline-block;
    margin: 0 5px
}

footer .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

footer .social li a img {
    width: 20px;
    height: 20px
}

footer .social li a:hover {
    opacity: 0.7
}

footer .contactos {
    display: block;
    margin-bottom: 45px
}

footer .contactos li {
    display: inline-block;
    margin: 0 15px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

footer .contactos li a {
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

footer .contactos li a:hover {
    opacity: 0.7
}

footer .lineFooter {
    display: block;
    width: 500px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    margin: 0 auto 20px
}

footer .copy {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px
}

.powered {
    text-align: center
}

.liberoPodcast {
    display: none
}

.MobileContainer {
    display: none
}

.menuMobile {
    display: none
}

.page-numbers {
    display: table;
    overflow: hidden;
    clear: both;
    margin: 0 auto
}

.page-numbers li {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background: #F7F7F7;
    margin-right: 5px
}

.page-numbers li a,
.page-numbers li span {
    display: block;
    text-decoration: none;
    color: #9E9E9E;
    font-size: 14px;
    line-height: 40px;
    text-align: center
}

.page-numbers li a.current,
.page-numbers li span.current {
    background: #B80C13;
    color: #fff
}

.page-numbers li a.prev,
.page-numbers li span.prev {
    font-weight: 700;
    font-size: 22px
}

.page-numbers li a.next,
.page-numbers li span.next {
    font-weight: 700;
    font-size: 22px
}

.page-numbers li:hover {
    background: #f0f0f0
}

.quienes .bannerQuienes {
    width: 100%;
    height: calc(100vh - 126px);
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    margin-bottom: 55px;
    overflow: hidden
}

.quienes .bannerQuienes video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.quienes .bannerQuienes .layerBanner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6)
}

.quienes ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0
}

.quienes ol>li {
    position: relative;
    margin: 0 0 6px 2em;
    padding: 4px 8px
}

.animate,
.animateHome,
.animateSidebar {
    opacity: 0;
    margin-top: 100px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s
}

.animate.feather,
.animateHome.feather,
.animateSidebar.feather {
    margin-bottom: -100px!important
}

.animate.feather.show,
.animateHome.feather.show,
.animateSidebar.feather.show {
    margin-bottom: 37px!important
}

.animate.titleAnimate,
.animateHome.titleAnimate,
.animateSidebar.titleAnimate {
    margin-bottom: -100px!important
}

.animate.titleAnimate.show,
.animateHome.titleAnimate.show,
.animateSidebar.titleAnimate.show {
    margin-bottom: 45px!important
}

.animate.titleH,
.animateHome.titleH,
.animateSidebar.titleH {
    padding-top: 100px!important
}

.animate.titleH.show,
.animateHome.titleH.show,
.animateSidebar.titleH.show {
    padding-top: 0px!important
}

.animate.show,
.animateHome.show,
.animateSidebar.show {
    opacity: 1;
    margin-top: 0
}

.animateLeft {
    opacity: 0;
    left: -100px!important;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s
}

.animateLeft.show {
    opacity: 1;
    left: 25px!important
}

.animateRight {
    opacity: 0;
    right: -100px!important;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s
}

.animateRight.show {
    opacity: 1;
    right: 10px!important
}

.msgDone {
    width: 100%;
    height: 48px;
    background: #CDFFE8;
    line-height: 48px;
    color: #313131;
    font-weight: 400;
    margin-bottom: 20px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    background: url(../img/icon_ok_msg.svg) 20px center no-repeat #CDFFE8;
    background-size: 25px 25px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../img/ui-icons_444444_256x240.png)!important
}

.ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_444444_256x240.png)!important
}

#tubular-container {
    height: 610px!important;
    position: absolute!important;
    z-index: auto!important
}

#tubular-shield {
    display: none
}

.social li.onlyMobile {
    display: none!important
}

#talleres {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#talleres .bannerTalleres {
    width: 100%;
    height: 258px;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: relative;
    overflow: hidden
}

#talleres .bannerTalleres .layerBanner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6)
}

#talleres .bannerTalleres h1 {
    font-size: 60px;
    line-height: 89px;
    color: #FFF;
    position: relative
}

#talleres .mainTaller {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #313131
}

#talleres .mainTaller .contentInfo {
    padding: 65px 55px 0;
    float: left
}

#talleres .mainTaller .contentInfo .colLeft {
    float: left;
    width: calc(100% - 780px);
    padding-top: 35px
}

#talleres .mainTaller .contentInfo .colLeft h2 {
    font-size: 40px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 25px
}

#talleres .mainTaller .contentInfo .colLeft h2 a {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#talleres .mainTaller .contentInfo .colLeft h2 a:hover {
    opacity: 0.7
}

#talleres .mainTaller .contentInfo .colLeft .lineTitle {
    width: 96px;
    border-bottom: 4px solid #fff;
    margin-bottom: 30px
}

#talleres .mainTaller .contentInfo .colLeft h3 {
    font-size: 26px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 30px
}

#talleres .mainTaller .contentInfo .colLeft .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 45px;
    color: #fff
}

#talleres .mainTaller .contentInfo .colLeft .btn {
    margin-bottom: 60px
}

#talleres .mainTaller .contentInfo .colRight {
    width: 730px;
    height: auto;
    float: right;
    position: relative
}

#talleres .mainTaller .contentInfo .colRight .contentVideo {
    width: 730px;
    height: 470px;
    border: 10px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .contentImg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
    cursor: pointer
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .contentImg:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .contentImg:hover .play {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .contentImg .play {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url(../img/play.svg) left center no-repeat;
    background-size: 100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#talleres .mainTaller .contentInfo .colRight .contentVideo iframe {
    width: 100%;
    height: 100%
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .videoDetails {
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    font-weight: 900
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .videoDetails span {
    font-size: 38px;
    padding-left: 15px;
    margin-left: 15px;
    position: relative
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .videoDetails span:after {
    content: ' ';
    width: 2px;
    height: 29px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 0
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .videoDetails span:first-child {
    padding-left: 0;
    border: 0;
    margin-left: 0
}

#talleres .mainTaller .contentInfo .colRight .contentVideo .videoDetails span:first-child:after {
    display: none
}

#talleres .mainTaller .share {
    width: 100%;
    background: #FFFFFF;
    padding: 28px 55px;
    float: left
}

#talleres .mainTaller .share span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #313131
}

#talleres .mainTaller .share .social {
    display: inline-block;
    vertical-align: middle
}

#talleres .mainTaller .share .social li {
    display: inline-block;
    margin: 0 5px
}

#talleres .mainTaller .share .social li a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#talleres .mainTaller .share .social li a img {
    width: 34px;
    height: 34px
}

#talleres .mainTaller .share .social li a:hover {
    opacity: 0.7
}

#listTalleres {
    background: #F7F7F7;
    padding: 55px 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#listTalleres .wrap article {
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 60px
}

#listTalleres .wrap article .colLeft {
    width: 433px;
    height: 350px;
    float: left
}

#listTalleres .wrap article .colLeft a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#listTalleres .wrap article .colLeft a:hover {
    opacity: 0.7
}

#listTalleres .wrap article .colRight {
    width: calc(100% - 433px);
    height: 350px;
    float: right;
    position: relative
}

#listTalleres .wrap article .colRight .tallerInfo {
    padding: 35px 190px 0 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#listTalleres .wrap article .colRight .tallerInfo h2 {
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 5px
}

#listTalleres .wrap article .colRight .tallerInfo h2 a {
    text-decoration: none;
    text-transform: uppercase;
    color: #313131;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

#listTalleres .wrap article .colRight .tallerInfo h2 a:hover {
    color: #b80c13
}

#listTalleres .wrap article .colRight .tallerInfo h3 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 900;
    margin-bottom: 15px
}

#listTalleres .wrap article .colRight .tallerInfo .wysiwyg {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 40px
}

#listTalleres .wrap article .colRight .tallerDetail {
    width: 100%;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    font-weight: 900;
    padding-left: 40px
}

#listTalleres .wrap article .colRight .tallerDetail span {
    font-size: 22px;
    padding-left: 15px;
    margin-left: 15px;
    position: relative
}

#listTalleres .wrap article .colRight .tallerDetail span:after {
    content: ' ';
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 0
}

#listTalleres .wrap article .colRight .tallerDetail span:first-child {
    padding-left: 0;
    border: 0
}

#listTalleres .wrap article .colRight .tallerDetail span:first-child:after {
    display: none
}

@media (min-width:801px) and (max-width:1024px) {
    body {
        padding-top: 60px
    }
    header {
        height: 60px;
        padding-top: 9px;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
    }
    header .logo img {
        width: 116px;
        height: 40px
    }
    header.active {
        height: 60px
    }
    header.active .logo img {
        width: 116px;
        height: 40px
    }
    header .menu {
        display: none
    }
    header .social {
        display: none
    }
    nav.submenu {
        top: 50px;
        height: 40px;
        padding: 0;
        display: none
    }
    nav.submenu .selectMenu {
        display: inline-block;
        width: 65%
    }
    nav.submenu .selectMenu select {
        width: 100%;
        background: #F7F7F7;
        height: 40px;
        padding-left: 20px;
        outline: none;
        font-weight: 700
    }
    nav.submenu .selectMenu select option {
        font-size: 14px;
        line-height: 40px;
        font-weight: 700
    }
    nav.submenu li {
        display: none
    }
    nav.submenu li.buscar {
        display: block;
        width: 32%;
        height: 40px;
        padding: 0 10px 0 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0
    }
    nav.submenu li.buscar input[type=text] {
        height: 40px;
        line-height: 40px
    }
    nav.submenu li.buscar input[type=submit] {
        height: 40px
    }
    nav.submenu li.buscar.active {
        width: 100%
    }
    .liberoPodcastBtn {
        display: block;
        height: 30px;
        position: fixed;
        right: 75px;
        z-index: 999;
        top: 0;
        background: #B80C13;
        padding: 5px 10px 5px 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 25px;
        margin-top: 14px
    }
    .liberoPodcastBtn img {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 3px;
        vertical-align: top;
        margin-top: -2px
    }
    .liberoPodcastBtn h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 17px;
        color: #fff;
        vertical-align: top
    }
    .btnMobile {
        display: block;
        width: 60px;
        height: 60px;
        background: #fff;
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 9999
    }
    .btnMobile .bar1 {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 20px;
        right: 15px;
        background: #B80C13;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .btnMobile .bar2 {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 29px;
        right: 15px;
        background: #B80C13;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .btnMobile .bar3 {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 38px;
        right: 15px;
        background: #B80C13;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .btnMobile.open {
        cursor: pointer
    }
    .btnMobile.open .bar1 {
        width: 20px;
        top: 23px;
        right: 11px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #B80C13
    }
    .btnMobile.open .bar3 {
        width: 20px;
        top: 36px;
        right: 11px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #B80C13
    }
    .btnMobile.open:hover {
        cursor: pointer
    }
    .menuMobile {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        background: #B80C13;
        z-index: 999;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile.open {
        left: 0
    }
    .menuMobile .topMenu {
        width: 100%;
        height: 60px;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 25px
    }
    .menuMobile .topMenu .social {
        float: left;
        padding-top: 20px;
        padding-bottom: 17px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .topMenu .social li {
        display: inline-block;
        margin: 0 5px
    }
    .menuMobile .topMenu .social li a {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .topMenu .social li a img {
        width: 20px;
        height: 20px
    }
    .menuMobile .topMenu .social li a:hover {
        opacity: 0.7
    }
    .menuMobile .wrapMenuMobile {
        width: 660px;
        margin: 0 auto
    }
    .menuMobile .wrapMenuMobile .colLeft {
        padding-left: 10%
    }
    .menuMobile .buscarMobile {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative
    }
    .menuMobile .buscarMobile input[type=text] {
        width: 90%;
        height: 33px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
        border-radius: 17px;
        text-align: center;
        color: #B80C13;
        font-size: 14px;
        line-height: 33px;
        font-weight: 700;
        outline: none
    }
    .menuMobile .buscarMobile input[type=text]::-webkit-input-placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=text]:-ms-input-placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=text]::-ms-input-placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=text]::placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=submit] {
        width: 10%;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
        border-radius: 17px;
        position: absolute;
        top: 0;
        right: 10%;
        height: 33px;
        display: inline-block;
        overflow: hidden;
        background: url(../img/search.svg) center center no-repeat #fff;
        background-size: 14px 14px;
        cursor: pointer;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        vertical-align: top
    }
    .menuMobile .colLeft {
        width: 50%;
        float: left;
        padding-left: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 20px
    }
    .menuMobile .colLeft ul li h3 {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        color: #FF9191;
        margin-bottom: 14px
    }
    .menuMobile .colLeft ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 24px
    }
    .menuMobile .colRight {
        width: 50%;
        float: right;
        padding-right: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 20px
    }
    .menuMobile .colRight ul li h3 {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        color: #FF9191;
        margin-bottom: 14px
    }
    .menuMobile .colRight ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 24px
    }
    .menuMobile .colRight ul li a.alerta {
        display: inline-block;
        background: #fff;
        padding: 5px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: #313131;
        margin-top: 6px
    }
    .menuMobile .colRight ul li a.alerta span {
        color: #B80C13;
        font-weight: 700
    }
    .menuMobile .colRight ul li.open ul {
        margin-bottom: 10px
    }
    .menuMobile .colRight ul li.open ul li a {
        height: auto;
        min-height: 22px;
        margin-bottom: 15px;
        opacity: 0.8
    }
    .menuMobile .colRight ul li ul {
        padding-left: 15px;
        overflow: hidden;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .colRight ul li ul li {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .colRight ul li ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        height: 0
    }
    .menuMobile .podcastPlay {
        display: block;
        overflow: hidden;
        width: 40%;
        height: 40px;
        position: relative;
        z-index: 999;
        background: #B80C13;
        padding: 2px 5px 2px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        margin: 0 auto 20px;
        margin-left: 10%;
        float: left;
        clear: both
    }
    .menuMobile .podcastPlay.active {
        position: static
    }
    .menuMobile .podcastPlay img {
        display: inline-block;
        width: 38px;
        height: 38px;
        margin-right: 5px;
        vertical-align: top
    }
    .menuMobile .podcastPlay img.cloud {
        width: 49px;
        height: 21px;
        float: right;
        margin-top: 5px
    }
    .menuMobile .podcastPlay h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 35px;
        color: #fff;
        vertical-align: top
    }
    .menuMobile .podcastPlay h3 span {
        font-size: 14px;
        line-height: 35px;
        font-weight: 900;
        color: #fff
    }
    .NoMobile {
        display: none
    }
    .banner {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 20px!important
    }
    .banner a.mobile {
        display: none
    }
    .banner a.desktop {
        display: block
    }
    .banner.mobile {
        display: none!important;
        margin: 20px 0!important
    }
    .banner.desktop {
        display: block
    }
    .banner.contacts {
        background: #fff;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        padding: 30px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .banner.contacts.desktop {
        display: none
    }
    .banner.contacts.mobile {
        display: block
    }
    .banner.contacts h3 {
        text-align: center;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        color: #B80C13;
        padding-bottom: 30px;
        border-bottom: 2px solid #EFEFEF;
        margin-bottom: 25px
    }
    .banner.contacts h3 span {
        display: block;
        text-align: center;
        font-size: 22px;
        line-height: 26px;
        font-weight: 900;
        color: #313131
    }
    .banner.contacts p {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        margin-bottom: 40px
    }
    .banner.contacts .action {
        display: block;
        overflow: hidden;
        margin-bottom: 25px
    }
    .banner.contacts .action.withLine {
        padding-bottom: 25px;
        border-bottom: 2px solid #EFEFEF
    }
    .banner.contacts .action .colLeft {
        width: 22%!important
    }
    .banner.contacts .action .colRight {
        width: 70%!important
    }
    .banner.contacts .action .btn {
        width: 160px;
        display: inline-block;
        padding: 0;
        text-align: center;
        margin-top: 10px
    }
    .banner.contacts .action span {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #7B7B7B
    }
    .banner.contacts .action .tel {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        text-decoration: none;
        color: #313131
    }
    .banner.contacts .action .tel:hover {
        color: #B80C13
    }
    .swiper-opinion .swiper-wrapper {
        margin-bottom: 45px
    }
    .swiper-opinion .swiper-pagination {
        border-top: 1px solid #F2F2F2;
        padding-top: 15px;
        width: 90%;
        margin-left: 5%
    }
    .swiper-opinion .swiper-slide {
        width: 100%;
        min-height: 320px;
        display: block;
        overflow: hidden;
        padding: 75px 20px 34px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center
    }
    .swiper-opinion .swiper-slide:last-child {
        border: 0
    }
    .swiper-opinion .swiper-slide .colLeft {
        float: left!important;
        width: 100%!important
    }
    .swiper-opinion .swiper-slide .colLeft .imgContent {
        display: block;
        width: 56px;
        height: 56px;
        border: 2px solid #DBDBDB;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto 5px;
        background-size: cover;
        background-position: center center
    }
    .swiper-opinion .swiper-slide .colLeft .imgContent img {
        width: 100%;
        height: 100%
    }
    .swiper-opinion .swiper-slide .colRight {
        float: right!important;
        width: 100%!important
    }
    .swiper-opinion .swiper-slide .colRight h2 {
        margin: 0 auto 6px;
        font-size: 18px;
        line-height: 22px;
        font-weight: 700
    }
    .swiper-opinion .swiper-slide .colRight h2 a {
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        text-decoration: none;
        color: #313131
    }
    .swiper-opinion .swiper-slide .colRight h2 a:hover {
        color: #B80C13
    }
    .swiper-opinion .swiper-slide .colRight h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #3EAEF9;
        text-align: center;
        margin: 0 auto
    }
    #home {
        padding: 16px 11px 45px 20px
    }
    #home .colLeft {
        width: 100%
    }
    #home .colLeft.results .page-numbers {
        margin-bottom: 40px
    }
    #home .colLeft .banner a {
        display: none
    }
    #home .colLeft .banner.desktop {
        display: block
    }
    #home .colLeft .banner.desktop a {
        display: block
    }
    #home .colLeft .featured {
        display: block
    }
    #home .colLeft .featured.MobileContainer {
        display: block;
        margin-bottom: 20px
    }
    #home .colLeft .featured.MobileContainer .subcol3 {
        display: none
    }
    #home .colLeft .featured.MobileContainer .subcol2 {
        display: none
    }
    #home .colLeft .featured.MobileContainer .swiper-container {
        width: 100%;
        float: left;
        margin-top: 30px
    }
    #home .colLeft .featured.MobileContainer .swiper-slide {
        width: 31%!important;
        padding-bottom: 10px
    }
    #home .colLeft .featured.MobileContainer .swiper-slide article {
        width: 100%;
        display: block
    }
    #home .colLeft .featured.MobileContainer .swiper-slide:last-child {
        padding-right: 20px
    }
    #home .colLeft .featured.MobileContainer .swiper-slide:last-child .loadMoreSlides {
        width: 100%;
        height: 350px;
        display: block;
        overflow: hidden;
        background: #313131;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        position: relative
    }
    #home .colLeft .featured.MobileContainer .swiper-slide:last-child .loadMoreSlides img {
        width: 86px;
        height: 98px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -49px 0 0 -43px;
        display: block
    }
    #home .colLeft .featured.MobileContainer article {
        width: 100%;
        height: 350px
    }
    #home .colLeft .featured.MobileContainer article.subcol2 {
        float: left
    }
    #home .colLeft .featured.MobileContainer article .layer .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colLeft .featured.MobileContainer article .layer h2 {
        font-size: 20px;
        line-height: 22px
    }
    #home .colLeft .featured.MobileContainer article .layer h2 a {
        font-size: 20px;
        line-height: 22px;
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colLeft .featured.MobileContainer article .layer .excerpt {
        display: none
    }
    #home .colLeft .featured.MobileContainer article .label {
        left: 20px
    }
    #home .colLeft .featured.MobileContainer .banner {
        width: 100%!important;
        margin: 20px 0;
        display: none!important
    }
    #home .colLeft .articlesList {
        display: none
    }
    #home .colLeft .articlesList.results {
        display: block;
        margin-bottom: 20px
    }
    #home .colLeft .articlesList.results article {
        width: calc(100% - 20px)
    }
    #home .colLeft .articlesList.results article .excerpt {
        display: none
    }
    #home .colLeft .loadMore {
        display: none
    }
    #home .colLeft .newslettersList.NoMobile {
        display: block
    }
    #home .colLeft .newslettersList .swiper-slide {
        width: 90%!important
    }
    #home .colLeft .newslettersList article {
        width: calc(50% - 10px)
    }
    #home .colLeft .liberoPodcast {
        display: block;
        width: 40%;
        height: 44px;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        background: #B80C13;
        padding: 5px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-decoration: none;
        color: #fff
    }
    #home .colLeft .liberoPodcast.active {
        position: static
    }
    #home .colLeft .liberoPodcast img {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 5px;
        vertical-align: top
    }
    #home .colLeft .liberoPodcast img.cloud {
        width: 49px;
        height: 21px;
        float: right;
        margin-top: 5px
    }
    #home .colLeft .liberoPodcast h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 35px;
        color: #fff;
        vertical-align: top
    }
    #home .colLeft .liberoPodcast h3 span {
        font-size: 14px;
        line-height: 35px;
        font-weight: 900;
        color: #fff
    }
    #home .colRight {
        width: 100%
    }
    #home .colRight .sidebarBox {
        display: none
    }
    #home .colRight .pluginFB {
        display: none
    }
    #home .colRight .subcol1 {
        width: calc(50% - 10px);
        margin-right: 20px
    }
    #home .colRight .subcol1.videoBox {
        height: 315px;
        margin-right: 0
    }
    #home .colRight .subcol1.videoBox.podcast {
        height: 315px;
        margin-right: 20px
    }
    #home .colRight .subcol1.videoBox .play {
        top: 45%
    }
    #home .colRight .subcol1 .layer .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colRight .subcol1 .layer h2 a {
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colRight .subcol1 .label {
        left: 20px
    }
    #home .colRight .subcol1.videoBox .play {
        z-index: 9
    }
    #home .colRight .subcol1.videoBox .layer {
        z-index: 9
    }
    #home .colRight .subhalfcol {
        width: calc(50% - 10px)
    }
    #home .colRight .subhalfcol:nth-child(2n+2) {
        margin-right: 0px!important
    }
    #home .colRight .subhalfcol.MobileContainer {
        margin-right: 20px!important
    }
    #home .colRight .subhalfcol:nth-child(odd) {
        margin-right: 20px!important
    }
    #home .colRight .subhalfcol.MobileContainer {
        display: block
    }
    #home .colRight .swiper-sidebar .swiper-slide .subcol1 {
        width: 100%
    }
    #home .colRight .swiper-leido .swiper-slide .subcol1 {
        width: 100%;
        height: 404px
    }
    #home .colRight .MobileContainer {
        display: none
    }
    #home .colRight .MobileContainer h3 {
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        padding-right: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #home .colRight .MobileContainer .swiper-news {
        padding: 10px 10px 10px 0px
    }
    #home .colRight .MobileContainer .swiper-news .swiper-slide {
        width: 90%
    }
    #home .colRight .MobileContainer .subhalfcol {
        width: 100%;
        height: 440px;
        float: left;
        margin-right: 20px;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox {
        height: 50px
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label {
        width: 6px;
        height: 50px;
        position: static;
        float: left
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.actualidad-informativa {
        background: #FFFFFF
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.actualidad {
        background: #FFFFFF
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.actualidad-deportiva {
        background: #3EF94A
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.opinion {
        background: #3EAEF9
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.columnas-de-opinion {
        background: #3EAEF9
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
        background: #3EAEF9
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.podcast {
        background: #FF8800
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.audio {
        background: #FF8800
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.tiempo-libre {
        background: #0ED8B7
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-financiera {
        background: #107C16
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-vespertina {
        background: #FFDF01
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-nacional {
        background: #B80C13
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-internacional {
        background: #0F3E63
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.liberotv {
        background: #7B7B7B
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.video {
        background: #7B7B7B
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox h2 {
        float: left;
        margin-left: 14px
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox h2 a {
        font-size: 20px;
        line-height: 50px;
        font-weight: 700;
        text-decoration: none;
        color: #313131
    }
    #home .colRight .MobileContainer .subhalfcol .modalSubscribe {
        float: right;
        font-size: 14px;
        line-height: 50px;
        color: #B80C13;
        text-decoration: none;
        margin-right: 20px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    #home .colRight .MobileContainer .subhalfcol .modalSubscribe:hover {
        opacity: 0.7
    }
    #home .colRight .MobileContainer .subhalfcol .sponsorBox {
        padding-right: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #home .colRight .MobileContainer .subhalfcol .resume {
        width: 95%;
        padding: 0 20px 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 233px;
        overflow: hidden;
        padding-top: 15px;
        padding-bottom: 10px;
        margin-bottom: 5px;
        margin-top: 15px
    }
    #home .colRight .MobileContainer .subhalfcol .resume .date {
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        color: #B80C13;
        margin-bottom: 15px
    }
    #home .colRight .MobileContainer .subhalfcol .resume .wysiwyg {
        display: block;
        width: 100%;
        height: 160px;
        font-size: 14px;
        line-height: 22px;
        color: #7B7B7B;
        margin-bottom: 30px;
        overflow: hidden
    }
    #home .colRight .MobileContainer .subhalfcol .resume .wysiwyg em {
        font-style: normal
    }
    #home .colRight .MobileContainer .subhalfcol .readMore {
        width: 90%;
        display: block;
        border-top: 2px solid #F2F2F2;
        padding: 15px 20px 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        color: #313131;
        text-decoration: none
    }
    #home .colRight .MobileContainer .subhalfcol .readMore:hover {
        color: #B80C13
    }
    #opinion {
        padding-bottom: 30px;
        padding-top: 0
    }
    #opinion .wrap {
        margin-top: 20px
    }
    #opinion .wrap .colLeft .interest .articleList .subcol1 {
        margin-right: 20px!important
    }
    #opinion .wrap .colLeft .interest .articleList .subcol1:nth-child(3n+3) {
        margin-right: 20px!important
    }
    #single.libreExpresion .wrap .colLeft {
        width: 100%
    }
    #single.expedicionSingle .coverPage .imageCover h1 {
        max-width: 60%
    }
    #single.expedicionSingle .wrap .colRight .expecionSingleBox {
        width: 380px
    }
    #single.expedicionSingle .wrap .colRight .expecionSingleBox .wysiwyg {
        max-width: 280px
    }
    #single.tallerSingle .wrap .colRight .expecionSingleBox {
        width: 380px
    }
    #single.tallerSingle .wrap .colRight .expecionSingleBox .wysiwyg {
        max-width: 280px
    }
    #single.tallerSingle .wrap .colRight .share {
        width: 380px
    }
    #single.redLibero .wrap .colLeft {
        width: 55%
    }
    #single.redLibero .wrap .colRight .galleryBoxRedLibero {
        width: auto
    }
    #single.redLibero .wrap .colRight .galleryMobile {
        display: none
    }
    #single.redLibero .menssageUnit {
        padding-top: 9vh;
        padding-bottom: 9vh
    }
    #single.redLibero .unirmePLanes .wrap .colLeft {
        width: 50%
    }
    #single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme {
        width: 100%
    }
    #single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme fieldset {
        padding: 25px 17px 15px;
        margin: 0px -17px 20px
    }
    #single.redLibero .unirmePLanes .wrap .colRight {
        width: 50%;
        padding-left: 60px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #single.two .coverPage .imageCover {
        height: 300px;
        min-height: 300px;
        position: relative
    }
    #single.two .coverPage .imageCover .subscribeCover {
        width: 260px;
        height: 240px
    }
    #single.two .coverPage .calendarBox {
        top: 100px;
        height: 272px
    }
    #single.two .coverPage .calendarBox #calendar caption {
        padding: 5px 12px!important
    }
    #single.two .coverPage .calendarBox #calendar th {
        padding-top: 5px!important;
        padding-bottom: 5px!important
    }
    .subscriptionBanner {
        overflow: hidden;
        padding: 30px 0
    }
    .subscriptionBanner form {
        max-width: 500px;
        margin: 0 auto
    }
    .subscriptionBanner.expediciones h3 {
        margin-bottom: 30px
    }
    .subscriptionBanner.expediciones input[type=email],
    .subscriptionBanner.expediciones input[type=text] {
        width: 80%
    }
    .subscriptionBanner h3 span {
        display: block
    }
    .subscriptionBanner input[type=email],
    .subscriptionBanner input[type=text] {
        width: 250px
    }
    .subscriptionBanner label {
        margin-bottom: 10px;
        text-align: left;
        width: 49%;
        margin: 0 auto;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .interest .articlesList .subcol1 {
        width: calc(50% - 10px)!important
    }
    .interest .articlesList .subcol1:nth-child(3n+3) {
        margin-right: 20px!important
    }
    .interest .articlesList .subcol1:nth-child(2n+2) {
        margin-right: 0px!important
    }
    #avisos .filtersAvisos {
        padding: 20px 0
    }
    #avisos .filtersAvisos input[type=text] {
        width: 200px;
        margin-bottom: 20px;
        margin-right: 10px
    }
    #avisos .filtersAvisos select {
        width: 250px!important;
        margin-bottom: 20px;
        margin-right: 0
    }
    #avisos .filtersAvisos .btn {
        display: block;
        margin: 10px auto
    }
    #avisos .visorPdf {
        display: none
    }
    #liberotv {
        padding-top: 0
    }
    #liberotv .wrap {
        padding-top: 20px
    }
    #expediciones .listExpediciones .expedicionBox.threeList {
        margin-right: 4px
    }
    #expediciones .revive h2 {
        left: 8%
    }
    #expediciones .revive .swiper-container .swiper-slide .colRight .imgContent .imgBox {
        width: 545px
    }
    #expediciones .revive .swiper-container .swiper-slide .colRight .imgContent iframe {
        width: 545px
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .wysiwyg {
        overflow: hidden;
        max-height: 90px
    }
    .listLibros .wrap article .colRight .wysiwyg {
        overflow: hidden;
        max-height: 65px
    }
    .listLibros .wrap article .colRight .line .price {
        margin-bottom: 20px
    }
    .listLibros .wrap article .colRight .line .btn {
        float: left
    }
    .singleLibro .wrap article {
        width: 85%
    }
    .singleLibro .wrap article .colRight .label {
        left: 40px
    }
    .singleLibro .wrap article .colRight .autor {
        padding: 0 40px
    }
    .singleLibro .wrap article .colRight .product_title {
        padding: 0 40px
    }
    .singleLibro .wrap article .colRight .price {
        padding: 0 40px
    }
    .singleLibro .wrap article .colRight .woocommerce-product-details__short-description {
        padding: 0 40px
    }
    .singleLibro .wrap article .colRight .cart {
        padding: 0 40px
    }
    .tienda .wrap .colRight article .contentImage {
        height: 25vh
    }
    .lightboxVideo {
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        margin: 0;
        overflow-y: scroll;
        padding-bottom: 20px;
        z-index: 999999
    }
    .lightboxVideo iframe {
        top: 25%;
        height: 50%
    }
    .lightbox {
        width: 100%;
        height: 100vh;
        top: 100%;
        left: 0;
        margin: 0;
        overflow-y: scroll;
        padding-bottom: 20px;
        z-index: 999999
    }
    .lightbox.show {
        top: 0;
        margin: 0
    }
    .lightbox::-webkit-scrollbar {
        -webkit-appearance: none
    }
    .lightbox::-webkit-scrollbar:vertical {
        width: 6px
    }
    .lightbox::-webkit-scrollbar:horizontal {
        height: 6px
    }
    .lightbox::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px
    }
    .lightbox::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.15)
    }
    .lightbox h2 {
        font-size: 16px;
        line-height: 22px
    }
    .lightbox h2 span {
        font-size: 18px
    }
    .lightbox input[type=email] {
        width: 80%
    }
    .sponsorBox.desktop {
        display: none
    }
    .sponsorBox.mobile {
        display: table!important
    }
    .boxMapa {
        width: 100%;
        float: none
    }
    .boxMapa .contentMap {
        display: block
    }
    .boxMapa .contentMap .colLeft {
        width: 100%!important;
        display: block!important
    }
    .boxMapa .contentMap .colLeft select {
        width: 50%;
        float: none;
        display: block;
        margin: 0 auto 20px
    }
    .boxMapa .contentMap .colRight {
        width: 100%!important
    }
    footer {
        overflow: hidden
    }
    footer .subscriptionBanner {
        padding: 30px 18px
    }
    footer .subscriptionBanner h3 {
        font-size: 16px;
        line-height: 26px
    }
    footer .subscriptionBanner h3 span {
        font-size: 22px;
        font-weight: 900
    }
    footer .subscriptionBanner h3 span:nth-child(2) {
        display: block;
        overflow: hidden;
        font-weight: 700
    }
    footer .subscriptionBanner input[type=email] {
        width: 100%
    }
    footer .menuFooter {
        margin-bottom: 15px;
        margin-top: 40px
    }
    footer .menuFooter li {
        width: 100%;
        margin: 0 0 25px 0
    }
    footer .social {
        margin-bottom: 50px
    }
    footer .contactos {
        margin-bottom: 25px
    }
    footer .contactos li {
        margin-bottom: 25px
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight h2 {
        max-height: 100px;
        overflow: hidden
    }
    .listLibros .wrap article {
        min-height: 375px
    }
    .listLibros .wrap article .colRight h2 {
        max-height: 55px;
        overflow: hidden;
        word-break: break-word
    }
    .listLibros .wrap article .colRight .line {
        position: static
    }
    .listLibros .wrap article:after {
        content: ' ';
        width: 100%;
        height: 78%;
        background: #fff;
        position: absolute;
        top: 22%;
        left: 0%
    }
    #talleres .mainTaller .wrap .contentInfo {
        width: 100%;
        padding: 65px 55px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #talleres .mainTaller .wrap .contentInfo .colLeft {
        width: 100%;
        text-align: center
    }
    #talleres .mainTaller .wrap .contentInfo .colLeft .lineTitle {
        margin: 0 auto 30px
    }
    #talleres .mainTaller .wrap .contentInfo .colLeft .btn {
        margin-bottom: 0
    }
    #talleres .mainTaller .wrap .contentInfo .colRight {
        width: 100%
    }
    #talleres .mainTaller .wrap .contentInfo .colRight .contentVideo {
        position: relative;
        margin: 0 auto
    }
    #listTalleres .wrap article .colRight .tallerInfo {
        padding: 35px 20px 0 20px
    }
}

@media (max-width:800px) {
    #tubular-container {
        height: 50vh!important
    }
    #tubular-container iframe {
        height: 100%!important
    }
    body {
        padding-top: 60px
    }
    header {
        height: 60px;
        padding-top: 9px;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
    }
    header .logo img {
        width: 116px;
        height: 40px
    }
    header.active {
        height: 60px
    }
    header.active .logo img {
        width: 116px;
        height: 40px
    }
    header .menu {
        display: none
    }
    header .social {
        display: none
    }
    nav.submenu {
        top: 50px;
        height: 40px;
        padding: 0;
        display: none
    }
    nav.submenu .selectMenu {
        display: inline-block;
        width: 65%
    }
    nav.submenu .selectMenu select {
        width: 100%;
        background: #F7F7F7;
        height: 40px;
        padding-left: 20px;
        outline: none;
        font-weight: 700
    }
    nav.submenu .selectMenu select option {
        font-size: 14px;
        line-height: 40px;
        font-weight: 700
    }
    nav.submenu li {
        display: none
    }
    nav.submenu li.buscar {
        display: block;
        width: 32%;
        height: 40px;
        padding: 0 10px 0 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0
    }
    nav.submenu li.buscar input[type=text] {
        height: 40px;
        line-height: 40px
    }
    nav.submenu li.buscar input[type=submit] {
        height: 40px
    }
    nav.submenu li.buscar.active {
        width: 100%
    }
    .liberoPodcastBtn {
        display: block;
        height: 30px;
        position: fixed;
        right: 75px;
        z-index: 999;
        top: 0;
        background: #B80C13;
        padding: 5px 10px 5px 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 25px;
        margin-top: 14px
    }
    .liberoPodcastBtn img {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 3px;
        vertical-align: top;
        margin-top: -2px
    }
    .liberoPodcastBtn h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 17px;
        color: #fff;
        vertical-align: top
    }
    .btnMobile {
        display: block;
        width: 60px;
        height: 60px;
        background: #fff;
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 9999
    }
    .btnMobile .bar1 {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 20px;
        right: 15px;
        background: #B80C13;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .btnMobile .bar2 {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 29px;
        right: 15px;
        background: #B80C13;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .btnMobile .bar3 {
        width: 30px;
        height: 2px;
        position: absolute;
        top: 38px;
        right: 15px;
        background: #B80C13;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .btnMobile.open {
        cursor: pointer
    }
    .btnMobile.open .bar1 {
        width: 20px;
        top: 23px;
        right: 11px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #B80C13
    }
    .btnMobile.open .bar3 {
        width: 20px;
        top: 36px;
        right: 11px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #B80C13
    }
    .btnMobile.open:hover {
        cursor: pointer
    }
    .menuMobile {
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        background: #B80C13;
        z-index: 999;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile.open {
        left: 0
    }
    .menuMobile .topMenu {
        width: 100%;
        height: 60px;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 25px
    }
    .menuMobile .topMenu .social {
        float: left;
        padding-top: 20px;
        padding-bottom: 17px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .topMenu .social li {
        display: inline-block;
        margin: 0 5px
    }
    .menuMobile .topMenu .social li a {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .topMenu .social li a img {
        width: 20px;
        height: 20px
    }
    .menuMobile .topMenu .social li a:hover {
        opacity: 0.7
    }
    .menuMobile .buscarMobile {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative
    }
    .menuMobile .buscarMobile input[type=text] {
        width: 90%;
        height: 33px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
        border-radius: 17px;
        text-align: center;
        color: #B80C13;
        font-size: 14px;
        line-height: 33px;
        font-weight: 700;
        outline: none
    }
    .menuMobile .buscarMobile input[type=text]::-webkit-input-placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=text]:-ms-input-placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=text]::-ms-input-placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=text]::placeholder {
        color: #000
    }
    .menuMobile .buscarMobile input[type=submit] {
        width: 10%;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        -ms-border-radius: 17px;
        -o-border-radius: 17px;
        border-radius: 17px;
        position: absolute;
        top: 0;
        right: 10%;
        height: 33px;
        display: inline-block;
        overflow: hidden;
        background: url(../img/search.svg) center center no-repeat #fff;
        background-size: 14px 14px;
        cursor: pointer;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        vertical-align: top
    }
    .menuMobile .colLeft {
        width: 50%;
        float: left;
        padding-left: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 20px
    }
    .menuMobile .colLeft ul li h3 {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        color: #FF9191;
        margin-bottom: 14px
    }
    .menuMobile .colLeft ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 24px
    }
    .menuMobile .colRight {
        width: 50%;
        float: right;
        padding-right: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 20px
    }
    .menuMobile .colRight ul li h3 {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        color: #FF9191;
        margin-bottom: 14px
    }
    .menuMobile .colRight ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 24px
    }
    .menuMobile .colRight ul li a.alerta {
        display: inline-block;
        background: #fff;
        padding: 5px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        color: #313131;
        margin-top: 6px
    }
    .menuMobile .colRight ul li a.alerta span {
        color: #B80C13;
        font-weight: 700
    }
    .menuMobile .colRight ul li.open ul {
        margin-bottom: 10px
    }
    .menuMobile .colRight ul li.open ul li a {
        height: auto;
        min-height: 22px;
        margin-bottom: 15px;
        opacity: 0.8
    }
    .menuMobile .colRight ul li ul {
        padding-left: 15px;
        overflow: hidden;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .colRight ul li ul li {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    .menuMobile .colRight ul li ul li a {
        display: block;
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        text-decoration: none;
        margin-bottom: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        height: 0
    }
    .menuMobile .podcastPlay {
        display: block;
        overflow: hidden;
        width: 80%;
        height: 40px;
        position: relative;
        z-index: 999;
        background: #B80C13;
        padding: 2px 5px 2px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        margin: 0 auto 20px
    }
    .menuMobile .podcastPlay.active {
        position: static
    }
    .menuMobile .podcastPlay img {
        display: inline-block;
        width: 38px;
        height: 38px;
        margin-right: 5px;
        vertical-align: top
    }
    .menuMobile .podcastPlay img.cloud {
        width: 49px;
        height: 21px;
        float: right;
        margin-top: 5px
    }
    .menuMobile .podcastPlay h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 35px;
        color: #fff;
        vertical-align: top
    }
    .menuMobile .podcastPlay h3 span {
        font-size: 14px;
        line-height: 35px;
        font-weight: 900;
        color: #fff
    }
    .NoMobile {
        display: none
    }
    .banner {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 20px!important
    }
    .banner a.mobile {
        display: block!important
    }
    .banner a.desktop {
        display: none
    }
    .banner.mobile {
        display: block!important;
        margin: 30px 0 0!important
    }
    .banner.desktop {
        display: none
    }
    .banner.contacts {
        background: #fff;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        padding: 30px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .banner.contacts.desktop {
        display: none
    }
    .banner.contacts.mobile {
        display: block
    }
    .banner.contacts h3 {
        text-align: center;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        color: #B80C13;
        padding-bottom: 30px;
        border-bottom: 2px solid #EFEFEF;
        margin-bottom: 25px
    }
    .banner.contacts h3 span {
        display: block;
        text-align: center;
        font-size: 22px;
        line-height: 26px;
        font-weight: 900;
        color: #313131
    }
    .banner.contacts p {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        margin-bottom: 40px
    }
    .banner.contacts .action {
        display: block;
        overflow: hidden;
        margin-bottom: 25px
    }
    .banner.contacts .action.withLine {
        padding-bottom: 25px;
        border-bottom: 2px solid #EFEFEF
    }
    .banner.contacts .action .colLeft {
        width: 22%!important
    }
    .banner.contacts .action .colRight {
        width: 70%!important
    }
    .banner.contacts .action .btn {
        width: 160px;
        display: inline-block;
        padding: 0;
        text-align: center;
        margin-top: 10px
    }
    .banner.contacts .action span {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #7B7B7B
    }
    .banner.contacts .action .tel {
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        text-decoration: none;
        color: #313131
    }
    .banner.contacts .action .tel:hover {
        color: #B80C13
    }
    .MobileContainer {
        display: block!important
    }
    .swiper-opinion .swiper-wrapper {
        margin-bottom: 45px
    }
    .swiper-opinion .swiper-pagination {
        border-top: 1px solid #F2F2F2;
        padding-top: 15px;
        width: 90%;
        margin-left: 5%
    }
    .swiper-opinion .swiper-slide {
        width: 100%;
        display: block;
        overflow: hidden;
        padding: 34px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center
    }
    .swiper-opinion .swiper-slide:last-child {
        border: 0
    }
    .swiper-opinion .swiper-slide .colLeft {
        float: left!important;
        width: 100%!important
    }
    .swiper-opinion .swiper-slide .colLeft .imgContent {
        display: block;
        width: 56px;
        height: 56px;
        border: 2px solid #DBDBDB;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto 5px;
        background-size: cover;
        background-position: center center
    }
    .swiper-opinion .swiper-slide .colLeft .imgContent img {
        width: 100%;
        height: 100%
    }
    .swiper-opinion .swiper-slide .colRight {
        float: right!important;
        width: 100%!important
    }
    .swiper-opinion .swiper-slide .colRight h2 {
        margin: 0 auto 6px;
        font-size: 18px;
        line-height: 22px;
        font-weight: 700
    }
    .swiper-opinion .swiper-slide .colRight h2 a {
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        text-decoration: none;
        color: #313131
    }
    .swiper-opinion .swiper-slide .colRight h2 a:hover {
        color: #B80C13
    }
    .swiper-opinion .swiper-slide .colRight h3 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: #3EAEF9;
        text-align: center;
        margin: 0 auto
    }
    #home {
        padding: 16px 11px 45px 20px
    }
    #home .colLeft {
        width: 100%
    }
    #home .colLeft.results .page-numbers {
        margin-bottom: 40px
    }
    #home .colLeft .banner a {
        display: none
    }
    #home .colLeft .featured {
        display: none
    }
    #home .colLeft .featured.MobileContainer {
        display: block;
        margin-bottom: 20px
    }
    #home .colLeft .featured.MobileContainer .swiper-container {
        width: 100%;
        float: left;
        margin-top: 30px
    }
    #home .colLeft .featured.MobileContainer .swiper-slide {
        width: 90%!important;
        padding-bottom: 10px
    }
    #home .colLeft .featured.MobileContainer .swiper-slide article {
        width: 100%
    }
    #home .colLeft .featured.MobileContainer .swiper-slide:last-child {
        padding-right: 20px
    }
    #home .colLeft .featured.MobileContainer .swiper-slide:last-child .loadMoreSlides {
        width: 100%;
        height: 350px;
        display: block;
        overflow: hidden;
        background: #313131;
        -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.4);
        position: relative
    }
    #home .colLeft .featured.MobileContainer .swiper-slide:last-child .loadMoreSlides img {
        width: 86px;
        height: 98px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -49px 0 0 -43px;
        display: block
    }
    #home .colLeft .featured.MobileContainer article {
        width: 100%;
        height: 350px
    }
    #home .colLeft .featured.MobileContainer article.subcol2 {
        float: left
    }
    #home .colLeft .featured.MobileContainer article .layer .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colLeft .featured.MobileContainer article .layer h2 {
        font-size: 20px;
        line-height: 22px
    }
    #home .colLeft .featured.MobileContainer article .layer h2 a {
        font-size: 20px;
        line-height: 22px;
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colLeft .featured.MobileContainer article .layer .excerpt {
        display: none
    }
    #home .colLeft .featured.MobileContainer article .label {
        left: 20px
    }
    #home .colLeft .featured.MobileContainer .banner {
        width: 100%!important;
        margin: 20px 0!important
    }
    #home .colLeft .articlesList {
        display: none
    }
    #home .colLeft .articlesList.results {
        display: block;
        margin-bottom: 20px
    }
    #home .colLeft .articlesList.results article {
        width: calc(100% - 20px)
    }
    #home .colLeft .articlesList.results article .excerpt {
        display: none
    }
    #home .colLeft .loadMore {
        display: none
    }
    #home .colLeft .newslettersList .swiper-slide {
        width: 90%!important
    }
    #home .colLeft .newslettersList article {
        width: 100%
    }
    #home .colLeft .liberoPodcast {
        display: block;
        width: 100%;
        height: 44px;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        background: #B80C13;
        padding: 5px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-decoration: none;
        color: #fff
    }
    #home .colLeft .liberoPodcast.active {
        position: static
    }
    #home .colLeft .liberoPodcast img {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-right: 5px;
        vertical-align: top
    }
    #home .colLeft .liberoPodcast img.cloud {
        width: 49px;
        height: 21px;
        float: right;
        margin-top: 5px
    }
    #home .colLeft .liberoPodcast h3 {
        display: inline-block;
        font-size: 14px;
        line-height: 35px;
        color: #fff;
        vertical-align: top
    }
    #home .colLeft .liberoPodcast h3 span {
        font-size: 14px;
        line-height: 35px;
        font-weight: 900;
        color: #fff
    }
    #home .colRight {
        width: 100%
    }
    #home .colRight .sidebarBox {
        display: none
    }
    #home .colRight .pluginFB {
        display: none
    }
    #home .colRight .subcol1 .layer .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colRight .subcol1 .layer h2 a {
        padding-left: 20px;
        padding-right: 20px
    }
    #home .colRight .subcol1 .label {
        left: 20px
    }
    #home .colRight .subcol1.videoBox {
        height: 300px!important
    }
    #home .colRight .subcol1.videoBox .desktop {
        display: none
    }
    #home .colRight .subcol1.videoBox .mobile {
        display: block
    }
    #home .colRight .subcol1.videoBox .articleImage {
        display: block!important
    }
    #home .colRight .subcol1.videoBox .play {
        z-index: 9;
        display: block!important
    }
    #home .colRight .subcol1.videoBox .layer {
        z-index: 9;
        display: block!important
    }
    #home .colRight .subhalfcol {
        width: 100%
    }
    #home .colRight .MobileContainer {
        display: block
    }
    #home .colRight .MobileContainer h3 {
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
        padding-right: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #home .colRight .MobileContainer .swiper-news {
        padding: 10px 10px 10px 0px
    }
    #home .colRight .MobileContainer .swiper-news .swiper-slide {
        width: 90%
    }
    #home .colRight .MobileContainer .subhalfcol {
        width: 100%;
        height: 440px;
        float: left;
        margin-right: 20px;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox {
        height: 50px
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label {
        width: 6px;
        height: 50px;
        position: static;
        float: left
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.actualidad-informativa {
        background: #FFFFFF
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.actualidad {
        background: #FFFFFF
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.actualidad-deportiva {
        background: #3EF94A
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.opinion {
        background: #3EAEF9
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.columnas-de-opinion {
        background: #3EAEF9
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.ensayos-asuntos-publicos {
        background: #3EAEF9
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.podcast {
        background: #FF8800
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.audio {
        background: #FF8800
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.tiempo-libre {
        background: #0ED8B7
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-financiera {
        background: #107C16
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-vespertina {
        background: #FFDF01
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-nacional {
        background: #B80C13
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.seleccion-internacional {
        background: #0F3E63
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.liberotv {
        background: #7B7B7B
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox .label.video {
        background: #7B7B7B
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox h2 {
        float: left;
        margin-left: 14px
    }
    #home .colRight .MobileContainer .subhalfcol .sectionBox h2 a {
        font-size: 20px;
        line-height: 50px;
        font-weight: 700;
        text-decoration: none;
        color: #313131
    }
    #home .colRight .MobileContainer .subhalfcol .modalSubscribe {
        float: right;
        font-size: 14px;
        line-height: 50px;
        color: #B80C13;
        text-decoration: none;
        margin-right: 20px;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    #home .colRight .MobileContainer .subhalfcol .modalSubscribe:hover {
        opacity: 0.7
    }
    #home .colRight .MobileContainer .subhalfcol .sponsorBox {
        padding-right: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #home .colRight .MobileContainer .subhalfcol .resume {
        width: 95%;
        padding: 0 20px 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 233px;
        overflow: hidden;
        padding-top: 15px;
        padding-bottom: 10px;
        margin-bottom: 5px;
        margin-top: 15px
    }
    #home .colRight .MobileContainer .subhalfcol .resume .date {
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        color: #B80C13;
        margin-bottom: 15px
    }
    #home .colRight .MobileContainer .subhalfcol .resume .wysiwyg {
        display: block;
        width: 100%;
        height: 160px;
        font-size: 14px;
        line-height: 22px;
        color: #7B7B7B;
        margin-bottom: 30px;
        overflow: hidden
    }
    #home .colRight .MobileContainer .subhalfcol .resume .wysiwyg em {
        font-style: normal
    }
    #home .colRight .MobileContainer .subhalfcol .readMore {
        width: 90%;
        display: block;
        border-top: 2px solid #F2F2F2;
        padding: 15px 20px 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        color: #313131;
        text-decoration: none
    }
    #home .colRight .MobileContainer .subhalfcol .readMore:hover {
        color: #B80C13
    }
    #opinion {
        padding-bottom: 30px;
        padding-top: 0
    }
    #opinion .sponsorBox {
        margin-bottom: 10px
    }
    #opinion .wrap .autorBox {
        margin-top: 20px;
        padding: 30px 20px
    }
    #opinion .wrap .autorBox .colLeft {
        width: 100%;
        display: block
    }
    #opinion .wrap .autorBox .colCenter {
        width: 100%;
        display: block;
        text-align: center
    }
    #opinion .wrap .autorBox .colRight {
        width: 100%;
        display: block;
        text-align: center
    }
    #opinion .wrap .autorBox .colRight .social {
        width: 100%;
        float: none
    }
    #opinion .wrap .colLeft {
        width: 100%
    }
    #opinion .wrap .colLeft .opinionBox .coverBox {
        height: 50vh
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .imgContent.mobile {
        display: block;
        width: 44px;
        height: 44px;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 20px;
        right: 20px;
        background-size: cover;
        background-position: center center
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .imgContent.mobile img {
        width: 100%;
        height: 100%
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .layer .colLeft {
        min-height: auto
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .layer .colLeft .imgContent {
        display: none
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight {
        width: 100%
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight h2 {
        font-size: 20px;
        line-height: 22px
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .layer .colRight h2 a {
        font-size: 20px;
        line-height: 22px;
        padding-left: 20px;
        padding-right: 20px
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .alert {
        left: 15px
    }
    #opinion .wrap .colLeft .opinionBox .coverBox .label {
        left: 20px
    }
    #opinion .wrap .colLeft .opinionBox .wysiwyg {
        padding: 30px 20px 45px
    }
    #opinion .wrap .colLeft .opinionBox .shareBox {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #opinion .wrap .colLeft .opinionBox .shareBox .share {
        float: none
    }
    #opinion .wrap .colLeft .opinionBox .shareBox .share .social {
        float: none
    }
    #opinion .wrap .colLeft .opinionBox .shareBox .btn {
        float: none;
        margin-top: 5px;
        margin-bottom: 20px
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 {
        width: 100%;
        height: 50vh
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 h2 a {
        padding-left: 20px;
        padding-right: 20px
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 .excerpt {
        display: none
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 .alert {
        left: 15px
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 .label {
        left: 20px
    }
    #opinion .wrap .colRight {
        width: 100%
    }
    .subscriptionBanner {
        overflow: hidden;
        padding: 30px 0
    }
    .subscriptionBanner.expediciones h3 {
        margin-bottom: 30px
    }
    .subscriptionBanner.expediciones input[type=email],
    .subscriptionBanner.expediciones input[type=text] {
        width: 80%
    }
    .subscriptionBanner h3 span {
        display: block
    }
    .subscriptionBanner input[type=email],
    .subscriptionBanner input[type=text] {
        width: 250px
    }
    .subscriptionBanner label {
        margin-bottom: 10px;
        text-align: left;
        width: 200px;
        margin: 0 auto
    }
    .interest {
        width: calc(100% - 31px);
        margin: 0 11px 0 20px;
        padding-bottom: 30px
    }
    .interest.tiempo {
        width: calc(100% - 40px);
        margin: 0 20px
    }
    .interest.videos {
        padding-top: 0
    }
    .interest .articlesList .subcol1 {
        width: 100%;
        height: 50vh
    }
    .interest .articlesList .subcol1 .excerpt {
        display: none
    }
    #single {
        padding-bottom: 30px
    }
    #single.two .coverPage .imageCover {
        position: relative
    }
    #single.two .coverPage .imageCover h1 {
        font-size: 30px;
        line-height: 32px;
        margin-top: -150px
    }
    #single.two .coverPage .imageCover .subscribeCover {
        height: auto;
        top: unset;
        right: 0!important;
        bottom: 0;
        border: 0;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        padding: 20px 0
    }
    #single.two .coverPage .imageCover .subscribeCover h2 {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 16px;
        font-weight: 900
    }
    #single.two .coverPage .imageCover .subscribeCover h2 span {
        font-size: 18px;
        line-height: 36px;
        font-weight: 500
    }
    #single.two .coverPage .calendarBox {
        display: none
    }
    #single.two .swiperGallery {
        padding-left: 20px
    }
    #single.two .swiperGallery .swiper-slide {
        width: 60%
    }
    #single.libreExpresion.single .headline {
        height: 60px;
        margin-bottom: 20px
    }
    #single.libreExpresion.single .wrap .colLeft article .actionBottom .autor {
        margin-bottom: 20px
    }
    #single.libreExpresion.singleForm .coverPage .imageCover .wysiwyg {
        max-width: 90%
    }
    #single.libreExpresion.singleForm .wrap .contentForm .halfLine {
        width: 100%
    }
    #single.libreExpresion.singleForm .wrap .contentForm .halfLine.first {
        margin-right: 0
    }
    #single.libreExpresion .coverPage {
        height: 350px;
        min-height: 350px
    }
    #single.libreExpresion .coverPage .imageCover {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    #single.libreExpresion .coverPage .imageCover .wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 40px
    }
    #single.libreExpresion .coverPage .imageCover h1 {
        margin-top: 25px
    }
    #single.libreExpresion .coverPage .imageCover .subscribeCover {
        width: 100%;
        height: 180px;
        top: inherit;
        bottom: 0;
        right: 0
    }
    #single.libreExpresion .wrap .colLeft {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }
    #single.libreExpresion .wrap .colLeft article .actionBottom {
        height: auto;
        text-align: center;
        display: block;
        overflow: hidden
    }
    #single.libreExpresion .wrap .colLeft article .actionBottom .autor {
        display: block;
        line-height: 20px;
        margin-top: 20px;
        width: 100%
    }
    #single.libreExpresion .wrap .colLeft article .actionBottom .btn {
        float: none;
        margin: 0
    }
    #single.expedicionSingle .coverPage {
        min-height: 300px
    }
    #single.expedicionSingle .coverPage .imageCover {
        height: 300px
    }
    #single.expedicionSingle .coverPage .imageCover .layer h1 {
        font-size: 32px;
        margin-bottom: 20px
    }
    #single.expedicionSingle .coverPage .imageCover .layer h1 span {
        font-size: 26px
    }
    #single.expedicionSingle .coverPage .imageCover .layer .fechaCupo {
        font-size: 16px;
        line-height: 42px;
        height: auto
    }
    #single.expedicionSingle .coverPage .imageCover .layer .fechaCupo span.divideIt {
        display: block;
        height: 0;
        width: 0
    }
    #single.expedicionSingle .wrap .colLeft {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px
    }
    #single.expedicionSingle .wrap .colLeft .wysiwyg {
        padding-right: 0
    }
    #single.expedicionSingle .wrap .colRight {
        width: 100%
    }
    #single.expedicionSingle .wrap .colRight .expecionSingleBox {
        width: 100%;
        margin: 0;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #single.expedicionSingle .wrap .colRight .expecionSingleBox .wysiwyg {
        max-width: 90%
    }
    #single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-slide {
        width: 70%;
        height: 200px
    }
    #single.expedicionSingle .GalleryExpediciones .swiper-gallery .swiper-slide img {
        width: 100%
    }
    #single.tallerSingle .coverPage .imageCover .layer h1 {
        font-size: 32px;
        margin-bottom: 20px
    }
    #single.tallerSingle .coverPage .imageCover .layer h2 {
        font-size: 20px;
        margin-bottom: 20px
    }
    #single.tallerSingle .coverPage .imageCover .layer .wysiwyg {
        max-width: 320px
    }
    #single.tallerSingle .coverPage .imageCover .layer .fechaCupo {
        font-size: 16px;
        line-height: 42px;
        height: auto
    }
    #single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails {
        font-size: 16px;
        text-align: center
    }
    #single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails .wrap {
        padding: 0
    }
    #single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails .wrap span {
        font-size: 20px
    }
    #single.tallerSingle .coverPage .imageCover .layer .fechaCupo .videoDetails .wrap span:after {
        top: 0
    }
    #single.tallerSingle .wrap .colLeft {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50px;
        padding-right: 0
    }
    #single.tallerSingle .wrap .colLeft h2 {
        text-align: center
    }
    #single.tallerSingle .wrap .colLeft .wysiwyg {
        padding-right: 0
    }
    #single.tallerSingle .wrap .colRight {
        width: 100%
    }
    #single.tallerSingle .wrap .colRight .expecionSingleBox {
        width: 100%;
        margin-top: 0;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #single.tallerSingle .wrap .colRight .expecionSingleBox .wysiwyg {
        max-width: 90%
    }
    #single.tallerSingle .wrap .colRight .share {
        width: 100%;
        margin: 0;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    #single.tallerSingle .GalleryExpediciones .swiper-gallery .swiper-slide {
        width: 70%;
        height: 200px
    }
    #single.tallerSingle .GalleryExpediciones .swiper-gallery .swiper-slide img {
        width: 100%
    }
    #single.redLibero .coverPage {
        min-height: auto
    }
    #single.redLibero .coverPage .imageCover {
        height: 40vh
    }
    #single.redLibero .coverPage .imageCover h1 img {
        width: 250px
    }
    #single.redLibero .wrap .colLeft {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0
    }
    #single.redLibero .wrap .colLeft h2 {
        font-size: 22px;
        line-height: 32px
    }
    #single.redLibero .wrap .colLeft .wysiwyg {
        max-width: 100%
    }
    #single.redLibero .wrap .colLeft .wysiwyg iframe {
        min-height: 200px
    }
    #single.redLibero .wrap .colRight {
        width: 100%
    }
    #single.redLibero .wrap .colRight .galleryBoxRedLibero {
        width: auto;
        margin-top: 0
    }
    #single.redLibero .wrap .colRight .galleryDesktop {
        display: none
    }
    #single.redLibero .wrap .colRight .galleryMobile {
        display: block
    }
    #single.redLibero .menssageUnit {
        padding-top: 5vh;
        padding-bottom: 5vh;
        text-align: center
    }
    #single.redLibero .menssageUnit .wrap {
        max-width: 90%
    }
    #single.redLibero .menssageUnit .wrap .colLeft {
        width: 100%;
        padding-top: 0
    }
    #single.redLibero .menssageUnit .wrap .colLeft img {
        float: none;
        width: 70px;
        margin: 0 auto 20px
    }
    #single.redLibero .menssageUnit .wrap .colRight {
        width: 100%
    }
    #single.redLibero .menssageUnit .wrap .colRight .wysiwyg {
        font-size: 14px;
        line-height: 24px
    }
    #single.redLibero .testimonial {
        margin-bottom: 60px
    }
    #single.redLibero .testimonial .swiper-container .swiper-wrapper {
        margin-left: 9px
    }
    #single.redLibero .testimonial .swiper-container .swiper-wrapper .swiper-slide {
        width: 80%;
        height: auto;
        padding: 55px 20px;
        border-radius: 0
    }
    #single.redLibero .testimonial .swiper-container .swiper-wrapper .swiper-slide .colLeft {
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    #single.redLibero .testimonial .swiper-container .swiper-wrapper .swiper-slide .colRight {
        width: 100%;
        text-align: center
    }
    #single.redLibero .unirmePLanes {
        height: auto
    }
    #single.redLibero .unirmePLanes .wrap .colLeft {
        width: 100%;
        padding-top: 0
    }
    #single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme {
        width: 100%;
        position: static;
        padding: 30px 5%
    }
    #single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme fieldset {
        padding: 25px 17px 15px!important;
        margin: 0px -17px 20px!important
    }
    #single.redLibero .unirmePLanes .wrap .colLeft .contentFormUnirme form .halfLine {
        width: 100%
    }
    #single.redLibero .unirmePLanes .wrap .colRight {
        width: 100%
    }
    #single.libros.single {
        padding-bottom: 0
    }
    #single.libros.single .coverPage {
        min-height: 56px
    }
    #single.libros.single .coverPage .imageCover {
        height: 56px;
        margin-bottom: 0
    }
    #single.libros.single .coverPage .imageCover h1 {
        font-size: 80px;
        margin-bottom: 13px;
        display: none
    }
    #single.libros.single .coverPage .imageCover .carritoBox {
        bottom: 0;
        left: 9px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: center
    }
    #single.libros .coverPage {
        min-height: 40vh
    }
    #single.libros .coverPage .imageCover {
        height: 40vh
    }
    #single.libros .coverPage .imageCover h1 {
        font-size: 80px;
        margin-bottom: 13px
    }
    #single.libros .coverPage .imageCover .carritoBox {
        top: 0;
        bottom: inherit;
        left: 9px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: center
    }
    #single .headline {
        height: 135px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background: none;
        padding-left: 9px;
        margin-bottom: 0
    }
    #single .headline.noSponsor {
        height: 60px
    }
    #single .headline.alerta {
        height: 60px
    }
    #single .headline .breadcrumb {
        height: 40px;
        padding-top: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 10px;
        padding-left: 20px
    }
    #single .headline .breadcrumb li {
        height: 30px;
        line-height: 30px
    }
    #single .headline .breadcrumb li:nth-last-child(-n+2) {
        display: none
    }
    #single .coverPage .imageCover {
        width: 100%;
        height: 50vh;
        margin-bottom: 10px;
        background-color: #ddd
    }
    #single .coverPage .infoCover {
        width: 100%;
        padding: 10px 0
    }
    #single .coverPage .infoCover h1 {
        margin-bottom: 30px
    }
    #single .coverPage .autor {
        padding: 10px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: #EFEFEF;
        text-align: center;
        margin-bottom: 30px
    }
    #single .coverPage .autor.mobile {
        display: block!important
    }
    #single .coverPage .autor span {
        font-size: 14px;
        line-height: 17px;
        color: #888;
        display: block;
        text-align: center;
        margin-bottom: 6px
    }
    #single .coverPage .autor h2 {
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        color: #313131;
        display: block;
        text-align: center;
        margin-bottom: 10px;
        text-decoration: none;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    #single .coverPage .autor h2:hover {
        color: #b80c13
    }
    #single .coverPage .autor a {
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        color: #313131;
        display: block;
        text-align: right;
        margin-bottom: 10px;
        text-decoration: none;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    #single .coverPage .autor a:hover {
        color: #b80c13
    }
    #single .coverPage .autor.autorInverse {
        background: #222
    }
    #single .coverPage .autor.autorInverse span {
        color: #fff
    }
    #single .coverPage .autor.autorInverse a,
    #single .coverPage .autor.autorInverse h2 {
        color: #fff
    }
    #single .coverPage .autorOpinion {
        display: block;
        overflow: hidden;
        padding: 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom: 1px solid #fff;
        background: #EFEFEF;
        margin-bottom: 30px
    }
    #single .coverPage .autorOpinion.mobile {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #single .coverPage .autorOpinion .colLeft {
        width: 100%;
        text-align: center
    }
    #single .coverPage .autorOpinion .colLeft a {
        float: right;
        width: auto;
        font-size: 16px;
        line-height: 19px;
        font-weight: 700;
        color: #313131;
        display: block;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        text-decoration: none;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    #single .coverPage .autorOpinion .colLeft a:hover {
        color: #b80c13
    }
    #single .coverPage .autorOpinion .colLeft em {
        float: right;
        width: 100%
    }
    #single .coverPage .autorOpinion .colRight {
        width: 100%;
        text-align: center
    }
    #single .coverPage .autorOpinion .colRight .imgContent {
        width: 46px;
        height: 46px;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
        background-size: cover;
        background-position: center center
    }
    #single .coverPage .autorOpinion .colRight .imgContent:hover {
        opacity: 0.7
    }
    #single .coverPage .autorOpinion .colRight .imgContent img {
        width: 100%;
        height: 100%
    }
    #single .coverPage.videos {
        padding: 20px 0
    }
    #single .coverPage.videos .imageCover {
        height: auto;
        min-height: auto
    }
    #single .coverPage.videos .imageCover .imagebox {
        height: 200px;
        display: block!important
    }
    #single .coverPage.videos .imageCover .play {
        display: block!important
    }
    #single .coverPage.videos .imageCover iframe,
    #single .coverPage.videos .imageCover video {
        display: none!important
    }
    #single .coverPage.videos .imageCover.podcast {
        min-height: 300px
    }
    #single .coverPage.videos .imageCover.podcast .soundC iframe {
        display: block!important
    }
    #single .coverPage.videos .imageCover.desktop {
        display: none
    }
    #single .coverPage.videos .imageCover.btnModalVideo {
        display: block
    }
    #single .coverPage.videos infoCover {
        padding: 10px 20px
    }
    #single .wrap .colLeft {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #single .wrap .colLeft .singleSidebar {
        width: 100%;
        text-align: center
    }
    #single .wrap .colLeft .singleSidebar .share.desktop {
        display: none
    }
    #single .wrap .colLeft .singleSidebar .share.mobile {
        display: block
    }
    #single .wrap .colLeft .singleSidebar .share span {
        text-align: center
    }
    #single .wrap .colLeft .singleSidebar .share .social {
        float: none
    }
    #single .wrap .colLeft .singleSidebar .autor.desktop {
        display: none
    }
    #single .wrap .colLeft .singleSidebar .autor span {
        text-align: center;
        margin-bottom: 5px
    }
    #single .wrap .colLeft .singleSidebar .autor h2 {
        text-align: center
    }
    #single .wrap .colLeft .singleSidebar .autorOpinion.desktop {
        display: none
    }
    #single .wrap .colLeft .singleContent {
        width: 100%
    }
    #single .wrap .colLeft .singleContent.page {
        padding-top: 20px
    }
    #single .wrap .colLeft .singleContent.page h1 {
        font-size: 30px
    }
    #single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover.desktop {
        display: none
    }
    #single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover.btnModalVideo {
        display: block;
        height: 300px;
        min-height: 300px
    }
    #single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover.btnModalVideo .imagebox {
        height: 300px
    }
    #single .wrap .colLeft .singleContent .contentVideoSeleccion .imageCover.btnModalVideo iframe {
        display: none
    }
    #single .wrap .colRight {
        width: 100%
    }
    #single .singleSidebar {
        width: 100%;
        float: left;
        background: #F7F7F7;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 30px
    }
    #single .singleSidebar .share {
        height: 100px;
        padding: 20px 20px 20px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-bottom: 1px solid #fff
    }
    #single .singleSidebar .share.mobile {
        display: block!important
    }
    #single .singleSidebar .share span {
        font-size: 14px;
        line-height: 17px;
        color: #9E9E9E;
        display: block;
        text-align: center;
        margin-bottom: 10px
    }
    #single .singleSidebar .share .social {
        float: none;
        text-align: center
    }
    #single .singleSidebar .share .social li {
        display: inline-block;
        margin: 0 5px
    }
    #single .singleSidebar .share .social li a {
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s
    }
    #single .singleSidebar .share .social li a img {
        width: 34px;
        height: 34px
    }
    #single .singleSidebar .share .social li a:hover {
        opacity: 0.7
    }
    #avisos {
        padding-bottom: 50px
    }
    #avisos .headline {
        height: 60px
    }
    #avisos .headline .breadcrumb {
        height: 60px
    }
    #avisos .headline .breadcrumb li {
        height: 60px;
        line-height: 60px
    }
    #avisos .headline .breadcrumb li:nth-last-child(-n+2) {
        display: none
    }
    #avisos .filtersAvisos {
        padding: 20px 0
    }
    #avisos .filtersAvisos input[type=text] {
        width: 250px;
        margin-bottom: 20px;
        margin-right: 0
    }
    #avisos .filtersAvisos select {
        width: 250px!important;
        margin-bottom: 20px;
        margin-right: 0
    }
    #avisos .wrap .colLeft {
        width: 100%
    }
    #avisos .wrap .colLeft .listLegales ul {
        float: left;
        margin-bottom: 30px
    }
    #avisos .wrap .colLeft .listLegales ul li {
        height: auto;
        display: table-row;
        float: left
    }
    #avisos .wrap .colLeft .listLegales ul li .colLeft {
        width: auto;
        line-height: 20px;
        display: table-cell;
        float: none;
        vertical-align: top;
        border-right: 3px solid #fff;
        padding: 10px
    }
    #avisos .wrap .colLeft .listLegales ul li .colRight {
        display: table-cell;
        line-height: 20px;
        float: none;
        border-left: 3px solid #fff;
        padding: 10px
    }
    #avisos .wrap .colLeft .listLegales ul li .colRight a {
        line-height: 20px
    }
    #avisos .wrap .colLeft .paginator {
        margin-bottom: 30px
    }
    #avisos .wrap .colLeft .visorPdf {
        display: none
    }
    #avisos .wrap .colRight {
        width: 100%
    }
    #liberotv {
        padding-top: 0
    }
    #liberotv .wrap {
        width: 100%
    }
    #liberotv .wrap .colLeft {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #liberotv .wrap .colLeft .sideMenu {
        width: calc(100% - 31px);
        margin: 20px 10px 20px 19px
    }
    #liberotv .wrap .colLeft .sideMenu.podcast {
        margin-bottom: 4px
    }
    #liberotv .wrap .colLeft .sideMenu li {
        height: 0px;
        border-bottom: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        overflow: hidden
    }
    #liberotv .wrap .colLeft .sideMenu li.categorias {
        display: none;
        height: 40px;
        cursor: pointer
    }
    #liberotv .wrap .colLeft .sideMenu.open li {
        min-height: 40px;
        height: auto;
        border-bottom: 1px solid #d4d4d4
    }
    #liberotv .wrap .colLeft .sideMenu.open li a {
        border: 0
    }
    #liberotv .wrap .colRight {
        width: calc(100% - 31px);
        padding: 0 11px 0 20px
    }
    #liberotv .wrap .colRight .opinionBox {
        margin-bottom: 20px
    }
    #liberotv .wrap .colRight .opinionBox .coverBox {
        height: 50vh
    }
    #liberotv .wrap .colRight .opinionBox .coverBox.withSoundC .layer h2 a {
        padding-bottom: 0
    }
    #liberotv .wrap .colRight .opinionBox .coverBox .imgContent.mobile {
        display: block;
        width: 44px;
        height: 44px;
        border: 2px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 20px;
        right: 20px;
        background-size: cover;
        background-position: center center
    }
    #liberotv .wrap .colRight .opinionBox .coverBox .imgContent.mobile img {
        width: 100%;
        height: 100%
    }
    #liberotv .wrap .colRight .opinionBox .coverBox .layer .cat {
        padding-left: 20px;
        padding-right: 20px
    }
    #liberotv .wrap .colRight .opinionBox .coverBox .layer h2 a {
        font-size: 20px;
        line-height: 22px;
        padding-left: 20px;
        padding-right: 20px
    }
    #liberotv .wrap .colRight .opinionBox .coverBox .layer .colLeft {
        min-height: auto
    }
    #liberotv .wrap .colRight .opinionBox .coverBox .layer .colLeft .imgContent {
        display: none
    }
    #liberotv .wrap .colRight .opinionBox .shareBox {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #liberotv .wrap .colRight .opinionBox .shareBox .share {
        float: none
    }
    #liberotv .wrap .colRight .opinionBox .shareBox .share .social {
        float: none
    }
    #liberotv .wrap .colRight .opinionBox .shareBox .btn {
        float: none;
        margin-top: 5px;
        margin-bottom: 20px
    }
    #expediciones .bannerExpediciones {
        height: 50vh
    }
    #expediciones .bannerExpediciones h1 {
        margin-bottom: 50px
    }
    #expediciones .bannerExpediciones h1 img {
        width: 252px;
        height: auto
    }
    #expediciones .bannerExpediciones video {
        display: none
    }
    #expediciones .listExpediciones h3 {
        font-size: 24px;
        line-height: 26px
    }
    #expediciones .listExpediciones .expedicionBox {
        width: 100%;
        height: 300px
    }
    #expediciones .listExpediciones .expedicionBox.threeList {
        width: 100%
    }
    #expediciones .listExpediciones .expedicionBox.twoList {
        width: 100%
    }
    #expediciones .OurExpeditions .contentImgOur {
        width: 100%;
        height: 300px
    }
    #expediciones .OurExpeditions .contentImgOur .imgOur {
        width: 100%;
        height: 300px
    }
    #expediciones .OurExpeditions .description {
        width: 100%;
        height: auto;
        position: static;
        padding: 20px
    }
    #expediciones .testimonial .swiper-container .swiper-wrapper {
        margin-left: 9px
    }
    #expediciones .testimonial .swiper-container .swiper-wrapper .swiper-slide {
        width: 80%;
        height: auto;
        padding: 55px 20px;
        border-radius: 0
    }
    #expediciones .testimonial .swiper-container .swiper-wrapper .swiper-slide .colLeft {
        width: 100%;
        margin-bottom: 20px;
        text-align: center
    }
    #expediciones .testimonial .swiper-container .swiper-wrapper .swiper-slide .colRight {
        width: 100%;
        text-align: center
    }
    #expediciones .revive {
        text-align: center
    }
    #expediciones .revive h2 {
        margin-bottom: 30px
    }
    #expediciones .revive h2 span {
        font-size: 36px
    }
    #expediciones .revive .swiper-revive {
        padding-bottom: 30px
    }
    #expediciones .revive .swiper-revive .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #expediciones .revive .swiper-revive .swiper-slide .colLeft {
        width: 100%;
        margin-top: 0;
        margin-bottom: 60px;
        text-align: center
    }
    #expediciones .revive .swiper-revive .swiper-slide .colLeft .date {
        margin-right: 0
    }
    #expediciones .revive .swiper-revive .swiper-slide .colLeft h3 {
        margin-right: 0
    }
    #expediciones .revive .swiper-revive .swiper-slide .colLeft .wysiwyg {
        float: none;
        margin: 0 auto
    }
    #expediciones .revive .swiper-revive .swiper-slide .colLeft .redLine {
        margin-right: 0
    }
    #expediciones .revive .swiper-revive .swiper-slide .colLeft .redLine span {
        float: none;
        display: inline-block;
        overflow: hidden
    }
    #expediciones .revive .swiper-revive .swiper-slide .colRight {
        width: 100%;
        margin-top: 120px;
        margin-bottom: 30px
    }
    #expediciones .revive .swiper-revive .swiper-slide .colRight .imgContent {
        width: 100%;
        height: 235px
    }
    #expediciones .revive .swiper-revive .swiper-slide .colRight .imgContent .imgBox {
        width: 100%;
        height: 235px
    }
    #expediciones .revive .swiper-revive .swiper-button-next,
    #expediciones .revive .swiper-revive .swiper-button-prev {
        top: 97%
    }
    #expediciones .revive .moreExp {
        display: inline-block;
        margin: 60px auto 0;
        float: none
    }
    .slideLibros .contentTitleRotate {
        width: 100%;
        padding: 10px 0;
        text-align: center
    }
    .slideLibros .contentTitleRotate h3 {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: static;
        float: none
    }
    .slideLibros .swiper-container {
        width: 100%
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article {
        display: block
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colLeft {
        width: 100%;
        display: block;
        background: #fff;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colLeft a img {
        width: 50%;
        margin: 0 auto;
        float: none;
        display: block
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight {
        width: 100%;
        display: block;
        border: 0;
        padding: 30px 30px 100px 30px;
        overflow: hidden
    }
    .slideLibros .swiper-container .swiper-wrapper .swiper-slide article .colRight .label {
        left: 30px
    }
    .listLibros .wrap article {
        width: 100%;
        display: block
    }
    .listLibros .wrap article .colLeft {
        width: 100%;
        display: block;
        padding: 0 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .listLibros .wrap article .colLeft a img {
        width: 100%
    }
    .listLibros .wrap article .colRight {
        width: 100%;
        display: block;
        padding: 0 30px 30px 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .listLibros .wrap article .colRight .autor {
        margin-bottom: 30px;
        text-align: center
    }
    .listLibros .wrap article .colRight .line {
        position: static
    }
    .listLibros .wrap article .colRight .line .btn {
        margin-right: 0
    }
    .singleLibro .wrap {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 0 0 0 9px
    }
    .singleLibro .wrap .breadcrumb {
        display: none
    }
    .singleLibro .wrap article {
        width: 100%
    }
    .singleLibro .wrap article .colLeft {
        width: 100%
    }
    .singleLibro .wrap article .colLeft img {
        margin-bottom: 0;
        border: 0
    }
    .singleLibro .wrap article .colLeft .descript {
        display: none
    }
    .singleLibro .wrap article .colRight {
        width: 100%;
        float: left;
        border: 0
    }
    .singleLibro .wrap article .colRight .label {
        left: 25px
    }
    .singleLibro .wrap article .colRight .autor {
        padding: 0 25px
    }
    .singleLibro .wrap article .colRight .product_title {
        padding: 0 25px
    }
    .singleLibro .wrap article .colRight .price {
        padding: 0 25px
    }
    .singleLibro .wrap article .colRight .woocommerce-product-details__short-description {
        padding: 0 25px
    }
    .singleLibro .wrap article .colRight .cart {
        padding: 0 25px
    }
    .singleLibro .wrap article .colRight .cart .quantity {
        margin-bottom: 30px
    }
    .singleLibro .wrap article .colRight .mobile {
        display: block
    }
    #miCuenta {
        padding-bottom: 100px
    }
    #miCuenta .coverPage {
        min-height: 40vh
    }
    #miCuenta .coverPage .imageCover {
        height: 40vh
    }
    #miCuenta .coverPage .imageCover h1 {
        font-size: 50px;
        margin-bottom: -4px
    }
    #miCuenta .coverPage .imageCover .carritoBox {
        top: 0;
        bottom: inherit;
        left: 9px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: center
    }
    #cart {
        padding-bottom: 100px
    }
    /*#cart .coverPage .imageCover {
        height: 40vh
    }*/
    #cart .coverPage .imageCover h1 {
        font-size: 50px;
        margin-bottom: -4px
    }
    #cart .coverPage .imageCover .carritoBox {
        top: 0;
        bottom: inherit;
        left: 9px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        text-align: center
    }
    .tienda .wrap .colLeft {
        width: 100%;
        margin-bottom: 20px
    }
    .tienda .wrap .colLeft .categoriasTienda {
        padding: 10px 20px
    }
    .tienda .wrap .colLeft .categoriasTienda li {
        height: 0px;
        border-bottom: 0;
        margin-bottom: 0;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        overflow: hidden
    }
    .tienda .wrap .colLeft .categoriasTienda li.categorias {
        display: block;
        height: 30px;
        cursor: pointer
    }
    .tienda .wrap .colLeft .categoriasTienda li.categorias a {
        line-height: 30px
    }
    .tienda .wrap .colLeft .categoriasTienda.open li {
        height: 30px;
        border-bottom: 1px solid #d4d4d4;
        margin-bottom: 13px
    }
    .tienda .wrap .colLeft .categoriasTienda.open li:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }
    .tienda .wrap .colLeft .categoriasTienda.open li.categorias a {
        line-height: 19px
    }
    .tienda .wrap .colRight {
        width: 100%
    }
    .tienda .wrap .colRight article {
        width: 100%
    }
    .lightboxVideo {
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        margin: 0;
        overflow-y: scroll;
        padding-bottom: 20px;
        z-index: 999999
    }
    .lightboxVideo iframe {
        top: 25%;
        height: 50%
    }
    .lightbox {
        width: 100%;
        height: 100vh;
        top: 100%;
        left: 0;
        margin: 0;
        overflow-y: scroll;
        padding-bottom: 20px;
        z-index: 999999
    }
    .lightbox.show {
        top: 0;
        margin: 0
    }
    .lightbox::-webkit-scrollbar {
        -webkit-appearance: none
    }
    .lightbox::-webkit-scrollbar:vertical {
        width: 6px
    }
    .lightbox::-webkit-scrollbar:horizontal {
        height: 6px
    }
    .lightbox::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 10px
    }
    .lightbox::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.15)
    }
    .lightbox h2 {
        font-size: 16px;
        line-height: 22px
    }
    .lightbox h2 span {
        font-size: 18px
    }
    .lightbox input[type=email] {
        width: 80%
    }
    .lightbox .withScroll {
        height: auto;
        overflow-y: hidden
    }
    .lightbox .colLeft {
        width: 80%;
        margin-left: 10%;
        height: auto;
        overflow: visible;
        float: left
    }
    .lightbox .colRight {
        width: 80%;
        margin-left: 10%;
        height: auto;
        overflow: visible;
        float: left
    }
    .sponsorBox.desktop {
        display: none
    }
    .sponsorBox.mobile {
        display: table!important
    }
    .boxMapa {
        width: calc(100% - 40px);
        margin: 0 auto!important;
        float: none
    }
    .boxMapa .contentMap {
        display: block
    }
    .boxMapa .contentMap .colLeft {
        width: 100%!important;
        display: block!important
    }
    .boxMapa .contentMap .colRight {
        width: 100%!important;
        padding: 0!important
    }
    .boxMapa .contentMap .colRight iframe {
        height: 400px
    }
    footer {
        overflow: hidden
    }
    footer .subscriptionBanner {
        padding: 30px 18px
    }
    footer .subscriptionBanner h3 {
        font-size: 16px;
        line-height: 26px
    }
    footer .subscriptionBanner h3 span {
        font-size: 22px;
        font-weight: 900
    }
    footer .subscriptionBanner h3 span:nth-child(2) {
        display: block;
        overflow: hidden;
        font-weight: 700
    }
    footer .subscriptionBanner input[type=email] {
        width: 100%
    }
    footer .menuFooter {
        margin-bottom: 15px;
        margin-top: 40px
    }
    footer .menuFooter li {
        width: 100%;
        margin: 0 0 25px 0
    }
    footer .social {
        margin-bottom: 50px
    }
    footer .contactos {
        margin-bottom: 25px
    }
    footer .contactos li {
        margin-bottom: 25px
    }
    .subscribeBox {
        display: none
    }
    .social li.onlyMobile {
        display: inline-block!important
    }
    #single .wrap .colLeft .singleContent .lineDivisorBlocks:last-child {
        display: block;
        border: 0
    }
    #talleres .mainTaller .wrap .contentInfo {
        width: 100%;
        padding: 45px 25px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    #talleres .mainTaller .wrap .contentInfo .colLeft {
        width: 100%;
        text-align: center
    }
    #talleres .mainTaller .wrap .contentInfo .colLeft .lineTitle {
        margin: 0 auto 30px
    }
    #talleres .mainTaller .wrap .contentInfo .colLeft .btn {
        margin-bottom: 0
    }
    #talleres .mainTaller .wrap .contentInfo .colRight {
        width: 100%
    }
    #talleres .mainTaller .wrap .contentInfo .colRight .contentVideo {
        width: 100%;
        height: 300px;
        position: relative;
        margin: 0 auto
    }
    #talleres .mainTaller .wrap .contentInfo .colRight .contentVideo .videoDetails {
        font-size: 14px
    }
    #talleres .mainTaller .wrap .contentInfo .colRight .contentVideo .videoDetails span {
        font-size: 20px
    }
    #talleres .mainTaller .wrap .contentInfo .colRight .contentVideo .videoDetails span:after {
        top: 0
    }
    #listTalleres {
        padding: 55px 25px
    }
    #listTalleres .wrap article .colLeft {
        width: 100%;
        height: 280px
    }
    #listTalleres .wrap article .colRight {
        width: 100%;
        height: auto;
        padding-bottom: 80px
    }
    #listTalleres .wrap article .colRight .tallerInfo {
        padding: 35px 20px 0 20px;
        text-align: center
    }
    #listTalleres .wrap article .colRight .tallerInfo h3 {
        line-height: 32px
    }
    #listTalleres .wrap article .colRight .tallerDetail {
        font-size: 14px;
        padding: 0;
        text-align: center
    }
    #listTalleres .wrap article .colRight .tallerDetail span {
        font-size: 20px
    }
    #listTalleres .wrap article .colRight .tallerDetail span:first-child {
        margin: 0
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .visorPdf {
        display: none
    }
}

.spinner {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.spinner.show {
    opacity: 1
}

.spinner .double-bounce1,
.spinner .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #e3e3e3;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.spinner .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
    0%,
    to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {
    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@media (max-height:480px) {
    #opinion .wrap .colLeft .opinionBox .coverBox {
        height: 70vh
    }
    #opinion .wrap .colLeft .interest .articlesList .subcol1 {
        height: 70vh
    }
    #single .coverPage .imageCover {
        height: 70vh
    }
    .interest .articlesList .subcol1 {
        height: 70vh
    }
    #liberotv .wrap .colRight .opinionBox .coverBox {
        height: 70vh
    }
    .tienda .wrap .colRight article .contentImage {
        height: 70vh
    }
}

.text-center {
    text-align: center!important
}

.mc-field-group {
    width: 50%;
    float: left;
}

.btnRed {
    height: 55px;
    /* display: inline-block; */
    padding: 0 22px;
    background: #B80C13;
    line-height: 55px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}

.btnRedBlack {
    height: 55px;
    /* display: inline-block; */
    padding: 0 22px;
    background: #000000;
    line-height: 55px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}

.woocommerce-ResetPassword {
    font-size: 17px;
}

.input[type=date] {
    cursor: text;
}

.h3solo {
    margin-bottom: 100px !important;
    padding-top: 100px;
}

.adecoration {
    text-decoration: none;
}

.libold {
    font-weight: bold;
}

.predLibero {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.btnRedLibero {
    column-count: 3;
    column-gap: 3em;
}

.btnRedLiberoSingle {
    column-count: 2;
    column-gap: 2em;
    width: 50%;
    padding-left: 25%;
}

.inputclass {
    width: 60%;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px !important;
    outline: none;
}

.inputclassdate {
    width: 60%;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px !important;
    outline: none;
    cursor: text;
}

.autorclass {
    height: 38px;
    display: inline-block;
    padding: 0 22px;
    background: #F7F7F7;
    line-height: 38px;
    font-weight: 700;
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    -ms-border-radius: 25px!important;
    -o-border-radius: 25px!important;
    border-radius: 25px!important;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.autorname {
    font-weight: normal;
}

.opinionclass {
    display: inline-block;
    padding: 0 22px;
    background: #F7F7F7;
    line-height: 25px;
    font-weight: 700;
    -webkit-border-radius: 25px!important;
    -moz-border-radius: 25px!important;
    -ms-border-radius: 25px!important;
    -o-border-radius: 25px!important;
    border-radius: 25px!important;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.popinion {
    color: black;
    font-size: 16px;
}

.apinion {
    text-decoration: none;
}

.inputdiv {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto 10px;
}

.formRedx {
    height: auto !important;
    margin-left: 50% !important;
}

.mdoscin {
    margin-top: -250px !important;
}

.mtresc {
    margin-top: -300px !important;
    display: none;
}

.mnsExclusivo {
    padding: 20px;
    margin-bottom: 50px;
}

.containerRedLibero {
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 20px;
}

.containerRedLibero ul {
    padding: 0px;
    margin: 0px;
}

.containerRedLibero ul li {
    float: left;
    list-style: none;
    width: 40%;
    margin: 0px 0px 0px 55px;
}

.containerRedLibero ul li:hover {
    opacity: 0.8;
}

.activex {
    color: #B80C13 !important;
    background-color: white;
    font-weight: bold;
}

.containerRedLibero ul li .bottom {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 14px;
}

.containerRedLiberoButton {
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 20px;
}

.containerRedLiberoButton ul {
    padding: 0px;
    margin: 0px;
}

.containerRedLiberoButton ul li {
    float: right;
    list-style: none;
    width: 25%;
}

.containerRedLiberoButton ul li:hover {
    opacity: 0.8;
}

.containerRedLiberoButton ul li .bottom {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 14px;
}

.containerRedLiberoTexto {
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 20px;
}

.containerRedLiberoTexto ul {
    padding: 0px;
    margin: 0px;
}

.containerRedLiberoTexto ul li {
    float: right;
    list-style: none;
    width: 46%;
}

.containerRedLiberoTexto ul li:hover {
    opacity: 0.8;
}

.containerRedLiberoTexto ul li .bottom {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #999999;
    font-size: 14px;
}

.exitomsg {
    background-color: #f1ffe5;
    border: 1px solid #000;
    padding: 20px;
    margin-top: 40px;
    font-weight: bold;
    text-align-last: center;
}

.blockimportant {
    display: block !important;
}

@media (max-width:800px) {
    .containerRedLibero ul li {
        width: 100%;
        margin-left: 0px;
    }
    .containerRedLiberoButton ul li {
        width: 80% !important;
    }
    .containerRedLiberoTexto ul li {
        width: 85% !important;
    }
    .btnRedLibero {
        column-count: 1 !important;
        column-gap: 3em;
    }
    .predLibero {
        display: none;
    }
    .btnRedLiberoSingle {
        column-count: 1 !important;
        column-gap: 2em;
    }
    .formRedx {
        height: auto !important;
        margin-left: 0px !important;
    }
    .mdoscin {
        margin-top: -100px !important;
    }
    .mtresc {
        margin-top: -250px !important;
        display: none !important;
    }
}

.mep-eventtype-ribbon {
    display: none !important;
}

.inputclass2 {
    width: 100%;
    height: 38px;
    padding: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #EFEFEF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px !important;
    outline: none;
}

.ui-datepicker-div {
    z-index: 2 !important;
}