@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Roboto+Condensed:400italic,400,700);

#galerias div:last-child, .corta{
    margin-right: 0 !important;
}

*{
    margin: 0;
    padding: 0;
}

body{
    font-family: 'Roboto Condensed', sans-serif;
}

#redesocialesfondo{
    background: #fff100;
    height: 34px;
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
    box-sizing: border-box;
}
#redesociales{
    margin: 0 auto;
    text-align: right;
    max-width: 960px;
    width: 100%;
}

h2{
    font-family: 'Rokkitt', serif;
    color: #fea100;
    font-size: 21pt;
    font-weight: 400;
}

h3{
    font-family: 'Rokkitt', serif;
    color: #fff;
    font-weight: 700;
    font-size: 16pt;
}

header{
    width: 100%;
    box-shadow: 7px 5px 21px #efefef;
}

#contenedor{
    max-width: 960px;
    width: 100%;
}

header nav{
    font-family: 'Rokkitt', serif;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  /*  background: #fff;*/
    height: 65px;
}
#logo{
    float: left;
    padding-left: 15px; 
}
header ul{
    float: right;
    /*padding-left:20px;*/
    padding-top:24px;
    
    }

ul li {
    float: left;
    list-style: none;
    padding-right: 25px;
}

ul li a{
    color:#757575;
    text-decoration: none;
}
ul li.activo a, ul li a:hover{
    color:#fea100;
    text-decoration: none;
}

nav.footer ul li a{
    color:#9c9c9c;
    text-decoration: none;
    font-size: 10pt;
}

#noticias{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #e0e0e0;
}

#principales {
    display: block;
    height: 737px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}



#principales article{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}


#principales article div{
    position: absolute;
    width: 100%;
    display: table;
    padding:20px;
    background: #e3000e;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    text-align: left;
}

#principales article h2{
    font-size:40pt;
    text-transform: uppercase;
}
#principales article h3{
    /*text-align: center;*/
}

#principales article p{
color: #fff;
font-size: 12pt;
margin-top: 3px;
}

#parte2 {
    display: table;
    margin: 20px auto 30px;
    max-width: 960px;
    width: 100%;
    border-bottom: 2px solid #e0e0e0;
}
footer #parte2 {
    border-bottom: 0;
}
#programacion{
    width: 639px;
    float: left;
}
#programacion div.item{
    width: 291px;
    background: #d8d8d8;
    color: #000;
    padding: 5px;
    box-sizing: border-box;
    float: left;
    height: 69px;
    border-right: 3px solid #fff;
    position: relative;
    margin-right: 45px;
    margin-bottom: 10px;
}

.item.amarillo{
    background: #fea100 !important;
}

.item .clase{
    color: #000;
    font-size: 10pt;
    font-weight: 400;
}
.item p{
    color: #000;
    font-family: 'Rokkitt', serif;
    font-size: 10pt;
    font-weight: 700;
}

#programacion div.item:nth-child(2n+1){
    margin-right: 0px;
}

#programacion div.item:after {
    background: #d9d9da;
    content: " ";
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0;
    width: 10px;
}
#programacion h2{
    color: #757575;
    font-family: 'Rokkitt', serif;
    text-transform: uppercase;
    border-bottom: 2px solid #a19e9e;
    margin-bottom: 10px;
}

#programacion h3 a{
    color: #000;
    font-weight: 400;
    text-decoration: none;
    font-size: 13pt;
}
#programacion h3 a:hover{
    color: #000;
    font-weight: 400;
    text-decoration: underline;
}

#secundarias{
    width: 960px;
    height: 25px;
    margin: 0 auto;
    background:#eef2f3;
}

h2.centrado {
    margin: 10px auto 30px;
    text-align: left;
    width: 100%;
}


#galerias {
    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
    display: table;
    height: auto;
    padding-bottom: 20px;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}

a.linknaranja{
    text-decoration: none;
    color: #e28329;
    font-family: 'Rokkitt', serif;
    margin: 10px 0px;
    font-size: 12pt;
    font-weight: 400;
    letter-spacing: 2pt;
}
a.mas{
    text-decoration: none;
    color: #e28329;
    font-family: 'Rokkitt', serif;
    font-size: 11pt;
    font-weight: 700;
}
#seccion1 a.mas{
    color: #fea100;
}

#seccion1 img{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

