/* 
    Created on : 04/02/2017, 13:09:45
    Author     : Renato
*/

{margin: 0px;padding: 0px;}
article{padding: 70px 0;}
a{text-decoration: none!important}
.color1{background-color: #dd5752}
.color2{background-color: #2c7772}
.color3{background-color: #fed45b}
.color4{background-color: #72BCDF}
.color5{background-color: #7BBD4D}
.color6{background-color: #D36F4D}
.color7{background-color: #57809C!important}
.color8{background-color: #5CC4BD}
.color9{background-color: #555}
.text1{color: #fff}
.reset{padding: 0px!important}

.barra_header{
    height: 60px;
    background-color: #000;
}

.nav_box{
    background-color: rgba(0,0,0,0.8);
    text-align: right!important;
    padding: 15px 0 ;
    width: 100%;
    display: block;
    z-index: 100;
    top: 0px;
    position: fixed;
}

.meuMenu{
    color: #fff!important;    
    float: right;  
}
.meuMenu a {
    color: #fff!important;    
    font-size: 1.5em;
    margin-left: 25px;
}

/* ------------------ EFEITO PARALAX DO SITE */
/* General Slides */
.slide{
    background-attachment: fixed;
    width:100%;    
    position: relative;
    text-align: center;
    background-color: #f3f3f3;

}
/* Slide 3 */ 
#slide3{
    background-image:url('../imagens/Paralax/01.jpg');
    background-repeat: no-repeat;
    background-size: 1920px 1080px;
    padding: 30px 0;
    color:#444;
    overflow: hidden;
    background-position-y: 70%;

}

@media(min-width: 1900px){
    #slide3{
        background-size: 100%;
    }
}

.paralax_box_img{
    margin: 0 auto;
    margin-top: 100px;   
    width: 250px;
    height: 250px;
    border:10px solid rgba(255,255,255,0.8);
    border-radius: 200px;
    overflow: hidden!important;
    background-color: rgba(255,255,255,0.8);
    z-index: 2;
    text-align: center;
}

.paralax_box_img img{
    width: 230px;
}

.paralax_box_txt{   
    border: solid;
    border-color: rgba(255,255,255,0.4);
    margin-top: -120px;
    padding-top: 120px;
    border-radius: 10px;
    padding-bottom: 45px;
    margin-bottom: 100px;
    overflow: hidden
}

#slide3 h1 {
    font-size: 4em;
    font-weight: 700;
    text-transform: uppercase;
    color:#fff;
}


#slide3 .paralax_box_atuacao {
    font-size: 1em;
    color:#fff;
    width: 100%;
    float: left;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px!important;
}


/* Slide 4 */
#slide4{
    background-size: 1920px 1080px;
    background-image:url('../imagens/Paralax/02.jpg');
    padding: 80px 0;
    color:#000!important;
}
#slide4 h1 {
    font-size: 3em;
    font-weight: 700;   
    margin-bottom: 15px;
    text-transform: uppercase;
}
#slide4 p {
    font-size: 2em;
    font-weight: 500;
}
#slide4 h6 {
    text-align: right;
    font-size: 2em;
}

/* ------------------ BARRA DE TÍTULOS DOS ARTICLES DO SITE */
article h1{
    font-size: 2.5em;
    margin-bottom: 50px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
/* ------------------ SOBRE */

article p{
    font-size: 1.4em;
    text-align: justify;
}

/* ------------------ ESTILO DO ARTICLE DE ATUAÇÃO! */
article .col-md-6{padding:0px!important}
.box_atuacao{
    width: 100%;
    text-align: center!important;
    padding: 40px 20px;
}
.box_atuacao i{
    font-size: 10em; 
    margin-bottom: 15px;
    font-weight: 700;
}
.box_atuacao h3{
    font-size: 3em;   
}
.box_atuacao:hover{opacity: 0.9}
/* ------------------ ESTILO DO RODAPÉ DO SITE! */
footer{
    background: #383838;
    padding-top: 35px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: white;
}

.titulo_footer{
    font-size: 25px;
    margin:20px 0 5px 0;
    text-align: center;
    text-transform: uppercase; 
}

.box_rede_social{overflow: hidden;margin: 15px 0 25px 0;}
.box_rede_social .col-md-1{padding: 0!important;}

.box_rede_social a{
    width: 80px;
    height: 80px;
    background-color: #e3e3e3;
    color:#444;
    font-size: 4em;
    text-align: center!important;
    padding-top:5px;
    float: left;
}

.box_rede_social #facebook:hover{background-color: #1f68b5;color:#fff}
.box_rede_social #twitter:hover{background-color: #46b6e8;color:#fff}
.box_rede_social #instagram:hover{background-color: #8b4b2f;color:#fff}
.box_rede_social #google:hover,.box_rede_social #youtube:hover {background-color: #e82d38;color:#fff}
.box_rede_social #skype:hover{background-color: #00aff0;color:#fff}
.box_rede_social #linkedin:hover{background-color: #0077b5;color:#fff}
.box_rede_social #pinterest:hover{background-color: #bd081b;color:#fff}
.box_rede_social #whatsapp:hover{background-color: #25d366;color:#fff}
.box_rede_social #vk:hover{background-color: #4178bc;color:#fff}

#bottom_footer{
    padding: 25px 0 10px 0;
    font-size: 13px;
    text-align: center;
    color: #555;
    background-color: #e6e6e6;
}
#bottom_footer a{
    text-align: center !important;
}


/* ------------------ ESTILO DO FORMULÁRIO DE CONTATO! */
.form{
    text-align: center;
}

.form .form_contato{
    width: 60%;
    border: none;
    background-color: #fff;
    margin-bottom: 15px;
    padding: 15px 10px;
    color: #444;
}
.form .btn_enviar{border:0px; padding: 15px; width: 200px; color:#fff; margin-left: 10px;font-size: 1.5em}
.form .btn_enviar:hover{opacity: 0.9}

/* ------------------ configurações do banner */
#banner{
    width: 100%;
}

#banner .carousel-control{
    background-image: none !important;
}

