*:focus {
    outline: none;
}
.mb-15{
    margin-bottom: 15px;
}
.cabecerasocial #searchHeader input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px black inset;
    -webkit-text-fill-color: white !important;
}

#mainContainer{background: #fff;overflow-x: hidden;}
#headContainer > div{position:relative;}
.cabecera .widget{position:absolute;right:15px;}
.pb30{    padding-bottom: 30px;}
body{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    color: #555555;

    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.cblack{color:#555555;}
b{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    font-weight: 700;
    color: black;
}

ul{
    padding-left: 0px;
}
a{
    text-decoration: none;
    color: #cf1133;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover{
    text-decoration: none;
    color: #cf1133;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

a:focus{
    text-decoration: none;
    outline: none;
}

h1 a, h2 a, h3 a, h4 a{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    text-decoration: none;
    font-weight: 500;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
    color:black;
    text-decoration: none;
    opacity: 0.7;

}
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{
    color: black;
}
.bgw{background:white;}
article h3{
    margin-top: 5px;
}

article h3 a{
    font-size: 21px;
    overflow-wrap: break-word;
    word-wrap:break-word;
}
.headPutneta > div{margin-top:10px;}
.headPutneta h4{    font-family: 'Roboto Slab', helvetica, arial, sans-serif;color:#000;margin:5px 0 0 0;}
figure:hover{
    opacity: 0.7;
}
.txtPubli{font:9px Arial;color:#cccccc;text-align:right;max-width:300px;margin:0 auto;}
.txtPubli728{font:9px Arial;color:#cccccc;text-align:right;max-width:728px;margin:0 auto;}
.txtPubli990{font:9px Arial;color:#cccccc;text-align:right;max-width:990px;margin:0 auto;}
.txtPubli260{font:9px Arial;color:#cccccc;text-align:right;max-width:260px;margin:0 auto;}
.b260x90{display:inline-block;width:260px;/*margin: 0 15px;*/}
.super990{    white-space: nowrap;}
.super990 > div > div >div:nth-of-type(2){margin-right:5px;}
.fl{
    float: left;
}

.fr{
    float: right;
}

.cb{
    clear: both;
}

.npdl{
    padding-left: 0px;
}

.npdr{
    padding-right: 0px;
}

.npd{
    padding: 0px;
}

.cred{
    color: #cf1133!important;
}

.bgred{
    background-color: #cf1133;
}

.trans{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.chartDetalle{margin-top: -1px;padding-top: 0px;font-size:18px;}
#chartdiv {
    width: 100%;
    min-height: 500px;
}
.amcharts-chart-div > a{display:none!important;}

/*-------head---------*/
.nav-mobile{
    position: fixed; top: 50px; left: 0px;  width: 30%;background:#000;bottom:0;/*background:#1f1f27;*/color:white;
}
#menu-container{list-style: none;    padding: 0 40px; overflow-y: scroll;    height: 100%; }
.parent{cursor:pointer;}
#menu-container::-webkit-scrollbar {
    display: none;
}

.respValo{position: absolute;display:none;    min-width: 156px;    right: 0;    top: 34px;    white-space: nowrap;visibility: visible;z-index:99999;}



.pr{    position: relative;}
.menu nav ul{
    list-style: none;
    text-align: center;
    width: 100%;
    padding: 10px 0px 0px 0px;
    /*border-top: 1px solid #36363d;*/
    display: inline-block;
    margin-bottom: 15px;
}
#menu-container li{
    padding:10px;
    display: inline-table;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    width:100%;
    border-bottom: 1px solid #36363d;
}
#menu-container li a{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: white;
    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#menu-container li a:hover{
    color: #cf1133;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#menu-container li > i{
    float:right;
}

#menu-container > li > a > span{margin-right:10px;font-size:22px;}

#menu-container .interior{border:0;padding-left:25px;}



.cabecerasocial{
    height: 50px;
    background-color: #0c0b10;
    width: 100%;
}

.cabecerasocial .iconomenu{

    cursor:pointer;
    height: 50px;
    padding: 15px 30px 0px 30px;
    background-color: #cf1133;
    width: 80px;
    position: relative;
}
.cabecerasocial .iconomenu .rayasmenu{
    width: 20px;
    height: 3px;
    background-color: white;
    margin-bottom: 4px;
}
.cabecerasocial #searchHeader{
    margin: 15px 0px 0px 15px;
}

.cabecerasocial #searchHeader i{
    color: white;
    font-size: 14px;
}

/*.cabecerasocial #searchHeader input{
    color: white;
    background-color: transparent;
    border: 0px;
    outline: none;
    width: 0px;
}

.cabecerasocial #searchHeader .border-input{
    width: 0px;
    border-bottom: 1px solid white;
    display: block;
}*/
.fs21{font-size:21px!important;}
.cabecerasocial #searchHeader input{
    color: white;
    background-color: transparent;
    border: 0px;
    outline: none;
    width: 200px;
}

.cabecerasocial #searchHeader .border-input{
    width: 100%;
    border-bottom: 1px solid white;
    display: block;

}

.cabecerasocial .user{
    margin-top: 13px;
}


.cabecerasocial .user .rrss{
    color: white;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255,255,255,0.43);
}

.cabecerasocial .user .rrss a{
    padding-top: 0px;
}


.cabecerasocial .user i, .cabecerasocial .user .rss a i{
    color: white;
    margin-right: 5px;
    font-size: 18px;
    display: block;
    float: left;

}

.cabecerasocial .user a{
    display: block;
    float: left;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    padding-top: 3px;
    cursor: pointer;

}


.cabecerasocial .user .rrss span{
    font-size: 13px;
    font-weight: 300;
    padding-top: 3px;
    display: block;
    float: left;
}

.cabecerasocial .user .login{
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255,255,255,0.43);
}

.cabecerasocial .user .idioma{
    margin-right: 30px;
}

.cabecerasocial .user .idioma span{
    margin: 0px 10px 0px 10px;
    display: block;
    float: left;
    color: white;
}
.cabecera{
    background-color: #1f1f27;
    padding-top: 30px;
    padding-bottom: 30px;
}

.cabecera .ultimahora h3{
    font-size: 12px;
    font-weight: 700;
    color: #cf1133;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-top: 0px;
}

