diff --git a/consiglio-direttivo.php b/consiglio-direttivo.php
index e7ed61c..7e68ebb 100644
--- a/consiglio-direttivo.php
+++ b/consiglio-direttivo.php
@@ -3,21 +3,32 @@
         <div class="section-title">Consiglio Direttivo</div>
     </div>
 
-    <div class="col-12 file-list">
-       <div class="item-title pt-4">
-            <div class=" row">
-                <div class="title col-6 col-sm-8 font-bold">nome del file</div>
-                <div class="size col-2 font-bold">dimensione</div>
-                <div class="date text-right col-4 col-sm-2 font-bold">ultima mod.</div>
+    <div class="col-11 mx-auto">
+        <?php
+            $q=mysqli_query($conn,"SELECT * FROM bod ORDER BY priority, name");
+            while($r=mysqli_fetch_array($q)){
+        ?>
+        
+        <div class="row bod my-4">
+            <div class="col-1 pl-0">
+              <a class="cboxElement" href="<?= $r['avatar'];?>">
+                <img class="avatar" src="<?= $r['avatar'];?>">
+              </a>
+            </div>
+            <div class="col-4">
+              <?= $r['role'];?>
+            </div>
+            <div class="col-2">
+              <?= $r['title'];?>
+            </div>
+            <div class="col-5">
+              <?= $r['name'];?>
             </div>
         </div>
+          
         <?php
-            $q=mysqli_query($conn,"SELECT * FROM files WHERE path='/docs/modulistica/pubblica'");
-            while($r=mysqli_fetch_array($q)){
-                item_file($r);
             }
         ?>
     </div>
 </div>
 
-<a class="cboxElement" href="/images/male.png">dsafg</a>
diff --git a/css/styles.css b/css/styles.css
index 010f8a4..1416cbe 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -14478,8 +14478,28 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   cursor: pointer;
 }
 
-/*.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
-.cboxIframe{background:#fff; width:100%; height:100%; display:block; border:0; padding:0; margin:0;}*/
+/* line 58, colorbox.scss */
+.cboxPhoto {
+  float: left;
+  margin: auto;
+  border: 0;
+  display: block;
+  max-width: none;
+  -ms-interpolation-mode: bicubic;
+  border-radius: 5px;
+}
+
+/* line 59, colorbox.scss */
+.cboxIframe {
+  background: #fff;
+  width: 100%;
+  height: 100%;
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 /* line 60, colorbox.scss */
 #colorbox,
 #cboxContent,
@@ -14498,7 +14518,7 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
 #cboxContent {
   background: #fff;
   overflow: hidden;
-  border: 10px solid #4e984a;
+  border: 10px solid white;
   border-radius: 15px;
   padding: 5px;
 }
@@ -14568,7 +14588,7 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   content: '\f057';
   font-family: 'FontAwesome';
   font-size: 20px;
-  color: #4e984a;
+  color: black;
 }
 
 /* line 143, colorbox.scss */
@@ -15282,6 +15302,16 @@ header .breadcrumb .container .crumbs a:hover {
   padding: 8px 10px;
 }
 
