/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
*/
/*
 * Really small screens and up
*/
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
*/
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
*/
@media (max-width: 320px) {
  .region-leaderboard, .banner,
  .sub_content,.flex-direction-nav,.clone,
  #block-views-efemerides-hoy-block,#block-quicktabs-lo-mas,
  .cuerpo_material .links, section.field-name-field-votos, .flexslider, 
  .skin-default, .view-id-slider_portada{
    display: none !important;
  }
  #header {
    height: 100%;
  }
  .border_shadow,#main-content,.block-simplenews .form-submit{
    margin: 0;
    width: 100%;
  }
  .view-slider-portada .views-field-field-imagen-portada,
  .view-slider-portada .views-field-title,
  .view-slider-portada .views-field-field-resumen{
    float: none;
    width: auto;
  }
  .flex-flexslider .flex-viewport ul.slides{
    transform: none !important;
    width: auto !important;
  }
  #columns{
    padding: 0;
  }
  .view-frontpage .view-content{
    margin: 5px;
  }
  .footer_first, .footer_second, .footer_thirth{
    display: block;
    width: 96%;
    margin: 0 2%;
  }
  #col_footer .block-inner{
    margin: 0;
  }
  .view-frontpage > .view-content .panel-col-first,
  .view-material-periodistico > .view-content .panel-col-first,
  .view-mp-codigo-transito > .view-content .panel-col-first,
  .view-dossiers > .view-content .panel-col-first,
  .view-dossiers-articulos > .view-content .panel-col-first,
  .view-frontpage > .view-content .panel-col-last,
  .view-material-periodistico > .view-content .panel-col-last,
  .view-mp-codigo-transito > .view-content .panel-col-last,
  .view-dossiers > .view-content .panel-col-last,
  .view-dossiers-articulos > .view-content .panel-col-last{
    width: 100%;
  }
  #logo {
    padding: 5px;
  }
  #block-menu-menu-men-lateral-derecho ul li{
    border: 0;
    text-align: left;
  }
  article.node-material-periodistico {
    margin: 2%;
    width: 96%;
  }
  .materiales .imagen_principal{
    margin: 0;
    padding: 0;
    float: none;
    border: 0;
  }
  #comment-form .form-type-textfield{
    width: 100%;
  }
  /*******edicion impresa*/
  #edicion_impresa #content_edicion_impresa {
    margin: 0;
    padding: 0 !important;
    /*    padding-left: 5% !important;
        padding-right: 5% !important;*/
  }
  .next_edicion {
    padding-left: 1% !important;
  }
  .previous_edicion {
    padding-right: 1% !important;
  }
  .contendor_imagen {
    padding: 0!important;
  }
  /*******Fin edición impresa*/

  /*****Concursos*/
  .panel-3col-33 .panel-col-first, .panel-3col-33 .panel-col, .panel-3col-33 .panel-col-last  {
    float: none;
    width: 100%;
  }
  .panel-3col-33 .panel-col-first .inside {
    margin: 0 0.5em 1em;
  }
  .panel-3col-33 .panel-col-last .inside {
    margin: 0 0.5em 1em;
  }
  .concursos {    
    margin: 0 1.5% 0;
    padding-bottom: 0;    
  }
  /*****Fin concuros/*/

}

