/*#region GERAL */
body, html 
{
    background: #eeeeee url(../Imagens/Layout/background.jpg) repeat-x;
    font-family: Calibri, Arial, 'Helvetica Neue', sans-serif;
}
.page 
{
    margin: 30px auto;
}
        .white-popup {
            position: relative;
            width: 800px;
        }
        .white-popup a {
            display: block;
            margin: 50px auto;
        }

        .white-popup a img {
            max-width: 100%;
        }
        button.mfp-close, button.mfp-arrow
        {
            background-color:#ffffff;
        }


.page h2 
{
    font-family: 'caviar_dreamsregular', sans-serif;
    font-size: 1.3em;
    margin-bottom: 10px;
}

.page p 
{
    color: #9b9b9b;
    margin-bottom: 20px;
}
/*#endregion */

/*#region HOME */
.slider-banner img 
{
    width: 100%;
}

.destaques 
{
    position: relative;
    z-index: 1;
    margin-top: -2%;
}

.destaques a 
{
    color: #4e4f4f;
}

.destaques a:hover, .destaques a:active 
{
    text-decoration: none;
}

.destaques h4 
{
    font-size: 1.5em;
}

.destaques p 
{
    font-size: 1.2em;
    line-height: 1em;
}

.destaques .col-md-3 
{
    padding: 0 10px;
    margin-bottom: 50px;
}

.destaques .col-md-3 img
{
    max-width: 100%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0px 0px 15px 0px #333;
    -webkit-box-shadow: 0px 0px 15px 0px #333;
    box-shadow: 0px 0px 15px 0px #333;
    margin-bottom: 15px;
}

.destaques .col-md-3 p 
{
    padding-bottom: 15px;
    height: 105px;
    border-bottom: 5px solid #c5c0c0;
}

.destaques a.col-md-3:hover p 
{
    border-color: #ed6414;
}

.destaques a.col-md-6:hover .btn 
{
    background: #ed6414;
}

.destaques .col-md-6 
{
    margin-bottom: 50px;
}

.destaques .col-md-6 ul 
{
    text-align: justify;
}

.destaques .col-md-6 ul:after 
{
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 0;
}

.destaques .col-md-6 li 
{
    display: inline-block;
    vertical-align: middle;
}

.destaques .col-md-6 img 
{
    max-width: 100%;
    vertical-align: middle;
}

.destaques .btn
{
    background-color: #006cac;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    padding: 3px 20px;
    display: inline-block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 10px 0;
}
/*#endregion */

/*#region METRIA */
.banner 
{
    /*background: url(../Imagens/Layout/background-paginas.jpg) repeat-x;*/
    background-size: auto 100%;
    text-align: center;
}

.banner img 
{
    width: 100%;
    margin-bottom: -4px;
}

.metria .principal 
{
    padding-right: 50px;
}

.metria .sidebar 
{
    background: url(../Imagens/Layout/img-divisoria.png) left top no-repeat;
    padding-left: 50px;
}

.metria .sidebar .item 
{
    margin-bottom: 50px;
}

.metria .sidebar .item img 
{
    width: 100%;
}

.metria .sidebar .item h3 
{
    font-family: 'caviar_dreamsregular', sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #ed6414;
    margin-bottom: 5px;
}

.metria .sidebar .item:nth-of-type(2) h3 
{
    text-align: right;
}

.metria .sidebar .item a 
{
    float: right;
}

.metria .sidebar .item a img 
{
    width: auto;
}

.metria .col-md-12 a 
{
    display: inline-block;
    margin-bottom: 15px;
    width: 22%;
    margin-left: 15px;
}

