#top {
  width: 100%;
  height: 45px;
  background: #dceff4;
  position: relative;
  z-index: 11;
  box-shadow: 1px 1px 3px 1px rgba(50, 50, 50, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  #top * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #top #logo, #top #menu, #top #search {
    float: left; }
  #top #side_menu {
    float: right; }
  #top > * {
    height: 100%;
    display: block; }
  #top #logo {
    margin: 0 35px;
    padding-top: 10px; }
  #top #menu, #top #side_menu {
    cursor: pointer;
    color: #505050; }
    #top #menu > ul, #top #side_menu > ul {
      height: 100%;
      /*li:hover,*/ }
      #top #menu > ul > li, #top #side_menu > ul > li {
        margin: 0;
        height: 100%;
        text-align: center; }
        #top #menu > ul > li > a, #top #side_menu > ul > li > a {
          padding-top: 12px; }
      #top #menu > ul a, #top #side_menu > ul a {
        text-decoration: inherit;
        color: inherit;
        height: 100%;
        display: block; }
      #top #menu > ul > li:hover, #top #side_menu > ul > li:hover {
        background: #b1dde8; }
      #top #menu > ul li .ico, #top #side_menu > ul li .ico {
        background: no-repeat center center; }
      #top #menu > ul li.active, #top #side_menu > ul li.active {
        font-weight: bold; }
      #top #menu > ul li:hover ul, #top #side_menu > ul li:hover ul {
        font-weight: normal; }
      #top #menu > ul li.active, #top #side_menu > ul li.active {
        color: white; }
      #top #menu > ul li.active ul, #top #side_menu > ul li.active ul {
        color: #505050; }
      #top #menu > ul .map .ico, #top #side_menu > ul .map .ico {
        background-image: url("../img/menu/newmenu/map.png"); }
      #top #menu > ul .map:hover .ico, #top #side_menu > ul .map:hover .ico {
        background-image: url("../img/menu/newmenu/map-hover.png"); }
      #top #menu > ul .map.active, #top #side_menu > ul .map.active {
        background-color: #ff3d2e; }
      #top #menu > ul .map.active .ico, #top #side_menu > ul .map.active .ico {
        background-image: url("../img/menu/newmenu/map-active.png"); }
      #top #menu > ul .objects > a > .ico, #top #side_menu > ul .objects > a > .ico {
        background-image: url("../img/menu/newmenu/objects.png"); }
      #top #menu > ul .objects:hover > a > .ico, #top #side_menu > ul .objects:hover > a > .ico {
        background-image: url("../img/menu/newmenu/objects-hover.png"); }
      #top #menu > ul .objects.active, #top #side_menu > ul .objects.active {
        background-color: #951b81; }
      #top #menu > ul .objects.active > a > .ico, #top #side_menu > ul .objects.active > a > .ico {
        background-image: url("../img/menu/newmenu/objects-active.png"); }
      #top #menu > ul .objects .community .ico, #top #side_menu > ul .objects .community .ico {
        background-image: url("../img/menu/newmenu/community.png"); }
      #top #menu > ul .objects .community:hover .ico, #top #side_menu > ul .objects .community:hover .ico {
        background-image: url("../img/menu/newmenu/community-hover.png"); }
      #top #menu > ul .objects .community.active, #top #side_menu > ul .objects .community.active {
        background-color: #f7a941; }
      #top #menu > ul .objects .community.active .ico, #top #side_menu > ul .objects .community.active .ico {
        background-image: url("../img/menu/newmenu/community-active.png"); }
      #top #menu > ul .objects .organization .ico, #top #side_menu > ul .objects .organization .ico {
        background-image: url("../img/menu/newmenu/organization.png"); }
      #top #menu > ul .objects .organization:hover .ico, #top #side_menu > ul .objects .organization:hover .ico {
        background-image: url("../img/menu/newmenu/organization-hover.png"); }
      #top #menu > ul .objects .organization.active, #top #side_menu > ul .objects .organization.active {
        background-color: #3a61d6; }
      #top #menu > ul .objects .organization.active .ico, #top #side_menu > ul .objects .organization.active .ico {
        background-image: url("../img/menu/newmenu/organization-active.png"); }
      #top #menu > ul .objects .need .ico, #top #side_menu > ul .objects .need .ico {
        background-image: url("../img/menu/newmenu/need.png"); }
      #top #menu > ul .objects .need:hover .ico, #top #side_menu > ul .objects .need:hover .ico {
        background-image: url("../img/menu/newmenu/need-hover.png"); }
      #top #menu > ul .objects .need.active, #top #menu > ul li.need.active:hover, #top #side_menu > ul .objects .need.active, #top #side_menu > ul li.need.active:hover {
        background-color: #f42c5e; }
      #top #menu > ul .objects .need.active .ico, #top #side_menu > ul .objects .need.active .ico {
        background-image: url("../img/menu/newmenu/need-active.png"); }
      #top #menu > ul .objects .resource .ico, #top #side_menu > ul .objects .resource .ico {
        background-image: url("../img/menu/newmenu/resource.png"); }
      #top #menu > ul .objects .resource:hover .ico, #top #side_menu > ul .objects .resource:hover .ico {
        background-image: url("../img/menu/newmenu/resource-hover.png"); }
      #top #menu > ul .objects .resource.active, #top #side_menu > ul .objects .resource.active {
        background-color: #52ae32; }
      #top #menu > ul .objects .resource.active .ico, #top #side_menu > ul .objects .resource.active .ico {
        background-image: url("../img/menu/newmenu/resource-active.png"); }
      #top #menu > ul .objects .investment .ico, #top #side_menu > ul .objects .investment .ico {
        background-image: url("../img/menu/newmenu/investment.png"); }
      #top #menu > ul .objects .investment:hover .ico, #top #side_menu > ul .objects .investment:hover .ico {
        background-image: url("../img/menu/newmenu/investment-hover.png"); }
      #top #menu > ul .objects .investment.active, #top #side_menu > ul .objects .investment.active {
        background-color: #aa9f18; }
      #top #menu > ul .objects .investment.active .ico, #top #side_menu > ul .objects .investment.active .ico {
        background-image: url("../img/menu/newmenu/investment-active.png"); }
      #top #menu > ul .projects .ico, #top #side_menu > ul .projects .ico {
        background-image: url("../img/menu/newmenu/projects.png"); }
      #top #menu > ul .projects:hover .ico, #top #side_menu > ul .projects:hover .ico {
        background-image: url("../img/menu/newmenu/projects-hover.png"); }
      #top #menu > ul .projects.active, #top #side_menu > ul .projects.active {
        background-color: #f26700; }
      #top #menu > ul .projects.active .ico, #top #side_menu > ul .projects.active .ico {
        background-image: url("../img/menu/newmenu/projects-active.png"); }
    #top #menu .ico, #top #side_menu .ico {
      display: inline-block;
      vertical-align: -33%;
      margin-right: 0.2em;
      width: 25px;
      height: 25px; }
    #top #menu li.objects.active ul, #top #side_menu li.objects.active ul {
      display: block; }
    #top #menu li.objects.active li, #top #side_menu li.objects.active li {
      display: none; }
    #top #menu li.objects.active li.active, #top #side_menu li.objects.active li.active {
      display: block; }
    #top #menu li.objects.active:hover ul li, #top #side_menu li.objects.active:hover ul li {
      display: block; }
    #top #menu li.objects ul, #top #side_menu li.objects ul {
      background: #dceff4;
      text-align: left;
      font-size: 90%;
      box-shadow: 0px -5px 0px 0px #b1dde8, 1px 1px 3px 1px rgba(50, 50, 50, 0.5); }
      #top #menu li.objects ul li:hover, #top #side_menu li.objects ul li:hover {
        background: #b1dde8; }
      #top #menu li.objects ul .ico, #top #side_menu li.objects ul .ico {
        width: 20px;
        height: 20px;
        margin: 3px; }
    #top #menu li.objects.active ul, #top #side_menu li.objects.active ul {
      box-shadow: 0px -5px 0px 0px #951b81, 1px 1px 3px 1px rgba(50, 50, 50, 0.5); }
  #top #menu > ul > li {
    min-width: 120px;
    padding: 0 5px; }
  #top #side_menu > ul > li {
    min-width: 80px;
    padding: 0 10px; }
  #top #side_menu li#login_button {
    background: #cce5ce;
    color: #009640; }
  #top #side_menu li#login_button:hover {
    background: #8EC89A;
    color: #000; }
  #top #side_menu li#user_menu {
    width: 150px; }
  #top #side_menu li.dropdown_menu ul {
    box-shadow: 0px -5px 0px 0px #b1dde8, 1px 1px 3px 1px rgba(50, 50, 50, 0.5); }
    #top #side_menu li.dropdown_menu ul li {
      padding: 0.3em; }
    #top #side_menu li.dropdown_menu ul li:hover {
      background: #dceff4; }
  #top nav > ul > li {
    display: inline-block; }
  #top #search {
    width: 22%;
    margin-left: 3%;
    padding-top: 8px;
    position: relative; }
    #top #search form {
      width: 85%;
      padding: 0;
      margin: 0;
      display: inline-block; }
      #top #search form input[type="search"] {
        width: 100%;
        height: 28px;
        border-radius: 0;
        background: white url("../img/menu/newmenu/glass.png") no-repeat 98% center;
        padding-right: 6%;
        box-shadow: inset 0px 1px 3px 0px rgba(150, 150, 150, 0.5);
        border: 1px solid #aaa; }
    #top #search div#search-canvasloader-container {
      float: right;
      margin-top: 3px;
      margin-right: 5%;
      width: 22px;
      height: 22px; }
    #top #search div#search-results-box {
      position: absolute;
      top: 40px;
      left: 50%; }

