/* Full d'estils principal de la web*/

@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900");
@import url(construccio.css);
@import url(enquestes.css);
@import url(flex.css);
@import url(formulari.css);
@import url(mapa.css);
@import url(menu.css);
@import url(quisom.css);
@import url(slider.css);
@import url(buscar.css);
@import url(box.css);
@import url(aeroport.css);
@import url(taules.css);
@import url(portada.css);
@import url(dialog.css);
@import url(neu.css);

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Raleaway", sans-serif;
  width: 90%;
  margin: auto;
  background-color: Beige;
}

.head1 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.head11 {
  height: 70px;
  width: 70px;
  background-image: url("/veinsvalles/ico/logo.png");
  background-size: cover;
  vertical-align: top;
}

.head12 {
  display: flex;
  font-size: 20px;
  font-weight: bolder;
  line-height: 70px;
  color: DarkBlue;
  margin-left: 10px;
}

@media all and (max-width: 1080px) {
  .head11 {
    height: 50px;
    width: 50px;
  }
  .head12 {
    font-size: 14px;
    line-height: 50px;
  }
}

@media all and (max-width: 750px) {
  .head11 {
    height: 40px;
    width: 40px;
  }
  .head12 {
    line-height: 40px;
    font-size: 12px;
  }
}

@media all and (max-width: 590px) {
  .head11 {
    height: 30px;
    width: 30px;
  }
  .head12 {
    line-height: 30px;
    font-size: 10px;
  }
}

@media all and (max-width: 490px) {
  .head12 {
    line-height: 30px;
    font-size: 8px;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.titol_pagina {
  margin: 10px;
}

.virus {
  width: 300px;
  height: 300px;
  /*	background-image: url('/veinsvalles/ico/virus.png'); */
  background-position: center;
  animation-iteration-count: infinite;
  background-size: cover;
  position: relative;
  animation-name: virus;
  animation-duration: 2s;
}

@keyframes virus {
  0% {
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
  }
  25% {
    transform: (30deg);
    -webkit-transform: (30deg);
    -moz-transform: (30deg);
    -ms-transform: (30deg);
    -o-transform: (30deg);
  }
  50% {
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
  }
  75% {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
  }
  100% {
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
  }
}