@import url(forms.css);

h1 { color: #1C79A9; font: 14px 'Arial Rounded MT Bold'; text-transform: uppercase; }
h2 { color: #1C79A9; font: 14px 'Arial Rounded MT Bold'; font-style: italic; }


/*-------------------------------------------
    MEIO
-------------------------------------------*/
#meio { height: auto; }


/*-------------------------------------------
    BANNER
-------------------------------------------*/
#banner { position: absolute; width: 985px; height: 192px; margin: 0 0 0 11px; }


/*-------------------------------------------
    NOTICIAS
-------------------------------------------*/
#noticias { position: relative; float: left; width: 470px; height: 230px; margin: 130px 0 0 15px; display: block; background: url(img/fundo_noticias_doacoes.png) no-repeat; }
#noticias #noticia_destaque { position: relative; width: 450px; height: 114px; /*border-bottom: 1px solid #e0e0e0;*/ margin: 0 0 0 9px;  }
#noticias #noticia_destaque h1 { padding: 10px 0 0 9px; }
#noticias #noticia_destaque img { position: absolute; float; left; margin: 5px 0 0 20px; }
#noticias #noticia_destaque .titulo { position: relative; float: left; margin-left: 113px; top: -10px; color: #1c79a9; font-size: 14px; font-weight: bold; }
#noticias #noticia_destaque .data { position: relative; float: left; color: #838383; font-weight: bold; margin-left: 113px; top: -11px; font-size: 10px; }
#noticias #noticia_destaque .desc { position: relative; width: 250px; top: -25px; color: #1c79a9; line-height: 14px; }
#noticias #noticia_destaque .desc p { font-size: 12px; width: 325px; margin-left: 115px; text-align: justify; color: #1c79a9; }
#noticias #mais_noticia { font-size: 12px; width: 325px; margin: 5px 0 0 13px; text-align: justify; color: #1c79a9; }
#noticias #mais_noticia ul { list-style-image: url(img/icon_list_style.png); }
#noticias #mais_noticia ul li { margin: 5px 0 0 17px; }
#noticias #mais_noticia ul li span { color: #838383; font-weight: bold; }
#noticias .leia_mais a { font-size: 12px; color: #838383; float: right; margin: 48px 22px 0 0; font-style: italic;  }

.doacao-home img { position:relative; top:9px; margin-left:5px !important; }
.doacao-home #formDados-home { position:relative; top:100px; left:105px; color:#333; }
.doacao-home .qual-home { position:relative; top:20px; left:-85px; border:1px solid #CCC !important; }


/*-------------------------------------------
    HISTÓRIA
-------------------------------------------*/
#historia { position: relative; float: left; width: 470px; height: 230px; margin: 129px 0 0 35px; background: url(img/fundo_noticias.png) no-repeat; }
#historia h1 { padding: 10px 0 0 15px; }
#historia p { padding: 10px 0 0 10px; color: #1c79a9; width: 445px; font-size: 12px; text-align: justify; }
#historia .leia_mais a { font-size: 12px; color: #838383; margin: 0 0 0 390px; font-style: italic;  }


/*-------------------------------------------
    PARTE DE BAIXO
-------------------------------------------*/
#baixo { position: relative; float: left; width: 965px; height: 162px; margin: 11px 0 0 18px; background: url(img/fundo_partebaixo.png) no-repeat; }
#doacao_home { position: relative; float: left; width: 365px; height: 160px; }
#doacao_home h1 { padding: 10px 0 0 15px; }
#doacao_home img { padding: 8px 0 0 18px; }
#doacao_home .conta { position: relative; width: 180px; text-align: center; color: #1c79a9; float:left; }
#doacao_home .conta span { font-size: 12px; color: #838383; font-style: italic; line-height: 12px; }
#doacao_home .leia_mais a { position: relative; font-size: 12px; color: #838383; margin: 0 0 0 210px; top: 5px; font-style: italic;  }
#newsletter { position: relative; float: left; width: 320px; height: 160px; }
#newsletter h1 { padding: 10px 0 0 15px; }
#newsletter img { padding: 18px 0 0 18px; }
#newsletter .form_news { position: relative; width: 200px; left: 108px; top: -70px; }
#fale_conosco { position: relative; float: left; width: 275px; height: 160px; }
#fale_conosco h1 { padding: 10px 0 0 25px; }
#fale_conosco .fale { position: relative; width: 250px; color: #1c79a9; left: 20px; top: 10px; }
#fale_conosco .fale span { color: #1c79a9; line-height: 20px; font-size: 16px; font-weight: bold; }
#fale_conosco .fale a { color: #1c79a9; text-decoration: underline; font-weight: bold; }
#fale_conosco .fale a:hover { text-decoration: none; }
#fale_conosco .leia_mais a { position: relative; font-size: 12px; color: #838383; margin: 0 0 0 140px; top: 21px; font-style: italic;  }

.doacao-home > #formDados-home > .btn-facebook { top:13px; right:180px; z-index:9; }
.doacao-home > #formDados-home > .send { top:15px; right:110px; z-index:9; }

#my_popup{
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    transform:scale(0.8)
}
#my_popup .my_popup_close{
    color:#790808;
    border:0px;
    position:absolute;
    padding:111px 0 0 146px;
    background:url("../images/fechar.png") no-repeat;top:-34px;right:-45px
}
#my_popup .my_popup_close:hover,
#my_popup .my_popup_close:focus{
    opacity:0.8;outline:none
}
.popup_visible #my_popup{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.actions-popup{
    position:absolute;
    bottom:28px;
    width:100%
}

