body {
    /* padding-top: 70px; Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background: #fff;
    overflow-x: hidden;
}

#cabecera {background-color: #000;}

#logo {width: 180px}

.card { width: 100%; }

#map {
    height: 300px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}

#seccion_categorias, #seccion_carrusel, #seccion_empresas{margin-top: 30px;}

.pie {
    background-color: #000;
    color: #fff;
    text-align: center; 
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 13px;
}

.pie img{
    width: 110px;
}

@media (max-width: 640px){
    #derechos{display: none}
}
 
@media (max-width: 768px){
    #categorias{display: none}
}
 
@media (min-width: 1024px){
      
}
 
@media (min-width: 1200px){
      
}

/* @media screen and (max-width:320px){
    #clima1 {display: none}
    #clima3 {display: none}
    #rss1 {display: none}
    #frss1 {display: none}
    #rss3 {display: none}
    #frss2 {display: none}
    img {width: 150px}
    #logo{margin: 7px 0 0 16px}
    #categorias{display: none}
}

@media screen and (min-width:321px) and (max-width:360px){
    #clima1 {display: none}
    #clima3 {display: none}
    #rss1 {display: none}
    #frss1 {display: none}
    #rss3 {display: none}
    #frss3 {display: none}
    #logo{margin: 7px 0 0 16px}
    img {width: 155px}
    #categorias{display: none}
    .thumbnail {
        height: 280px;
    }
}

@media screen and (min-width:361px) and (max-width:480px){
    #clima2 {display: none}
    #clima3 {display: none}
    #rss2 {display: none}
    #frss2 {display: none}
    #rss3 {display: none}
    #frss3 {display: none}
    #logo{margin: 7px 0 0 16px}
    img {width: 155px}
    #categorias{display: none}
    .thumbnail {
        height: 300px;
    }
}

@media screen and (min-width:481px) and (max-width:720px){
    #clima2 {display: none}
    #clima3 {display: none}
    #rss2 {display: none}
    #frss2 {display: none}
    #rss3 {display: none}
    #frss3 {display: none}
    #logo{margin: 7px 0 0 16px}
    #categorias{display: none}
    img {width: 155px}
}

@media screen and (min-width:721px) and (max-width:767px){
    ul.topnav li:not(:first-child) {display: none;}
    ul.topnav li.icon {
      float: left;
      display: inline-block;
    }

    ul.topnav.responsive {position: relative;}
    ul.topnav.responsive li.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    ul.topnav.responsive li {
        float: none;
        display: inline;
    }
    ul.topnav.responsive li a {
        display: block;
        text-align: left;
    }
    #clima2 {display: none}
    #clima3 {display: none}
    #rss2 {display: none}
    #frss1 {display: none}
    #rss3 {display: none}
    #frss2 {display: none}

    img {width: 155px}
    #categorias{display: none}
}



@media screen and (min-width:768px) and (max-width:991px){
    #clima1 {display: none}
    #clima2 {display: none}
    #rss1 {display: none}
    #frss2 {display: none}
    #rss2 {display: none}
    #frss3 {display: none}
    #logo{margin: 7px 0 0 1px}
    img {width: 155px}
}

@media screen and (min-width:769px) and (max-width:1024px){
    #clima2 {display: none}
    #clima1 {display: none}
    #rss1 {display: none}
    #frss2 {display: none}
    #rss2 {display: none}
    #frss3 {display: none}
    #logo{margin: 7px 0 0 1px}
    img {width: 155px}
}

@media screen and (min-width:1025px){
    #clima2 {display: none}
    #clima3 {display: none}
    #rss2 {display: none}
    #frss2 {display: none}
    #rss3 {display: none}
    #frss3 {display: none}
    #logo{margin: 7px 0 0 1px}
    img {width: 155px}
} */