@media only screen and (max-width: 480px) {
  /*
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   *
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
  */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  .block-simplenews .form-item input{
    width: 96%;
    border: 1px solid;
  }
  #block-menu-menu-men-lateral-derecho ul li{
    height: auto;
  }
  .border_shadow {    
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    width: 100%;
  }
  .region-leaderboard, .banner,
  .sub_content,.flex-direction-nav,.clone,
  #block-views-efemerides-hoy-block,#block-quicktabs-lo-mas,
  .cuerpo_material .links, .flexslider, 
  .skin-default, .sombra_img_edicion, .materiales .imagen_principal, .galeria_carrusel,
  .concurso_bloque_ciencia_ficcion, .senales-transito,
  .node-noticia-cinco-heroes .field-name-field-imagen-portada img,
  .view-id-slider_portada{
    display: none !important;
  }
  #header {
    height: 100%;
  }
  #columns {
    padding-left: 1.25%;
    padding-right: 1.25%;
  }
  #content {
    margin: 0 !important;
    padding: 2%;
  }
  .foro {
    display: none !important;
  }
  .panel-2col .panel-col-first {
    width: 100%;
  }
  .panel-2col .panel-col-last {
    width: 100%;
  }
  /*Materiales periodísticos*/
  .fivestar-basic div.fivestar-widget .star, .fivestar-basic div.fivestar-widget .star a {
    width: 40px;
  }
  .materiales .field-name-field-votos {
    float: none;    
  }
  .materiales {    
    font-size: 80%;    
  }
  .materiales .cuerpo_material {    
    margin-top: 0;    
  }
  .materiales .texto_materiales {    
    margin-top: 0;
  }
  .foro {
    display: none !important;
  }
  .field-type-taxonomy-term-reference {
    margin-bottom: 0;
  }
  /*Fin Materiales periodísticos*/

  /******comentarios*/
  #comment-form input, #comment-form textarea {
    width: 90%;
  }
  #edit-comment-body, #comment-form #edit-comment-body{
    width: 100%;
  }
  #comment-form .form-type-textfield {
    width: 80%;
  }
  /******fin comentarios*/

  /*Ideas*/
  .image-style-portada-idea {
    max-width: 230px;
  }
  .view-ultima-idea > .view-footer, .view-infografias-portada > .view-footer {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  .view-ideas > .view-content table, .view-ideas > .view-content tr, .view-ideas > .view-content td {
    display: block;
  }
  .view-frontpage .views-field-field-imagen-portada img {
    max-width: 230px;
    width: 100%;
  }
  .view-ultima-idea > .view-content, .view-infografias-portada > .view-content {
    width: 100%;
  }
  .views-view-grid td, .views-view-grid tr, .views-view-grid th, table.views-view-grid, .views-view-grid tbody, .views-view-grid thead .views-view-grid tr.info, .views-view-grid tr.even, .views-view-grid tr:nth-child(2n+2) {
    padding: 0;
  }
  /*Fin Ideas*/

  /*  Edicion impresa*/
  #edicion_impresa #content_edicion_impresa {
    margin: 0;
    padding-left: 10%;
    padding-right: 10%;
  }
  .next_edicion {
    padding-left: 5px;
  }
  .previous_edicion {
    padding-right: 5px;
  }
  #img_edicion {
    height: auto;
    max-width: 200px !important;
    width:60%;
  }
  .portada_edicion {
    width: 200px;
    height: 290px;
  }
  #form {
    margin-left: 10px;
    margin-right: 10px;
  }
  #anno_busqueda_edicion #year {
    width: 100px;
  }
  #busqueda {
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    width: 100%;
  }
  #calendario_busqueda_edicion {
    padding-left: 10%;
    padding-right: 10%;
  }
  #contenedor_paginas_edicion #pagina {
    display: block;
    float: none;
    padding-bottom: 10px;
    width: 100%;
  }
  #contenedor_paginas_edicion{
    float:none;
  }
  .borde_descarga_edicion_impresa {
    width: 100%;
  }
  /*Fin edición impresa*/
  /*****Código de tránsito*/
  #main-content, .block-inner, .pane-inner, .menu-wrapper, .branding-elements, .breadcrumb-wrapper, .attribution, .at-panel .rounded-corner, .block-panels-mini > .block-title, div.messages {
    margin-left: 0;
    margin-right: 0;
  }
  .views-view-grid td, .views-view-grid tr, .views-view-grid th, table.views-view-grid, .views-view-grid tbody, .views-view-grid thead .views-view-grid tr.info, .views-view-grid tr.even, .views-view-grid tr:nth-child(2n+2) {
    padding: 5px;
  }
  .view-descargas-de-c-digo-de-tr-nsito .views-field-field-imagen-portada img {    
    width: 100%;
  }
  .view-descargas-de-c-digo-de-tr-nsito td .views-field-title {
    font-size: 80%;
  }
  /*****Fin Código de tránsito*/

  /*************Paginas 5 heroes******************/
  .heroes_quienes_somos img {    
    min-width: 40px;    
  }
  .node-cinco-heroes td, .node-cinco-heroes th {
    border-bottom: 0 none;
    display: block;
    margin: 0;
    padding: 5px 7px;
  }
  .heroes_quienes_somos {
    width: 100%;
  }
  .view-nuestros-cinco-heroes > .view-content .panel-col-first {
    width: 100%;
  }
  .view-nuestros-cinco-heroes .views-row img{
    border: 1px solid #B9BEC1;
    width: 100%;
    margin-left: 5px;
  }
  .view-galeria-cinco-heroes .views-row {
    float: left;
    margin: 1.5%;
    width: 30%;
  }
  /*Fin 5 héroes*/

  /*******Footer*******/
  .footer {
    font-size: 80%;
  }
  .footer_first, .footer_second, .footer_thirth {
    margin: 3%;
  }
  /*Fin Footer*/
}

