html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif !important;
}

body {
    background: #eaeaea;
    color: #444;
    font-family: 'Roboto', sans-serif !important;
    padding: 160px 0 0 0;
    margin: 0;
}
.navbar-superior{
    border-bottom: 10px solid #3A3637;
}
.container-fluid{
    max-width: 1600px;
    padding-right: 3%;
    padding-left: 3%;
}
.collapse{
    visibility: visible;
}
.navbar-categorias .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-inverse.navbar-categorias {
    background-color: transparent;
    border-color: #0A90B2;
    border-radius: 0;
    margin-bottom: 0;
    border: 0;
    padding: 0;
}

.navbar-categorias .navbar-nav{
    width: 100%;
}

.navbar-categorias .navbar-nav li{
/*    display: table-cell;
    width: 1%;
    float: none;*/
}

.navbar-categorias .navbar-nav li a{
    background-color: transparent;
    color: #0A90B2 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.navbar-categorias .navbar-nav li:last-child a{
    margin-right: 0;
}

.navbar-categorias .navbar-nav .dropdown-menu li a {
    background-color: transparent;
    color: #0A90B2;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.navbar-inverse.navbar-categorias .navbar-nav > li > a:hover,
.navbar-inverse.navbar-categorias .navbar-nav > li > a:focus{
    background: #0A90B2;
    color: #fff;
    border-top: 1px solid #0A90B2;
}

.navbar-categorias .navbar-nav li a:after{
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.navbar-inverse.navbar-categorias .navbar-nav > li > a:hover:after{
    opacity: 1;
}

.navbar-inverse.navbar-categorias .navbar-nav > li > a:active:after{
    background: #0076AD;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.navbar-categorias .navbar-header > a[data-toggle="collapse"]:after{
    content: "\f077";
    display: inline-block;
    margin-left: 7px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar-categorias .navbar-header > a[data-toggle="collapse"].collapsed:after{
    content: "\f078";
}

.nav-tabs.nav-tabs-inverted {
    border-bottom: none;
}
.nav-tabs.nav-tabs-inverted > li {
    margin-bottom: auto;
    margin-top: -1px;
}
.nav-tabs.nav-tabs-inverted > li > a {
    border-bottom: 1px solid #ccc;
    margin-right: 0px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

}
.navbar-light .navbar-nav .active>.nav-link{
    color: #111 !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #279DBB !important;
    padding: 10px 20px;
}
.nav-tabs.nav-tabs-inverted > li > a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #D81860;
}
.btn {
    border-radius: 0;
    border: none;
}
.btn-default {
    color: #eee;
    background-color: #999;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{
    color: #fff;
    background-color: #666;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary{
    color: #fff;
    background-color: #086B89;
    border-color: transparent;
}
.btn-primary {
    color: #fff;
    background-color: #0A91B9;
    border-color: transparent;
}

.alert {
    border-radius: 0;
    border: none;
}
.alert-info {
    background-color: #E1E6E8;
}
.form-control {
    border-radius: 0;
}
.enlaces-bar,
.enlaces-bar:visited{
    background: transparent;
    color: #cccccc;
    text-decoration: none;
}

.enlaces-bar:hover{
    background: transparent;
    color: #ffffff;
}

.divisoria-horizontal{
    border-bottom: 1px solid #ccc;
}
.espacio-interno{
    padding: 15px;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  line-height: 1;
  color: inherit;
  font-family: 'Roboto', sans-serif !important;
  letter-spacing: 0;
  /*text-shadow: 0 1px 0 rgba(0,0,0,0.3);*/
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
}

h2,
.h2{
    font-weight: 400;
}


p{
    font-family: 'Antic Slab', serif !important;
    font-weight: 400;
}


hr{
    border-top: 1px solid rgba(0,0,0,0.1);
    height: 0;
    margin: 30px 0;
}

.row.no-gutter{
    margin: 0px;
}

.row.no-gutter > [class*='col-']{
    padding: 0px;
}

img.pull-left{
    margin-right: 30px;
}

img.pull-right{
    margin-left: 30px;
}

.hgroup h1{
    margin: 0;
}

a{
  color: inherit;
  line-height: 1.3;
}

p a:not(.btn) {
text-decoration: underline;
}

a:hover{
  color: #0A91B9;
}

a:focus{
  outline: none;
  color: #FF0037;
}

.sidebar{
    padding: 15px;
}

.modulo-sidebar{
    background: #fff;
    margin: 0 15px 15px 0;
}

.breadcrumb {
  padding: 10px 15px 15px;
  margin-bottom: 20px;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid rgba(0,0,0,0.2)
}

.label {
  font-family: Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 15px;
}

table{
    margin: 30px 0;
}


table caption{
    background: #C13832;
    padding: 8px;
    border-top: 1px solid #992C28;
    border-left: 1px solid #992C28;
    border-right: 1px solid #992C28;
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-shadow: none !important;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #B3B3B3 !important;
}

.bg-bloque{
    padding: 30px 0 30px;
}

.titulo-principal{
    margin-bottom: 30px;
}

.titulo-principal h1 {
    font-weight: 700;
    font-size: 65px;
    letter-spacing: -3px;
    margin-bottom: 5px !important;
    text-shadow: 0 2px 0 #fff;
    color: #3A3637;
}
.titulo-principal h1 a, .titulo-principal h1 a:visited{
    background:  transparent;
    color: #DA0D0F;
}
.titulo-principal h1 a:hover{
    background:  transparent;
    color: #3A3637;
}
.titulo-principal p{
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 #fff;
}

.titulo-principal p > span{
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
}
.titulo-principal .social {
    margin-bottom: 20px;
    text-align: center;
}
.titulo-principal .social .social-item {
    display: inline-block;
    margin: 0 10px;
}
.titulo-principal .social a.social-item.social-item-box {
    margin: 0;
}
.bg-destacadas{
    background: transparent;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bg-gris-oscuro{
    background: #383536;
}
.bg-gris-claro{
    background: #DADADA;
}

.bg-cyan{
    background: #0A90B2;
}
.bg-azul{
    background: #0A52B2;
}
.bg-violeta{
    background: #230AB2;
}
.bg-fucsia{
    background: #770AB2;
}
.bg-rosa{
    background: #BC0B76;
}
.bg-rojo{
    background: #DA0D0F;
}
.bg-naranja{
    background: #DB5D0D;
}

.bg-color-1{
    background: #3399cc;
}
.bg-color-2{
    background: #2EB8B8;
}
.bg-color-3{
    background: #996699;
}
.bg-color-4{
    background: #e2674a;
}
.bg-color-5{
    background: #FFC34C;
}
.bg-color-6{
    background: #88C388;
}
.bg-color-7{
    background: #DA3674;
}
.bg-color-8{
    background: #91DA36;
}
.bg-color-9{
    background: #C13832;
}

.color-blanco{
    background: transparent;
    color: #fff;
}

.color-rojo{
    background: transparent;
    color: #DA0D0F;
}

.color-blanco-50{
    background: transparent;
    color: rgba(255,255,255,0.5);
}

.color-blanco-50:hover{
    background: transparent;
    color: rgba(255,255,255,0.9);
}

.enlace-blanco, .enlace-blanco:visited{
    background: transparent;
    color: #fff;
}

.color-celeste{
    background: transparent;
    color: #0A91B9;
}

.bg-color-azul,
.bg-color-rojo,
.bg-color-verde,
.bg-color-rosa{
    color: #eee;
}

.hidden-o {
    opacity: 0;
}
.visible-o {
    opacity: 1;
}

.panel-free{
    border: 1px solid transparent;
    padding: 20px;
    margin-bottom: 20px;
}

/*----------------------------------------------------------------------------------------------------*/
/* VARIOS
/*----------------------------------------------------------------------------------------------------*/

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

.main-footer {
    padding: 30px 0;
    color: #ddd;
    border-top: 10px solid #3A3A3A;
    background-color: #0A90B2;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.main-footer a{
    color: #fff;
}

.main-footer h4{
    background: transparent;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    text-shadow: 0 0 1px rgba(0,0,0,0.4);
}

.main-footer p{
    background: transparent;
    color: #f5f5f5;
    font-family: Arial;
    font-size: 14px;
    font-weight: 300;
    text-shadow: 0 0 1px rgba(0,0,0,0.4);
}

.main-footer p span,
.main-footer p address{
    background: transparent;
    color: #f5f5f5;
    font-size: 14px;
}

.icon-redes-sociales{
    display: block;
    list-style: none;
}

.icon-redes-sociales li{
    display: inline-block;
    height: 20px;
}

.icon-redes-sociales li a{
    display: block;
    width:  20px;
    height: 20px;
    padding: 0;
    margin: 2px;
    font-size: 14px;
    overflow: hidden;
    text-shadow: 0 0 1px rgba(0,0,0,0.4);
}
.icon-redes-sociales li .facebook{
    background: transparent url(../images/icon-redes-sociales.png) 0 0 no-repeat;
    color: #f5f5f5;
}
.icon-redes-sociales li .facebook:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -20px no-repeat;
    color: #fff;
}
.icon-redes-sociales li .twitter{
    background: transparent url(../images/icon-redes-sociales.png) 0 -40px no-repeat;
    color: #f5f5f5;
}
.icon-redes-sociales li .twitter:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -60px no-repeat;
    color: #fff;
}
.icon-redes-sociales li .youtube{
    background: transparent url(../images/icon-redes-sociales.png) 0 -80px no-repeat;
    color: #f5f5f5;
}
.icon-redes-sociales li .youtube:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -100px no-repeat;
    color: #fff;
}
.icon-redes-sociales li .instagram{
    background: transparent url(../images/icon-redes-sociales.png) 0 -120px no-repeat;
    color: #f5f5f5;
}
.icon-redes-sociales li .instagram:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -140px no-repeat;
    color: #fff;
}
.icon-redes-sociales li .flickr{
    background: transparent url(../images/icon-redes-sociales.png) 0 -160px no-repeat;
    color: #f5f5f5;
}
.icon-redes-sociales li .flickr:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -180px no-repeat;
    color: #fff;
}
.icon-redes-sociales li .googleplus{
    background: transparent url(../images/icon-redes-sociales.png) 0 -200px no-repeat;
    color: #f5f5f5;
}
.icon-redes-sociales li .googleplus:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -220px no-repeat;
    color: #fff;
}
.icon-redes-sociales li .soundcloud{
    background: transparent url(../images/icon-redes-sociales.png) 0 -240px no-repeat;
    color: #f5f5f5;
}

