/* ==================================================================== */
/*
/*	FONT EMBED
/*
/* ==================================================================== */



/* ==================================================================== */
/*
/*	RESETS & DEFAULTS
/*
/* ==================================================================== */


body {
    padding-top: 60px;
    font-family: 'Open Sans';
}


.txt_bold {
    font-weight: 700;
}

.txt_bold_italic {
    font-weight: 700;
    font-style: italic;
}

.txt_semibold {
    font-weight: 600;
}

.txt_semibold_italic {
    font-weight: 600;
    font-style: italic;
}

.txt_light {
    font-weight: 300;
}

.txt_light_italic {
    font-weight: 700;
    font-style: italic;
}

.navbar-default {
    background-color: #f7f7f7;
    border: none;
}

.topo_container {
    left: 0;
    top: 0;
    padding-bottom: 0;
    background-color: #e7e7e7;
    border: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    padding-top: 15px;
    padding-bottom: 15px;
}

.topo_container img{
    float: right!important;
}

.fundo_container {
    left: 0;
    bottom: 0;
    padding-top: 0;
    background-color: #e7e7e7;
    border: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    padding-top: 12px;
    padding-bottom: 12px;
}

.fundo_container img{
    float: right!important;
}


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container_center {
    padding-bottom: 57px;
}

.logo_glearning {
    padding-top: 10px;
}

.utilizador {
    text-align: right;
    color: #58595b;
    font-size: 14px;
    padding-top: 30px;
}

.btn_sair a {
    text-decoration: none;
    font-family: opensans-bold, helvetica, arial, sans-serif;
    font-size: 12px;
    color: #414042;
}

.btn_sair a:hover{
    text-decoration: none;
    color: #1c3f95;
}



/* // MENU // */


.menu{
    padding-top: 30px;
}

.menu .panel-title a {
    padding-left: 8px;
    text-decoration: none;
}

.menu .panel-title a.active {
    border-left: 3px solid #0293bb;
    color: #0293bb;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default {
    border: none;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #888888;
    line-height: 180%;
}

.panel-title a:hover {
    color: #0293bb;
    text-decoration: none;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0;

}

.panel-default>.panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #ddd;
}

.ul_menu {
    list-style-type: none;
    color: #888888;
    padding-left: 10px;
}

.ul_menu li {
    padding-bottom: 10px;
    line-height: 18px;
}

.ul_menu li a {
    color: #888888;
}

.ul_menu li a:hover {
    color: #0293bb;
    text-decoration: none;
}

.ul_menu li a.active {
    color: #0293bb;
    text-decoration: none;
}



/* ==================================================================== */
/*
/*	CONTEUDO
/*
/* ==================================================================== */


/* // CONTEUDO // */


.conteudo_geral {
    padding-top: 30px;
    margin: 0;
}

.utilizador{
    float: left;
}

.logo_glearning {
    padding-top: 30px;
}

.clr {
    clear: both;
}

.footnote {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #414042;
    font-size: 12px;
    line-height: 12px;
}


/* // LOG IN // */

.logo_glearning{
    padding-bottom: 40px;
}

.registo_form label {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#0293bb;
    padding-top: 40px;
    font-size: 18px;
    font-weight: normal;
}

.registo_form input[type="text"], .registo_form input[type="password"]  {
    border: none;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    outline: none;
}

