/* COMUN */	
body {
	font-family:Arial, "sans-serif";
	font-size:18px;
	color:#000;
	margin:0;
	padding:0;
    border:0;
    outline:0;
}
	
a { 
	text-decoration:none;
	color:#000;
}

a:hover { 
	text-decoration:none;
}

img {
	width: 100%;
	/*
	box-shadow: 0 0 0 2px black inset;
	*/
}

#botonera {
}

/* LOGO */
#logo {
	top:50px;
	left:50px;
	text-align:center;
	position:fixed;
	z-index:7000;
}

#logo a {
	background-color:#FFF;
	transition: box-shadow 150ms;
}

#logo:hover a {
	box-shadow: 6px 6px;
	background-color:#FFF;
}

#box-top {
	width:130px;
	height:31px;
	border:2px solid;
	position:absolute;
}

#doors {
	text-align: center;
	letter-spacing:11.5px;
	margin-top:6px;
	margin-left:9px;
}

#box-left {
	width:31px;
	height:165px;
	top:33px;
	border:2px solid;
	position:absolute;
}

#proyecto {
	line-height:1.1;
	margin-top:8px;
}

#box-right {
	width:31px;
	height:165px;
	top:33px;
	left:99px;
	border:2px solid;
	position:absolute;
}

#project {
	line-height:1.25;
	margin-top:6px;
}

#box-bottom {
	width:130px;
	height:31px;
	top:200px;
	border:2px solid;
	position:absolute;
	z-index: 1000;
}

#puertas {
	text-align: center;
	letter-spacing:4.8px;
	margin-top:6px;
	margin-left:5px;
}

#info-simbolo {
	font-size:15px;
	margin-top:3.5px;
}

/* EXTRA */
#boton-extra{
	right:50px;
	bottom:50px;
	text-align:center;
	position:fixed;
	z-index:7000;
}

#boton-extra a{
	transition: box-shadow 150ms;
}

#boton-extra:hover a{
	box-shadow: -6px 6px;
}
	
#box-extra-uno {
	width:31px;
	height:31px;
	right:132px;
	bottom:0px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:9000;
}

#extra-uno {
	margin-top:6px;
}

#box-extra-dos {
	width:31px;
	height:31px;
	right:99px;
	bottom:33px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:8000;
}

#extra-dos {
	margin-top:6px;
}

#box-extra-tres {
	width:31px;
	height:31px;
	right:66px;
	bottom:66px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:7000;
}

#extra-tres {
	margin-top:6px;
}

#box-extra-cuatro {
	width:31px;
	height:31px;
	right:33px;
	bottom:99px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:6000;
}

#extra-cuatro {
	margin-top:6px;
}

#box-extra-cinco {
	width:31px;
	height:31px;
	right:0px;
	bottom:132px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:5000;
}

#extra-cinco {
	margin-top:6px;
}

#extra {
	text-align: center;
	padding-top:121px;
	padding-left:50px;
	padding-right:50px;
	letter-spacing:2px;
}

#titulo-extra{
	transition: box-shadow 150ms;
}

#titulo-extra a{
	color:#000;
	padding:6px 6px 5px 9px;
	border:2px solid;
	background-color: #FFF;
	text-transform:uppercase;
	line-height:33px;
}

#titulo-extra a {
	transition: box-shadow 150ms;
}

#titulo-extra a:hover {
	box-shadow: 0px 12px 0px -6px rgba(0,0,0,1);
}

#titulo-extra-current a{
	color:#000;
	padding:6px 6px 5px 9px;
	border:2px solid;
	background-color: #FFF;
	text-transform:uppercase;
	line-height:33px;
	box-shadow: 0px 12px 0px -6px rgba(0,0,0,1);
}

#texto-extra {
	font-style: italic;
	margin-top:46px;
	letter-spacing:2px;
	line-height:25px;
}

#extra-esp {
	text-align:right;
	right:50%;
	margin-right:23px;
	padding-left:250px;
	position:absolute;
}

#extra-eng {
	text-align:left;
	margin-left:50%;
	padding-left:25px;
	padding-right:200px;	
}

#imagenes-extra {
	margin-top: 75px;
	padding-bottom: 25px;
}

#imagenes-extra .imagen {
	margin:0px 25px 80px 25px;
	display:inline-block;
	vertical-align:middle;
	z-index:5000;
}


.imagen {
	
}

#img-extra-h {
	width:60%;
}

#img-extra-v {
	width:42.5%;
}

#img-extra-v2 {
	width:28%;
}

