textarea,
pre,
code,
kbd,
samp,
var,
tt {
    font-family: 'Open Sans', Helvetica, sans-serif;
    color: #333;
}

body {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: left;
    margin: 0;
    background: #FFF;
}

img {
    border: 0;
}

a {
    color: #F4811E;
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
}

a:focus,
a:hover,
a:active {
    color: #2E3091;
    text-decoration: none;
}

input, select, textarea {
    border-radius: 5px !important;
}

/* títulos --------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2E3091;
    font-weight: 300;
}
h1,
h2 {
    margin: 10px 0 25px;
    font-size: 45px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
}
h3 {
    color: #F3801E;
    font-size: 21px;
}
h4 {
    font-size: 21px;
}
h5 {
    color: #F3801E;
    font-weight: 400;
    margin-top: 0;
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 20px;
}
h6 {}

img {
    max-width: 100%;
}

fieldset {
}

legend {
    color: #F4811E;
    padding-top: 40px;
    margin-right: 30px;
}

label {
    font-size: 13px;
    cursor: pointer;
}

sup {
    color: #F5811E;
    font-weight: 900;
}

hr {
    clear: both;
}

.logo a,
.logo a:hover {
    display: block;
}

.logo a,
.logo a:hover a {
    text-indent: -5000px;
}
.logo {
    float: left;
    margin: 15px 0;
}
.logo a,
.logo a:focus,
.logo a:hover,
.logo a:active {
    background: url(images/logo-caeep-centro-de-aperfeicoamento-e-encaminhamento-para-estagio-profissional.jpg) no-repeat;
    height: 147px;
    width: 513px;
    outline: none;
    cursor: pointer;
}

.btn-default {
    text-transform: uppercase;
    font-weight: 500;
    color: #FFF;
    background-color: #F5811E;
    border: none;
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    padding: 12px;
    white-space: pre-wrap;
}

.btn-default:hover {
    color: #FFFFFF;
    background-color: #2D3091;
    border: none;
}

.btn-azul {
    background-color: #2E3091;
}

.btn-azul:hover {
    background-color: #F5811E;
}

.table {
    font-size: 14px;
    border-bottom: 1px solid #DDD;
}

.table>tbody>tr>th {
    background: #666;
    color: #FFF;
    padding: 15px 8px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 12px 8px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: none;
}

.table-striped>tbody:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table>tbody {
    border: 1px solid #DDD;
}

/* skiplinks ------------------------------------------------------------------- */

.skip,
.hideme,
.print {
    position: absolute;
    top: -32768px;
    left: -32768px;
    /* LTR */
}
.skip:focus,
.skip:active {
    position: static;
    top: 0;
    left: 0;
}
/* skiplinks:technical setup */

#skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#skiplinks a.skip:focus,
#skiplinks a.skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
    background: #333;
    padding: 10px 0;
    text-decoration: none;
}
/*--- layout ----------------------------------- */