.dropdown_menu {
  position: relative; }
  .dropdown_menu > ul {
    display: none;
    position: absolute;
    background-color: inherit;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 100;
    text-align: left; }
    .dropdown_menu > ul > li {
      width: 100%; }

.dropdown_menu:hover > ul {
  display: block; }

@media (max-width: 1220px) {
  #top #logo {
    margin: 0 10px 0 0; }
  #top #menu > ul > li.dropdown_menu ul {
    min-width: 120px; } }
@media (max-width: 1140px) {
  #top #menu > ul > li {
    min-width: 100px; }
  #top #side_menu > ul > li {
    min-width: 70px; }
  #top #side_menu > ul > li#user_menu {
    width: auto; } }
@media (max-width: 1000px) {
  #top #menu > ul > li > a,
  #top #side_menu > ul > li > a {
    font-size: 85%; }
  #top #search {
    width: 260px; } }
@media (max-width: 985px) {
  #top {
    min-width: 875px; }
    #top #menu > ul > li {
      width: 70px;
      min-width: 0; }
      #top #menu > ul > li > a > span {
        display: none; } }
@media (max-width: 850px) {
  #top {
    min-width: 780px; }
    #top #menu > ul > li {
      width: 50px; }
      #top #menu > ul > li > a {
        padding: 10px 10px; }
    #top #search {
      width: 200px; } }
