.images_geral {
    border: 1px solid #efe;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 3px 3px 2px #CCCCCC;
}

.top_tema{   
    color: #6d3190;
    width: 100%;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    /*padding: .3em;*/
    /*margin-top: -75px;*/
    margin-bottom: 30px;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;    
}


.top_bar{    
    width: 100%;
    height:5px; 
    background-color:#3853a4;
}

.top{
    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

    width: 100%; 
    margin: 0;
}

.menu_header{    
    /*background-image: url(../images/bg_menu.png);*/
    background-color: #3853a4;
}

.menu_logo_eia{
    float: left;
    /*position: initial;*/
    width: 20%;    
    margin: .5em 1em 1em 0;
    padding: 0 .3em;
    border: 0px solid;  
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
    background-color: rgba(255,255,255,0.9);
}

.menu_central{
    float: left;
    /*display: inline-block;*/
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid #bb4098;*/
}

.menu_central a{
    display: inline-table;
    font-size: .625em;
    font-weight: 400;
    color: #FFF;
    text-transform: uppercase;
    /*    -webkit-border-radius: 5px; 
        -moz-border-radius: 5px; 
        border-radius: 5px;*/
    padding: 16px 5px !important;
}

.menu_central a:hover{
    background-color: #2b95d1 !important;
}

.main_top_respons{
    display:none;
}

.foto_home{
    min-width: 400px; 
    display: block; 
    margin-bottom: 20px;
}


.ico_redes img{
    max-width: 30px !important; 
    margin: .325em; 
    float: right;
}

/*BANNER CENTRAL*/
.banner_bg{
    /*    background-image: url(../images/bg_banner_gde.jpg);   
        background-size: cover;
        background-attachment: fixed;*/
    vertical-align: top;
}

.banner{
    /*    background-color: rgba(255,255,255,0.7); 
        padding: 5px;
        margin: 1px 10px 0px 10px;*/
    float: left;
    width: 33%;
    margin-right: 0;
    /*padding: 2em;*/
}

.banner:first-of-type {
        width: 34%;
}

.banner_logo{
    width: 40%;
}

.banner_destaque{
    float: right;
    width: 100%; 
    min-width: 200px;
    /*margin-top: 1em;*/
    padding: 0em;
    /*border: 1px solid;*/
    vertical-align: baseline;

}


/*GERAL*/
.tit_destaque{
    font-weight: 700;
    font-size: 2.5em;
    color: #61308f;
    text-align: center;
    margin-top: 10px;   
}

.subtit_destaque {
    font-weight: 600;
    font-size: 1.2em;
    color: #284b93;
    text-align: center;
    margin: 20px 0;
}

.titulo{
    font-size: 1em;
    font-weight: 700 !important;                
}

.bottom_verm{
    height: 1px;
    background-color: #efefef;
}

.separador{
    height: 1px;
    background-color: #CCC;
    margin: 30px 0;
}

.tagline{
    margin-bottom: 10px; 
}

.cientif{
    min-width: 200px; 
    padding: 20px 0;
    /*border: 1px solid;*/
}

.ico_cientif{
    width: 70%;
    max-width: 240px; 
}

.ico_cientif h1{
    color: #FFF;
}

.news_hm{
    min-height: 160px;
    min-width: 250px;
    margin-bottom: 40px;
}

.news_hm img{
    float: left;
    width: 40%;
    max-width: 150px;
    padding-right: 3%;
}

.news_outras{
    margin-bottom: 20px;
}

.box_noticias{
    min-height: 400px;
    min-width: 250px;
}

.box_noticiasultimas{
    padding: 0 20px 20px 20px;
    min-height: 400px;
    min-width: 250px;
}


.inscricao_hm{
    /*min-width: 200px;*/
    margin-bottom: 20px;
    border: 0px solid green;
    /*height: 1.5em;*/
}

.realizacao{
    margin-top: 30px;
    min-width: 100px;
}

.realizacao h1{
    padding-bottom: 20px;
}

.realizacao img{
    width: 40%;
    min-width: 100px;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
    padding-right: 3%;    

}

.rodape{
    padding: 20px;
    border-left: 1px solid gray;
    min-width: 250px;
}
.rodape h3{
    margin-top: 20px;
}