.pagina {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
.banner {
    margin-bottom: 30px;
    text-align: center;
    background: #E8F1FA;
}

.ms-slide .ms-layer {
    max-width: 48%;
    text-align: left;
}

.ms-slide .ms-layer h2 {
    border: none;
    padding-bottom: 0;
    margin: 10px 0 15px;
    font-size: 40px;
}

.ms-slide .ms-layer .btn-default:hover {
    background-color:#FD9740 !important;
}

.ms-slide .ms-layer .btn-azul:hover {
    background-color: #4968B9 !important;
}

.content {
    padding: 35px 15px;
}

.pull-right {
    margin-bottom: 25px;
    margin-left: 25px;
}

/* topo --------------------------------------*/

.topo {
    background: #fff;
    padding: 15px 0;
}

.nos-acompanhe {
    color: #2E3091;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    padding-top: 5px;
}

.nos-acompanhe .share-buttons {
    max-width: 255px;
    margin: 0 auto;
}

.nos-acompanhe .twitter,
.nos-acompanhe .fb_iframe_widget,
.nos-acompanhe .whatsapp {
    margin:5px 5px 0 0;
    float: left;
}

.nos-acompanhe .whatsapp a {
    padding: 2px 5px;
    color: #FFF;
    background: #16b303;
    border-radius: 3px;
    display: inline-block;
}

.nos-acompanhe .whatsapp a:hover {
    background: #109400;
}


.contato-topo {
    padding-top: 17px;
    line-height: 22px;
    font-size: 13px;
}
.contato-topo p {
    margin: 0 0 7px 0;
    padding: 0;
}
.contato-topo p {}

/* menu --------------------------------------*/

.navbar {
    margin: 0;
    background: #2E3091;
}

.navbar .container {
    padding: 0;
}

.navbar ul li {
    font-size: 14px;
    list-style-type: none;
    margin: 0 1px 0 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.navbar li a:link,
.navbar li a:visited {
    background: transparent;
    color: #fff;
    display: block;
    padding: 15px 16px;
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background:  #F4811E;
    color: #fff;
    text-decoration: none;
    outline: 0 none;
}
.navbar li a.active:link,
.navbar li a.active:visited,
.navbar li a.active:active,
.navbar li a.active:hover {
    color: #FFF;
    background: #F4811E;
    cursor: default;
}
/* lateral direita -------------------------------------*/

.sidebar {
    padding-top: 35px;
}

.home .sidebar {
    padding-top: 0;
}

.sidebar .well h4 {
    margin-top: 0;
}

.sidebar .well .form-control {
    margin-bottom: 10px;
}

.facebook {
    margin-top: 20px;
}
/* rodapé -------------------------------------*/

.rodape {
    color: #FFF;
    background: #2E3091;
    font-weight: 300;
    margin-top: 70px;
}

.rodape .container {
    padding: 30px 15px;
}

.rodape a:link,
.rodape a:visited {
    color: #FFF;
}
.rodape a:focus,
.rodape a:hover,
.rodape a:active {
    border-bottom: 1px solid #FFF;
}
.menu-rodape {
    border-bottom: 1px solid #6C6EB2;
    margin-bottom: 30px;
    padding-bottom:30px;
    text-transform: uppercase;
}

.menu-rodape ul {
    list-style: none;
    padding: 10px 0 0 0;
}

.menu-rodape li {
    padding-right: 15px;
    display: inline;
}

.rodape .redes-sociais a:hover {
    border: none;
    color: #2E3091;
}

.menu-rodape .fa-inverse {
    color: #FFF;
}

.menu-rodape .fa-stack-2x {
    color: #F4801C;
}

.contato-rodape {
    padding: 5px 0 10px 30px;
    line-height: 26px;
    font-size: 14px;
}

.newsletter {
    background: #242673;
    padding: 25px;
}

.newsletter h4 {
    color: #F3801E;
    font-size: 17px;
    margin: 0;
}

.newsletter .input-sm {
    height: 35px;
}

.copyright {
    font-size: 11px;
    clear: both;
    text-align: center;
    padding: 15px;
    background: #242673;
    color: #FFF;
    font-weight: 300;
}
/* tabela vagas disponíveis ----------------------------------------*/

.buscar-vaga h4 {
    font-size: 29px;
}

.oportunidades-home h2 {
    border-bottom: 1px solid #DDD;
    padding-bottom: 25px;
    margin-bottom: 25px;
    font-size: 32px;
}

.oportunidades-home h2 a {
    color: #2E3091;
}

.oportunidades-home h2 a:hover {
    color: #F4811E;
}

.busca-vagas-disponiveis .col-md-4,
.busca-vagas-disponiveis .col-xs-6,
.busca-vagas-disponiveis fieldset {
    padding-left: 0;
    margin-bottom: 10px;
}

.busca-vagas-disponiveis {
    margin: 30px 0 10px;
}
.busca-vagas-disponiveis p {
    float: left;
    margin: 6px 10px 0 0;
    font-weight: bold;
}

.vagas-disponiveis .btn {
    padding: 6px;
}

.perguntas-home {
    min-height: 403px;
    margin-top: 30px;
}

.perguntas-home h4 {
    margin: 0 0 20px;
}

.perguntas-home:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}


/* index ****************************************/

#box-login {}

#box-login p {
    font-weight: bold;
    margin: 0 0 5px 1px;
}
#box-login .type-text {
    padding: 0;
    margin: 0 5px 5px 2px;
}
#box-login .type-button {
    padding: 0;
    margin: 0;
}
#box-login .yform div.type-button input {
    background: url(images/bg-bt-cadastrar.jpg) no-repeat bottom;
    height: 44px;
    width: 120px;
    border: 0;
}
#box-login .yform div.type-button input:focus,
#box-login .yform div.type-button input:hover,
#box-login .yform div.type-button input:active {
    background-position: top;
}
#box-login .yform div.type-text {
    height: 27px;
}
#box-login fieldset {
    padding: 0;
    border: 0;
    margin: 0;
}
.download-lei-estagio a,
.download-lei-estagio a:hover {
    display: block;
}
.download-lei-estagio a,
.download-lei-estagio a:hover a {
    text-indent: -5000px;
}
.download-lei-estagio {
    float: left;
    padding-left: 21px;
}
.download-lei-estagio a {
    background: url(images/download-lei-de-estagio.jpg) top no-repeat;
    height: 147px;
    width: 216px;
    outline: none;
    cursor: pointer;
}
.download-lei-estagio a:focus,
.download-lei-estagio a:hover,
.download-lei-estagio a:active {
    background-position: bottom;
}
.perguntas-frequentes a,
.perguntas-frequentes a:hover {
    display: block;
}
.perguntas-frequentes a,
.perguntas-frequentes a:hover a {
    text-indent: -5000px;
}
.perguntas-frequentes {
    float: left;
    padding-left: 21px;
}
.perguntas-frequentes a {
    background: url(images/perguntas-frequentes-caeep.jpg) top no-repeat;
    height: 147px;
    width: 216px;
    outline: none;
    cursor: pointer;
}
.perguntas-frequentes a:focus,
.perguntas-frequentes a:hover,
.perguntas-frequentes a:active {
    background-position: bottom;
}
/* contato **********************************************/

