@charset "UTF-8";

/*
font-family: 'Lora', serif;
font-family: 'Open Sans', sans-serif;
*/
/* 
fonts */
@font-face {
    font-family: 'gotham';
    src: url('../fonts/bold/gotham-bold-webfont.woff2') format('woff2'),
         url('../fonts/bold/gotham-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/bold-italic/gotham-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/bold-italic/gotham-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/book/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/book/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/book-italic/gotham-bookitalic-webfont.woff2') format('woff2'),
         url('../fonts/book-italic/gotham-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/medium/gotham-medium-webfont.woff2') format('woff2'),
         url('../fonts/medium/gotham-medium-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/medium-light/gotham-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/medium-light/gotham-mediumitalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/light/gotham-light-webfont.woff2') format('woff2'),
         url('../fonts/light/gotham-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('../fonts/light-italic/gotham-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/light-italic/gotham-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

html, body{
    width: 100%;
    height: auto;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 300;
    font-family: 'gotham';
    line-height: 23px;
    background-color: #F4F4F4;
    position: absolute;
    -webkit-overflow-scrolling: touch;
}

a{
    text-decoration: none;
    color: #000;
}

.clear{
    clear: both;
}

::-moz-selection {
background: #df3b91;
}
::selection {
    background: #df3b91;
}

/*header*/
header{
    position: absolute;
    z-index: 5;
    background-color: #fff;
    width: 100%;
    top: 0;
    left: 0;
}

.header_a{
    width: 100%;
    height: auto;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.logo{
    margin-left: 20px;
    height: 105px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 660px);
}

.logo h1{
    color: transparent;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.logo img{
    width: auto;
    padding: 0px 0px;
    max-height: -o-calc(100% - 15px);
    max-height: -ms-calc(100% - 15px);
    max-height: -moz-calc(100% - 15px);
    max-height: -webkit-calc(100% - 15px);
    max-height: calc(100% - 15px);
}

.segundo_logo{
    height: 100%;
    max-width: 300px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.segundo_logo::before{
    content: " ";
}

.segundo_logo img{
    max-width: 300px;
    height: auto;
    border-left: 1px solid #000;
    margin-left: 20px;
    width: auto;
    padding: 0px 0px;
    max-height: -o-calc(100% - 15px);
    max-height: -ms-calc(100% - 15px);
    max-height: -moz-calc(100% - 15px);
    max-height: -webkit-calc(100% - 15px);
    max-height: calc(100% - 15px);
    padding-left: 15px;
}

.header_b{
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
}

.header_b .columna_uno{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header_b .menu{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header_b .menu_li{
    position: relative;
    line-height: 40px;
    float: left;
    font-size: 16px;
    border-right: 1px solid #ccc;
    font-weight: 700;
    list-style: none;
    display: block;    
    /*padding: 0px 15px;*/
    line-height: normal;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_b .menu_li_active{
    background-color: #000;
    color: #FFF;
}

.header_b .menu_li_active > a{
    color: #FFF;
}

.header_b .menu_li > *{
    /*cursor: pointer;*/
    display: inline-block;
    padding: 0 10px;
}

.menu_li.logo_mini{
    height: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: width 300ms;
    overflow: hidden;
    padding: 0px;
    width: 0px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

.menu_li.logo_mini img{
    max-width: 130px;
    max-height: 100%;
    width: auto;
    height: auto;
}

.header_b .menu_li .m_ld{
    padding: 0px 15px;
    color: #000;
}

.header_b .menu_li .submenu{
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    display: none;
    list-style: none;
    padding-left: 0px;
    position: absolute;
    min-width: 200px;
    margin-left: 0px;
    color: #000;
    z-index: 5;
    border-top: 1px solid #ccc;
    left: 0px;
    top: 100%;
}

.header_b .menu_li .submenu a{
    line-height: 28px;
    display: block;
    padding: 6px 19px;
}

.header_b .menu_li .submenu span{
    line-height: 28px;
    display: block;
    padding: 6px 19px;
    background-color: #000;
    color: #FFF;
}

.columna_dos{
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.ntr{
    display: block;
    line-height: 40px;
    padding: 0px 20px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 16px;
    font-weight: 700;
}



.redes{
    display: flex;
    vertical-align: top;
    height: 40px;
    flex-wrap: wrap;

}


.columna_dos .redes{
    display: flex;
    margin-right: 40px;
    flex-wrap: nowrap;
}


.red{
    width: 30px;
    padding: 0px 2px;
    height: 40px;
    position: relative;
    display: block;
}

.red img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
 .redes.redes_idioma{
    /* margin: 0px; */
    text-transform: uppercase;
}

.redes.redes_idioma .red{
    font-size: 16px;
    border-left: 1px solid #ccc;
    font-weight: 700;
    padding: 0px 15px;
    width: auto;
}


.redes{
    margin: 0;
    padding: 0;
}

.red{
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
}

.red > div{}

.lupa{
    display: inline-block;
    width: 40px;
    height: 30px;
    position: absolute;
    vertical-align: top;
    margin-top: 5px;
    border-left: 1px solid #ccc;
    overflow: hidden;
    top: 0;
    right: 0;
}

.lupa_icon{
    width: 40px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    background-image: url(../img/search.png);
    right: 0;
    cursor: pointer;
}

.lupa_form{
    position: absolute;
    top: -5px;
    height: 40px;
    right: 40px;
    width: 0px;
    overflow: hidden;
}

.lupa_form form{
}

.lupa_form input{
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 40px;
    background-color: #f2f2f2;
}

header.act{
    position: fixed;
    top: -106px;
}

header.act .header_b{
}

header.act .menu_li.logo_mini{
    display: block;
    width: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*menu responsivo*/

.linea_responsivo{
    height: 40px;
    display: none;
    border-bottom: 1px solid #ccc;
}

.linea_responsivo_int{}

.l_r_logo_mini{
    width: 132px;
    height: 38px;
    margin: 1px;
    background-color: #fff!important;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    position: relative;
    display: block;
}


.l_r_columna_derecha{
    float: right;
    text-align: right;
}


.l_r_columna_derecha .lupa{}

.btn_menu{
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    padding: 5px 8px;
    cursor: pointer;
    margin-right: 41px;
}



.btn_linea{
    width: 25px;
    height: 2px;
    background-color: #000;
    margin: 6px 0px;
    -webkit-transition: 200ms;
    transition: 200ms;
}

.btn_menu.act{}
.btn_menu.act .btn_linea{
    opacity: 0;
}
.btn_menu.act .btn_linea:last-child{
    opacity: 1;
    -webkit-transform: translate(0px,-8px) rotate(-45deg);
    transform: translate(0px,-8px) rotate(-45deg);
}
.btn_menu.act .btn_linea:first-child{
    opacity: 1;
    -webkit-transform: translate(1px,8px) rotate(45deg);
    transform: translate(1px,8px) rotate(45deg);
}






.responsivo_content_dos_menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.responsivo_content_dos_menu a {
    display: block;
    padding: 9px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
}

.menu_responsivo_contenido_dos {
    width: 100%;
    background-color: #fff;
    height: 0px;
    overflow: hidden;
    font-weight: 700;
}




.content_menu_desplegable {
    border-bottom: 1px solid #ccc;
}


.menu_desplegable_btn {
    display: block;
    padding: 9px 10px;
    background-color: #F3F3F3;
    position: relative;
}

.flecha_desplegar .menu_desplegable_btn::before{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/flecha_ab_rosa.png);
    filter: grayscale(1);
    background-size: 20px;
    transform-origin: center;
}

.menu_desplegable {
    height: 0;
    overflow: hidden;
}

.menu_desplegable.act {
    height: auto;
}

.content_menu_desplegable.act .menu_desplegable{
    height: auto;
}

.content_menu_desplegable.flecha_desplegar.act .menu_desplegable_btn::before{
    transform: rotate(180deg);
}

.menu_desplegable nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu_desplegable nav a{
    display: block;
    padding: 9px 10px;
}

/*menu categorias*/

.menu_cat{
    width: 100%;
    height: 40px;
    background-color: #FFFFFF;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    z-index: 4;
    border-top: 1px solid #ccc;
    position: absolute;
}

header .menu_cat_header{
    width: 100%;
    height: 40px;
    background-color: #FFFFFF;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.menu_cat.act{
    position: fixed;
    top: 40px;
    left: 0;
}

.mc_ul{
    margin: 0;
    padding: 0;
    height: 40px;
}

.mc_li{
    float: left;
    list-style: none;
    border-right: 1px solid #ccc;
    width: auto;
    margin-top: 0px;
    text-align: center;
    line-height: 40px;
    /*padding: 0px 18px;*/
    text-transform: uppercase;

    display: block;
    font-weight: 700;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
}

.mc_li > span{
    padding: 0px 18px;
}

.mc_li > .category-link-normal{
    display: inline-block;
}

.mc_li > .category-link-over{
    display: none;
}


.mc_li:hover,
.mc_li > .category-link-active{
    display: inline-block;
    color:#fff;
}

/*colores************************************/

.mc_li.act.c_01{
    background-color: #034ea2;
}
.mc_li.act{
    color: #fff; 
}

.mc_li.act.c_02{
    background-color: #540081;
}

.mc_li.act.c_03{
    background-color: #33b6ba;
}


.mc_li.act.c_04{
    background-color: #f5c109;
}

.mc_li.act.c_05{
    background-color: #000;
}

.mc_li.act.c_06{
    background-color: #e01451;
}

.mc_li.act.c_07{
    background-color: #a4cb22;
}

.mc_li.act.c_08{
    background-color: #f39918;
}

.mc_li.act.c_09{
    background-color: #4fc0fd;
}

.mc_li.c_01:hover{
    background-color: #034ea2;
}

.mc_li.c_02:hover{
    background-color: #540081;
}

.mc_li.c_03:hover{
    background-color: #33b6ba;
}

.mc_li.c_04:hover{
    background-color: #f5c109;
}

.mc_li.c_05:hover{
    background-color: #000;
}

.mc_li.c_06:hover{
    background-color: #e01451;
}

.mc_li.c_07:hover{
    background-color: #a4cb22;
}

.mc_li.c_08:hover{
    background-color: #f39918;
}

.mc_li.c_09:hover{
    background-color: #4fc0fd;
}


.tags .c_01{background-color: #034ea2;}
.tags .c_02{background-color: #540081;}
.tags .c_03{background-color: #33b6ba;}
.tags .c_04{background-color: #f5c109;}
.tags .c_05{background-color: #000;}
.tags .c_06{background-color: #e01451;}
.tags .c_07{background-color: #a4cb22;}
.tags .c_08{background-color: #f39918;}
.tags .c_09{background-color: #4fc0fd;}

/*fin colores************************************/

.logo_secundario{
    position: absolute;
    height: 70px;
    right: 20px;
    top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: -o-calc(100vw - 580px);
    width: -ms-calc(100vw - 580px);
    width: -moz-calc(100vw - 580px);
    width: -webkit-calc(100vw - 580px);
    width: calc(100vw - 580px);
}
.logo_secundario_int{
    border: 1px solid #ccc;
    border-right: none;
    display: flex;
    height: 70px;
}
.lc_img{
    height: 100%;
    position: relative;
    width: auto;
    border-right: 1px solid #ccc;
    height: 70px;
}
.lc_img_logo{
    width: auto;
    height: 100%;
    display: block;
}
.lc_img img{
    height: 100%;
    width: auto;
    display: block;
    padding: 0px 10px;
}
.lc_img_logo img{
    height: 100%;
    width: auto;
    display: block;
    padding: 0px;
}



/*contenido*/
.wrapper{
    margin-top: 147px;
    padding-bottom: 50px;
    min-height: 100vh;
    z-index: 3;
    position: relative;
    background-color: #f4f4f4;
}

.wrapper.wrapper_int{
    margin-top: 188px;
}

.slider{
    width:100%;
    position: relative;
    height: 100%;
}

.slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.slider_home.slider{
    width: 100%;
    height: 600px;
    background-color: rgb(242,242,242);
    top: 0px;
}

.slider_home.slider .slide{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider_home.slider .slide_over{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.64) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(48%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.64)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.64) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.64) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.64) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.64) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);
}

.slider_home.slider .slide_info{
    width: 1234px;
    margin: auto;
    height: 100%;
    position: relative;
}

.slide > a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slider_home.slider .s_text{
    width: 400px;
    height: auto;
    position: absolute;
    bottom: 27px;
    color: #fff;
}

.slider_home.slider .s_text p{
    margin: 0px;
    font-size: 43px;
    line-height: 53px;
    letter-spacing: 1px;
    font-weight: 700;
}

.puntos{
    position: absolute;
    list-style: none;
    bottom: 15px;
    right: -o-calc(50% - 618px);
    right: -ms-calc(50% - 618px);
    right: -moz-calc(50% - 618px);
    right: -webkit-calc(50% - 618px);
    right: calc(50% - 618px);
    z-index: 2;
}

.punto{
    width: 30px;
    height: 6px;
    background-color: rgba(255,255,255,0.4);
    float: left;
    margin: 1px;
    cursor: pointer;
}

.punto.act{
    background-color: #fff;
}



/*content*/

.content{
    width: 1234px;
    margin: 80px auto 0px;
    position: relative;
}

.carrusel{
    width: 100%;
    height: auto;
    position: relative;
    margin: 80px 0px 30px;
}

.titulo{
    height: 30px;
    margin-bottom: 10px;
    color: rgb(0,0,0);
    border-bottom: 4px solid rgb(0,0,0);
    position: relative;
    font-size: 20px;
    font-weight: 700;
}
.titulo p{
    margin: 0px;
}

.carrusel .titulo{}

.flecha{
    background-image: url(../img/flechas_negras.png);
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: rgba(0,0,0,0.91);
    z-index: 3;
    top: 36%;
    background-size: 123px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.flecha.flecha_c_izq{
    left: -9px;
    background-position: 0px 3px;
}

.flecha.flecha_c_der{
    right: -9px;
    background-position: -28px 3px;
}

.c_mask{
    height: auto;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
        white-space: nowrap;
}

.ci_mask{
    position: relative;
    height: 390px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    display: inline-flex;
    vertical-align: top;
}

.carrusel{}

.titulo_semana{
    margin: 0;
    padding-right: 10px; 
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
}

/*post general*/

.post{
    width: 300px;
    margin-right: 11px;
    background-color: rgb(255,255,255);
    position: relative;
    color: #000;
    height: 390px;
    white-space: normal;
    float: left;
}
.ci_mask .post{
    float: initial;
}

.post_img{
    width: 100%;
    padding-bottom: 60%;
    background-color: #EDEDED;
    background-size: cover, 70px;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    position: relative;
}

.pleca{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #df3b91;
    color: #fff;
    padding: 0px 10px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
}

.post_info{
    height: 126px;
    overflow: hidden;
    margin: 0px 7px 0px 7px;
    margin-top: 10px;
}
.content_r .post_info{
    height: auto;
    padding-bottom: 15px;
}

.post_info .titulo_cat{
    display: block;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 10px;
    margin: 0px;
    font-weight: 700;
    overflow: hidden;
    height: 47px;
}
.content_r .post_info .titulo_cat{
    height: initial;
    font-size: 16px;
    line-height: 22px;
}

.columna_mes .post_info .titulo_cat{
    height: auto;
}

.ci_mask.minipost .post_info .titulo_cat{
    font-size: 18px;
    line-height: 22px;
    height: 38px;
}

.ci_mask.minipost .post{
    height: 350px;
    margin: 1px;
    width: 245px;
}

.post_info > span{
    font-size: 15px;
    font-size: 13px;
    font-weight: 300;
}

.tags{
    width: -o-calc(100% - 14px);
    width: -ms-calc(100% - 14px);
    width: -moz-calc(100% - 14px);
    width: -webkit-calc(100% - 14px);
    width: calc(100% - 14px);
    margin: 7px 0px;
    position: absolute;
    bottom: 0px;
}
.content_r .tags{
    position: relative;
    bottom:initial;
    height: auto;
}
.tag{
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 3px 7px;
    margin: 0px;
    background-color: #aaa;
    margin-bottom: 4px;
    line-height: 16px;
    float: left;
    margin-right: 4px;
    color: #fff;
    text-transform: uppercase;
}

.tag-type{
    background-color: #565656;
}

/*post category*/
.columna_mes .post{
    margin: 0px 0px 5px;
    width: 100%;
    height: auto;
    float: inherit;
}

.columna_mes .post_img{
    display: inline-block;
    vertical-align: top;
    width: 440px;
    height: 290px;
    margin-right: 20px;
    padding-bottom: initial;
}

.columna_mes .post_info{
    display: inline-block;
    vertical-align: top;
    width: -o-calc(100% - 350px);
    width: -ms-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 470px);
    margin: 15px 0px;
    min-height: 200px;
    position: relative;
        height: 260px;
}



.columna_mes .post_info span{}

.columna_mes .tags{
    position: relative;
    width: auto;
    height: auto;
    bottom: inherit;
    margin: 0px 0px 15px;
}

.tags_nota{
    position: absolute;
    width: 100%;
    background-color: #fff;
    bottom: 0px;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}

.tag_nota{
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding: 0px 5px;
    margin-right: 10px;
    border-bottom: 1px solid #ed1e79;
}

.columna_mes .post_info .tag_nota{
    border-bottom: 1px solid #fff;
}




.carrusel .boton{
    float: right;
}

.boton{
    position: relative;
    cursor: pointer;
    margin: 0;
    background-color: rgb(103,103,103);
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0px 10px;
    line-height: 30px;
}



.box{
    width: 100%;
    display: block;
    vertical-align: top;
    height: 269px;
    background-color: #CDCDCD;
    background-size: cover, 70px;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.box_info{
    position: absolute;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    background-color: rgba(0,0,0,0.49);
    bottom: 0px;
    height: 36px;
    width: -o-calc(100% - 30px);
    width: -ms-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    color: #fff;
    padding: 15px;
}



.box_info h3{
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 24px;
}

.box_info p{

    
}

.mascara_box{
    width: -o-calc(100% + 8px);
    width: -ms-calc(100% + 8px);
    width: -moz-calc(100% + 8px);
    width: -webkit-calc(100% + 8px);
    width: calc(100% + 8px);
    height: auto;
    margin-left: -4px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.mascara_box a{
        display: block;
    width: -o-calc(25% - 8px);
    width: -ms-calc(25% - 8px);
    width: -moz-calc(25% - 8px);
    width: -webkit-calc(25% - 8px);
    width: calc(25% - 8px);
    margin: 0px 4px 8px;
}



.video_slider{
    width: 100%;
    position: relative;
}

.video_slide{
    position: relative;
    width: 100%;
    height: auto;
}

.video{
    width: 100%;
    height: auto;
    position: relative;
}

.video_int{
    width: 100%;
    padding-bottom: 56.6%;
    height: 0;
}

.video_int iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mask_carrusel{
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 0px;
}

.mc_flecha_izq{
    background-image: url(../img/flechas_negras.png);
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,0.91);
    z-index: 3;
    top: 23%;
    background-size: 104px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
    cursor: pointer;
    left: -9px;
}

.mc_flecha_der{
    background-image: url(../img/flechas_negras.png);
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,0.91);
    z-index: 3;
    top: 23%;
    background-size: 104px;
    background-repeat: no-repeat;
    background-position: -23px 3px;
    cursor: pointer;
    right: -9px;
}

.mask_btn{
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}

.mask_cbtn{
    height: 59px;
}

.mask_btn_video.post{
    width: 102px;
    height: 59px;
    background-color: #E8E8E8;
    margin-bottom: 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    margin-right: 7px;
}

.mask_btn_play{
    width: 30px;
    height: 30px;
    background-color: rgba(237,30,121,0.75);
    left: calc(50% - 15px);
    position: absolute;
    top: calc(50% - 15px);
    border-radius: 50%;
    opacity: 0;
    transition: 300ms;
}


.mask_btn_play_icon{
    width: 0;
    height: 0;
    border-left: 9px solid rgb(255,255,255);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: -o-calc(50%  - 5px);
    top: -ms-calc(50%  - 5px);
    top: -moz-calc(50%  - 5px);
    top: -webkit-calc(50%  - 5px);
    top: calc(50%  - 5px);
    left: -o-calc(50% - 3px);
    left: -ms-calc(50% - 3px);
    left: -moz-calc(50% - 3px);
    left: -webkit-calc(50% - 3px);
    left: calc(50% - 3px);
}



/*calendario*/

.post_calendar{
    /*margin-bottom: 11px;*/
    position: relative;
}

.title_calen{
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: relative;
}

.title_calen p{
    font-weight: bold;
    margin: 0;
}

.flecha_c_li{
    background-image: url(../img/flechas_calen.png);
    list-style: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    /*margin-top: -3px;*/
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center left;
}

.flecha_c_li.flecha_calen_izd{
    float: left;
    background-position: center left;
}

.flecha_c_li.flecha_calen_der{
    float: right;
    background-position: center right;
}

.calendar{
    position: relative;
    /*height: 255px;*/
    width: 273px;
    margin: auto;
}



.week{
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
}

.box_week{
    width: calc(100%/7 - 10px);
    width: -moz-calc(100%/7 - 10px);
    width: -webkit-calc(100%/7 - 10px);
    width: -o-calc(100%/7 - 10px);
    width: calc(100%/7 - 10px);
    margin: 5px;
    display: block;
    text-align: center;
    font-weight: bold;
    cursor: default;
}

.box_week p{
    font-weight: bold;
    margin: 0;
}

.day{
    width: 100%;
    margin-top: -10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.box_day{
    width: calc(100%/7 - 1px);
    width: -moz-calc(100%/7 - 1px);
    width: -webkit-calc(100%/7 - 1px);
    width: -o-calc(100%/7 - 1px);
    width: calc(100%/7 - 1px);
    margin-left: 1px;
    text-align: center;
    height: 30px;
    background-color: #E4E4E4;
    margin-bottom: 1px;
    line-height: 30px;
    font-weight: 400;
    font-size: 14px;
    display: block;
    border: none;
    font-family: inherit;
}

.box_day:not(.box_day_none){
    cursor: pointer;
}



.box_day:focus{
    outline: none;
}

.box_day p {
    margin: 0px;
    line-height: 30px;
    font-weight: 400;
    font-size: 14px;
}

.box_day.box_day_none{
    border: none;
    background-color: rgba(244,244,244,0);
    color: #ccc;
}

.box_day.box_day_activo{
    background-color: #ed1e79;
}



.box_day_seleccionado,
.box_day_seleccionado:hover{
    color: #FFF;
    background-color: #000 !important;
}

.box_day:disabled{
    color: #999;
    cursor: default;
}



.flecha_c_ul{
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 2px;
}

.helper{
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.columna_category{
    width: 269px;
    height: 259px;
    float: left;
    margin-right: 30px;
    position: absolute;
}

.content.content_calendar{
    position: relative;
    margin: auto;
    padding-top: 50px;
}

.columna_category_post{
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 58px;
}

.menu_category_post{
    /* border-bottom: 1px solid #ccc; */
    position: absolute;
    width: 100%;
    top: 0;
}

.columna_mes{
}

.columna_mes .titulo{
    text-align: right;
    color: #df3b91;
    border-bottom: 3px solid #df3b91;
    font-size: 14px;
    line-height: 40px;
}

.columna_mes .titulo p{
    margin: 0;
}

.selec{
    display: inline-block;
    border: none;
    border-right: 1px solid #ccc;
    position: relative;
    z-index: 1;
}

.selec select{
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    padding: 0px 20px;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 14px;
    line-height: 40px;
    padding-right: 40px;
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: -moz-calc(100% - 7px) center;
    background-position: -webkit-calc(100% - 7px) center;
    background-position: -o-calc(100% - 7px) center;
    background-position: calc(100% - 7px) center;
    background-position-y: center;
    background-image: url(../img/flecha_ab.png);
}

.selec select:focus{
    outline: 0;
}
.selec select:active{
    outline: 0;
}

/*.btn_tit .selec{border-right: none;margin-right: 10px;}*/
.btn_tit .selec{
    border-right: none;
    margin-right: 5px;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 14px;
    line-height: 40px;
    width: 195px;
    height: 40px;
}
.btn_tit .selec::after{
    content: '';
    width: 20px;
    height: 20px;
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/flecha_ab.png);
    position: absolute;
    right: 5px;
    top: 10px;
}

.btn_tit .selec select{
}

/*footer*/

.espacio_footer{
    display: none;
}

footer{
    background-color: #000;
    color: #fff;
    font-size: 14px;
    position: relative;
    width: 100%;
    bottom: 0;
    height: auto;
    left: 0;
    z-index: 1;
}

.footer_int{
    width: 1234px;
    height: 100%;
    margin: auto;
    padding-top: 12px;
    padding-bottom: 1px;
}

.f_columna{
    width: 370px;
    margin: 10px;
    float: left;
}

.logo_footer{}

.logo_footer img{
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

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

footer p{}

.f_columna p{}

.f_columna_info p{
    margin-top: 0px;
}

.f_columna_img{
    width: 350px;
    height: auto;
    float: left;
    margin: 10px;
    text-align: right;
}

.f_columna_info{
    width: -o-calc(100% - 780px);
    width: -ms-calc(100% - 780px);
    width: -moz-calc(100% - 780px);
    width: -webkit-calc(100% - 780px);
    width: calc(100% - 780px);
    float: left;
    margin: 10px;
}

.f_columna_info p{
    max-width: -o-calc(100% - 100px);
    max-width: -ms-calc(100% - 100px);
    max-width: -moz-calc(100% - 100px);
    max-width: -webkit-calc(100% - 100px);
    max-width: calc(100% - 100px);
}

.f_columna_img img{}

.fila_footer{
    clear: both;
    width: -o-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px;
}

.dupla{
    text-align: right;
    font-size: 12px;
    letter-spacing: 1px;
    padding-left: 5px;
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
    color: rgba(255,255,255,0.5);
}



.dupla::after{
    content: ' >';
}

.dupla::before{
    content: '</ ';
}

footer a{
    color: #fff;
}

section::focus{
    outline: 0;
}

section::active{
    outline: 0;
}

 p.p_iframe {
    width: 100%;
    position: relative;
    height: 0px;
    padding-bottom: 56.6%;
}

p.p_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content.content_calendar.act .menu_category_post{
    background-color: #f4f4f4;
    padding-top: 0px;
    top: 82px;
    position: fixed;
    width: 935px;
    padding-top: 45px;
    z-index: 5;
}
.content.content_calendar.act .content_calendario{
    position: fixed;
    top: 128px;
    left: -o-calc(50% - 617px);
    left: -ms-calc(50% - 617px);
    left: -moz-calc(50% - 617px);
    left: -webkit-calc(50% - 617px);
    left: calc(50% - 617px);
}

.content.page{
    padding-top: 0;
    width: 1234px;
    height: auto;
    background-color: #fff;
    position: relative;
    margin: auto;
}
.texto h1 {
    font-weight: 700;
}

.page_img{
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 24%;
    margin-bottom: 40px;
}

.page_img_int{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover, 140px;
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-color: #CDCDCD;
}

hr {
    border-style: solid;
    border: none;
    border-bottom: 1px solid #ccc;
    clear: both;
}



.texto{
    line-height: 27px;
    width: 680px;
    margin: auto;
    padding-bottom: 100px;
    padding-top: 10px;
}
.parrafo{
    max-width: 680px;
}
.texto.texto--full{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.content_taxonomia{
    width: 1244px;
    padding-top: 50px;
}

.content_taxonomia .columna_category_post .sub_tit{
    width:100%;
    margin:auto;
}

.sec_tres{
    width: 75%;
    margin-right: 0px;
    float: left;
}
.sec_tres > p{
    padding-left: 5px;
}
.sec_uno > p{
    padding-left: 10px;
}
.sec_uno{
    width: -o-calc(25% - 5px);
    width: -ms-calc(25% - 5px);
    width: -moz-calc(25% - 5px);
    width: -webkit-calc(25% - 5px);
    width: calc(25% - 5px);
    margin-left: 5px;
    float: left;
}

.calendario_icon {
    line-height: 40px;
    height: 40px;
    display: inline-block;
    width: 40px;
    position: relative;
}

.calendario_icon_int {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-image: url(../img/calendario.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 3px center;
}

.mes_content {
    position: absolute;
    width: 500px;
    height: auto;
    background-color: #f4f4f4;
    z-index: 5;
    top: -o-calc(100% + 4px);
    top: -ms-calc(100% + 4px);
    top: -moz-calc(100% + 4px);
    top: -webkit-calc(100% + 4px);
    top: calc(100% + 4px);
    left: -4px;
    overflow: hidden;
    transition: 300ms;
    height: 0;
}

.mes_content.act {
    height: auto;
}

.columna_mes_content {
    width: -o-calc(50% - 10px);
    width: -ms-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    float: left;
    margin: 0 5px 5px;
}

.columna_mes_content_tit {
    height: 40px;
    position: relative;
}

.mes_content .calendar {
    width: 100%;
    /*height: auto;*/
    position: relative;
    /*margin-bottom: 30px;*/
}

.sec_tres .post{
    margin: 0px 5px 10px;
    width: -o-calc(100%/3 - 10px);
    width: -ms-calc(100%/3 - 10px);
    width: -moz-calc(100%/3 - 10px);
    width: -webkit-calc(100%/3 - 10px);
    width: calc(100%/3 - 10px);
}

.sec_uno .post{
    width: -o-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
}

.sub_tit{
    border-bottom: 3px solid #333;
    width: -o-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 0px auto 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: relative;
}

.btn_tit{
    /*display: inline-block;*/
    vertical-align: middle;
    border-right: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
}

.btn_tit h1{
    margin: 0;
    padding-right: 10px; 
    font-size: 20px;
    font-weight: 700;
}

.btn_tit.ttx{
    font-size: 20px;
    font-weight: 700;
}

.btn_tit.btn_mes{
    border:none;
    vertical-align: bottom;
    align-self: flex-end;
    position: absolute;
    right: 0;
    bottom: 0px;
    text-align: right;
    line-height: 20px;
    display: flex;
}

.flecha_mes_izq{
    background-image: url(../img/flechas_calen.png);
    list-style: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: left;
    background-position: -10px 0px;
    margin-top: 5px;
}

.n_mes{
    font-weight: 600;
    letter-spacing: 0px;
    margin: auto;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}

.flecha_mes_der{
        background-image: url(../img/flechas_calen.png);
    list-style: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: right;
    background-position: -20px 0px;
    margin-top: 5px;
}

.sec_uno .sub_tit{
    margin-left: 10px;
}

.sec_uno .sub_tit .btn_tit.ttx{
    border:none;
}

.sec_uno .sub_tit .btn_tit.ttx p{
    margin: 0;
    padding-right: 10px; 
        margin: 0;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 40px;
}

.sec_cuatro{}
.sec_cuatro > p{
    width: -o-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 0px auto 15px;
}
.sec_cuatro .post{
    width: -o-calc(25% - 10px);
    width: -ms-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: -webkit-calc(25% - 10px);
    width: calc(25% - 10px);
    margin: 0px 5px 10px;
}

.sub_tit.sub_tag{
    border:none;
}

.sub_tit.sub_tag .btn_tit{
    display: block;
    border: none;
}

.sub_tit.sub_tag .btn_tit.ttx{
    border-bottom: 3px solid #000;
    width: 100%;
}

.sub_tit.sub_tag .btn_tit.sub{
    line-height: 20px;
    height: 20px;
}

.sub_tit.sub_tag .btn_tit.sub h2{
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0px;
}

.texto  a {
    color: #000;
    text-decoration: inherit;
    border-bottom: 1px solid #ccc;
}



.ficha{
    float: right;
    width: 268px;
}

.ficha_fila{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.ficha_fila h1{
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    padding-bottom: 10px;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 5px;
}

.ficha_fila h2{
    margin: 0;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
}

.ficha_fila p{
        font-size: 15px;
    margin: 0;
    margin-top: 5px;
}

.ficha_fila strong{
        font-size: 17px;
    font-weight: 700;
    margin: 0px;
}

.single_img_int .slider{
    width: calc(100% - 294px);
    width: -moz-calc(100% - 294px);
    width: -webkit-calc(100% - 294px);
    width: -o-calc(100% - 294px);
    width: calc(100% - 294px);
    float: left;
    position: relative;
    height: 503px;
    top: 0px;
    height: 0;
    padding-bottom: 40.7%;
}

.single_img_int .puntos{
    right: 10px;
}

.content.single_img{
    width: 100%;
    margin: auto;
    height: 100%;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 40px 0px;
    z-index: 5;
}

.single_img_int{
    width: 1234px;
    margin: auto;
}

.ficha .tags{
    position: relative;
    bottom: inherit;
    margin: 0;
    width: 100%;
    /*display: flex;*/
}

.c_redes{}

.redes{}

.c_redes .redes{}

.c_redes .red{
    width: 50px;
    height: 30px;
    list-style: none;
    margin-right: 3px;
    position: relative;
    background-repeat: no-repeat;
    background-color: #676767;
    display: block;
}

.red.fb{
    background-position: center;
    background-image: url(../img/redes/fb_w.png);
    background-size: 56%;
}
.red.tw{
    background-position: center;
    background-image: url(../img/redes/twitter_w.png);
    background-size: 56%;
}
.red.ml{
    background-position: center;
    background-image: url(../img/redes/mail_w.png);
    background-size: 56%;
}
.red.im{
        background-position: center;
    background-image: url(../img/redes/print_w.png);
    background-size: 56%;
}

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

.texto img.alignleft{
    margin:10px 20px 10px 0;
    float:left;
}
.texto img.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.texto img.alignright{
    margin:10px 0 10px 20px;
    float:right;
}

.ficha_s{
    width: 265px;
    float: left;
    height: 100%;
    position: relative;
    font-size: 15px;
    background-color: #f4f4f4;


}

.ficha_s iframe{
    width:100%;
    height: 200px;
}

.info{
    width: 600px;
    float: right;
}

.infoPrensa{
    width: 910px;
}

.info .c_redes{}

.info .redes{}

.info .texto{
    width: 100%;
}

.calendar_single{
    width: 100%;
    margin-bottom: 11px;
}

.calendar_single .calendar{}

.content_l{
    width: calc(100% - 321px);
    width: -moz-calc(100% - 321px);
    width: -webkit-calc(100% - 321px);
    width: -o-calc(100% - 321px);
    width: calc(100% - 321px);
    float: left;
    position: relative;
    margin-right: 50px;
}
.ficha_s strong {
    font-size: 17px;
    font-weight: 700;
}

.content_r{
    width: 269px;
    float: right;
    position: relative;
}

.ficha_s p{
    margin-top: 0;
}

.content_r .post{
    width: 100%;
    float: inherit;
    margin: 0px 0px 30px;
    height: auto;
}

.content_r .post h2{
    margin: 0px;
    font-weight: 700;
    font-size: 17px;
    line-height: 23px;
}


.content_r .post .post_img{
    height: 0px;
}

.texto .tags{
        border-top: 1px solid#ccc;
    padding-top: 37px;
    margin-top: 53px;
    bottom: 15px;
}

.texto .tags_nota{
    background-color: transparent;
    position: relative;
    border-top: 1px solid#ccc;
    padding-top: 37px;
    margin-top: 53px;
    bottom: 15px;
}

.texto .tag_nota{
    background-color: transparent;
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

.single_img_int .slider .slide{
    background-size: cover, 90px;
    background-repeat: no-repeat,  no-repeat;
    background-position: center, center;
}


.redes_fixed{
    position: fixed;
    top: 100px;
    padding: 0;
    margin: 0;
    height: auto;
    left: 0;
    display: none;
    z-index: 3;
}
.redes_fixed.act{
    display: block;
}

.redes_fixed .red{
    width: 50px;
    height: 53px;
    position: relative;
    background-repeat: no-repeat;
    background-color: #676767;
    background-size: 56%;
    background-position: center;
    display: block;
    margin: 0;
}

.redes_fixed .red.fb{
    background-image: url(../img/redes/fb_w.png);
}

.redes_fixed .red.tw{
    background-image: url(../img/redes/twitter_w.png);
}

.redes_fixed .red.ml{
    background-image: url(../img/redes/mail_w.png);
}

.redes_fixed .red.im{
    background-image: url(../img/redes/print_w.png);
}


.red_embed{
    width: 100%;
    height: 416px;
    position: relative;
}

.red_embed iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}

.mascara_box_tres.mascara_box .box{
    width: -o-calc(100%/3 - 8px);
    width: -ms-calc(100%/3 - 8px);
    width: -moz-calc(100%/3 - 8px);
    width: -webkit-calc(100%/3 - 8px);
    width: calc(100%/3 - 8px);
}

.minipost .post .post_info{
    height: auto;
}

.banner_grande{
        width: 100%;
    height: 416px;
}

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

.banner img {
    max-width: 100%;
    height: auto;
    display: block;
}

footer .redes{
    display: flex;
    flex-wrap: wrap;
}

footer .red{
    filter: invert(100%);
}

.lupa.act{
    width: 280px;
}



.lupa.act .lupa_form{
    width: -o-calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.lupa.act form{}

input::active{
    outline: 0;
}

input::focus{
    outline: 0;
}


/*scroll*/
.fijar_menu_top{
    position: absolute;
    top: -42px;
}
.fijar_menu_top_home{
    position: absolute;
    top: -123px;
}

.wrapper.wrapper_int .fijar_menu_top{
    top: -83px;
}

.top_single_redes{
    position: absolute;
    right: 0px;
    top: -50px;
}

/*break*/

.backgroundimage{
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 0px;
    padding-bottom: 69.8%;
}
.columna .backgroundimage{
    padding-bottom: 0px;
    height: 100%;
}

.columna_uno_mitad{
    width: 288px;
    position: relative;
}
.columna_uno.columna_uno_mitad{
    width: 306px;
}
.columna_tres.columna_uno_mitad{
      width: 270px;
}
.break_int iframe{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
}

.link_break{
    position: relative;
    display: block;
    height: 43px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}


/*break*/


.break{
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 0px;
}

.break .break_int{
    width: 1234px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.columna_doble{
    height: auto;
    width: -o-calc(100% - 636px);
    width: -ms-calc(100% - 636px);
    width: -moz-calc(100% - 636px);
    width: -webkit-calc(100% - 636px);
    width: calc(100% - 636px);
    margin: 0px;    
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.columna{
    height: auto;
    position: relative;
    margin: 0px;
}

.columna.c_a{
    width: 306px;
}
.columna.c_b{
    width: 270px;
}

.break .calendar{
    width: 100%;
    height: 216px;
}
.break .banner{
    width: 100%;
    display: block;
}
.break img{
    max-width: 100%;
    height: auto;
    display: block;
}

.break audio{
    width: 100%;
    background-color: #f1f3f4;
    height: 29px;
}

.columna.c_a .banner{
    margin-bottom: 24px;
}
.s_logo{}
.s_logo img{
    max-width: 160px;
    max-height: 90px;
    width: auto;
    height: auto;
    margin: auto;
}
.slider_tres{
    width: 100%;
 
}
.content_logos{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.slider_tres .s_logo{
    width: -o-calc(100%/3);
    width: -ms-calc(100%/3);
    width: -moz-calc(100%/3);
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    vertical-align: middle;
}
.content_logos .s_logo{
    width: -o-calc(100%/3);
    width: -ms-calc(100%/3);
    width: -moz-calc(100%/3);
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
}
.slick-slide>div{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.dateRangeSelect{
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 200px;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    width: 130px;
    top: 0;
    left: 0;
}
.btn_tit .selec::after{
    
}

.dateRangeSelect > li > *{
    padding: 0 10px;
}

.dateRangeSelect > li > a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.dateRangeSelect > li:not(:first-child){
    background-color: #FFF;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    transition: 100ms;
}

.dateRangeSelect > li:last-child:not(:only-child){
    border-bottom: 1px solid #CCC;
}

.dateRangeSelect > li:not(:first-child){
    display: none;
}



.calendarDisabled{
    opacity: 0.5;
}

.calendarBlock{
    position: absolute;
    width :100%;
    height: 100%;
    z-index: 2;
    display: none;
    top: 0;
    left: 0;
}

.post_calendar.calendarDisabled .calendarBlock{
    display: block;
}

.navCalendar{
    background-color: transparent;
    border: none;
}

.navCalendar:focus{
    outline: none;
}

.content.content_taxonomia .page_img{
    width: -o-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 30px auto 40px;
}

.content.content_taxonomia .page_img iframe{
        box-shadow: 1px 1px 4px #ccc;
}

.sec_espacio{
    margin-bottom: 80px;
}

.fecha_semana{}
.fecha_semana .n_mes{}

.cabecera_estasemana{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0px 5px 40px;
    width: -o-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}


.columna_mes.sec_espacio .post{
    width: -o-calc(100% - 10px);
    width: -ms-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 0px auto 5px;
}

.pagination{
    margin: 80px 5px 0px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    justify-content: flex-end;
    font-size: 12px;
    font-weight: 400;
}

.pagination .page{
    margin-left: 1px;
    box-shadow: 1px 1px 1px #ececec;
    color: #fff;
}
.pagination .page span{
    padding: 3px 10px 3px;
    background-color: #565656;
        cursor: default;
}
.pagination .page a{
    color: #fff;
    padding: 3px 10px 3px;
    background-color: #000;
}


.texto img{
    max-width: 100%;
    height: auto;
    display: block;
}

.featured{
    position: absolute;
    color: #FFF;
    text-shadow: 2px 2px 0 #000000;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 27px;
}

.featured .fa, .featured .fas {
    font-weight: 900;
    font-size: 10px;
}

.calendarSingleDay{
    background-color: #000;
    color: #FFF;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    display: none;
}
.icono_cerrar_c{
    display: none;
}
.icono_cerrar_c{}

.alert{
    color: #FFF;
    padding: 5px 10px;
}

.alert-success{
    background-color: #ed1e79;
}

.alert-error{
    background-color: #F00;
}

.required{

}

.required:before{
    content: '*';
    color: #ed1e79;
    margin-right: 5px;
}

.requiredNotice{
    text-align: right;
    color: #ed1e79;
}

.button{
    width: 100%;
    border: none;
    font: inherit;
    cursor: pointer;
    padding: 5px 10px;
    font-weight: 600;
}

.buttonPrimary{
    background-color: #000;
    color: #FFF;
}

.form,
.form *{
    box-sizing: border-box;
}
.form.form--donation{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    margin-top: 40px;
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid #dcdcdc;
}
.form__column{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
}
.form__column__rows{
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    flex-direction: row;
    gap: 20px;
}
.form__column > *{
    margin: 0;
}
.form__group{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: row;
}

.form__group.form__group--width input[type="radio"] + span{
    width: auto;
    display: inline-block;
}
.form__group.form__group--width{
    flex-direction: row;
    flex-wrap: inherit;
    gap: 0;
    white-space: nowrap;
}

input[type="radio"] {
    display: none;
}
input[type="radio"] + span {
    background-color: rgb(220 220 220 / 100%);
    display: block;
    border: 1px solid transparent;
    padding: 5px 10px;
    cursor: pointer;
    transition: 300ms;
}

input[type="radio"]:checked + span {
    background-color: #000;
    color:#fff;
}

.g-recaptcha{

}

.form .alert{
    margin: 0;
}

.form > *{
    margin: 0;
}

.form > *:not(:last-child){
    margin-bottom: 20px;
}

.form > label{
    display: block;
}

.form > ul{
    padding: 0;
    list-style: none;
}

.form input[type="text"],
.form input[type="password"],
.form input[type="email"]{
    display: block;
    width: 100%;
    font: inherit;
    padding: 5px 10px;
}


.content.page .texto form{}
.content.page .texto form input{
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.linea_responsivo form button{
    width: 40px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    background-image: url(../img/search.png);
    right: 0px;
    cursor: pointer;
    top: 5px;
    border: none;
    background-color: #fff;
    color: transparent;
    font-size: 0px;
    padding: 0;
}

.linea_responsivo .lupa_form input{
    right: 40px;
    position: relative;
    width: -o-calc(100% - 50px);
    width: -ms-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    padding: 0px 5px;
}
.linea_responsivo .lupa_form{
    right: 0px;
}
.linea_responsivo .lupa.act .lupa_icon{
    display: none;
}

.linea_responsivo .lupa.act .lupa_form{
    width: -o-calc(100% - 5px);
    width: -ms-calc(100% - 5px);
    width: -moz-calc(100% - 5px);
    width: -webkit-calc(100% - 5px);
    width: calc(100% - 5px);
}

.places{
    margin: 25px 5px;
    padding: 0;
    list-style: none;
}

.places > li{
    display: inline-block;
    margin: 0 4px 4px 0;
    background-color: #AAA;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
}

.places > li > a{
    padding: 3px 7px;
    display: inline-block;
    color: #FFF;
}

.placeSelected,
.places > li > a:hover{
    background-color: #565656;
}

/*firefox*/
@-moz-document url-prefix() {
    .post{
        display: inline-block;
    }
}

.texto .gallery,
.texto #gallery-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    text-align: center;
    align-items: center;
}
.texto .gallery-item,
.texto  #gallery-1 .gallery-item{
    width: -webkit-fit-content;
    width: fit-content;
    float: initial;
    margin: 0;
}
.texto .gallery-item img,
.texto #gallery-1 .gallery-item img{
    max-width: 7rem;
    max-height: 4rem;
    width: auto;
    height: auto;
    aspect-ratio: auto;
    border: none;
}
.header_b .redes{
    display: none;
}
.header_b .redes.redes_idioma{
    display: flex;
    margin-right: 40px;
}


.header_a.header_a--frase{
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.header_a__frase{
    font-size: 16px;
    font-weight: 700;
    list-style: none;
    margin: 0 20px 2px 0;
}
.header_a__frase *{
    margin: 0;
    display: block;
}