/* INFO */
.boton-info{
	left:50px;
	bottom:50px;
	text-align:center;
	position:fixed;
	z-index:7000;
}

#mobile-menu {
	display: none;
}

#trigger-overlay a{
	transition: box-shadow 150ms;
}

#trigger-overlay:hover a{
	box-shadow: 6px 6px;
	cursor: pointer;
}

#box-info-uno {
	width:31px;
	height:31px;
	left:0px;
	bottom:33px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:7000;
}

#info-uno {
	margin-top:6px;
}

#box-info-dos {
	width:31px;
	height:31px;
	left:33px;
	bottom:33px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:7000;
}

#info-dos {
	margin-top:6px;
}

#box-info-tres {
	width:31px;
	height:31px;
	left:0px;
	bottom:0px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:9000;
}

#info-tres {
	margin-top:6px;
}

#box-info-cuatro {
	width:31px;
	height:31px;
	left:33px;
	bottom:0px;
	background-color:#FFF;
	border:2px solid;
	position:absolute;
	z-index:9000;
}

#info-cuatro {
	margin-top:6px;
}

.if-text {
	color:#FFF;
}

.if-border {
	background-color:#000;
	border-color:#000;
}

/* IMAGENES */
center {
	margin-right:auto;
	margin-left:auto;
}

img {
	border:none;
	outline:none;
	margin:0px;
	width: 100%;
	display:block;
}

#imagenes {
	padding-top:125px;
	padding-left:40px;
	padding-right:40px;
}

#imagenes .imagen {
	margin:0px 40px 80px 40px;
	display:inline-block;
	vertical-align:middle;
	z-index:5000;
}

#img175 {
	width:175px;
}

#img200 {
	width:200px;
}

#img225 {
	width:225px;
}

#img250 {
	width:250px;
}

#img275 {
	width:275px;
}

#img300 {
	width:300px;
}

#img325 {
	width:325px;
}

#img350 {
	width:350px;
}

#img375 {
	width:375px;
}

#img400 {
	width:400px;
}

#img425 {
	width:425px;
}

#img450 {
	width:450px;
}

/* HOVERs */
#overlay{
	margin:0px;
	text-align: center;
	letter-spacing:2px;
	position:relative;
}

#hover{
	width:100%;
	height:100%;
	opacity:0;
	background: rgba(255, 255, 255, 0);
	transition: box-shadow 150ms;
}

#overlay:hover {
	/*
	-webkit-box-shadow: 0px 20px 0px -10px rgba(0,0,0,1);
	-moz-box-shadow: 0px 20px 0px -10px rgba(0,0,0,1);
	box-shadow: 0px 16px 0px -8px rgba(0,0,0,1);
	*/
}

#overlay:hover #hover{
	opacity:1;
	/*
	filter: alpha(opacity = 0.5);
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	*/
	transition: box-shadow 150ms;
}

#overlay:hover .titulo{
	box-shadow: 0px 12px 0px -6px rgba(0,0,0,1);
	transition: box-shadow 150ms;
}

.titulo {
	margin-top:25px;
	left:25px;
	right:25px;
	margin-bottom:25px;
	padding:4px 6px 3px 9px;
	border:2px solid;
	background: #FFF;
	position: absolute;
	line-height:25px;
	transition: box-shadow 150ms;
}

.mapa {
	color:#000;
	padding:6px 6px 4px 9px;
	border:2px solid;
	background-color: #FFF;
	text-transform:uppercase;
	transition: box-shadow 150ms;
	display: -webkit-flex;
	text-align: center;
	bottom:25px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
	position: absolute;
}

.mapa:hover {
	box-shadow: 0px 12px 0px -6px rgba(0,0,0,1);
}

/* TRIANGULO */
.top {
	margin-bottom:82px;
	margin-left:-32px;
	padding-bottom:2px;
	clear:both;
	z-index:5000;
}

.top:hover #triangle-shadow {
	opacity:1;
}

.triangle-top {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 34px 17px;
    border-color: transparent transparent #000 transparent;
	position:absolute;
}

#triangle-top {
    display: inline-block;
    width: 0;
    height: 0;
	margin-top:4px;
	margin-left:3px;
    border-style: solid;
    border-width: 0 14px 28px 14px;
    border-color: transparent transparent #FFF transparent;
	position:absolute;
}

