.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 1200px;
    background-color: rgb(28, 28, 28);
}

body {
    background-color: rgb(28, 28, 28);
    margin-bottom: 0px;
    color: rgb(28, 28, 28);
}

#image {
    float: left;
    width: 15.675781%;
    max-width: none;
    height: 155.28125px;
    margin-left: 5.971354%;
    margin-top: 34px;
    clear: both;
    color: rgb(0, 0, 0);
    display: block;
}

#box {
    float: left;
    height: 332.64px;
    margin-left: 6.018229%;
    margin-top: 90.9375px;
    clear: both;
    width: 693.875px;
    background-image:url("img/plataforma_danone4.jpg");
    background-attachment: scroll;
    -webkit-background-size: 105.4000015258789%;
    background-size: 100%;
    background-color: #f4f4f4;
    opacity: 1;
    border-width: 0px;
    background-position: 50%;
    background-repeat: no-repeat;
}

#box1 {
    float: left;
    height: 332.64px;
    margin-left: 2.421875%;
    margin-top: 91.5625px;
    clear: none;
    width: 332.640624px;
    margin-right: 0%;
    background-image:url("img/politica_boteco_tela_01.jpg");
    background-attachment: scroll;
    /* -webkit-background-size: 200%; */
    /* background-size: 200%; */
    display: block;
    /* background-position: -140px -50px; */
    /* background-repeat: repeat repeat; */
}

#box2 {
    float: left;
    height: 332.64px;
    margin-left: 5.972656%;
    margin-top: 44px;
    clear: both;
    width: 332.640624px;
    margin-right: 0%;
    background-image:url("img/Screen%20Shot%202014-09-12%20at%203.48.34%20PM.png");
    background-attachment: scroll;
    -webkit-background-size: 100%;
    background-size: 100%;
    display: block;
    background-position: 0% 55%;
    background-repeat: no-repeat no-repeat;
}

#box3 {
    float: left;
    height: 332.64px;
    margin-left: 2.414063%;
    margin-top: -333px;
    clear: none;
    width: 332.640624px;
    margin-right: 0%;
    background-image:url("img/votenaweb_tela_01.jpg");
    background-attachment: scroll;
    -webkit-background-size: 100%;
    background-size: 100%;
    display: block;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#box4 {
    float: left;
    height: 332.64px;
    margin-left: 2.360677%;
    margin-top: -195.625px;
    clear: none;
    width: 332.640624px;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
    background-image:url("img/oantagonista-thumb2.jpg");
    background-attachment: scroll;
    background-size: 111%;
    display: block;
    background-repeat: no-repeat;
}

#text {
    float: left;
    font-size: 14px;
    width: 33.742188%;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 1em;
    margin-left: 30.085938%;
    margin-top: 87px;
    clear: none;
    min-height: 37px;
    font-family: Roboto;
    color: rgb(197, 197, 197);
    letter-spacing: 0em;
}

#box5 {
    float: left;
    height: 2px;
    margin-left: 5.916667%;
    margin-top: 0px;
    clear: both;
    width: 1056.156252px;
    background-color: rgb(0, 0, 0);
}

#textspan4 {
    float: none;
    line-height: 1em;
}

#textspan3 {
    float: none;
    line-height: 1em;
}

#textspan3:hover {
    color: rgb(3, 134, 255);
}

#textspan2 {
    float: none;
    line-height: 1em;
}

#textspan2:hover {
    color: rgb(3, 134, 255);
}

#textspan4:hover {
    color: rgb(3, 134, 255);
}

#text1 {
    float: left;
    font-size: 14px;
    width: 693.88px;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 2em;
    margin-left: 6.011719%;
    margin-top: 0.25px;
    clear: both;
    min-height: 82px;
    font-family: Roboto;
    color: rgb(233, 233, 233);
    padding: 10px 70px 10px 0px;
    margin-right: 0%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: rgb(255, 255, 255);
    border-width: 0px 1px;
    border-bottom-style: solid;
    border-top-style: solid;
}

#box:hover {
    background-image:url("img/plataforma_danone4.jpg");
    background-attachment: scroll;
    display: block;
}

#textspan7 {
    float: none;
    font-size: 14px;
    line-height: 1em;
}

#image1 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 8.40625%;
    margin-top: 34px;
    clear: none;
    color: rgb(0, 0, 0);
}

