/*------------------------- 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; } @font-face { font-family: 'TN-Regular'; src: url('css/TN-Regular.eot'); src: local('☺'), url('TN-Regular.woff') format('woff'), url('TN-Regular.ttf') format('truetype'), url('TN-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TN-Bold'; src: url('css/TN-Bold.eot'); src: local('☺'), url('TN-Bold.woff') format('woff'), url('TN-Bold.ttf') format('truetype'), url('TN-Bold.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:100px; 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; } .copyright2 { font-family:'TN-Regular',Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; } .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;} .morada2 { font-family:'TN-Regular',Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none;} 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.logo-tan2:link { font-family:'TN-Bold',Sans-Serif; font-size: 36px; font-style: normal; font-weight: normal; text-decoration: none; } A.logo-tan2:visited { font-family:'TN-Bold',Sans-Serif; font-size: 36px; font-style: normal; font-weight: normal; text-decoration: none; } A.logo-tan2:active { font-family:'TN-Bold',Sans-Serif; font-size: 36px; font-style: normal; font-weight: normal; text-decoration: none; } A.logo-tan2:hover { font-family:'TN-Bold',Sans-Serif; font-size: 36px; font-style: normal; font-weight: normal; text-decoration: none; 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.menu2:link { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; } A.menu2:visited { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; } A.menu2:active { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; } A.menu2:hover { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; 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.menu2-select:link { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu2-select:visited { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu2-select:active { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; border-bottom: solid 2px #000000; display: inline; padding-bottom: 1px;} A.menu2-select:hover { font-family:'TN-Bold',Sans-Serif; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; 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; } .titulo-projecto2 { font-family:'TN-Bold',Sans-Serif; font-size: 19px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px;border-bottom: solid 2px #4d4d4d; display: inline; padding-bottom: 3px; } .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); } .descricao-projecto2 { font-family:'TN-Regular', monospace; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; } 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); } A.links-social2:link { font-family:'TN-Bold',Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; } A.links-social2:visited { font-family:'TN-Bold',Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; border-bottom: } A.links-social2:active { font-family:'TN-Bold',Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing:1px; border-bottom: } A.links-social2:hover { font-family:'TN-Bold',Sans-Serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; 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;} /*------------------------- EDIF CALÇADA S FRANCISCO --------------------------*/ #proj-EdifCSF-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-EdifCSF-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:555px; height:741px; top:-310px; left:688px;} #proj-EdifCSF-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:511px; height:725px; top:-256px; left:0px;} #proj-EdifCSF-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:437px; height:583px; top:-600px; left:727px;} #proj-EdifCSF-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:324px; height:432px; top:-730px; left:90px;} #proj-EdifCSF-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:598px; height:598px; top:-870px; left:565px;} #proj-EdifCSF-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:475px; height:475px; top:-740px; left:90px;} #proj-EdifCSF-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:435px; height:653px; top:-1000px; left:640px;} #proj-EdifCSF-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:475px; height:713px; top:-1393px; left:90px;} #proj-EdifCSF-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:486px; height:649px; top:-1500px; left:630px;} #proj-EdifCSF-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:225px; height:60px; top:-1480px; left:630px;} #proj-EdifCSF-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-1450px; left:1235px;} /*------------------------- 2 CASAS --------------------------*/ #proj-2Casas-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-2Casas-foto01 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:7; width:570px; height:636px; top:-310px; left:675px;} #proj-2Casas-foto02 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:6; width:478px; height:569px; top:-310px; left:290px;} #proj-2Casas-foto03 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:5; width:663px; height:517px; top:-310px; left:290px;} #proj-2Casas-foto04 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:4; width:296px; height:444px; top:-390px; left:953px;} #proj-2Casas-foto05 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:3; width:373px; height:452px; top:-551px; left:581px;} #proj-2Casas-foto06 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:2; width:632px; height:638px; top:-551px; left:0px;} #proj-2Casas-foto07 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:9; width:473px; height:492px; top:-1044px; left:770px;} #proj-2Casas-foto08 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:10; width:479px; height:513px; top:-920px; left:90px;} #proj-2Casas-foto09 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:11; width:565px; height:702px; top:-1434px; left:675px;} #proj-2Casas-foto10 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:12; width:383px; height:410px; top:-1434px; left:292px;} #proj-2Casas-foto11 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:13; width:474px; height:570px; top:-1680px; left:767px;} #proj-2Casas-foto12 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:14; width:633px; height:707px; top:-1600px; left:0px;} #proj-2Casas-foto13 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:15; width:478px; height:319px; top:-1920px; left:765px;} #proj-2Casas-foto14 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:16; width:478px; height:478px; top:-1905px; left:765px;} #proj-2Casas-foto15 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:17; width:484px; height:484px; top:-2145px; left:65px;} #proj-2Casas-foto16 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:18; width:687px; height:458px; top:-2050px; left:554px;} #proj-2Casas-foto17 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:19; width:310px; height:346px; top:-1950px; left:120px;} #proj-2Casas-foto18 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:452px; height:532px; top:-1870px; left:120px;} #proj-2Casas-foto19 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:21; width:533px; height:533px; top:-2402px; left:710px;} #proj-2Casas-foto20 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:22; width:381px; height:449px; top:-2202px; left:160px;} #proj-2Casas-foto21 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:23; width:482px; height:572px; top:-2502px; left:580px;} #proj-2Casas-foto22 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:24; width:482px; height:482px; top:-2475px; left:580px;} #proj-2Casas-foto23 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:25; width:482px; height:482px; top:-2275px; left:105px;} #proj-2Casas-foto24 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:26; width:505px; height:553px; top:-2535px; left:615px;} #proj-2Casas-foto25 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:27; width:432px; height:432px; top:-2435px; left:140px;} #proj-2Casas-foto26 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:28; width:530px; height:530px; top:-2415px; left:390px;} #proj-2Casas-foto27 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:29; width:530px; height:530px; top:-2280px; left:690px;} #proj-2Casas-foto28 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:30; width:473px; height:580px; top:-2760px; left:190px;} #proj-2Casas-foto29 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:31; width:515px; height:544px; top:-2500px; left:690px;} #proj-2Casas-foto30 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:32; width:470px; height:583px; top:-2500px; left:0px;} #proj-2Casas-foto31 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:33; width:517px; height:542px; top:-2400px; left:167px;} #proj-2Casas-foto32 { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:34; width:529px; height:530px; top:-2800px; left:720px;} #proj-2Casas-credits { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:35; width:225px; height:60px; top:-2720px; left:685px;} #proj-2Casas-top { position:relative; display: flex; align-items: center; justify-content: center; float:center; z-index:20; width:15px; height:40px; top:-2680px; left:1240px;}