.upper_bar {
  background-color: #dceff4;
  color: #009cb4;
  width: 100%;
  height: 2em;
  display: block; }
  .upper_bar ul {
    margin: 0 20px; }
  .upper_bar li a {
    float: right;
    padding: 3px 20px;
    cursor: pointer;
    text-decoration: none; }
    .upper_bar li a:hover {
      color: #333333;
      background: #d0eaf0;
      border-radius: 0 0 4px 4px; }

#main-content > #login_box {
  display: block; }

form#form_login {
  width: 280px;
  float: left; }
  form#form_login input {
    width: 100%;
    height: 28px; }
  form#form_login input[type=submit] {
    width: 100%;
    padding: 3px 6px;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
    /* fallback/image non-cover color */
    background-color: #1e9c5b;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#1e9c5b, #125c36);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e9c5b), to(#125c36));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#1e9c5b, #125c36);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#1e9c5b, #125c36); }
  form#form_login span {
    margin-bottom: 5px;
    display: block; }

#login_box {
  background: #dceff4;
  width: 560px;
  display: none; }
  #login_box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #login_box h1 {
    text-align: center;
    font-size: 20px; }
  #login_box .errors {
    color: #c00;
    text-align: center; }
  #login_box div#separator {
    width: 56px;
    height: 130px;
    text-align: center;
    line-height: 130px;
    font-style: italic;
    font-weight: bold;
    margin-top: 15px;
    position: relative; }
    #login_box div#separator .vertical_line {
      position: absolute;
      left: 50%;
      height: 45.5px;
      border-left: 1px solid #333;
      width: 1px; }
    #login_box div#separator .vertical_line.top {
      top: 0; }
    #login_box div#separator .vertical_line.bottom {
      bottom: 0; }

ul#external_providers, div#separator {
  float: left; }

ul#external_providers, form {
  padding: 10px; }

ul#external_providers {
  width: 224px; }
  ul#external_providers li {
    margin: 15px 0; }
    ul#external_providers li button {
      width: 100%;
      padding: 3px 6px;
      border: 0;
      border-radius: 5px;
      color: #fff;
      font-size: 13px; }
      ul#external_providers li button img {
        width: 22px;
        height: 22px;
        float: left;
        display: block; }
    ul#external_providers li button.google {
      background: #d84a38; }
    ul#external_providers li button.google:hover {
      background: #e9988d; }
    ul#external_providers li button.facebook {
      background: #3c5a98; }
    ul#external_providers li button.facebook:hover {
      background: #728ec8; }
    ul#external_providers li button.twitter {
      background: #46c8f5; }
    ul#external_providers li button.twitter:hover {
      background: #a7e5fa; }

#user_verification {
  width: 700px;
  height: 400px;
  position: relative; }
  #user_verification h1, #user_verification p {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 20px; }
  #user_verification .check_email .right {
    margin-top: 100px;
    width: 320px; }
  #user_verification .verified .left {
    margin-top: 100px;
    margin-left: 30px;
    width: 320px; }
  #user_verification .verified .right {
    margin-top: 60px; }

#forgot-password {
  width: 600px;
  margin: 50px auto 0;
  text-align: center; }
  #forgot-password p {
    margin-top: 20px; }
  #forgot-password input[type=submit] {
    margin: -8px 0 0 10px; }
  #forgot-password .error {
    color: #c00; }