.valores_separador{
    float: left; 
    width: 100%; 
    height: 100%;
    margin-bottom: 1px;
}
.valores_descr{
    display: inline-block;
    width: 50%;
    /*border-bottom: 1px solid #DDD;*/
    padding: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 3px;
    /*min-height: 3.2em;*/
}

.valores_socio{
    display: inline-block;
    width: 15%;
    /*border-bottom: 1px solid #DDD;*/
    padding: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
    /*min-height: 3.2em;*/
    text-align: center;
}


/*MENU MOVIMENTO*/
.menu_header{
    font-size: 1em;
    z-index: 99;
}

.menu_central{
    float: left;
    display: inline-block;
    width: 85%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid #bb4098;*/
}

.menu_logo_eia_fixed{
    float: left;
    position: initial;
    width: 15%;    
    margin: 2em 3% 2em 0;
    /*border: 1px solid;*/  
}
.menu_header_fixed{
    position: fixed;
    height: 115px;
    top: 0;
    left: 0;
    /*background-image: url(../images/bg_menu.png);*/
    background-color: #FFF;
    border-bottom: 1px solid #CCC;
    z-index: 90;
}

/*APRESENTACAO*/
.apresentacao{
    min-width: 250px;
}

.apresentacao .tagline{
    height: 40px;
    margin: 10px 0;
}

.apresentacao img{
    width: 50%;
    min-width: 150px; 
    margin: 0 auto;
    text-align: center;
    padding-right: 3%;    
}

.palestrantes{
    padding: 0 30px;
    /*margin-bottom: 30px;*/
}

.palestrantes img{  
    width: 150px;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%;
    border: 5px solid #CCC;
    margin: 10px;
}


.hospedagem_descr{
    width: 50%;
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin: 3px 0;
    height: 2.5em;
    /*border: 1px solid #000;*/
}


.hospedagem_distancia{
    width: 10%;
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin: 3px 0;
    height: 2.5em;
    /*border: 1px solid #000;*/
}

.hospedagem_valores{
    width: 15%;
    border-bottom: 1px solid #DDD;
    padding-bottom: 5px;
    margin: 3px 0;
    height: 2.5em;
    /*border: 1px solid #000;*/
}


/*CONTATO*/
.contato{
    background: #eee;
}

.contato header{
    float: left;
    width: 30%;
}

.contato header h1{
    font-size: 3em;
    text-transform: uppercase;
    font-weight: bold;
    color: #888;
    margin-bottom: 20px;
}

.contato header p{
    color: #555;
}


/*FALE CONOSCO*/
.contato_form{
    /*float: right;*/
    width: 90%;
    /*padding-left: 5%;*/
}