.metria .col-md-12 img
{
    max-width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/*#endregion */

/*#region OBRAS */
.obras .sidebar 
{
    background: url(../Imagens/Layout/img-divisoria-baixo.png) right bottom no-repeat;
    padding: 30px 0 100px;
    text-align: right;
}

.obras .sidebar a 
{
    display: inline-block;
}

.obras .principal 
{
    padding-right: 50px;
}

.obras .img-principal 
{
    float: left;
    display: block;
    margin-right: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.galeria, .plantas, .localizacao, .ficha, .infos
{
     display: inline-block;
    float: left;
   padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

.galeria a
{
    width: 100px;
    max-width: 100px;
    margin-right: 15px;
    margin-bottom: 10px;
    height: 75px;
    max-height: 75px;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.galeria a img 
{
    width: 100px;
    max-width: 100px;
    max-height: 75px;
}
.galeria a img, .plantas a img 
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 2px;
}

.plantas a 
{
    float: left;
    width: 280px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.ficha span, .ficha b 
{
    font-size: 1em;
    color: #ed6414;
}
.arezzo .plantas  {
    float: left;
    text-align: center;

}
.arezzo .plantas  a {
    height: 140px;
}
.arezzo .plantas img {
    width: 100%;
    float: left;
    text-align: center;
}
/*#endregion */

/*#region AREZZO */
.banner-arezzo1 
{
    display: block;
    max-width: 1100px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
.banner-arezzo2 
{
    display: block;
    max-width: 1100px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
}
.arezzo p 
{
    color: #58595b;
}

.arezzo .col-md-8 
{
    padding-left: 10px;
}

.cards-area 
{
    margin-bottom: 20px;
}

.cards-area img
{
    float: left;
    padding: 2px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.descricao {
    margin-top: 20px;
}
.arezzo .descricao 
{
        float: left;
    padding: 20px 25px;
    text-align: justify;
}

.arezzo .fotos a
{
    position: relative;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 18%;
    float: left;
    margin: 0 2% 2% 0;
}

.arezzo .fotos a:before,
.arezzo .fotos-full a:before 
{
    content: "";
    display: block;
    padding-top: 100%;
}

.arezzo .fotos img,
.arezzo .fotos-full img
{
    position: absolute;
    top: 0;
    left: -25%;
    text-align:center;
    max-height: 100%;   
}

.arezzo .fotos img.vertical,
.arezzo .fotos-full img.vertical 
{
    max-height: inherit;
    max-width: 100%;
    left: 0;
    top: inherit;
    bottom: -25%;        
}

.arezzo .fotos-full a 
{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    width: 14.7%;
    float: left;
    margin: 0 1% 1% 0;
}

.arezzo .fotos-full a:nth-child(6n)
{
    margin-right:0;
}

.arezzo .plantas a
{
    color: #4e4f4f;
    display: inline-block;
    width: 30%;
    margin-right: 3%;
}

.arezzo .sidebar 
{
    text-align: right;
    padding-left: 30px;
}

.arezzo .sidebar a 
{
    display: inline-block;
}

.arezzo .sidebar img 
{
    max-width: 100%;
}

.arezzo .formulario .campos
{
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 3px 3px 5px 0px #eee;
    -webkit-box-shadow: inset 3px 3px 5px 0px #eee;
    box-shadow: inset 3px 3px 5px 0px #eee;
}

.arezzo .formulario .btn-enviar 
{
    background: url(../Imagens/Layout/btn-enviar.png) no-repeat;
    width: 80px;
    height: 35px;
}

.main .destaques .largura 
{
    width: 49%;
}

.arezzo .localizacao .largura 
{
    width: 49%;
}

.arezzo .localizacao img 
{
    max-width: 100%;
    margin-top: -80px;
}

.arezzo .localizacao b, .descricao span 
{
    color: #ed6414;
}

.arezzo ol 
{
    margin-left: 15px;
}
.localizacao, .ficha {
    width: 100%;
}
/*#endregion */

/*#region FORMULARIOS */
.formulario 
{
    text-align: right;
}

.formulario span 
{
    display: block;
    text-align: left;
    color: #9b9b9b;
    margin-bottom: 5px;
}

.formulario .campos
{
    width: 100%;
    padding: 8px 10px;
    margin: 5px 0;
    font-family: Calibri, Arial, 'Helvetica Neue', sans-serif;
    font-size: .9em;
    color: #acacac;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 1px 2px 5px 0px #ddd;
    -webkit-box-shadow: inset 1px 2px 5px 0px #ddd;
    box-shadow: inset 1px 2px 5px 0px #ddd;
    background-color: #f3f3f3;
}

.formulario .btn-enviar 
{
    background: url(../Imagens/Layout/btn-enviar-up.png) no-repeat;
    width: 100px;
    height: 45px;
}

textarea 
{
    resize: none;
    height: 150px;
}

.msg-form 
{
    margin-top: 20px;
}

.mapa p 
{
    line-height: 1.8em;
    margin-top: 10px;
}

.mapa p a 
{
    color: #808080;
}
/*#endregion Contato */






.menu-anchor {
    margin-top: 5px;
    float: right;
    width: 40px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    z-index: 11;
}

.menu-anchor:before {
    content: "";
    display: block;
    margin: 10px auto;
    width: 80%;
    height: 0.25em;
    background: #fff;
    box-shadow: 0 .45em 0 0 #fff, 0 .9em 0 0 #fff;
}

.menu-active .menu-anchor {color: #999}

menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100%;
    padding-top: 10px;
    color: #fff !important;
    background: #d55401;
    box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3);
    list-style-type: none;
    z-index: 11;
}

menu ul { 
    list-style-type: none;
}
menu li a {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin: 0 10px;
    font-size: 1.2em !important;
    text-transform: uppercase;
    padding: 10px;
    color: #fff !important;
    text-decoration: none;
    list-style-type: none;
}

menu li a:hover {
    background: #d55401;
    color: #fff !important;
}


/*
    Aqui você esconde o menu para fora da tela 
    O valor é exatamente a largura da sidebar
*/
menu {
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    transition: all .25s linear;
    z-index: 99999999999999999;
}

/*
    Essa é a posição original do HEADER e do MAIN
*/

/*
   Com a classe menu-active na tag HTML
*/
.menu-active menu {
    position: fixed;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 99999999999999999;
}

.menu-active header, 
.menu-active .main {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    z-index: 99999999999999999;
}

















@media (max-width:1023px){

.page h2 
{
    font-size: 2.7em;
    font-weight: bold;
    margin-bottom: 10px;
}

.destaques h4 
{
    font-size: 1.9em;
}

.destaques p 
{
    font-size: 1.60em;
    line-height: 0.95em;
}
.metria .sidebar .item h3 
{
    font-size: 2em;
    }
     .ficha b, .ficha p, .page p
{
    font-size: 1.25em;
}
.plantas a, .sjb{
    line-height: 1em;
     font-size: 1.3em !important;
   
}
.showmbl .telefones li, .showmbl .telefones li a  {
    font-size: 1.1em !important;
    font-weight: bold;
}
.destaques .col-md-3 p 
{

    border-bottom: 0px solid #c5c0c0;
}

        #popup {
            width: 90%;
            z-index: 999999999999999999999999999999999999999999999999999;
        }
}