#recover-password {
  width: 700px;
  margin: 50px auto 0; }
  #recover-password h1 {
    text-align: center;
    margin-bottom: 30px; }
  #recover-password label {
    width: 150px;
    display: inline-block; }
  #recover-password input[type=submit] {
    margin-left: 320px; }
  #recover-password .error {
    text-align: center;
    color: #c00; }

#ie-warning {
  padding: 5px 50px 5px 50px;
  background-color: #ffe5af;
  color: #353535; }

div.importsheet_controls a {
  color: #fff; }
div.importsheet_controls a.insert {
  float: right; }

div.importsheet_missing_column {
  background: #daa;
  border: 1px solid #b33;
  padding: 2px 5px; }

#importsheet_simulation_results div.result {
  border: 1px solid #ccc;
  padding: 5px 15px;
  margin: 15px 0;
  width: 940px;
  display: inline-block; }
  #importsheet_simulation_results div.result div.importsheet_main_column {
    width: 700px;
    margin-right: 20px; }
  #importsheet_simulation_results div.result div.importsheet_right_bar {
    width: 200px; }
#importsheet_simulation_results .a-update {
  background: inherit; }
#importsheet_simulation_results .block h4 {
  margin-top: 0; }

#importsheet_simulation_results div.metadata h3, #importsheet_messages div.metadata h3 {
  font-size: 16px; }
#importsheet_simulation_results div.metadata div.errors, #importsheet_simulation_results div.metadata div.warnings, #importsheet_messages div.metadata div.errors, #importsheet_messages div.metadata div.warnings {
  margin: 5px; }
#importsheet_simulation_results div.metadata div.errors, #importsheet_messages div.metadata div.errors {
  background: #daa;
  border: 1px solid #b33;
  padding: 2px 5px; }
#importsheet_simulation_results div.metadata div.warnings, #importsheet_messages div.metadata div.warnings {
  background: #ee8;
  border: 1px solid #ed0;
  padding: 2px 5px; }
#importsheet_simulation_results div.metadata a, #importsheet_messages div.metadata a {
  color: inherit;
  text-decoration: underline; }

#donate {
  position: fixed;
  left: 0;
  top: 50%;
  padding: 0 1.5em 45px 0.5em;
  -webkit-border-radius: 0 40% 40% 0;
  -moz-border-radius: 0 40% 40% 0;
  border-radius: 0 40% 40% 0;
  -webkit-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.25);
  background: #ededed url("../img/frontpage/pig.png") no-repeat 0.8em 2.5em; }
  #donate h2 {
    color: #333;
    font-size: 20px;
    font-weight: 400; }

#donate:hover {
  padding-left: 1em;
  background-position: 1.3em 2.5em;
  background-image: url("../img/frontpage/pig-hover.png"); }

#main-content.frontpage {
  width: 900px; }
  #main-content.frontpage > div {
    padding: 20px; }
  #main-content.frontpage > div:nth-child(even) {
    background: #ededed; }
  #main-content.frontpage .center {
    text-align: center; }
  #main-content.frontpage .initial-heading {
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: 400; }
    #main-content.frontpage .initial-heading img {
      vertical-align: bottom;
      position: relative;
      top: 10px;
      margin-right: 10px; }
  #main-content.frontpage div.video {
    margin: 30px;
    text-align: center; }
  #main-content.frontpage > div.what-is-it-for {
    white-space: nowrap;
    /* hack for windows. issue #100 */ }
    #main-content.frontpage > div.what-is-it-for * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    #main-content.frontpage > div.what-is-it-for a {
      color: inherit; }
    #main-content.frontpage > div.what-is-it-for a:hover {
      text-decoration: none; }
    #main-content.frontpage > div.what-is-it-for div.topic {
      white-space: normal;
      /* hack for windows. issue #100 */
      vertical-align: top;
      display: inline-block;
      width: 19%;
      margin: 0 0.35%; }
      #main-content.frontpage > div.what-is-it-for div.topic h3 {
        display: inline-block;
        padding: 0.5em 1em;
        margin-bottom: 1em;
        border-bottom: 1px solid #057D90;
        width: 100%;
        font-size: 20px;
        text-align: center;
        color: #057D90; }
      #main-content.frontpage > div.what-is-it-for div.topic p {
        padding: 0.5em 0.2em 0; }
    #main-content.frontpage > div.what-is-it-for div.topic:hover {
      background: #f0f0f0; }
      #main-content.frontpage > div.what-is-it-for div.topic:hover h3 {
        background: #b1dde8; }
  #main-content.frontpage > div.projects .flexslider {
    width: 800px;
    height: 150px;
    position: relative;
    left: 50%;
    margin-top: 20px;
    margin-left: -400px; }
    #main-content.frontpage > div.projects .flexslider img {
      max-width: 220px;
      max-height: 140px; }
    #main-content.frontpage > div.projects .flexslider .testimony {
      width: 450px;
      height: 100px;
      position: relative;
      left: 250px;
      font-size: 16px;
      font-style: italic;
      text-align: justify; }
      #main-content.frontpage > div.projects .flexslider .testimony .author-info {
        float: right;
        text-align: right;
        margin-top: 0.5em;
        font-size: 80%;
        max-width: 80%;
        display: inline-block; }
    #main-content.frontpage > div.projects .flexslider .aldeias-infantis img {
      margin-left: 30px; }
    #main-content.frontpage > div.projects .flexslider .aldeias-infantis p {
      margin-top: 15px; }
    #main-content.frontpage > div.projects .flexslider .heliopolis-verde img {
      margin-left: 35px; }
    #main-content.frontpage > div.projects .flexslider .heliopolis-verde p {
      margin-top: 0; }
    #main-content.frontpage > div.projects .flexslider .bairro-educador img {
      margin-left: 40px; }
    #main-content.frontpage > div.projects .flexslider .bairro-educador p {
      margin-top: 20px; }
    #main-content.frontpage > div.projects .flexslider .educar-na-cidade img {
      margin-left: 45px; }
  #main-content.frontpage > div.news > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 1%; }
    #main-content.frontpage > div.news > div h3 {
      text-indent: 5px; }
  #main-content.frontpage > div.news li :hover {
    background: #dceff4; }
  #main-content.frontpage > div.news li a {
    display: block;
    padding: 5px;
    text-decoration: none; }
  #main-content.frontpage > div.news li img.apart {
    margin-right: 0.2em; }
  #main-content.frontpage > div.news .last_updates li a {
    color: inherit; }
  #main-content.frontpage > div.account {
    text-align: center; }