#contato .type-button {
    padding: 0;
    margin: 0;
}
#contato .yform div.type-button input {
    background: url(images/bg-bt-cadastrar.jpg) no-repeat bottom;
    height: 44px;
    width: 120px;
    border: 0;
}
#contato .yform div.type-button input:focus,
#contato .yform div.type-button input:hover,
#contato .yform div.type-button input:active {
    background-position: top;
}


/* parceiros */
.parceiros div {
    margin-bottom: 20px;
}


/* Tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
    float: right;
    background: #FFF;
    border: 1px solid #DDD;
    padding: 20px;
    width:65%;
    min-height: 350px;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs {
    width: 35%;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 1px;
    background: #FAFAFA;
}

.tabs-left > .nav-tabs {
    float: left;
}

.tabs-left > .nav-tabs > li > a {
    padding: 8px 10px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
    margin: -1px -1px 1px 0;
    background: #FFF;
    color: #F4811E;
}

.tabs-left > .nav-tabs .active > a {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
    margin: -1px -1px 1px 0;
    background: #FFF;
    color: #F4811E;
}

.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    background: #FFF;
}


.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
}


/* messages ****************************************************************/

.success {
    color: #3d6611;
}
.error {
    color: #df280a;
}
.notice {
    color: #e26703;
}
.success,
.error {
    font-weight: bold;
}
.messages {
    margin: 15px 0 0 0;
    list-style: none !important;
    padding: 0;
}

