@charset "UTF-8";
/* CSS Document */

body{

	font-family: helvetica;
	color:#333;
}


.containner{

	width: 100%;
	position: relative;
	text-align:justify;

}



.topo{

	position: relative;
	width: 100%;
}

.logo {

	
	position: absolute;
	top: 22px;
	padding-top: 10px;
	padding-bottom: 70px;
	left: 15px;
	width: 38%;
	z-index: 10;	
}

.logo img{

	
	max-width: 100%;
	
}

.redesSociais{

	display: none;

}

.redesSociaisMob{

	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;

}

.redesSociaisMob p{

	font-size: 1.3em;
	font-weight: bold;	
	color: #203751;

}

.redesSociaisMob li{

	display: inline;
	cursor: pointer;

}

.redesSociaisMob li:last-child{

	margin-left: 1em;
}

.redesSociaisMob img{

	width: 3.2em;

}

.botaoProposta {
  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 30px;
  padding-top: 15px;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #e74c3c;
  border: 0;
  border-bottom: 2px solid #db4334;
  cursor: pointer;

}

.botaoProposta a{

	text-decoration: none;
	color: #fff;
	font-weight: bold;

}

.botaoProposta:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.telefone{

	display: none;
}



.barraSuperior{

	position: relative;
	background-color: #fff;
	width: 100%;
	height: 100px;

}

.banner_mobo{

	background-image: url(../images/banner_home_mob.png);
	width: 100%;
	position: relative;
	height: 200px;

}

.banner_mobo p {

	position:absolute;
	font-size: 1.3em;
	width: 80%;
	top: 25%;
	left: 7%;
	color: #fff;
	text-shadow: 1px 1px 2px black; 

}

.banner_mobo span{

	font-weight: bold;
}

.clienteLogin{

	width: 100%;
	display: inline-block;
	background-color: #1f3a93;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 0;
	padding-left: 0;
}


.clienteLogin h3{

	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
}

.clienteLogin p{
	
	color: #fff;
	font-size: 0.9em;
	margin-left: 25px;
	width: 90%;
}


.bt-areacondomino{

	width: 80%;
	background-color: #00ff96;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	border-bottom: 3px solid rgba(100,100,100,0.2);
	cursor: pointer;
	

}

.bt-areacondomino:hover{

	background-color: #fac8c5;

}

.bt-areacondomino p:hover{

	color: #1f3a93;

}

.bt-areacondomino p:active{

	margin-top: 2px;

}


.bt-areacondomino p{

	background: unset;
	text-align: center;
	margin: 0;
	padding-top: 0.8em;
	vertical-align: middle;
	width: unset;
	color: #051339;
	font-weight: bold;
	font-size: 1.2em;
}




.corpotodo{

	background-color: #fdfefe;
}

.destaques{

	width: 80%;
	text-align: center;
	margin: 30px auto;
	font-family: helvetica;
}


.destaques a{

	text-decoration: none;
	font-family: helvetica;
}