/* Fix */
.flexslider {
  background: none;
  border: none;
  box-shadow: none;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 35px; }
  .flexslider > ul.slides li {
    position: relative; }
  .flexslider .slides img {
    width: auto;
    height: auto;
    position: absolute; }

#help_center {
  background: #dceff4; }
  #help_center .modal-header {
    border-bottom: none; }
  #help_center #questions {
    height: 270px;
    overflow: auto; }
  #help_center #tour_button, #help_center #help_center_about, #help_center #help_center_usecases {
    border-radius: 10px;
    font-family: inherit;
    color: #fff; }
  #help_center #tour_button {
    height: 2.5em;
    font-weight: bold;
    width: 100%;
    margin: 1em 0;
    background: #28b8ce;
    border: none;
    font-size: 20px; }
  #help_center #help_center_about, #help_center #help_center_usecases {
    width: 47.5%;
    padding: 0.8em 0;
    display: inline-block;
    background: #505050;
    text-align: center;
    line-height: 100%;
    text-decoration: none; }
  #help_center #help_center_about:hover, #help_center #help_center_usecases:hover {
    background: #777777; }
  #help_center #help_center_about {
    float: left; }
  #help_center #help_center_usecases {
    float: right; }

#joyride {
  display: none; }

#main-content.about {
  padding: 0px 0px 15px !important; }
  #main-content.about * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #main-content.about .items .topic {
    display: inline-block;
    width: 33%;
    padding: 5px;
    vertical-align: top;
    text-align: left; }
    #main-content.about .items .topic h3 {
      font-size: 1.2em; }
    #main-content.about .items .topic img {
      width: 290px; }
  #main-content.about .items .topicFacaColaborativamente {
    display: inline-block;
    width: 49%;
    padding: 5px;
    position: relative;
    text-align: left; }
    #main-content.about .items .topicFacaColaborativamente h3 {
      font-size: 1.2em; }
    #main-content.about .items .topicFacaColaborativamente img {
      width: 290px; }
  #main-content.about .items .topicDown {
    display: inline-block;
    width: 100%;
    padding: 5px;
    position: relative;
    text-align: left; }
    #main-content.about .items .topicDown h3 {
      font-size: 1.2em; }
    #main-content.about .items .topicDown img {
      width: 490px; }
  #main-content.about > div,
  #main-content.about .section .items {
    margin: 0 auto; }
  #main-content.about > div.section {
    float: left;
    width: 100%; }
    #main-content.about > div.section > h2 {
      width: 450px;
      margin: 20px auto; }
    #main-content.about > div.section > p {
      width: 500px;
      margin: 20px auto; }
  #main-content.about > div:nth-child(even) {
    background: #fff !important; }

.use-cases .initial-heading {
  margin-bottom: 10px; }
.use-cases .contents > ul {
  margin: 20px 0;
  padding: 15px !important;
  display: inline-block;
  background: #ededed;
  border-radius: 5px;
  list-style: none !important; }
.use-cases .section {
  margin: 0 0 50px; }
