@import 'https://fonts.googleapis.com/css?family=Open+Sans';

*{  

margin:0 auto;  
font-family: serif;


}

.prueba_hoy{  width: 100%;
    float: left;
    padding: 5px 10px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 9px;
    font-size: 16px;
    height: 60px;
    color: #969595;}

.header_lis{    width: 100%;
    float: right;
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    text-align: right;
    margin-bottom: 14px;
    margin-top: -8px;}
.header_lis ul{    list-style: none;
    text-align: right;
    float: right;
    font-weight: 600;
    font-size: 14px;}
.header_lis ul li{      float: right;
    padding: 0 9px;}


.logo_header{    width: 55%;
    float: left;}
.col_total{      width: 45%;
    float: left}
    
.col_total h2{  font-size: 15px;
     letter-spacing: 1.7px;
    font-weight: 200;
    float: right;
    width: 122px;}
    
.col_total h1{  
    font-size: 29px;
    margin-top: -7px;
    float: right;
    width: 122px;
}

.col_total h2{  
    font-size: 29px;
    margin-top: -7px;
    float: right;
    width: 122px;
}
    
    
.logo_header img{width: 90%;float: left;}
.col2_header{     width: 35%;
    float: left;
    margin-top: 9px;}
.col3_header{    float: left;
    width: 54%;
    margin-top: 9PX;}



iframe{width:100%; height:630px !important;}






figure{width: 90%;
    margin: 0 auto;}
    
figure img{       width: 100%;
    height: auto;}
figure figcaption{    background: #eaeaea;
    padding: 10px;
       font-size: 14px;
    margin: -5px 0 25px 0;   }

.container{ width:1200px;}
.columna1{float: left;width: 75%;text-align: center;}
.columna2{float: left;width: 25%;}

.columna3{
    float: left;
    width: 100%;
    font-size: 11px;
    text-align: center;
    margin: 15px 0;
    border-bottom: 4px solid #7e1b15;
    /* padding-bottom: 8px; */
    }

.columna4{float: left;width: 100%;}
.columna5{float:right;width: 23%;}

.columna2 .suscribete{    font-size: 13px;
    margin: 5px 0px;
    color: #807d7d;
    font-weight: bold;
    /* font-style: italic; */}
.columna2 .suscribete .caja{padding: 3px 0;float: left;width: 68%;}
.botonest{    padding: 6px 0px;
    width: 30%;
    background: #f9f9f9;
    color: #000;
    margin-left: 2px;
        border: 1px solid #cccccc;}
        
.caja{padding: 5px 5px;
    margin: 0;
    float: left;}
    
    
_::-webkit-full-page-media, _:future, :root .caja{padding: 6px 5px;
    margin: 0;
    float: left;}
    
    
        
_::-webkit-full-page-media, _:future, :root .botonest{    padding: 7px 0px;
    width: 30%;
    background: #f9f9f9;
    color: #000;
    margin-left: 2px;
        border: 1px solid #cccccc;}
        
    
    
    
    
    
    
    
.columna3 .opciones{         width: 93%;

    font-size: 12px;
    /* float: left; */
    margin: 14px auto;
    font-family: arial;}
    
    
.columna3 .opciones b{font-family: arial;}
    
    
.columna3 .col_1{ float:left;}
.columna3 .col_2{  float:left;margin: 0 8px;}
.columna3 .col_3{ float:left;    font-family: arial;    margin-left: 18px;}
.columna3 .col_4{ float:left;}


.columna4 ul{ width:95%;}
.columna4 ul li{ float: left;
    list-style: none;
    margin: 0 7px;
    font-size: 12px;
    font-weight: bold;
    border-right: 1px solid #000;
    padding-right: 8px;
    letter-spacing: -0.3px;}
    
.columna4 ul li a{    cursor: pointer;
    text-decoration: none;
    color: #000;}

.presentacion{margin-top: 20px;float: left;width: 100%;}
.presentacion .noticia1{
    width: 50%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    }
.presentacion .noticia1 img{ width:100%; }

.prestitulo{text-align: left;margin-bottom: 20px;}



.presentacion .noticia1 .presenta{ z-index: 5; background: #ffffff; width: 100%; float: left;position: relative; /*margin-top: -200px;  height: 200px;*/}

.presentacion .noticia1 .presenta h1{         
    font-size: 27px;
    float: left;
    text-align: left;
    margin: 18px 0 15px 0;
    width: 100%;
}

.presentacion .noticia1 .presenta h3{         
    font-size: 27px;
    float: left;
    text-align: left;
    margin: 18px 0 15px 0;
    width: 100%;
}



.presentacion .noticia1 .presenta p{ text-align: left;   font-size: 21px;}

.columna1 .presentacion2{    width: 98%;
    border: 1px solid #cacaca;
    float: left;
    padding: 2% 1%;}
.columna1 .presentacion2 h2{float: left;font-size: 15px;margin-bottom: 10px;width: 100%;text-align: left;}
.columna1 .recomendacion{width: 32.33%;float: left;padding-right:1%;}    
.columna1 .recomendacion2{     width: 33.333%;
    float: left;
    padding-right: 3%;
   height: 355px;box-sizing: border-box;}    
.columna1 .recomendacion img{ width:100%;} 
.columna1 .recomendacion2 img{ width:100%;} 
.columna1 .recomendacion2 h1{     font-size: 19px;
    float: left;
    text-align: left;
    margin: 10px 0;
    text-decoration: none;
    color: #5d5d5d;
    height: 68px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    float: left;}   

.columna1 .recomendacion2 p{text-align: justify;
    height: 65px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    float: left;    margin-bottom: 30px;}





.columna1 .recomendacion h1{ font-size: 13px;float: left;text-align: left;margin-top: 10px;}     
.columna1 .recomendacion h2{ font-size: 12px;
    float: left;
    text-align: left;}       
    
    
    
.columna1 .masnoticias{float: left;margin-top: 35px;    width: 100%;}
.columna1 .masnoticias .masnoticias1{border-bottom: 1px solid #c5c5c5;float: left;padding: 14px 14px 21px;}
.columna1 .masnoticias h2{    float: left;
    font-size: 25px;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;}
    
.columna1 .masnoticias img{width: 25%;float: left;}


.h2slider{width: 100%;float: left;margin: 16px 0;}




.columna1 .masnoticias .presenta{width: 73%;float: left;padding: 0 1%;}

.columna1 .masnoticias .presenta h1{    
    font-size: 21px;
    text-align: left;
    font-weight: bold;
    letter-spacing: -1px;
}

.moreblog-time{    
    font-size: 21px !important;
    text-align: left !important;
    font-weight: bold;
    letter-spacing: -1px;
    color: #000 !important;
}



.columna1 .masnoticias .presenta h3{font-size: 12px;text-align: left;COLOR: #737373;MARGIN: 5PX 0;}
.columna1 .masnoticias .presenta p{    text-align: left;
    font-size: 18px;
    margin: 5px 0;}
.columna1 .masnoticias .enlacenoticias{float: right; margin: 15px;border: 1px solid #868686;padding: 10px;}

    
    




.columna5 .noticia1  h1{    
    font-size: 19px;
    font-weight: 300;
}

.columna5 .noticia1  h3{    
    font-size: 19px;
    font-weight: 300;
}

.columna5 .noticia1  h2{    font-size: 15px;
    margin: 4px 0;
    font-weight: bold;
    letter-spacing: -1px; }
    
.social-contenido{    margin: 0 42px 10px;
    width: 100%;
    float: right;
    text-align: right;
    font-size: 19px;}
.social-contenido i{    background: #383838;
    color: #fff;
    padding: 10px 10px;
    border-radius: 50%;
    font-size: 13px;
    width: 14px;
    height: 14px;
    text-align: center;}

.columna5 .noticia1 {width: 100%;margin-bottom: 8px;border-bottom: 1px solid #c5c5c5;padding-bottom: 15px;}



.opinion{ float: left;
    width: 96%;
    margin: 35px 0;
    border: 1px solid #e2e2e2;
    padding: 2%;}
.opinion .presenta{ float: left;width: 54%; padding: 0 6%;}
.opinion img{width: 30%;float: left;}
.opinion h2{font-size: 14px;margin-bottom: 10px;}
.opinion h1{font-size: 27px;}
.opinion h3{     font-size: 18px;
    color: #696969;
    font-weight: 300;}

footer{width: 100%;
    float: left;
    padding: 10px 0;}
    
footer .tiempo{width: 30%;
    float: left;
    font-weight: bold;
    font-size: 25px;
    font-style: italic;}
footer .tiempo2{width: 100%;
    float: left;
    border-bottom: 3px solid #000;
    padding: 17px 0;
    margin-bottom: 19px;}

footer  ul{ text-align: right; float: right;}
footer  ul li{ float:left; list-style:none; margin:0 7px;     font-size: 14px;font-weight:bold; }
footer .copy{width: 100%;
    float: left;
    margin: 10px 0;
    font-size: 15px;
    padding-bottom: 10px;}


footer .tiempo3{width: 100%; float: left;}





.pixel{
/*filter: url('#grayscale'); 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); 
filter: Gray();

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor:pointer;*/

}
.pixel:hover { 
/*-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

color:#C00;*/
}




#slider-container {
    height: 485px;
    margin: 40px auto;
    width: 100%;
    overflow: hidden;
    position: relative;}

#sldier {
  height: 100%;
  width: 100%;
}

#slider .slide img {
    width: 100%;
    float: left;margin-top: -13%;
}

#prev, #next {
  cursor: pointer;
  max-width: 60px;
  opacity: 0;
  position: absolute;
  top: 45%;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  z-index: 999;
}

#prev { left: 0; }

#next { right: 0; }

#slider-container:hover #prev, #slider-container:hover #next { opacity: .7; }

.slide {
    position: absolute;
    width: 100%;
    height: 487px;
}

.slide-copy {
     background: rgba(0, 0, 0, 0.71);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px;
    position: absolute;
    width: 100%;
}


/* MULTIMEDIA TIEMPO MINERO */


.multimedia{width: 100%; float: left;margin-top: 20px;}
.multimedia h1{      
    font-size: 25px;
    margin-bottom: 11px;
    border-top: 1px solid #eaeaea;
    padding-top: 11px;
    float: left;
    width: 100%;
    text-align: right;
}

.multimedia h2{      
    font-size: 25px;
    margin-bottom: 11px;
    border-top: 1px solid #eaeaea;
    padding-top: 11px;
    float: left;
    width: 100%;
    text-align: right;
}

.multimedia .col_1{width: 50%; float: left;    position: relative;}
.multimedia .col_1 span{    font-size: 19px;
    bottom: 112px;
    position: absolute;
    border: 0;
    color: #ffdb1d;
    background: #000;
    padding: 5px 20px;}
.multimedia .col_1 img{ width:100%;}
.multimedia .col_2{
    float: left;
    overflow: hidden;
    padding: 0 5px;
    box-sizing: border-box;
    border-left: 8.5px solid #fff;
    border-bottom: 0; position:relative;    width: 33.333%;}
    
.multimedia .col_2 span{  font-size: 19px;
    bottom: 0;
    position: relative;
    border: 0;
    color: #ffdb1d;
    background: #000;
    padding: 5px 20px;} 
    
    
    
.multimedia .col_2 img{/*width: 213%;margin-left: -48%;*/     width: 100%;}
    
.multimedia .col_1 .super{width: 100%; float: left; position: absolute;  bottom: -2px;}
.multimedia .col_1 .play{     position: relative;
    width: 100%;
    text-align: center;
    font-size: 121px;
    color: #ffffff94;
    top: 62px;}
.multimedia .col_1 .titulo{    bottom: 0;    position: relative;    width: 100%;    height: 207px;    color: #fff;    margin-bottom: 5px;    padding: 13px;    box-sizing: border-box;    font-size: 24px;    background: linear-gradient(to bottom, #ffffff00, #000000);}
.multimedia .col_1 .titulo h1{    font-size: 27px;
    bottom: 29px;
    position: absolute;
    border: 0;}

.multimedia .col_2 .super{    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    margin-left: -5px;
    height: 95%;}
.multimedia .col_2 .play{     position: relative;
    width: 100%;
    text-align: right;
    font-size: 34px;
    color: #ffffff94;
    padding-right: 10px;
    float: right;}
.multimedia .col_2 .titulo{     bottom: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    margin-bottom: 0;
    padding: 13px;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #ffffff00, #000000);}
.multimedia .col_2 .titulo h1{font-size: 20px;
    bottom: 7px;
    position: relative;
    border: 0;
    padding: 0 3px 0;
    box-sizing: border-box;
    margin: 15px 0;}

/* header */

.suscribete2{    width: 100%;
    float: left;
    background: #ededed;
    margin-bottom: 19px;
    padding: 10px;box-sizing: border-box;margin-top: 30px;}

.suscribete2 .col_1{    width: 65%;
    float: left;
    text-align: center;
    padding: 38px 0;}
.suscribete2 .col_2{    width: 30%;
    float: left;
    padding: 48px 0;}
.suscribete2 .col_1 img{width: 70%;}
.suscribete2 .col_2 h2{     width: 100%;
    text-align: center;
    font-size: 23px;
        margin-top: 5px;}
.suscribete2 .col_2 p{    text-align: center;}
.suscribete2 .suscribete{     text-align: center;
    width: 301px;
    margin-top: 8px;
    border-right: 0;}




#menu-cab {
    list-style: none;
    /* width: auto; */
    position: relative;
    display: block;
    /* height: 36px; */
    float: right;
    margin: 0;
        width: 116px;
    padding: 0;
    margin-top: -6px;
}
   

#menu-cab li{
/*estilo a cada uno de los elementos(li) de nuestro menu*/
float:left;/* propiedad importante para que nuestro menu tome la forma horizontal*/
display:block;
position:relative;
}
#menu-cab li a{
        color: #0a0a0a;
    text-decoration: none;
    /* font-family: Helvetica, Arial, sans-serif; */
    font-size: 13px;
    /* line-height: 1.3em; */
    padding: 4px 8px;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
}
#menu-cab li ul{
width: 120px;
    background: #efefef;
    /* border: 1px #ccc solid; */
    display: none;
    position: absolute;
    z-index: 999;
    margin-top: -2px;
    text-align: center;
        border-top: 5px solid #ffffff;
    /* margin: 0; */
    padding: 0;
}
#menu-cab li ul li{
    width: 100%;
    list-style: none;
    display: block;
    border-bottom: 1px solid #d8d6d6;
}
#menu-cab li ul li a{
    color: #3c3b3b;
   font-size: 13px;
        line-height: 1.5em;
    display: block;
    font-weight: normal;
    padding: 8px;
}
#menu-cab li ul li a:hover{
/*un poco de decoracion a los enlaces de nuestro submenu al estar el cursor sobre ellos con ayuda de el selector :hover */
    background-color: #e4e4e4;
    color: #b01d2e;
    text-decoration: none;
}
#menu-cab li:hover ul{
/*con este selector definimos que cuando el cursor este sobre un elemento(li) que contenga un elemento(ul) dentro le asigne la propiedad display:block; para que este a su vez pase de invisible a visible*/
display:block;
}