.destaques img{

	width: 30%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.destaques figcaption{

	width: 100%;
	height: 15px;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	font-family: Myriad Pro; 
	padding: 0;
	line-height: 1.5;
	font-family: helvetica;
}

.sobre {

	padding-top: 60px;
	width: 80%;
	padding: 10%;
	text-align:justify;
	background: #f1f1f1;
}

.sobre h2 {
	
	font-weight: bold;
	font-size: 1.8em;
	color: #19416e;
}

.sobre p{

	font-size: 1.3em;
	line-height: 1.3;
}

.sobre font{
	font-weight:bold;
}

.selo{

	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}
.selo img
{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}


.selo1{

	display: inline-block;	
	width: 30%;
	text-align: center;
	margin: 0px auto;
	font-family: helvetica;
}


.selo1 a{

	text-decoration: none;
	font-family: helvetica;
}

.selo1 img{

	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
}
.selos{

	width: 50%;
	margin: 0px auto;
	text-align:center;
}
.selos img
{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}


/**

.redesSociais{

	background: url(../images/fundoRedesSociais.png);
	padding: 20px 0 20px 0;
	text-align: center;
}

.redesSociais img{

	width: 50%;
	border: 0px;
	padding-top: 15px;

}

.linkedin{

	padding-top: 30px;
	font-weight: bolder;
	font-size: 1.8em;
	color: #0085b4;

}

.facebook{

	font-weight: bolder;
	font-size: 1.8em;
	color: #2554a3;

}

.facebook a{

	text-decoration: none;
	color: #3a559f;
	
}

.linkedin a{

	text-decoration: none;
	color: #0084b1;
	
}

**/

.contatos{

	display: inline-block;
	width: 90%;
	margin: 5%;
	color: #fff;
	font-size: 1.7em;
}

.contatos h2{

	font-weight: bold;
}

.alinhaContato{

	width:100%;
	margin-top: 20px;
	font-size: 0.6em;
}

.alinhaContato ul{

   	margin:0;
    padding:0;
    display:inline-block;
   	vertical-align: top;

}

.alinhaContato li{

	padding-top: 25px;
}

.alinhaContato li:last-child{

	line-height: 1.5;
}

.esquerda {
	
	width: 30%;
}

.direita{

	width: 55%;
}

.mapa{

	display: none;
}

.rodape{

	background-color: #203751;
	margin: 0;
	padding: 30px 0 0 0;
}

.parceiros{

	width: 60%;
	margin-top: 39px;
	margin-left: 20%;	
	text-align: center;
	padding: 25px 0 25px 0;
	border-bottom: 0.5px dashed #eee;
}


.parceiros img{

	width: 90%;
		
}

.parceiros p{

	padding: 5px 0 10px 0;
	font-weight: bold;
	font-size: 1em;
	font-family: helvetica;
	color: #fff;

}

.assinatura{

	display: inline-block;
	width: 100%;
	text-align: center;
}

.assLogo{

	display: inline-block;
	width: 30%;
}

.assinatura img{

	width: 80%;
	padding: 10px 0px 10px 0px;
	
}


.assText{

	display: inline-block;
	width: 50%;
}
.assText p{

	text-align: center;
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	color: #ddd;
	float: left;
	margin-left: 20px;
	margin-bottom: 15px;
	vertical-align: middle;
	
}

.copy{

	text-align: center;
	padding: 30px 15px 30px 15px;
	font-size: 0.8em;
	color: #ddd;
	font-weight: lighter;
	line-height: 1.5

}

.proposta{

	
	display: none;
}


@media only screen and (min-width: 481px){

.barraSuperior{

	position: relative;
	background-color: #fff;
	width: 100%;
	height: 110px;

}


.botaoProposta{
  height: 40px;
  padding-top: 20px;

}

.banner_mobo p{

	font-size: 1.5em;

}


.contatos{

	width: 80%;
    padding: 5% 0% 5% 10%;
    margin:0;
   
}

.parceiros {
 
    width: 30%;
    margin-left: 35%;


}

} /* essa é pra fechar o media de tablet pequeno **/



@media only screen and (min-width: 600px){

.barraSuperior{

	position: relative;
	background-color: #FFF;
	width: 100%;
	height: 130px;

}

.logo img {
    max-width: 80%;
}

.menuMob{

	top: 36px;
}

.menuMob img {
 
    width: 45px;

}

.redesSociais{

	display: block;
	position: absolute;
	top: 39px;	
	right: 20%;	

}

.redesSociais li{

	display: inline;
	margin-left: 0.8em;
	cursor: pointer;

}

.redesSociais img{

	width: 2.8em;

}

.botaoProposta {
  height: 40px;
  padding-top: 20px;

}

.banner_mobo p {

	font-size: 1.7em;

}

.destaque{

	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

.destaques{

	display: inline-block;	
	width: 40%;
	text-align: center;
	margin: 40px auto;
	font-family: helvetica;
}


.escad{

	display: none;
}

.formLogin {

    margin: 15px 0 20px 7%;
  

 }





}/* essa é pra fechar o media de tablet grande **/

@media only screen and (min-width: 769px){


header{

	width: 100%;
}

.containner{

	width: 80%;
	margin-left: 10%;
}

.logo {

	width: 20%;
	position: absolute;
	top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0px;
	z-index: 10;	
}

.logo img{

	max-width: 100%;
}

.botaoProposta{

	display: none;
}


.redesSociais{

	display: block;
	position: absolute;
	top: 22px;	
	right: 0;	

}

.redesSociais li{

	display: inline;
	margin-left: 0.5em;
	cursor: pointer;

}

.redesSociais img{

	width: 2.2em;

}


.telefone{
	display: inline-block;
	position: absolute;
	top: 24px;
	right: 232px;
	font-size: 1.8em;
	font-weight: bold;
	color: #13467b;
}

.menuMob{

	display: none;
}


.menuHidenMob{

	position: absolute;
	display: block;
	top: 100px;
	right: 0px;


}

.menuHidenMob li{

	display: inline;
	width: 50%;
	text-align: center;
	background-color: unset;
	color: #383838;	
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	
	
}

.menuHidenMob li:last-child{

	padding-right: 0;	
	
}

.menuHidenMob li:hover {

	background-color: unset;
	text-decoration: none;
}

.menuHidenMob a{

		
	color: #333;
	font-weight: bold;	


}

.menuHidenMob a:link, a:visited {
	text-decoration: none;
	}

.menuHidenMob a:hover {
	
	color: #C00;

	}
.menuHidenMob a:active {
	text-decoration: none;
	color:#ed8a6d;
	}


.barraSuperior{

	position: relative;
	background-color: #fff;
	width: 100%;
	height: 130px;



}

.banner_mobo{

	background-image: url(../images/banner_home.jpg);
	width: 100%;
	position: relative;
	height: 330px;
	background-size: 100%;
	background-position: center;
	-webkit-box-shadow: inset 0 2px rgba(0, 0, 0, 0.40);

}

.banner_mobo img{

	z-index: 1;
}

.banner_mobo p {

	position:absolute;
	width: 35%;
	font-size: 1.5em;
	top: 37%;
	left: 10%;
	color: #fff;
	text-shadow: 1px 1px 2px black; 

}

.banner_mobo span{

	font-weight: bold;
}	



/** box de login e senha **/

.banner_form{

	position: relative;
}

.clienteLogin{

	position: absolute;
	right: 12%;
	top: 10%;
	width: 40%;
	display: inline-block;
	background-color: #1f3a93;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}





.destaque{

	margin-top: 30px;
	padding-bottom: 10px;
	font-family: helvetica;
}
.destaques{

	width: 20%;
	text-align: center;
	margin: 0 auto;
	float: left;
}

.clear{

	clear: both;
}


.destaques img{

	width: 30%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.destaques figcaption{

	width: 100%;
	height: 20px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	font-family: Myriad Pro; 
	padding: 0;
	line-height: 1;
}

.sobre {

	background-color: #f1f1f1;
	padding: 5% 5% 5% 5%;
	width: 90%;
	margin: 0;
	text-align: justify;
	
}

.sobre h2 {

	font-weight: bold;
	font-size: 1.8em;
	color: #19416e;
}

.sobre p{

	font-size: 1.3em;
	line-height: 1.3;
}



.contatos{

	display: inline-block;
	width: 40%;
	color: #fff;
	font-size: 1em;
	float: left;
	margin: 0;
}


.contatos h2{

	font-weight: bold;
}

.alinhaContato{

	width:100%;
	margin-top: 15px;
	font-size: 0.8em;
}

.alinhaContato ul{

   	margin:0;
    padding:0;
    display:inline-block;
   	vertical-align: top;

}

.alinhaContato li{

	padding-top: 15px;
}

.alinhaContato li:last-child{

	line-height: 1.5;
}


.mapa{

	display: inline-block;
	width: 20%;
	color: #fff;
	font-size: 1em;
	margin: 0;
	vertical-align: top;
	padding-top: 5%;
}

.mapa a{

	text-decoration: none;
	color: #fff;

}

.mapa h2{

	font-weight: bold;
}

.alinhaMapa{

	width:100%;
	margin-top: 15px;
	font-size: 0.8em;
}

.alinhaMapa ul{

   	margin:0;
    padding:0;
    display:inline-block;
   	vertical-align: top;

}

.alinhaMapa li{

	padding-top: 15px;
}



.esquerda {
	
	width: 30%;
}

.direita{

	width: 55%;
}


.rodape{

	background-color: #203751;
	margin: 0;
	padding: 3% 5% 1% 5%;
}

.parceiros{

	display: inline-block;
	background-color: unset;
	width: 23%;
	margin-left: 0;	
	text-align: center;
	padding: 0;
	margin-top: 5%;
	border: none;


}

.parceiros img{

	width: 90%;
	cursor: pointer;
		
}

.parceiros p{

	padding: 5px 0 10px 0;
	font-weight: bold;
	font-size: 0.8em;
	font-family: helvetica;
	color: #fff;
	font-weight: bold;
}


.assinatura{

	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	border-top: 1px;
	background: rgba(0, 0, 0, 0.1);

}

.assLogo{

	display: inline-block;
	width: 10%;
}

.assinatura img{

	width: 80%;
	padding: 10px 0px 10px 0px;
	cursor: pointer;
	
}


.assText{

	display: inline-block;
	width: 15%;
	margin-left: 0%;
	margin-bottom: 22px;
}
.assText p{

	text-align: center;
	padding: 0;
	color: #ddd;
	float: left;
	margin-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	
}

.copy{

	text-align: center;
	padding: 25px 15px 0px 60px;
	font-size: 0.75em;
	color: #ddd;
	font-weight: lighter;
	line-height: 1.5;
	float: left;

}

.menuAcesso a{

	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	text-decoration:none;
	list-style-type:none;
}
.menuAcesso2 a{

	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	text-decoration:none;
	list-style-type:none;
}

.proposta{

	
	height: 200px;
	width: 40px;
	background-image: url(../images/botaoProposta.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 1px;
	top: 20%;
	z-index: 9999;
    position: fixed;
    right: 0;
    top: 25%;
    display: block;
    cursor: pointer;
}

.proposta:active{

	right: -1px;
}



} 

/** AQUI ACABA O DESCTOP NORMAL
AQUI ACABA O DESCTOP NORMAL
AQUI ACABA O DESCTOP NORMAL
AQUI ACABA O DESCTOP NORMAL
AQUI ACABA O DESCTOP NORMAL
AQUI ACABA O DESCTOP NORMAL**/


@media only screen and (min-width: 1400px){


.clienteLogin p{

	font-size: 1.2em;
}


.clienteLogin h3{

	font-size: 1.3em;
}

.menuAcesso li{

	font-size: 1.2em;

}


.menuAcesso li:first-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.1em;
    content: "";
    margin-right: 0px;
}


.menuAcesso li:last-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.1em;
    content: "";
    margin-right: 0px;
}

.menuAcesso2 li{

	font-size: 1.2em;

}


.menuAcesso2 li:first-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.1em;
    content: "";
    margin-right: 0px;
}


.menuAcesso2 li:last-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.1em;
    content: "";
    margin-right: 0px;
}

.contatos h2 {
   
	font-size: 1.2em;
}

.mapa h2 {
   
	font-size: 1.2em;
}

.alinhaContato {

	font-size: 1em;

}

.alinhaMapa li {

font-size: 1.2em;

}	

.parceiros p {

	font-size: 1.2em;

}





}



@media only screen and (min-width: 1700px){


.menuHidenMob li {

	
	font-size: 1.2em;
	

}

.banner_mobo {

	height: 450px;

}


.clienteLogin {


	top: 20%;

}

.banner_mobo p{

		font-size: 2.5em;

}



.clienteLogin p{

	font-size: 1.4em;
}


.clienteLogin h3{

	font-size: 1.5em;
}



.menuAcesso li:first-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}


.menuAcesso li:last-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}