.use-cases#main-content > div {
  padding: 0px; }
  .use-cases#main-content > div ul {
    list-style: disc outside none;
    padding: 0 0 0 20px; }
  .use-cases#main-content > div h3 {
    margin-top: 10px; }
  .use-cases#main-content > div > div {
    margin: 10px 350px 10px 0; }
  .use-cases#main-content > div > img {
    float: right;
    margin: 20px 0 0;
    width: 300px; }
.use-cases#main-content > div.section:nth-child(even) {
  background: none; }
  .use-cases#main-content > div.section:nth-child(even) > div {
    margin: 10px 0 10px 350px; }
  .use-cases#main-content > div.section:nth-child(even) > img {
    float: left; }

#main-content.project {
  width: 100%;
  margin-top: 50px;
  padding-left: 0px;
  padding-right: 0px;
  /* For IE 6/7 (trigger hasLayout) */ }
  #main-content.project .tabs {
    margin: 10px 0px 40px !important;
    width: 100% !important;
    border-bottom: solid 1px silver;
    font-size: 0.9em; }
    #main-content.project .tabs > ul {
      width: 950px;
      margin: 0 auto;
      list-style: none; }
      #main-content.project .tabs > ul .tab {
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
        display: inline-block;
        margin: 0 5px -1px;
        padding: 3px 0;
        border: solid 1px transparent; }
        #main-content.project .tabs > ul .tab > a {
          padding: 3px 30px;
          text-decoration: underline; }
      #main-content.project .tabs > ul > .tab.selected {
        border: solid 1px silver;
        border-bottom: solid 1px white; }
        #main-content.project .tabs > ul > .tab.selected > a {
          color: black;
          text-decoration: none; }
  #main-content.project .tab-content {
    overflow: visible;
    min-height: 300px; }
  #main-content.project .tab-content:before,
  #main-content.project .tab-content:after {
    content: "";
    display: table; }
  #main-content.project .tab-content:after {
    clear: both; }
  #main-content.project > div {
    width: 950px;
    margin-left: auto !important;
    margin-right: auto !important; }
  #main-content.project .main-column {
    width: 620px;
    margin-right: 10px; }
  #main-content.project .main-column.right {
    margin-left: 10px;
    margin-right: 0px; }
  #main-content.project .left-bar,
  #main-content.project .right-bar {
    width: 300px; }
  #main-content.project .container {
    zoom: 1; }
  #main-content.project .view-info-contributor {
    display: inline-block;
    width: 225px;
    margin: 5px;
    clear: both;
    vertical-align: top; }
    #main-content.project .view-info-contributor .avatar {
      width: 64px;
      margin: 5px;
      float: left;
      vertical-align: top; }
    #main-content.project .view-info-contributor .name {
      display: inline-block;
      width: 150px;
      margin-top: 15px; }
  #main-content.project .social-buttons {
    margin-top: 5px;
    margin-right: -30px; }

.view-list-top #add-to-project {
  float: right; }

#main-content.highlights * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
#main-content.highlights h1 {
  margin: 0 0 1em;
  display: inline-block; }
#main-content.highlights .new-project {
  margin-top: 30px; }
#main-content.highlights .section-header {
  height: 20px;
  position: relative;
  margin: 1em 0 0.5em;
  font-size: 16px;
  font-weight: bold; }
  #main-content.highlights .section-header hr {
    position: absolute;
    width: 100%;
    top: 50%;
    margin: 0;
    border-top-color: #ededed; }
  #main-content.highlights .section-header span {
    position: absolute;
    background: #fff;
    padding: 0 0.5em;
    margin-left: 30px; }
    #main-content.highlights .section-header span img {
      vertical-align: bottom;
      margin-right: 0.5em; }
#main-content.highlights .section ul.small-highlight-section {
  height: 270px; }
#main-content.highlights .section ul {
  height: 400px;
  padding: 0 30px; }
  #main-content.highlights .section ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 8px;
    margin: 5px 0.5%;
    background: #ededed;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    width: 32%;
    height: 100%; }
    #main-content.highlights .section ul li a {
      display: block;
      text-decoration: inherit;
      color: inherit;
      height: 100%; }
    #main-content.highlights .section ul li .logo {
      position: relative;
      width: 100%;
      height: 195px;
      text-align: center;
      line-height: 195px; }
      #main-content.highlights .section ul li .logo img {
        display: inline;
        margin: auto;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%; }
      #main-content.highlights .section ul li .logo .img1 {
        display: block; }
      #main-content.highlights .section ul li .logo .img2 {
        display: none; }
    #main-content.highlights .section ul li h3 {
      margin: 5px 0;
      text-align: center; }
    #main-content.highlights .section ul li h3 {
      max-height: 60px;
      overflow: hidden; }
    #main-content.highlights .section ul li p {
      max-height: 9em;
      overflow: auto; }
    #main-content.highlights .section ul li .logo, #main-content.highlights .section ul li .map-preview-container {
      width: 266px;
      height: 195px; }
    #main-content.highlights .section ul li .logo {
      display: inherit;
      z-index: 1000;
      background-color: transparent; }
  #main-content.highlights .section ul li:hover {
    background: #dceff4; }
    #main-content.highlights .section ul li:hover .img1 {
      display: none; }
    #main-content.highlights .section ul li:hover .img2 {
      display: block; }
