@charset "UTF-8";
/* CSS Document for Navone Projects*/

#project-container{width: 100%; height: auto; padding: 125px 1em 0 1em; background-color: transparent;}
.project-title-container{position: fixed; width: 100%; height: auto; top: 0; padding: 125px 0 0 0; background-color: #FFFFFF; z-index: 1;}
.project-information-container{position: relative; width: 100%; height: 50%; padding: 60px 0 0 0; line-height: 1.3rem;}
.left-and-right-container{font-size: 0.8em; padding: 0 0 0 0.5em; line-height: 1rem;}
.left, .right{height: auto; background-color: none; border-top: 5px solid #000000; display: inline-block;}
.left{width: 59%; padding: 1em;}
.right{width: 40%; padding: 1em;}
.bottom-separation{padding: 35px 0 35px 0;}
.text-normal{text-transform: none;}
.text-underline{text-decoration: underline;}
.project-images-container{position: relative; width: 100%; height: auto; padding: 50px 0 0 0;}
.project-image{width: 100%; height: auto; margin: 0; padding: 0 0 1em 0; text-align: center;}
.project-image img{width: 100%; height: auto;}
.project-image-planta img{width: 60%; height: auto;}

/*despliegue ficha técnica*/
.test-ficha-tecnica-container{position: relative; width: 50%; height: auto; padding: 0; top: 10%; margin: auto auto auto 1em;}
.test-ficha-tecnica-container a{color: black;}
.test-ficha-tecnica-container p{background-color: aqua; padding: 1em;}

.expand-link{text-decoration: none; color: black;}
.expand-link:hover{text-decoration: none; color: #575757;}

.sub-column-left{position: relative; width: 50%; float: left;}
.sub-column-right{position: relative; width: 50%; float: left;}

.project-image-reference{position: relative; width: 60%; padding: 0.375em 0.5em 0.375em 0.5em; bottom: 4em; font-size: 1em; color: #000000; background-color: #FFFFFF; text-align: center; display: block;}
.project-image-reference span{border-bottom: 1px solid #000000;}

#contact-white{height: 15vh; background-color: #FFFFFF;}
.social-links-black a:link{color: #000000; text-decoration: none;}
.social-links-black a:hover{color: cyan; text-decoration: none;}
.social-links-black a:active{color: #000000; text-decoration: none;}
.social-links-black a:visited{color: #000000; text-decoration: none;}

.h3l-link-black{position: fixed; width: auto; height: auto; top: auto; right: 0; bottom: 0; left: auto; padding: 0 1em 0.5em 0; color: #000000; font-size: 0.8em; z-index: 999;}
.h3l-link-black a:link{color: #000000; text-decoration: none;}
.h3l-link-black a:hover{color: aquamarine; text-decoration: underline;}
.h3l-link-black a:visited{color: #000000; text-decoration: none;}
.h3l-link-black a:active{color: #000000; text-decoration: none;}

@media (max-width: 575px) {
	#project-container{width: 100%;}
	.project-title-container{width: 100%; top: 0; padding: 100px 0 0 0; left: 0;}
	.project-information-container{padding: 100px 0 20px 0; line-height: 1.1rem;}
	.project-images-container{padding: 0 0 0 0;}
	.project-information-container, .project-images-container{width: 100%;}
	.left, .right{width: 100%; padding: 1em 0; display: block;}
	.sub-column-left, .sub-column-right{font-size: 0.8em;}
	.no-padding{padding: 1em 0;}
	.h3l-link, .h3l-link a:link{color: #000000;}
	h1{font-size: 28px; padding-left: 0.5em;}
	.project-image-planta img{width: 100%;}
	.project-image-reference{width: 100%; bottom: 1em;}
	#contact-white{height: auto; padding: 5em 0}
}