diff --git a/web/assets/js/attendance.js b/web/assets/js/attendance.js
index fec5b52229d9fa1185ef980e69d31bf993b0bfba..c14cdcce7f70bafc48a55a8737c2da37fab208b4 100644
--- a/web/assets/js/attendance.js
+++ b/web/assets/js/attendance.js
@@ -32,6 +32,23 @@ angular.module('datasid.attendance', []).
                 project: 'gesac'
             }).
 
+            state('attendance.cidades-digitais', {
+                abstract: true,
+                url: '/cidades-digitais',
+                templateUrl: 'partials/attendance.cidades-digitais.html',
+                section: 'attendance',
+                project: 'cidades-digitais'
+            }).
+
+            /* AVAILABILITY CIDADES DIGITAIS */
+            state('attendance.cidades-digitais.availability', {
+                url: '/availability',
+                controller: 'AvailCtrl',
+                templateUrl: 'partials/attendance.availability.nodata.html',
+                section: 'attendance',
+                project: 'cidades-digitais'
+            }).            
+
             /* AVAILABILITY TELECENTROS BR*/
             state('attendance.telecentrosbr.availability', {
                 url: '/availability',
@@ -98,6 +115,15 @@ angular.module('datasid.attendance', []).
                 project: 'gesac'
             }).
 
+            /* NETWORK USAGE CIDADES DIGITAIS */
+            state('attendance.cidades-digitais.network_usage', {
+                url: '/cidades-digitais',
+                controller: 'NetworkUsageCtrl',
+                templateUrl: 'partials/attendance.network_usage.nodata.html',
+                section: 'attendance',
+                project: 'cidades-digitais'
+            }).
+
             /* NETWORK USAGE TELECENTROS BR */
             state('attendance.telecentrosbr.network_usage', {
                 url: '/network_usage',
diff --git a/web/assets/less/attendance.less b/web/assets/less/attendance.less
index c70d1cbd90ba176927d424df3df967685251a8e4..3b2cf7ad64b8faafdd5b5656deba8015eb4a4489 100644
--- a/web/assets/less/attendance.less
+++ b/web/assets/less/attendance.less
@@ -115,6 +115,18 @@
     }
 }
 
+.attendance-menu-left.lightblue {
+    .menu-header {
+        background-color: #009ac8;
+    }
+
+    .menu-body {
+        a {
+            color: #009ac8;
+        }
+    }
+}
+
 .attendance-content {
     width: 700px;
     float: left;