#main-content.highlights .my-projects-section .flexslider {
  width: 950px;
  left: 50%;
  margin-left: -475px; }
  #main-content.highlights .my-projects-section .flexslider img {
    position: relative; }
  #main-content.highlights .my-projects-section .flexslider ol.flex-control-nav {
    display: none; }
  #main-content.highlights .my-projects-section .flexslider .flex-disabled {
    display: none; }
  #main-content.highlights .my-projects-section .flexslider ul.slides {
    height: auto; }
    #main-content.highlights .my-projects-section .flexslider ul.slides li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      padding: 8px;
      margin: 5px 0.5%;
      background: #ededed;
      border: 1px solid #cdcdcd;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      width: 150px;
      height: 150px;
      margin: 4px; }
      #main-content.highlights .my-projects-section .flexslider ul.slides li a {
        display: block;
        text-decoration: inherit;
        color: inherit;
        height: 100%; }
      #main-content.highlights .my-projects-section .flexslider ul.slides li .logo {
        position: relative;
        width: 100%;
        height: 70px;
        text-align: center;
        line-height: 70px; }
        #main-content.highlights .my-projects-section .flexslider ul.slides li .logo img {
          display: inline;
          margin: auto;
          vertical-align: middle;
          max-width: 100%;
          max-height: 100%; }
        #main-content.highlights .my-projects-section .flexslider ul.slides li .logo .img1 {
          display: block; }
        #main-content.highlights .my-projects-section .flexslider ul.slides li .logo .img2 {
          display: none; }
      #main-content.highlights .my-projects-section .flexslider ul.slides li h3 {
        margin: 5px 0;
        text-align: center; }
      #main-content.highlights .my-projects-section .flexslider ul.slides li p {
        height: 4em;
        margin-top: 0.5em;
        overflow: hidden; }
    #main-content.highlights .my-projects-section .flexslider ul.slides li:hover {
      background: #dceff4; }
      #main-content.highlights .my-projects-section .flexslider ul.slides li:hover .img1 {
        display: none; }
      #main-content.highlights .my-projects-section .flexslider ul.slides li:hover .img2 {
        display: block; }

a.big-button {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: inherit; }
  a.big-button .ico {
    display: inline-block;
    vertical-align: -33%;
    margin-right: 0.2em;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center; }

a.project-btn {
  background: #f26700; }

.new.project-btn .ico {
  background-image: url("../img/menu/newmenu/projects-active.png"); }

label[for=id_contacts] {
  margin-bottom: 20px; }

.contacts-list .contact-kv {
  width: 45%;
  display: inline-block;
  margin-left: 30px; }
  .contacts-list .contact-kv label {
    float: left; }
  .contacts-list .contact-kv input {
    float: right;
    max-width: 200px; }

.contacts-view {
  margin-top: 20px;
  margin-bottom: 20px; }
  .contacts-view .contacts-item {
    padding: 5px 0; }
    .contacts-view .contacts-item img {
      width: 16px;
      margin-right: 8px;
      vertical-align: top;
      padding-top: 3px; }
    .contacts-view .contacts-item span {
      display: inline-block;
      max-width: 85%;
      color: #555; }

#video-selector .video-modal {
  margin-top: -60px; }
#video-selector .video-entry,
#video-selector .video-thumb {
  transition: transform 0.5s, box-shadow 0.5s;
  -moz-transition: -moz-transform 0.5s, -moz-box-shadow 0.5s;
  -o-transition: -o-transform 0.5s, -o-box-shadow 0.5s;
  -webkit-transition: -webkit-transform 0.5s, -webkit-box-shadow 0.5s;
  width: 164px; }
#video-selector .video-entry {
  display: inline-block;
  margin: 5px; }
#video-selector .video-thumb:hover {
  cursor: pointer;
  transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
  -webkit-transform: scale(1.15, 1.15); }
#video-selector #title-modal #video-title-modal {
  width: 300px; }
#video-selector #title-modal #id_title {
  font-weight: bold; }
#video-selector #title-modal #id_description {
  width: 98%;
  margin: 5px 5px 5px 0; }
#video-selector #delete-video {
  float: left;
  color: #ffffff; }
#video-selector .add-new-video-link {
  margin-left: 90px;
  display: block;
  width: 12px; }
#video-selector .video-link {
  width: 300px !important;
  display: block;
  margin: 10px 90px; }

