/*
* Banner cursos
*/

#P_cursos .container{
    /*max-width:1330px;*/
    margin-bottom:136px;
}

#P_cursos .bold { font-weight: 600; }

#P_cursos #banner-cursos {
    position: relative;
    height: 500px;
    background: url(../img/banner-cursos.jpg) center top no-repeat;
}
#P_cursos #banner-cursos:before {
    display: table;
    position: relative;
    content: " ";
}
#P_cursos #banner-cursos h1 {
    margin: 298px 0 0 0;
    padding: 0;

    font-size: 47px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.3;
    color: #fff;

    position: relative;
}
#P_cursos #banner-cursos h1:before {
    content: ' ';
    width: 150px;
    height: 2px;
    background: white;
    position: absolute;
    top: 63px;
    left: 0;
}
#P_cursos h1 span, #P_cursos h3 span { font-weight: 700; }
#P_cursos { color: #6d6e71; }

#P_cursos a, #P_cursos a:hover, #P_cursos a:visited, #P_cursos a:active{
    color: inherit;
    text-decoration: none;
}

#P_cursos h3{
    margin: 55px 0 0 0;
    padding: 0;

    font-size: 28px;
    font-weight: 300;
    line-height: 1.3;
    color: #6d6e71;

    position: relative;

    height: 50px;
}
#P_cursos h3:before {
    content: ' ';
    width: 147px;
    height: 5px;
    background-color: #1fbbb0;
    position: absolute;
    top: 42px;
    left: 2px;
}
#P_cursos p{
    font-size: 18px;
    font-weight: 400;
}
#P_cursos .perfil-detalhe h3 {
    font-size: 22px;
    margin: 0;
}
#P_cursos .perfil-detalhe h3:before { top: 33px; }

#P_cursos .curso-content{
    margin-top: 50px;
    height: 93px;
    display: block;
}
#P_cursos .curso-nome{
    color: white;
    float: left;
    line-height: 93px;
    text-indent: 24px;
    font-size: 25px;
}
#P_cursos .curso-img{
    float: right;
    border-left: 4px solid white;
}

#P_cursos .curso-publico{
    display:block;
    background: url("../img/icon-person.png") left top no-repeat;
    padding-left: 56px;
    padding-bottom:6px;
    margin-bottom:30px;
}
#P_cursos .curso-carga{
    display:block;
    background: url("../img/icon-clock.png") left top no-repeat;
    padding-left: 56px;
    padding-bottom:6px;
    margin-bottom:30px;
}

#P_cursos .link-company{
    border: 3px solid #1fbbb0;
    padding: 28px 22px;
    display: block;
    float: right;

    font-size: 20px;
    font-weight: 700;
    color:#1fbbb0;
}

#P_cursos .bg1{ background-color: #1fbbb0;}
#P_cursos .bg2{ background-color: #808b8c;}

#P_cursos .no-margin-left, #P_cursos .no-margin-left p { margin-left: 0!important; }

#P_cursos .item-outros-cursos {
    float:left;
    margin-top: 36px;
}

#P_cursos .col70{width: 70%; float: left;}
#P_cursos .col60{width: 60%; float: left;}
#P_cursos .col40{width: 40%; float: left;}
#P_cursos .col30{width: 30%; float: left;}

#P_cursos  .curso-respiro { height: 40px; }
#P_cursos .texto-curso { font-size: 15px; }
#P_cursos .texto-curso-diferencial{ font-size: 17px; }

/* VINI */
#P_cursos .col-curso {
    width: 29.88%;
    float: left;
    border:1px solid #1fbbb0;
    margin-top: 48px;
    margin-right: 3%;
    max-height: 660px;
    min-height: 660px;
}
#P_cursos .col-curso.first-child { margin-left:0; }

#P_cursos .col-curso h3 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
    background: #1fbbb0 !important;
    color: #fff !important;
    text-align: center;
    line-height: 48px !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}
#P_cursos .col-curso .content {
    padding: 15px 30px !important;
    margin: 0 !important;
}
#P_cursos .col-curso .content .text {
    margin-bottom: 40px;
    max-height: 130px;
    min-height:130px;
    overflow: hidden;
}
#P_cursos .col-curso .content .text p {
    margin:0;
    margin-bottom:6px;
}

#P_cursos .col-curso a {
    display: block;
    position:absolute;
    bottom:0px;
    margin-top: 0px;
    background: #1fbbb0;
    color: #fff !important;
    padding: 8px 16px;
    float: left;
    clear: both;
    font-size: 18px;
    font-weight: 500;
}
#P_cursos .col-curso a:hover { background:#1a827b; }

#P_cursos .col-curso .other-text {
    position:relative;
    float:left;
    clear:both;
    min-height:225px;
}

#P_cursos .curso-interna .content-text {
    clear:both;
    float:left;
}
/* */


@media (max-width: 1024px) {
    #P_cursos .curso-nome{ font-size: 22px; }
    #P_cursos .link-company { font-size: 15px; }
}

@media (max-width: 820px) {
    #P_cursos #banner-cursos {
        height: 231px;
        background-size: cover;
    }
    #P_cursos  #banner-cursos h1 { margin: 108px 0 0 0; }

    #P_cursos img {
        width: 100%;
        height: auto;
        margin-bottom: -4px;
    }
    #P_cursos .curso-nome, #P_cursos .curso-img {
        float: none;
        border: 0;
    }

    #P_cursos .curso-content{ height: auto; }
    #P_cursos .curso-publico, #P_cursos .curso-carga{ min-width: 150px; }
    #P_cursos .no-margin-left .col70, #P_cursos .no-margin-left .col30{ float:none; }

    #P_cursos .link-company {
        float: none;
        width:auto;
        margin:30px 50px;
    }
}

@media (max-width: 600px) {
    #P_cursos .col {
        width: 100%;
        float: none;
    }
    #P_cursos .mensagem { margin-top: 50px; }
    #P_cursos .col60{width: 100%; float: none;}
    #P_cursos .col40{width: 100%; float: none;}
}

@media (max-width: 425px) {
    #P_cursos  #banner-cursos h1 { font-size: 30px; }
    #P_cursos .title-mobile { font-size: 15px; }

    #P_cursos .curso-nome {
        text-indent: 10px;
        font-size: 14px;
    }
}
@media (max-width: 320px) {
    #P_cursos .curso-nome{ font-size: 13px; }
    #P_cursos p{ font-size: 12px; }
}