.men-cot{ display:none !important;}




.mas_noti{    width: 25%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    height: 302px;}
.mas_noti img{width: 100%;}
.mas_noti h1{font-size: 18px;}
.mas_slider {width:100%; float:left;}
.mas_slider h1{width: 100%;
    float: left;
    margin: 68px 0 13px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 11px;}

.mas_slider h2{    font-size: 18px;
    font-weight: 500;}










.nos_col{    width: 50%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;}
.nos_col img{ width:100%;}

.coltre{width: 450px;
    float: left;}
.coltre i{    padding: 0 6px;
    font-size: 23px;}


/* RESPONSIVE */




@media (max-width:1220px){
    
.container {width: 100%;
    padding: 0 11px;
    box-sizing: border-box;}
    .columna3 .col_3 {

    font-size: 11px !important;
}

.columna4 ul li {
font-size: 10px !important;
    padding-right: 0.5%;
    margin: 0 0.7%;
    letter-spacing: -0.5px;}

.col_total {
    display:none;

}
    }
    
    
@media (max-width:1080px){
    
    .prec{ display:none;}
.men-cot{ display:block !important;}

#menu-cab {

    width: 210px !important;
}
    }   
    
    
    
    @media (max-width: 930px){

.columna3 .col_3 {
        font-size: 8px !important;
    float: left;
    width: 100%;
    margin-top: -11px;
}

.columna4 ul li {
    margin: 0 0.4% !important;
    font-size: 9px !important;
    letter-spacing: -0.3px;}
footer .tiempo2 {

    display: none;
}


}
    
    