#galerias div{
    height: auto;
    width: 32%;
    margin-right: 2%;
    float: left;
    text-align:center;
}

 #ultimas article{
    height: auto;
    width: 32%;
    text-align:center;
    border: 1px solid #c9c6c5;
    padding: 20px;
    box-sizing: border-box;
     float: left;
     margin-right: 2%;
}
 #ultimas article.impresita{
    border: 0;
}
 #seccion1 #ultimas article{
    /*border: 1px solid #fff;*/
   /* border: 2px solid #444444;*/
}

#galerias p, #ultimas p{
    font-family: "Roboto Condensed",sans-serif;
    font-size: 10pt;
    margin: 5px 0;
    color: #757575;
}
#seccion1 #ultimas p{
    color: #767373;
}


#galerias nav div h2{
    vertical-align: middle;
    display: table-cell;
}



#galerias img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

aside{
    width: 305px;
    float: right;
}

#buscador{
    margin-bottom: 3px;
}

#impresa {
    background: #f5f5f9 url("imagenes/impresa.jpg") no-repeat scroll center 10px / 50% auto;
    display: table;
    float: right;
    height: 148px;
    position: relative;
    width: 291px;
    margin-bottom: 10px;
}


.impresita #impresa {
    background: url("imagenes/impresa.jpg") no-repeat scroll center 5% / 75% auto !important;
    height: 180px;
    margin-top: 10px;
    width: 100%;
}

#impresa a {
    background: #fea100 none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    display: table-cell;
    float: right;
    font-size: 13pt;
    padding: 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    text-decoration: none;
    color: #fff;
}

#twitter{
    width: 290px;
    height: 227px;
    float: right;
    margin-bottom: 10px;
}

#radio{
    float: right;
}

#seccion2 {
    height: auto;
    padding-bottom: 1px;
    width: 100%;
    background: #f9f9fb;
}
#seccion1 {
    height: auto;
    padding-bottom: 1px;
    width: 100%;
    /*background: #2e2e2e;*/
    background: #fff;
    margin-top: -5px;
}

#ultimas{
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
    height: auto;
    display: table;
    overflow: hidden;
    text-align: center;
    max-width: 960px;
    width: 100%;
    padding-top: 10px;
    margin: 0 auto 20px;
}

#ultimas article{
    margin-bottom: 10px;
}

#ultimas h3{
    font-family: 'Rokkitt', serif;
    color: #c9c6c5;
    font-size: 17pt;
    font-weight: 400;
    margin: -20px 0 30px;
    width: 100%;
}

#ultimas h4 a{
    font-family: 'Rokkitt', serif;
    color: #757575;
    font-size: 11pt;
    font-weight: 700;
    margin: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
}
#seccion1 #ultimas h4 a{
    color: #fea100;
}



#videos h2{
    color: #fea100;
}

#videos p{
    color: #757575;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 11pt;
}

#videos{
    width: 100%;
    max-width: 960px;
    margin: 30px auto;
    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
    display: table;
}

#videos div{
    float: left;
    margin-right: 2%;
}
#videos div:nth-child(2), #videos div:nth-child(4), #videos div:nth-child(5){
    margin-right: 0;
}

#videos div:nth-child(2){
    float:right;
}

#publicidad {
    margin-bottom: 10px !important;
    position: relative;
    width: 64%;
    /*display: none;*/
}

#videos div.info {
    width: 32%;
    padding-top: 10px;
}
#video{
    margin: 10px 0;
    width: 66%;
    height: 300px;
}
#video2{
    margin: 10px 0;
    width: 32%;
    height: 298px;
}

#botonera de abajo a {
    padding: 20px;
    
}

footer{
    width: 100%;
    display: table;
    margin-top: 10px;
}

footer p {
    color: #000;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 10pt;
    font-style: italic;
    text-align: center;
    margin: 20px 0;
}
footer #parte1{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: table;
    height: auto;
}

footer #parte1 .uno{
    width: 153px;
    float: left;
}

footer #parte1 .dos {
    box-sizing: border-box;
   
    margin-right: 10px;
    padding: 20px 0 20px 20px;
    width: 426px;
}

footer #parte1 .dos a{
    color: #9c9c9c;
    text-decoration: none;
}

footer #parte1 .tres {
    border-left: 2px solid #c7c5c6;
    box-sizing: border-box;
    height: 160px;
    padding: 20px 0 0 20px;
    width: 324px;
}

.mapita{
    border: 2px solid #c7c5c6;
    height: 300px;
}

#parte3 {
    background: #fff100 none repeat scroll 0 0;
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
    margin-top: -20px;
}

#parte3 p{
    color:#757575; 
    width: 100%;
    max-width: 960px;
    margin: 0px auto;
    padding: 8px 0;
}