#triangle-shadow {
    display: inline-block;
    width: 0;
    height: 0;
	margin-top: 14px;
	margin-left: 3px;
    border-style: solid;
    border-width: 0 14px 28px 14px;
	opacity: 0;
    border-color: transparent transparent #000 transparent;
	position:absolute;
	transition: opacity .2s ease-in-out;
  	-moz-transition: opacity .2s ease-in-out;
  	-webkit-transition: opacity .2s ease-in-out;
	
}

.next {
	top:50%;
	right:51px;
	margin-top:-32px;
	position:fixed;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	z-index:5000;
	
}

.next:hover #triangle-next {
	border-color: transparent transparent #000 transparent;
}

.triangle-next {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 27px 14px;
    border-color: transparent transparent #000 transparent;
	position:absolute;
}

#triangle-next {
    display: inline-block;
    width: 0;
    height: 0;
	margin-top:4px;
	margin-left:3px;
    border-style: solid;
    border-width: 0 11px 21px 11px;
    border-color: transparent transparent #FFF transparent;
	position:absolute;
}

/* EXTRA 
#info-extra {
	padding-top:150px;
	padding-bottom:150px;
	letter-spacing:4px;
	line-height:25px;
}
*/

/* OVERLAY INFO */
#botonera-info {
}

#botonera-info a {
	color:#FFF;
	border-color:#FFF;
	background-color:#000;
}

#botonera-info #logo:hover a {
	color:#000;
	border-color:#FFF;
	box-shadow: none;
}

#botonera-info #logo {
	z-index: 7000;
}

#botonera-info #boton-extra {
	z-index: 7000;
}

.overlay {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: rgba(255,255,255, 0.9);
	-webkit-backdrop-filter: blur(5px);
	z-index: 6000;
}

.overlay .overlay-close {
	color:#000;
	height:40px;
	margin-top:45px;
	overflow: hidden;
	background:none;
	outline:none;
	border:none;
}

.close {
}

#box-close {
	width:31px;
	height:31px;
	right:50px;
	top:50px;
	position:fixed;
	border:solid 2px #000;
	transition: box-shadow 150ms;
	z-index: 9000;
	/*
	border-radius:31px;
	*/
}

.close:hover #box-close {
	border: solid 2px #000;
	cursor:pointer;
	box-shadow: -6px 6px;
}

#close-x {
	font-size:18px;
	margin-top:5px;
	z-index:9000;
}

/* Effects */
.overlay-slidedown {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.15s, visibility 0.15s 0.3s;
	transition: opacity 0.15s, visibility 0.15s 0.3s;
}

.overlay-slidedown.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.15s;
	transition: opacity 0.15s;
}

/* INFO OVERLAY */
#info-overlay {
	margin-top:-90px;
	width:80%;
	height:100%;
	margin-left:10%;
	font-style: italic;
	letter-spacing:2px;
	line-height:25px;
	position: absolute;
	display: table;
}

#info-overlay #texto-info-overlay {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#info-esp-overlay {
	text-align:right;
	right:50%;
	margin-right:23px;
	padding-left:50px;
	position:absolute;
}

#info-eng-overlay {
	text-align:left;
	left:50%;
	margin-left:27px;
	padding-right:50px;
	position:absolute;
}

#info-comun-overlay {
	text-align: center;
	margin-left:3px;
	padding-left:50px;
	padding-right:50px;
	padding-top:300px;
}

#info-comun-overlay a{
	padding:0px 0px 3px 2px;
}

#info-comun-overlay a:hover{
	border-bottom:2px solid;
}

/* INFO */
#info {
	padding-top:121px;
	padding-left:50px;
	padding-right:50px;
	letter-spacing:2px;
}

#texto-info {
	line-height: 25px;
	letter-spacing: 2px;
	font-style: italic;
}

#info-esp {
	text-align:right;
	right:50%;
	margin-right:23px;
	padding-left:50px;
	position:absolute;
}

#info-eng {
	text-align:left;
	margin-left:50%;
	padding-left:27px;
	padding-right:50px;
}

#info-comun {
	text-align: center;
	margin-left:3px;
	padding-left:50px;
	padding-right:50px;
}

#info-comun a{
	padding:0px 0px 3px 2px;
}

#info-comun a:hover{
	border-bottom:2px solid;
}


/* PRELOADER */
.QOverlay {
	width:5%;
	height:5%;
	opacity:1;
	z-index:5000;
}

.QLoader {
	background-image:url(loader-byn.gif);
	background-position:left 85px top 85px;
	background-repeat:no-repeat;
	background-size:64px;
	width:183px;
	height:285px;
}