.icon-redes-sociales li .soundcloud:hover{
    background: transparent url(../images/icon-redes-sociales.png) 0 -260px no-repeat;
    color: #fff;
}



label.required:after {
    content: ' *';
    color: #f00;
}
label.error {
    font-weight: normal;
    color: #c00;
}
.required-fields {
    color: #f00;
}
.panel-body > .required-fields:last-child {
    margin-bottom: 0;
}

.paginator-wrapper {
    margin-top: 15px;
}
.paginator-jump {
    display: none;
}
.paginator {
    text-align: center;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 15px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #eee;
    text-decoration: none;
    background-color: #999;
    border: none;
    margin-right: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    margin-right: 0;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled>a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #777;
    background-color: #ccc;
    border-color: #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.fb-like-box {
    min-height: 700px;
}

.img-full {
    position: relative;
    overflow: hidden;
}
.img-full-x2 {
    padding-bottom: 20%;
    max-height: 230px;
}
.img-full-x2 > .img-full-inner {
    position: absolute;
    top: 0;
    left: 0;
}
.img-full-inner > img {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}


/* -----------------MASCARA DE IMAGEN ----------------------------------------*/
.img-mask {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.img-mask-16x9 {
    padding-bottom: 56.25%;
}
.img-mask-4x3 {
    padding-bottom: 75%;
}
.img-mask-4x4 {
    padding-bottom: 99.9%;
}
.img-mask img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    border: 0;
}
.img-mask-cover img {
    height: 100%;
    width: auto;
}
/* --------------- /MASCARA DE IMAGEN ---------------------------------------*/

