*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'verdana';
}


main{
    width:100%;
    min-width:1050px;
    margin: auto;
}

/*TOPO*/

header{
    height:200px;
    margin:auto;
    z-index:100;
    position:relative;
}

main header div.faixa_social{
    width:100%;
    height:50px;
    background-color:#fcda04;
}

main header div.faixa_social div.intranet{
    float:left;
    margin: 7px 0 0 225px ;
}

main header div.faixa_social div.intranet img{
    width:120px;
    height: 30px;
}

main header div.faixa_social div.logos_social{
    float:right;
    margin: 7px 225px 0 0 ;
}

main header div.faixa_social img{
    width:35px;
    height:35px;
}

main header div.logos_grupo{
    background-color: white;
    width: 100%;
    margin: 30px auto 0 auto;
    height: 90px;
    box-shadow: 10px 0px 25px #000;
    padding-top: 4px
}

main header div.logos_grupo img{
    margin: 0 auto 0 auto;
    width:800px;
    display: block;
}



/*MENU*/
nav.menu-site-amarelinha{
    width:1000px;
    height:40px;
    margin: 30px auto 0 auto;
    position:relative;
    padding-left: 70px;
}
nav.menu-site-amarelinha ul.menu{
    list-style-type:none;
    float:left; 
}

nav.menu-site-amarelinha ul.menu li{
    display:inline;
    width:100px;
    height:40px;
    float:left;
    line-height:40px;
}

nav.menu-site-amarelinha ul.menu li:nth-of-type(2){
    width:190px;
   }

nav.menu-site-amarelinha ul.menu li:nth-of-type(3){
    width:150px;
   }

.menu a{
    text-decoration:none;
    text-transform:uppercase;
    font-size:0.8em;
    font-weight: bold;
    color:#6d6e71;
    display:block;
    padding:0 5px;
    text-align:center;
}


ul.submenu-sobre a.segundo-submenu-sobre{
    border-radius:0 0 5px 5px;
}
.menu a:hover{
    border-bottom: solid 2px #fcda04;
}

.submenu a:hover{
    background-color:rebeccapurple;
}

header div.faixa_amarela{
    width: 900px;
    margin: 20px auto;
    height: 10px;
    background-color: #fcda04;
}

/**BANNER HOME**/

main section#banner-home{
    width:900px;
    padding-top:100px;
    margin:auto;
}


/*PRODUTOS HOME*/

section#infos-home{
    width:900px;
    height:330px;
    margin:-40px auto 0 auto;
    padding:15px 0 0 20px;
}
section#infos-home article{
    width:220px;
    height:310px;
    float: left;
    text-align:justify;
    font-size:0.8em;
    margin-right:20px;
    box-shadow:1px 1px 5px #ccc;
    padding: 15px;
    text-transform:uppercase;
    text-align: center;
    color:#6d6e71;

}

section#infos-home a{
    text-decoration: none;
    color:#6d6e71;
}

section#infos-home article:nth-of-type(3){
    width: 380px;
    padding: 0;
    margin-left: 00px;

}
section#infos-home article img{
    width:150px;
    display:block;
    margin: 0 auto 10px auto;
}
section#infos-home article p{
    height:80px;
    padding:0px 10px 5px 10px;
}

section#infos-home article p strong{
    font-size:0.9em;
}



/*FOOTER*/

footer{
    width:100%;
    height:130px;
    background-color:darkgray;
    margin:auto;
    margin-top:30px;
    font:0.9em;
    color:white;
    padding:30px 30px 0 30px;
}

footer img{
    width:380px;
    margin: auto;
    display:block;
}

footer div.end-footer{
    width: 350px;
    text-align:right;
    font-size:0.8em;
    margin: 10px auto;
    
}

footer div.end-footer h4{
    font-size:1em;
    margin:auto;
    text-align: center;
    font-weight:100;
    display:block;
    
}

/*CONTEUDO SOBRE*/

section#txt_sobre{
    width:880px;
    height: 480px;
    padding: 100px 30px 0 30px;
    margin:auto;
    border-bottom: solid 5px #fcda04;
}

section#txt_sobre article#imagem_sobre{
    color:#6d6e71;
    width:320px;
    float:left
}

section#txt_sobre article#texto_sobre{
    width:450px;
    color:#6d6e71;
    float:right;
    margin-top:10px;
    text-align: justify;
}

section#missao{
    width:880px;
    height: 432px;
    padding: 25px 30px 0 30px;
    margin:auto;
    border-bottom: solid 5px #fcda04;
}

section#missao article{
    width:420px;
    text-align: center
}

section#missao div#wrapper_missao{
    width:420px;
    text-align: center;
    float:left;
}

section#missao article h3{
    width:420px;
    height:40px;
    background-color:#fcda04;
    color:#6d6e71;
    line-height:40px;
    text-transform:uppercase;
    font-size:1em;
}

section#missao article p{
    width:420px;
    color:#6d6e71;
    font-size:0.8em;
    margin: 20px 0 25px 0; 
}