@media only screen and (max-width: 1024px) {
body {
	font-size:54px;
}
	
#mobile-menu{
	width: 480px;
	top: 813px;
	left:50%;
	margin-left: -239px;
	position: absolute;
	display: inline;
}
	
.boton-info-mobile {
	color:#000;
	text-align: center;
	letter-spacing:6px;
	padding:12px 16px 11px 22px;
	border:5px solid;
	background-color: #FFF;
	text-transform:uppercase;
	box-shadow: 18px 18px 0px rgba(0,0,0,1);
	display: inline;
	float: left;
	transition: box-shadow 150ms;
	z-index:7000;
}
	
#boton-extra-mobile{
	color:#000;
	text-align: center;
	letter-spacing:6px;
	padding:12px 16px 11px 22px;
	border:5px solid;
	background-color: #FFF;
	text-transform:uppercase;
	box-shadow: -18px 18px 0px rgba(0,0,0,1);
	display: inline;
	float: left;
	margin-left: 18px;
	transition: box-shadow 150ms;
	z-index:7000;
}
	
.boton-info-mobile:hover {
	box-shadow:none;
}
	
#boton-extra-mobile:hover{
	box-shadow:none;
}
	
.boton-info-current {
	display: none;
}
	
.boton-extra-current {
	display:none;
}
	
#logo {
	top:85px;
	left:50%;
	margin-left:-185.5px;
	position:absolute;
	z-index:7000;
}

#box-top {
	width:360px;
	height: 85px;
	border: 5px solid;
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	position:absolute;
}

#doors {
	margin-top:12px;
	margin-left:22px;
	letter-spacing:29px;
}	
	
#box-bottom {
	width:360px;
	height: 85px;
	border: 5px solid;
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	top:545px;
	position:absolute;
}

#puertas {
	margin-top:12px;
	margin-left:12px;
	letter-spacing:11px;
}

#box-left {
	width:85px;
	height: 450px;
	border: 5px solid;
	box-shadow: 0px 24px 0px -12px rgba(0,0,0,1);
	top:90px;
	position:absolute;
}

#proyecto {
	line-height:52px;
	margin-top:18px;
	margin-left:1px;
}
	
#box-right {
	width:85px;
	height: 450px;
	border: 5px solid;
	box-shadow: 0px 24px 0px -12px rgba(0,0,0,1);
	top:90px;
	left:275px;
	position:absolute;
}

#project {
	line-height:61px;
	margin-top:14px;
	margin-left:1px;
}
	
#logo:hover #box-top {
	box-shadow: none;
}
	
#logo:hover #box-right {
	box-shadow: none;
}
	
#logo:hover #box-left {
	box-shadow: none;
}
	
#logo:hover #box-bottom {
	box-shadow: none;
}	

#imagenes {
	padding-top:998px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:41px;
}

#imagenes .imagen {
	margin:0px 0px 50px 0px;
	display:inline-block;
	vertical-align:middle;
	z-index:5000;
}
	
#imagenes .imagen {
	float:left;
}
	
#img175 {
	width:100%;
}

#img200 {
	width:100%;
}

#img225 {
	width:100%;
}

#img250 {
	width:100%;
}

#img275 {
	width:100%;
}

#img300 {
	width:100%;
}

#img325 {
	width:100%;
}

#img350 {
	width:100%;
}

#img375 {
	width:100%;
}

#img400 {
	width:100%;
}

#img425 {
	width:100%;
}

#img450 {
	width:100%;
}
	
#overlay{
	margin:0px;
}

#hover{
	opacity:1;
	background: rgba(255, 255, 255, 0);
	float:left;
}

#overlay:hover {
	/*
	-webkit-box-shadow: 0px 20px 0px -10px rgba(0,0,0,1);
	-moz-box-shadow: 0px 20px 0px -10px rgba(0,0,0,1);
	*/
	box-shadow: none;
}

#overlay:hover #hover{
	opacity:1;
	box-shadow: none;
	/*
	filter: alpha(opacity = 0.5);
	transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	*/
}
	
#overlay:hover .titulo{
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	transition: none;
}

#caja {
	width:80%;
	height:100%;
	line-height:72px;
	display:inherit;
}

#caja #texto {
	color:#000;
	display: table-cell;
	vertical-align: bottom;
	text-align: center;
	letter-spacing:2px;
}
	
#texto {
	padding-top:10%;
}

.titulo {
	margin-top:75px;
	left:75px;
	right:75px;
	padding:12px 16px 11px 22px;
	background-color: #FFF;
	border:5px solid;
	line-height:72px;
	letter-spacing: 6px;
	font-style: normal;
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	position: absolute;
}
	