.cabecera .ultimahora p,.cabecera .ultimahora p a{
    font-size: 12px;
    color: white;
}

.cabecera .logo{
    text-align: center;
}

.cabecera .widget{
    text-align: right;
}
.cabecera .widget p, .cabecera .widget a{
    font-size: 12px;
    color: white;
    margin-bottom: 0px;
}

.cabecera .widget a{
    text-decoration: none;
    cursor: pointer;
    color: white;
}

.cabecera .widget .fecha{
    text-transform: uppercase;
    white-space: nowrap;

}
.cabecera .widget .weather{
    margin-top: 10px;
}

.cabecera .widget .weather i{
    display: block;
    float: left;
    font-size: 20px;
    color: white;
    margin-right: 5px;
}

.cabecera .widget .weather .temperatura{
    float: left;
    font-size: 14px;
    color: white;
    font-weight: 700;
}

.cabecera .widget .weather span{
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.menu{
    background-color: #1F1F27;
    margin-bottom: 15px;
}
.menu nav ul{
    list-style: none;
    text-align: center;
    width: 100%;
    padding: 10px 0px 00px 0px;
    border-top: 1px solid #36363d;
    display: inline-block;
    margin-bottom: 15px;
}
.menu nav ul li{
    display: inline-table;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}
.menu nav ul li a{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: white;
    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menu nav ul li a:hover{
    color: #cf1133;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contpubli{
    padding-bottom: 15px;
    border-bottom: 1px solid #E2E9ED;
    margin-bottom: 15px;
}
.contpubliSuper{
    padding-bottom: 15px;
    border-bottom: 1px solid #E2E9ED;
    margin-bottom: 15px;
    text-align:center;
}
.contpubliSuper.noHeader{
    margin-top:15px;
    clear:both;
    border-bottom: 1px solid #E2E9ED;
    border-top: 1px solid #E2E9ED;
    padding: 15px 0px 15px 0px;
}
.contpubli.bordertop{
    padding-top: 15px;
    border-top: 1px solid #E2E9ED;
}

.contpubli.nborder{
    border:0px;
}

.publi{
    /*background-color: #e9e9e9;
    border: 1px solid #e2e2e2;
    padding: 15px;*/
    margin: 0 auto;
    text-align:center;
}

.publi.super{
    height: 90px;
    width: 728px;
    display:inline-block;


}

.publi.superCompi{
    height: 90px;
    display:inline-block;
    width: 260px;
    margin-left:15px


}
.roba{    text-align: center;min-height:250px;}
.super990{min-height: 90px;
    min-width: 990px;}
.publi.super990{
    min-height: 90px;
    min-width: 990px;
}
.publi.super468{
    min-height: 90px;
    width: 468px;
}
.publi.super320{
    min-height: 50px;
    width: 320px;
}
.publi.roba{
    min-height: 250px;
    width: 300px;
    text-align:center;
}

.aside .publi{
    margin-top: 20px;
}

.publi.mini{
    width: 260px;
    min-height: 90px;
    margin-top: 15px;
}

.publi.superroba{
    width: 300px;
    height: 600px;
}



/*--------MAIN----------*/
.dib{display:inline-block;}
.destacados .newbomba{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E2E9ED;
    display: -webkit-box;
}
.destacados .newbomba h3{
    margin-top: 0px;
    margin-bottom: 20px;
}

.destacados .newbomba h3 a{
    font-size: 64px;
    font-weight: 300;

    text-decoration: none;
    color: black;
}

/*.destacados .newbomba h3 a:hover{
	color: rgba(0,0,0,0.6);
}*/

.destacados .newbomba p, figure figcaption p{
    font-size: 16px;
    overflow-wrap: break-word;
    word-wrap:break-word;
}

.destacados .newbomba .relacionadas ul{
    list-style: none;
    padding-left: 0px;
    margin-top: 15px;
}
.relacionadas ul{
    list-style: none;
    padding-left: 0px;
    margin-top: 15px;
}
.destacados .newbomba .relacionadas ul li{
    color: #cf1133;

}
.destacados .newbomba .relacionadas ul li i{
    margin-right: 5px;
}
.destacados .newbomba .relacionadas ul li a{
    color: #cf1133;
    text-decoration: none;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    display: flex;
}
.destacados .newbomba .relacionadas ul li a:hover{
    color: black;

}
.relacionadas ul li a{
    color: #cf1133;
    text-decoration: none;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    display: flex;
}
.relacionadas ul li a:hover{
    color: black;

}
.relacionadas ul li i{
    margin-right: 5px;
}

.info a, .info{
    color: #a7afb4;
    text-decoration: none;
}

.info a:hover{
    color: #cf1133;
}

.info a>div>i, .info i{
    margin-right: 5px;
    padding-top: 1px;
    display: block;

}

.info span{
    margin-left: 10px;
    margin-right: 10px;
    color: #a7afb4;
}

.tag{
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 700;
}

a figcaption:hover{
    text-decoration: none;
}

.bombadestacados{
    margin-bottom: 5px;
}


.articleM{
    padding: 0px;
}

.newbottom{
    padding-top:15px;
    border-bottom: 1px solid #E2E9ED;
    margin-bottom: 15px;
}

.nborder{
    border-bottom: 0px;
}

article figure img{
    margin-bottom: 15px;
}

article figure figcaption h3{
    font-size: 21px;
    margin-top: 5px;
}

.m figure figcaption h3{
    font-size: 30px;
}

.sm{
    border-top: 1px solid #E2E9ED;
    border-bottom: 1px solid #E2E9ED;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

.sm h3{
    margin-top: 5px;
    font-size: 21px;
}

.sm .info{

    display: inline-block;
}

#artcomp div:nth-child(even){
    border-top: 0px;
}

#artcomp div:last-child{
    padding-bottom: 0px;

}


/*-----ASIDE--------*/

.aside{
    background-color: #0C0B10;
    padding-top: 5px;
    padding-bottom: 35px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 30px;
}

.aside .cross{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    display: inline-block;
}
.aside h4{
    color: #cf1133;
    font-size: 40px;
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 35px;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    padding-left: 15px;
}

.aside .cross .punteta:nth-child(odd){
    padding-left: 7px;
}

.aside .cross .punteta:nth-child(even){
    padding-right: 7px;
}

.aside .cross .punteta .foot{
    background-color: white;
    padding: 15px;
    height: 115px;
    margin-bottom: 15px;
}

.aside .cross .punteta .foot .author a{
    font-size: 12px;
    color: #cf1133;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.aside .cross .punteta .foot .author a:hover, .aside .cross .punteta .foot .author a:focus{
    text-decoration: none;
    color: rgba(207,17,52,0.8);
}
.aside .cross .punteta .foot .title a{
    font-size: 13px;
    color: black;
    line-height: 13px;
}

.aside .cross .punteta .foot .title a:hover{
    color: rgba(0,0,0,0.6);
}
.aside .cross .punteta .foot .info{
    position: absolute;
    bottom:30px;
    font-size: 12px;
}

.aside .boxaside h4{
    margin-left: 10px;
}
.encWhite{
    background-color:transparent!important;
    color:white!important;
    padding:0!important;
}
.encWhite h3 > a{
    color:white;
}
.containeraside{padding-right:0;}
.aside .boxaside .boxasidenoticia{

    height: auto;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    margin-bottom: 5px;
}
.aside .media-body .titular > a{color:white;}
.aside .boxaside .hoverBack:hover{
    background-color: rgba(255, 255, 255, 0.1);
}

.aside .boxaside .boxasidenoticia .titular, .interiores .titular a {
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    font-size: 15px;
}
.interiores .titular a:hover {
    opacity: 0.7;
}
.aside .boxaside .boxasidenoticia .titular a,.aside .boxaside .boxasidenoticia .subtitular a{
    color: white
}


aside .boxaside .boxasidenoticia .author a, .interiores .author a{
    font-size: 13px;
    color: #cf1133;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;

}
.aside .boxaside .boxasidenoticia .author a:hover, aside .boxaside .boxasidenoticia .author a:focus{
    text-decoration: none;
    color: rgba(207,17,52,0.8);
}

.aside .boxaside .boxasidenoticia .subtitular{
    font-family: 'Roboto', helvetica, arial, sans-serif;
    font-size: 13px;
    color: white;

}

.aside .boxaside .boxasidenoticia .info, .interiores .infoxs{
    margin-top: 10px;
}

.aside .boxaside .boxasidenoticia .info a, .interiores .infoxs a{
    color: #a7afb4;
    font-size: 12px;
    font-weight: 600;
}



.aside .boxaside .boxasidenoticia .info span, .interiores .infoxs span{
    color: #cf1133;
    font-size: 12px;
}

.aside .boxaside .boxasidenoticia .info span{
    color: #a7afb4;
}

.interiores .infosemafor a, .interiores .infosemafor span{
    color: #a7afb4;
}

.punteta{
    margin-top: 0px;
}
.radio{display:inline-block;}
.punteta .media-left img{
    max-width:55px;
    padding-top: 2px;
    padding-right: 10px;
}

aside .boxaside.elmes{
    margin-bottom: 30px;
}

aside .boxaside.elmes nav ul{
    list-style: none;
    padding-left: 0px;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}
aside .boxaside.elmes nav ul li{
    float: left;
    width: 33%;
    text-align: center;

}
aside .boxaside.elmes nav ul li a{
    font-size: 14px;
    color: black;
    padding-bottom: 5px;
    font-weight: 600;
}

aside .boxaside.elmes nav ul li a:hover{
    color: #cf1133;
}

aside .boxaside.elmes nav ul li .active{
    border-bottom: 3px solid #cf1133;
    color: #cf1133;
}

aside .boxaside.elmes .boxasidenoticia .detalleelmes .info, .subsecciones .boxasidenoticia .detalleelmes .info{
    color: #cf1133;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

aside .boxaside.elmes .boxasidenoticia .detalleelmes .titular a , .subsecciones .boxasidenoticia .detalleelmes .titular a{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    font-size: 15px;
}
aside .boxaside.elmes .boxasidenoticia .detalleelmes .titular a:hover, .subsecciones .boxasidenoticia .detalleelmes .titular a:hover{
    opacity: 0.7;
}

.subsecciones .boxasidenoticia .detalleelmes .titular a{
    font-size: 21px;
    line-height: 21px;
}

aside .boxaside.elmes .boxasidenoticia, .subsecciones .boxasidenoticia{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;

}

aside .boxaside.elmes .boxasidenoticia .numlist, .subsecciones .boxasidenoticia .numlist{
    position: relative;
    color: rgba(207,17,52,0.10);
    font-size: 80px;
    top:0;
    left: 0;
    line-height: 55px;
}

.subsecciones .boxasidenoticia .numlist{
    font-size: 95px;
}

aside .boxaside.elmes .boxasidenoticia .detalleelmes, .subsecciones .boxasidenoticia .detalleelmes{
    position: relative;
    top:0;
    left:0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -63px;

}
.subsecciones .elmes .boxasidenoticia{
    padding-bottom: 15px;
    border-bottom: 1px solid #E2E9ED;
}

.elmes .comentat div:last-child .detalleelmes{
    border: 0px;
}



aside .boxasideDiari h4{
    padding-left:15px;
    margin-left: 10px;
    line-height:35px;
}
aside .boxasideDiari .boxDiariInt{
    margin-top:15px;
}
aside .boxasideDiari .infoDiari{
    width:100%;
    margin-bottom:20px;
}





/*----MAIN 2-------*/

.exitcontainer{
    width: 100%;
    padding: 30px;
    background-color: #000000;

}

.exitcontainer h2{
    font-size: 30px;
    color: white;
    margin-bottom: 25px;
    margin-top: 0px;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    font-weight: 300;
    padding-left: 15px;
}

.video figure figcaption .author{

    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
}

.video figure figcaption h3 a{
    font-size: 21px;
    line-height: 26px;
    color: white;
    text-align: left;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    font-weight: 300;
    display: block;
}

/*.exitcontainer .etv figure a.media img:hover{
    opacity: 0.7;

}*/

.video figure .videotime{
    position: absolute;
    right: 11px;
    top: 0px;
    margin-top: 0;
    margin-right: 0;
    padding: 5px 8px;
    font-weight: 700;
    font-size: 11px;
    background-color: rgba(0,0,0,0.8);
    color: #fff!important;

}

.video figure .player{
    position: absolute;
    top: 0px;
    left:15px;
    padding: 5px 8px;
    font-weight: 700;
    font-size: 11px;
    /*background-color: rgba(0,0,0,0.8);*/
    background-color: rgb(207,17,51);
    color: #fff;
    font-size: 25px;
    height: 43px;
    width: 43px;

}

.subsecciones{
    margin-top: 20px;
}

.subsecciones h2{
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 25px;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
}

.buttonblack{
    margin: 0 auto;
    background-color: black;
    border-radius: 5px;
    border: 0px;
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 100%;
    padding: 10px;
    outline: none;
    color: white;

}

.buttonxs{
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    margin-bottom: 0px;
}
.buttonblack:hover{
    background-color: rgba(0,0,0,0.85);

}
button i{
    margin-right: 5px;
}

.subsecciones button i{
    margin-left: 5px;
    font-size: 13px;
}

.botonvermas{
    text-align: center;
}

.subsecciones nav ul{
    list-style: none;
    margin-left: 0px;
    float: right;
    margin-bottom: 0px;
    margin-top: 13px;
    padding-left: 0px;
    float: right;
}
.subsecciones nav ul li{
    float: left;
    margin-left: 25px;
}

.subsecciones nav ul li a{
    font-size: 13px;
    color: black;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.subsecciones nav ul li a.active{
    border-bottom: 1px solid black;
}

.subsecciones nav ul li a:hover{
    color: #cf1133;
}

.subsecciones nav ul li a.active:hover{
    color: black;
}

.subsecciones .destacadofoto{
    width: 100%;/*margin-bottom: 15px;*/
}

.subsecciones .destacadofoto article:hover{
    opacity: 0.7;
}

.subsecciones .destacadofoto .backinfo{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background: rgba(0,0,0,0.41);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(71%, rgba(0,0,0,0.62)), color-stop(100%, rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.41) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

}

.subsecciones .fotodia .backinfo{
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.subsecciones .destacadofoto .textinfo{
    width: 100%;
    position: absolute;
    z-index: 99999;
    bottom:0;
}

.subsecciones .destacadofoto .textinfo h3 a{
    color: white;
    font-size: 36px;
    font-weight: 300;
    line-height: 37px;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
}


.subsecciones .destacadofoto .textinfo .info{
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}

.subsecciones .destacadofoto .textinfo .info a, .subsecciones .destacadofoto .textinfo .info span{
    color: white;
}

.subsecciones .relacionados{
    padding-left: 30px;
}

.subsecciones .relacionados article:hover{
    opacity: 0.7;

}

.subsecciones .relacionados .libro img{
    width: 82px;
    margin-right: 20px;
}

.subsecciones .relacionados .media-body h3{
    margin-top: 0px;
}

.subsecciones .relacionados .media-body p{
    font-size: 15px;
}

.subsecciones .relacionados .mediabody h3 a{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media, .media-body{
    overflow: hidden;
    zoom: 1;
}

.subsecciones .media-body{
    position: relative;
    width: 100%;
}
.media-body{width:100%;}
.subsecciones .media{
    margin-top: 0px;
}

.subsecciones .relacionados .media .media-body .info{
    position: absolute;
    right: 0px;
    bottom:0px;
}

.subsecciones .lectura .relacionados{
    padding-left: 0px;
}

.lectura .subsubseccion a, .elmes .subsubseccion a, {
    margin-left: 0px;
}

.enquesta{
    background-color: #F2F0EF;
    padding: 15px;
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
}

.enquesta h3{
    font-size: 18px;
}

.enquesta .newbottom{
    border-color: #e5e2e1;
}

.enquesta .info a, .info{
    color: #b7b4b2;
}

.enquesta .info span{
    color: #b7b4b2;
}
.enquesta form{
    display: inline-block;
    margin-left: 20px;
}

.enquesta .radio-inline{
    padding-left:0px!important;
    margin-left:0!important;
    padding-right: 10px;
    margin-right:20px;

}
.encInterior{
    min-height:40px;vertical-align: middle;margin:5px 0;
}
.encInterior div{
    max-width: 10%;display:inline-block;padding:0;margin:0;vertical-align: top;
}
.encInterior label{
    width: 85%;display:inline-block;padding:0;margin:0;vertical-align: middle;
}
.mesenquestes .info{
    padding-top: 3px;
}

.relacionados .humor img{
    border: 1px solid #E2E9ED;

}

#ditull .subsubseccion a{
    margin-left: 15px;
}

.ditull figure figcaption .author{
    text-align: left;
}

.ditull figure figcaption h3 a{
    text-align: left;
    color: black;
    font-size: 21px;
    font-weight: 500;
}

.ditull figure figcaption .author{
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 0px;
}

.ditull figure .player{
    left: 15px;
}

.subsubseccion a, .interiores .subtitular{
    width: 100%;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    margin-left: 0px;
}



.agenda .info{
    color:#a7afb4;
}

.agenda .info .trans i{
    margin-right: 5px;
}



.media-left .fecha{
    width: 75px;
    height: 75px;
    margin-right: 10px;
    text-align: center;
    background-color: #cf1133;
    border-radius: 50%;
}
.media-left .fecha p{
    margin: 0px;
    color: white;
}
.media-left .fecha .numero{
    font-size: 34px;
    line-height: 34px;
    padding-top: 10px;
}

.media-left .fecha .mes{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}


.mesvist{
    width: 145px;
    margin-right: 10px;
}

.elmes .media .media-body h3 a:hover{
    opacity: 0.7;
}

.subsecciones .elmes{
    margin-bottom: 20px;
}


.subsecciones .elmes .comentat, .subsecciones .elmes .vist{
    margin-bottom: 20px;
}

.elmes .author{
    font-weight: 600;
    font-size: 12px;
}

.subsecciones .elmes .subsubseccion{
    margin-right: 15px;
    margin-bottom: 20px;
}
.subsecciones .elmes .subsubseccion a{
    padding:5px 10px 5px 10px;
}

.subsecciones .elmes .subsubseccion .active{
    background-color: black;
    color: white;
}
.subsecciones .articlesmes{
    min-height:323px;
    padding: 0px;
    border: 1px solid #E2E9ED;
}
.subsecciones .articlesmes article figure figcaption{
    padding-left: 15px;
    padding-right: 15px;
    height: 115px;
}

.subsecciones .articlesmes article .info{
    margin-right: 15px;
    margin-bottom: 15px;
}




/*-----DETALLE--------*/

.titulardetalle .tag{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.titulardetalle h2,.titulardetalle h1{
    font-size: 58px;
    font-weight: 300;
    color: black;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    margin-top: 0px;
    margin-bottom: 20px;
}

.cuerponoticia h3{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0px;
}

.cuerponoticia .socialdetalle{
    border-top: 1px solid #E2E9ED;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-table;
}

.cuerponoticia .rrss{
    width: 32px;
    height: 32px;
    margin-right: 5px;
    text-align: center;
    padding-top: 4px;
}
.cuerponoticia .rrss:hover{
    opacity: 0.7;
}

.cuerponoticia .rrss.google{
    background-color: #dd4f42;
}

.cuerponoticia .rrss.twitter{
    background-color: #54abed;
}

.cuerponoticia .rrss.facebook{
    background-color: #3c5998;
}

.cuerponoticia .rrss.whats{
    background-color: #2AB540;
}

.cuerponoticia .rrss.mail{
    background-color: #999999;
}

.cuerponoticia .rrss.mas{
    background-color: black;
}

.cuerponoticia .rrss i{
    color: white;
    font-size: 20px;
}

.cuerponoticia .info{
    padding-top: 6px;
}

.cuerponoticia .noticia figure figcaption p{
    font-size: 14px;
    color: #555555;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cuerponoticia .noticia .text{
    margin-top: 10px;
    margin-bottom: 50px;
}

.cuerponoticia .noticia .text p{
    font-size: 18px;
    line-height: 28px;
    /*color: #555555;*/
    color: #111111;
    margin: 0 0 20px;
}

.cuerponoticia .noticia .text p b{
    color: black;
    font-weight: 700;
}

/*.cuerponoticia .noticia .text p:has(> iframe){
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.cuerponoticia .noticia .text p iframe, .cuerponoticia .noticia .text p object, .cuerponoticia .noticia .text p embed{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%!important;
}*/
.banner_wrapper > .widebanner .txtPubli{
    width: 100%;max-width: 320px;
}
.banner_wrapper > .leaderboard .txtPubli{
    width: 100%;max-width: 990px;
}
.banner_wrapper > .leaderboard, .banner_wrapper > .widebanner{
    width: auto;display: inline-block
}
.banner_wrapper{
    display: block;margin: 0 auto;text-align: center;margin-bottom: 15px;
}
.cuerponoticia .noticia .text p iframe, .cuerponoticia .noticia .text p object, .cuerponoticia .noticia .text p embed{
    width: 100%!important;
}

.cuerponoticia .noticia .socialdetalle{
    border-top: 0px;
    border-bottom: 1px solid #E2E9ED;
}

.cuerponoticia .noticia .navnoticias{

    display: -webkit-box;
    margin-bottom: 45px;
    border-bottom: 1px solid #E2E9ED;
}

.cuerponoticia .noticia .navnoticias .navegacion{
    font-size: 13px;
    color: black;
}

.cuerponoticia .noticia .navnoticias  .anterior a{
    /*padding-top: 45px;
    padding-bottom: 45px;*/
    padding:45px 10px;
    border-right: 1px solid #E2E9ED;
    display: block;
}

.cuerponoticia .noticia .navnoticias  .siguiente a{
    /*padding-top: 45px;
    padding-bottom: 45px;*/
    padding:45px 10px;
    text-align: right;
    display: block;

}

.cuerponoticia .noticia .navnoticias  .siguiente a:hover , .cuerponoticia .noticia .navnoticias  .anterior a:hover{
    opacity: 0.7;
}

.cuerponoticia .noticia .navnoticias  .anterior .navegacion i{
    margin-right: 10px;
}

.cuerponoticia .noticia .navnoticias  .siguiente .navegacion i{
    margin-left: 10px;
}


.cuerponoticia .noticia .navnoticias .titular{
    word-wrap: break-word;
    font-size: 24px;
    color: #555555;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    font-weight: 300;
}

.closeCommentForm{width:100%;text-align:right;}
.closeCommentForm i{color:#000;cursor:pointer;}
.closeCommentForm i:hover{color:#cf1133;transition:color 0.4s ease;}

.comentarios h3{
    font-size: 'Roboto Slab', helvetica, arial, sans-serif;
    font-size: 25px;
    color: #cf1133;
}

.comentarios .botonescoment .containerbuttons	{
    float: right;
    position:relative;

}

.comentarios .botonescoment button{
    border: 1px solid #E2E9ED;
    padding: 4px 10px 4px 10px;
    margin-left: 10px;
    color: #555555;
    border-radius: 50px;
    background-color: white;
    outline: none;

}
.comentarios .botonescoment button:hover{
    background-color: #E2E9ED;
}

.comentarios .botonescoment .add{
    border:1px solid black;
    background-color: black;
    color: white;
}

.comentarios .botonescoment .add:hover{
    background-color: #585858;
    border: 1px solid #585858;
}

.comentarios .checkbox{
    padding-bottom: 30px;
    border-bottom: 1px solid #E2E9ED;
    margin-bottom: 20px;
}

.comentarios .listadocomentarios{
    margin-bottom: 25px;
    padding-top: 15px;
    border-top: 1px solid #E2E9ED;
    margin-top: 20px;
}

.comentarios .listadocomentarios .user{
    color: black;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 5px;
}
.cuerponoticia .comentarios .listadocomentarios .user .info{
    color: #999;
    font-weight: 500;
}

.cuerponoticia .comentarios .listadocomentarios .botonescoment button{
    float: left;


    font-size: 13px;
    text-align: center;
}

.cuerponoticia .comentarios .listadocomentarios .botonescoment button:hover{
    background-color: #585858;
    border: 1px solid #585858;
}

.cuerponoticia .comentarios .listadocomentarios .megusta{
    border-radius: 50px 0px 0px 50px;
    border: 1px solid #00c271;
    background-color: #00c271;
    color: white;

}
.megusta i,.nomegusta i{vertical-align:middle;margin:0!important;line-height:0;}
.megusta,.nomegusta{padding:5px 10px 4px 10px!important;}
.cuerponoticia .comentarios .listadocomentarios .nomegusta{
    border-radius: 0px 50px 50px 0px;
    border: 1px solid #CF1133;
    background-color: #CF1133;
    color: white;
    margin-left: 0px;
}

.cuerponoticia .comentarios .listadocomentarios .responder{
    border: 1px solid black;
    background-color: black;
    color: white;
    margin-left: 10px;
}

.tooltipcoments:before{
    border: solid;
    border-color: #999999 rgba(183, 38, 38, 0);
    border-width: 6px 6px 0 6px;
    top: -10px;
    content: "";
    left: 40px;
    position: absolute;
    z-index: 99;
}

.tooltipcoments:after{
    background: rgb(153, 153, 153);
    background: rgba(153, 153, 143, 1);
    border-radius: 3px;
    top: -40px;
    color: #fff;
    content: attr(title);
    left: 31px;
    padding: 4px;
    position: absolute;
    z-index: 98;
    width: 30px;
    height: 30px;
    text-align: center;
}


.tooltipcoments:before{
    border: solid;
    border-color: #999999 rgba(183, 38, 38, 0);
    border-top: 6px solid transparent;
    border-left: 6px solid #999999 ;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    top: 9px;
    content: "";
    left: 3px;
    position: absolute;
    z-index: 99;
}

.tooltipcoments:after{
    background: rgb(153, 153, 153);
    background: rgba(153, 153, 143, 1);
    border-radius: 3px;
    top: 0px;
    color: #fff;
    content: attr(title);
    left: -27px;
    padding: 4px;
    position: absolute;
    z-index: 98;
    width: 30px;
    height: 30px;
    text-align: center;
}

.cuerponoticia .comentarios .agregar h4{
    font-size: 20px;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    margin-bottom: 30px;
}

.cuerponoticia .comentarios .agregar form .form-group label{
    font-size: 13px;
    color: black;
    padding-left: 15px;
    font-weight: 500;
}

.cuerponoticia .comentarios .agregar form .form-group .form-control{
    border-radius: 0px;
    box-shadow: inset 0px;
}
.form-control:focus{
    border-color: #cf1133;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(207,17,52,0.75);
}

.cuerponoticia .comentarios .agregar form .form-group .form-control:focus{
    border-color: #cf1133;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(207,17,52,0.75);
}

.cuerponoticia .comentarios .agregar form .form-group textarea{
    min-height: 200px;
    resize: vertical;
}

.cuerponoticia .comentarios .agregar form button{
    margin: 0 auto;
    background-color: black;
    border-radius: 5px;
    border: 0px;
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 150px;
    padding: 10px;
    outline: none;
    color: white;
}

.cuerponoticia .comentarios .agregar form button:hover{
    background-color:rgba(0,0,0,0.85);
}

.cuerponoticia .comentarios .iconorespuesta{
    height: 55px;
    width: 30px;
    border-left: 1px solid #E2E9ED;
    border-bottom: 1px solid #E2E9ED;
}

.cuerponoticia .comentarios .media .media-body.containerrespuesta{
    padding-top: 40px;
    padding-left: 15px;
    overflow: visible;
}

.cuerponoticia .comentarios .listadocomentarios .comentario{
    border-bottom: 1px solid #E2E9ED;
    display: inline-block;
    padding-bottom: 15px;
    padding-top: 15px;
}
.comentario,.containerrespuesta{width:100%;}

.boxComment{display:none;position:absolute;top:100px!important;left:44px;background:white;border:1px solid #cccccc;max-width:400px;height:auto;padding:20px;z-index:999999999;}
.comentario > div{overflow:visible;}

.cuerponoticia .noticia .text img{max-width:100%!important;}

/*------FOOTER--------*/

.stfooter{
    background-color: #1f1f27;
    padding-top: 40px;
    padding-bottom: 40px;
    /*margin-top: 30px;*/
}

.stfooter ul{
    list-style: none;
    padding-left: 0px;
}

.stfooter ul li{
    margin-bottom: 5px;
}

.stfooter ul li a{
    color: white;
    text-transform: uppercase;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.stfooter ul li a:hover{
    color: rgba(255,255,255,0.7);
}

.stfooter ul li ul{
    list-style: none;
    margin-top: 5px;
    margin-bottom: 15px;
}
.stfooter ul li ul li {
    margin-bottom: 0px;
}
.stfooter ul li ul li a{
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

.ndfooter{
    padding-top: 30px;
    padding-bottom: 30px;
    background:white;
}

.ndfooter ul{
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
}
.ndfooter ul li{
    float: left;
}

.ndfooter ul li span{
    margin-left: 10px;
    margin-right: 10px;
    color: #d01537;
    font-size: 13px;
}

.ndfooter ul li a{
    color: #d01537;
    font-family: 'Source Sans Pro', helvetica, arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}
.ndfooter ul li a:hover{
    color: rgba(208,21,55,0.66);
}

.ndfooter .legal{
    color: black;
    font-size: 13px;
    margin-top: 5px;
    display: -webkit-inline-box;
}

.ndfooter .colaboradores{
    float: right;
    text-align: right;
}

.ndfooter .colaboradores img{
    width: 100%;
}


.ndfooter .enlaceslegal{
    width:100%;
    display: inline-block;
}

.subsecciones .relacionados .media.agenda .media-body .info{
    position: relative;
}

.subsecciones .relacionados .media.agenda .media-body .info ul, .interiores #agenda .media.agenda .media-body .info ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.subsecciones .relacionados .media.agenda .media-body .info ul li, .interiores #agenda .media.agenda .media-body .info ul li{
    display: flex;
}

.subsecciones .ultimstitulars ul{
    list-style: none;
    padding-left: 0px;
}
.subsecciones .ultimstitulars ul li{
    display: flex;
    margin-bottom: 10px;
}
.subsecciones .ultimstitulars ul li .icon{
    padding-top: 2px;
}

.subsecciones .ultimstitulars ul li .text a{
    color: black;
    font-size: 14px;
    font-weight: 500;
}

.subsecciones .ultimstitulars ul li .text a:hover{
    color: #CF1146;
}


/*-----INTERIORES-----*/

#enquestes .interiores h2, {
    margin-bottom: 10px;
}
#usuaris{margin-bottom:50px;}
.interiores h2, #usuaris h2{
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 25px;
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
}

.interiores h2 span{
    font-size: 18px;
    margin-left: 5px;
    color: black;
}

.interiores .subtitulares{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
}

#semafor{
    display: inline-block;
    margin-bottom: 15px;
}

.semaforcontainer{
    margin-bottom: 10px;
}
.semafor{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cdcdcd;
    margin-right: 5px;
    margin-bottom: 10px;
}

.semafor.semaforred{
    background-color: #eb0c0c;
}

.semafor.semaforyellow{
    background-color: #ffd900;
}

.semafor.semaforgreen{
    background-color: #55c900;
}

.interiores .destacadofrases p{
    margin-bottom: 0px;
}

.interiores .filtro{
    border-right: 1px solid #E2E9ED;
}
.containerfiltro .radio{width:100%;}
.interiores .filtro .containerfiltro{
    border-bottom: 1px solid #E2E9ED;
    width: 100%;
    padding-bottom: 5px;
    display: inline-block;
}
.interiores .filtro .containerfiltro .content{
    margin-top: 15px;
    display: table;
}
.interiores .filtro .containerfiltro .seccionfiltro .titular{
    text-transform: uppercase;
    color: black;
    font-weight: 700;
}

.interiores .cercador h2{
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 15px;
    color:#cf1133;
}

.interiores .cercador h3{
    color: black;
}

.interiores .cercador .resultats{
    border-bottom: 1px solid #E2E9EF;
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.interiores .cercador .resultats .form-control{
    margin-top: 35px;
}
.interiores .cercador .resultats .form-control:focus{
    border-color: #cf1133;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(207,17,51,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(207,17,51,.6);
}

.interiores .cercador .nav-tabs{
    margin-bottom: 30px;
    border-bottom: 0px;
}
.interiores .cercador .nav-tabs li{
    width: 33%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}


.interiores .cercador .nav-tabs li a{
    color: rgba(0,0,0,0.35);
    border: 0px;
    border-bottom: 1px solid #E2E9EF;
    padding-bottom: 12px;
}
.interiores .cercador .nav-tabs li a:hover{
    background-color: transparent;
    color: black;
    border-bottom: 1px solid black;
}

.interiores .cercador .nav-tabs li a:focus{
    background-color: transparent;
}

.interiores .cercador .nav-tabs li.active a{
    border: 0px;
    color: #cf1133;
    border-bottom: 3px solid #cf1133;
    padding-bottom: 10px;
}

.interiores .cercador .nav-tabs li.active a:hover{
    opacity: 1;
}


.interiores .cercador .media .media-left a img{
    width: 250px;
}

.interiores .cercador .pagination li a{
    color: black;
}
.containerpag > nav{text-align:center;}
.pagination>li>a{color:black!important;}
.interiores .cercador .containerpag{
    width: 100%;
    text-align: center;
}
#usuaris .registre{
    border-left: 1px solid #E2E9ED;
}

#usuaris h2{
    margin-bottom: 30px;

}

/*#usuaris input[type=text], #usuaris input[type=number], #usuaris input[type=email], #usuaris select{
	border-radius: 0px;
    box-shadow: none;
    border: 0px;
    border-bottom: 1px solid black;
    padding-bottom: 20px;
    margin-top: 10px;
    color: black;
    margin-bottom: 20px;
}*/

#usuaris select{
    padding: 0px 12px;
    cursor:pointer;
}

#usuaris label{
    margin-bottom: 5px;
}

#usuaris input[type=text]:focus{
    border-bottom: 1px solid #CF1132;
}

#usuaris button{
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    outline: none;
    border: 0px;
}

#usuaris button:focus, #usuaris button:hover{
    outline: none;
    background-color: black;
}