.registo_form input[type="submit"] {
    background: url("../images/bt_follow.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 35px 35px;
    background-color: transparent;

    font-family: OpenSans-Regular, helvetica, arial, sans serif;
    color:#727272;
    border: none;

    height: 35px;
    padding: 0px 0px 0px 40px;
    outline: none;
}

.fazer_registo {
    font-family: opensans-bold, helvetica, arial, sans serif;
    font-size: 12px;
    color:#0293bb;
    cursor: pointer;
}

.registar{
    font-family: opensans-regular, helvetica, arial, sans serif;
    font-size: 12px;
    color:#0293bb;
    border: none;
    margin-top: 80px;
}

.codigo_acesso{
    /* border-bottom: 1px solid #1c3f95;*/
    padding-bottom: 50px;
}

.codigo_acesso button{
    text-align: right;
    margin-top: 40px;
}

.registo_form_popup {
    padding-left: 40px;
    padding-right: 40px;
}

.registo_form_popup label {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#0293bb;
    padding-top: 40px;
    font-size: 18px;
    font-weight: normal;
}

.registo_form_popup input[type="text"], .registo_form_popup input[type="password"]  {
    border: none;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    outline: none;
}

.popup_perfil {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#0293bb;
    font-size: 18px;
}

.popup_perfil span{
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color:#1c3f95;
    font-size: 11px;
}

.btn-primary {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    background-color:#0293bb;
    border: none;
}

.btn-primary:hover{
    background-color:#1c3f95;
    border: none;
}

/* // INDEX // */

.curso_acne {
    padding-left: 0;
}

.conteudo_esq {
    padding-left: 0;
    padding-top: 50px;
}

.conteudo_esq a{
    text-decoration: none;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
}

.img_curso{
    padding-bottom: 30px;
    padding-left: 0px;
}

.acne{
    color: #0293bb;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    font-size: 24px;
}

.ver_mais {
    border-top: 1px solid #cccccc;
    padding-top: 20px;
    padding-left: 0;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
}

.ver_mais img{
    padding-right: 10px;
}


#selo{
    float:left;
    text-align: right;
    padding-top: 50px;
}


/* // PORTFÓLIO // */



.produto {
    padding-bottom: 44px;
}

.img_produto {
    text-align: center;
}

.img_produto img{
    border: 1px solid #cccccc;
    text-align: center;
}

.title_description {
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#1c3f95;
    font-size: 26px;
    line-height: 70%;
}

.description {
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#0293bb;
    font-size: 18px;
}

.more_information {
    font-family: opensans-light, helvetica, arial, sans-serif;
    color:#727272;
    font-size: 14px;
    line-height: 12px;
}

.more_information a {
    font-family: opensans-semibold, helvetica, arial, sans-serif;
    color:#727272;
    font-size: 14px;
    line-height: 12px;
}

.folheto_informativo {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
    font-size: 16px;
}

.folheto_informativo img{
    margin-right: 10px;
}

.folheto_informativo a{
    text-decoration: none;
    color:#727272;
}

.folheto_informativo_2 {
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
    font-size: 16px;
    padding-top: 8px;
}

.folheto_informativo_2 img{
    margin-right: 10px;
}

.folheto_informativo_2 a{
    text-decoration: none;
    color:#727272;
}

/* // FORMACAO_1 // */



.formacao_intro {
    padding: 0;
}


.img_formacao_intro {
    text-align: center;
}

.formacao_intro a{
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    text-decoration: none;
    color:#727272;
}

.intro{
    color: #0293bb;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    font-size: 24px;
    padding: 0 0 110px 0;
    border-bottom: 1px solid #727272;
}

.certificado{
    padding: 0;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
    padding-top: 20px;
}

.certificado img{
    padding-right: 10px;
}

.consultar{
    padding: 0;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
    padding-top: 20px;
}

.consultar img{
    padding-right: 10px;
}

.curso{
    padding-left: 20px;
    padding-bottom: 20px;
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#727272;
}

.modulo p{
    font-family: opensans-light, helvetica, arial, sans-serif;
    color:#727272;
}

.txt_semibold {
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#727272;
    font-weight: 500;
}

.ul_curso{
    padding: 20px 30px 20px;
    font-family: OpenSans-Regular, helvetica, arial, sans-serif;
    color:#0293bb;
    font-size: 14px;
}

.break {
    display: block;
    color: red;
}


.conteudo {
    margin-top: 50px;
}

.conteudo p{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #414042;
    font-size: 14px;
}

.conteudo .destaque {
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color: #0293bb;
}


.conteudo ul {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 14px;
}

.img_modulo_acne_slide01 {
    margin-top: 40px;
}

