/* Estils per a la ficha d'inventari
  
                    per mberamendi.cat
  ====================================
    
    Colors:
      Fons : #D8D8D8
      Capçalera:
      Principal:
      vores: #BBBBBB
      
      Fons de principal
      Hidrom: BLAU border-left: solid 8px rgb(153,204,255); background:rgba(153,204,255,0.4)
      Phitom: VERT border-left: solid 8px rgb(91,201,146); background:rgba(91,201,146,0.4)
      Litom: GRIS border-left: solid 8px rgb(120,120,120); background:rgba(120,120,120,0.4)
      Antropom: MARRO border-left: solid 8px rgb(255,180,105); background:rgba(255,180,105,0.4)    
      
    Ombra: box-shadow: 3px 3px 3px rgba(60,60,60,0.5);                                           */

  * {border-collapse:collapse; margin: 0px; padding: 0px;}
  body {font-size:11pt;font-family:Tahoma,Verdana,Arial; margin:0px; margin-top: 3px; padding: 0px; background: #E8E8E8;}
  .cap {border-bottom: solid 1px #BBBBBB;}
  .cos {border:none;}
  .peu {border-top: solid 1px #BBBBBB;}
  
  .encaix    {width:96%; min-width:995px; margin: 10px auto; }
  .encaixcos {width:96%; min-width:995px; margin: 4px auto 10px; border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}

   /* Caixes de la fitxa */  
  .hidrom {float:left; width: 490px; height: 300px; margin: 5px; border: solid 1px #BBBBBB; border-left: solid 8px rgb(153,204,255); background:rgba(153,204,255,0.4); box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .phitom {float:left; width: 490px; height: 300px; margin: 5px; border: solid 1px #BBBBBB; border-left: solid 8px rgb(91,201,146); background:rgba(91,201,146,0.4); box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}  
  .litom {float:left; width: 490px; height: 300px; margin: 5px; border: solid 1px #BBBBBB; border-left: solid 8px rgb(120,120,120); background:rgba(120,120,120,0.4); box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .antropom {float:left; width: 490px; height: 300px; margin: 5px; border: solid 1px #BBBBBB; border-left: solid 8px rgb(255,180,105); background:rgba(255,180,105,0.4); box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
    
  .mapa {float:left;  width: 490px; height: 300px; margin: 5px; border: none; border-left: solid 8px #BBBBBB; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .foto {float:right; width: 450px; height: 300px; margin: 5px 5px 7px; border: none; border-left: solid 8px black; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}

  .descripcio {float: right; width: 449px; height: 300px; margin: 5px; border: solid 1px #BBBBBB; border-left: solid 8px #BBBBBB; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .prohibit {float: right; width: 450px; height: 300px; margin: 5px; border: solid 1px rgb(255,100,100); border-left: solid 8px rgb(255,100,100); box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .access {float:left; width: 346px; height: 300px; margin: 5px;  border: solid 1px #BBBBBB; border-left: solid 8px #BBBBBB; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .interes {float:left; width: 346px; height: 300px; margin: 5px; border: solid 1px #BBBBBB; border-left: solid 8px #BBBBBB; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  .links {float: right; width: 450px; height: 300px; margin: 5px; border: solid 1px rgb(153,204,255); border-left: solid 8px rgb(153,204,255); box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  
   /* prova 
  .descripcio {float: right; width: 440px; height: 301px; padding: 0px 0px 4px 10px; margin: 5px; margin-bottom: 9px; border: none; border-left: solid 8px #BBBBBB;}
  .prohibit {float: right; width: 440px; height: 150px; padding: 0px 0px 4px 10px; margin: 5px; border: none; border-left: solid 8px rgb(255,100,100);}
  .access {float:left; width: 356px; height: 300px; padding: 0px 0px 4px 10px; margin: 5px; border: none; border-left: solid 8px #BBBBBB;}
  .interes {float:left; width: 356px; height: 300px; padding: 0px 0px 4px 10px; margin: 5px; border: none; border-left: solid 8px #BBBBBB;}
  .links {float: right; width: 440px; height: 150px; padding: 0px 0px 4px 10px; margin: 5px; border: none; border-left: solid 8px rgb(153,204,255);}
  */
  .llegenda {float: left; width:255px; height:59px; margin-right:5px; background: white;  border: solid 1px #BBBBBB; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
   
  /* Text */ 
  p {font-size:11pt; font-family:Tahoma,Verdana,Arial; margin: 4px; text-align: justify;}
  h2 {font-size:19pt; font-family:Tahoma,Verdana,Arial; margin: 5px 2px 5px 5px;}
  h3 {font-size:13pt; font-family:Tahoma,Verdana,Arial; margin: 4px; margin-top: 2px;}
  li {margin-left: 4px;}
  
  .imgclas {margin:3px; box-shadow: 3px 3px 3px rgba(60,60,60,0.5);}
  
  .llegenda .hidrom, .llegenda .phitom, .llegenda .litom, .llegenda .antropom {width: 95px; height: 22px; margin: 3px 4px; padding: 0px 12px 0px 2px; font-wheight: bold; box-shadow: none;}
  .access li {margin-left: 20px;}
  .peufoto {position:relative; top: 280px; left:0px; width:450px; height:20px; margin:0px; padding: 0px; background: rgba(0,0,0,.5);}
  .peufoto td {padding: 0px 4px; font-size:10pt; font-family:Tahoma,Verdana,Arial;}
  .preu {width: 96%; font-size:11pt; margin: 6px; border: solid 1px #BBBBBB;}
  .preu td {padding: 0px 5px;}
  .inactiu {color: #BBBBBB;}

  a {font-weight:bold; text-decoration:none; color: #2592FF;}
  a:hover {color: #606060; text-decoration: underline;}
  .peufoto a {font-weight:bolder; text-decoration:none; color: white;}
  
   /* Imatges de fons */
  .links {background-color: white; background-image: url('logos/enllac.png'); background-repeat: no-repeat; background-position: right bottom;}
  .prohibit {background-color: white; background-image: url('logos/prohibit.png'); background-repeat: no-repeat; background-position: right bottom;}
  
   /* Anulades temporalment
  .encaixcos {background-color: white; background-image: url('logos/fons_pintat.png'); background-repeat: no-repeat; background-position: right bottom;}
  .descripcio {background-color: white; background-image: url('logos/fons_pintat2.png'); background-repeat: no-repeat; background-position: right bottom;}
  */
  .encaixcos {background-color: white;}
  .descripcio {background-color: white;}