.movil {
    display: none;
}
.logo {
    float: left;
}

#buscador_movil {
    display: none;
}

#cerrar_buscador {
    display: none;
}

#menu_boton {
    display: none;
}

/* Layout <= 1000px */
@media only screen and (max-width: 1000px) {
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

   
    img {
    max-width: 100%;
  }

  .cabecera {
      height: auto;
  }
  
  #contenedor {
      width: 750px;
  }
  
  #contenido {
      width: 100%;
  }
  
  .cabecera {
      width: auto;
  }
  
  #cuerpo {
      width: auto;
  }
  
  .centro {
      margin: 0 20px;
      width: auto;
  }
  
  .centro1 {
      padding: 0;
      margin: 0;
  }
  
  #colD, .centro1 {
      float: none;
      margin: 8px 0 0 0px;
      width: auto;
  }
  
  #banner_grande_completo, #cuerpo_carrusel_banner_pequenio {
      margin: 0 0 15px 15px;
  }
  
  #colD #banner_grande_completo {
      margin-left: 20px;
  }
  
  .banner #banner_grande_completo {
      margin-bottom: 0;
  }
  
  #colC, .centro2 {
      float: none;
      margin: 0;
      padding: 0;
      width: auto;
      text-align: center;
      clear: both;
  }
  
  #colC .sede, .centro2 .sede {
      float: none;
      display: inline-block;
      vertical-align: top;
  }
  
  #colC .mod_lat_box, .centro2 .mod_lat_box {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      background: #f0f0f0;
      width: 222px;
      margin-bottom: 15px;
      float: none;
      display: inline-block;
      vertical-align: top;
      text-align: left;
  }
  
  #colC .mod_lat_sup, #colC .mod_lat, #colC .mod_lat_inf,
  .centro2 .mod_lat_sup, .centro2 .mod_lat, .centro2 .mod_lat_inf {
      width: auto;
      background: none;
  }
  
  #colC .mod_banner, .centro2 .mod_banner{
      clear: both;
      text-align: center;      
  }
  
  .centro2 .sede {
      float: left;
      margin-left: 108px;
  }
  
  .centro2 .banda, .centro2 .banda2, .centro2 .banda3 {
      margin-left: 353px;
  }
  
  .iconos {
      float: left;
      width: auto;
      text-align: center;
  }
  
  .banner4, .banner5, .banner6, .capa4, .capa5, #cuerpo_carrusel_personas, 
  #cuerpo_carrusel_temas, .capa7, #divYoutube, #divFlickr {
      margin-left: 15px;
  }
  
  #cuerpo_carrusel_personas .capa5, #cuerpo_carrusel_temas .capa5 {
      margin-left: 0;
  }
  
  #divFlickrGrande {
      width: 99%;
  }
  
    /* Cabecera */
    
    .buscar {
        display: none;
    }      
    
    .cabecera, #cuerpo {
        padding: 0 20px 0 20px;
    }
    
    .sinBordeEscudo {
        margin: 0;
    }
    
    .textoLogo {
        margin: 0;
        text-align: center;
    }
    
    #buscador_movil {
        display: inline;
        background: url(search.png) left top no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-indent: -9999px;
        text-align: left;
        margin-left: .5em;
        opacity: .5;
    }    
    
    #buscadorArriba {
        float: none;
        clear: both;
    }
    
    .buscar {
        float: none;
        width: auto;
        height: auto;
        background: none;
        text-align: center;
        background: #C8D4F7;
        border-bottom: 2px solid #999;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-bottom: 5px;
        z-index: 100;
    }

    .buscar .cajaTexto {
        float: none;
        height: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #999;
        padding: 2px 5px;
        text-align: left;
        width: 50%;
    }
    
    #cerrar_buscador {
        display: block !important;
        position:   absolute;
        right: 0;
        top: 0;
    }
    
    #cerrar_buscador a {
        padding: 10px 20px 10px 10px;
        display: block;
        font-weight: bold;
        font-family: sans-serif;
        color: black;
    }
    
    #cerrar_buscador a:hover {
        text-decoration: none;
    }
    
    .buscar img.imgBorde {
        display: none;
    }
    
    .tiempo_v2 {
        float: none;
        clear: right;
        width: auto;
        margin-top: 0;
        display: inline-block;
    }
    .buscador12 {
        display: block;
    }
    
    .tiempo222_v2 {
        margin-right: 10px;        
    }
    
    #fechahora {
        width: auto;
        margin: 5px 0;
    }
    
    .buscador, .buscarTexto {
        padding: 0;
        margin: 0;
    }
    
    .buscador1, .buscador, .buscador12 {
        width: auto;
    }
    
    .buscador1 {
        margin-top: 25px;
    }
    
   
    .buscarTexto2 {
        display: none;
    }
    
    /* Pie */
    
    .band {
        width: 100%;
    }
    
    .bandi, .band2, .band3, #pestanaPortales {
        display: none;
    }
    .band5 {
        height: auto;
    }
    
    .mapaWeb, .mapaWeb_col_fin {
        width: 19%;
        height: auto;
    }
    
    .band6 {
        height: auto;
        line-height: 175%;
    }
  
    .tagcloud {
        display: none;
    }
}