#redes{
    float:right;
    
}

hr{
    background:#c7c5c6;
    border-top: 0;
    /*margin: 0 auto;*/
    width: 100%;
}

.clear{
    clear: both;
}




/*  ACA HICE YO */



#principales {
    display: block;
    height: 330px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#principales article {
    box-sizing: border-box;
    height: 277px;
    width: 100%;
}

#principales article div {
    background:none;
    box-sizing: border-box;
    display: table;
    height: 100%;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#principales ul li {
    padding-right: 0px;
}

#principales article div h2 {
    background: #fff100 none repeat scroll 0 0;
    display: block;
    font-size: 21pt;
    height: auto;
    color: #000;
    bottom: 0;
    left: 0;
    max-width: 40%;
    padding: 1%;
    position: absolute;
    vertical-align: middle;
    width: auto !important;
    text-transform: uppercase;
    /*text-transform:none;*/
}

#principales article div.activo{
    width: 100%;
    height: 100%;
    background: rgba(0, 0,0,0.8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:2% 11%;
    box-sizing: border-box;
}

#principales article p {
    color: #fff;
    font-size: 12pt;
    margin-top: 3px;
    text-align: center;
	width: 100% !important; 
}


#principales h4{
    color: #fff;
    font-size: 11pt;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 20px;
}
#principales article div h2.activo {
    background: none !important;
    display: block;
    font-size: 43pt;
    height: auto;
    color: #fff100 !important;
    margin: 0;
    text-align: center;
    max-width: 100%;
    line-height: 38pt;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: auto !important;
    text-transform:uppercase;
}

#bx-pager {
    margin-top: -5px;
}
#bx-pager a{
    background:#ccc;
    padding: 5px 10px;
    box-sizing: border-box;
    width: 25%;
    border-right: 2px solid #fff;
    color: #000;
    display: block;
    float: left;
    text-decoration: none;
}
#bx-pager a:hover, #bx-pager a.active{
    background:#fff100;
}



article h1{
    width:40%;
    float:right;
}
article p{
    /*width:40%;
    float:right;   
    */
}

.noticiasprincipales{
    display:table;
}

.noticia{
    float:left;
    display:inline-block;
    display:table-cell;
    font-size: 10pt;
}

.noticia h2{
    color:black;
}

.uno{
    width:30%;
    padding:10px;
}

.dos{
    width:30%;
    padding:10px;
}

.tres{
    width:30%;
    padding:10px;
}

.noticiassecundarias{
    display:table;
    width:75%;
}

.noticias{
    float:left;
    display:inline-block;
    display:table-cell;
    font-size: 8pt;
}
h3{
    color:black;
    font-size: 12pt;
}
.a{
   width:25%;
   padding:10px; 

}

.b{
    width:25%;
   padding:10px; 
}

.c{
    width:25%;
   padding:10px; 
}

.d{
    width:15%;
    float:right;
}

footer{
    padding:0;
    font-size: 10pt;
    color:grey;
    box-sizing: border-box;
}

#vermas{
    list-style-type: none;
    background-color: #36A9E1;
    width:15%;
}
#vermas li a{
    display:inline-block;
    text-decoration: none;
    color:white;
}



.fondo-separador {
    background: #fbfbfb none repeat scroll 0 0;
    height: 50px;
    padding-top: 15px;
    width: 100%;
}

#seccion1 {
    /*background: #2e2e2e none repeat scroll 0 0;*/
    background: #fff;
    height: auto;
    /*margin-top: -61px;*/
    padding-bottom: 1px;
    position: relative;
    width: 100%;
    z-index: 1;
}

#seccion2 img{
    width: 100%;
    height: auto;
}

h4.endestacado{
    position: absolute;
    display: inline;
    right: 5px;
    bottom: 0;
    text-align: right;
    width: 80%;
}
h4.endestacado a{
    display: inline;
    background:#fff;
    font-size: 15pt !important;
    color: #000 !important;
}
.autora h4.endestacado a{
    display: inline;
    background:#fff;
    font-size: 15pt !important;
    color: #fff !important;
}
h4.endestacado2{
    position: absolute;
    display: inline;
    left: 0px;
    bottom: 0;
    text-align: left;
    width: 50%;
    border-left: 5px solid #fff;
}
h4.endestacado2 a{
    display: inline;
    background:#fff;
    font-size: 25pt !important;
    color: #000 !important;
}
#ultimas article.destacado {
    padding: 5px;
    position: relative;
    height: 380px;
    
}
#ultimas article.destacado2 {
    padding: 1px;
    position: relative;
    height: 531px !important;
    width: 66%;
    margin-right: 0;
    
}
#ultimas article.costado {
    height: 258px !important;
}
#ultimas article.costado2 {
    margin-top: -267px;
}