/*------------------------------------------------------ CONTENIDOS DINAMICOS -----------------------------------------------------------*/

.cda {
    font-size: 16px;
    line-height: 1.5;
}

.cda h2,
.cda h3,
.cda h4,
.cda h5{
    margin-top: 25px;
}

.cda p {
    margin-bottom: 20px;
}

.cda p,
.cda ul li,
.cda ol li{
    text-align: justify;
}

.cda img{
    margin-bottom: 30px;
}

.cda .label-default{
    text-shadow: none;
}

.cda .img-mask-16x9{
    margin-bottom: 30px;
}

@media only screen and (max-width: 800px) {

.cda .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cda * html .cf { zoom: 1; }
.cda *:first-child+html .cf { zoom: 1; }
.cda table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.cda th,
.cda td { margin: 0; vertical-align: top; }
.cda th { text-align: left; }
.cda table { display: block; position: relative; width: 100%; }
.cda thead { display: block; float: left; }
.cda tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
.cda thead tr { display: block; }
.cda th { display: block; text-align: right; }
.cda tbody tr { display: inline-block; vertical-align: top; }
.cda td { display: block; min-height: 1.25em; text-align: left; }

.cda th { border-bottom: 0; border-left: 0; }
.cda td { border-left: 0; border-right: 0; border-bottom: 0; }
.cda tbody tr { border-left: 1px solid #babcbf; }
.cda th:last-child,
.cda td:last-child { border-bottom: 1px solid #babcbf; }
}


/* ------------------------- FLEX --------------------------------------------*/
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-row {
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.flex-column {
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap
}
.flex-align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch
}
.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.flex-justify-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.flex-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
/* ------------------------ /FLEX --------------------------------------------*/


.lista-noticias.flex {
    margin-left: -15px;
    margin-right: -15px;
}
.lista-noticias.flex {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.lista-noticias.flex .noticia {
    width: 25%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.lista-noticias.lista-publicite.flex .noticia {
    width: 33.33333%;
    border-bottom: none;
}
.lista-galerias.flex .noticia {
    width: 25%
}
.lista-noticias.lista-publicite.flex h2 {
    text-align: center;
}
.lista-publicite {
    margin-top: 30px;
}
.lista-publicite .publicite .noticia-inner {
    padding: 20px;
    background-color: #bbb;
}
.lista-noticias.lista-publicite .publicite-img {
    text-align: center;
    background-color: #DADADA;
    margin: -20px -20px 10px -20px;
    padding-bottom: 10px;
}
.lista-noticias.lista-publicite .publicite-img img {
    width: 40%;
    max-width: 150px;
    opacity: 0.7;
}
.lista-noticias.lista-fotos.flex .noticia {
    border-bottom: none;
}
.lista-noticias .noticia .img-mask {
    width: 100%;
}
.lista-noticias .noticia h2 {
    margin-bottom: 5px;
}
.lista-noticias .noticia .volanta {
    font-size: 12px;
    margin-top: 7px;
    margin-bottom: 0;
    color: #0A90B9;
}

.lista-noticias .noticia-alt .banner {
    width: 100%;
    background-color: transparent;
    margin-bottom: 20px;
}
.encuesta,
.mas-leidas {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}

.encuesta .btn-primary{
    margin: 5px;
}


.lista-noticias .noticia .noticia-inner {
    position: relative;
    margin-bottom: 20px;
}

html.ie .noticia-inner.flex-column {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.lista-noticias .noticia .noticia-inner .intro {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 56.25%;
    opacity: 0;
    transition: all .2s ease;
    -webkit-transition: opacity .2s ease;
    background-color: rgba(0,0,0,.8);
}
.lista-noticias .noticia .noticia-inner .intro .intro-inner{
    position: absolute;
    overflow-y: scroll;
    word-wrap: break-word;
    padding: 10px 12px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    transition: all .2s ease;
    -webkit-transition: opacity .2s ease;
}
.lista-noticias .noticia .noticia-inner .intro .intro-inner p{
    font-size: 14px;
}
.lista-noticias .noticia:hover .intro {
    opacity: 0.9;
}
.lista-noticias .noticia .det {
    background-color: rgba(0,0,0,0.5);
    color: #eee;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: 300;
}
.lista-noticias.lista-destacadas .noticia .det {
    background-color: rgba(0,0,0,0.5);
}
.lista-noticias .noticia .noticia-inner .det {
    background-color: rgba(0,0,0,0.5);
    color: #595358;
}
.lista-noticias.lista-destacadas .noticia .noticia-inner .det {
    background-color: rgba(0,0,0,0.5);
    color: #999999;
}
.lista-noticias .noticia header a,
.lista-noticias .noticia header a:hover,
.noticia-destacada h2 a,
.noticia-destacada h2 a:hover {
    text-decoration: none;
}
.lista-noticias.lista-destacadas .noticia header a {
    color: #666;
}
.lista-noticias.lista-destacadas .noticia header .volanta {
    color: #0A90B9;
}
.lista-noticias .noticia header a:hover,
.noticia-destacada h2 a:hover {
    color: #0A90B2;
}

.lista-noticias .noticia .categoria{
    display: block;
    padding: 0 0 5px 0;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.lista-noticias .noticia .det,
.lista-noticias .noticia .det .social,
.lista-noticias .noticia .det .social .social-item {
    height: 25px;
}
.social a.social-item,
.social a.social-item:hover {
    text-decoration: none;
}
.lista-noticias .noticia .det .social {
    margin: -2px -5px;
}
.lista-noticias .noticia .det .social .social-item {
    display: inline-block;
    line-height: 1.8;
}
.lista-noticias .noticia .det .social.pull-right .social-item {
    margin-right: 5px;
}
.lista-noticias .noticia .det .social.pull-left .social-item {
    margin-left: 5px;
}
.lista-noticias .noticia .det .social.pull-right .social-item:not(a) + a.social-item {
    margin-left: 5px;
}
.lista-noticias .noticia .det .social.pull-left .social-item:not(a) + a.social-item {
    margin-right: 5px;
}
.lista-noticias .noticia .det .social a.social-item-box.social-item,
.social a.social-item-box.social-item {
    display: inline-block;
    min-width: 60px;
    text-align: center;
    background-color: transparent;
    color: #413C40;
    position: relative;
    line-height: 2.1;
    padding: 2px 15px;
    font-size: 25px;
}
i.fa.fa-whatsapp {
    font-weight: bold;
}


.lista-noticias .noticia .det .social a.social-item.social-item-whatsapp,
.social a.social-item.social-item-whatsapp{
    background-color: #189D0E;
    color: #ccc;
}
.lista-noticias .noticia .det .social a.social-item.social-item-whatsapp:hover,
.social a.social-item.social-item-whatsapp:hover {
    background-color: #189D0E;
    color: #fff;
}
.lista-noticias .noticia .det .social a.social-item.social-item-facebook,
.social a.social-item.social-item-facebook{
    background-color: #3b5998;
    color: #ccc;
}
.lista-noticias .noticia .det .social a.social-item.social-item-facebook:hover,
.social a.social-item.social-item-facebook:hover {
    background-color: #3b5998;
    color: #fff;
}
.lista-noticias .noticia .det .social a.social-item.social-item-twitter,
.social a.social-item.social-item-twitter{
    background-color: #36B9FF;
    color: #ccc;
}
.lista-noticias .noticia .det .social a.social-item.social-item-twitter:hover,
.social a.social-item.social-item-twitter:hover {
    background-color: #36B9FF;
    color: #fff;
}

.lista-noticias .noticia .det .social a.social-item i.fa {
    width: 60px;
    text-align: center;
    font-size: 30px;
}
.lista-noticias .noticia .det .social .social-item:last-child {
    /*margin-right: 0;*/
}
.lista-noticias .noticia .intro .fecha {
    color: #0A90B2;
    font-weight: 300;
}
.encuesta .det,
.mas-leidas .det {
    /*margin: -20px -20px 0 -20px;*/
    background-color: #AB0025;
}
h1.titulo-categoria,
h2.titulo-categoria,
h3.titulo-categoria,
h4.titulo-categoria,
h5.titulo-categoria {
    font-size: 14px;
}
.lista-noticias .noticia.noticia-alt .det.titulo-categoria {
    background-color: #AB0025;
    color: #eee;
    padding: 5px 5px 5px 10px;
    display: inline-block;
    position: relative;
    height: 26px;
    margin: 0;
    z-index: 1;
}

.lista-noticias .noticia .encuesta a.btn {
    margin: 2px;
}
.lista-noticias .noticia .comentarios {
    text-align: right;
    color: rgb(102, 102, 102);
    border-top: 1px solid rgb(187, 187, 187);
    font-size: 12px;
}
.banner img,
.banner a {
    width: 100%;
    margin-bottom: 15px;
}
.banner > div > a {
    min-height: 5px;
    max-height: 350px;
    width: 100%;
}
.banner-doble a,
.banner-doble a img{
    max-height: 250px;
}

.lista-noticias .noticia h2 {
    font-size: 20px;
}

.mas-leidas h4 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.mas-leidas h4 > a {
    margin-top: 2px;
    line-height: 21px;
}


.mas-leidas .label.fecha {
    background-color: #413C40;
    color: #eee;
    font-size: 10px !important;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.lista-noticias .noticia.columna .noticia-inner .det {
    background-color: transparent;
    color: #666;
}
.bg-color-gris .lista-noticias .noticia.columna .noticia-inner .det {
    color: #ccc;
}
.lista-noticias .noticia.columna .well {
    position: relative;
    -webkit-box-flex:2;
    -webkit-flex-grow:2;
        -ms-flex-positive:2;
            flex-grow:2
}
.lista-noticias .noticia.columna .well:before {
    position: absolute;
    content: "";
    border-top: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #F5F5F5;
    left: 10px;
    top: -9px;
}
.lista-noticias .noticia.columna .well .det:first-child {
    display: inline-block;
    float: right;
    margin-top: -20px;
    margin-right: -15px;
}
.lista-noticias .noticia.columna .well .det .social {
    display: inline-block;
}
.lista-noticias .noticia.columna .well .det:last-child {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
}
.lista-noticias .noticia.columna .well .det:last-child .social {
  margin: 0 auto;
  float: none !important;
  display: table;
}
.lista-noticias .noticia.columna .media {
    margin-bottom: 10px;
}
.lista-noticias .noticia.columna .media-left {
    width: 40%;
}
.lista-noticias .noticia.columna .col-titulo  {
    margin: 0;
}
.lista-noticias .noticia.columna .well h2{
    color: #666;
}
.bg-color-gris .columna .media-heading{
    color: #ddd;
}
.bg-color-gris .columna .col-titulo{
    color: #ccc;
}
.ultima-columna .dialogo{
    background:  #fff;
    border-radius: 4px;
    padding: 10px;
    margin-top: 10px;
}
.ultima-columna .dialogo:before {
    position: absolute;
    content: "";
    border-top: none;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    left: 30px;
    top: 5px;
}



.noticia-destacada{
    overflow: hidden;
    margin-bottom: 30px;
}
.noticia-destacada figure{
    float: left;
    width: 50%;
    margin-bottom: 5px;
}
.noticia-destacada header,
.noticia-destacada p.lead{
    float: right;
    width: 50%;
    padding-left: 20px;
}
.noticia-destacada .volanta{
    color: #0A90B9;
}
.noticia-destacada + hr{
    clear: both;
}
.noticia-destacada .social{
    margin-bottom: 20px;
    text-align: right;
}
.noticia-destacada .social .social-item{
    display: inline-block;
    margin: 0 10px;
}
.noticia-destacada .social a.social-item{
    margin: 0;
}
.titulo-categoria{
    font-size: 14px;
    background-color: #0A91B9;
    color: #eee;
    padding: 5px 8px 5px 8px;
    display: inline-block;
    position: relative;
    height: 26px;
    margin: 0 0 10px 0;
}

.categoria .titulo-categoria{
    float: none;
}
.una-noticia{
    border-right: 1px solid #ccc;
    padding-right: 30px;
}
.una-noticia header hr{
    padding: 0;
    margin: 0 0 15px 0;
}


.una-noticia .volanta {
    color: #E40C0D;
    margin: 0 0 1px 0;
}
.una-noticia .titulo-grande{
    font-size: 36px;
}
.una-noticia figure {
    margin: 0 0 15px 0;
}
.una-noticia figure img{
    width: 100%;
}
.una-noticia figure figcaption{
    background: #fff;
    padding: 5px;
    color: #595358;
}
.una-noticia .social{
    text-align: center;
}
.una-noticia > .social{
    margin-bottom: 20px;
}
.una-noticia .social .social-item{
    display: inline-block;
    margin: 0 10px;
}
.una-noticia .social a.social-item.social-item-box{
    margin: 0;
}
.una-noticia .votar-noticia{
    font-size: 18px;
}
.una-noticia .votar-noticia a{
    display: inline-block;
}
.una-noticia .votar-noticia a,
.una-noticia .votar-noticia a:hover{
    text-decoration: none;
}
.una-noticia .votar-noticia a:first-child{
    margin-right: 10px;
}
.una-noticia .votar-noticia a i.fa{
    font-size: 30px;
}
.una-noticia .votar-noticia a i.fa,
.una-noticia .votar-noticia a span{
    display: inline-block;
    vertical-align: middle;
}

.una-noticia footer {
    margin-top: 20px;
    border-top: 2px solid #C5C5C5;
    background-color: #D0D0D0;
    padding: 20px;
    color: #666;
}

.una-columna .columnista img {
    width: 100%;
}

.noticias-categoria .lista-noticias h2 {
    font-size: 22px;
}

.noticias-categoria .lista-noticias.flex {
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
}
.noticias-categoria .lista-noticias.flex .noticia {
    width: 100%;
}

form > .form-group:last-child {
    marign-bottom: 0;
}

.side-mas-leidas .lista-noticias .noticia {
    width: 100%;
}

.side-module {
    padding: 20px;
    background-color: #999;
    color: #eee;
}
.side-module .side-module-title {
    margin-top: 0;
    margin-bottom: 10px;
}
.side-module .lista-noticias.flex .noticia {
    border-bottom: none;
}
.lista-fotos-del-dia .noticia h3 {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 2px 5px 5px 2px;
    margin-bottom: 10px;
}
.side-module .lista-fotos-del-dia .noticia h3 {
    background-color: #413C40;
    color: #bbb;
    margin-bottom: 0;
}
.lista-fotos-del-dia .noticia > a:hover {
    text-decoration: none;
}
.lista-fotos-del-dia .noticia > a:hover h3 {
    color: #DA4040;
}
.side-module .lista-fotos-del-dia .noticia > a:hover h3 {
    color: #eee;
}
.lista-fotos-del-dia .noticia .img-mask .fecha {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(171, 0, 37, 0.5);
    color: #eee;
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    display: inline-block;
    height: 26px;
    margin: 0 0 10px 0;
}
.lista-fotos-del-dia .noticia .img-mask .fecha:before {
    content: "";
    border-top: 13px solid rgba(171, 0, 37, 0.5);
    border-right: 13px solid rgba(171, 0, 37, 0.5);
    border-bottom: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: 0;
    left: -26px;
}
.lista-fotos-del-dia .noticia a:hover .img-mask .fecha {
    background-color: rgba(171, 0, 37, 0.8);
}
.lista-fotos-del-dia .noticia a:hover .img-mask .fecha:before {
    border-right-color: rgba(171, 0, 37, 0.8);
    border-top-color: rgba(171, 0, 37, 0.8);
}
/*----------------------------------------------------------------------------*/
/*  ENCUESTAS                                                                                                                  */
/*----------------------------------------------------------------------------*/
.listado-encuestas {
    margin-left: -15px;
    margin-right: -15px;
}
.listado-encuestas .encuesta {
    padding: 0 15px;
    margin-bottom: 30px;
    width: 50%;
}
.listado-encuestas .encuesta.encuesta-1 {
    width: 100%;
}
.listado-encuestas .encuesta .encuesta-inner {
    padding: 15px;
    background-color: #eee;
    position: relative;
    padding-bottom: 50px;
    width: 100%;
}
.listado-encuestas .encuesta.encuesta-1 .encuesta-inner {
    padding-bottom: 15px;
}

.listado-encuestas .encuesta > header > h2 {
    font-size: 24px;
    margin-top: 0;
}

.listado-encuestas .encuesta > p {
    color: #707070;
}

.listado-encuestas .encuesta > p:last-of-type {
    margin-bottom: 0;
}

.listado-encuestas .encuesta-inner a.btn {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.listado-encuestas .encuesta-1 .encuesta-inner a.btn {
    position: initial;
}

.una-encuesta {

}
.encuesta.encuesta-1 p {
    text-align: center;
}
#graph-placeholder-resultados {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 300px;
    width: 60%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
#legend-container {
    width: 40%;
    padding-left: 30px;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
#legend-container .legendColorBox {
    height: 35px;
}
#legend-container .legendLabel {
    font-size: 16px;
    padding-left: 10px;
    text-align: left;
}
#legend-container .legendColorBox > div > div {
    border-width: 10px !important;
}
#encuesta-barra {
    width: 70%;
    margin: 0 auto;
}
/*----------------------------------------------------------------------------*/
/*  / ENCUESTAS                                                                                                                  */
/*----------------------------------------------------------------------------*/

.bg-play-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.bg-play-video i.fa {
    color: #fff;
    font-size: 12px;
    opacity: 0.7;
    background-color: #000;
    border-radius: 6px;
    padding: 10px 17px;
    text-align: center;
}
.bg-play-video:hover i.fa {
    background-color: #e52d27;
    opacity: 1;
}

.flex-item.alert {
    margin-bottom: 0;
}
.form-comentarios .flex > .flex-item:first-child {
    width: calc(30% - 15px);
    margin-right: 30px;
}
.form-comentarios .flex > .flex-item:last-child {
    width: calc(70% - 15px);
    padding: 20px;
    background-color: #ccc;
}
.comentarios > h3 {
    margin-bottom: 20px;
}
.comentarios .form-comentarios {
    margin-top: 20px;
}
.comentario {
    margin-bottom: 30px;
}
.comentario .media-object {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}
.comentario .titulo-comentario {
    margin-top: 0;
    font-size: 16px;
}
.comentario .media-body .well {
    margin-bottom: 0;
}
.comentario .media-body .well > p:last-child {
    margin-bottom: 0;
}
.comentario .media-body .social a {
    text-decoration: none;
}
a.morelink {
    color: #0076AD;
    text-decoration: none;
}
a.morelink:hover {
    text-decoration: underline;
}
#form_contacto textarea {
    height: 182px;
}

.form-group.captcha {
    text-align: center;
}
.form-group.captcha .input-group {
    display: inline-table;
    width: 200px;
    vertical-align: middle;
}
.buscador {
    padding: 15px;
    text-align: left;
}
.buscador input,
.buscador select{
    display: block;
    margin-bottom: 15px;
}
.buscador .form-inline .form-control{
    display: block;
    width: 100%;
}
.buscador button{
    border: 0;
    background: transparent;
}

.radio-online {
    width: 215px;
    height: 132px;
}

.btn-code-dimension,
.btn-code-dimension:visited{
position: relative;
display: block;
width: 220px;
height: 26px;
background: url(../images/codedimension.png) 0 0 no-repeat;
color: #cccccc;
font-weight: bolder;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0 5px 30px;
margin: 30px auto 40px;
text-decoration: none;
text-align: left;
overflow: hidden;
}

.btn-code-dimension:hover{
background: url(../images/codedimension.png) 0 -26px no-repeat;
color: #ffffff;
text-decoration: underline;
}

.foto-del-dia {
    text-align: center;
    margin: 0 auto 30px auto;
    max-width: 1000px;
}
.foto-del-dia:last-child {
    margin-bottom: 0;
}
.foto-del-dia img {
    width: 100%;
}
.foto-del-dia .descripcion {
    background-color: #313131;
    padding: 20px;
    color: #eee;
    margin-bottom: 30px;
}
.foto-del-dia .descripcion:last-child {
    margin-bottom: 0;
}
.foto-del-dia .descripcion p {
    margin-bottom: 0;
}
.foto-del-dia .titulo-categoria {
    margin-bottom: 20px;
}
.foto-del-dia header {
    text-align: left;
}

.banner-full {
    padding: 20px 0;
    text-align: center;
}
.banner-full .banner {
    max-width: 980px;
    margin: 0 auto;
}
.banner-full.banner-pos-1 {

}
.banner-full.banner-pos-2 {
    margin-top:0;
    padding-top:15px;
}
.banner-full.banner-pos-3 {
    padding-bottom: 20px;
    margin-bottom: -10px;
    border-bottom: 1px solid #ccc;
    background: #ddd;
}
.banner-side > .banner {
    margin-bottom: 30px;
}

.lista-personajes{
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.lista-personajes li{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #0A91B9;
}

.lista-personajes li h3{
    text-shadow: 0 1px 0 #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.lista-personajes li a,
.lista-personajes li a:visited{
    text-decoration: none;
}

.lista-personajes li a img{
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    border: 1px solid #fff;
    padding: 0;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

.lista-personajes li a:hover img{
    transform: scale(1.1);
}

.lista-relacionadas{
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C4C460;
}

.lista-relacionadas li{
    display: block;
    margin-bottom: 5px;
}

.lista-relacionadas li a span{
    display: block;
    font-size: 10px;
    font-weight: bolder;
    background: transparent;
    color: #000;
    margin-bottom: 5px;
    text-align: center;
}

.lista-relacionadas li a,
.lista-relacionadas li a:visited{
    display: block;
    background: #47658F;
    color: #ccc;
    padding: 5px 8px 10px;
    margin-bottom: 5px;
    text-decoration: none;
    transition: all .5s ease-in-out;
    border-left: 10px solid #0A90B2;
}

.lista-relacionadas li a:hover{
    background: #0A90B2;
    color: #fff;
    border-left: 10px solid #000;
}

.btn-share{
    border-radius: 50%;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    text-align: center;
}
.btn-share:hover{
    background:  #fff;
}
.btn-share > .dropdown-menu li a{
    background: transparent;
    color: #333 !important;
}
.lista-modulos{
    display: block;
}
.lista-modulos .modulo{
    min-height: 330px;
    margin-bottom: 15px;
}
.lista-modulos .modulo img{
    margin-bottom: 15px;
}
.lista-modulos .modulo .carousel-inner img{
    margin-bottom: 0px;
}
.lista-modulos .modulo .etiqueta{
    display: block;
    padding:  8px 14px;
    font-size: 18px;
    margin: 5px 0;
    margin-bottom: 0;
    color: #eee;
    text-align: center;
}
.yoescucho-home h3{
    background: transparent;
    color: #fff;
    margin: 15px 0;
}
.resumen-categorias header{
    background: #0091B5;
    color: #fff;
    padding: 10px 20px;
}
.resumen-categorias h2{
    padding: 0;
    margin-bottom: 0;
}
.resumen-categorias .resumen-categorias-inner{
    padding: 30px;
}
.resumen-categorias .titulares{
    background: #f1f1f1;
    padding: 5px 15px;
    margin-bottom: 15px;
}
.resumen-categorias .miniaturas{
    margin-bottom: 15px;
}
.resumen-categorias .miniaturas h3{
    margin-top: 0;
}
#carousel-ddjj-home img{
    width: 100%;
}
.sidebar-principal{
    background: #fff;
    display: block;
    padding: 15px;
    margin-bottom: 15px;
}
.sidebar-principal .modulo{
    margin-bottom: 15px;
}
.sidebar-principal .modulo .etiqueta{
    display: block;
    padding:  8px 14px;
    font-size: 18px;
    margin: 5px 0;
    margin-bottom: 0;
    color: #eee;
    text-align: center;
}