/* Layout <= 760px */
@media only screen and (max-width: 760px) {    
  .movil {
    display: block;
  }
  body {
    margin: 5px;
    background: none;
    background-color: #FFF !important;
  }
  
  .cabecera, #cuerpo {
      padding: 0;
  }
  
  .centro {
      margin: 0;
  }
  
  .banner4, .banner5, .banner6, .capa4, .capa5, 
  #cuerpo_carrusel_personas, #cuerpo_carrusel_temas, 
  .capa7, #divYoutube, #divFlickr {
      margin-left: 0;
  }  
  
  #contenedor, #colD, .centro1 {
      width: 100%;
      float: none;
      background: none;
      border: 0;
  }
  
  
  #colD .menu, .centro1 .menu {
      display: none;
  }
  
  #banner_grande_completo, #cuerpo_carrusel_banner_pequenio {
      display: none;
  }  
  #slider_movil {
      width: 100%;
      height: 100px;
      overflow: hidden;
      position: relative;
      margin-bottom: 1em;
  }
  #slider_movil .next, #slider_movil .prev {
      position: absolute;
      top: 0;
      bottom: 0;
      text-indent: -9999px;
      width: 50px;      
      filter: alpha(opacity=90);
      opacity: .90;           
      zoom: 1;      
      display: none;
      
  } 
  #slider_movil .next {
      right: 0;
      background: url(slider_next.png) right center no-repeat;  
  }
  #slider_movil .prev {
      left: 0;
      background: url(slider_prev.png) left center no-repeat;  
  }
  .banner4 {
      display: none;
  }
  .banner4a, .banner4a2,
  .banner4c {
      width: 98%; /* auto */
      margin: 0 6px 0 6px;
  }
  .banner5 {
  	  width: 99%;
      background: none;
      border: none;
  }  
  .banner6 {
      display: none;
  }
  
  .banner4a, .banner4a2,
  .banner4c {
      border: 1px solid #f0f0f0;
      padding: 0;
      /*-webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;*/
      margin-bottom: 1em;
      width: 96%;
  }
  .banner4a .movil h2, .banner4a2 .movil h2,
  .banner4c .movil h2 {
      margin: 0;
      /*background: #2e74bc;*/
      background-image: url("../img/banda5.jpg");
      color: #00589F;
      font-size: 100%;
      padding: 5px 50px 5px 5px;
      /*-webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;*/
      border-bottom: 1px solid #f0f0f0;
      line-height: 160%;
  }
  .banner4a .movil, .banner4a2 .movil, 
  .banner4c .movil{
      position: relative;
  }
  .banner4a .movil h3, .banner4a2 .movil h3, 
  .banner4c .movil h3 {
      margin: 0;
      float: right;
      padding: 0;
      position: absolute;
      top: 0;
      right: 1em;
      line-height: 160%;
  }
  .banner4a .movil h3 a, .banner4a2 .movil h3 a,
  .banner4c .movil h3 a {
      color: white;
  }
  .banner4a2 p {
      margin-left: .5em;
      margin-right: .5em;
  }
  
  .nueva {
  	width: 97%;
  }
  
  .nueva2 {
  	width: 100%;
  }
  
  .separador_vertical {
    width: 100%;
    float: left;
    margin: 0px;
    border-left: 0px solid #E9E9E9;
  }
	
  .capa5, .capa7, #cuerpo_carrusel_personas, #cuerpo_carrusel_temas,
  #pestanaPorTemas, #pestanaPorPersonas {
      display: none;
  }
  
  .capa4 {
      width: auto;
  }
  
  #divYoutube, #divYoutube div {
      float: none;
      width: auto;
      height: auto;
      background: none;
      border: 0;
  }
  #divYoutube {
      clear: both;
      padding: 1em;
      background: #f0f0f0;
      -webkit-border-radius: 0 8px 8px 8px;
      -moz-border-radius: 0 8px 8px 8px;
      border-radius: 0 8px 8px 8px;      
  }  
  
  #divYoutube iframe {
      max-width: 100%;
  }
  #videoYoutubeGrande {
      padding: 0 0 5px 0;
  }
  
  #divYoutube .capa9a {
      text-align: center;
  }
  
  .pesta1, .pesta2 {
      width: auto;
      padding: 2px 10px 0 10px;
      height: auto;
     /* background: #999;*/
      background: #555555;
      -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
      color: white;  
      margin-right: 2px;
  }
  .pesta2 {
      background: #2e74bc;
      color: #f0f0f0;
  }
  
   #divFlickr, #divFlickr div {
      float: none;
      width: auto;
      height: auto;
      background: none;
      border: 0;
  }
  #divFlickr {
      clear: both;
      padding: 1em;
      background: #f0f0f0;
      -webkit-border-radius: 0 8px 8px 8px;
      -moz-border-radius: 0 8px 8px 8px;
      border-radius: 0 8px 8px 8px;      
  }  
  #divFlickrGrande {
      padding-bottom: 5px;      
  }
  #divFlickrPequeno {
      text-align: center;
  }
  
  .centro2 .banda, .centro2 .banda2, .centro2 .banda3 {
      margin: 0 auto;
      clear: both;
  }
  .centro2 .sede {
      float: none;
      margin: 0;
  }
  .mod_gal2 ul, .mod_gal2 h2, .mod_gal2, .mod_gal_sup2, .mod_bannerCol3, 
  .mod_archivos_sup, .mod_archivos, .mod_archivos_inf {
      width: auto;
  }
  
  .mod_archivos_sup, .mod_archivos, .mod_archivos_inf {
      background: #f0f0f0;
  }
  
  .mod_gal_sup2, .mod_gal2 {
      background: #f0f0f0;
  }
  
  .mod_gal_inf2 {
      background: none;
  }
  
  #colC .mod_lat_box, .centro2 .mod_lat_box {
      display: block;
      width: auto;
      text-align: center;
  }
  
  #colC .mod_lat_box li, .centro2 .mod_lat_box li {
      list-style: none;
      background: none;
      padding: 0;
      margin: 0;
      font-size: 110%;
  }
  
  #colC .mod_lat_box li a, .centro2 .mod_lat_box li a {
      display: block;
      padding: 5px 0;
      color: #333;
  }
  
  #colD h2.interior {
      font-size: 1.2em;
  }
  
    /* Cabecera */
 
    #menu_boton {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    #menu_boton a {
        display: block;
        width: 50px;
        height: 50px;
        background: #f0f0f0 url(mmenu-but.png) left top no-repeat;
        text-indent: -9999px;
    }
    
    .logo h1 {
        margin-top: 0;
    }
    
    .sinBordeEscudo {
        height: auto;
    }
    
    .textoLogo {
        margin-left: 0;
    }
    
    #contenedor, #contenido {
        width: auto;
        display: block;
    }
    
    .cabecera {
        height: auto;
    }

    .logo {
        width: auto;
        float: none;
        text-align: center;
        padding: 0 .5em;
    }
    
    .buscador {
        float: none;
        margin-right: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .buscador1 {
        margin-top: 0;
        float: none;
    }
    
    .buscador2 {
        float: none;        
    }
    
    .buscarTexto {
        height: auto;
        width: auto;
        text-align: center;
        background: none;
        font-size: 90%;
        float: none;
    }
    
    .buscarTexto2 {
        height: auto;
        width: auto;
    }   
    
    .tiempo_v2 {
        margin: 0;
        vertical-align: top;
        float: none;
        text-align: center;
        padding-top: .5em;
        width: auto;
        display: block;
    }
    
    .tiempo222_v2, #fechahora {
        float: none;
        display: inline-block;
        width: auto;
        vertical-align: top;
    }
    
    #buscadorArriba {
        background-color: #e0eaf4;
    }
    
    /* Pie */
    
    .mapaWeb, .mapaWeb_col_fin {
        float: none;
        width: auto;
        margin-bottom: 1em;
        border-right: 0;
        text-align: center;
    }
    
    .mapaWebT {
        border: 0;
    }
    
    .mapaWebT span {
        display: block;
    }
    
    .mapaWebT a, .mapaWebT a:link, .mapaWebT a:visited,
    .nueva5 a, .nueva5 a:link, .nueva5 a:visited{
        display: block;
        padding: 5px 0;
        text-align: center;
    }
    
    .mapaWebT br, .nueva5 br {
        display: none;
    }
    
    #mapa_web_pie {
        clear: both;
    }
        .buscador12 {
        display: block;
        text-align: center;
    }
    
   .buscador12 img{
        float: none;
        margin-right: 2px;
    }
}

/* Layout <= 320px */
@media only screen and (max-width: 320px) {
    .logo {
        width: 254px;       
    }
    #menu_boton a {
        width: 40px;
        height: 40px;
        background-position: center center;
    }
    #colD h2.interior {
      font-size: 1.1em;
    }
}