.messages ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.error-msg,
.success-msg,
.notice-msg,
.note-msg {
    min-height: 23px !important;
    /*margin-bottom:1em !important;*/

    border-style: solid !important;
    border-width: 1px !important;
    background-repeat: no-repeat !important;
    background-position: 10px 10px !important;
    padding: 8px 8px 8px 38px !important;
    font-size: .95em !important;
    font-weight: bold !important;
}
.error-msg li,
.success-msg li,
.notice-msg li {
    margin: 0 0.2em 0 !important;
}
.error-msg {
    border-color: #f16048;
    color: #df280a;
    background-color: #faebe7;
    background-image: url(images/error_msg_icon.gif);
}
.success-msg {
    border-color: #446423;
    color: #3d6611;
    background-color: #eff5ea;
    background-image: url(images/success_msg_icon.gif);
}
.notice-msg,
.note-msg {
    border-color: #fcd344;
    color: #3d6611;
    background-color: #fafaec;
    background-image: url(images/note_msg_icon.gif);
}


/* Cadastre seu currídulo */
.cadastre-seu-curriculo form .col-md-6,
.cadastre-seu-curriculo form .col-md-12,
.cadastre-seu-curriculo form .col-sm-12,
.contato form .col-md-6,
.contato form .col-md-12,
.contato form .col-sm-12 {
    padding-left: 0;
    padding-right: 30px;
}


/* Quem somos */
.quem-somos .well {
    background-color: #F4801C;
    border: 1px solid #2E3091;
    color: #FFF;
    font-weight: bold;
}

.quem-somos .well h4 {
    font-weight: bold;
    color: #FFF;
}

/* Detalhe Vaga */
.content .share-buttons {
    font-style: italic;
    font-weight: 600;
    color: #2e3091;
}

.content .share-buttons p,
.content .share-buttons .fb_iframe_widget,
.content .share-buttons .twitter,
.content .share-buttons .whatsapp {
    float: left;
    margin-right: 10px;
}

/**
 * Panel
 */
.panel {
    padding: 25px 25px 25px 25px;
    background: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 30px;
}

.panel h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .navbar ul li a:link,
    .navbar ul li a:visited {
        padding: 15px 10px;
        font-size: 13px;
    }
    .contato-topo {
        font-size: 13px;
    }
    .nos-acompanhe {
        padding-top: 45px;
    }
    .nos-acompanhe span {
        display: block;
    }
    .nos-acompanhe a span {
        display: inline-block;
    }
    .contato-topo {
        padding-top: 20px;
        line-height: 22px;
    }
}

@media (max-width: 991px) {
    
    .contato-topo {
        padding-top:0;    
    }
    
    .whatsapp a {
        padding: 2px 5px;
        color: #FFF;
        background: #16b303;
        border-radius: 3px;
        display: inline-block;
        margin-top:10px;
    }

    .ms-slide .ms-layer h2 {
        font-size: 26px;
    }

    .ms-slide .ms-layer .btn-default {
        padding: 6px;
        font-size: 13px;
    }

    .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
        display: none;
    }

    .topo {
        text-align: center;
    }
    .navbar ul li a:link,
    .navbar ul li a:visited {
        padding: 15px 10px;
        font-size: 13px;
    }
    .navbar-header {
        float: none;
        margin: 0 !important;
    }
    .navbar-toggle {
        display: block;
        float: none;
        width: 100%;
        padding: 2px 0;
        margin-right: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0 15px 10px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-toggle .icon-bar {
        width: 50px;
        height: 5px;
        margin:7px auto;
    }
    .navbar .navbar-toggle:hover .icon-bar {
        background-color: #F4811E;
    }
    .rodape .redes-sociais,
    .rodape .logo-rodape,
    .rodape .newsletter {
        text-align: center;
    }
    .rodape .contato-rodape{
        text-align: center;
        border: none;
        border-top: 1px solid #6C6EB2;
        margin-top: 30px;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .ms-slide .ms-layer h2 {
        font-size: 16px;
    }
}


@media (max-width: 768px) {
    .ms-slide .ms-layer p {
        display: none;
    }
    .oportunidades-home h2,
    h2 {
        font-size: 25px;
    }
}


/* Table responsive */
@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table {
        padding-left: 0;
        padding-right: 0;
    }

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 6px 0 10px 90px;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}