/*CABECALHO*/
.barleft{float: left;width: 50%; background: #71c8f9; height: 8px;}
.barright{float: left;width: 50%; background: #223659;height: 8px;}
.barbottom{float: left;width: 100%; background: #4a7ba3;height: 2px;}
.cabecalho{float: left;width: 100%; height: 120px; background: url(../img/header/cabecalho.jpg) center; display: flex;align-items: center;}
.engloba-cabecalho{width: 100%; display: flex;align-items: center;}
.logo{float: left; height: 74px; width: 238px; background: url(../img/header/logo.png) no-repeat center;margin-left: 40%;background-size:100%;}
.area-condomino{height: 40px; width: 179px; display: flex; align-items: center; justify-content: center; border: 1px solid #223659; background: transparent;font: 12px montserrat-medium; color: #223659; border-radius: 10px; margin: 0 30px 0 132px}
.area-condomino:hover{background: #223659; color: #fff;}
.container-header{display: flex; flex: 1;}
.container-header a{ float: left;}
.icon-phone{height: 33px; width: 33px; background: url(../img/header/telefone.svg) no-repeat center;float: left;background-size: contain;margin: 3px 0 0 0;}
.telefone{display: flex;}
.telefone p{font: 20px montserrat-regular; color: #686868;float: left; line-height: 33px;margin: 4px 0 0 7px;}
.telefone span{color: #012243;}
/**/

/*MENU*/
#barra-menu{float:left; width: 100%; background: #fff;position: fixed;z-index: 99999;}
.fundo-menu{ background: #223659; width: 100%; float: left}
.menu{text-align: center; float: left; width: 100%;}
.div-paginas{display: flex;}
.div-paginas a, .div-paginas .link-menu {display: flex;flex: 1;font: 15px montserrat-regular; color: #fff;justify-content: center; height: 63px;align-items: center;cursor: pointer;}
.div-paginas a p, .div-paginas .link-menu p{transition: color .5s linear, box-shadow .5s linear; box-shadow: inset 0 9px 0 0 transparent;padding: 24px 0;}
.div-paginas a:hover p, .div-paginas .link-menu:hover p{box-shadow: inset 0 9px 0 0 #71c8f9;}
.div-paginas .ativo{box-shadow: inset 0 9px 0 0 #71c8f9 !important;}
/**/    

/*SUB-MENU*/
.fundo-submenu{ background: #6bc1ef; width: 100%; float: left; display: none}
.quadrado-sub{height: 25px; width: 25px; background: #6bc1ef; float: left; position: absolute; left: 50%;transform: translate(-50%,0%) rotate(45deg);-webkit-transform: translate(-50%,0%) rotate(45deg);}
#sub-menu .div-paginas{padding: 0 50px 0 75px;}
#sub-menu .div-paginas a{font: 14px montserrat-regular; color: #112548; height: 81px;}
#sub-menu .div-paginas a p{padding: 34px 0; box-shadow: inset 0 -9px 0 0 transparent;}
#sub-menu .div-paginas a:hover p{box-shadow: inset 0 -9px 0 0 #112548;}
#sub-menu .div-paginas .ativo{box-shadow: inset 0 -9px 0 0 #112548 !important;}
.seta{height: 13px; width: 8px; background: url(../img/header/seta.png) no-repeat center;float: left;margin-left: -14px; position: absolute;}
.flex-maior{flex: 1.2 !important}
.submenu-mobile{display: none}
/**/

.display-area{ display: none !important}

@media(max-width: 1220px){
	/*.area-condomino { margin: 0 20px 0 0; width: 140px; font: 10px montserrat-medium;}*/
	
	.hea2{ text-align: center; justify-content: center; vertical-align: middle}
	.area-condomino { margin: 0 30px 0 30px;}
	
}
@media(max-width:1055px){
    
	/*
	.container-header a p{ text-align: center; line-height: 14px;}*/
	
}

@media(max-width:1096px) and (min-width: 990px){
    .div-paginas a .duas-palavras{padding: 17px 0}
}
@media (max-width: 990px){
    .barbottom{display: none}
    #barra-menu{position: fixed;box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.26); z-index:9998; height: 100px; background: #fff;top:0;}
    .logo{position: fixed;height: 100px; width: 124px;background-size: contain; background: url(../img/footer/sites10-res.png) center no-repeat; top: 0; left: 20px}
    .logo{display: none;}
    .logo-mobile{position: fixed;height: 60px; width: 170px;background-size: contain; background: url(../img/header/logo.png) center no-repeat; top: 0; left: 20px; background-size: contain;margin:24px 0 0 0;}
    .botao-responsive{cursor: pointer;display: block;height: 50px; background-size: 40px !important;position: fixed; width: 40px; z-index:9999;top: 20px;}
    .botao-responsive p{color: #000; padding: 50px 00 0 0; font-family: futura-regular; font-size: 14px; text-align: center}
    .botao-menu{background: url(../img/header/menu.svg) no-repeat; right: 20px;}
    .ligar{background: url(../img/header/ligar.svg) no-repeat;right: 95px;background-size: contain !important;top: 23px; width: auto !important}
    .ligar p{padding-top: 47px !important; padding-left: 2px}
    .menu{text-align: left; font-size: 20px; margin-top: 100px;width: 100%; position: fixed;z-index: 2;}
    .div-paginas{display: none;flex-direction: column;padding: 0; margin-top: -8px;}
    .div-paginas a, .div-paginas .link-menu{display: flex; margin: 0; background: #f9f9f9; text-indent: 20px; font-family: futura-medium;box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.26); color: #616161; justify-content: flex-start; height: 50px;}
    .div-paginas a:hover, .div-paginas .ativo, .div-paginas .link-menu:hover{color: #3383c3;}
    .div-paginas .ativo{box-shadow: none !important;}
    .div-paginas a p, .div-paginas .link-menu p{padding: 0; box-shadow: none;}
    .div-paginas a:hover p, .div-paginas .link-menu:hover p{box-shadow: none;}
    .centro{margin-top: 100px}
    .cabecalho{display: none}
    .quadrado-sub{display: none}
    .submenu-mobile{width: 100%;}
    .link-menu{height: auto !important;flex-direction: column;}
    .link-menu p{width: 100%;height: 50px;display: flex;align-items: center;}
	
	.display-area { display: flex !important;}
	
}


@media (max-width: 990px) and (max-height: 420px){
    .div-paginas a{height: 30px}
}