/*-------------------------------------------------MAIN---------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}

#botao {
    margin: 0 auto;
    width: 7.8em;
    display: block;
    border: 1px white solid;
}

.botao-menu-responsivo {
    display: block;
    width: 100%;
    height: auto;
    margin-top: .2em;
}

a.active {
    background-color: #C99;
}

/*-------------------------------*/

#cabecalho {
    display: block;
    position: fixed;
    z-index: 3;
    width: 100%;
    height: 6em;
}

#conteudo-cabecalho {
    display: block;
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

#logo {
    position: relative;
    display: inline-block;
    width: 9em;
    height: 100%;
}

#logo > a > img {
    margin-top: 1.5em;
}

#navegacao {
    width: 4em;
    height: 4em;
    margin-top: 1em;
    float: right;
}


#navegacao > ul {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 1.3em;
}

#navegacao > ul > li {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
    border-right: 1px rgba(161, 101, 34, 1) solid;
}

#navegacao > ul > li > a {
    font-size: 10pt;
    color: black;
}

#navegacao > ul > li > a:focus {
    color: rgb(161, 101, 34);
    font-weight: 600;
}

/*-------------------------------*/

#mae {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
}

#cabecalho-mae {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
    top: 33vh;
}

.cabecalho-mae-title{
    line-height: 120%;
    padding:1em 0em .5em 0em;
}


#rodape-mae {
    position: absolute;
    display: block;
    width: 100%;
    height: 5em;
    bottom: 0;
}

#conteudo-rodape-mae {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.botao-partilha {
    position: relative;
    width: 1.5em;
    height: 1.5em;
    top: 0;
}

.partilha-conteudo:hover .partilha-icones {
    display: block;
}

.partilha-conteudo {
    position: relative;
    display: block;
}

.partilha-icones {
    display: none;
    position: relative;
    width: 12em;
    height: 1.5em;
    margin-left: 1.5em;
    top: -1.8em;
}

.icones > a > img {
    width: 2em;
    padding-left: .3em;
    height: auto;
}

.botao-rolagem {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    width: 5em;
    height: 15em;
    overflow: hidden;
    top: -1em;
}

.linha-vertical {
    position: relative;
    width: .1em;
    height: 1000%;
    display: block;
    margin: 0 auto;
}


/*------------------------------*/

#artigo {
    position: relative;
    display: block;
}


#artigo1 {
    position: relative;
    display: block;
    width: 75%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    line-height: 1.4;
}

#artigo2 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 1.5em;
}

.artigo-conteudo {
    position: relative;
    display: block;
    width: 100%;
    height: 50%;
    max-height: 50%;
    overflow: hidden;
}

.artigo-imagem {
    overflow: hidden;
}

.artigo-imagem > img {
    width: 100%;
    overflow: hidden;
}

.artigo-texto {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    line-height: 1.4;
}

.artigo-texto > h4 {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 10%;
}

.artigo-rodape {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 90%;
    height: auto;
}

.artigo-rodape-texto {
    width: 90%;
    margin: 0 auto;
    line-height: 1.4;
}

.partilha-artigos {
    margin-top: 1em;
}

/*--------------------------------------------*/

#rodape {
    width: 100%;
    display: block;
    position: relative;
    height: auto;
}

#cabecalho-rodape {
    border-top: 0.25px black solid;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 0;
}

.cabecalho-rodape-titulo {
    width: 100%;
    margin: 0 auto;
}

/*---------------------------------*/

#caixas-topo-rodape {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

#caixas-topo-rodape > .box {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 82vw;
    max-height: 82vw;
    overflow: hidden;
}

#caixas-topo-rodape > .box > .box-image-content {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#caixas-topo-rodape > .box > .box-image-content > img {
    width: 100%;
}

#caixas-topo-rodape > .box > .box-image-content > .pq-projeto {
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, .3);
}

#caixas-topo-rodape > .box > .box-image-content > .pq-projeto > h4 {
    color: white;
    text-align: center;
    padding-top: 27vw;
}


/*------SIZE FIX IMAGE--------*/

#caixas-topo-rodape > .box > .box-image-content > .box-image-zoom1 {
    position: relative;
    display: block;
    width: 180%;
    top: -60vw;
}

#caixas-topo-rodape > .box > .box-image-content > .box-image-zoom2 {
    position: relative;
    display: block;
    width: 190%;
    top: -35vw;
}

#caixas-topo-rodape > .box > .box-image-content > .box-image-zoom3 {
    position: relative;
    display: block;
    width: 220%;
    left: -100vw;
}

#caixas-topo-rodape > .box > .box-image-content > .box-image-zoom4 {
    position: relative;
    display: block;
    width: 220%;
    left: -100vw;
    top: -20vw;
}

/*------SIZE FIX IMAGE--------*/

/*-----------------------------------*/

#artigo5 {
    padding-top: .5em;
    height: 62vw;
}

#artigo6,
#artigo7,
#artigo8 {
    height: 62vw;
}


/*------------------------------------------------*/

#corpo-rodape {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

.corpo-rodape-topo {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.corpo-rodape-topo > figure {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}


.corpo-rodape-topo > figure > img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}


.corpo-rodape-fundo {
    display: block;
    position: relative;
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.corpo-rodape-fundo > #botao {
    margin-left: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: 1em;
}

/*------------------------------------------*/

#fundo-rodape {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.fundo-rodape-conteudo {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}


/*--------------------------------------------*/

#marca-agua {
    position: absolute;
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    margin-top: 50vw;
    margin-left: auto;
    margin-right: auto;
}