.mapa {
	color:#000;
	padding:12px 16px 11px 22px;
	border:5px solid;
	background-color: #FFF;
	text-transform:uppercase;
	letter-spacing: 6px;
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	display: -webkit-flex;
	bottom:75px;
	left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
	position: absolute;
}

.mapa:hover {
	box-shadow: 0px 0px 0px 0px;
}
	
.boton-info{
	display:none;
}
	
#info {
	padding-top:998px;
	padding-left:50px;
	padding-right:50px;
}

#texto-info {
	font-size:54px;
	width:100%;
	font-style: italic;
	line-height:72px;
}
	
titulo {
	letter-spacing:2px;
}

#info-esp {
	font-size:54px;
	text-align:right;
	right:50%;
	margin-right:17px;
	padding-left:0px;
	letter-spacing:1px;
}

#info-eng {
	font-size:54px;
	text-align:left;
	margin-left:50%;
	padding-left:20px;
	padding-right:0px;
	letter-spacing:1px;
}
	
#info-comun {
	font-size:54px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 75px;
}

#info-comun a{
	padding:0px 0px 3px 2px;
}

#info-comun a:hover{
	border-bottom:5px solid;
}
	
#boton-extra{
	display:none;
}	

#extra {
	font-size:54px;
	padding-top:1005px;
	padding-left:50px;
	padding-right:50px;
	letter-spacing:2px;
	line-height: 72px;
}
	
#extra:last-child{
	padding-bottom:100px;
}
	
#extra #titulo-extra {
	
}
	
#titulo-extra {
	margin-top:-7px;
	font-size:54px;
	color:#000;
	border:5px solid;
	background-color: #FFF;
	text-transform:uppercase;
	margin-bottom: 25px;
	padding:12px 16px 11px 22px;
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	letter-spacing:6px;
}

#titulo-extra a {
	font-size:54px;
	color:#000;
	border:0px;
	background-color: #FFF;
	text-transform:uppercase;
	line-height:25px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}	

#titulo-extra:hover {
	background-color: #FFF;
	box-shadow: none;
}

#titulo-extra a:hover {
	background-color: #FFF;
	box-shadow: none;
}

#titulo-extra-current {
	margin-top:-7px;
	font-size:54px;
	color:#000;
	border:5px solid;
	background-color: #FFF;
	text-transform:uppercase;
	margin-bottom: 23px;
	padding:12px 16px 11px 22px;
	box-shadow: 0px 38px 0px -20px rgba(0,0,0,1);
	letter-spacing:6px;
}
	
#titulo-extra-current a{
	border:none;
	box-shadow: none;
}

#texto-extra {
	font-style: italic;
	margin-top:35px;
	line-height:72px;
	margin-bottom:72px;
}

#extra-esp {
	width:100%;
	text-align:center;
	margin-top:72px;
	padding-left:0px;
	padding-right:25px;
	margin-right:0px;
	margin-left:0px;
	right:0%;
	position:static;
}

#extra-eng {
	width:100%;
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:72px;
}

#imagenes-extra {
	margin-top: 50px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom: 41px;
}

#imagenes-extra .imagen {
	margin:0px 0px 50px 0px;
	display:inline-block;
	vertical-align:middle;
	z-index:5000;
}

#img-extra-h {
	width:100%;
}

#img-extra-v {
	width:100%;
}

#img-extra-v2 {
	width:100%;
}
	
.top {
	padding-top:27px;
	margin-bottom:50px;
	padding-bottom:126px;
	margin-left:-32px;
	z-index:5000;
}

.top:hover #triangle-shadow {
	opacity:0;
}

.triangle-top {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 43px 85px 43px;
    border-color: transparent transparent #000 transparent;
	position:absolute;
	margin-left: -26px;
	margin-top: -6px;
	
}

#triangle-top {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 35px 70px 35px;
    border-color: transparent transparent #FFF transparent;
	position:absolute;
	margin-left: -18px;
	margin-top: 4px;
}

#triangle-shadow {
    display: inline-block;
    width: 0;
    height: 0;
	margin-top: 31px;
	margin-left: -15px;
    border-style: solid;
    border-width: 0 32px 65px 32px;
	opacity: 1;
    border-color: transparent transparent #000 transparent;
	position:absolute;
}
	
.QLoader {
	background-image:none;
	background-position: 0px;
	background-repeat:no-repeat;
	background-size:0px;
	width:0px;
	height:0px;
}
	
}

@media only screen and (max-width: 768px) {
}