#video-gallery {
  margin: 20px 0; }
  #video-gallery .video-player {
    display: inline-block;
    width: 400px;
    height: 266px;
    margin: 5px;
    background: black;
    vertical-align: top; }
    #video-gallery .video-player object {
      position: absolute; }
  #video-gallery .video-player-list {
    display: inline-block;
    width: 250px;
    height: 266px;
    overflow-y: scroll; }
    #video-gallery .video-player-list .video-entry {
      clear: both;
      font-size: 95%;
      cursor: pointer; }
      #video-gallery .video-player-list .video-entry .video-title {
        display: block;
        font-weight: bold;
        padding: 5px 0 7px; }
      #video-gallery .video-player-list .video-entry .video-thumb {
        display: inline-block;
        width: 80px;
        float: left;
        margin: 5px; }

#main-content.georefobject .tabs {
  margin: 10px 0px 40px !important;
  width: 100% !important;
  border-bottom: solid 1px silver;
  font-size: 0.9em; }
  #main-content.georefobject .tabs > ul {
    width: 950px;
    margin: 0 auto;
    list-style: none; }
    #main-content.georefobject .tabs > ul .tab {
      -moz-border-radius: 5px 5px 0px 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px;
      display: inline-block;
      margin: 0 5px -1px;
      padding: 3px 0;
      border: solid 1px transparent; }
      #main-content.georefobject .tabs > ul .tab > a {
        padding: 3px 30px;
        text-decoration: underline; }
    #main-content.georefobject .tabs > ul > .tab.selected {
      border: solid 1px silver;
      border-bottom: solid 1px white; }
      #main-content.georefobject .tabs > ul > .tab.selected > a {
        color: black;
        text-decoration: none; }
#main-content.georefobject .tab-content {
  overflow: visible;
  min-height: 300px; }
#main-content.georefobject .tab-content:before,
#main-content.georefobject .tab-content:after {
  content: "";
  display: table; }
#main-content.georefobject .tab-content:after {
  clear: both; }

.relations-edit {
  background-color: #dceff4;
  border-radius: 5px;
  padding: 10px;
  width: 70%;
  margin: 0 auto; }
  .relations-edit .add-relation {
    color: #3e7f4b;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 20px; }
  .relations-edit .relation-item {
    margin: 10px 0px;
    background-color: #fafafa;
    padding: 10px 10px 3px;
    border-radius: 5px; }
    .relations-edit .relation-item input, .relations-edit .relation-item select {
      background-color: #fff; }
    .relations-edit .relation-item input {
      box-shadow: none;
      width: 330px; }
    .relations-edit .relation-item .remove-btn, .relations-edit .relation-item .metadata-btn {
      cursor: pointer;
      height: 23px;
      vertical-align: top;
      display: inline-block;
      border: solid 1px #dedede;
      border-radius: 4px;
      padding: 2px 5px; }
      .relations-edit .relation-item .remove-btn i, .relations-edit .relation-item .metadata-btn i {
        margin-top: 4px; }
      .relations-edit .relation-item .remove-btn:hover, .relations-edit .relation-item .metadata-btn:hover {
        background-color: #dedede; }
    .relations-edit .relation-item .metadata-form {
      display: none; }
      .relations-edit .relation-item .metadata-form input {
        width: 270px; }
      .relations-edit .relation-item .metadata-form input[name=metadata_description] {
        width: 555px; }
      .relations-edit .relation-item .metadata-form .date-field {
        width: 282px; }
      .relations-edit .relation-item .metadata-form .number-field {
        width: 330px; }
        .relations-edit .relation-item .metadata-form .number-field input {
          width: 100%; }
      .relations-edit .relation-item .metadata-form .inline-field {
        display: inline-block;
        vertical-align: top; }
      .relations-edit .relation-item .metadata-form .error {
        border: solid 1px #ad3333; }
      .relations-edit .relation-item .metadata-form .error-msg {
        display: none;
        color: #ad3333; }

.relations-view-list {
  background-color: #dceff4;
  border-radius: 5px;
  padding: 20px; }
  .relations-view-list a {
    color: #333;
    text-decoration: none; }
    .relations-view-list a:hove {
      cursor: pointer; }
  .relations-view-list .relation-item {
    margin: 10px 0px;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 5px; }
    .relations-view-list .relation-item:hover {
      background: #8eccdc; }
  .relations-view-list .view-metadata-btn {
    cursor: pointer;
    display: inline-block;
    float: right; }
  .relations-view-list .item-metadata {
    display: none;
    padding: 20px; }
    .relations-view-list .item-metadata .metadata-label {
      display: inline-block;
      margin-bottom: 5px;
      width: 20%;
      font-weight: bold;
      vertical-align: top; }
    .relations-view-list .item-metadata .metadata-value {
      display: inline-block;
      margin-bottom: 5px;
      width: 60%; }
    .relations-view-list .item-metadata .metadata-currency {
      display: inline-block;
      margin-right: 5px;
      font-style: italic; }