@media (max-width:767px){
    .nos_col {
    width: 100%;

}
    .h2slider {

    display: none;
}
    .container {width: 100%;}
.columna4 ul { display: none;}  
.columna3 .col_3 {display: none;}
.columna2 .suscribete {
    display: none;
}
.columna5 {    display: none;}  
.columna1 {  padding: 0;   box-sizing: border-box; width:100%; border:0 !important;}
.multimedia {  display: none;}  

.presentacion .noticia1 .presenta {

    height: auto !important;margin-top: 0 !important;
}

.presentacion .noticia1 .presenta h1 {
    font-size: 22px !important;

}
.presentacion .noticia1 .presenta p {
    font-size: 18px;
}
#slider-container {

    display: none !important;
}


.columna1 .masnoticias .masnoticias1 {
    padding: 14px 0 !important;
}


.columna1 .masnoticias .presenta p {

    text-align: justify;
}




.columna1 .recomendacion2 {
      width: 50%;
    float: left;
    padding-right: 3%;
    height: auto;
    box-sizing: border-box;
    position: relative;
}


.columna1 .recomendacion2 h1 {

    height: auto !important;
}

.prestitulo {    font-size: 23px !important;}
.presentacion p{font-size: 17px !important;}

iframe {
    width: 100%;
    height: 406px !important;
}   
    




    }

