/*@import "http://designmodo.github.io/Flat-UI/dist/css/flat-ui.min.css";
@import "https://daneden.github.io/animate.css/animate.min.css";*/

body {
  position: relative;
  overflow-x: hidden;
  font-family: 'texgyreadventorregular';
  letter-spacing: 0.5px;
  background-color: #e2e2e2;
}

body,
html {
  height: 100%;
  background-color: #e2e2e2;
  letter-spacing: 0.5px;
}
.nav .open > a {
  background-color: transparent;
}
.nav .open > a:hover {
  background-color: transparent;
}
.nav .open > a:focus {
  background-color: transparent;
}

/*ÚLTIMA HORA*/
.BarTitulares{
  background-color: #e2e2e2;
  padding: 5px 0 10px 0;
  z-index: 100;
}
.BarMarquesina{
  height: 30px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-color: #000;
}
.titulares{
  height: 30px;
  border-left: 1px solid #323232;
  border-right: 1px solid #323232;
  background-color: #1D1D1D;
  overflow: hidden;
}
.titulares ul {
  width: 700%;
  left: 0;
  top: 0;
  position: absolute;
  list-style: none;
  margin: 0;
  animation: marquee 75s linear infinite;
}
@keyframes marquee {
  0%   { left: 100% }
  100% { left: -600% }
}
.titulares ul li{
  display: inline;
  margin-right: 20px;
}
.titulares ul li a{
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-style: italic;
}
.titulares ul li a span{
  color: red;
  font-size: 16px;
}

#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-left: 0;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  padding-left: 300px;
}
#wrapper.toggled #sidebar-wrapper {
  width: 260px;
}
#wrapper.toggled #page-content-wrapper {
  margin-right: -220px;
  position: absolute;
}
#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: #1a1a1a;
  height: 100%;
  left: 220px;
  margin-left: -220px;
  /*overflow-x: hidden;*/
  overflow-y: auto;
  transition: all 0.5s ease;
  width: 0;
  z-index: 1000;
}
#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}
#page-content-wrapper {
  padding-top: 70px;
  width: 100%;
}
.BarNacionales0 {
  /*background-color: #01579B;*/
  color: #FFF;
  margin-top: 20px;
  margin-bottom: 20px;
}
.BarNacionales-archive {
  background-color: #FFA000;
  color: #FFF;
  margin-top: 20px;
  margin-bottom: 20px;
}
/*BOTONES BARRA*/
.barra a img{
  height: 25px;
  padding: 0;
  margin-bottom: 3px;
}
.barra a{
  color: #FFF;
}
.barra a:hover{
  color: #FFF;
}

/*LO MÁS VISTO + ÚLTIMAS ENTRADAS*/
.UltimasEntradas{
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
}
.card{
  background-color: #FFF;
}
.UltimasEntradas ul.nav-tabs li{
  width: 50%;
  text-align: center;
  margin-bottom: 13px;
}
.UltimasEntradas ul.nav-tabs li a{
  font-size: 9px;
  color: #00a1dd;
  line-height: 1;
  margin: 0;
  border-radius: 0px;
}
.UltimasEntradas ul.nav-tabs li.active a, .UltimasEntradas .nav-tabs li.active a:focus, .UltimasEntradas .nav-tabs li.active a:hover {
  color: #fff;
  cursor: default;
  background-color: #0D47A1;
  border: 0px solid #ddd;
  border-bottom-color: transparent;
}
.LoMasV{
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}
.LoMasV a p {
  height: 44px;
  padding: 10px;
  text-decoration: none;
  overflow: hidden;
  color: #212121;
  margin-top: -15px;
  font-size: 12px;
  line-height: 26px;
  border-bottom: solid 0.75px #DDDDDD;  
  background-color: #f3f3f3;
}
.LoMasV a p span {
  padding: 15px;
  margin-left: -10px;
  margin-right: 5px;
  overflow: hidden;
  color: #FFF;
  font-size: 15px;
}
.LoMasV a p span.uno {
  background-color: #0D47A1;
}
.LoMasV a p span.dos {
  background-color: #1565C0;
}
.LoMasV a p span.tres {
  background-color: #1976D2;
}
.LoMasV a p span.cuatro {
  background-color: #1E88E5;
}
.LoMasV a p span.cinco {
  background-color: #2196F3;
}
.LoMasV a p span.seis {
  background-color: #42A5F5;
}
.LoMasV a p span.siete {
  background-color: #64B5F6;
}
.LoMasV a p span.ocho {
  background-color: #90CAF9;
}
.LoMasV a p span.nueve {
  background-color: #BBDEFB;
}
.LoMasV a p span.diez {
  background-color: #E3F2FD;
  padding: 15px 11px;
}
.LoMasV a p:hover{
  color: #FFF;
  background-color: #0d47a1;
}