@media (max-width: 768px){
    .actions-popup{
        bottom:15px
    }
}

@media (min-width: 769px) and (max-width: 991px){
    .actions-popup{
        bottom:20px
    }
}
.actions-popup .doar-popup{
    float:left;
    text-align:center;
    width:40%
}

@media (max-width: 768px){
    .actions-popup .doar-popup{
        width:50%
    }
}

.actions-popup .doar-popup .btn-doar{
    position:relative;
    background-color:#228a22;
    color:#FFF;
    padding:10px 15px;
    font-size:18px;
    text-transform:uppercase;
    font-weight:900;
    border-radius:7px;
    border-bottom:4px solid #125a12;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.actions-popup .doar-popup .btn-doar i{
    color:#C2111A;
    animation-name:pulse_animation;
    animation-duration:1000ms;
    transform-origin:70% 70%;
    animation-iteration-count:infinite;
    animation-timing-function:linear
}

@media (max-width: 768px){
    .actions-popup .doar-popup .btn-doar{
        font-size:12px;
        padding:5px 10px
    }
}

.actions-popup .share-popup{float:right;width:60%;text-align:center}@media (max-width: 768px){.actions-popup .share-popup{width:50%}}.actions-popup .share-popup .btn-popup{display:inline-block;margin:0 1px;color:#FFF;width:38px;height:38px;font-size:18px;line-height:2em;text-transform:uppercase;font-weight:900;border-radius:7px}@media (max-width: 768px){.actions-popup .share-popup .btn-popup{font-size:12px;width:28px;height:28px;margin:0}}.actions-popup .share-popup .btn-popup.btn-face{border-bottom:3px solid #284072;background-color:#3b5998}.actions-popup .share-popup .btn-popup.btn-twit{border-bottom:3px solid #4088bf;background-color:#55acee}.actions-popup .share-popup .btn-popup.btn-goog{border-bottom:3px solid #b53323;background-color:#dd4b39}.actions-popup .share-popup .btn-popup.btn-lkdn{border-bottom:3px solid #065f89;background-color:#007bb5}.actions-popup .share-popup .btn-popup.btn-what{border-bottom:3px solid #31992b;background-color:#4dc247}.actions-popup .tit-action{color:#adadae;font-weight:900;text-transform:uppercase;padding:15px 0;margin:0}.actions-popup .tit-action small{font-size:15px;text-transform:none;font-style:italic}@media (max-width: 768px){.actions-popup .tit-action{font-size:14px}}@keyframes pulse_animation{0%{transform:scale(1)}30%{transform:scale(1)}40%{transform:scale(1.5)}50%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.4)}80%{transform:scale(1)}100%{transform:scale(1)}}