#usuaris .registre ul{
    list-style: none;
}
#usuaris .registre ul li{
    display: inline-flex;
}

#usuaris .registre ul li .icon{
    color: black;
    padding-top: 2px;
}

#usuaris .menulogin ul{
    list-style: none;
}

#usuaris .menulogin ul li{
    border-bottom: 1px solid #E2E9ED;
}

#usuaris .menulogin ul li a{
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    display: block;
    padding-left: 20px;
    color: black;
    font-weight: 700;
}
.activo{color: #cf1133!important;font-weight: bold!important;}
#usuaris .menulogin ul li a.active{
    color: #cf1133;
}

#usuaris .menulogin ul li a:hover{
    padding-left: 30px;
}

#usuaris .detallelogin h3{
    font-family: 'Roboto Slab', helvetica, arial, sans-serif;
    color: black;
    font-size: 40px;
    font-weight: 300;
}

#usuaris .detallelogin .subtitular{
    color: black;
    font-size: 18px;
    margin-bottom: 40px;
}

#usuaris .detallelogin button{
    margin-bottom: 15px;
}

#usuaris .detallelogin .baixa{
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

#usuaris .detallelogin .baixa:hover{
    color: black;
}

#usuaris .detallelogin #bulletins .format{
    margin-top: 10px;
}

