* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body{
    width: 100%;
    overflow-x:hidden;
    background-color: #F9F9F9;
    font-family: Calibri, Verdana, Arial, Tahoma, Geneva; 
    padding-top: 5%;
    padding-top: 58px;
}


.ocultar{
    display:block;
}

.search_box{
   border-radius: 4px;
   width:50%;
   min-height:20px;
   background-color: #ffff;
   border: 1px solid #000;
 }

.menu_izquierda{
    width:25%;
    height:100%;
    border-left: 1px solid #ccc;
    right: 0;
    background-color:#EBEEF1;
    text-align: center;
    padding-left: 1%;
    position: fixed;
    margin-top: 0%;
}

.encabezado_menu_izquierda
   {
   font-weight: bold; 
   font-size: 120%; 
   color: #000; 
   text-align: left; 
   line-height:26px; 
   height:30px; 
   text-transform: uppercase;
   width:100%;
   }
   
.busqueda_menu_izquierda
   {
    font-weight: bold; 
    text-transform: uppercase;
   font-size: 90%; 
   color: #FFF; 
   text-align: left; 
   line-height:26px; 
   border-radius: 4px;
   height:30px; 
   background: #0E2C52;
   padding-left: 2%;
   width:98%;
   margin-top: 2%;
   }
   
.contenido{
    width:74.5%;
    overflow: hidden;
    float: left;
    position: relative;
    text-align: justify;
    min-width: 220px;
    padding: 0.5%; 
    font-size:105%;
}

.contenido ul{
margin-left: 18px; /* Separamos la lista de la izquierda */
}

.contenido p{
    padding-top: .8%;
}

.contenido table{
    width:100%;
    background-color:#FFF;
    text-align: left;
    border: 1px solid black;

}

.contenido h1{
   font-size: 130%; 
   color: #fff; 
   font-weight: bold; 
   padding-left: 1%;
   line-height:40px; 
   min-height:40px; 
   background: #0E2C52;
   width:100%;
   border-radius: 4px;
   }

.contenido h2{
   font-size: 100%; 
   color: #fff; 
   text-align: center; 
   font-weight: bold; 
   margin-top: 2%; 
   line-height:26px; 
   min-height:30px; 
   background: #0E2C52;
   width:70%;
   border-radius: 4px;
   }
   
.like_button{
   text-align: right; 
   padding-top:5px;
   }
   
.contenido a {
   color: #0c5795;
   text-decoration: none; 
   }
   
.contenido a:hover
   {
   color: #173FA8;
   font-weight: bold;
   }
   
.publicidad_contenido{
    width:99%;
    position: relative;
    background: ##BEEF1;
    text-align: left;
    padding: 0.5%; 
    margin: 0.5% 0% 0.5% 0%; 
}

.publicidad_contenido cabecera a {
   color: #fff;
   text-decoration: none; 
   }
   
.publicidad_contenido cabecera a:hover
   {
   color: #f0f0f0;
   font-weight: bold;
   }

.publicidad_contenido cabecera {
   font-size: 90%; 
   float: left;
   padding: 1% 0 1% 1%;
   font-weight: bold; 
   margin: 0.6%; 
   color: #fff;
   background-color: #0E2C52;
   width:98%;
   border-radius: 4px;
 }
   
.comentarios_encabezado{
   font-size: 90%; 
   color: #fff; 
   text-align: left; 
   font-weight: bold; 
   float: left;
   padding: 1% 0 1% 1%;   
   line-height:26px; 
   min-height:30px; 
   background: #0E2C52;
   width:100%;
   border-radius: 4px;
   }

.piedepagina
{
    float: left;
    clear:both;
    text-align: center; 
    margin: 1% 0% 1% 0%;
    padding: 1% 0 1% 1%;  
}   

.noticias{
    overflow-y: hidden;
    text-align: center;
    float: left;
    width:32.5%;
    height:45%;
    min-height:200px;
    margin: 0% 0.4% 2% 0.4%; 
}


.video_adaptable {
    overflow: hidden;
    background: #EBEEF1; 
    padding: 1% 1% 1% 1%;
    text-align: center; 
    margin: 2% 0% 0% 0%; 
}

.video_adaptable iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.video_adaptable .video_adaptable-content {
  height: 0;
  position: relative;
}

.video_adaptable-4-3 .video_adaptable-content {
  padding-bottom: 75%;
}

.video_adaptable-16-9 .video_adaptable-content {
  padding-bottom: 56.25%;
}
   
.icono{width: 14%;float: right;text-align: right; padding: 0% 2% 0% 0; }
.pequeno{width: 12%;}
.spequeno{width: 20%;}
.mediano {width: 25%;}
.smediano {width: 33%;}
.grande {width: 40%;}
.sgrande {width: 50%;}
.egrande {width: 70%;}
.gigante {width: 90%;}
.full{width: 100%;}
   
   
   
@media only screen and (max-width:1025px)
{
.icono{width: 16%;}
.pequeno{width: 16%;}
.spequeno{width: 24%;}
.mediano{width: 30%;}
.smediano {width: 40%;}
.grande {width: 50%;}
.sgrande {width: 60%;}
.egrande {width: 80%;}
.gigante {width: 99%;}
}


@media only screen and (max-width:800px)
{
    
.ocultar{
	 display:none;
}

.contenido p{
    margin-top: 1.2%;
}

.menu_izquierda{
    width:100%;
    height:30px; 
    position: relative;
    display:block;
    text-align: center;
    padding-left:0;
    margin-top: 0%;
    border:0;
}

.busqueda_menu_izquierda{
    width:100%;
    border-radius: 0px;
    margin-left:0;
    text-align: center; 
    margin-top: 0%;
}

.contenido{
    width:100%;
}


.contenido h1{
   width:101%;
   padding-right:1%;
   border-radius:0;
   margin-left: -.5%;
   }
   
   
.publicidad_contenido cabecera {
   width:103%;
   padding-right:1%;
   border-radius:0;
   margin-left: -1%;
 }
 
.noticias{
    width:49.5%;
    height:55%;
    max-height:240px;
    margin: 1% 0% 2% 0%;
}

.comentarios_encabezado{
   width:103%;
   padding-right:1%;
   border-radius:0;
   margin-left: -1%;
 }

.icono{width: 18%;}
.pequeno{width: 25%;}
.spequeno{width: 36%;}
.mediano {width: 45%;}
.smediano {width: 50%;}
.grande {width: 55%;}
.sgrande {width: 70%;}
.egrande {width: 90%;}

}



@media only screen and (max-width:600px)
{
.icono{width: 21%;}
}

@media only screen and (max-width:481px)
{
body{width: 100%;}

.contenido{
    font-size:120%;
}

.contenido p{
    margin-top: 4%;
}

.noticias {
    width:99%; 
    height:40%;    
    border-bottom: 3px solid #ccc;
    min-height:280px
}

   
.icono{ width: 25%; }
.pequeno{ width: 60%; }
.spequeno{ width: 70%; }
.mediano { width: 80%; }
.smediano { width: 85%; }
.grande { width: 90%; }
.sgrande { width: 100%; }
.egrande { width: 100%; }

}
   
   
   
   
   
   
   
   
   
.container {
  width: 100%;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-img .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
}
.div-img:hover .img {
  transform: scale(0.9);
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.tablacodigo{
overflow-x: scroll;
}