.ImgDestacado, .TituloDestacado, .fechaDestacado, .resumen{
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.ImgDestacado img{
  width: 100%;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
a:hover .ImgDestacado img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.TituloDestacado{
  height: 80px;
  overflow: hidden;  
}
.TituloDestacado p{
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 20px;
  font-family: 'texgyreadventorbold';
  color: #000;
  line-height: 1;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}
a:hover .TituloDestacado p{
  color: #01579b;
}

/*ENTRADAS*/
.entradas{
  margin-bottom: 20px;
  height: 280px;
  overflow: hidden;
}
.entradas .TituloDestacado p {
  font-size: 13px;
  line-height: 1.2;
}
.entradas .TituloDestacado {
  height: 70px;
  overflow: hidden;
}
.entradas .fechaDestacado p {
  font-size: 10px;
  color: #3A3A3A;
  margin-bottom: 5px;
}

/*COMPARTIR*/
.SideShare{
  width: 60px;
  position: fixed;
  z-index: 100;
}
.SideShare ul li a img{
  width: 40px;
}
.SideShare li {
  list-style: none;
  margin-bottom: 10px;
  margin-left: -25px;
}

/*BOTONES DESPLAZAMIENTO*/
.btnLeft{
  position: fixed;
  left: 0;
  z-index: 1000;
}
.btnLeft a img{
  width: 40px;
}
.btnRight{
  position: fixed;
  right: 0;
  z-index: 1000;
}
.btnRight a img{
  width: 40px;
}

/*NOTICIA*/
.Noticias {
  padding-left: 60px;
}
.Noticias .Noticia{
  margin-top: 20px;
  padding-left: 0px;
  padding-right: 0px;
}
.categoria p {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 5px;
  font-size: 20px;
  color: #067fac;
}
.categoria p a{
  font-size: 20px;
  color: #067fac;
}
.Noticias .titulo h1{
  font-size: 45px;
  letter-spacing: 0.5px;
  font-weight: 100;
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
}
.autor{padding-left: 20px;}
.autor p{margin-bottom: 0px; font-size: 16px;}
.fechaHora{padding-left: 20px;}
.fechaHora p{margin-top: -5px;margin-bottom: 0px; font-size: 16px;}
.compartir a img{
  width: 35px;
}
.ImgNoticia img {
  width: 100%;
}
.fuenteFoto p{
  font-size: 12px;
  color: #000;
}
.contenido{
  padding: 40px 80px 0 40px;
}
.Noticia .contenido p{
  font-size: 18px;
  color: #000;
}
.Noticia blockquote {
  padding: 0 0 0 20px;
  margin: 20px;
  border-left: 2px solid #999;
}
/*.Noticia blockquote p{
  position: relative;
  left: 60px;
  top: -100px;
  padding-right: 50px;
}
.Noticia blockquote::before{
  content: "\201C";
  font-size: 90px;
  font-weight: bold;
  color: #999;
  font-family: Georgia, serif;
  position: relative;
  left: -5px;
  top: 10px;
}*/ 
.Noticia blockquote a{color: #00a1dd;}
.Noticia blockquote a:hover{color: #066b98;}
.Noticia .videoNoticia iframe {
  width: 80%;
  height: 370px;
  margin: 10%;
}
.Noticias ol{
  margin: 50px 0;
  color: #000;
  list-style-position:inside;
}
.Noticias ol li{
  margin: 10px 0;
}
/*.Noticias ul{
  margin: 50px 0;
  color: #000;
  list-style-position:inside;
  list-style-image: url('../img/');
}
.Noticias ul li{
  margin: 10px 0;
}*/
.NoticiaRelacionada{
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
}
.NoticiaRelacionada a{
  color: #00a1dd;
  font-size: 20px;
}
.NoticiaRelacionada a:hover{
  color: #066b98;
  font-size: 20px;
}
.NoticiaRelacionada a span{
  color: #000;
}
.otrasNoticias{
  margin-top: 60px;
  margin-bottom: 30px;
}
.compartir{
  margin-top: 30px;
  margin-bottom: 30px;
}
.BarOtrasNoticias {
  border-bottom: 3px solid #006d96;
  border-top: 3px solid #006d96;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
  font-size: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.otrasNot{
  margin-bottom: 20px;
  height: 210px;
  overflow: hidden;
}
.otrasNot img{
  width: 100%;
}
.otrasNot .TituloDestacado p {
  font-size: 13px;
  line-height: 1.2;
}
.otrasNot .TituloDestacado {
  height: auto;/*original height: 70px*/
  overflow: hidden;
}
.otrasNot .fechaDestacado p {
  font-size: 10px;
  color: #3A3A3A;
  margin-bottom: 5px;
}

.Noticias .sidebarNoticia{
  margin-top: 20px;
}

.encuesta{
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}
.encuestaQ{
  height: 100%;
  background-color: #FFF;
  padding-left: 8px;
  padding-right: 8px;
}
.encuestaQ p{
  text-align: center;
  line-height: 1.3;
  padding: 8px;
  margin-bottom: 0;
  font-size: 17px;
}
.encuestaI{
  height: 100px;
  /*background: url(../img/noticias/img_encuesta.jpg) #bbbbbb center no-repeat;*/
}
.encuestaA{
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #082f51;
}
.respuesta {
  position: relative;
  padding-left: 10px;
  padding-right: 5px;
  color: #FFF;  
  line-height: 1.5;
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
}
.respuesta label{
  font-size: 13px;
}
.encuestaBtn{
  text-align: center;
  color: #FFF;
  background-color: #47c3cf;
  padding-top: 5px;
  padding-bottom: 5px;
}
.encuestaBtn a{color: #FFF;}
.encuestaBtn a:hover{
  color: #FFF;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.resultado{
  margin-bottom: 10px;
}
.resultado p{
  color: #fff;
  font-size: 12px;
  margin-bottom: 2px;
}
.progressBG {
  height: 5px;
  background: #ebedef;
  border-radius: 02px;
  box-shadow: none;
}

/*VIDEO POSTER*/
.posterPlayer{
  width:100%;
  height:600px;
  background-size: 100% 600px;
  background-repeat: no-repeat;
  background-position: center;
  overflow:hidden;
  cursor:pointer;
}

/*PUBLICIDAD*/
.cinta1{
  width: 100%;
  background-color: #2d2d2d;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: -0.5px;
}
.cinta2{
  width: 100%;
  background-color: #2d2d2d;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: -0.5px;
}
.cinta3{
  width: 100%;
  background-color: #2d2d2d;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: -0.5px;
}
.publicidad{
  background-color: #DDDDDD;
  padding: 15px;
  margin-top: 10px;
}
.publicidad2{
  background-color: #DDDDDD;
  padding: 15px;
  margin-top: 40px;
}
.publicidadSideBar .BannerRectangular {
  margin-bottom: 30px;
}
.publicidadSideBar .BannerMovil {
  margin-bottom: 30px;
}
.leaderboard{  
  max-width: 728px;
  margin: 0 auto;
}
.leaderboard img{
  width: 100%;
}
.BannerMovil{  
  margin: 0 auto;
}
.BannerMovil img{
  width: 100%;
}
.BannerRectangular{  
  width: 100%;
  margin: 0 auto;
}
.BannerRectangular a img{  
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.margen{
  margin-bottom: 10px;
}
.publicidadTop{
  background-color: #DDDDDD;
  padding: 15px;
  margin-top: -20px;
}
.skyscraper{
  max-width: 970px;
  margin: 0 auto;
}

/*MODAL*/
.modal-content{
  border-radius: 0px;
}
.modal-header{
  background-color: #012c4e;
}
.modal-title{
  color: #FFF;
}
.modal-header .close {
  margin-top: -5px;
  font-size: 30px;
  font-weight: normal;
  color: #FFF;
  opacity: 1;
  text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.0);
}
.close:hover{
  font-size: 30px;
  color: #000;
  opacity: 1;
  text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.5);
}

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
	div.leaderboard {display: none;}
}

@media screen and (min-width: 768px) and (max-width: 921px) {
	.BarMarquesina {font-size: 14px;}
}

@media screen and (min-width: 1024px) { 
  .whatsapp {display:none;}
  .posterPlayer {width: 100%;height: 720px;background-size: 100% 720px;}
}

@media screen and (max-width: 2560px) {
  .posterPlayer {width: 100%;height: 720px;background-size: 100% 720px;}
}

@media screen and (max-width: 1600px) {
  .entradas {height: 320px;}
  .posterPlayer {width: 100%;height: 720px;background-size: 100% 720px;}
  .SideShare {top: 10%;}
  .btnLeft, .btnRight {top: 30%;}
  .otrasNot {height: 245px;}
}

@media screen and (max-width: 1440px) {
  .entradas {height: 295px;}
  .posterPlayer {width: 100%;height: 635px;background-size: 100% 635px;}
  .SideShare {top: 35%;}
  .btnLeft, .btnRight {top: 75%;}
  .otrasNot {height: 225px;}
}

@media screen and (max-width: 1280px) {
  .posterPlayer {width: 100%;height: 565px;background-size: 100% 565px;}
  .SideShare {top: 35%;}
  .btnLeft, .btnRight {top: 75%;}
}

@media screen and (max-width: 1024px) {
	.posterPlayer {width: 680px;height: 440px;background-size: 680px 440px;}  
	.UltimasEntradas ul.nav-tabs li {margin-bottom: 4px;}
	.entradas {height: 230px;}
}

@media screen and (max-width: 960px) {
  .posterPlayer {width: 635px;height: 410px;background-size: 635px 410px;}  
  .entradas {height: 220px;}
}

@media screen and (max-width: 900px) {
  .posterPlayer {width: 590px;height: 380px;background-size: 590px 380px;}  
  .entradas {height: 210px;}
}

@media screen and (max-width: 800px) {
  .entradas {height: 190px;}
  .entradas .TituloDestacado p {font-size: 12px;}
  .entradas .TituloDestacado {height: 68px;}
  .posterPlayer {width: 515px;height: 330px;background-size: 515px 330px;}  
}

@media screen and (max-width: 773px) {
  .posterPlayer{width:495px;height:320px;background-size: 495px 320px;}
}

@media screen and (max-width: 768px) {
  .entradas .TituloDestacado p {font-size: 11px;line-height: 1.2;}
  .entradas .TituloDestacado {height: 63px;}
  .entradas {height: 180px;}
  .Noticias .titulo h1 {font-size: 35px;}
  .compartir {margin-top: 0;margin-bottom: 0;}
  .Noticias .sidebarNoticia {padding-left: 0; padding-right: 0;}
  .publicidadSideBar {padding-left: 0; padding-right: 0;}
  .Noticia .autor p {font-size: 14px;}
  .Noticia .fechaHora p {font-size: 12px;}
  .Noticia .contenido p {font-size: 14px;}
  .Noticia .videoNoticia iframe {width: 90%;height: 235px;margin: 5%;}
  .otrasNot .TituloDestacado p {font-size: 10px;line-height: 1.2;}
  .otrasNot .fechaDestacado p {font-size: 8px;}
  .otrasNot {height: 160px;}
  .posterPlayer{width:490px;height:315px;background-size: 490px 315px;}
  .SideShare {top: 20%;}
  .contenido {padding: 30px;}
  .encuestaQ p {font-size: 12px;}
  .respuesta label {font-size: 9px;}
  .btnLeft, .btnRight{top:50%;} 
}

@media screen and (max-width: 736px) {
  .otrasNot {height: 265px;}
  .posterPlayer {width: 630px;height: 405px;background-size: 630px 405px;}
  .entradas {height: 285px;}
}

@media screen and (max-width: 732px) {
  .otrasNot {height: 265px;}
  .posterPlayer {width: 625px;height: 405px;background-size: 625px 405px;}
  .entradas {height: 285px;}
}

@media screen and (max-width: 731px) {
  .otrasNot {height: 265px;}
  .posterPlayer {width: 625px;height: 405px;background-size: 625px 405px;}
  .entradas {height: 285px;}
}

@media screen and (max-width: 667px){
  .otrasNot {height: 245px;}
  .posterPlayer {width: 560px;height: 360px;background-size: 560px 360px;}
  .entradas {height: 265px;}
}

@media screen and (max-width: 640px){
  .otrasNot {height: 235px;}
  .posterPlayer {width: 535px;height: 345px;background-size: 535px 345px;}
  .entradas {height: 255px;}
}

@media screen and (max-width: 600px) {
  .otrasNot {height: 225px;}
  .entradas {height: 242px;}
  .posterPlayer {width: 495px;height: 320px;background-size: 495px 320px;}
  .SideShare {top: 30%;}
  .btnLeft, .btnRight {top: 55%;}
}

@media screen and (max-width: 568px){
	.otrasNot {height: 210px;}
	.posterPlayer {width: 460px;height: 300px;background-size: 460px 300px;}
}

@media screen and (max-width: 480px) {
	.otrasNot {height: 180px;}
	.posterPlayer {width: 375px;height: 240px;background-size: 375px 240px;}
  .entradas {height: 220px;}
}

@media screen and (max-width: 435px) {
	.otrasNot {height: 180px;}
	.posterPlayer {width: 330px;height: 212px;background-size: 330px 212px;}
  .entradas {height: 200px;}
}

@media screen and (max-width: 414px) {
  .entradas .TituloDestacado p {font-size: 10px;line-height: 1.2;}
  .entradas .TituloDestacado {height: 60px;}
  .entradas {height: 180px;}
  .Noticias .titulo h1 {font-size: 25px;}
  .otrasNot {height: 180px;}
  .Noticia .videoNoticia iframe {width: 100%;height: 180px;margin: 5% 1%;}
  .posterPlayer {width: 330px;height: 212px;background-size: 330px 212px;}
  .SideShare {top: 30%;}
  .SideShare li {margin-left: -35px;}
  .Noticias {padding-left: 40px;}
  .contenido {padding: 20px;}
  /*.Noticias ul {margin: 30px 0;}*/
  .Noticias ol {margin: 30px 0;}
  .btnLeft, .btnRight{top:60%;}
}

@media screen and (max-width: 412px) {
  .MenuNoticiero ul li a {font-size: 8px;}
  .sibarNoticias2 { height: 720px;}
  .posterPlayer {width: 325px;height: 210px;background-size: 325px 210px;}
}

@media screen and (max-width: 411px) {
	.posterPlayer {width: 325px;height: 210px;background-size: 325px 210px;}

}

@media screen and (max-width: 384px) {
	.posterPlayer {width: 300px;height: 190px;background-size: 300px 190px;}
}

@media screen and (max-width: 375px) {
  .entradas {height: 170px;}
  .entradas .TituloDestacado p {font-size: 10px;line-height: 1.2;}
  .posterPlayer {width: 295px;height: 190px;background-size: 295px 190px;}
  .contenido {padding: 20px 10px;}
  .Noticias {padding-left: 35px;}
  .btnLeft, .btnRight{top:65%;}
}

@media screen and (max-width: 360px) {
  .entradas {height: 170px;}
  .entradas .TituloDestacado {height: 59px;}
  .posterPlayer {width: 280px;height: 180px;background-size: 280px 180px;}
}

@media screen and (max-width: 320px) {
  .entradas {height: 150px;}
  .posterPlayer {width: 240px;height: 155px;background-size: 240px 155px;}
}