#usuaris .detallelogin #comentaris .listadocomentarios a{
    font-weight: 700;
    text-decoration: underline;
}
#usuaris .detallelogin #comentaris .listadocomentarios a:hover{
    color: black;
}





@media (min-width: 1200px){
    .mainleft{
        padding-left: 0px;
    }
}

@media (max-width: 1200px){


    .subsecciones .relacionados .libro img{
        width: 78px;
        margin-right: 20px;
    }

    .subsecciones .relacionados .libro img{
        width: 65px;
    }

    .mainleft, .mainright{
        padding-left: 0px;
    }

    .aside h4{
        font-size: 35px;
    }
}

@media (max-width: 1200px) and (min-width: 992px){

    .headPutneta h2{    font-size: 45px;}
    .headPutneta h4{    font-size: 17px;}

    .enquesta form .radio-inline, .checkbox-inline{
        display: block;
    }

    .enquesta form .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{
        margin-left: 0px;
    }
    .containeraside{padding:0;}
    .menu nav ul li{padding:0 8px;}
}


@media (max-width: 992px){
    .headPutneta h2{    font-size: 40px;}
    .headPutneta h4{    font-size: 16px;}
    #artcomp{
        padding: 0px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .articleM{
        padding-right: 15px;
    }

    .aside .cross .punteta .foot{
        height: 150px;
    }

    .exitcontainer{
        padding-left: 0px;
        padding-right: 0px;
    }



    .video figure figcaption h3 a{
        margin-bottom: 15px;
    }

    .subsecciones .relacionados .libro img{
        width: 78px;
    }

    .publi.super{
        width: 468px;
    }

    .npdl{
        padding-right: 0px;
    }

    .newbomba .textarticle{
        padding: 0px;
    }

    .destacados .newbomba{
        padding-bottom: 15px;
    }

    .articleM{
        padding-right: 15px;
    }

    .ndfooter .colaboradores{
        text-align: left;
        float: left;
        text-transform: uppercase;
    }

    .cuerponoticia .comentarios .botonescoment .containerbuttons{
        float: left;
    }

    .cuerponoticia .comentarios .botonescoment button{
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .cuerponoticia .comentarios .listadocomentarios .megusta, .cuerponoticia .comentarios .listadocomentarios .nomegusta{
        margin-right: 0px;
    }

    .interiores .cercador .media .media-left a img{
        width: 150px;
    }

    .interiores .cercador .resultats .ordre{
        width: 100%;
        clear: both;
    }

    .interiores .cercador .resultats .form-control{
        width: 100%;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .super990{min-width:1px;    min-height: 1px;}


}

@media (min-width: 768px) and (max-width: 991px) {
    .super990{min-width:728px;}
    /*.containeraside{padding:0;}*/
    .botonescoment{padding:0 30px;}
    .tooltipcoments:before{left: -5px;}
    .tooltipcoments:after{left: -35px;}
}


@media (max-width: 768px){
    .headPutneta h2{    font-size: 35px;}
    .headPutneta h4{    font-size: 15px;}
    .respValo{left:0;right:auto}
    .tooltipcoments:before{left: -5px;}
    .tooltipcoments:after{left: -35px;}

    .botonescoment{padding:0 30px;}

    #artcomp{
        padding: 0px;
    }

    #artcomp .sm:nth-child(even){
        border-top: 1px solid #E2E9ED;
        padding-left: 7px;
    }

    #artcomp .sm:nth-child(odd){
        padding-right: 7px;
    }

    .destacados .newbomba h3 a{
        font-size: 45px;
    }

    .titulardetalle h2,.titulardetalle h1{
        font-size: 35px;
    }


    .video figure figcaption .author{
        margin-top: 0px;
    }

    .exitcontainer .video{
        padding-left: 0px;
        padding-right: 0px;
    }
    .exitcontainer{
        padding-bottom: 15px;
    }
    .exitcontainer h2{
        padding-left: 0px;
    }

    .video figure figcaption h3 a{
        margin-bottom: 30px;
    }

    .subsecciones{
        padding: 0px;
    }

    .subsecciones nav ul{
        float: left;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .subsecciones nav ul li{
        margin-left: 0px;
        margin-right: 25px;
    }

    .subsecciones .relacionados{
        padding-left: 0px;
        margin-top: 20px;
    }

    .publi.super{
        width: 320px;
        height: 50px;
        margin-top: 15px;
    }
    .cabecerasocial{
        width: auto;
    }
    .cabecerasocial .iconomenu{
        /*padding: 15px;
        width: 53px;*/
    }

    .cabecerasocial .user i{
        /*padding-right: 15px;*/

    }

    .cabecerasocial .logomvl{
        text-align: center;
    }

    .cabecerasocial .logomvl img{
        padding-top: 10px;
    }

    .newbomba article{
        width: 100%;
    }

    .articleM{
        padding-right: 0px;
    }

    .mainleft, .mainright{
        padding: 0px;
    }

    .video figure .player{
        left: 0px;
    }

    .ditull figure .player{
        left: 15px;
    }

    .cuerponoticia .comentarios h3{
        margin-top: 30px;
    }

    .aside{
        border-left: 0px;
    }

    /*.containeraside{
        padding: 0px;
    }*/

    #usuaris .registre{
        border-left: 0px;
    }

    #usuaris h2{
        margin-bottom: 20px;
    }

    #usuaris .detallelogin h3{
        margin-top: 15px;
        font-size: 30px;
        margin-bottom: 0px;
    }


    .bombadestacados > article:nth-of-type(3) > div{padding-top:15px;}
    body{overflow-x: hidden;}
    .cabecerasocial .user a{    padding-right: 15px;}
}

