.navbar {
	
	background: white;
	border-bottom: 3px solid gray;
}

#principal{
 width: 100%;
 height: 800px;
 background-image: url("img/1portada1297x638.jpg");
  background-repeat: no-repeat, repeat;
 
 background-size: cover;
 background-position: center;
 position; relative;
 color: white;
 opacity: 0.9;

 }

 
#principal:before{
content: "";
width: 100%;
height: 900px;
background:rgba(0,0,0,0.6);
position: absolute;
opacity: 0.9;
}


#principal h3{
font-size:95px;
text-align: center;
color: white;
position: relative;
font-family: 'Pinyon Script';
font-weight: bold;
}




#men {
position:relative;
}

#men a {
color: white;
}





#serv {
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border-radius: 20px;
}


#serv h1 {
	font-size: 18px;
	color: #5e2129;
	
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;


	
	color: #5e2129;
	font-weight: bold; 
}


#serv p {
	line-height:1; 
	color: blue;
	font-size: 14px;

	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}





#botonmenu {
font-size: 28px;
font-weight: normal;
line-height: 75%;
color: gray;
}





#casavit {
float:left;
width: 200px;
height: 300px;
background-color: #1D1E1C;
border-radius: 0em 3em 3em 0em;
box-shadow: 0 0 10px rgba(0,0,0,.3);
opacity: 0.7;
line-height: 75%;
padding-top: 25px;
padding-left: 35px;
position: relative;
   
}


#casavit span{
position: relative;
color: #f80000;
color: yellow;
font-size: 35px;
font-weight: bold;
font-family: 'Playball', cursive;
}

#casavit p{
position: relative;
color: white;
}





#principal2{
 width: 100%;
 height: 800px;
 background-image: url("img/2tramitamos1297x638.jpg");
 background-repeat: no-repeat, repeat;
 
 background-size: cover;
 background-position: center;
 position; relative;
 color: white;
 opacity: 0.9;
 }


#principal2 h3{
font-size:45px;
text-align: left;
color: white;
position: relative;
font-family: "Arial Black", "Arial Bold";
font-weight: bold;
}







 
#principal2:before{
content: "";
width: 100%;
height: 900px;
background:rgba(0,0,0,0.6);
position: absolute;
opacity: 0.9;
}




#logos{
float: right;
position: relative; 
top:37%;"
}

#logos {
	text-align: center;
}

#logos img {
margin-right: 10px;
margin-left: 10px;
}





#principal3{
 width: 100%;
 height: 800px;
 background-image: url("img/3vendemostucasaya1297x638.jpg");
 background-repeat: no-repeat, repeat;
 
 background-size: cover;
 background-position: center;
 position; relative;
 color: white;
 opacity: 0.9;

 }

 
#principal3:before{
content: "";
width: 100%;
height: 900px;
background:rgba(0,0,0,0.6);
position: absolute;
opacity: 0.7;
}


#principal3 h3{
font-size:45px;
text-align: left;
color: white;
position: relative;
font-family: "Arial Black", "Arial Bold";
font-weight: bold;
}





#principal3 span{
font-size:55px;
font-family: 'Pinyon Script';
font-weight: bold;
color: yellow;
}







footer{
	display: flex;
   	justify-content: center;
   	align-items: center;
	color: white;
	font-size: 15px;
	background: #333;
	color: white;
	text-align: center;
	padding: 20px;
	margin-top: 40px;

}


#redes a {
	display: block;
}






#copyright {
	display: flex;
   	justify-content: center;
   	align-items: center;
}






     .nosotros{
        background-image: url(https://www.inmuebles24.com/noticias/wp-content/uploads/2019/07/ventajas-comprar-casa.jpg);
        background-size:cover;
        background-position: center;
      }

    .nosotros h3 {
    	color: white;
      font-weight: normal;
      font-size: 20px;

    }


.nosotrosmisionvision{
      background:rgba(0,0,0, .6);
      color:white;
      margin-top: 100px;
      padding: 20px;
      box-shadow: 0px 0px 10px 3px grey;
    }
 
 hr{
        background: white;  
      }











     .paginacontacto{
        background-image: url(https://img10.naventcdn.com/avisos/18/00/56/13/44/38/1200x1200/126798462.jpg);
        background-size:cover;
        background-position: center;
      }
      
      hr{
        background: white;  
      }

    .contactarme{
      margin-right: 15px;
    }

    .contact-form{
      background:rgba(0,0,0, .6);
      color:white;
      margin-top: 100px;
      padding: 20px;
      box-shadow: 0px 0px 10px 3px grey;
    }
   










@media (max-width: 992px) { 
#principal h3 {
	font-size: 60px;
	margin-top: 10px;
	margin-bottom: 50px;
}

}




@media (max-width: 992px) { 

#serv #imgcat {
	width: 80%;
}

#serv img {
	width: 50%;
}

#serv h1 {
	font-size: 22px;
}

#serv p{
	font-size: 18px;
	padding-right: 50px;
	padding-left: 50px;
}

}




@media (max-width: 992px) { 
#redes a {
	display: inline;
}

}



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



	.bordesdelfooter{
			border-left: 1px solid gray; 
			border-right: 1px solid gray; 
			color: gray;"
		} 			 


}


















.imgnormalizada img {
  width: auto;
  height: 480;
  max-height: 450px;
  border: 1px solid gray;
}




.bd-example h5{
background-color: black;
opacity: 0.7;
}

.detalles {
  padding: 20px 20px 20px 20px;
}

.detalles button {
  margin: 1px 1px 1px 1px;
  padding: 5px 0px 5px 0px;
  width: 100px;
} 

.detalles h2{
  padding: 0px 20px 0px 20px;
  font-weight: bold;
  font-size: 20px;
}

.detalles h2 i{
  font-size: 25px;
  margin-right: 15px;
  color: blue;
}


.detalles .tipo {
  width: 250px;
}


.detalles span {
  font-size: 9px;
}


.detalles .p1 {
  padding: 0px 20px 0px 20px;
  font-weight: bold;
  font-size: 19px;
}

.detalles .p1 span{
  font-weight: normal;
  font-size: 17px;
}


.detalles .p2 {
  padding: 0px 20px 0px 20px;
  font-weight: bold;
  color: gray;
  font-size: 14px;
  margin-bottom: 0px;
}

.detalles .p2 span{
  font-weight: normal;
  font-size: 13px;
}


.conta{
  font-size: 15px;
  font-weight: bold;
  color: #800000;
}



.contactar {
 padding: 15px 0px 0px 0px;

}



.contactar .foto-asesor {
  width: 100%;
  height: 180px;
  

}


.foto {
  width: 100%;
  height: 130%;
  background-size: cover;


  background-color: red;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 3px solid gray;
}

 
 



.divinformacionagente{
  margin: 0px 15px 0px 0px;
  border: 1px solid gray;

}






.informacion-agente{
font-size: 15px;
word-break: break-all;
word-break: break-word;

}


.informacion-agente .watsapp {
  color: #25d366;
}






.detalles .tipo2 {
  width: 100%;
  padding-left: 0px;
  margin-left: 0px;
}