h5 {
    color: #a19e9e;
    font-family: "Rokkitt",serif;
    font-size: 18pt;
    font-weight: 400;
    margin: 7px auto 14px;
    max-width: 960px;
    padding-left: 5px;
    padding-right: 10px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
}


h6 {
    color: #a19e9e;
    font-family: "Rokkitt",serif;
    font-size: 12pt;
    font-weight: 400;
    margin: 7px auto;
    text-transform: none;
}
h6 a{
    text-decoration: none;
    color: #a19e9e;
}
h6 a span{
    font-weight: 700;
}

h5 span {
    border-left: 2px solid #a19e9e;
    font-size: 11pt;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    text-transform: none;
    top: -3px;
}

h5 a {
    /*border-right: 2px solid #a19e9e;*/
    color: #a19e9e;
    font-family: "Rokkitt",serif;
    font-size: 18pt;
    font-weight: 400;
    padding-right: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.programainfo h5 {
    color: #e8a025;
    font-family: "Rokkitt",serif;
    font-size: 18pt;
    font-weight: 400;
    margin: 7px auto;
    max-width: 960px;
    padding-left: 0;
    padding-right: 10px;
    text-transform: uppercase;
    width: 100%;
}

.programainfo h5 span {
    border-left: 2px solid #e8a025;
    font-size: 11pt;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
    text-transform: none;
    top: -3px;
}

.naranjita{
    color:#e8a025;
    font-family: 'Rokkitt', serif;
    font-size: 11pt;
    text-transform: uppercase;
    }

.programainfo{
    float: left;
    width: 500px;
    padding-left: 20px;
    padding-top: 30px;
    text-align: left;
}

.tuits{
    width: 168px;
    height: 32px;
    margin-bottom: 10px;
    float: left;
}

.detalle{
    font-family: 'Rokkitt', serif;
    color: #a19e9e;
    font-weight: 700;
    font-size: 12pt;
    float: left;
    width: 40px;
    text-align: left;
}

.detalle4{
    font-family: 'Rokkitt', serif;
    color: #625f5f;
    font-weight: 700;
    font-size: 12pt;
    float: left;
    width: 120px;
    text-align: left;
}

.detalle3 {
    color: #a19e9e;
    float: left;
    font-family: "Rokkitt",serif;
    font-size: 12pt;
    font-weight: 700;
    margin-top: 6px;
    text-align: left;
    width: 140px;
}
.detalle2{
    font-family: 'Rokkitt', serif;
    color: #fea100;
    font-weight: 700;
    font-size: 10pt;
    float: right;
    text-align: left;
}

.linea {
    background: #efefef none repeat scroll 0 0;
    border: 0 none;
    float: left;
    height: 2px;
    margin-bottom: 20px;
    margin-top: 7px;
    width: 920px;
}
.linea4 {
    background: #625f5f none repeat scroll 0 0;
    border: 0 none;
    float: left;
    height: 2px;
    margin-bottom: 20px;
    margin-top: 7px;
    width: 310px;
}

.linea3 {
    background: #efefef none repeat scroll 0 0;
    border: 0 none;
    float: left;
    height: 2px;
    margin-bottom: 20px;
    margin-top: 14px;
    width: 820px;
}


.linea2 {
    background: #fea100 none repeat scroll 0 0;
    border: 0 none;
    float: left;
    height: 2px;
    margin-bottom: 20px;
    margin-top: 6px;
    width: 795px;
}

#ultimas #twitter {
    width: 400px;
    border-left: 1px solid #ccc;
    margin-top: 30px;
    padding-left: 20px;
    }
.urbanaicon{
    width: 104px;
    height: 32px;
    float: right;
}

.leidas{
    background: #000;
    display: block;
    color: #fff;
    position: absolute;
    right: 0;
    z-index: 10000000;
    text-transform: uppercase;
    font-weight: 700;
    top: 0;
    padding:3px;
    font-size: 10pt;
}
.vivo .bx-wrapper .bx-viewport{
    background: none !important;
    border: 0;
    margin-left: 14px;
    overflow: visible;
    width: 98% !important;
}
.slider1 img {
    height: auto !important;
    margin: 0 auto;
    width: auto !important;
}