.img_modulo_acne_slide02 {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.img_modulo_acne_slide03 {
    margin-top: 0px;
    margin-bottom: 30px;
}

.img_modulo_acne_slide04 {
    margin-top: 30px;

}

.img_modulo_acne_slide05 {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.img_modulo_acne_slide08 {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
}


.img_modulo_acne_na_farmacia_slide02 {
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

.img_modulo_tratamento_acne_slide02 {
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}

.efeitos_secundarios{
    padding-top: 30px;
}

.embalagens{
    margin: 80px 20px 20px 20px;
}

.grafico {
    margin: 50px 20px 40px 0;
}

.grafico img{
    margin-left: 20px;
}


.grf_lesoes{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #414042;
    font-weight: normal;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.grf_lesoes p{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #414042;
    font-weight: normal;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.destaque_legenda {
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color: #0293bb;
}

.cx_caracteristicas{
    border-radius: 20px;
    background: #0293bb;
    padding: 20px;
    max-width: 620px;
    height: 100%;
    margin-top: 30px;
    color: #ffffff;
}

.cx_caracteristicas p{
    margin-top: 30px;
    margin-left: 40px;
    color: #ffffff;
}

.cx_caracteristicas ul{
    color: #ffffff;
}

.cx_caracteristicas img{
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.caracteristicas{
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: opensans-bold, helvetica, arial, sans-serif;
    font-size: 14px;
}

.cx_questoes{
    border-radius: 20px;
    background: #0293bb;
    padding: 20px;
    max-width: 620px;
    height: 100%;
    color: #ffffff;
}

.cx_questoes p{
    margin-top: 30px;
    margin-left: 40px;
    color: #ffffff;
}

.questoes{
    margin-top: 50px;
}

.questoes p{
    color: #ffffff;
}

.end_note{
    padding-top: 100px;
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color: #0293bb;
    font-weight: normal;
    font-size: 14px;
}

h1 {
    font-family: opensans-light, helvetica, arial, sans-serif;
    color: #0293bb;
    font-weight: normal;
    font-size: 28px;
}

h2 {
    font-family: opensans-light, helvetica, arial, sans-serif;
    color: #003888;
    font-weight: normal;
    font-size: 40px;
}

.tab_slide07 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.tab_slide07 img{
    text-align: center;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}




.pergunta_casos_praticos {
    clear: both;
    padding-top: 60px;
    padding-bottom: 15px;
}

.radio_btns {
    margin-top: 38px;
    padding-left: 30px;
}


.submit_btn {
    clear: both;
    padding-top: 90px;
    text-align: center;
    opacity: 0.4;
}

.img_modulo_ilustracoes_dir_inicial{
    margin-top: 70px;
    text-align: right;
    padding-right: 60px;
}


.img_modulo_ilustracoes_dir{
    margin-top: 30px;
    text-align: right;
    padding-right: 60px;
}

.img_modulo_ilustracoes_esq{
    margin-top: 70px;
    text-align: left;
    padding-left: 60px;
}

.btn_o_que_correu_bem{
    margin-top: 90px;
    margin-bottom: 70px;
    text-align: center;
}

.btn_o_que_correu_bem_2 {
    margin-top: 90px;
    margin-bottom: 30px;
    text-align: center;
}

.btn_conselhos {
    margin-top: 90px;
    margin-bottom: 30px;
    text-align: center;
}


.resultado_caso_pratico {
    text-align: center;
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 14px;
}


.glossario{
    margin-top: 100px;
}

.icon_conteudos{
    padding-top: 40px;
    padding-bottom: 0px;
}

.icon_conteudos img{
    margin-right: 10px;
}

.controls {
    position: absolute;
    bottom: 0;
    padding: 0;
}

.slider{
    position: relative;
    height: 60px;
    background-color: #0293bb;
    vertical-align: middle;
    font-family: opensans-semibold, helvetica, arial, sans-serif;
    font-weight: 300;
    color: #ffffff;
    padding: 18px;
}

.slider_esq{
    position: relative;
    height: 60px;
    background-color: #0293bb;
    vertical-align: middle;
    font-family: opensans-light, helvetica, arial, sans-serif;
    font-weight: 300;
    color: #ffffff;
    padding: 18px;
    text-align: left;
}

.slider_dir{
    position: relative;
    height: 60px;
    background-color: #0293bb;
    vertical-align: middle;
    font-family: opensans-regular, helvetica, arial, sans-serif;
    font-weight: 300;
    color: #ffffff;
    padding: 18px;
    text-align: right
}


.left-slides{
    padding-right: 30px;
}

.slider_dir .left,.left-slides{
    padding-right: 30px;
}

.material_apoio {
    padding-top: 80px;
    padding-bottom: 80px;
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #727272;
}

.material_apoio a{
    color: #0293bb;
}

.material_apoio img{
    padding-right: 10px;
}

.footer {
    position: relative;
    min-height: 166px;
    background-color: #1c3f95;
    padding: 0;
    margin: 120px 0 0 0;
    width: 100%;
}

.footer .icon {
    text-align: center;
    padding: 55px 0 0 0;
}

.footer .title{
    padding: 62px 0 0 0;
    font-family: opensans-light, helvetica, arial, sans-serif;
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    margin: 0;
}

.footer .follow_btn {
    text-align: center;
    padding: 58px 0 0 0 ;
}

.address {
    font-size: 10px;
}


/* // AVALIAÇÃO // */

.avaliacao{
    padding-top: 100px;
    padding-bottom: 100px;
}

.avaliacao_header{
    border-bottom: 1px solid #003888;
    font-family: opensans-regular, helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #003888;
}

.avaliacao_header img{
    margin-right: 10px;
    margin-bottom: 10px
}

.pergunta{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    font-size: 18px;
    color: #727272;
}

.pergunta form{
    margin-right: 20px;
    font-family: opensans-light, helvetica, arial, sans-serif;
    font-size: 14px;
    color: #727272;
}

.primeira_pergunta {
    margin-top: 120px;
}

.primeira_pergunta span{
    margin-right: 20px;
    font-family: opensans-light, helvetica, arial, sans-serif;
    font-size: 16px;
    color: #727272;
}

.perguntas_seguintes {
    border-top: 1px solid #cccccc;
    margin-top: 80px;
    margin-bottom: 80px;
    margin-right: 30px;
}

.perguntas_seguintes .pergunta{
    margin-top: 20px;
}

.perguntas_seguintes span{
    margin-right: 20px;
    font-family: opensans-light, helvetica, arial, sans-serif;
    font-size: 16px;
    color: #727272;
}

.btn_seguinte {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.btn_seguinte img{
    margin-right: 15px;
}

.btn_seguinte a{
    text-decoration: none;
    color: #0293bb;
}

.btn_anterior {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.btn_anterior img{
    margin-left: 15px;
}

.btn_anterior a{
    text-decoration: none;
    color: #0293bb;
}

.btn_submeter {
    font-family: opensans-semibold, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.btn_submeter img{
    margin-right: 15px;
}

.btn_submeter a{
    text-decoration: none;
    color: #0293bb;
}

.btn_voltar {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.btn_voltar img{
    margin-right: 15px;
}

.btn_voltar a{
    text-decoration: none;
    color: #0293bb;
}

.parabens_header{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #003888;
    padding-bottom: 20px;
}

.parabens_header img{
    margin-right: 10px;
    margin-bottom: 10px
}

.parabens {
    font-family: opensans-light, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 42px;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 80px;
}

.resultado_avaliacao {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 18px;
}

.respostas_correctas {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #003888;
    font-size: 20px;
}

.ver_todas{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #727272;
    font-size: 14px;
}

.ver_todas a{
    text-decoration: none;
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 14px;
}

.perguntas_seguintes_respostas{
    margin-top: 40px;
}

.resposta_certa{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #0293bb;
    font-size: 14px;
}

.respostas{
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color: #727272;
    font-size: 14px;
}

/* // Fale connosco // */


.fale_conosco_form label {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#0293bb;
    padding-top: 40px;
    font-size: 18px;
    font-weight: normal;
}

.fale_conosco_form input[type="text"], .fale_conosco_form input[type="password"]  {
    border: none;
    background-color: #f7f7f7;
    width: 100%;
    min-height: 130px;
    outline: none;
    margin-bottom: 35px;
}

.fale_conosco_form input[type="submit"] {
    background: url("../images/bt_follow.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 35px 35px;
    background-color: transparent;

    font-family: OpenSans-Regular, helvetica, arial, sans serif;
    color:#727272;
    border: none;

    height: 35px;
    padding: 0px 0px 0px 40px;
    outline: none;
    margin-top: 20px;
}

.fale_conosco_form textarea {
    height: 130px;
    width: 540px;
    background-color: #f7f7f7;
    border: none;
}


/* // PERFIL // */

.dados {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#1c3f95;
    font-size: 18px;
}

.historico {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#1c3f95;
    font-size: 18px;
    padding-top: 80px;
}

.parametro {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#0293bb;
    font-size: 18px;
}

.valor {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#727272;
    font-size: 14px;
}

.perfil_form label {
    font-family: opensans-regular, helvetica, arial, sans-serif;
    color:#0293bb;
    font-size: 18px;
    font-weight: normal;
}

.perfil_form input[type="text"], .fale_conosco_form input[type="password"]  {
    border: none;
    width: 100%;
    outline: none;
    margin-bottom: 35px;
    font-family: OpenSans-Regular, helvetica, arial, sans serif;
    font-size: 14px;
    color:#727272;
    padding-left: 0;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.editar{
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color:#1c3f95;
    font-size: 12px;
    cursor: pointer;
}

.editar img{
    margin-right: 10px;
}

.salvar{
    font-family: opensans-bold, helvetica, arial, sans-serif;
    color:#1c3f95;
    font-size: 12px;
    cursor: pointer;
}

.salvar img{
    margin-right: 10px;
}

.historico .nota_avaliacao {
    font-family: OpenSans-Regular, helvetica, arial, sans serif;
    color:#727272;
    font-size: 14px;
}

.historico .nota_avaliacao img{
    padding-right: 10px;
}

.nota_avaliacao a{
    font-family: OpenSans-Regular, helvetica, arial, sans serif;
    color:#1c3f95;
    text-decoration: none;
    font-size:14px;
}

.nota_avaliacao a:hover{
    font-family: OpenSans-Regular, helvetica, arial, sans serif;
    color:#0293bb;
    text-decoration: none;
    font-size:14px;
}

.edita {
    color: #ffffff !important;
    background-color: #0293bb !important;
    padding-left: 10px !important;
}

/*----------------------------------*/
/*		MODULE CONTENT SLIDER		*/
/*----------------------------------*/

#module-content-slider{
    height: 29.857em;
    background-color:#FFF;
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

#module-content-slider:after{
    content: " ";
    width: 100%;
    height: 15px;
    background: url('../assets/box-shadow-bigger.png') no-repeat center bottom;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.carousel-control{
    color: #88B54E !important;
    display: block;
    width: 15em;
    height: 32px;
    line-height: 30px;
    position: absolute;
    top: auto !important;
    bottom: -3em !important;
    text-shadow: none;
    text-transform: uppercase;
    background-color: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
    font-size: 1em;
    z-index: 999;
    opacity: 1;
}
.carousel-control:hover,
.carousel-control:focus {
    opacity: 1;
    color: #88B54E !important;
    text-decoration: underline;
}
.left.carousel-control{
    background: url('../assets/left.gif') no-repeat left top;
    margin-left: 115px;
}
.right.carousel-control{
    background: url('../assets/right.gif') no-repeat right top;
    margin-right: 114px;
}

.slider-indicator{
    height: 40px;
    width: 60px !important;
    padding: 0;
    margin: 0;
    display: table;
    color: #999999;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -45px;
}

.slider-indicator .carousel-indicators{
    position: relative;
    margin: 0;
    left: 0;
    top: 2px;
    min-height: 20px;
    height: 40px;
    width: 30px;
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    text-align: right;
}

.carousel-indicators li {
    border-radius: 0;
    border: none;
    width: auto;
    height: 40px;
    text-indent: 0;
    display: none;
    text-align: right !important;
    background: none !important;
    font-size: 21px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    text-align: right;
}

.carousel-indicators .active {
    width: auto;
    height: auto;
    display: inline;
    height: 40px;
}

.slider-indicator p {
    height: 40px;
    display: table-cell;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}


/* CSS dia 17012018 */

ul#menu_interno{
    list-style: none;
    border-top: 1px solid #727272;
    border-bottom: 1px solid #727272;
    padding: 0px 0px;
    margin-top:40px;
    width: 100%;
    float: left;
}

ul#menu_interno li {
    font-family: opensans-light, helvetica, arial, sans-serif;
    font-size: 13px;
    color: #414042;
    padding: 5px;
    font-size: 13px;
    color: #414042;
}

ul#menu_interno li a {
    text-decoration: none;
    color: #414042;
}

ul#menu_interno li span{
    text-decoration: none;
    font-family: opensans-semibold, helvetica, arial, sans-serif;
    color: #414042;
    text-align: left;
}

ul#menu_interno li.active, ul#menu_interno li:hover {
    background-color: #0293bb;
    color: #ffffff;
}

ul#menu_interno li.active a, ul#menu_interno li.active span, ul#menu_interno li:hover a, ul#menu_interno li:hover span {
    color: #ffffff;
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 768px) {
    .navbar-nav > li {
        float: none;
    }
}

#carousel-example-generic{
    width: 100%;
    background-color: #f5f5f5;
}

/* Elearning Locetar */

.logo_locetar {
    float: right;
    padding-bottom: 14px;
}

.logo_locetar img {
    width: 100%;
    max-width: 200px;
}

@media (max-width: 768px) {

  .logo_locetar img {
      max-width: 120px;
      margin-top: 10px;
  }
}

.locetar_elearning .row {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 25px;
    margin-top: 0;
}

.locetar_elearning .item .row:last-of-type {
    margin-bottom: 0px;
}

.locetar_elearning {
    background: url('../images/locetar-elearning/locetar_bg.png') repeat top left;
    background-size: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* .locetar_elearning  .item {
    padding-top: 180px;
    padding-bottom: 140px;
} */

.locetar_elearning  .item {
    padding-top: 60px;
    padding-bottom: 60px;
}

.conteudo {
  padding-left: 30px;
  padding-right: 150px;
  min-height: 509px;
}

.locetar_elearning .carousel-inner {
    background: url('../images/locetar-elearning/locetar_header.png') no-repeat top right;
}

@media (max-width: 768px) {

  .locetar_elearning  .item {
      padding-top: 60px;
      padding-bottom: 120px;
  }

  .conteudo {
    padding: 15px;
  }

  .locetar_elearning .carousel-inner {
      background: none;
  }

}



/* Locetar Titulos */

.locetar_elearning .title h1 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #293883;
    text-transform: uppercase;
    margin: 0;
}

@media (max-width: 768px) {

    .locetar_elearning .title h1 {
        font-size: 18px;
        line-height: 26px;
        line-height: 20px
    }
}

/* Locetar Conteudos */

.locetar_elearning {text-align: justify;}

.clr {clear: both;}

.subtitle_info {
  margin-bottom: 20px;
}

.subtitle_info ul {
  margin: 0; padding: 0;
  margin-left: 5px;
}

.subtitle_info li {
  float: left;
  color: #0293bb;
  font-size: 20px;
  margin-left: 15px;
  opacity: 0.3;
}

.subtitle_info li.active {
  opacity: 1;
}

.subtitle_info h2.title_sub {
    font-size: 14px; font-weight: bold;
    text-transform: uppercase;
    color: #0293bb;
    margin-bottom: 0;
}

.locetar_elearning .conteudo h2 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #0293bb;
    margin: 0 0 20px 0;
}

.locetar_elearning .conteudo h3 {
    font-size: 18px;
    font-weight: 600;
    color: #293883;
    margin: 0 0 20px 0;
}

.locetar_elearning .conteudo ul {
    padding-left: 20px;
    margin: 0;
}

.locetar_elearning .conteudo ul li {
    position: relative;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.locetar_elearning .conteudo ul.locetar {
    padding: 0;
    margin: 0;
}

.locetar_elearning .conteudo ul.locetar li {
    position: relative;
    list-style: none;
    font-size: 14px;
    color: #333;
    padding-left: 35px;
    margin-bottom: 10px;
}

.locetar_elearning .conteudo ul.locetar li:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 25px;
    height: 25px;
    background: url('../images/locetar-elearning/locetar_bullet.png') no-repeat top left;
    background-size: 100%;
}

.locetar.blue li {
    font-size: 17px !important;
    color: #293883 !important;
    font-weight: bold;
}

.small li, .small {
    font-size: 12px !important; line-height: 16px; white-space: normal;
}

.not_bold {font-weight: normal;}

.blue li, .blue{
    color: #293883 !important;
    font-weight: bold;
}

.orange{
    color: #ea5119 !important;
    font-weight: bold;
}

.light_blue{
    color: #0293bb !important;
}

.center {text-align: center;}

.white_box {
  background: #FFF; border: 1px solid #243e8c; color: #243e8c;
  padding: 15px; text-transform: uppercase; font-size: 14px;
  width: 100%; text-align: center; display: block;
}

table.locetar, table.locetar2 {
  width: 100%;
  text-align: left;
}

table.locetar th, table.locetar td {
  padding: 15px;
  border: 1px solid #000;
  vertical-align: top;
}

table.locetar2 th, table.locetar2 td {
  padding: 5px 10px;
  border: 1px solid #000;
  vertical-align: top;
  text-align: center;
}

table.locetar2 td:nth-child(1) {
  text-align: left;
}

table.locetar th, table.locetar2 th {
  text-align: center;
  background: #0293bb;
  color: #FFF;
}



.locetar_elearning .footnote {
    font-size: 10px;
    margin-top: 10px;
}

.locetar_elearning .border_blue {
    border: 1px solid #293883;
}

.locetar_elearning img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.legenda_img, .legenda_img p {
  text-align: left; font-size: 10px !important;
}

.legenda_img img {
  margin-left: 0;
}

.reveal_box {
    position: relative;
    margin-top: 20px;
    padding-left: 35px;
    padding-top: 22px;
    min-height: 70px;
}

.reveal_box h3 {
    font-size: 18px;
    font-weight: 600;
    color: #293883;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.btn_info {
    background: url('../images/locetar-elearning/btn_info.png') no-repeat top left;
    background-size: 100%;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    cursor: pointer;
}

.btn_info_txt1 {
    color: #0293bb;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.btn_info_txt2 {
    color: #003888;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.referencias ul {
  background: #FFF;
}

/*== Popup Content ==*/

.popup_container {
    /* position: absolute;
    top: 0;
    left: 0; */
    /* z-index: 10; */
    padding: 30px 50px;
    padding-right: 150px;
    width: 100%;
    /* height: 100%; */
    min-height: 400px;
    font-size: 16px; font-weight: bold;
    text-align: center;
    color: #003888;
}

.popup_container .title {
  font-size: 30px; font-weight: bold; color: #0293bb;
  margin-bottom: 40px;
  width: 100%; text-align: left; text-transform: uppercase;
}

/* .popup_content{
    position: relative;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20%;
    width: 100%;
    max-width: 450px;
    border: 2px solid #293883;
    border-radius: 0px;
    padding: 50px;

    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
} */

@media (max-width: 768px) {

  .popup_container {
      padding: 15px;
      padding-top: 30px;
  }
}

.popup_content .btn_close {
    position: absolute;
    top: 20px;
    right: 20px;
    /* width: 35px;
    height: 35px;
    background: #293883;
    color: #ffffff !important;
    padding-top: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 20px; */
    background: url('../images/locetar-elearning/btn_close.png') no-repeat top left;
    background-size: 100%;
    width: 51px; height: 51px;
}

.locetar_elearning .popup ul.locetar {
    padding: 0;
    margin: 0;
}

.locetar_elearning .popup ul.locetar li {
    position: relative;
    list-style: none;
    font-size: 14px;
    color: #333;
    padding-left: 35px;
    margin-bottom: 10px;
}

.locetar_elearning .popup ul.locetar li:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 25px;
    height: 25px;
    background: url('../images/locetar-elearning/locetar_bullet.png') no-repeat top left;
    background-size: 100%;
}

.locetar_elearning .popup ul.locetar li {
    position: relative;
    list-style: none;
    font-size: 14px;
    color: #333;
    padding-left: 35px;
    margin-bottom: 10px;
}

.item .popup {
    display: none;
}


/* Locetar Referências */

.locetar_elearning .referencias {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
    /* min-height: 70px; */
    margin-bottom: 0;
}

.locetar_elearning .referencias ul {
    padding: 15px 30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 0;
}

.locetar_elearning .referencias ul li {
    position: relative;
    list-style: none;
    font-size: 11px;
    word-break: break-all;
    margin-bottom: 3px;
}

.locetar_elearning .referencias ul li span.ref_num {
    position: absolute;
    top: 0;
    left: -24px;
    width: 20px;
    text-align: right;
    font-weight: 600;
}

/* .btn_refs {
    background: url('../images/locetar-elearning/btn_refs.png') no-repeat top left;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
} */

.btn_refs {
    background: url('../images/locetar-elearning/btn_refs.png') no-repeat top left;
    background-size: 100%;
    /* position: absolute;
    bottom: 0;
    left: 0; */
    width: 146px;
    height: 39px;
    margin-left: -30px;
}

/* Animations */

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}