/*Header*/
    /*select, input[type="color" i][list] {background: none; border: 0; font-size: 22px; width: 160px; margin-right: 16px;}*/           
.nomeCurso{ color: #344980; font-size: 25px; padding: 0.5em 0;}

/*** Timeline */
.timeline{display: table; margin-bottom: 16px;}
.timeline div{ background: #f0f8ff; padding: 13px; min-width: 130px; text-align: center; float: left; font-size: 14px;}
.timeline img{ float: left;}
.timeline .ativo{ background:#2badca; color: #FFF; font-weight: bold;}
.timeline div:first-child{ border-radius: -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-top-left: 5px; -moz-border-radius-bottom-left: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.timeline div:last-child{ -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-top-right: 5px;-moz-border-radius-bottom-right: 5px;border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
/*** X - Timeline */  

/*** Tabs */
.nav-tab{ list-style: none; margin: 0;}
.nav-tab li{padding: 10px; display: inline-block; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.nav-tab li p:nth-child(1){font-weight: bold; font-size: 20px;}
.nav-tab li:hover{background: #faebd7; cursor: pointer;}
.nav-tab li p{ margin: 0; padding: 0;}

.conteudo-tab-A {background: #efefef; border: 1px solid #ddd; padding: 10px; margin-top: -2px; }
.nav-tab-A li {color: #faa703; border: 1px solid #efefef; }
.nav-tab-A li.active{border: 1px solid #ddd; border-bottom: none; background: #efefef; color: inherit;}
.nav-tab-A .active{background: #efefef;}

.conteudo-tab-B {background: #fff; border: 1px solid #fff; padding: 5px;}
.nav-tab-B li {border: 1px solid #ddd; border-bottom: none; background: #efefef; color: inherit;  }
.nav-tab-B li.active{background: #fff; color: #faa703;  border: 1px solid #fff;}
.nav-tab-B .active{background: #fff;}

/*Tab Modalidade*/
#tab-A{ display: block;}
#tab-B, #tab-C, #tab-D{ display: none;}

/*Tab Simples*/
#tab-A-1, #tab-B-1 { display: block;}
#tab-A-2, #tab-A-3, #tab-B-2, #tab-B-3{ display: none;}

/*** Calendário Turmas*/
.turmaHole{ display: inline-block; width: 100%; clear: left; }
.turmaHole p{ margin: 0; padding: 0;}
.turmaHoleCabecalho p{ margin: 2px; padding: 2px;}
.turmaHoleCorpo{border:1px solid #fbfbfb; background: #FFF; padding: 28px 10px 15px 10px; float: left; width: 77%;}
    .turmaHoleCorpo span{ float:left; margin-left:10px;}

.turmaHoleInicio{ background:#ffe9a7; padding: 10px; float: left;}
.turmaHoleEncerramento{ background:#f9f9f9; padding: 10px; float: left;}
    .dia{ font-size: 30px; font-weight: bold; float: left;}
    .mes{ font-size: 15px; font-weight: bold; float: left;}

.turmaHoleRodape{ padding: 0; width: 220px;}
.turmaVagas{ padding: 10px;}
.turmaHoleDias{ margin: -5px 0 0 2px; padding: 0;}
.turmaHoleDias li:first-child { background:none; border:none; display:block;}
.turmaHoleDias li{ display:inline-block; padding:0.2em; margin: 0 0.2em; background:#f9f9f9; border:1px solid #ffe9a7; color:#000; font-weight:bolder; font-size:12px;}
/*** X Calendário Turmas*/

/*** Tabela Resumo */
.tabelaResumo {display: inline-table;}
.tabelaResumo img{ margin-left: 0.5em;}
.tabelaResumo div{ padding: 2px; margin: 2px; float: left;}    
.tabelaResumo div p{ margin: 5px; padding: 0; font-size: 14px;}    
.tabelaResumo div p:first-child{ font-weight: bold; font-size: 16px; color: #008b8b;}
.btn-alterar{ font-weight: bold; background: none; border: none; font-size:13px; color:#f08a27; margin: 0 0 0 10px; padding: 0; background: none; border: 0;}

.turmaHoleRodape{ margin:0;}
.turmaHoleDias li:first-child {background:none; border:none;}
.turmaHoleDias li{ display:inline-block; padding:0.2em; margin: 0 0.2em; background:#f9f9f9; border:1px solid #ffe9a7; color:#000; font-weight:bolder; font-size:12px;}    

/*Investimento*/
.investimento{display: inline-block;}
    .valor-integral{float: left; padding: 30px; font-size: 30px;}
        .valor-integral p{ color: #008b8b; line-height: 0; font-weight: 600;}
    .valor-parcelas{float: left; padding: 30px; border-left: 3px solid #f6b801; background: #ffe9a7;}
        .valor-parcelas .parcelas{ color:#344980; font-size: 25px;font-weight: 600; margin: 0; padding: 0;}
        .valor-parcelas p{ margin: 0; padding: 0;}
    .valor-antigo{float: left; padding: 30px;}
        .valor-antigo .valor-novo{ color: #008b8b; font-size: 25px; font-weight: 600;  margin: 0; padding: 0;}
        .valor-antigo p{ margin: 0; padding: 0;}
    .valor-desconto{color:#4c7c00;  font-size: 25px; font-weight: 600; }

/*Form de inscricao*/
.form .form-corpo{ color: #666; font-weight: 100;}
    .form .form-corpo p{ margin: 15px 0; display: table;}
    .form .form-corpo input[type=text], .form .form-corpo input[type=password], form .form-corpo .textarea{float: left; width:260px; border: 1px solid #CCC;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 15px; padding:5px;}
    .form .form-corpo .textarea{ height: 100px;}
    .form .form-corpo label{ display: block; font-weight: bold; float: left; width: 150px;}
    .form label.error{ color: #b94a48; font-weight: 100; font-size: 14px; margin-left: 10px;}

/****MediaQueries***/

@media screen and (max-width:1199px){
.timeline div{min-width: initial;}        
.turmaHole{width: 49%;  }	
.turmaHoleCorpo {width: 90%;}
.turmaHoleCorpo span { margin: 10px;}
.conteudo-tab-A .turmaHoleCorpo, .conteudo-tab-B .turmaHoleCorpo { background: #f9f9f9}
.turmaHoleRodape{ width: 270px;}	
}

@media screen and (max-width:1024px){
.telefone{ font-size: 20px !important;}
.turmaHoleCorpo{width: 90%;}
}

@media screen and (max-width:720px){
    nav{text-align: center;}
    .contato{ float: none; }
        .telefone{ float: none;}    
    .nomeCurso{ padding: 10px;}    
    .nav-tab{padding: 0;}
    .nav-tab li { width: 100%; padding: 5px 0 5px 0;}
    #aba-A, #aba-B, #aba-C, #aba-D{ padding: 15px 0;}
    .nav-tab li p{ padding: 10px 0 0 15px;}
    .turmaHole{width:100%; }	
    .turmaHoleInicio, .turmaHoleEncerramento{ width:initial;}
    .turmaHoleRodape{width: 240px;}
    .timeline img{ display: none; padding: 2px;}
        .timeline div{ display: none;}
        .timeline .ativo{ display: block!important; color: #093576; padding: 5px; background: none; }
        .timeline .ativo:before{ content: '>'}
    
    .form{width: 100%;}
    .form-corpo{margin: 0 auto; width: 280px;}
    .form .form-corpo label{ display: block; font-weight: bold; float: none; width: 150px;}
    .form label.error{ font-size: 14px; text-align: center; width: initial;}

    
}

@media screen and (max-width:580px){
.turmaHoleInicio, .turmaHoleEncerramento{ width:initial;}
}