@font-face {font-family: gautamib; src: url(font/gautamib.ttf);}
@font-face {font-family: gautami; src: url(font/gautami.ttf);}

/* ====== HEADER */
.header{
    width: 100%;
    height: auto;
    background-color: #FFF;
    background-image: url(../_images/fundo.png);
    background-size: cover;
    background-position: center top;
    padding: 40px 0 40px 0;
}
.header h1{font-family: gautamib, sans-serif; font-size: 5em; color: #ffd800; text-transform: uppercase; text-shadow: 4px 4px #1f1f1f;}
.header hr{width: 200px; height: 1px; border: 1px solid #fff; margin: 0 auto; margin-bottom: 40px;}
.header p{font-family: gautami, sans-serif; font-size: 1.8em; color: #fff; text-transform: uppercase; padding-bottom: 90px;}

/* ====== MAIN*/
.main_h1{
    margin: 0 auto; 
    padding: 20px 0; 
    width: 80%; 
    max-width: 1200px; 
    background: #eee; 
    margin-top: 20px; 
    margin-bottom: 40px; 
    font-size: 1.8em; 
    color: #166382; 
    text-transform: uppercase; 
    font-weight: 700;
    border-bottom: 2px #166382 solid;
}

/* ====== PALESTRANTE */

/* ====== GALERIA FOTOS */
.galeria_foto img{float: left; width: 50%;}

.main_palestrante_artigas{
    float: left;
    width: 50%;
    height: 650px;
    background-color: #ffad64;
    background-image: url(../_images/palestrante/foto-artigas.png);
    background-size: cover;
    background-position: center top;
}
.main_palestrante_diogo{
    float: left;
    width: 50%;
    height: 650px;
    background-color: #ae7440;
    background-image: url(../_images/palestrante/foto-diogo.png);
    background-size: cover;
    background-position: center top;
}
.main_palestrante_jaques{
    float: left;
    width: 50%;
    height: 650px;
    background-color: #ffad64;
    background-image: url(../_images/palestrante/foto-jaques.png);
    background-size: cover;
    background-position: center top;
}
.main_palestrante_janderson{
    float: left;
    width: 50%;
    height: 650px;
    background-color: #ae7440;
    background-image: url(../_images/palestrante/foto-janderson.png);
    background-size: cover;
    background-position: center top;
}

.main_palestrante_caldas{
    float: left;
    width: 50%;
    height: 650px;
    background-color: #ffad64;
    background-image: url(../_images/palestrante/foto-caldas.png);
    background-size: cover;
    background-position: center top;
}
.main_palestrante_edilson{
    float: left;
    width: 50%;
    height: 650px;
    background-color: #ae7440;
    background-image: url(../_images/palestrante/foto-edilson.png);
    background-size: cover;
    background-position: center top;
}


.main_palestrante_cv{float: left; width: 50%; height: 650px; padding: 30px 10px 0 30px; padding-left: 30px; padding-top: 20px;}
.main_palestrante_cv h1{color: #333; font-size: 2.4em; text-align: left; font-weight: 700; text-transform: uppercase; margin-bottom: 10px;}
.main_palestrante_titulo{color: #ff4200; font-size: 1.8em; text-align: left; font-weight: 700; text-transform: uppercase; margin-bottom: 30px;}
.main_palestrante_curriculo{color: #555; font-size: 1.1em; text-align: left; font-weight: 400; margin-bottom: 30px;}
.main_palestrante_curriculo2{color: #555; font-size: 1.02em; text-align: left; font-weight: 400; margin-bottom: 30px;}
.main_palestrante_cv li{color: #ff4200; font-size: 1.2em; text-align: left; font-weight: 400; margin-left: 30px; margin-bottom: 10px; list-style-image: url(../_images/li.png);}

.galeria_titulo_autoria{font-size: 1.6em; color: #fff; font-weight: 700; text-transform: uppercase; margin-top: 30px}
.main_autoria ul{list-style: none; width: 80%; margin: 30px auto;}
.main_autoria ul li{
    width: 20%;
    float: left;
    margin: 10px 2.5%;
    
}
.main_autoria3 ul{list-style: none; width: 60%; margin: 30px auto;}
.main_autoria3 ul li{
    width: 33.33%;
    float: left;
    margin: 10px 0%;
    
}
.main_clientes ul{list-style: none; width: 80%; margin: 30px auto 0 auto;}
.main_clientes ul li{
    width: 20%;
    float: left;
    margin: 10px 2.5%;
    text-align:center !important;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
}

/* ====== INDICADO */
.main_indicado_galeria{padding: 20px 0;}
.main_indicado{width: 50%; height: auto; float: left;}
.main_indicado h1{color: #ffc000; font-size: 2.5em; text-align: left; text-transform: uppercase; font-weight: 700; margin-top: 18%;}
.main_indicado p{color: #333; font-size: 1.6em; text-align: left; text-transform: uppercase; font-weight: 400;}

/* ====== GALERIA */
.main_galeria{width: 50%; height: auto; float: left;}
.main_galeria p{color: #ffc000; font-size: 1.8em; text-transform: uppercase; font-weight: 700; margin-bottom: 20px;}
.main_galeria_foto img{width: 33.33%; float: left;}

/* ====== DATA / MAPA */
.main_data{width: 50%; height: auto; float: left;}
.main_data h1{color: #ffc000; font-size: 2.6em; text-align: left; text-transform: uppercase; font-weight: 700; margin-top: 15%;}
.main_data_horario{color: #ffc000; font-size: 1.6em; text-align: left; font-weight: 400; margin-bottom: 30px;}
.main_data_local{color: #fff; font-size: 2.2em; text-align: left; font-weight: 900; text-transform: uppercase;}
.main_data_endereco{color: #fff; font-size: 1.1em; text-align: left; font-weight: 400;}
.main_mapa{width: 50%; height: auto; float: left;}

/* ====== GALERIA HOTEL  */
.galeria_foto_hotel img{float: left; width: 25%;}

/* ====== PROGRAMACAO */
.programacao h1{font-size: 2.2em; margin-bottom: 20px; margin-top: 40px; color:#ffc000; font-weight: 900; text-transform: uppercase;}
.main_programacao{width: 850px; height: auto;}
.meio{margin: 0 auto;}
.main_programacao span{background: #ffc000; width: 100%; height: auto; float: left; margin-bottom: 15px;}
.horas{background: #ffc000; width: 150px; height: auto; float: left; padding: 14px 0 14px 0; text-align: center; color: #333; font-size: 1.2em; font-weight: 700;}
.hora_tema{background: #333; width: 700px; height: auto; float: left; padding: 14px 0 14px 10px; text-align: left; color: #fff; font-size: 1.2em;}

/* ====== INFORMAÇÔES */
.main_informacoes header{width: 100%;}

/* ====== INCLUSO*/
.main_incluso h1{font-size: 2.2em; color:#fff; text-transform: uppercase; font-weight: 700;}
.main_incluso p{font-size: 1.2em; color:#fff; text-transform: uppercase;}

/* ====== ESGOTADO / REALIZADO */
.main_esgotado_realizado h1{font-size: 3.4em; color:#fff; text-transform: uppercase; font-weight: 700;}
.main_esgotado_titulo_informacoes{font-size: 2em; color: #1f1f1f; text-transform: uppercase; font-weight: 700; margin: 30px 0;}
.main_esgotado_realizado_contatos p{font-size: 1.2em; color: #333; margin-bottom: 15px;}
.main_esgotado_realizado_contatos p a{color: #333; vertical-align: baseline;}
.main_esgotado_realizado_contatos p a:hover{color: #ffcc00;}

/* ====== main_frase_chamada */
.main_frase_chamada{
    display: inline-block;
    padding: 5px;
    border: 2px #d12121 solid;
    margin: 30px 0;
}
.main_frase_chamada h1{font-size: 2.4em; color: #fff; background: #d12121; text-transform: uppercase; font-weight: 700; padding: 8px 15px;}

/* ====== FORMULARIO */
.texto03{width:100%; padding: 10px 0 10px 0; margin:30px 0 0 0; background: #036fae; font-size: 1.2em; font-weight: bold; color:#FFF; display: none;}
.texto04{width:100%; padding: 15px 0 15px 0; margin:30px 0 0 0; background: #ff0033; font-size: 1.2em; font-weight: bold; color:#FFF; display: none;}

.main_contato_tel{display: none;}
.main_contato_tel p{font-size: 1.4em; color: #333; margin-bottom: 20px; font-weight: 300;}
.main_contato_tel p a{color: #333; vertical-align: baseline;}
.main_contato_tel p a:hover{color: #ffcc00;}

.main_contato header{float: left; width: 40%; padding-top: 20px;}

.main_contato header h1{font-size: 3.4em; text-transform: uppercase; color: #333; margin-bottom: 60px; text-align: left;}
.main_contato header h1 b{vertical-align: baseline;}

.main_contato header p{font-size: 1.4em; color: #333; text-align: left; margin-bottom: 20px; font-weight: 400;}
.main_contato header p a{color: #333; vertical-align: baseline;}
.main_contato header p a:hover{color: #ffcc00;}
.icon_bol{padding: 8px; border: #ffcc00 1px solid; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #ffcc00;}
.icon_bol:hover{background: #ffcc00; color: #fff;}
.contato_form p{font-size: 3em; text-transform: uppercase; font-weight: bold; color: #333; margin-bottom: 60px; margin-top: 20px;}


.contato_form{float: left; width: 60%; padding-left: 5%;}
.contato_form label{display: block; width: 100%; margin-bottom: 15px;}
.contato_form span{font-size: 1em; display: block; text-transform: uppercase; font-weight: 900; margin-bottom: 5px; color: #1f1f1f; text-align: left;}


.contato_form input
{
    width: 100%;
    height: 50px;
    border: none;
    padding: 10px;
    float: left;
    font-family: 'Arial', sans-serif;
    text-align: left;
    background: #fff;

    border:#ffffff 1px solid;
    border-bottom:#ccc 3px solid;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.contato_form textarea
{
    width: 100%;
    height: 100px;
    border: none;
    padding: 10px;
    float: left;
    font-family: 'Arial', sans-serif;
    text-align: left;
    background: #fff;

    border:#ffffff 1px solid;
    border-bottom:#ccc 3px solid;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.contato_form input:hover,
.contato_form textarea:hover
{font-size: 0.9em; border-bottom:#23d064 3px solid; transition: all 0.3s ease;}
.contato_form input:focus,
.contato_form textarea:focus
{font-size: 0.9em; border-bottom:#23d064 3px solid; transition: all 0.3s ease;}

.contato_form .btn{
    border:1px #ffffff solid;
    border-bottom:#ffcc00 3px solid;
    background: #f5f5f5;
    padding: 15px 25px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.875em;
    float: right;
    margin-top: 10px;
    cursor: pointer;
    color: #333;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contato_form .btn:hover{background: #ffcc00; color: #fff; transition: all 0.3s ease;}

/* ==== FOOTER */
.img_logo_jfv{width: 120px;}
.img_logos_clientes{width: 150px;}

.footer_apoios p{font-size: 0.9em; color: #1f1f1f; font-weight: 700; text-transform: uppercase; margin-bottom: 30px;}

.footer_apoios ul{list-style: none; }
.footer_apoios ul li{
    width: 25%;
    min-height: 80px;
    float: left;
    margin-bottom: 15px;
}
.footer_apoios li a{font-size: 0.75em; color: #555; font-weight: 300; }
.footer_apoios li a:hover{color: #333; font-weight: 400;}

.footer_redes_sociais p{font-size: 0.8em; color: #333; font-weight: 700; text-transform: uppercase; margin-top: 40px}

footer{margin-top: 40px;}
footer h1 form{width: 100%; height: auto; padding: 10px 0; color: #fff; font-size: 0.8em; background: #333333; font-weight: 300;}
.img_parceiros_2{display: none;}
footer form button{background: #333333; border: 0; text-decoration: none; color: #0070ae; font-weight: 700;}
footer form button:hover{color: #2397d7; cursor: pointer;}

@media(max-width: 1200px){
    /*INDICADO / GALERIA*/
    .main_indicado{width: 100%;}
    .main_indicado h1{margin-top:0; text-align: center;}
    .main_indicado p{margin-bottom: 10%; text-align: center;}
    .main_galeria{width: 100%;}

    /*DATA / LOCAL*/
    .main_data{width: 100%;}
    .main_data h1{margin-top: 5%; text-align: center; font-size: 2.4em;}
    .main_data_horario{text-align: center;}
    .main_data_local{text-align: center; font-size: 3.4em;}
    .main_data_endereco{margin-bottom: 10%; text-align: center;}
    .main_mapa{width: 100%;}

}

@media(max-width: 1160px){
    /*PALESTRANTE*/
    .main_h1{width: 100%; font-size: 2em; }
}

@media(max-width: 1060px){

    /*TOPO*/
    .header h1{font-size: 4em;}
    .header hr{width: 150px;}
    .header p{font-size: 1.4em;}

    /*PROGRAMACAO*/
    .main_programacao{width: 100%;}
    .horas{width: 20%; font-size: 1em;}
    .hora_tema{width: 80%; font-size: 1em;}

    /* main_frase_chamada */
    .main_frase_chamada{margin: 15px 0;}
    .main_frase_chamada h1{transition: all 0.5s ease; font-size: 2em;}

    /*FORMULARIO*/
    .main_contato header{width: 100%;}
    .main_contato header h1{ text-align: center;}
    .main_contato header p{ display: none;}
    .main_contato_tel{display: initial; width: 100%; margin-top: 100px; float: left;}
    .contato_form{width: 100%; padding-left: 0%; float:left;}

    /*FOOTER*/
    .footer_apoios p{margin: 30px 0 5px 0;}
    .footer_apoios ul li{width: 50%;}

}

@media(max-width: 930px){

    /*PALESTRANTE*/
    .main_palestrante_artigas,
    .main_palestrante_diogo,
    .main_palestrante_jaques,
    .main_palestrante_janderson,
    .main_palestrante_caldas,
    .main_palestrante_edilson{width: 100%; }

    .main_palestrante_cv{width: 100%; height: auto; padding-bottom: 30px; padding-left: 10px;  }
    .main_palestrante_cv h1, .main_palestrante_titulo{ text-align: center;}
}

@media(max-width: 900px){

    /*PALESTRANTE*/
    .main_h1{font-size: 1.4em; }

    /*INDICADO*/
    .main_indicado h1{font-size: 2em;}
    .main_indicado p{font-size: 1.3em;}

    /*PROGRAMACAO*/
    .horas{font-size: 1.2em;}
    .hora_tema{font-size: 1.2em;}
    .hora_tema em{display: none;}

}

@media(max-width: 770px){

    /*PALESTRANTE*/
    .galeria_foto img{width: 50%;}
    
    .main_h1{font-size: 1.3em; }

    /*DATA / LOCAL*/
    .main_data h1{font-size: 2em;}
    .main_data_local{font-size: 3em;}

    /* ====== GALERIA HOTEL  */
    .galeria_foto_hotel img{width: 50%;}

    /*GALERIA*/
    .main_galeria_foto img{width: 50%;}

    /*INDICADO*/
    .main_indicado h1{font-size: 1.6em;}
    .main_indicado p{font-size: 1.1em;}
    .main_galeria p{font-size: 1.6em;}

    /*FOOTER*/
    .img_parceiros_1{display: none;}
    .img_parceiros_2{display: initial;}

    /*FOOTER*/
    .footer_apoios ul li{width: 100%;}
}

@media(max-width: 600px){

    /*PALESTRANTE*/
    .main_h1{width: 100%; font-size: 1.1em; }

    /*INDICADO*/
    .main_indicado h1{font-size: 1.4em;}
    .main_indicado p{font-size: 1em;}
    .main_galeria p{font-size: 1.4em;}

}

@media(max-width: 500px){

    /*TOPO*/
    .header h1{font-size: 2.6em;}

    /*INDICADO*/
    .main_indicado h1{font-size: 1.4em;}
    .main_indicado p{font-size: 1em;}
    .main_galeria p{font-size: 1.4em;}

    /*DATA*/
    .main_data h1{font-size: 1.6em;}
    .main_data_local{font-size: 2.8em;}
    .main_data_endereco{font-size: 0.9em;}

    /*PROGRAMACAO*/
    .programacao h1{font-size: 1.6em;}
}
@media(max-width: 325px){

    /*FORMULARIO*/
    .main_contato header p{font-size: 1.1em;}
}