#A_empresa_que_nasceu_em_2009_É_especialista_na_criaÇÃo_de_plataformas_digitais_data-driven_que_combinam_tecnologia_e_novos_comportamentos_Trabalhamos_com_o_objetivo_de_gerar_impactos_positivos_em_empresas_organizaÇÕes_governos_e_na_sociedade_como_um_todo_ {
    float: left;
    font-size: 1em;
    width: 1.324219%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: -63.575521%;
    margin-top: 184.28125px;
    clear: none;
    min-height: 17px;
    color: rgb(0, 0, 0);
    display: block;
    background-color: rgb(255, 255, 255);
}

#text3 {
    float: left;
    font-size: 14px;
    width: 332.578125px;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 2em;
    margin-left: 2.419271%;
    margin-top: 0px;
    clear: none;
    min-height: 82px;
    font-family: Roboto;
    color: rgb(233, 233, 233);
    padding: 10px 30px 10px 0px;
    margin-right: 0%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: rgb(255, 255, 255);
    border-width: 0px 1px;
    border-bottom-style: solid;
    border-top-style: solid;
}

#text2 {
    float: left;
    font-size: 14px;
    width: 332.578125px;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 2em;
    margin-left: 6.010417%;
    margin-top: 0px;
    clear: both;
    min-height: 82px;
    font-family: Roboto;
    color: rgb(233, 233, 233);
    padding: 10px 30px 10px 0px;
    margin-right: 0%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: rgb(255, 255, 255);
    border-width: 0px 1px;
    border-bottom-style: solid;
    border-top-style: solid;
}

#text5 {
    float: left;
    font-size: 14px;
    width: 332.578125px;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 2em;
    margin-left: -27.664062%;
    margin-top: 137px;
    clear: none;
    min-height: 82px;
    font-family: Roboto;
    color: rgb(233, 233, 233);
    padding: 10px 30px 10px 0px;
    margin-right: 0%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: rgb(255, 255, 255);
    border-width: 0px 1px;
    border-bottom-style: solid;
    border-top-style: solid;
}

#text7 {
    float: left;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 2em;
    clear: left;
    min-height: 82px;
    font-family: Roboto;
    color: rgb(233, 233, 233);
    padding: 10px 30px 10px 0px;
    margin-left: 72px;
}

#box6 {
    float: left;
    display: block;
    width: 694px;
    height: 176px;
    border: 1px solid rgb(233, 233, 233);
    background: url('/img/webcitizen_clientes2.png') no-repeat; 
    margin: -57px 0 0 72px;
}

#textspan15 {
    float: none;
    font-size: 14px;
    line-height: 1em;
}

#text4 {
    float: left;
    font-size: 14px;
    width: 332.578125px;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 2em;
    margin-left: 2.463542%;
    margin-top: -566.625px;
    clear: none;
    min-height: 82px;
    font-family: Roboto;
    color: rgb(233, 233, 233);
    padding: 10px 30px 10px 0px;
    margin-right: 0%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-color: rgb(255, 255, 255);
    border-width: 0px 1px;
    border-bottom-style: solid;
    border-top-style: solid;
}

#textspan12 {
    float: none;
    font-size: 14px;
    line-height: 1em;
}

#box1:hover {
    opacity: 0.7;
}

#box3:hover {
    opacity: 0.7;
}

#box2:hover {
    opacity: 0.7;
}

#box4:hover {
    opacity: 0.7;
    background-color: rgb(255, 255, 255);
}

#A_empresa_que_nasceu_em_2009_É_especialista_na_criaÇÃo_de_plataformas_digitais_data-driven_que_combinam_tecnologia_e_novos_comportamentos_Trabalhamos_com_o_objetivo_de_gerar_impactos_positivos_em_empresas_organizaÇÕes_governos_e_na_sociedade_como_um_todo_:hover {
    opacity: 0.7;
}

#textspan1 {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#textspan1:hover {
    color: rgb(3, 134, 255);
}

#textspan {
    float: none;
    font-size: 1em;
    line-height: 1em;
}

#textspan:hover {
    color: rgb(3, 134, 255);
}

#textspan6 {
    float: none;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
}

#textspan5 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
}

#textspan11 {
    float: none;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
}

#textspan10 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
}

#textspan9 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
}

#textspan8 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
}

#textspan14 {
    float: none;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
}

#textspan13 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
}

#text6 {
    float: left;
    font-size: 11px;
    width: 27.690104%;
    height: auto;
    text-align: center;
    font-weight: 400;
    line-height: 1em;
    margin-left: 36.205729%;
    margin-top: 86.25px;
    clear: both;
    min-height: 25px;
    font-family: Roboto;
    color: rgb(197, 197, 197);
    margin-right: 0%;
}