.slider1 .slide{
    border: 1px solid #ddd;
    padding: 20px;
    background: none;
    height: 136px;
}

.vivo .bx-wrapper .bx-prev {
    left: 4px;
}
.vivo .bx-wrapper .bx-next {
    right: 5px;
}
.vivo .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    display: none;
}


#programasdestacados {
    margin-top: 40px;
}
#programasdestacados article {
    border: 0 none;
    float: left;
    height: 245px !important;
    margin-right: 3px;
    padding: 0;
    position: relative;
    width: 237px;
}

#programasdestacados article img{
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
#programasdestacados article img.desaturada{
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
#programasdestacados article h3, #programasdestacados article p{
    bottom: -23px;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    position: absolute;
    z-index: 0;
}
#programasdestacados article h3{
    background: #f8eb02;
    color: #000;
}
#programasdestacados article p{
    background: #cccccc;
    color: #000;
    bottom: 3px;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    border-right: 1px solid #f8eb02;
}
#programasdestacados article .oscuro{
    top: 0;
    left: 0;
    height: 184px;
    display: table;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 1;
}
#programasdestacados article .oscuro h2{
    display: table-cell;
    position: relative;
    vertical-align: middle;
    color: #fff;
    font-size: 25pt;
    line-height: 22pt;
    padding:0 20%;
    z-index: 1;
}


#mapa {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 20px;
    padding:10px;
    overflow: auto;
    box-sizing: border-box;
}
#mapa ul li{
    float: none;
    font-size: 13pt;
    /*background: #f5f5f5;*/
}
#mapa ul li ul li a{
    padding-left: 25px;
    background: #dadada;
   /* border-bottom: 1px solid #dadada;*/
}
#mapa ul li ul li ul li a{
    padding-left: 50px;
    background: #ccc !important;
}


#destacada, #noticia{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.noticia2{
    width: 100%;
    max-width: 640px;
    float: left;
    display: table;
}


#destacada article{
    position: relative;
    margin: 0 0 10px;
}
#destacada article div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    border-left: 10px solid #fff100;
}

#destacada  h4 a {
    background: #fff100;
    color: #000;
    font-family: "Rokkitt",serif;
    font-size: 30pt;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

#destacada p{
    color: #000;
    background: #fff100;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 12pt;
    margin: 0;
    width: 70%;
    border-bottom: 10px solid #fff100;
}

#destacada span{
    color: #fff;
    background: #2e2e2e;
    display: block;
    padding: 5px;
    font-family: "Rokkitt",serif;
    font-size: 15pt;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    right: 0;
    top: 0;
    position: absolute;
}


#noticia  h4 a {
    color: #000;
    font-family: "Rokkitt",serif;
    font-size: 35pt;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
    box-sizing: border-box;
    display: block;
}

#noticia p{
    color: #000;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 11pt;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
}
p.copete{
    color: #000 !important;
    background: #fff100;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 12pt;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
}
p.borde{
    border-bottom: 5px solid #2e2e2e;
}

.copetin{
    color: #fff;
    background: #2e2e2e;
    display: inline;
    padding: 5px;
    font-family: "Rokkitt",serif;
    font-size: 10pt;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
}
.copetin2{
    color: #fff;
    background: #757575;
    display: inline;
    padding: 5px;
    font-family: "Rokkitt",serif;
    font-size: 10pt;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
}

.copetin a, .copetin2 a{
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
#noticia img {
    width: 100%;
    height: auto;
}
.relacionadas-autor{
    width: 654px;
    height: 150px;
    float: right;
   /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
    display: table;
}
.relacionadas-autor h3 {
    background: #fea100 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff !important;
    font-family: "Rokkitt",serif;
    font-size: 11pt !important;
    font-weight: 700;
    height: 150px !important;
    margin: 0 !important;
    padding: 45px 5px;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 80px !important;
    float: left;
}
.relacionadas-autor article{
    width: 27% !important;
    border: 0 !important;
    padding: 0 !important;
    height: 150px !important;
    position: relative;
}

.relacionadas-autor article img{
    width: 100% !important;
    height: 100% !important;
}


.relacionadas-autor h4.endestacado {
    bottom: 0;
    display: inline;
    left: 0;
    position: absolute;
    text-align: left;
    width: 80%;
}

.relacionadas-autor h4.endestacado a{
    background: #fea100 !important;
    font-size: 11pt !important;
}


.relacionadas-autor #ultimas h4 a {
    color: #757575;
    font-family: "Rokkitt",serif;
    font-size: 11pt;
    font-weight: 700;
    margin: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
}