section#missao article#imagem_tinta{
   float: right;
    width: 350px;
}


/*CONTEUDO LOJAS*/


section#banner_lojas{
    width:890px;
    height: 250px;
    padding: 100px 0px 0 0px;
    margin:auto;
    border-bottom: solid 5px #fcda04;
}

section article#menu_lojas{
    width:890px;
    height:100px;
    margin:10px auto 0 auto;
    padding: 30px 0 0 150px ;
    background-color: #fcda04;
}

section article#menu_lojas p{
    width:300px;
    text-align: right;
    color:#6d6e71;
    float: left;
}

section article#menu_lojas select{
    width:250px;
    height:40px;
    padding-left: 15px;
    color:#6d6e71;
    margin:0 0 0 30px;
    background-color: #6d6e71;
    color:white;
}

section#wrap_lojas{
    width:850px;
    margin: 30px auto 0 auto;
 
}


article#endereco_lojas div.lojas{
    width:850px;
    margin:5px auto 0 auto;
    border-bottom: solid 3px #fcda04;
}

article#endereco_lojas div.lojas img{
    float: left;
}

article#endereco_lojas div.lojas div.texto_wrap{
    float: left;
    margin: 40px 100px 0 35px;
}

article#endereco_lojas div.lojas iframe{
    width: 150px;
    height: 150px;
}

article#endereco_lojas div.lojas div.texto_wrap{
    width: 400px;   
}

article#endereco_lojas div.lojas div.texto_wrap h3{
    color: #fcda04;
}

article#endereco_lojas div.lojas div.texto_wrap p{
    color: #6d6e71;
    font-size: 0.9em;
}


/*SERVICOS*/

section article#header_servicos{
    width:890px;
    height:100px;
    margin:10px auto 0 auto;
    padding: 30px 0 0 150px ;
    background-color: #fcda04;
}

section article#header_servicos p{
    width:600px;
    text-align: center;
    margin:10px auto 0 auto;
    color:#6d6e71;
    float: left;
    font-weight: bold;
    font-size:1.1em;
}

section#wrap_servicos article.info_servicos{
    width:890px;
    height: 230px;
    margin:auto;
    border-bottom: solid 5px #fcda04;
    padding-top: 13px;
}

section#wrap_servicos article.info_servicos img{
    width:200px;
    margin:auto 60px auto 0;
    float:left;
}

section#wrap_servicos article.info_servicos h3{
    width:400px;
    color: #fcda04;
    margin-top: 35px;
}

section#wrap_servicos article.info_servicos p{
    width:800px;
    color: #6d6e71;
    font-size: 0.9em;
}

/*DICAS*/

section#dicas_pintura{
    width:850px;
    margin:20px auto 0 auto ;
    color: #fcda04;
}

div#accordion>h3{
    background:none;
    background-color:#ffcb0a;
    color:#ffffff;
}


div#accordion>h3 img{
    margin-right:10px;
}

section#dicas_pintura div#accordion p{
    color: #6d6e71;
    font-size:0.8em;
}

section#dicas_pintura div#accordion ul{
    color: #6d6e71;
    font-size:0.8em;
    margin-left:35px;
}

section#dicas_pintura div#accordion li{
    margin-top:15px;
}

/*PARCEIROS*/

section#logos_parceiros{
    margin: 30px auto 0 auto;
    width: 850px;
    padding-left: 30px;
}

section#logos_parceiros img{
    width: 150px;
    margin-left: 0px;
}

section#logos_parceiros td{
    border: solid 2px #ffcb0a;
    padding: 20px;
}

/*FORM*/


/* FORMULARIO*/

section#formulario_site{
    width: 900px;
    height:450px;
    margin:40px auto 20px auto;
    padding-right: 6px;
    padding-top: 10px;
    
}

section#formulario_site div#esquerda{
    width: 420px;
    height: auto;
    background-color: dimgray;
    padding:20px;
    border-radius:10px;
    float:left;
}

section div#esquerda h2{
    color:dimgray;
    background-color:#fdd900;
    padding:5px;
    font-size:1.6em;
    text-align:center;
    margin-bottom:30px;
}

section div#esquerda{
    color:white;
    font-size:1.0em;
    margin-bottom:30px;
    line-height:25px;
}

section div#esquerda form input{
    color:dimgray;
    background-color:white;
    font-size:1.0em;
    margin-bottom:10px;
    padding-left:15px;
    line-height:37px;
    width:380px;
}

section div#esquerda form textarea{
    color:dimgray;
    background-color:white;
    font-size:1.0em;
    margin-bottom:10px;
    padding-left:15px;
    line-height:35px;
    width:380px;
}

section div#esquerda form button{
    color:dimgray;
    text-align: center;
    background-color:#fdd900;
    font-size:1.0em;
    margin-bottom:10px;
    padding-left:15px;
    line-height:35px;
    width:200px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom-style: none;
}

section div#direita{
    width: 430px;
    height:430px;
    float:right;
}


/*PROGRAMACAO*/

div.invisible {
    display:none;
}