diff --git a/.gitignore b/.gitignore
index 564f661..a087695 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,8 +13,4 @@ bower_components/
bower.json
sass/bootstrap.scss
css/bootstrap.css
-html/
-novo.css
-novo.html
-sass/novo.scss
-sass/novo
\ No newline at end of file
+html/
\ No newline at end of file
diff --git a/novo.css b/novo.css
new file mode 100755
index 0000000..7e7f095
--- /dev/null
+++ b/novo.css
@@ -0,0 +1,232 @@
+@charset "UTF-8";
+.hide {
+ display: none; }
+
+#proposal-result {
+ margin: 0 auto 40px;
+ width: 90%; }
+
+body {
+ color: #172938;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 400; }
+
+h1 {
+ border-bottom: 1px solid #d6dcd7;
+ font-size: 28px;
+ padding-bottom: 20px;
+ text-transform: uppercase; }
+ h1 a {
+ color: #03316f; }
+
+a {
+ color: #335277;
+ text-decoration: none; }
+
+nav ul {
+ font-size: 0;
+ list-style: none;
+ margin-bottom: 0;
+ padding: 0; }
+ nav ul li {
+ display: inline-block;
+ font-size: 16px;
+ text-align: center;
+ width: 50%; }
+ nav ul li a {
+ background-color: #03316f;
+ border-left: 1px solid #03316f;
+ border-right: 1px solid #03316f;
+ border-top: 1px solid #03316f;
+ color: #fff;
+ font-weight: 700;
+ display: block;
+ padding: 20px;
+ text-transform: uppercase; }
+ nav ul li a.active {
+ background-color: transparent;
+ color: #03316f; }
+
+.proposal-category-items-saude .description:before {
+ color: #fff;
+ content: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) atende a todos os brasileiros. Ele é universal, integral e de responsabilidade do Governo Federal, dos estados e dos municípios.";
+ font-size: 14px; }
+
+.proposal-category-items-seguranca .description:before {
+ color: #fff;
+ content: "A segurança pública é um direito fundamental, dever do Estado e responsabilidade de todos. Tem na proteção da vida, na disseminação da cultura de paz e na integração dos órgãos e instituições seus maiores compromissos.";
+ font-size: 14px; }
+
+.proposal-category-items-educacao .description:before {
+ color: #fff;
+ content: "O Brasil avançou na qualidade e ampliou o acesso à educação em todos os níveis. Agora, o Plano Nacional de Educação (PNE) definiu metas quantitativas e qualitativas para os próximos 10 anos.";
+ font-size: 14px; }
+
+.proposal-category-items-reducao-da-pobreza .description:before {
+ color: #fff;
+ content: "Este governo escolheu como prioridade combater a pobreza e reduzir as desigualdades sociais. Por isso, o Brasil saiu do Mapa da Fome das Nações Unidas";
+ font-size: 14px; }
+
+#proposal-categories {
+ border-bottom: 1px solid #03316f;
+ border-left: 1px solid #03316f;
+ border-right: 1px solid #03316f;
+ list-style: none;
+ padding: 0; }
+ #proposal-categories-container {
+ font-size: 0;
+ padding-left: 20px;
+ padding-top: 20px;
+ text-align: center; }
+
+.proposal-category {
+ display: inline-block;
+ margin-bottom: 20px;
+ margin-right: 20px;
+ position: relative;
+ text-align: center; }
+ .proposal-category .proposal-link {
+ background-color: #000;
+ border-radius: 7px;
+ color: #fff;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: 700;
+ padding-top: 100px;
+ width: 150px; }
+ .proposal-category-items {
+ border-radius: 7px;
+ font-size: 16px;
+ margin-bottom: 20px;
+ margin-right: 20px;
+ padding: 20px 20px 0;
+ text-align: left; }
+.proposal-list {
+ list-style: none;
+ margin-top: 20px;
+ padding: 0; }
+.proposal-item {
+ display: inline-block;
+ margin-bottom: 20px;
+ vertical-align: top;
+ width: 50%; }
+ .proposal-item:nth-child(odd) .item {
+ margin-right: 20px; }
+.proposal-link {
+ font-family: 'Asap', sans-serif;
+ font-size: 24px;
+ font-weight: 700; }
+
+.arrow-box {
+ border-bottom: 10px solid #000;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ bottom: -12px;
+ height: 0;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ width: 0; }
+
+.name {
+ border-bottom: 2px solid #fff;
+ color: #fff;
+ font-size: 18px;
+ font-weight: 700;
+ margin-bottom: 10px;
+ padding: 10px 0; }
+
+.item {
+ background-color: #fff;
+ border: 1px solid #03316f;
+ border-radius: 7px;
+ font-size: 14px;
+ padding: 20px; }
+ .item p {
+ min-height: 60px; }
+
+.category {
+ border-top: 1px dotted #172938;
+ list-style: none;
+ padding-left: 0;
+ padding-top: 10px; }
+ .category li {
+ background-color: #000;
+ color: #fff;
+ display: inline-block;
+ font-family: 'Asap', sans-serif;
+ font-size: 16px;
+ font-weight: 700;
+ padding: 5px 12px 5px 32px; }
+
+#proposal-category-saude .proposal-link {
+ background-color: #00a9bd;
+ background-image: url(./images/icons/saude.png?3);
+ background-position: 50% 5px;
+ background-repeat: no-repeat; }
+#proposal-category-saude .arrow-box {
+ border-bottom-color: #00a9bd; }
+
+.proposal-category-items-saude {
+ background-color: #00a9bd; }
+
+li.category-saude {
+ background-color: #00a9bd;
+ background-image: url(./images/icons/saude.png?1);
+ background-position: 3px center;
+ background-repeat: no-repeat;
+ background-size: 22px; }
+
+#proposal-category-seguranca .proposal-link {
+ background-color: #e34748;
+ background-image: url(./images/icons/seguranca.png?3);
+ background-position: 50% 5px;
+ background-repeat: no-repeat; }
+#proposal-category-seguranca .arrow-box {
+ border-bottom-color: #e34748; }
+
+.proposal-category-items-seguranca {
+ background-color: #e34748; }
+
+li.category-seguranca {
+ background-color: #e34748;
+ background-image: url(./images/icons/seguranca.png?1);
+ background-position: 3px center;
+ background-repeat: no-repeat;
+ background-size: 22px; }
+
+#proposal-category-educacao .proposal-link {
+ background-color: #ffb400;
+ background-image: url(./images/icons/educacao.png?3);
+ background-position: 50% 5px;
+ background-repeat: no-repeat; }
+#proposal-category-educacao .arrow-box {
+ border-bottom-color: #ffb400; }
+
+.proposal-category-items-educacao {
+ background-color: #ffb400; }
+
+li.category-educacao {
+ background-color: #ffb400;
+ background-image: url(./images/icons/educacao.png?1);
+ background-position: 3px center;
+ background-repeat: no-repeat;
+ background-size: 22px; }
+
+#proposal-category-reducao-da-pobreza .proposal-link {
+ background-color: #51d0b3;
+ background-image: url(./images/icons/reducao-da-pobreza.png?3);
+ background-position: 50% 5px;
+ background-repeat: no-repeat; }
+#proposal-category-reducao-da-pobreza .arrow-box {
+ border-bottom-color: #51d0b3; }
+
+.proposal-category-items-reducao-da-pobreza {
+ background-color: #51d0b3; }
+
+li.category-reducao-da-pobreza {
+ background-color: #51d0b3;
+ background-image: url(./images/icons/reducao-da-pobreza.png?1);
+ background-position: 3px center;
+ background-repeat: no-repeat;
+ background-size: 22px; }
diff --git a/novo.html b/novo.html
new file mode 100644
index 0000000..80e9a24
--- /dev/null
+++ b/novo.html
@@ -0,0 +1,262 @@
+
+
+
+ Dialoga Brasil
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sass/novo.scss b/sass/novo.scss
new file mode 100755
index 0000000..d222b88
--- /dev/null
+++ b/sass/novo.scss
@@ -0,0 +1,10 @@
+@import "utilities/variables";
+
+@import "novo/variables";
+@import "novo/utilities";
+@import "novo/scaffolding";
+@import "novo/nav";
+@import "novo/proposal_categories";
+@import "novo/proposal_group";
+@import "novo/proposal_detail";
+@import "novo/colors";
\ No newline at end of file
diff --git a/sass/novo/_colors.scss b/sass/novo/_colors.scss
new file mode 100644
index 0000000..53f8812
--- /dev/null
+++ b/sass/novo/_colors.scss
@@ -0,0 +1,39 @@
+@import "../utilities/variables";
+
+@each $category, $color in $categories {
+ #proposal {
+ &-category {
+ &-#{$category} {
+ .proposal {
+ &-link {
+ background-color: $color;
+ background-image: url(./images/icons/#{$category}.png?3);
+ background-position: 50% 5px;
+ background-repeat: no-repeat;
+ }
+ }
+ .arrow-box {
+ border-bottom-color: $color;
+ }
+ }
+ }
+ }
+ .proposal {
+ &-category {
+ &-items {
+ &-#{$category} {
+ background-color: $color;
+ }
+ }
+ }
+ }
+ li.category {
+ &-#{$category} {
+ background-color: $color;
+ background-image: url(./images/icons/#{$category}.png?1);
+ background-position: 3px center;
+ background-repeat: no-repeat;
+ background-size: 22px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/sass/novo/_nav.scss b/sass/novo/_nav.scss
new file mode 100644
index 0000000..22bba56
--- /dev/null
+++ b/sass/novo/_nav.scss
@@ -0,0 +1,27 @@
+nav ul {
+ font-size: 0;
+ list-style: none;
+ margin-bottom: 0;
+ padding: 0;
+ li {
+ display: inline-block;
+ font-size: $default-font-size;
+ text-align: center;
+ width: 50%;
+ a {
+ background-color: $header-color;
+ border-left: 1px solid $header-color;
+ border-right: 1px solid $header-color;
+ border-top: 1px solid $header-color;
+ color: #fff;
+ font-weight: 700;
+ display: block;
+ padding: $default-spacing-size;
+ text-transform: uppercase;
+ &.active {
+ background-color: transparent;
+ color: $header-color;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/sass/novo/_proposal_categories.scss b/sass/novo/_proposal_categories.scss
new file mode 100644
index 0000000..d2e4c59
--- /dev/null
+++ b/sass/novo/_proposal_categories.scss
@@ -0,0 +1,119 @@
+@import "utilities/variables";
+
+@each $category, $description in $categories-descriptions {
+ .proposal-category-items-#{$category} .description:before {
+ color: #fff;
+ content: "#{$description}";
+ font-size: $small-font-size;
+ }
+}
+
+#proposal {
+ &-categories {
+ border-bottom: 1px solid $header-color;
+ border-left: 1px solid $header-color;
+ border-right: 1px solid $header-color;
+ list-style: none;
+ padding: 0;
+ &-container {
+ font-size: 0;
+ padding-left: $default-spacing-size;
+ padding-top: $default-spacing-size;
+ text-align: center;
+ }
+ }
+}
+.proposal {
+ &-category {
+ display: inline-block;
+ margin-bottom: $default-spacing-size;
+ margin-right: $default-spacing-size;
+ position: relative;
+ text-align: center;
+ .proposal {
+ &-link {
+ background-color: #000;
+ border-radius: $default-radius-size;
+ color: #fff;
+ display: inline-block;
+ font-size: $small-font-size;
+ font-weight: 700;
+ padding-top: 100px;
+ width: 150px;
+ }
+ }
+ &-items {
+ border-radius: $default-radius-size;
+ font-size: $default-font-size;
+ margin-bottom: $default-spacing-size;
+ margin-right: $default-spacing-size;
+ padding: $default-spacing-size $default-spacing-size 0;
+ text-align: left;
+ }
+ }
+ &-list {
+ list-style: none;
+ margin-top: $default-spacing-size;
+ padding: 0;
+ }
+ &-item {
+ display: inline-block;
+ margin-bottom: $default-spacing-size;
+ vertical-align: top;
+ width: 50%;
+ &:nth-child(odd) {
+ .item {
+ margin-right: $default-spacing-size;
+ }
+ }
+ }
+ &-link {
+ font-family: 'Asap', sans-serif;
+ font-size: $proposal-link-size;
+ font-weight: 700;
+ }
+}
+.arrow-box {
+ border-bottom: 10px solid #000;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ bottom: -12px;
+ height: 0;
+ left: 50%;
+ margin-left: -7px;
+ position: absolute;
+ width: 0;
+}
+.name {
+ border-bottom: 2px solid #fff;
+ color: #fff;
+ font-size: $category-title-size;
+ font-weight: 700;
+ margin-bottom: 10px;
+ padding: 10px 0;
+}
+.item {
+ background-color: #fff;
+ border: 1px solid $header-color;
+ border-radius: $default-radius-size;
+ font-size: $small-font-size;
+ padding: $default-spacing-size;
+ p {
+ min-height: 60px;
+ }
+}
+.category {
+ border-top: 1px dotted $default-color;
+ list-style: none;
+ padding-left: 0;
+ padding-top: 10px;
+ li {
+ background-color: #000;
+ color: #fff;
+ display: inline-block;
+ font-family: 'Asap', sans-serif;
+ font-size: $default-font-size;
+ font-weight: 700;
+ padding: 5px 12px 5px 32px;
+ }
+}
\ No newline at end of file
diff --git a/sass/novo/_proposal_detail.scss b/sass/novo/_proposal_detail.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/sass/novo/_proposal_detail.scss
diff --git a/sass/novo/_proposal_group.scss b/sass/novo/_proposal_group.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/sass/novo/_proposal_group.scss
diff --git a/sass/novo/_scaffolding.scss b/sass/novo/_scaffolding.scss
new file mode 100644
index 0000000..1d32844
--- /dev/null
+++ b/sass/novo/_scaffolding.scss
@@ -0,0 +1,20 @@
+body {
+ color: $default-color;
+ font-family: 'Open Sans', sans-serif;
+ font-weight: 400;
+}
+
+h1 {
+ border-bottom: 1px solid #d6dcd7;
+ font-size: $header-h1-size;
+ padding-bottom: $default-spacing-size;
+ text-transform: uppercase;
+ a {
+ color: $header-color;
+ }
+}
+
+a {
+ color: $link-color;
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/sass/novo/_utilities.scss b/sass/novo/_utilities.scss
new file mode 100644
index 0000000..1c77d25
--- /dev/null
+++ b/sass/novo/_utilities.scss
@@ -0,0 +1,9 @@
+.hide {
+ display: none;
+}
+#proposal {
+ &-result {
+ margin: 0 auto 40px;
+ width: 90%;
+ }
+}
\ No newline at end of file
diff --git a/sass/novo/_variables.scss b/sass/novo/_variables.scss
new file mode 100644
index 0000000..85e9223
--- /dev/null
+++ b/sass/novo/_variables.scss
@@ -0,0 +1,17 @@
+// colors
+$header-color: #03316f;
+$link-color: #335277;
+$default-color: #172938;
+
+// font sizes
+$default-font-size: 16px;
+$small-font-size: $default-font-size - 2;
+$header-h1-size: 28px;
+$category-title-size: 18px;
+$proposal-link-size: 24px;
+
+// radius sizes
+$default-radius-size: 7px;
+
+// padding defaults
+$default-spacing-size: 20px;
\ No newline at end of file
--
libgit2 0.21.2