diff --git a/css/.style.css.swp b/css/.style.css.swp
new file mode 100644
index 0000000..c9b0759
Binary files /dev/null and b/css/.style.css.swp differ
diff --git a/css/style.css b/css/style.css
new file mode 100755
index 0000000..6ad51a3
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,183 @@
+@font-face {
+ font-family: ptsans_bold_italic;
+ src: url(../fonts/PT_Sans-Web-BoldItalic.ttf);
+}
+
+@font-face {
+ font-family: ptsans_bold;
+ src: url(../fonts/PT_Sans-Web-Bold.ttf);
+}
+
+@font-face {
+ font-family: ptsans_italic;
+ src: url(../fonts/PT_Sans-Web-Italic.ttf);
+}
+
+@font-face {
+ font-family: ptsans;
+ src: url(../fonts/PT_Sans-Web-Regular.ttf);
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+ font-family: ptsans, sans;
+ font-weight: lighter;
+}
+
+header {
+ height: 30%;
+ max-height: 399px;
+ background: #69aef3 url(../images/header.png) left bottom no-repeat;
+ background-size: 100%;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ position: relative;
+}
+
+h1 {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ font-size: 4em;
+ padding: 20px;
+ margin: 0;
+ background: rgba(255, 255, 255, 0.5);
+ display: block;
+ width: 100%;
+ text-transform: lowercase;
+}
+
+h1 span {
+ font-weight: lighter;
+}
+
+#content p {
+ font-weight: lighter;
+ text-align: justify;
+ margin: 20px;
+ font-size: 1.2em;
+ line-height: 1.5em;
+}
+
+nav {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+}
+
+nav ul {
+ padding: 0;
+ margin: 0;
+}
+
+nav li {
+ display: inline;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+nav li a {
+ display: block;
+ width: 48%;
+ float: left;
+ text-align: center;
+ text-decoration: none;
+ font-size: 1.2em;
+ font-weight: bold;
+ color: #9eabb0;
+ background: #efefef;
+ margin: 0;
+ padding: 20px 1%;
+ text-transform: lowercase;
+}
+
+nav li a#active {
+ position: relative;
+ background: #2997cc;
+ color: #fff;
+}
+
+nav li a#active:after {
+ content: "";
+ position: absolute;
+ bottom: -15px;
+ left: 49%;
+ border-width: 15px 15px 0;
+ border-style: solid;
+ border-color: #2997cc transparent;
+ display: block;
+ width: 0;
+}
+
+#proposal-categories {
+ background: #f3f5f7;
+ clear: both;
+ margin: 0;
+ width: 100%;
+ padding: 10px;
+ text-align: center;
+}
+
+#proposal-categories li {
+ list-style: none;
+ display: inline-block;
+}
+
+#proposal-categories a {
+ text-transform: lowercase;
+ text-decoration: none;
+ color: #fff;
+ margin: 10px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ background-color: #0e232e;
+ background-position: center 5px;
+ background-repeat: no-repeat;
+ width: 125px;
+ height: 55px;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: bold;
+ text-align: center;
+ padding-top: 70px;
+ overflow: hidden;
+ border-width: 2px;
+ border-style: solid;
+ border-color: #0e232e;
+}
+
+#proposal-categories a:hover {
+ background-color: #244f68;
+ border-color: #f3f5f7;
+}
+
+#proposal-group, .proposal-item-hide {
+ display: none;
+}
+
+.mobile nav {
+ position: absolute;
+ bottom: 0;
+}
+
+footer {
+ display: none;
+}
+
+#sau { background-image: url(../images/icons/sau.png); }
+#edu { background-image: url(../images/icons/edu.png); }
+#seg { background-image: url(../images/icons/seg.png); }
+#des { background-image: url(../images/icons/des.png); }
+#cid { background-image: url(../images/icons/cid.png); }
+#cul { background-image: url(../images/icons/cul.png); }
+#esp { background-image: url(../images/icons/esp.png); }
+#cin { background-image: url(../images/icons/cin.png); }
+#ges { background-image: url(../images/icons/ges.png); }
+#inf { background-image: url(../images/icons/inf.png); }
+#eco { background-image: url(../images/icons/eco.png); }
+#mei { background-image: url(../images/icons/mei.png); }
diff --git a/fonts/PT_Sans-Web-Bold.ttf b/fonts/PT_Sans-Web-Bold.ttf
new file mode 100755
index 0000000..3d4e6fe
Binary files /dev/null and b/fonts/PT_Sans-Web-Bold.ttf differ
diff --git a/fonts/PT_Sans-Web-BoldItalic.ttf b/fonts/PT_Sans-Web-BoldItalic.ttf
new file mode 100755
index 0000000..eb61f14
Binary files /dev/null and b/fonts/PT_Sans-Web-BoldItalic.ttf differ
diff --git a/fonts/PT_Sans-Web-Italic.ttf b/fonts/PT_Sans-Web-Italic.ttf
new file mode 100755
index 0000000..180a5d6
Binary files /dev/null and b/fonts/PT_Sans-Web-Italic.ttf differ
diff --git a/fonts/PT_Sans-Web-Regular.ttf b/fonts/PT_Sans-Web-Regular.ttf
new file mode 100755
index 0000000..83a21b7
Binary files /dev/null and b/fonts/PT_Sans-Web-Regular.ttf differ
diff --git a/images/header.png b/images/header.png
new file mode 100644
index 0000000..58433d0
Binary files /dev/null and b/images/header.png differ
diff --git a/images/header.xcf b/images/header.xcf
new file mode 100644
index 0000000..192aeac
Binary files /dev/null and b/images/header.xcf differ
diff --git a/images/icons/cid.png b/images/icons/cid.png
new file mode 100644
index 0000000..fa7f3cb
Binary files /dev/null and b/images/icons/cid.png differ
diff --git a/images/icons/cin.png b/images/icons/cin.png
new file mode 100644
index 0000000..dbe0fde
Binary files /dev/null and b/images/icons/cin.png differ
diff --git a/images/icons/cul.png b/images/icons/cul.png
new file mode 100644
index 0000000..21f457b
Binary files /dev/null and b/images/icons/cul.png differ
diff --git a/images/icons/des.png b/images/icons/des.png
new file mode 100644
index 0000000..1c676f3
Binary files /dev/null and b/images/icons/des.png differ
diff --git a/images/icons/eco.png b/images/icons/eco.png
new file mode 100644
index 0000000..70eb795
Binary files /dev/null and b/images/icons/eco.png differ
diff --git a/images/icons/edu.png b/images/icons/edu.png
new file mode 100644
index 0000000..23d2ff6
Binary files /dev/null and b/images/icons/edu.png differ
diff --git a/images/icons/esp.png b/images/icons/esp.png
new file mode 100644
index 0000000..21baf09
Binary files /dev/null and b/images/icons/esp.png differ
diff --git a/images/icons/ges.png b/images/icons/ges.png
new file mode 100644
index 0000000..d7ab29b
Binary files /dev/null and b/images/icons/ges.png differ
diff --git a/images/icons/icons.svg b/images/icons/icons.svg
new file mode 100644
index 0000000..b2b947b
--- /dev/null
+++ b/images/icons/icons.svg
@@ -0,0 +1,1298 @@
+
+
+
+
+
+
+
+
+
+ image/svg+xml
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/images/icons/inf.png b/images/icons/inf.png
new file mode 100644
index 0000000..24f0c36
Binary files /dev/null and b/images/icons/inf.png differ
diff --git a/images/icons/mei.png b/images/icons/mei.png
new file mode 100644
index 0000000..317e965
Binary files /dev/null and b/images/icons/mei.png differ
diff --git a/images/icons/sau.png b/images/icons/sau.png
new file mode 100644
index 0000000..06b3cbe
Binary files /dev/null and b/images/icons/sau.png differ
diff --git a/images/icons/seg.png b/images/icons/seg.png
new file mode 100644
index 0000000..53a639a
Binary files /dev/null and b/images/icons/seg.png differ
diff --git a/index.html b/index.html
index e93b17c..ef6b1ee 100644
--- a/index.html
+++ b/index.html
@@ -1,33 +1,68 @@
-
+
+
Estamos construindo o Plano Plurianual (PPA) para os próximos quatros anos. Queremos sua participação para definir o que é importante. O Brasil fica melhor quando todos participam. Faça uma sugestão para melhorar um programa, curta ideias de outros participantes e conte para nós sua experiência com iniciativas do governo. Aqui suas ideias viram propostas e você ajuda a melhorar o Brasil. Participe!
+
+
+