/*--------------------------------------------------STYLE---------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: white;
    font-size: 22pt;
    line-height: 1.4;

}

h3 {
    font-size: 16pt;
    color: white;
    text-align: center;
    padding: 1em;
    line-height: 1.4;
}


h4 {
    height: 2em;
    color: black;
    line-height: 1.4;
}

h6 {
    height: 2em;
    font-size: 8pt;
    color: black;
    font-family: 'Montserrat', sans-serif;
    color: rgba(161, 101, 34, 1);
    line-height: 1.4;
}

p,
a {
    font-family: 'Montserrat', sans-serif;
    font-size: 10pt;
    color: rgba(161, 101, 34, 1);
}

.botao-menu-responsivo {
    font-size: 22pt;
    color: black;
    text-align: center;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.bar {
    border-bottom: 1px black solid;
    position: relative;
    padding-bottom: .5em;
}

.artigo-imagem > img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
}

.artigo-imagem:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.ampliacao > img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ampliacao:hover img {
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.artigo-texto {
    transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    opacity: 0;
}

.artigo-texto:hover {
    background: rgba(161, 101, 34, .6);
    opacity: 1;
}

.opacidade {
    opacity: 0;
}

/*-------------------------------*/

#cabecalho {
    background-color: rgba(255, 255, 255, 1);
}

#conteudo-cabecalho {
    background-color: rgba(255, 255, 255, 1);
}

#logo {
    background-color: rgba(255, 255, 255, 1);
}

#navegacao {
    background-color: rgba(255, 255, 255, 1);
}

/*-------------------------------*/
#mae {
    /*background-color:cornsilk;*/
    background: url(../Image/maina.jpg)no-repeat center center;
    background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    
}

@media screen and (min-width:501px) and (max-width:768px) and (orientation:portrait){
    
    #mae {
    /*background-color:cornsilk;*/
    background: url(../Image/maina720.jpg)no-repeat center center;
    background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    
}
    
}

@media screen and (min-width:1px) and (max-width:500px) and (orientation:portrait){
    
    #mae {
    /*background-color:cornsilk;*/
    background: url(../Image/maina500.jpg)no-repeat center center;
    background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    
}
    
}

@media screen and (min-width:769px) and (max-width:968px) and (orientation:portrait){
    
    #mae {
    /*background-color:cornsilk;*/
    background: url(../Image/maina968.jpg)no-repeat center center;
    background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    
}
    
}

#cabecalho-mae {
    /*background-color: brown;*/
    padding: 1em;
}

#botao {
    color: white;
    text-align: center;
    padding: .5em;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#botao:hover {
    color: rgba(161, 101, 34, 1);
    background-color: rgba(255, 255, 255, 1);
}

#rodape-mae {
    /*background: red;*/
}

.botao-partilha {
    /*background-color:pink; */
}

.botao-rolagem {
    /*background-color: beige;*/
}

.botao-rolagem > a > p {
    padding-bottom: .5em;
    color: white;
}

.linha-vertical {
    border-left: 1px rgba(255, 255, 255, 1) solid;
}


/*-------------------------------*/

#artigo {
    /*background-color: darkgoldenrod;*/
    padding-bottom: 3em;

}

#artigo1 {
    /*background-color:chocolate;*/
    padding: 1em 1em 1em 1em;
}


#artigo1 > h4 {
    text-align: center;
}


#artigo1 > p {
    text-align: center;
    padding: .7em;
}

#artigo2 {
    margin-top: 1em;
    /*background-color:blueviolet;*/
}

.artigo-texto > h4 {
    text-align: center;
    color: white;
    padding: 1em 0em 1em 0em;
}

.artigo-rodape {
    /*background-color: aquamarine;*/
    padding: 1em;
}

.artigo-rodape-texto > p {
    padding-top: .5em;
    /*background-color: beige;*/
}

/*--------------------------------------------*/

#rodape {
    /*background:red;*/
    padding: 3em 0em 0em 0em;
}

#cabecalho-rodape {
    /*background-color:antiquewhite;*/
}

.cabecalho-rodape-titulo {
    padding-top: 3em;
}

/*-----------------------------------------------*/

#corpo-rodape {
    /*background-color:saddlebrown;*/
    padding-top: 5em;
}

.corpo-rodape-fundo {
    padding: 1em;
    /*background-color: silver;*/
}

.corpo-rodape-fundo > #botao {
    color: rgba(0, 0, 0, 1);
    border: 1px black solid;
}

.corpo-rodape-fundo > #botao:hover {
    background-color: rgba(0, 0, 0, 1);
    color: white;
    border: 1px black solid;
}

.corpo-rodape-texto {
    padding: 0em 0em 1em 0em;
}

.corpo-rodape-texto > p {
    padding-top: .5em;
    line-height: 1.4;
}

/*------------------------------------*/

#fundo-rodape {
    /*background-color: cornflowerblue;*/
    padding: 0em;
}

.fundo-rodape-conteudo {
    /*background-color: beige;*/
    padding-top:2em;
}

.fundo-rodape-conteudo > h6 {
    text-align: left;
}

#testemunho-texto {
    color: black;
    text-align: left;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: italic;
}

#cliente {
    color: black;
    font-weight: 600;
    font-size: 8pt;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
}

/*--------------------------------------------*/

#marca-agua {

    transform: rotate(-90deg);
}


#marca-agua > p {
    font-size: 7pt;
    padding: .5em;
    text-align: center;
}