*{
	font-size: 25px;
	font-family: 'Kalam', cursiva, verdana;
	
        
}

.contenedor{
	display: flex;
	flex-direction: column;
}

.aside, .footer{
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 15px;
	text-align: center;

}

#fuente{
	color: rgb(118, 74, 27);
}

	
.header{
	background-color: rgb(254, 228, 203);
    width: 100%;
	flex-basis: 130px;
    background-image: url(encabezado4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff;
}

.main{
	background-color: rgb(118, 74, 27);
	flex-basis: 800px;
	padding-top: 35px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: left;
	border-top: solid gold 3PX;
	color: #ffffff;
}

.aside {
	background-color: rgb(254, 228, 203);
	flex-basis: 300px;
	border-top: solid gold 3px;
    color: rgb(118, 74, 27);
}

.footer {
	background-color: rgb(63, 49, 38) ;
	flex-basis: 200px;
	line-height: 50px;
	text-align: center;
	border-top: solid gold 3px;
	color: #ffffff;
}

.galeria-deptouno{
	display: grid;
	grid-template-columns:repeat(auto-fill, minmax(265px, 1fr));
	grid-auto-rows: 300px;
	grid-gap: 5px;

}

.img-galeriadeptouno{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5%;
}

.galeria-deptodos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
	grid-auto-rows:300px ;
	grid-gap: 5px;
	
}

.img-galeriadeptodos {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5%;
}

.galeria-deptotres{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
	grid-auto-rows: 300px;
	grid-gap: 5px;
}

.img-galeriadeptotres{
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 5%;
}

.galeria-deptocuatro{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
	grid-auto-rows: 300px;
	grid-gap: 5px;
}

.img-galeriadeptocuatro{
	width: 100%;
	line-height: 100%;
	object-fit: cover;
	border-radius: 5%;
}

.galeria-deptocinco{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
	grid-auto-rows: 300px;
	grid-gap: 5px;
}

.img-galeriadeptocinco{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5%;
}

.img_sinvacantes{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.btn_salida{
	width: 100px;
	height: 46px;
	object-fit: cover;
	border-radius: 10%;
}


.portada{
	width: 100%;
	height: 130px;
	object-fit: cover;
}



img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.whats{
	position: fixed;
	width: 40px;
	height: 40px;
	border-radius: 50%;
		
}

.celular{
	position: fixed;
	width: 45px;
	height: 95px;
	object-fit: cover;

}

.face{
	width: 45px;
	height: 45px;
	border-radius: 25%;
}

.insta{
	width: 45px;
	height: 45px;
	border-radius: 25%;
}






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

.header{
    background-color:rgb(254, 228, 203);
    background-image: url(encabezado1.jpg);
    background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	flex-basis: 273px;

}

}