*{
    padding:0;
    margin: 0;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
/*@font-face {
    font-family: opensans;
    src: url('../fonts/open-sans.regular.ttf');
    src: url('../fonts/open-sans.regular.eot');
    src: url('../fonts/open-sans.regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans.regular.woff2') format('woff2'),
         url('../fonts/open-sans.regular.woff') format('woff'),
         url('../fonts/open-sans.regular.ttf') format('truetype'),
         url('../fonts/open-sans.regular.svg#open_sansregular') format('svg');
}
@font-face {
    font-family: opensans-semibold;
    src: url('../fonts/open-sans.semibold.ttf');
}
*/
.clearAll{
    clear: both;
    width: 100%;
}
#container{
    width: 980px;
    margin: 0 auto;
}
.separador{
    width: 4%;
    float: left;
    font-size: 40px;
    text-align: center;
     color: #696969;
}
#step1{
    background: #F5F6F8;
    height: 485px;
    padding-bottom: 20px;
}
#step1Left{
    width: 50%;
    float: left;
    margin-top: 30px;

}
#step2Right{
    width: 50%;
    float: left;
}
#stepImgRight{
        position: absolute;
    width: 34.5%;
}
#img_top1{
    width: 100%;
    max-width: 100%;
}
.logo{
    width: 35%;
    float: left;
    text-align: center;
}
.logo img{
    width: 90%;
    margin-left: 10px;
}
.linksTop{
    width: 65%;
    float: left;
}
#siteAmo{
    width: 48%;
    float: left;
    text-align: center;
    margin-top: 5%;
}
#siteAmo img{
    width: 85%;
}
#faceLink{
    width: 48%;
    float: left;
    text-align: center;
    margin-top: 5%;
}
#faceLink img{
    width: 70%;
}
#box_top_left{
    width: 25%;
    float: left;
    margin-top: 35px;
}
#box_top_left img{
    width: 100%;
    max-width: 100%;
}
#text_step1{
    width: 75%;
    float: left;
    margin-top: 30px;
}
#text_step1 h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 20px;
    margin-left: 40px;
}
#ulListAmoTopo{
    margin-left: 40px;
    text-decoration: none;
}
#ulListAmoTopo li{
    list-style-type: none;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 15px;
}
#ulListAmoTopo li img{
    vertical-align: middle;
    width: 20px;
}
/* STEP 2 */
#step2{
    background: #E6E6E6;
    height: 390px;
    padding-bottom: 20px;
    z-index: -1;
}
#step2 h1{
    font-size: 28px;
   font-family: 'Open Sans', sans-serif;
    color: #006835;
    padding-top: 15px;
    margin-left: 40px;
}
.item_box{
    width: 24%;
    float: left;
}
.item_box img{
    width: 100%;
    max-width: 100%;
}
.block_box{
    width: 50%;
    margin-left: 5%;
    margin-top: 20px;
}
.block_box2{
    width: 50%;
    margin-left: 3%;
    margin-top: 20px;
    float: left;
}
#box_middle_left{
    width: 225px;
    height: 5px;
    float: left;
}
#box_middle_left img{
       width: 190px;
    position: absolute;
}
#box_middle_right{
    width:24%;
    float: left;
}
#box_middle_right img{
    width: 200px;
    float: right;
    height: 490px;
    padding-left: 36px;
    position: absolute;
}

/* STEP 3*/

#step3{
    width: 100%;
        height: 350px;
}
#grafico{
    width: 85%;
    margin-top: 20px;
    height: 330px;
}
#grafico img{
    width: 100%;
    max-width: 100%;
}
#text_cultura{
    font-size: 70px;
    font-family: 'Open Sans', sans-serif;
    width: 50%;
    position: relative;
    top: -320px;
    left: 55px;
}
.text_large_grafic{
    font-size: 100px;
  font-family: 'Open Sans', sans-serif;
    color:#616163;
}
.text_saude_grafic{
    color: #277949;
    font-weight: bold;
   font-family: 'Open Sans', sans-serif;
}

/* STEP 4 */

#step4{
   background: #E6E6E6;
    height: 390px;
    padding-bottom: 20px;

}
#box_bottom{
    width: 30%;
    float: left;
    margin-bottom: -20px;
}
#box_bottom img{
        position: relative;
    top: -25px;
    height: 465px;
    width: 260px;
}

#text_step4{
    width: 70%;
    float: left;
    margin-top: 30px;
}
#text_step4 h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 31px;
    margin-left: 40px;
}
#ulStep4{
    margin-left: 40px;
    text-decoration: none;
}
#ulStep4 li{
    list-style-type: none;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 15px;
    line-height: 35px;
}
.texto_verde_step4{
    color: #006634;
    font-weight: bold !important;
}

/* FOOTER */

#footer{
    width: 100%;
}
.footerAmo, .footerT4r{
    width: 250px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.footerAmo img{
    width: 125px;
}
.copyright{
    width: 480px;
    float: left;
}
.copyright p {
    line-height: 20px;
    font-size: 12px;
    color: #696969;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-top: 10px;
}