#seccion2 ul li{
    float: none;
    line-height: 18pt;
    text-align: left;
}

#seccion2 #ultimas ul li h4 a{
    color: #757575;
}
#seccion1 ul li{
    float: none;
    line-height: 15pt;
    font-size: 9pt !important;
    text-align: left;
}
#seccion1 ul li a{
    font-size: 10pt !important;
}

#seccion1 #ultimas ul li h4 a{
    color: #757575;
}
#seccion2 nav h4{
    text-align: left;
}

.seccionesnoticias article{
    height: 384px !important;
}
.seccionesnoticias2 article{
    height: 260px !important;
}
.seccionesnoticias article.confoto{
    height: 390px !important;
}


#programacion .amarillo h3 a, .amarillo .clase, .amarillo p {
    color: #fff;
}
.sesionclas{
    float: left;
    text-decoration: none !important;
    padding-left: 30px;
}
.sesionclas img{
    float: left;
}
.sesionclas h3{
    background: #444444;
    color: #fff;
    float: left;
    font-size: 10pt;
    padding: 5px;
}
.sesionclas nav{
    float: left;
    width: 465px;
    height: 15px;
}
.sesionclas nav ul{
    float: left;
    padding: 3px 0 0 15px;
}
.sesionclas nav ul a{
    color: #000;
    font-size: 11pt;
    font-family: 'Rokkitt', serif;
}

 a .sesion{
    color: #000;
    font-size: 11pt;
    font-family: 'Rokkitt', serif;
    top: 5px;
     padding: 0 !important;
     left: 5px;
    position: relative
}

aside #seccion1{
    margin-top: 0;
}

aside .fondo-separador {
    padding-left: 0;
    box-sizing: border-box;
    text-align: center;
}
aside #ultimas article.destacado {
    height: 252px;
    margin-left: 41px;
    padding: 5px;
    position: relative;
    width: 65%;
}

aside h4.endestacado a {
    font-size: 11pt !important;
}

#buscador{
    float: right;
    margin-top: 10px;
}


input {
    background: #eaeaea;
    border: 1px solid #dcdcdc;
    float: left;
    font-size: 11pt;
    height: 27px;
    margin-right: 5px;
    padding: 5px;
    width: 273px;
    color: #757575;
}
#buscador-enter{
    float: right;
    cursor: pointer;
}

#resul{
    width: 100%;
    display: table;
    margin-top: 10px;
    background: #fea100;
    border-bottom: 5px solid #dcdcdc;
}

#resul .imagen{
    width: 30%;
    float: left;
    margin-right: 5%;
}
#resul .imagen img{
    width: 100%;
    height: auto;
}

#resul .datos{
    width: 65%;
    float: left;
}
#resul .datos h4 a{
    font-size: 9pt;
    color: #fff;
}
#contactForm2{
    width: 93%;
    float: right;
}
textarea{
    background: #444444;
    border: 0 solid #dcdcdc;
    float: left;
    font-size: 11pt;
    height: 50px;
    resize: none;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
}

.imagen-comen{
    width: 57px;
    height: 55px;
    float: left;
}

input[type="submit"] {
    background: #fff100;
    border: 0 none;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    float: right;
    font-family: "Rokkitt",serif;
    font-weight: 700;
    margin-right: 0;
    margin-top: 5px;
    width: 100px;
}

#comentarios{
    margin-top: 10px;
}

.comenta{
    width: 100%;
    display: table;
    position: relative;
    color: #767373;
    font-size: 10pt;
}
.comenta .imagen-comen{
    vertical-align: middle;
    position: relative;
    display: table-cell;
    float: none;
}
.comenta .imagen-comen img{
    margin-bottom: 0 !important;
}
.comenta p{
    width: 95%;
    float: right;
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
}

.likes{
    float: right;
}
#megusta{
    width: 40px;
    height: 26px;
    cursor: pointer;
}

#megusta img{
    width: 40%;
    height: auto;
}
.likes span{
    float: right;
}

.autor-imagen{
    width: 306px;
    height: 148px;
    float: left;
}

#autor{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: table;
}

.perfil{
    width: 33%;
    float: left;
}
.masvistas{
    width: 66%;
    float:right;
    margin-top: 115px;
   /* margin-top: 5px;*/
}
#autor article{
    width: 100% !important;
}

#autor h5{
    text-align: center;
}
.masvistas #seccion1{
    background: #fff;
}
.perfil #seccion2{
    background: #fff;
}
.masvistas article {
    border: 3px solid #fff100 !important;
    height: 168px !important;
    margin-bottom: 8px !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
}