.menuAcesso a{

	height: 1.7em;
	display: inline-block;
	vertical-align: middle;
	text-decoration:none;
	list-style-type:none;
}

.menuAcesso2 li:first-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}


.menuAcesso2 li:last-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}

.menuAcesso2 a{

	height: 1.7em;
	display: inline-block;
	vertical-align: middle;
	text-decoration:none;
	list-style-type:none;
}


.contatos h2 {
   
	font-size: 1.4em;
}

.mapa h2 {
   
	font-size: 1.4em;
}

.alinhaContato {

	font-size: 1.2em;

}

.alinhaMapa li {

font-size: 1.4em;

}	

.parceiros p {

	font-size: 1.2em;

}


.destaques figcaption{

	font-size: 1.6em;

}



.sobre h2 {

  
    font-size: 2.4em;

}



.sobre p {

    font-size: 1.8em;
    line-height: 1.6;
}


.redesSociaisMob {

    padding-top: 50px;
    padding-bottom: 50px;
}

.redesSociaisMob p {
 
    font-size: 1.7em;

}

.redesSociaisMob img {
 
    width: 5.2em;

}

.redesSociaisMob ul{

	padding-top: 2em;
}

.redesSociaisMob li:last-child {
 
    margin-left: 2em;

}


.copy{
 
    font-size: 1em;

}

}


