/*===== HEADER =====*/
.header_topo{
    width: 50%;
    height: 600px;
    float: left;
    padding-top: 5%;
}
.header_topo h1{
    color: #fff;
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
}
.header_topo h1 span{
    font-size: 1.6em;
}
.header_subtitulo{
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size:1.1em;
    font-weight: 400;
    margin-bottom:10%;}

.header_topo a{
    color: #fff;
    padding: 2% 5%;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.header_topo a:hover{
    color: #012743;
    background: #fff;
    font-weight: 700;
}

.header_imagem{
    width: 50%;
    height: 600px;
    background-color:#fff;
    background-image: url(../_images/fundo.jpg);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
    float: left;
}

/*===== MAIN_GALERIA =====*/
.main_galeria h1{
    font-size: 1.2em;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
}

.main_galeria ul{
    width: 60%;
    height: auto;
    margin: 3% auto;

}
.main_galeria li{
    list-style: none;
    width: 33.33%;
    height: auto;
    float: left;
}


/*===== PALESTRANTE =====*/
.img_palestrante_02{display: none;}
.main_palestrante_foto{
    width: 30%;
    height: auto;
    float: left;
    margin-left: 5%;
    padding-top: 40px;
}
.main_palestrante_cv{
    width: 60%;
    height: auto;
    float: left;
    padding-top: 5%;
    padding-left: 1%;
}
.main_palestrante_cv h1{
    font-size: 2.2em;
    color: #fff;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 1%;
}
.main_palestrante_cv .cv{
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    text-align: left;
    margin-bottom: 2%;
}
.main_palestrante_cv img{float: left; max-width: 60%;}

/*===== AULAS =====*/
.aulas{
    background-color:#fff;
    background-image: url(../_images/fundo-aulas.jpg);
    background-size: cover;
    background-position:center;
    background-repeat:no-repeat;
    padding-top: 40px;
}
.main_aulas{
    width: 100%;
    height: auto;

}
.main_aulas h1{
    font-family: 'Lato', sans-serif;
    font-size: 2em;
    color: #333;
    font-weight: 700;
    padding: 0 5%;
    margin-bottom: 1%;
    text-transform: uppercase;
}
.main_aulas hr{
    width: 150px;
    height: 1px;
    background: #333;
    margin:0 auto;
    margin-bottom: 2%;
    border:1px solid #fc0;
}
.main_aulas ul{
    width: 100%;
    height: auto;
    float: left;
}
.main_aulas li{
    list-style: none;
    width: 25%;
    height: 180px;
    float: left;
    padding: 30px 10px 10px 10px;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    font-size: 1em;
    color: #333;
    font-weight: 400;
}
.main_aulas li:hover{
    background: #750000;
    cursor: pointer;
    color: #fff;
}

.main_aulas li span{
    font-family: 'Lato', sans-serif;
    border-radius: 5px;
    background: #750000;
    padding: 8px 20px;
    color: #fff;
    font-weight: 700;
    border:1px solid #fff;
}

/*===== DATA =====*/
.main_data h1{
    font-family: 'Lato', sans-serif;
    color: #FF0;
    font-size: 2.6em;
    font-weight: 400;
}
.main_data .local{
    font-family: 'Lato', sans-serif;
    color: #FFF;
    font-size: 1.6em;
    font-weight: 700;
}
.main_data .endereco{
    font-family: 'Lato', sans-serif;
    color: #FFF;
    font-size: 1em;
    font-weight: 400;
}

/*===== PROGRAMACAO =====*/
.main_programacao h1{
    font-size: 2.2em;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
}
.main_programacao p{
    font-size: 1.4em;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
}

/*===== DEPOIMENTOS =====*/
.main_depoimentos h1{
    font-family: "Times New Roman", Times, serif;
    color: #ffc000;
    font-size: 2em;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    padding: 0 10%;
}
.main_depoimentos p{
    background-image: url(../_images/aspas.png);
    background-repeat: no-repeat;
    width:32%;
    height:auto;
    float:left;
    padding-left:45px;

    text-align:left;
    font-size:1em;
    color:#333;
    font-weight:400;
    margin:30px 2% 30px 0;
}
.main_depoimentos p:nth-of-type(3n+0){margin-right: 0;}
.main_depoimentos p b{
    font-size:1em;
    color:#333;
    font-weight:700;
}

/*===== APOSTILA =====*/
.main_apostila h1{
    width: 55%;
    height: auto;
    float: left;

    color: #ff0;
    text-align: left;
    font-size: 1.3em;
    font-weight: 700;
    margin-top: 2%;
    margin-left: 5%;
}

/*===== INDICADO =====*/
.main_indicado{
    width: 100%;
    max-width: 750px;
    height: auto;
    margin:0 auto;

    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottom-right: 5px;
    -moz-border-radius-bottom-left: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    margin-bottom: 20px;
}
.main_indicado h1{
    color: #FFF;
    font-size: 1.4em;
    font-weight: 700;
    padding-top: 10px;
}
.main_indicado p{
    color: #FFF;
    font-size: 1em;
    font-weight: 400;
    padding-bottom: 10px;
}

/*===== TABELA VALORES =====*/
.main_tabela_valores{
    width: 100%;
    max-width: 700px;
    height: auto;
    margin: 15px auto;
    border: 2px solid #e2a001;
    padding: 15px 5% 15px 5%;
}
.main_tabela_valores h1{
    color: #333;
    font-size: 1.4em;
    font-weight: 700;
    padding-top: 10px;
}
.tabela_valor{
    color: #e2a001;
    font-size: 2.2em;
    font-weight: 700;
    padding-top: 10px;
}
.tabela_descricao{
    color: #333;
    font-size: 1.1em;
    font-weight: 400;
    padding-top: 10px;
}

/*===== VALORES =====*/
.main_valores h1{
    color: #333;
    font-size: 2em;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 20px;
    font-weight: 700;
}
.main_valores p{
    color: #333;
    font-size: 1.4em;
    font-style: italic;
    font-weight: 400;
}


/*===== FORMULARIO =====*/
.h1_form{
    width:85%;
    height:auto;
    margin:0 auto;
    font-size: 2em;
    color:#333;
    text-transform: uppercase;
}

.formulario{
    width:100%;
    max-width:700px;
    height:auto;
    margin:30px auto;
}
.campos{
    width:100%;
    max-width:700px;
    height:45px;
    background:#f3f3f3;
    margin-bottom:20px;
    border:2px solid #f3f3f3;
    border-bottom:3px solid #dddddd;
    border-radius:3px;
    padding-left:15px;
    text-align:left;
    font-size:1em;
}
select{
    width:100%;
    max-width:700px;
    height:45px;
    background:#f3f3f3;
    margin-bottom:20px;
    border:2px solid #f3f3f3;
    border-bottom:3px solid #dddddd;
    border-radius:3px;
    padding-left:15px;
    text-align:left;
    color:#757575;
    font-size:1em;
}
textarea{
    width:100%;
    max-width:700px;
    height:100px;
    background:#f3f3f3;
    margin-bottom:20px;
    border:2px solid #f3f3f3;
    border-radius:3px;
    padding-left:15px;
    text-align:left;
    color:#757575;
    font-size:1em;
}

.bot{
    width:100%;
    max-width:700px;
    height:45px;
    background:#860303;
    margin-bottom:20px;
    border:none;
    border-bottom:4px solid #580000;
    border-radius:3px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-size:1.4em;
    cursor:pointer;
}
.bot:hover{background:#720000;}

/*===== FOOTER =====*/
/*===== FOOTER =====*/
footer h1{font-family:"Times New Roman", Times, serif; color:#FFF; font-size:1.8em; font-weight:700; font-style:italic; margin-bottom:40px;}
.footer_contato{
    font-family: 'Lato', sans-serif;
    font-size:1em;
    color:#fff;
    font-weight:400;
    margin-bottom:30px;
}
.footer_contato strong{text-transform: uppercase; color: #ffcc00;}
.footer_contato a{color: #fff; text-decoration: none;}
.footer_contato a:hover{color: #d5721b;}
.footer_copy{
    font-family: 'Lato', sans-serif;
    font-size:0.8em;
    color:#fff;
    font-weight:400;
}


/*===== ===== MOBILE ===== =====*/

@media(max-width: 1180px){

    /*HEADER*/
    .header_topo h1{font-size: 1.4em;}
    .header_subtitulo{font-size:1em;}

    /*GALERIA*/
    .main_galeria ul{width: 90%;}

    /*PALESTRANTE*/

    .main_palestrante_foto{width: 100%; margin-left:0; }
    .main_palestrante_cv{width: 100%;}
    .main_palestrante_cv h1{text-align: center;}
    .main_palestrante_cv .cv{margin-bottom: 50px;}
    .main_palestrante_cv img{float: none; max-width: 60%;}

    /*AULAS*/
    .main_aulas h1{font-size: 1.8em;}
}


@media(max-width: 1110px){
    /*AULAS*/
    .main_aulas li{width: 50%;}
}

@media(max-width: 1000px){
    /*HEADER*/
    .header_topo{width: 100%; height: auto; padding-bottom: 5%;}
    .header_imagem{display: none;}


    .header_topo h1{font-size: 1.8em;}

    .header_subtitulo{font-size:1.2em;}

    /*DEPOIMENTOS*/
    .main_depoimentos h1{font-size: 1.6em;}

    /*FORMULARIO*/
    .h1_form{width:95%; font-size: 1.6em;}

}

@media(max-width: 1000px){
    /*HEADER*/


    .header_subtitulo{font-size:1.1em;}

    /*GALERIA*/
    .main_galeria ul{width: 100%;}

    /*PALESTRANTE*/
    .img_palestrante_02{max-width: 75%;}
    .main_palestrante_cv img{max-width: 80%;}

    /*AULAS*/
    .main_aulas h1{font-size: 1.6em;}
}

@media(max-width: 745px){

    /*HEADER*/
    .header_topo h1{font-size: 1.4em;}

    .header_subtitulo{font-size:1em;}


    /*DATA*/
    .main_data h1{font-size: 1.4em;}
    .main_data .local{font-size: 2.6em;}


    /*DEPOIMENTOS*/
    .main_depoimentos h1{font-size: 1.4em;}
    .main_depoimentos p{width:100%; margin:30px 0 0 0;}

    /*APOSTILA*/
    .main_apostila h1{width: 100%; margin-top: 2%; margin-left: 0; margin-bottom: 30px; text-align: center;
    }


    /*VALORES*/
    .main_valores h1{font-size: 1.6em;}
    .main_valores p{font-size: 1.2em;}

    /*FORMULARIO*/
    .h1_form{width:100%;}

    /*FOOTER*/
    footer h1{font-size:1.6em;}

}

@media(max-width: 640px){
    /*AULAS*/
    .main_aulas li{width: 100%; height: auto;}

}

@media(max-width: 510px){



    /*GALERIA*/
    .main_galeria li{width: 100%;}

    /*VALORES*/
    .main_valores h1{font-size: 1.4em;}
    .main_valores p{font-size: 1em;}
}

@media(max-width: 510px){
    /*HEADER*/
    .header_topo h1{font-size: 1.2em;}
    .img_logo{max-width: 50%}


}