.masvistas article img{
    margin-top: -50px;
}

.masvistas h4 a{
    color: #000 !important;
    background: #fff100 !important;
    display: block;
    width: 50%;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: 0 !important;
}

.vistas{
    position: absolute;
    right: 0;
    top: 0;
    background: #444444;
    color: #fff;
    font-size: 15pt;
    padding:5px;
}
.vistas span{
    font-size: 10pt;
}

#programacion h2 a{
    text-decoration: none;
    color: #757575;
}

.programadespliega{
    width: 100%;
    max-width: 640px;
    background:#f5f5f5;
    padding:30px 15px;
    box-sizing: border-box;
    margin: 50px 0;
    float: left;
    display: table;
}
.programadespliega div:first-child{
    width: 60%;
    float: left;
    display: table;
}
.programadespliega div:last-child{
    width: 40%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
    display: table;
}

.programadespliega h4{
    font-size: 22pt;
    line-height: 23pt;
    font-family: 'Rokkitt', serif;
    color:#fea100;
    font-weight: 700;
}

.programadespliega span{
    font-size: 14pt !important;
    color:#000000 !important;
    background: none !important;
    padding:0 !important;
    margin-top: 20px !important;
    line-height: 25pt;
}
.programadespliega h4 span{
    font-size: 35pt !important;
    color:#fea100 !important;
    background: none !important;
    padding:0 !important;
    margin: 0;
}


#noticia .programadespliega p {
    box-sizing: border-box;
    color: #000;
    font-size: 10pt !important;
    margin: 0;
    padding: 0 !important;
}


.programadespliega2 #resul .datos h4 a {
    color: #000;
    font-size: 11pt !important;
    padding-top: 17px;
}

.programadespliega2{
 margin: 50px 0 !important;
}

.programadespliega2 #resul {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 5px solid #dcdcdc;
    display: table;
    margin-top: 10px;
    width: 100%;
}

.volver{
    color:#cccccc;
    text-decoration: none;
    font-family: 'Rokkitt', serif;
    font-size: 11pt;
}

.programa a{
    display: block;
    color:#000;
    background: #cccccc;
    width: 25%;
    border-right: 1px solid #fff100;
    float: left;
    box-sizing: border-box;
    padding:15px;
    text-decoration: none;
    font-family: 'Rokkitt', serif;
    font-size: 16pt;
}
.programa a:hover{
    background: #fff100;
}

#principales article div.noti{
    width: 66% !important;
    float: left;
    box-sizing: border-box;
    height: auto;
    border: 2px solid #fff100;
}

#principales article div.noti2{
    width: 33% !important;
    box-sizing: border-box;
    float: left;
}
#principales article h4 a{
    box-sizing: border-box;
    padding: 10px !important;
    color: #000;
    display: block;
    font-family: "Rokkitt",serif;
    font-size: 21pt;
    line-height: 20pt;
    text-align: left;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
#principales article h4{
     display: table;
    margin-top: 13px;
}
p.chico{
    padding: 10px !important;
    position: absolute;
    bottom: 11px;
    text-align: left !important;
    font-size: 10pt !important;
}

.mueve{
    margin-left: 10px;
}

.mueve2{
    top: 8px;
    position: relative;
}

#mapa nav{
    width: 260px;
    float: left;
}

.mapafotos {
    float: left;
    width: 640px;
}
.mapafotos .contiene{
    width: 100%;
}

.mapafotos h3 {
    box-sizing: border-box;
    color: #757575 !important;
    float: left;
    font-family: "Rokkitt",serif;
    font-size: 18pt;
    font-weight: 700;
    margin: 10px 0 0 20px;
    text-align: left;
    width: 46%;
}
.pantalla{
    width: 100%;
    height: 415px;
    background: url("imagenes/pantalla.jpg") no-repeat;
    padding: 33px 35px;
    box-sizing: border-box;
}
.pantalla img{
    width: 100%;
    height: auto;
}

.funciones{
    float: right;
    text-align: right;
    width: 50%;
}

#buscador #buscador input {
      width: 260px;
}
.pronostico1{
    width: 49.5%;
    height: 323px;
    float: left;
    background:#0058b6;
    position: relative;
}
.pronostico2 img{
    width: 50% !important;
    height: auto !important;
}
.pronostico2{
    padding-top: 25px !important;
    float: right;
    box-sizing: border-box;
}