#banner img{
    margin: 0 auto;
    width: 100%;
    max-height: 700px;
}

/* ---------------------------------------------------------- configurações dos coméntários da atividades */

.box_contarios p {
    font-size: 1.5em;
    margin-bottom: 15px;
}
.box_contarios h6 {
    text-align: right;
    font-size: 1.5em;
}


.box_contarios i {
    float: left;
    font-size: 12em;
    margin-right: 20px;
}

/* ---------------------------------------------------------- configurações da página palestras */
.box_fotos {
    overflow: hidden;
}

.box_fotos .col-md-3 {
    padding: 0px;
}
.box_fotos img {
    width: 100%;
    height: 234px;
}
@media(min-width: 1650px){
    .box_fotos img {
        height: 334px;
    }
}
.box_fotos img:hover {
    opacity: 0.9
}

.box_temas{
    text-align: center;
    padding: 25px 10px ;
    width: 100%;
    margin: 0 0 25px 0;
    color: #fff;
}
.box_temas i{
    font-size: 5em;
    font-weight: 700;
}
.box_temas h2{
    font-size: 2em;
}
.box_temas h3{
    font-size: 1em;
}

.box_temas:hover{
   background-color: #fff;
    color: #dd5752;
}

.box_palestra{
    background: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    text-align: justify;
    margin-bottom: 15px;
    color: #444!important
}

.box_palestra h3 {
    font-size: 1.1em;
    text-transform: uppercase;
    
    margin-bottom: 0px;
}
.box_palestra h4 {
    font-size: 1.1em;
    margin: 5px 0 0 0;
    text-transform: uppercase;
}
.box_palestra p {
    font-size: 1.1em;
}

.box_info p {
    font-size: 1.5em;
    margin-bottom: 15px;
}