/*------------------------- General Styles --------------------------*/ *{ margin:0; padding:0; } @font-face { font-family: 'Nitti-Normal'; src: url('css/Nitti-Normal.eot'); src: local('☺'), url('Nitti-Normal.woff') format('woff'), url('Nitti-Normal.ttf') format('truetype'), url('Nitti-Normal.svg') format('svg'); font-weight: normal; font-style: normal; } html{ /* This image will be displayed fullscreen */ /* Ensure the html element always takes up the full height of the browser window */ min-height:100%; /* The Magic */ background-size:cover; } body{ /* Workaround for some mobile browsers */ min-height:100%; font:14px/1.3 'Nitti-Normal',Arial, sans-serif; } a, a:visited { outline:none; color:#000000; text-decoration: none; } a:hover{ text-decoration: underline; } section, footer, header{ display: block; } /*------------------------- HOME --------------------------*/ #topo { position:fixed; float:center; z-index:99; width:100%; height:120px; top:0px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; } #centro { position:absolute; float:center; z-index:1; width:100%; top:120px; bottom:120px; display: flex; justify-content: center; pointer-events: visible; } #centro2 { position:absolute; float:center; z-index:1; width:100%; top:120px; bottom:120px; display: flex; justify-content: center; pointer-events: visible; align-items:center; justify-content:center; -webkit-align-items:center; -webkit-justify-content:center; -webkit-box-pack:center; -webkit-box-align:center; -moz-box-pack:center; -moz-box-align:center; -ms-box-pack:center; -ms-box-align:center; } #centro-home { width: 1245px; height: 829px; position: relative; overflow:hidden; align-items:center; } #rodape { position:fixed; z-index:98; width:100%; height:120px; bottom:0px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; } #lateralesq { position:fixed; z-index:97; width:10%; height:100%; left:0px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; } #lateraldir { position:fixed; z-index:96; width:10%; height:100%; right:0px; background-color: #FFFFFF; display: flex; align-items: center; justify-content: center; } #homeImages {position:relative; width:1245px; height:829px;} #homeImages img {position:relative; top:0px; left:0px;} .copyright { font-family:'Nitti-Normal',Sans-Serif; font-size: 10px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; } .morada { font-family:'Nitti-Normal',Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase;line-height:14px;} A.logo-tan:link { font-family:'Nitti-Normal',Sans-Serif; font-size: 30px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; } A.logo-tan:visited { font-family:'Nitti-Normal',Sans-Serif; font-size: 30px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; } A.logo-tan:active { font-family:'Nitti-Normal',Sans-Serif; font-size: 30px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; } A.logo-tan:hover { font-family:'Nitti-Normal',Sans-Serif; font-size: 30px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; opacity: 0.6; filter: alpha(opacity=60);} A.menu:link { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; } A.menu:visited { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; } A.menu:active { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; } A.menu:hover { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu-select:link { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu-select:visited { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu-select:active { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu-select:hover { font-family:'Nitti-Normal',Sans-Serif; font-size: 15px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; opacity: 0.6; filter: alpha(opacity=60); border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px; } A.projecto:link { font-family:'Nitti-Normal',Sans-Serif; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none; text-decoration: none; } A.projecto:visited { font-family:'Nitti-Normal',Sans-Serif; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none; text-decoration: none; } A.projecto:active { font-family:'Nitti-Normal',Sans-Serif; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: none; text-decoration: none; } A.projecto:hover { font-family:'Nitti-Normal',Sans-Serif; font-size: 17px; font-style: normal; font-weight: normal; text-decoration: underline; } /*------------------------- PROJECTOS --------------------------*/ .titulo-projecto { font-family:'Nitti-Normal',Sans-Serif; font-size: 19px; font-style: normal; font-weight: normal; text-decoration: none; border-bottom: solid 2px #4d4d4d; display: inline; padding-bottom: 9px; } .descricao-projecto { font-family:'Nitti-Normal', monospace; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; line-height:16px; opacity: 0.7; filter: alpha(opacity=70); } A.links-social:link { font-family:'Nitti-Normal',Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; } A.links-social:visited { font-family:'Nitti-Normal',Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; border-bottom: } A.links-social:active { font-family:'Nitti-Normal',Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; border-bottom: } A.links-social:hover { font-family:'Nitti-Normal',Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-transform: uppercase; letter-spacing:1px; opacity: 0.6; filter: alpha(opacity=60); } /*------------------------- CASA AP --------------------------*/ #proj-CasaAP-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-CasaAP-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-525px; left:533px;} #proj-CasaAP-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:464px; height:652px; top:-450px; left:350px;} #proj-CasaAP-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-558px; left:814px;} #proj-CasaAP-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-558px; left:814px;} #proj-CasaAP-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-790px; left:3px;} #proj-CasaAP-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:530px; height:289px; top:-540px; left:683px;} #proj-CasaAP-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-740px; left:0px;} #proj-CasaAP-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-740px; left:198px;} #proj-CasaAP-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-1146px; left:844px;} #proj-CasaAP-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-1146px; left:682px;} #proj-CasaAP-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-980px; left:200px;} #proj-CasaAP-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-845px; left:201px;} #proj-CasaAP-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-1145px; left:835px;} #proj-CasaAP-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-1145px; left:395px;} #proj-CasaAP-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-1145px; left:200px;} #proj-CasaAP-foto16 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-1445px; left:711px;} #proj-CasaAP-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-1400px; left:711px;} #proj-CasaAP-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-1350px; left:1235px;} /*------------------------- EDIF SM --------------------------*/ #proj-EdifSM-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-EdifSM-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-635px; left:620px;} #proj-EdifSM-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:509px; height:750px; top:-356px; left:260px;} #proj-EdifSM-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-400px; left:827px;} #proj-EdifSM-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-569px; left:482px;} #proj-EdifSM-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-267px; left:590px;} #proj-EdifSM-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:530px; height:289px; top:-440px; left:0px;} #proj-EdifSM-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-200px; left:-75px;} #proj-EdifSM-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-440px; left:675px;} #proj-EdifSM-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-332px; left:577px;} #proj-EdifSM-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-710px; left:-90px;} #proj-EdifSM-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-460px; left:559px;} #proj-EdifSM-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-376px; left:620px;} #proj-EdifSM-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-900px; left:0px;} #proj-EdifSM-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-545px; left:30px;} #proj-EdifSM-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-800px; left:650px;} #proj-EdifSM-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-790px; left:690px;} #proj-EdifSM-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-750px; left:1100px;} /*------------------------- REST H3 --------------------------*/ #proj-RestH3-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-RestH3-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-525px; left:533px;} #proj-RestH3-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:464px; height:652px; top:-635px; left:549px;} #proj-RestH3-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-575px; left:302px;} #proj-RestH3-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-590px; left:818px;} #proj-RestH3-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-370px; left:-118px;} #proj-RestH3-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:530px; height:289px; top:-370px; left:738px;} #proj-RestH3-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-650px; left:14px;} #proj-RestH3-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-640px; left:466px;} #proj-RestH3-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-595px; left:77px;} #proj-RestH3-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-506px; left:682px;} #proj-RestH3-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-452px; left:22px;} #proj-RestH3-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-911px; left:748px;} #proj-RestH3-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-645px; left:98px;} #proj-RestH3-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-1225px; left:790px;} #proj-RestH3-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-1255px; left:32px;} #proj-RestH3-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-1490px; left:840px;} #proj-RestH3-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-1450px; left:1235px;} /*------------------------- CASA CM --------------------------*/ #proj-CasaCM-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-CasaCM-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-680px; left:533px;} #proj-CasaCM-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:464px; height:652px; top:-816px; left:586px;} #proj-CasaCM-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-780px; left:345px;} #proj-CasaCM-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-1069px; left:820px;} #proj-CasaCM-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-1010px; left:560px;} #proj-CasaCM-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:530px; height:289px; top:-1040px; left:13px;} #proj-CasaCM-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-1240px; left:560px;} #proj-CasaCM-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-1340px; left:695px;} #proj-CasaCM-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-1335px; left:21px;} #proj-CasaCM-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-1713px; left:734px;} #proj-CasaCM-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-1519px; left:539px;} #proj-CasaCM-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-1300px; left:27px;} #proj-CasaCM-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-1600px; left:700px;} #proj-CasaCM-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-1845px; left:-55px;} #proj-CasaCM-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-2037px; left:633px;} #proj-CasaCM-foto16 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-2077px; left:63px;} #proj-CasaCM-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-2165px; left:711px;} #proj-CasaCM-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-2200px; left:1235px;} /*------------------------- APART JT --------------------------*/ #proj-ApartJT-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-ApartJT-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-490px; left:605px;} #proj-ApartJT-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:464px; height:652px; top:-435px; left:694px;} #proj-ApartJT-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-900px; left:150px;} #proj-ApartJT-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-533px; left:430px;} #proj-ApartJT-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-980px; left:662px;} #proj-ApartJT-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:530px; height:289px; top:-637px; left:-62px;} #proj-ApartJT-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-710px; left:630px;} #proj-ApartJT-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-836px; left:145px;} #proj-ApartJT-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-1246px; left:688px;} #proj-ApartJT-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-946px; left:706px;} #proj-ApartJT-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-824px; left:231px;} #proj-ApartJT-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-760px; left:157px;} #proj-ApartJT-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-1405px; left:790px;} #proj-ApartJT-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-1292px; left:758px;} #proj-ApartJT-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-1300px; left:205px;} #proj-ApartJT-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-1405px; left:786px;} #proj-ApartJT-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-1290px; left:785px;} /*------------------------- APART NB --------------------------*/ #proj-ApartNB-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-ApartNB-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-570px; left:535px;} #proj-ApartNB-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:464px; height:652px; top:-553px; left:617px;} #proj-ApartNB-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-1020px; left:100px;} #proj-ApartNB-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-608px; left:60px;} #proj-ApartNB-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-940px; left:550px;} #proj-ApartNB-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:22; width:811px; height:289px; top:-640px; left:313px;} #proj-ApartNB-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-500px; left:-110px;} #proj-ApartNB-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-1090px; left:646px;} #proj-ApartNB-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-925px; left:570px;} #proj-ApartNB-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-720px; left:280px;} #proj-ApartNB-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-459px; left:183px;} #proj-ApartNB-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-995px; left:800px;} #proj-ApartNB-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-994px; left:414px;} #proj-ApartNB-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-920px; left:570px;} #proj-ApartNB-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-780px; left:700px;} #proj-ApartNB-foto16 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-1245px; left:-10px;} #proj-ApartNB-foto17 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:524px; height:627px; top:-1395px; left:615px;} #proj-ApartNB-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:225px; height:60px; top:-1400px; left:690px;} #proj-ApartNB-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:21; width:15px; height:40px; top:-1350px; left:1235px;} /*------------------------- CASA MB --------------------------*/ #proj-CasaMB-descr { position:absolute; display: flex; align-items: center; justify-content: center; float:center; z-index:8; width:100%; height:474px; top:0px; left:0px;} #proj-CasaMB-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:711px; height:474px; top:-850px; left:555px;} #proj-CasaMB-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:464px; height:652px; top:-880px; left:639px;} #proj-CasaMB-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:433px; height:289px; top:-856px; left:334px;} #proj-CasaMB-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:433px; height:289px; top:-1145px; left:750px;} #proj-CasaMB-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:811px; height:289px; top:-910px; left:3px;} #proj-CasaMB-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:530px; height:289px; top:-930px; left:700px;} #proj-CasaMB-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:683px; height:674px; top:-1130px; left:66px;} #proj-CasaMB-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:485px; height:487px; top:-1207px; left:740px;} #proj-CasaMB-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:370px; height:402px; top:-1300px; left:140px;} #proj-CasaMB-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:531px; height:354px; top:-946px; left:755px;} #proj-CasaMB-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:531px; height:354px; top:-825px; left:100px;} #proj-CasaMB-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:528px; height:670px; top:-1280px; left:756px;} #proj-CasaMB-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:378px; height:450px; top:-1237px; left:176px;} #proj-CasaMB-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:442px; height:507px; top:-1245px; left:760px;} #proj-CasaMB-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:511px; height:570px; top:-1500px; left:130px;} #proj-CasaMB-foto16 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-1767px; left:719px;} #proj-CasaMB-foto17 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-1645px; left:211px;} #proj-CasaMB-foto18 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-1970px; left:732px;} #proj-CasaMB-foto19 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-2045px; left:735px;} #proj-CasaMB-foto20 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:524px; height:627px; top:-2200px; left:195px;} #proj-CasaMB-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-2500px; left:851px;} #proj-CasaMB-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-2300px; left:1235px;}