.contato_form label{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.contato_form span{
    font-size: 0.875em;
    /*display: block;*/
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.contato_form .medium{
    float: left;
    width: 48%;
    margin-right: 4%;
}

/*.contato_form .small{
    display: inline-block;
    width: 20%;
    margin-left: 30px;
}*/

.contato_form .medium:first-of-type{
    /*margin-right: 4%;*/
}

.contato_form input,    
.contato_form textarea
{
    width: 95%;
    border: none;
    background: #FFF;
    border: 1px solid #DDD;
    -moz-border-radius:5px !important; /* Firefox */; 
    -webkit-border-radius: 5px !important; /* Safari, Chrome */; 
    -khtml-border-radius: 5px !important; /* KHTML */; 

    padding: 10px;
    font-family: 'Arial', sans-serif;
}
/*
.contato_form .btn{
    border: none;
    background: #c11b2d;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875em;
    float: right;
    margin-top: 10px;
    cursor: pointer; 
    color: #fff;
}

.contato_form .btn:hover{
    background: #d12a3c;
}*/

.contato_form img{
    width: 16px;
}

.contato_direto{
    text-align: center;
}

.contato_direto p{
    margin-bottom: 20px;
}

.form_load{
    float: left;
    width: 20px !important;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

.pg404 img{
    width: 250px;    
    margin: 20px 0;    
}

/*FORM LOGIN*/
.login_form{
    /*float: right;*/
    width: 90%;
    /*padding-left: 5%;*/
}

.login_form label{
    display: block;
    width: 100%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
}

.login_form span{
    font-size: 0.875em;
    /*display: block;*/
    text-transform: uppercase;
    font-weight: 600;
}

.login_form .medium{
    float: left;
    width: 48%;
    margin-right: 4%;
}

.login_form input,  
.login_form textarea
{
    /*width: 95%;*/
    border: none;
    background: #efefef;
    padding: 10px;
    font-family: 'Arial', sans-serif;
}

.login_form .btn{
    border: none;
    background: #3853a4;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875em;
    float: left;
    margin-top: 10px;
    cursor: pointer; 
    color: #fff;
}

.login_form .btn:hover{
    background: #346eb7;
}

.login_form img{
    width: 16px;
}

/*FORM FICHA INSCRIÇÃO*/
.inscricao_form{
    /*float: right;*/
    width: 100%;
    padding: 1em;
}

.inscricao_form label{
    display: block;
    width: 98%;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
}

.inscricao_form span{
    font-size: 0.875em;
    /*display: block;*/
    text-transform: uppercase;
    font-weight: 600;
}

.inscricao_form .medium{
    float: left;
    width: 48%;
    margin-right: 4%;
}

.inscricao_form input,  
.inscricao_form textarea
{
    width: 97%;
    border: none;
    background: #FFF; 
    border: 1px solid #DDD; 
    -moz-border-radius:5px !important; /* Firefox */; 
    -webkit-border-radius: 5px !important; /* Safari, Chrome */; 
    -khtml-border-radius: 5px !important; /* KHTML */; 
    padding: 10px;
    font-family: 'Arial', sans-serif;

}

.inscricao_form select
{
    /*width: 100%;*/
    /*border: none;*/
    -moz-border-radius:5px !important; /* Firefox */; 
    -webkit-border-radius: 5px !important; /* Safari, Chrome */; 
    -khtml-border-radius: 5px !important; /* KHTML */; 
    background: #fff;
    padding: 10px;
    font-family: 'Arial', sans-serif;

}

/*.inscricao_form input:required, 
.inscricao_form select:required,
.inscricao_form textarea:required {
    background: #efefef; 
    border: 0px solid red; 
    -moz-border-radius:5px !important;  Firefox ; 
    -webkit-border-radius: 5px !important;  Safari, Chrome ; 
    -khtml-border-radius: 5px !important;  KHTML ; 
    border-radius: 5px !important;  CSS3 
}*/

.inscricao_form input[type=radio]
{
    background: #c90; 
}


.inscricao_form .btn{
    border: none;
    background: #3853a4;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875em;
    float: center;
    margin-top: 10px;
    cursor: pointer; 
    color: #fff;

}

.inscricao_form .btn:hover{
    background: #346eb7;
}

.mini-cursos {
    float: left;
    display: inline;    
    width: 22.75%; 
    margin-right: 3%;
    margin-bottom: 2em;
    text-align: center;
}

.mini-cursos:last-of-type {
    margin-right: 0%;
}

.mini-cursos div {
    padding: .625em 1%;
}

.mini-cursos-titulo{
    height: 5em; 
    min-height: 5em; 
    /*margin-bottom: 1em;*/
}

.mini-cursos-descr {
    float: left;
    display: inline;    
    width: 100%; 
    text-align: center;
    min-height: 8em;
}

.mini-cursos-ministrante {
    float: left;
    display: inline;    
    width: 100%; 
    text-align: center;
    /*    height: 5.5em;
        min-height: 5.5em;*/
    font-size: .875em;
}

.tabela{
    display: inline-table;
    width: 100%; 
    line-height: 4em; 
    top: 50%;
}

.tabela_radio{
    display: inline-block;
    float: left;
    width: 3%; 
    margin-right: 0%;
    margin-left: 0%;
    vertical-align: middle;
    /*padding: .1em 0;*/
    /*border-bottom: 1px solid #538d53;*/
}

.tabela_descr{
    display: inline-block;
    float: left;
    width: 52%; 
    margin-right: 0%;
    margin-left: 0%;
    vertical-align: middle;
    padding: 1em;
    /*    border-bottom: 1px solid #538d53;*/

}

.tabela_valores{
    display: inline-block;
    /*height: 100%;*/
    /*line-height: 3em;*/
    float: left;
    /*width: 15%;*/ 
    width: 9%; 
    margin-right: 0%;
    margin-left: 0%;
    /*margin-bottom: 1%;*/
    vertical-align: middle;
    padding: 1em;
    text-align: center;
    /*    border-bottom: 1px solid #538d53;*/

}

/*.inscricao_form img{
    width: 40%;
    margin: 10% 30%;
    text-align: center !important;

}*/

.ico_invertido{
    width: 1.3em;
    margin-right: .625em;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.box-realizacao{
    float: left;
    display: block;
    width: 19%; 
    margin-right: 3%;
}

.box-apoios{
    float: left;
    display: block;
    width: 35%; 
    margin-right: 2%;
}

.box-patricinios{
    float: left;
    display: block;
    width: 35%; 
    margin-right: 2%;
}

/*BREAK POINT 544px*/
@media only screen and (max-width: 480px) {
    /*@media only screen and (max-width: 544px) {*/

    .ico_redes img{
        max-width: 20px !important; 
        margin: .2em; 
        float: right;
    }

    .menu_central{
        display: none;
    }   

    .main_header {
        display: inline-block;      
        text-align: center;
        width: 100%;
        background-color: red;
        padding: 0;
    }

    .main_top_respons{
        display: inline-block;  
        text-align: center;
        width: 100%;
        height: 100%;
        min-width: 200px;
    }


    .menu_logo_eia{
        float: left;
        width: 70%;     
        min-width: 25px;
        margin-top: 5px;   
        /*margin-bottom: 5px;*/   
        margin-left: 5px;
        /*border: 1px solid;*/  
    }

    .bottom_verm{
        height: 1px;
        background-color: #efefef;
    }
    /*    FIM MENU RESPONSIVE*/

    .banner{
        background-color: rgba(255,255,255,0.7); 
        padding: 10px;
        margin: 0;
    }

    .banner_logo{
        width: 90%;
        margin: 0 5%;
    }

    .banner_destaque{
        float: left;
        width: 100%; 
        min-width: 200px;
        margin-top: 0px;
        border: 0px solid;
    }

    /*GERAL*/
    .tit_destaque{
        font-weight: 700;
        font-size: 1.3em;
        color: #61308f;
        text-align: center;
        margin-top: 0px;
    }

    .subtit_destaque {
        font-weight: 400;
        font-size: .875em;
        color: #888;
        text-align: center;
    }

    .titulo{
        font-size: 1.2em !important;
        font-weight: 700 !important; 
        text-align: left;
    }

    .foto_home{
        min-width: 100%; 
        display: block; 
        margin-bottom: 20px;
    }

    .top_tema{   
        color: #6d3190;
        width: 100%;
        font-size: .825em;
        font-weight: bold;
        text-align: center;
        /*padding: .3em;*/
        /*margin-top: -75px;*/
        margin-bottom: 30px;
        text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;    
    }

    .tabela_descr{
        width: 45%;
        /*height: 2em;*/    
        /*border-bottom: 1px solid #DDD;*/
        padding-bottom: 1em;
        margin: 3px 0 3px 0;
        /*    border: 1px solid #000;*/
        font-size: .5em;
    }

    .tabela_valores{
        width: 12%;
        /*height: 2em;*/    
        /*    border-bottom: 1px solid #DDD;*/
        padding-bottom: 1em;
        margin: 3px 0 3px 0;
        /*border: 1px solid #000;*/
        font-size: .5em;
    }


    .cientif{
        max-width: 95%; 
        min-width: 0; 
        padding: 20px 0;
        /*border: 1px solid;*/
    }

    .ico_cientif{
        width: 50%;
        max-width: 200px; 
    }

    .ico_cientif h1{
        color: #FFF;
    }


    .mini-cursos {
        float: left;
        display: inline;    
        width: 100%; 
        margin-right: 3%;
        margin-bottom: 2em;
        text-align: center;
    }

    .mini-cursos div {
        padding: .625em 1%;
    }

    .mini-cursos-titulo{
        height: 5em; 
        min-height: 5em; 
        /*margin-bottom: 1em;*/
    }

    .mini-cursos-descr {
        float: left;
        display: inline;    
        width: 100%; 
        text-align: center;
        min-height: 8em;
    }

    .mini-cursos-ministrante {
        float: left;
        display: inline;    
        width: 100%; 
        text-align: center;
        /*    height: 5.5em;
            min-height: 5.5em;*/
        font-size: .875em;
    }

    .box-realizacao, .box-apoios, .box-patrocinios{    
        width: 100%;         
        margin-top: 2em;
    }

} 

/*BREAK POINT 544px*/
@media only screen and (max-width: 768px) {
    /*@media only screen and (max-width: 544px) {*/

    .ico_redes img{
        max-width: 20px !important; 
        margin: .2em; 
        float: right;
    }

    .menu_central{
        display: none;
    }   

    .main_header {
        display: inline-block;      
        text-align: center;
        width: 100%;
        background-color: red;
        padding: 0;
    }

    .main_top_respons{
        display: inline-block;  
        text-align: center;
        width: 100%;
        height: 100%;
        min-width: 200px;
    }


    .menu_logo_eia{
        float: left;
        width: 70%;     
        min-width: 25px;
        margin-top: 5px;   
        /*margin-bottom: 5px;*/   
        margin-left: 5px;
        /*border: 1px solid;*/  
    }

    .bottom_verm{
        height: 1px;
        background-color: #efefef;
    }
    /*    FIM MENU RESPONSIVE*/

    .banner{
        background-color: rgba(255,255,255,0.7); 
        padding: 10px;
        margin: 0;
    }

    .banner_logo{
        width: 90%;
        margin: 0 5%;
    }

    .banner_destaque{
        float: left;
        width: 100%; 
        min-width: 200px;
        margin-top: 0px;
        border: 0px solid;
    }

    /*GERAL*/
    .tit_destaque{
        font-weight: 700;
        font-size: 1.3em;
        color: #61308f;
        text-align: center;
        margin-top: 0px;
    }

    .subtit_destaque {
        font-weight: 400;
        font-size: .875em;
        color: #888;
        text-align: center;
    }

    .titulo{
        font-size: 1.2em !important;
        font-weight: 700 !important; 
        text-align: left;
    }

    .foto_home{
        min-width: 100%; 
        display: block; 
        margin-bottom: 20px;
    }

    .top_tema{   
        color: #6d3190;
        width: 100%;
        font-size: .825em;
        font-weight: bold;
        text-align: center;
        /*padding: .3em;*/
        /*margin-top: -75px;*/
        margin-bottom: 30px;
        text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;    
    }

    .tabela_descr{
        width: 45%;
        /*height: 2em;*/    
        /*border-bottom: 1px solid #DDD;*/
        padding-bottom: 1em;
        margin: 3px 0 3px 0;
        /*    border: 1px solid #000;*/
        font-size: .5em;
    }

    .tabela_valores{
        width: 12%;
        /*height: 2em;*/    
        /*    border-bottom: 1px solid #DDD;*/
        padding-bottom: 1em;
        margin: 3px 0 3px 0;
        /*border: 1px solid #000;*/
        font-size: .5em;
    }


    .cientif{
        max-width: 95%; 
        min-width: 0; 
        padding: 20px 0;
        /*border: 1px solid;*/
    }

    .ico_cientif{
        width: 50%;
        max-width: 200px; 
    }

    .ico_cientif h1{
        color: #FFF;
    }


    .mini-cursos {
        float: left;
        display: inline;    
        width: 100%; 
        margin-right: 3%;
        margin-bottom: 2em;
        text-align: center;
    }

    .mini-cursos div {
        padding: .625em 1%;
    }

    .mini-cursos-titulo{
        height: 5em; 
        min-height: 5em; 
        /*margin-bottom: 1em;*/
    }

    .mini-cursos-descr {
        float: left;
        display: inline;    
        width: 100%; 
        text-align: center;
        min-height: 8em;
    }

    .mini-cursos-ministrante {
        float: left;
        display: inline;    
        width: 100%; 
        text-align: center;
        /*    height: 5.5em;
            min-height: 5.5em;*/
        font-size: .875em;
    }
    
    .box-realizacao, .box-apoios, .box-patrocinios{    
        width: 100%; 
        margin-top: 2em;
    }

}