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

/* ------------------ configurações da página */
*{
    margin: 0px;
    padding: 0px;

    font-family: 'Open Sans', sans-serif;
}
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}
.color8{background-color: #5CC4BD}
.color9{background-color: #555}
.color01{background-color: #a2cb3e}
.color02{background-color: #00649a}
.text1{color: #fff}
.reset{padding: 0px!important}


/* ------------------ configuração do topo */

.box_line_top{
    color: #fff;
    padding: 8px;
    font-size: 1.2em;
   
}

.direita_topo{
    float: right;
    margin-right: 25px;
}

#logo_topo img{
    padding: 25px 0px;
    width: 250px;
}

#busca_topo{
    float: right;
    width: 400px;
    margin-top: 10px;
}

/* ------------------ configurações do menu */
#menu_header{
    width: 100%;
    background-color: #7BBD4D;
    border-bottom: 7px solid #00649a;
    z-index: 2000;
}

#menu_header ul{
    margin: 0 auto;
    margin-left: 0px;
}

#menu_header li{
    border-color: red;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    float: left;
    margin-right: 2px;
    list-style: none; 
}

#menu_header li a{
    text-decoration: none;
    height: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 50px;
    padding: 0 10px;
    float: left;
    text-transform: uppercase;
    font-size: 16px;
}

#menu_header li:hover{
    background: rgba(255,255,255,0.1);
}

#menu_header li:hover > .sub-menu {
    display: block;
    margin: 50px 0 0 -10px !important;
    padding-left: 0px!important; 
    border: none;

}
.fixar {
    position:fixed;
    top: 0px;
}

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

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

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

/* ------------------ 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;
}

/* ------------------ ARTICLE MEIO AMBIENTE */
.box_temas{
    text-align: center;
    height: 200px;
    padding: 25px 10px ;
    width: 100%;
    margin: 0 0 25px 0;
    color: #fff;
}
.box_temas i{
    font-size: 4em;
    font-weight: 700;
}
.box_temas h2{
    font-size: 1.4em;
}
.box_temas h3{
    font-size: 1em;
}

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

/* ------------------ ARTICLE SEGURANÇA DO TRABALHO */
#seguranca_trabalho .box_temas:hover{
    background-color: #fff;
    color: #57809C;
}


/* ------------------ 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%;
    }
}

#slide3 h1 {
    font-size: 3em;
    font-weight: 700;
    text-transform: uppercase;
    color:#fff;
    text-shadow: 0.1em 0.1em 0.15em #222;
}

#slide3 h2 {
    font-size: 2.3em;
    font-weight: 700;
    text-transform: uppercase;
    color:#fff;
    text-shadow: 0.1em 0.1em 0.15em #222;
}


/* ------------------ CADASTRO DA LISTA DE EMAIL DO SITE*/
.feedback_email{
    text-align: center;
    color: #fff;
}

.feedback_email h3{
    font-size: 3em;
    font-weight: 600;
}

.feedback_email h5{
    font-size: 1.5em;
    font-weight: 500;
}

.feedback_email .form{
    margin: 25px 0;
    border: none;
    padding: 15px 8px;
    background-color: #fff;
    color:#575757;
    font-size: 14px;
    width: 100%;
    border-radius: 5px;
    text-align: left;
}

.feedback_email .btn{
    margin: 25px 0;
    border: none;
    padding: 15px 8px;
    background-color: #fff;
    color:#575757;
    font-size: 14px;
    width: 165px;
    border-radius: 5px;
    font-weight: 700;
}

.feedback_email .btn:hover{
    opacity: 0.9;
}

/* ------------------ ATICLE CONTATO DO SITE*/
#contato{
    text-align: center!important;
}

.box_contato{
    width: 150px;
    height: 150px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;

}
.box_contato i{
    color:#fff;
    font-size: 5em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#contato p{
    margin-top: 15px;
    font-size: 1.5em;
     text-align: center!important;

}


/* ------------------ ESTILO DO RODAPÉ DO SITE! */
footer{
    background: #383838;
    padding-top: 35px;
    font-size: 13px;
    color: white;
}

footer hr{
    margin-bottom: 1px;
    opacity: 0.5;
}

.titulo_footer{
    font-size: 25px;
    margin:20px 0 5px 0;
}

.box_rede_social a{
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 5px 5px 0;
    background-color: #e3e3e3;
    color: #444;
    font-size: 2.5em;
    text-align: center;
    padding-top: 3px;
}

.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{background-color: #e82d38;color:#fff}
.box_rede_social #skype:hover{background-color: #00aff0;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: 100%;
    border: none;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 15px 10px;
    color: #444;
}
.form .btn_enviar{border:0px; padding: 15px; width: 200px; color:#fff; margin-left: 10px;font-size: 1.5em;margin-bottom: 25px!important}
.form .btn_enviar:hover{opacity: 0.9}