@charset "utf-8";
/* CSS Document */

@media all and (max-width: 980px){
  .nav li {
    /* width: 14% !important; (Anul·lat temporalment)*/
    max-width: 20% !important;
  }
}

@media all and (max-width: 780px){

  .nav li {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #fb7904;
    font-size: large;
    font-weight: bold;
    text-align: left !important;
    border: solid thin #fb7904;
  }
  .nav li a {
    text-align:left !important;
    background-image: none !important;
  }
  .nav li ul {
    display: inline-block !important;
    position: relative !important;
    width:80% !important;
    border: none !important;
    opacity: 1 !important;
    background: #fb7904 !important;
    margin-left: 10% !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  } 
  .nav li ul a{
    background: #fb7904 !important;

  }
  .nav li ul a:hover{
    color: #fb7904 !important;
    background: #fff !important;
  }
}

@media all and (max-width: 480px){


}

/* Bloc principal del menú */
#menu ul {
  color: #000000;
  list-style:none;
  text-decoration:none;
  text-align:center;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
/* Edició de cada ítem del menú */
.nav li {
  min-width: 14%;
  max-width: 20%;
  margin: 0; /* Per eliminar els marges de 'li' que hi ha a la web i que aquí no volem */
}
/* Edició de cada ítem del menú amb enllaç*/
.nav li a {
  color:#fff;
  text-decoration:none;
  padding: .4em .4em;
  display:block;
  text-align:center;
}
/* Ítem del menu amb fletxa indicant l'existència de submenu*/
.nav li a.subnavitem {
  background-image: url(../img/Fletxa_blanca.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Ítem del menu amb fletxa taronja indicant l'existència de submenu quan passem el ratolí per sobre*/
.nav li a.subnavitem:hover {
  background-image: url(../img/Fletxa_tarnj.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Edició de cada ítem del menú amb enllaç i passant el ratolí per sobre*/
.nav li a:hover {
  background-color:#fff;
  color: #fb7904;
}
/* Edició de tots els ítems del menú */
.nav > li {
  float:left;
}
/* Edició del bloc dels ítems del submenú amagats per defecte*/
.nav li ul {
  display:none;
  position:absolute;
  z-index: 100;
  opacity: .96;
  border: thin solid #fb7904;
  filter: alpha(opacity=96); /* Instrucció per a versions anteriros del IE 7 */
  -webkit-box-shadow: 4px 4px 4px #999;
  -moz-box-shadow: 4px 4px 4px #999;
  box-shadow: 4px 4px 4px #999;
  overflow: hidden;
  background: #fc9436;
}
/* Edició del bloc dels ítems del submenú quan es despleguen al passar el cursor per el menu*/
.nav li > ul, .nav li > ul {
  font-size: small;
}
/* Edició dels ítems del submenú */
.nav li >ul a {
  background: #fc9436;
  text-align:left;
  min-width:18em;
  border: thin solid #fb7904;
}
/* Edició dels ítems del submenú al passar per sobre amb el ratolí*/
.nav li >ul a:hover {
  border-left: thick solid #fb7904;
  min-width:17.7em;
}
/* Edició del bloc dels ítems del submenú del submenú */
.nav li ul li {
  position:relative;
  text-align:left;
}
.nav li ul li ul {
  right:-140px;
  top:0px;
}