/*Content-Type: text/css*//* styles/estilos.css */ 

/* Cos

----------------------------------------------- */

  body {

    margin: 10px 0px 10px 0px;

    padding: 0;

    font-family: arial, helvetica, sans-serif;

    color: #003058;

    background-color: #f0f0f0;

    }







/* Contenidor

----------------------------------------------- */

  #contenidor {

	position: relative;

    width: 760px;

    margin: 2px auto 2px auto;

    background-color: #ffffff;

    border: 1px solid #b5b5b5;

  }





/* Home

----------------------------------------------- */

  #logoHome {

    text-align: center;

    padding: 120px 0px 8px 0px;

    border-bottom: 4px solid #b5b5b5;

  }



  #idiHome {

	position: absolute;

    left: 437px;

    padding: 8px 0px 8px 0px;

	z-index: 10;

  }



  #arbreHome {

	position: absolute;

    left: 459px;

    padding: 112px 0px 8px 0px;

  }



  #dirHome {

	position: absolute;

    left: 485px;

    margin: 12px 0px 0px 0px;

    padding: 100px 0px 0px 8px;

	font-size: 11px;

	color: #858585;

    border-left: 1px solid #858585;

	z-index: 5;

  }

	  #dirHome a{

		color: #858585;

		text-decoration: none;

	    font-weight: bold;

	  }

	  #dirHome a:hover{

		color: #000000;

	  }





/* Idiomes

----------------------------------------------- */

  #idiomes {

    position: relative;

    height: 83px;

    background: #ffffff url(img/banner_c.gif) -2px 0px repeat-x;

    }

    #tria{

      position: absolute;

      right: 20px;

      top: 0px;

      }

    #tria a{

      color: #999999;

      text-decoration: none;

      }

    #tria a:hover{

      color: #0080d0;

      text-decoration: none;

      }





/* menu

----------------------------------------------- */



  #menuC, #menuE {

    padding: 0px 0px 0px 10px;

    border-top: 0px solid #b5b5b5;

    border-bottom: 4px solid #76b45b;

    background-color: #51a028;

  }

  #menuC img.sep, #menuE img.sep{

    margin: 0px 4px 0px 8px;

  }







/* Destacats Dreta

----------------------------------------------- */

  #destacat {

    float: right;

    width: 140px;

    font-size: 12px;

    color: #848484;

    background-color: transparent;

    margin: 20px 10px 0px 0px;

  }

  html>body #destacat {

    margin: 20px 20px 0px 0px;

  }



    #destacat .itemDestacado{

      margin: 0px 0px 20px 0px;

      padding: 0px;

      border: 1px solid #b5b5b5;

      background-color: #f4f4f4;

    }

    #destacat .itemDestacado img{

      margin: 0px;

    }

    #destacat .itemDestacado p{

      margin: 0px;

      padding: 6px;

      text-align: left;

    }

    #destacat .itemDestacado p span.fletxa{

      color: #51a028;

      font-weight: bold;

    }

    #destacat .itemDestacado p.enlace{

      text-align: right;

    }

    #destacat .itemDestacado p.enlace a{

      color: #51a028;

      font-weight: bold;

      text-decoration: none;

      padding-right: 18px;

      background: transparent url(img/lupa.gif) right 0px no-repeat;

    }

    #destacat .itemDestacado p.enlace a:hover{

      color: #000000;

    }

    #destacat .itemDestacado hr{

      width: 90%;

      color: #b5b5b5;

      border: 0px;

      background-color: #b5b5b5;

      height: 1px;

    }





/* Continguts pagina

----------------------------------------------- */

  #contingut {

    width: 560px;

    margin: 20px 0px 0px 20px;

    padding: 0px;

    font-size: 12px;

    color: #848484;

  }



    #contingut b{

      color: #646464;

    }



    #contingut h1{

      font-size: 18px;

      color: #848484;

      border-bottom: 1px solid #b5b5b5;

    }

    #contingut h1 span.fletxa, #contingut h1.fletxa{

      color: #51a028;

      font-weight: normal;

    }

    #contingut h1 span.gtgt {
    
      color: #848484;
      
      font-weight: bold;
    
    }

    
   #contingut .colorGris{
      color: #848484;
   }


    #contingut h2{

      font-size: 16px;

      color: #51a028;

    }



    #contingut h6{

      margin: 4px 0px 4px 0px;

      font-size: 12px;

      color: #51a028;

    }

    #contingut h6 span{

      color: #646464;

      font-weight: bold;

    }

    #contingut h6.invertido{

      color: #646464;

    }

    #contingut h6.invertido span{

      color: #51a028;

    }



    #contingut a{

      color: #51a028;

      text-decoration: none;

      font-weight: bold;

    }

    #contingut a:hover{

      color: #000;

    }

    

    #contingut a.verde_peq{

      color: #51A028;

      text-decoration: none;

      font-weight: bold;

      font-size: 10px;

    }

    #contingut a.verde_peq:hover{

      color: #000;

    }



    #contingut p{

      text-align: justify;

    }

    #contingut span.verd{

      color: #51a028;

      font-weight: bold;

    }

    

    #contingut img.foto

		{

		height: 95px;

		margin-right: 2px;

		}



    #contingut table.organigrama {

      border-bottom: 1px solid #b5b5b5;

    }

    #contingut table.organigrama td{

      border-top: 1px solid #b5b5b5;

    }

    #contingut table.organigrama td.indice{

      vertical-align: top;

      color: #51a028;

      font-weight: bold;

    }



    #contingut ul {

      margin-top: 0px;

    }

    #contingut ul li{

      list-style-type: square;

    }

    #contingut ul li a {

      color: #646464;

    }









/* pie

----------------------------------------------- */



  #arbol {

    clear: both;

    padding: 10px 0px 0px 20px;

    border-bottom: 4px solid #b5b5b5;

  }

  #peuHome {

	position: relative;

    padding: 3px 0px 3px 18px;

    font-size: 11px;

    color: #848484;

  }

    #peuHome a {

      text-decoration: none;

      font-weight: bold;

      color: #848484;

      }



    #peuHome a:hover {

      color: #000000;

      }





  #peu {

    clear: both;

    height: 20px;

    background-color: #51a028;

    font-size: 11px;

    }



    #peu a {

      text-decoration: none;

      font-weight: bold;

      color: #ffffff;

      }



    #peu a:hover {

      color: #000000;

      }



    #peu .copy {

      float: left;

      padding: 3px 0px 0px 10px;

      text-align: left;

      color: #ffffff;

      }



    #peu .copy span {

      color: #ffffff;

      }



    #peu .made {

      float: right;

      padding: 3px 10px 0px 0px;

      text-align: right;

      color: #ffffff;

      }