+/* line 2, sections/bod.scss */
+.bod {
+  border-bottom: 1px solid #d1efb5;
+}
+/* line 5, sections/bod.scss */
+.bod .avatar {
+  max-width: 40px;
+  max-height: 40px;
+}
+
 @media only screen and (min-width: 768px) {
   /* line 5, mediaqueries/viewports/_768up.scss */
   header {
diff --git a/images/consiglio/cosentino.jpg b/images/consiglio/cosentino.jpg
new file mode 100644
index 0000000..885391f
Binary files /dev/null and b/images/consiglio/cosentino.jpg differ
diff --git a/images/consiglio/deangelis.jpg b/images/consiglio/deangelis.jpg
new file mode 100644
index 0000000..4f7129f
Binary files /dev/null and b/images/consiglio/deangelis.jpg differ
diff --git a/images/consiglio/defrancesco.jpg b/images/consiglio/defrancesco.jpg
new file mode 100644
index 0000000..ff1301e
Binary files /dev/null and b/images/consiglio/defrancesco.jpg differ
diff --git a/images/consiglio/durso.jpg b/images/consiglio/durso.jpg
new file mode 100644
index 0000000..87b7bd3
Binary files /dev/null and b/images/consiglio/durso.jpg differ
diff --git a/images/consiglio/femia.jpg b/images/consiglio/femia.jpg
new file mode 100644
index 0000000..a4acdcb
Binary files /dev/null and b/images/consiglio/femia.jpg differ
diff --git a/images/consiglio/frasso.jpg b/images/consiglio/frasso.jpg
new file mode 100644
index 0000000..7fd0d8c
Binary files /dev/null and b/images/consiglio/frasso.jpg differ
diff --git a/images/consiglio/milillo.jpg b/images/consiglio/milillo.jpg
new file mode 100644
index 0000000..b3488a3
Binary files /dev/null and b/images/consiglio/milillo.jpg differ
diff --git a/images/consiglio/pellecchia.jpg b/images/consiglio/pellecchia.jpg
new file mode 100644
index 0000000..9274e4f
Binary files /dev/null and b/images/consiglio/pellecchia.jpg differ
diff --git a/images/consiglio/saturnino.jpg b/images/consiglio/saturnino.jpg
new file mode 100644
index 0000000..de5ed82
Binary files /dev/null and b/images/consiglio/saturnino.jpg differ
diff --git a/images/consiglio/somma.jpg b/images/consiglio/somma.jpg
new file mode 100644
index 0000000..6ae8dd1
Binary files /dev/null and b/images/consiglio/somma.jpg differ
diff --git a/images/consiglio/tondo.jpg b/images/consiglio/tondo.jpg
new file mode 100644
index 0000000..fe157bc
Binary files /dev/null and b/images/consiglio/tondo.jpg differ
diff --git a/images/consiglio/venneri.jpg b/images/consiglio/venneri.jpg
new file mode 100644
index 0000000..2f04555
Binary files /dev/null and b/images/consiglio/venneri.jpg differ
diff --git a/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/bod.scssc b/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/bod.scssc
new file mode 100644
index 0000000..2ec1325
Binary files /dev/null and b/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/bod.scssc differ
diff --git a/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/sections.scssc b/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/sections.scssc
index 064e0bf..69938b8 100644
Binary files a/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/sections.scssc and b/scss/.sass-cache/094858d67900945e1547c8ced88b84162c32e28d/sections.scssc differ
diff --git a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/colorbox.scssc b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/colorbox.scssc
index 679672a..56ab0e2 100644
Binary files a/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/colorbox.scssc and b/scss/.sass-cache/bdcb2ec4843708bc0e130897363854e74056ec3e/colorbox.scssc differ
diff --git a/scss/colorbox.scss b/scss/colorbox.scss
index f4360a4..30e66a3 100644
--- a/scss/colorbox.scss
+++ b/scss/colorbox.scss
@@ -55,8 +55,8 @@
   cursor:pointer;
 }
 
-/*.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
-.cboxIframe{background:#fff; width:100%; height:100%; display:block; border:0; padding:0; margin:0;}*/
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;border-radius: 5px;}
+.cboxIframe{background:#fff; width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
 #colorbox, 
 #cboxContent, 
 #cboxLoadedContent{
@@ -72,7 +72,7 @@
 #cboxContent{
   background:#fff; 
   overflow:hidden; 
-  border: 10px solid $green; 
+  border: 10px solid white; 
   border-radius: 15px;
   padding: 5px;
 }
@@ -134,7 +134,7 @@
     content: '\f057';
     font-family: 'FontAwesome';
     font-size: 20px;
-    color: $green;
+    color: black;
   }
   
 }
diff --git a/scss/sections/bod.scss b/scss/sections/bod.scss
new file mode 100644
index 0000000..da43be9
--- /dev/null
+++ b/scss/sections/bod.scss
@@ -0,0 +1,9 @@
+
+.bod{
+  border-bottom: 1px solid $light-grey;
+  
+  .avatar{
+    max-width: 40px;
+    max-height: 40px;
+  }
+} 
diff --git a/scss/sections/sections.scss b/scss/sections/sections.scss
index 2f188d8..8b50530 100644
--- a/scss/sections/sections.scss
+++ b/scss/sections/sections.scss
@@ -2,3 +2,4 @@
 @import "homepage"; 
 @import "news"; 
 @import "lists"; 
+@import "bod";