@media only screen and (max-width: 600px) {

  #header {
    height: auto;
  }
  .banner, .view-id-slider_portada, .foro, 
  .materiales .field-name-field-imagen-portada, 
  .materiales .imagen_principal, .links,
  .galeria_carrusel,
  .node-noticia-cinco-heroes .field-name-field-imagen-portada img {
    display: none !important;
  }
  #logo {
    padding: 0;
    padding-bottom: 2%;
    width: 50%;
  }
  .materiales .cuerpo_material{
    margin: 0;
  }
  .fivestar-basic div.fivestar-widget .star, .fivestar-basic div.fivestar-widget .star a {
    width: 40px;
  }
  .materiales .related li {
    margin: 2%;
  }
  
  /******comentarios*/
  #comment-form input, #comment-form textarea {
    width: 90%;
  }
  #edit-comment-body, #comment-form #edit-comment-body{
    width: 100%;
  }
  #comment-form .form-type-textfield {
    width: 80%;
  }
  /******fin comentarios*/
  
  /*************Paginas 5 heroes******************/
  .heroes_quienes_somos img {    
    min-width: 40px;    
  }
  .node-cinco-heroes td, .node-cinco-heroes th {
    border-bottom: 0 none;
    display: block;
    margin: 0;
    padding: 5px 7px;
  }
  .heroes_quienes_somos {
    width: 100%;
  }
  .view-nuestros-cinco-heroes > .view-content .panel-col-first {
    width: 100%;
  }
  .view-nuestros-cinco-heroes .views-row img{
    border: 1px solid #B9BEC1;
    width: 100%;
    margin-left: 5px;
  }
  .view-galeria-cinco-heroes .views-row {
    float: left;
    margin: 1.5%;
    width: 30%;
  }
  /*Fin 5 héroes*/

  /*  Edicion impresa*/
  .sombra_img_edicion{
    display: none !important;
  }
  #edicion_impresa #content_edicion_impresa {
    margin: 0;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contendor_imagen {
    padding-left: 10%;
    padding-right: 10%;
  }
  .next_edicion {
    padding-left: 5px;
  }
  .previous_edicion {
    padding-right: 5px;
  }
  #img_edicion {
    height: auto;
    max-width: 200px !important;
    width:60%;
  }
  .portada_edicion {
    width: 200px;
    height: 290px;
  }
  #form {
    margin-left: 10px;
    margin-right: 10px;
  }
  #anno_busqueda_edicion #year {
    width: 100px;
  }
  #calendario_busqueda_edicion {
    padding-left: 10%;
    padding-right: 10%;
  }
  /*Fin edición impresa*/

  /*******Footer*******/
  .footer_first, .footer_second, .footer_thirth {
    margin: 3%;
  }
  /*Fin Footer*/
}
/*
 * Tablet sizes and up
*/
@media only screen and (max-width: 768px) {

  .foro  {
    display: none !important;
  }

  #logo {
    padding: 0;
    padding-top: 5%;
    width: 50%;
  }
  #img_edicion {
    height: auto;
  }
  #edicion_impresa .portada_edicion{
    vertical-align: bottom;
    width: 100%;
  }
  .sombra_img_edicion {    
    top: -18px;    
  }
  /*******Footer*******/
  .footer_first, .footer_second, .footer_thirth {
    margin: 3%;
  }
  /*Fin Footer*/

} 
/*
 * Desktops/laptops and up
*/
/* @media only screen and (min-width: 1025px) {} */