@media (max-width:480px){
    
    
#menu-cab li {
    float: right;
}   
    
#menu-cab {
    margin-right: 28px;
}   
    
    
    
    
.coltre {
    width: 100% !important;
    float: left !important;
    text-align: center !important;
    margin: 11px 0 !important;
}   
    
    
    
iframe {
    width: 100%;
    height: 206px !important;
}   
    
    
    
    
    
.logo_header {
    width: 100% !important;
}   
    
    
    
    
    
    
    
    
    .columna1 .recomendacion2 {
    width: 100%;
    float: left;
    padding-right: 3%;
    height: auto;
}
    .columna1 .masnoticias img {

    display: none;
}
    .columna1 .masnoticias .presenta {
    width: 100%;
    text-align: justify;

}
    }


nav{ display: none;}

nav .nav-handle-container {
    box-sizing: border-box;
    width: 100%;
        padding: 16px 30px;
    background: #7e1b15;  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: none;
}

nav .nav-handle-container .nav-handle {
/*  height: 5px;
  width: 50px;
  background: white;
  position: absolute;
  display: block;
  left: -webkit-calc(100% - 100px);
  left: calc(100% - 100px);
  top: 75px;*/
  
  color: #fff;
    font-size: 22px;
}

nav .nav-handle-container .nav-handle:before, nav .nav-handle-container .nav-handle:after {
/*  content: "";
  height: 5px;
  width: 50px;
  background: white;
  position: absolute;
  display: block;*/
}

