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

body {
  background-color: #ddd; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px; }

.leftcolumn {
  width: 20%; }
  .leftcolumn .dropdown-content {
    background-color: #ccc;
    border: 1px solid #aaa;
    z-index: 1;
    overflow: hidden; }
    .leftcolumn .dropdown-content #filtro {
      width: inherit;
      width: 100%;
      font-size: 16px;
      padding: 5px;
      border: none;
      border-bottom: 1px solid #ddd; }
      .leftcolumn .dropdown-content #filtro:focus {
        outline: 3px solid dodgerblue; }
    .leftcolumn .dropdown-content a {
      padding: 5px;
      text-decoration: none;
      display: block; }
      .leftcolumn .dropdown-content a:hover {
        background-color: #ddd; }

.centercolumn {
  width: 60%;
  background-color: white;
  padding: 10px;
  margin: 0 10px; }
  .centercolumn .resultado .post {
    margin: 10px 0 0 0;
    padding: 5px;
    clear: both; }
    .centercolumn .resultado .post span {
      font-size: 10px; }
    .centercolumn .resultado .post h1 {
      font-size: 18px; }
      .centercolumn .resultado .post h1 a {
        text-decoration: none; }
        .centercolumn .resultado .post h1 a:hover {
          text-decoration: underline; }
    .centercolumn .resultado .post img {
      float: left; }
    .centercolumn .resultado .post p {
      font-size: 12px;
      color: #666; }
  .centercolumn .resultado span {
    font-size: 12px; }
  .centercolumn #loading {
    text-align: center; }

.rightcolumn {
  width: 30%; }
  .rightcolumn .novedades {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px; }
    .rightcolumn .novedades img {
      width: 100%;
      max-height: 200px; }
    .rightcolumn .novedades span {
      font-size: 8px;
      padding-right: 3px; }
  .rightcolumn h1 {
    font-size: 14px; }
    .rightcolumn h1 a {
      text-decoration: none; }
      .rightcolumn h1 a:hover {
        text-decoration: underline; }
  .rightcolumn p {
    font-size: 12px;
    color: #888; }

@media screen and (max-width: 600px) {
  .row {
    display: -ms-grid;
    display: grid; }
  .leftcolumn,
  .centercolumn,
  .rightcolumn {
    width: 100%;
    margin: 10px 0; }
    .leftcolumn #myDropdown, .leftcolumn .amigos,
    .centercolumn #myDropdown,
    .centercolumn .amigos,
    .rightcolumn #myDropdown,
    .rightcolumn .amigos {
      display: none; } }