.pronostico2 h5{
    margin-top: -15px;
    color: #fff;
    text-align: center;
}
.pronostico2 h5 span{
    border-left: 2px solid #fff;
}

.pronostico1 .leidas{
    left: 0;
    right:auto;
}
.pronostico1 article{
    width: 50% !important;
    height: 100% !important;
    float: left  !important;
    box-sizing: border-box;
    margin: 0 !important; 
    padding-top: 20px !important;
    position: relative;
    border: 0  !important;
}
.pronostico1 h2{
    color: #fff;
    margin-top: -20px;
}
.pronostico1 p{
    color: #fff;
    background: #cccccc;
    color:#625f5f;
    width: 98%;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14pt !important;
    padding: 5px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: -5px;
    margin-top: -20px;
}

#notiempo h4{
    background: #0058b6;
    color:#fff !important;
    width: 100%;
    display: block;
    font-family: "Rokkitt",serif;
    font-weight: 700;
    font-size: 12pt !important;
    padding: 5px;
    box-sizing: border-box;
    text-align: left;
    margin: 0;
}


#notiempo {
    float: left;
    margin-top: -9px;
    padding: 0;
    position: relative;
    width: 49.5%;
    height: 535px;
}
#notiempo h3{
    width: 100%;
    background: #444444;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 12pt !important;
    margin: 10px 0;
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
}
#notiempo p{
    width: 100%;
    background: #444444;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 9pt !important;
    margin: 0;
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
}
#notiempo div{
    width: 32.6%;
    margin-right: 1%;
    float: left;
}
#notiempo div:nth-child(4){
    margin-right: 0;
}

#notiempo div img{
    margin: 0;
}

.proni section{
    width: 100%;
    display: table;
    margin-top: 20px;
}

.proni aside{
    width: 49.5%;
    float: right;
    background: #f0efef;
    padding: 20px 20px;
    box-sizing: border-box;
    
}

.publi22{
    position: absolute;
    bottom: 0;
    left: 0;
}


h5.chiquito {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-sizing: border-box;
    font-size: 12pt;
    padding-right: 33px;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 960px) {
    #contenedor, h2, #buscador, #impresa, #twitter, #radio, #galerias, #parte2{
        width: 100%;
        overflow: hidden;
    }
    
    #programacion {
        float: left;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /*justify-content: space-between;*/
    }    
    #programacion div.item {
        box-sizing: border-box;
        float: none;
        width: 100%;
        margin-right: 0;
    } 
    #programacion div:after {
        display: none;
    }
    aside{
        width: 100%;
        float: none;
    }
    
    #bx-pager a {
      height: 200px;
    }
    #buscador #buscador input {
          width: 95%;
    }
    
    #buscador #buscador #buscador-enter {
        float: left;
    }
    /*
    #twitter, #radio {
        width: 50%;
        float: left;
    }*/
    #radio img{
        width: 100%;
        height: auto;
    }
    
    #principales article div h2{
        font-size: 1.2em;
    }
    #principales article div h2.activo{
        font-size: 1.2em;
        line-height: 1em;
    }
    #principales h4, #principales article p {
        font-size: 0.8em;
    }

    #bx-pager {
        font-size: 0.8em;
    }
    
    #logo{
        width: 100%;
        float: none;
        text-align: center;
        margin-right: 0;
        padding: 0;
    }
    header nav{
        display: table;
    }
    
    
header ul {
    clear: both;
    float: none;
    padding-top: 0;
}
    
    ul li {
        float: none;
        width: 100%;
        text-align: center;
        list-style: outside none none;
        padding-right: 0;
    }
    #publicidad img{
        width: 100%;
        height: auto;
    }
    
}
#mapa ul li ul li ul.nohecha li a
{
    color: #fff !important;
    background: #444 !important;
    font-size:10pt;
}

.nohecha a{
    color: #fff !important;
    background: #444 !important;
    font-size:10pt;
}
@media screen and (max-width: 760px) {
    
    #ultimas article, #logo, #galerias div, #videos div{
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }
}
@media screen and (max-width: 450px) {
    
#parte3 p {
    font-size: 0.8em;
}
    #redesocialesfondo{
        display: table;
        width: 100%;
    }
    #redesociales a{
        width: 50%;
        margin: 0 auto;
        display: block;
        float: none;
        clear: both;
        text-align: left;
    }
    #redesociales a:last-child, #redesociales a:nth-child(4){
        width: 10%;
    }
    #redesociales{
        text-align: center;
    }
     #redes{
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin-right: 0 !important;
         margin-top: 10px;
        padding: 0 !important;
    }
}