nav .nav-handle-container .nav-handle:before { top: -20px; }

nav .nav-handle-container .nav-handle:after { bottom: -20px; }

nav ul {
  list-style: none;
    background-color: #65140f;  overflow: hidden;
  color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
}

nav ul li {
  display: inline-block;
  padding: 20px;
}

nav ul li a {
  text-decoration: none;
  color: inherit;
}

nav ul li:hover { background: #C0392B; }
 @media screen and (max-width: 760px) {
     nav{     display: block;
    width: 100%;
    float: left;}

nav .showing { max-height: 30.5em; }

nav ul { max-height: 0px; }

nav ul li {
   box-sizing: border-box;
    width: 100%;
    padding: 10px 35px;
    text-align: left;
    font-size: 17PX;
    border-bottom: 1px solid #6f120c;
}

nav .nav-handle-container { display: block; }


.presentacion .noticia1 {
    width: 100% !important;

}



}












/* slider */

ul.slider {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 9999px;
}

ul.slider li {
    display: block;
    margin: 0;
    float: left;
    position: relative;
}

ul.slider li img {
    display: block;
    width: 100%;
    height: auto;
}

.caption {
    position: absolute;
    padding: 0 10px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
}

.caption p {
    margin: 0;
    padding: 10px 0;
    line-height: 1.5;
    font-size: 12px;
    color: #fff;
    text-align: justify;
}

.controls {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    display: none;
    opacity: 0.7;
}

.controls a {
    display: block; 
    width: 48px;
    height: 48px;
    overflow: hidden;
    text-indent: -999px;
    background-image: url('../img/sprite.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.controls #prev {
    float: left;
    margin-left: 10px;
    background-position: left center; 
}

.controls #next {
    float: right;
    margin-right: 10px;
    background-position: right center; 
}

.bullets {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;display: none;
}

.bullets li {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background: #efefef;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 2px;
    cursor: pointer;
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  border-radius: 50%;
}

.bullets li.active {
    border: 1px solid rgba(0, 0, 0, 0.7);
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

/* Estilos PAginacion */

.paginacion_lista{
    list-style: none;
    /* display: inline-block; */
}
.paginacion_lista a{
    background: #000;
    padding: 5px 15px;
    color: #fff;
    display: inline-block;
    float: left;
}

.multimedia{
    display: none;
}

.multimedia .fotografia{   
    width: 100%;
    height: 50%;
    }

.multimedia  .fotografia img{   
    width: 100%;
    height: 385px;
    display: none;
    }

.multimedia .fotografia_texto{   
    width: 49.333%;
    }

.publicidad{
  margin-bottom: 25px;
}

.noticia1.pixel11 img{
  /* height: 135px; */
}

#caja_busqueda{
  margin-bottom: 10px!important;
  font-family: 'Roboto Condensed', sans-serif;
}

#caja_busqueda .caja {
    padding: 10px 15px;
    width: 75%;
    background: #ffff;
    border: 1px solid #aaa;
    font-family: 'Roboto Condensed', sans-serif;
}

#caja_busqueda .botonest{
  width: 17%;
  padding: 10px 15px;
  background: #333;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  border: 1px solid #000;
  transition: 0.5s;
}

#caja_busqueda .botonest:hover{
  width: 17%;
  padding: 10px 15px;
  background: #fff;
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  border: 1px solid #000;
  transition: 0.5s;
}

#noticias_demo{
  margin-top: 10px
}

@media(max-width: 1144px){
  #caja_busqueda .caja {
    padding: 10px 15px;
    width: 75%;
    background: #ffff;
    border: 1px solid #aaa;
    font-family: 'Roboto Condensed', sans-serif;
  }

  #caja_busqueda .botonest {
    width: 15%;
    padding: 10px 15px;
    background: #333;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #000;
    transition: 0.5s;
  }
}

@media(max-width: 915px){
  #caja_busqueda .caja {
    padding: 10px 15px;
    width: 70%;
    background: #ffff;
    border: 1px solid #aaa;
    font-family: 'Roboto Condensed', sans-serif;
  }

  #caja_busqueda .botonest {
    width: 15%;
    padding: 10px 15px;
    background: #333;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    border: 1px solid #000;
    transition: 0.5s;
  }
}