aside .boxasideDiari .boxDiariInt{
    padding: 0 25px;
}
@media (max-width: 475px){
    .cuerponoticia .noticia .navnoticias .titular{
        font-size: 20px;
        line-height: 23px;
    }
    .cuerponoticia .noticia .navnoticias .anterior a, .cuerponoticia .noticia .navnoticias .siguiente a{
        padding: 20px 10px;
    }
    .destacados .newbomba h3 a{font-size: 26px!important;}
    .containeraside{padding-left: 0;}

    aside .boxasideDiari h4, .aside .boxaside h4{
        padding-left: 0;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 35px;
        margin-bottom: 20px;
    }

    aside .boxasideDiari .boxDiariInt, .aside .boxaside .boxasidenoticia{
        padding: 0 15px!important;
    }

    .headPutneta h2{    font-size: 30px;}
    .headPutneta h4{    font-size: 14px;}
    .interiores .cercador .media .media-left{
        width: 100%;
    }
    .interiores .cercador .media .media-left a img{
        width: 100%;
    }

    .interiores .cercador .media .media-body{
        width: 100%;
        clear: both;
        display: block;
    }
    .interiores .cercador .nav-tabs li{
        width: 100%;
    }
}
@media (max-width: 380px){
    /*#mainContainer{padding-left: 0;padding-right: 0;}*/
}













