body { font-family: "Clear Sans",Arial,sans-serif,helvetica; }
  .weathericon { width: 40px; left: -20px;  top: -20px;  position: relative;}
  #body { max-width: 1382px; margin: 0 auto; width: 100%;}
  body { background-image: url("./img/background.png"); background-position: center; background-repeat: repeat-y; margin:0; }
  .container { width: 100%; max-width: 990px; margin: 0 auto;}
  .mapcover { width: 100%; border: 1px solid #ececec;}
  .map { max-width: 800px; margin: 0 auto;}
  .map img.mapa { width: 100%; }

  .menudias { display: inline-block; }
  .menudias ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .menudias li {
    float: left;
    border-right: 1px solid #ececec;
    padding-bottom: 10px;
  } 
  .menudias li a, div.row.dia {
    text-align: center;
    padding: 14px 0px 5px 0x;
    text-decoration: none;
    color: grey;
  }
  
  .menudias li a.active {
    font-weight: bold;
  }

  .menudias li span {
    display: block;
    font-size: 12px;
    text-align: center;
  }

  .point {
    position: absolute;
  }
  .point a img {
    z-index: 999;
  }
  
  .point span.name {
    font-size: 10px;
    display: block;
    top: 15px;
    width: 200px;
    text-align: center;
    left: -100px;
    position: absolute;
  }
 
  .map {
    margin: 0 auto; position: relative; width: 100%;
  }

div.table { text-align: left; width:100%; }
div.column {
  display: inline-block;
  width: 12%;
  border-right: 1px solid #ececec;
}
div.column.first { position: relative; top: -19px; }
div.row { height: 45px; text-align: center}
div.row.dia { height: 45px; }
div.row.title { vertical-align: middle; line-height: 45px; }
div.row.dia span {font-size: 12px; color: black; }
div.row.temp span.tmax {font-size: 16px; }
div.row.temp span.tmin {font-size: 12px; color: Grey; }
div.row.wind { height: 90px; }
div.row.wind span.dir { background: url("../img/compas.png"); background-size: 35px 35px; display: inline-block; width: 35px; height: 35px;  }
div.row.wind span.dir.NE { transform: rotate(45deg);  }
div.row.wind span.dir.E { transform: rotate(90deg);  }
div.row.wind span.dir.SE { transform: rotate(135deg);  }
div.row.wind span.dir.S { transform: rotate(180deg);  }
div.row.wind span.dir.SO { transform: rotate(225deg);  }
div.row.wind span.dir.O { transform: rotate(270deg);  }
div.row.wind span.dir.NO { transform: rotate(315deg);  }
div.row.wind span.fuer { font-size: 13px; }
  
div.column .weathericon { left: 0px;  top: 0px;  position: relative; }
#buscador { float: right; position: relative; max-width: 270px;} 
#buscador_list { display: none; z-index: 99999; position: absolute; background: white; border: 1px solid #ececec; margin-top: 5px; width: 100%; top: 30px;} 
#buscador_list ul { list-style: none; padding-left: 10px; text-align: left;}
#buscador_list ul li { min-height: 30px; line-height: 30px; vertical-align: middle; }
#buscador_list ul li img { display: block; position: relative; float: left}
#buscador_list ul li span { display: block; position: relative; float: right; width: 90%;}
#buscador_list ul li { clear: both; }
#buscador_list ul li a { text-decoration: none; color: grey;}
#buscador_list ul .weathericon { width: 20px; left: 0; top: 4px; }
#breadcrumb ul { list-style: none; padding-left: 10px; text-align: left; border: 1px solid #ececec; border-radius: 5px; min-height: 30px;} 
#breadcrumb ul li { min-height: 30px; line-height: 30px; vertical-align: middle; display: inline-block;}
#breadcrumb ul li a { text-decoration: none; color: #a6a6a6;}
#breadcrumb ul li i { font-size: 80%; color: #666666; }
#breadcrumb ul li span { color: #4d4d4d; }
#Search { border: 1px solid #ececec; border-radius: 5px; min-height: 30px; padding: 0 10px; max-width: 100%; width: 300px; margin-bottom: 20px;} 

@media screen and (max-width: 900px) {
  #buscador { margin: 0 auto; text-align: center; width: 100%; float: none; margin-bottom: 10px; } 
}

@media screen and (max-width: 601px) {
  .weathericon { width: 20px; left: -10px;  top: -10px;  position: relative;}
  div.column .weathericon { width: 40px; left: 0px;  top: 0px;  position: relative;}
  .point span.name { display: none; }
  .hidendais { display: none !important; }
  div.column { width: 24%;}
}