@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap');

main{
    width: 100%;

    font-family: 'Work Sans';
    color: black;

    height: 4600px;
    overflow-x: hidden;
}
#h1proyectos{
    position: relative;
    top: 50px;
    font-size: 50px;

    height: 80px;
    width: 880px;
    left: calc(50% - 880px/2);

    overflow: hidden;
    font-weight: 400;
}
#h1proyectos2{
    position: relative;
    top: 20px;
    font-size: 73px;

    height: 80px;
    width: 870px;
    left: calc(50% - 870px/2);

    overflow: hidden;
    font-weight: 400;
}

#wrapperinstalaciones{
    position: relative;
    top: 100px;
    left: calc(50% - 1080px/2);

    width: 1080px;
}
#lineauno{
    position: static;

    width: 0%;
    height: 2px;

    background-color: black;
}
#h2zonascomunes{
    opacity: 0;
    margin-top: 70px;

    font-size: 48px;
    font-weight: 500;
}
#pzonascomunes{
    opacity: 0;
    margin-top: -20px;

    font-size: 20px;
    width: 100%;
}

.swiper-container {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 100px;
}

#img1 {
	background-image: url("/img/cambiador.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img2 {
	background-image: url("/img/baño1.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img3 {
	background-image: url("/img/baño2.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img4 {
	background-image: url("/img/entrada.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img5 {
	background-image: url("/img/entrada2.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img6 {
	background-image: url("/img/merendero1.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img7 {
	background-image: url("/img/merendero2.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img8 {
	background-image: url("/img/merendero3.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img9 {
	background-image: url("/img/zapatero.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}


#lineados{
    position: static;
    margin-top: 100px;

    width: 0%;
    height: 2px;

    background-color: black;
}
#h2zonainfantil{
    opacity: 0;
    margin-top: 70px;

    font-size: 48px;
    font-weight: 500;
}
#pzonainfantil{
    opacity: 0;
    margin-top: -20px;

    font-size: 20px;
    width: 100%;
}
#img10 {
	background-image: url("/img/img10.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img20 {
	background-image: url("/img/img20.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img30 {
	background-image: url("/img/img30.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img40 {
	background-image: url("/img/img40.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img50 {
	background-image: url("/img/img50.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}


#lineatres{
    position: static;
    margin-top: 100px;

    width: 0%;
    height: 2px;

    background-color: black;
}
#h2zonaadultos{
    opacity: 0;
    margin-top: 70px;

    font-size: 48px;
    font-weight: 500;
}
#pzonaadultos{
    opacity: 0;
    margin-top: -20px;

    font-size: 20px;
    width: 100%;
}
#img100 {
	background-image: url("/img/img100.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img200 {
	background-image: url("/img/img200.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img300 {
	background-image: url("/img/img300.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img400 {
	background-image: url("/img/img400.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img500 {
	background-image: url("/img/img500.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img600 {
	background-image: url("/img/img600.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img700 {
	background-image: url("/img/img700.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img800 {
	background-image: url("/img/img800.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img900 {
	background-image: url("/img/img900.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}



#lineacuatro{
    position: static;
    margin-top: 100px;

    width: 0%;
    height: 2px;

    background-color: black;
}
#h2cocina{
    opacity: 0;
    margin-top: 70px;

    font-size: 48px;
    font-weight: 500;
}
#pcocina{
    opacity: 0;
    margin-top: -20px;

    font-size: 20px;
    width: 100%;
}
#img1000 {
	background-image: url("/img/img1000.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img2000 {
	background-image: url("/img/img2000.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}
#img3000 {
	background-image: url("/img/img3000.jpg");
	background-position: center;
	background-size: cover;
	width: 400px;
	height: 400px;
}

@media (max-width: 1200px){
	main{
		width: 100%;
	
		font-family: 'Work Sans';
		color: black;
	
		height: 4600px !important;
		overflow-x: hidden;
	}
	#wrapperinstalaciones{
		position: relative;
		top: 100px;
		left: 5%;
	
		width: 90%;
	}
}
@media (max-width: 940px){
	#h1proyectos{
		position: relative;
		top: 50px;
		font-size: 5.319vw;
	
		height: 8.51vw;
		width: 93.61vw;
		left: calc(50% - 91.21vw/2);
	
		overflow: hidden;
		font-weight: 400;
	}
	#h1proyectos2{
		position: relative;
		top: 20px;
		font-size: 7.965vw;
	
		height: 8.51vw;
		width: 92.55vw;
		left: calc(50% - 92.55vw/2);
	
		overflow: hidden;
		font-weight: 400;
	}
}

/*Footer*/
@media (max-width: 750px){
	footer{
		margin-top: -400px;
	}

	#img1 {
		background-image: url("/img/cambiador.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img2 {
		background-image: url("/img/baño1.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img3 {
		background-image: url("/img/baño2.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img4 {
		background-image: url("/img/entrada.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img5 {
		background-image: url("/img/entrada2.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img6 {
		background-image: url("/img/merendero1.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img7 {
		background-image: url("/img/merendero2.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img8 {
		background-image: url("/img/merendero3.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img9 {
		background-image: url("/img/zapatero.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img10 {
		background-image: url("/img/img10.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img20 {
		background-image: url("/img/img20.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img30 {
		background-image: url("/img/img30.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img40 {
		background-image: url("/img/img40.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img50 {
		background-image: url("/img/img50.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img100 {
		background-image: url("/img/img100.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img200 {
		background-image: url("/img/img200.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img300 {
		background-image: url("/img/img300.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img400 {
		background-image: url("/img/img400.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img500 {
		background-image: url("/img/img500.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img600 {
		background-image: url("/img/img600.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img700 {
		background-image: url("/img/img700.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img800 {
		background-image: url("/img/img800.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img900 {
		background-image: url("/img/img900.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img1000 {
		background-image: url("/img/img1000.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img2000 {
		background-image: url("/img/img2000.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
	#img3000 {
		background-image: url("/img/img3000.jpg");
		background-position: center;
		background-size: cover;
		width: 300px;
		height: 300px;
	}
}

@media (max-width: 650px){
	main{
		width: 100%;
	
		font-family: 'Work Sans';
		color: black;
	
		height: 4600px !important;
		overflow-x: hidden;
	}
	#wrapperinstalaciones{
		position: relative;
		top: 100px;
		left: 5%;
	
		width: 90%;
	}
	footer{
		margin-top: -550px;
	}

	#h2zonascomunes{
		opacity: 0;
		margin-top: 70px;
	
		font-size: 32px;
		font-weight: 500;
	}
	#h2zonainfantil{
		opacity: 0;
		margin-top: 70px;
	
		font-size: 32px;
		font-weight: 500;
	}
	#h2zonaadultos{
		opacity: 0;
		margin-top: 70px;
	
		font-size: 32px;
		font-weight: 500;
	}
	#h2cocina{
		opacity: 0;
		margin-top: 70px;
	
		font-size: 32px;
		font-weight: 500;
	}
}
@media (max-width: 451px){
	footer{
		margin-top: -500px;
	}
}
@media (max-width: 388px){
	footer{
		margin-top: -400px;
	}
}
@media (max-width: 350px){
	footer{
		margin-top: -350px;
	}
}