@media only screen and (min-width: 2100px){


.barraSuperior {
    
    height: 170px;

}


.menuHidenMob {
    
    top: 126px;
    right: 0px;
}

.menuHidenMob li {

    font-size: 1.7em;

}


.telefone {

    top: 26px;
    right: 4em;
    font-size: 1.6em;

}

.redesSociais img {

    width: 3.2em;

}

.banner_mobo {

    height: 610px;

}

.proposta {

    height: 300px;
    width: 60px;

}

.clienteLogin {

    top: 10%;
}

.clienteLogin h3 {

    font-size: 2.5em;
}

.clienteLogin p {

    font-size: 1.8em;

}

.bt-areacondomino {
    width: 75%;
    margin: 2em auto;
    height: 75px;
    text-align: center;
    border-bottom: 3px solid rgba(100,100,100,0.2);
    cursor: pointer;
}

.menuAcesso a {

    height: 1.7em;
    display: inline-block;
    vertical-align: middle;
	text-decoration:none;
	list-style-type:none;

}


.menuAcesso li {

 
 	font-size: 1.8em; 
	list-style-type:none;

}

.menuAcesso li:first-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}

.menuAcesso li:last-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}

.menuAcesso2 a {

    height: 1.7em;
    display: inline-block;
    vertical-align: middle;
	text-decoration:none;
	list-style-type:none;

}


.menuAcesso2 li {

 
 	font-size: 1.8em; 
	list-style-type:none;

}
.menuAcesso2 li:first-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}

.menuAcesso2 li:last-child::before {
    background-size: 100% 100%;
    width: 2em;
    height: 1.5em;
    content: "";
    margin-right: 0px;
	list-style-type:none;
}

.destaques figcaption {

    font-size: 2em;

}

.sobre{

	margin-top: 5%;
}


.redesSociaisMob p {

    font-size: 2em;

}


.sobre h2 {
 
    font-size: 3.4em;

}

.sobre p {

    font-size: 2.1em;
    line-height: 1.9;
    margin-top: 1em;
}




.contatos h2 {
   
	font-size: 1.9em;
}

.mapa h2 {
   
	font-size: 1.9em;
}

.alinhaContato {

	font-size: 1.5em;

}

.alinhaMapa li {

font-size: 1.9em;

}	

.parceiros p {

	font-size: 1.5em;

}

.copy{

	font-size: 1.2em;

}




}