@@ -38,18 +38,19 @@ <a class='own-orange' href='agenda.html'>AGENDA</a>
         </div>
 
         <div class='own-projecteText'>
+          <h3>Agenda</h3>
           18 Juny:<br>
           Presentació del projecte i estrena del teaser a la Mostra de cinema documental sobre el Kurdistan.
 
           </div>
         <div class='own-rightBox'>
-          <a href="javascript:OnClickCampanyesDeSuport();">
+          <a href="javascript:OnClickCampanyesDeSuport();" onmouseover="this.childNodes[1].src='icones/i_campanyessuport_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_campanyessuport.png'">
             <img class='own-socialNetwork' src='icones/i_campanyessuport.png' />   Campanyes de suport
           </a>
-          <a href="#">
+          <a href="#" onmouseover="this.childNodes[1].src='icones/i_articles_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_articles.png'">
             <img class='own-socialNetwork' src='icones/i_articles.png' />   Artícles
           </a>
-          <a href='#'>
+          <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
             <img class='own-socialNetwork' src='icones/i_teaser.png' />   Vídeo
           </a>
         </div>

@@ -51,13 +51,13 @@ <br><br>
           <img style="max-width: 600px;" src='imatges/mapaKurdistan.png' />
           </div>
         <div class='own-rightBox'>
-          <a href="javascript:OnClickCampanyesDeSuport();">
+          <a href="javascript:OnClickCampanyesDeSuport();" onmouseover="this.childNodes[1].src='icones/i_campanyessuport_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_campanyessuport.png'">
             <img class='own-socialNetwork' src='icones/i_campanyessuport.png' />   Campanyes de suport
           </a>
-          <a href="#">
+          <a href="#" onmouseover="this.childNodes[1].src='icones/i_articles_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_articles.png'">
             <img class='own-socialNetwork' src='icones/i_articles.png' />   Artícles
           </a>
-          <a href='#'>
+          <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
             <img class='own-socialNetwork' src='icones/i_teaser.png' />   Vídeo
           </a>
         </div>

@@ -43,10 +43,10 @@ Davant la pràctica generalitzada de dinàmiques mediàtiques sensacionalistes i superficials, reivindiquem una manera de comunicar pausada i reflexiva. Trencar amb la manera de fer que, mitjançant el bombardeig d'imatges d'horror, normalitza realitats d'injustícia i desencadena reaccions de passivitat i indiferència. En un món accelerat, no tenim pressa. Busquem explicar històries amb la pausa que mereix una anàlisi conscient, crítica i reflexiva en pro d'un canvi social. Volem donar veu a realitats ignorades que parlen d'injustícia però també de solidaritat; de destrucció però també de creació d'alternatives, d'opressió però també de llibertat. Ens agradaria deixar de banda l'ego pel coneixement i acompanyar-nos entre nosaltres en un viatge molt més lent i poètic. Intentant que cada imatge tingui temps per parlar i que cada persona tingui temps per escoltar.
 
           </div>
           <div class='own-rightBox'>
-            <a href="#">
-              <img class='own-socialNetwork' src='icones/i_vk.png' />Verkami
+            <a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
+              <img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
             </a>
-            <a href='#'>
+            <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
               <img class='own-socialNetwork' src='icones/i_teaser.png' />Teaser
             </a>
           </div>

@@ -23,6 +23,8 @@ url(tipos/jauria/jauria-Italic-v.otf);
 }
 
 .own-container{
+  padding-left: 80px;
+  padding-right: 80px;
 }
 
 /* index */
@@ -79,11 +81,11 @@ }
 
 .own-menu{
   display: block;
-  padding-left: 50px;
-  padding-right: 50px;
+  /*padding-left: 50px;
+  padding-right: 50px;*/
 }
 .own-overImage-logo{
-  margin-left: 30px;
+  /*margin-left: 30px;*/
   width: 200px;
 
 }
@@ -143,7 +145,7 @@ margin-top: 20px;
   cursor: pointer;
 }
 .own-socialNetworks{
-  margin-left: 2%;
+  /*margin-left: 2%;*/
   margin-top: 5%;
   display: inline-block;
 }
@@ -158,7 +160,7 @@ margin-right: 10px;
 }
 .own-teaser{
   float: right;
-  margin-right: 2%;
+  /*margin-right: 100px;*/
   margin-top: calc(6% - 10px);
   color: #ffffff;
   font-weight: bold;
@@ -266,7 +268,7 @@
 /* projecte, bakur, agenda */
 .own-lang{
   text-align: right;
-  margin-right: 50px;
+  /*margin-right: 50px;*/
   display: block;
 }
 .own-lang a:link{
@@ -285,7 +287,7 @@ }
 
 .own-menuButtons{
   float: right;
-  margin-right: 50px;
+  /*margin-right: 50px;*/
 }
 .own-menuButtons a:link{
   text-decoration: none;
@@ -381,7 +383,7 @@ color: #000000;
   font-weight: bold;
   display: block;
   margin: 10px;
-  margin-bottom: 30px;
+  margin-bottom: 20px;
 }
 .own-rightBox a:visited{
   color: #000000;

@@ -44,10 +44,10 @@ <br><br>
           <img style="max-width: 600px;" src='imatges/fitxaTecnica.png' />
           </div>
         <div class='own-rightBox'>
-          <a href="#">
-            <img class='own-socialNetwork' src='icones/i_vk.png' />Verkami
+          <a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
+            <img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
           </a>
-          <a href='#'>
+          <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
             <img class='own-socialNetwork' src='icones/i_teaser.png' />Teaser
           </a>
         </div>