html {
overflow: auto;
}
body {
margin: 0 auto;
padding: 0;
overflow: auto;
text-align: center; /* hack para o IE */
background-color: #000000; /*#060606;*/
font: 11px Tahoma, Verdana, Arial,sans-serif;
}
p {
margin:0px;
}
img {
border:0;
}
hr {
border-color: #FFFFFF;
border-style: dashed;
border-width: 0 0 1px;
margin-top: 10px;
}
h2 {
font-weight: bold;
margin-bottom: 10px;
font-size: 11px;
margin-top: 0px;
}
a {
outline: none;
}
.clickCursor {
cursor: pointer;
}
html,body,#outermost {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
position: relative;
margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on Opera 7.2+ and 6.x
don't appear to have this problem. We hide this from IE5/Mac, because it
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
display: table;
vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
width: 100%;
display: table-cell;
vertical-align: middle;
}
/* end hide */
.valignmid3 {
position: relative;
}
#majorContainer {
width: 100%;
height:633px;
}
#boxContainer {
width: 100%;
height: 500px;
margin: 0;
padding: 0;
left: 0;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
background: #000000 url(../images/backgroundRepeat.png) repeat-x left top;
}
#leftContainer {
width: 100px;
height: 500px;
left: -100px;
top: -1px;
background-image: url(../images/left.png);
position: absolute;
}
#rightContainer {
width: 100px;
height: 500px;
left: 900px;
top: -1px;
background-image: url(../images/right.png);
position: absolute;
}
#mainContainerHome {
width: 900px;
height: 498px;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -1px;
border-top: 2px solid #449199;
border-bottom: 2px solid #449199;
background-color: black;
}
#pageContent {
height: 100%;
text-align: left;
color: white;
font-size: 20px;
overflow: hidden;
}
#pageContent.menuPadding {
padding-left: 150px;
}
#slogan {
width: 250px;
height: 12px;
top: 40%;
right: 10px;
position: absolute;
font-size: 16px;
text-transform: uppercase;
color: #449199;
background-image: url(../images/slogan.png);
}
#header, #footer {
margin-left: auto;
margin-right: auto;
color: #484848;
background-color: #FFFFFF;
}
#header {
height: 99px;
width: 900px;
position: relative;
border-top: 1px solid white;
background-image: url(../images/headerBackground.png);
z-index: 999;
}
#footer {
width: 900px;
height: /*30*/41px;
position: relative;
z-index: 100;
border-bottom: 1px solid white;
background-image: url(../images/footerBackground.png);
}
#logo {
width: 94px;
height: 94px;
top: 10px;
left: 10px;
position: absolute;
border: none;
outline: none;
cursor:pointer; display:none;
background-image: url(../images/logo.png);
z-index: 9999;
border: 2px solid #449199;
}
#who {
width: 120px;
height: 22px;
top: 36px;
left: 20px;
position: absolute;
border: none;
outline: none;
z-index: 9999;
background-image: url(../images/QuemSomos.png);
background-repeat: no-repeat;
}
#who:hover{
background-image: url(../images/QuemSomos_hover.png);
}
#fullPageText {
width: 100%;
}
#fullPageText div.scrollingtext {
width: 720px;
}
/**********************************************************************/
/* FOOTER LINK */
/**********************************************************************/
#footerTitles {
color: #FFFFFF;
font-weight: bold;
font-size: 8px;
height: 11px;
background-color: #449199;
}
#companyTitle {
float:left;
margin-left:9px;
height: 7px;
width:105px;
}
#footerLink {
height: 38px;
width: 123px;
margin-left: 10px;
text-align: left;
position: absolute;
}
#partnerCompanyLogo {
left: 4px;
top: 1px;
height: 25px;
width: 84px;
position: absolute;
background-image: url("../images/ecokubicLogo.png");
}
/**********************************************************************/
/* CONTACTS */
/**********************************************************************/
#contacts {
width: 285px;
text-align: left;
bottom: 5px;
right: 0px;
color: #449199;
position: absolute;
}
#contactsTitle {
float: right;
margin-right: 166px;
height: 7px;
width: 120px;
}
#splitter {
width: 1px;
height: 18px;
margin-left: 7px;
margin-top: 5px;
float: left;
border-left: 1px solid #449199;
}
#leftArea {
width: 152px;
height: 26px;
float: left;
}
#rightArea {
width: 116px;
height: 26px;
float: right;
}
/**********************************************************************/
/* MAIN PAGE */
/**********************************************************************/
#highlight{
bottom: 20px;
right: 0px;
display: block;
position: absolute;
height: 265px;
}
#highlightButton {
margin-top: 100px;
width: 90px;
height: 120px;
float: left;
}
#highlightButton img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */
zoom: 1;
}
#highlightButton.hidden {
display: none;
}
#highlightDetail {
display: none;
float: left;
width: 0px;
height: 241px;
padding: 10px 0px 10px 0px;
color: white;
text-align: left;
border: 2px solid #449199;
border-right: 0;
}
#highlightDetail .bgImage {
width: 180px;
height: 236px;
display: block;
background-repeat: no-repeat;
border: 2px solid white;
float: left;
margin-right: 5px;
}
.transparent {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.darkLayer {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
}
.shadow {
-moz-box-shadow: 5px 5px 4px #000;
-webkit-box-shadow: 5px 3px 4px #000;
box-shadow: 5px 5px 5px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000');
}
.fullHeight {
height: 100%;
}
/* Real Estate */
.forSaleLink, .doneLink, .navigationSquare {
border: 2px solid white;
width: 180px;
height: 180px;
position: absolute;
left: 670px;
text-align: center;
color: white;
text-decoration: none;
display: block;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(68, 145, 153) transparent;
/* RGBa with 0.6 opacity */
background: rgba(68, 145, 153, 0.8);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC449199, endColorstr=#CC449199);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC449199, endColorstr=#CC449199)";
}
html .navigationSquare {
width: 180px;
height: 120px;
}
html .forSaleLink:hover, html .doneLink:hover, html .navigationSquare:hover{
border-color: #2C5E63;
color: #060606;
}
.forSaleLink {
top: 255px;
}
.doneLink {
top: 30px;
}
.sub3Link {
top: 330px;
}
.sub2Link {
top: 180px;
}
.sub1Link {
top: 30px;
}
.line {
border-top: 2px solid white;
position: absolute;
top: 172px;
left: 108px;
width: 377px;
}
.line2 {
border-top: 2px solid white;
position: absolute;
top: 280px;
left: 108px;
width: 377px;
}
.lineConnecting {
border-bottom: 2px solid white;
border-left: 2px solid white;
border-top: 2px solid white;
height: 225px;
left: 485px;
position: absolute;
top: 125px;
width: 183px;
}
.lineConnecting2 {
border-bottom: 2px solid white;
border-left: 2px solid white;
border-top: 2px solid white;
height: 300px;
left: 485px;
position: absolute;
top: 95px;
width: 183px;
}
.lineConnecting3 {
border-top: 2px solid white;
border-left: 2px solid white;
height: 1px;
left: 485px;
position: absolute;
top: 245px;
width: 183px;
}
/**********************************************************************/
/* COMPANY */
/**********************************************************************/
.titleCase {
text-transform:uppercase;
}
#companyArea {
/* height: 272px;
width: 400px; */
padding: 10px;
margin-top: 17px;
position: absolute;
font: 11px Tahoma, Verdana, Arial,sans-serif;
font-weight: bold;
}
#companyPhoto {
width: 200px;
border: 2px solid white;
}
#companyText {
width: 200px;
}
#companyText.minHeight {
height: 45px;
}
#companyText a {
display: block;
color: #418C91;
background: url("../images/link_highlight.png") no-repeat;
padding-left: 10px;
background-position: 0px 3px;
}
#companyText .titleCase {
margin-bottom: 3px;
display: block;
}
#companyText .identLeft {
margin-left: 10px;
display: block;
}
.partnerLink {
margin-top: 20px;
}
/**********************************************************************/
/* DONE */
/**********************************************************************/
#doneFlow {
width: 715px;
margin-top: 120px;
border: 2px solid white;
}
/*** done subpage ***/
#doneTitle, #managementTitle {
position: absolute;
left: 120px;
top: -85px;
color: black;
}
#doneContent {
height: 478px;
width: 880px;
margin: 5px;
padding: 5px;
}
.galleryClose {
position: absolute;
top: 0px;
right: 0px;
width: 26px;
height: 26px;
background-image: url("../images/close.png");
}
.galleryClose:hover {
background-image: url("../images/close_over.png");
}
/**********************************************************************/
/* FOR SALE */
/**********************************************************************/
.headerMenu {
left: 120px;
position: absolute;
top: -85px;
z-index: 1000;
text-align: left;
}
.headerMenu .where {
height: 65px;
color: #484848;
font: bold 11px Tahoma,Verdana,Arial,sans-serif;
z-index: 1001;
}
.headerMenu ul {
color: black;
list-style: none outside none;
margin: 0;
padding: 0;
z-index: 1001;
}
.headerMenu ul li{
float: left;
margin-right: 20px;
}
.headerMenu ul li a{
display: block;
text-decoration: none;
background-position: 0 0;
background-repeat: no-repeat;
}
.headerMenu ul li a:hover, .headerMenu ul li a.selected{
display: block;
}
.headerMenu ul li a#subMenu1 {
width: 77px;
height: 12px;
background-image: url(../images/forsale/menuLocalizacao.png);
}
.headerMenu ul li a#subMenu1:hover, .headerMenu ul li a#subMenu1.selected{
background-image: url(../images/forsale/menuLocalizacao_hover.png);
}
.headerMenu ul li a#subMenu2 {
width: 53px;
height: 12px;
background-image: url(../images/forsale/menuImagens.png);
}
.headerMenu ul li a#subMenu2:hover, .headerMenu ul li a#subMenu2.selected{
background-image: url(../images/forsale/menuImagens_hover.png);
}
.headerMenu ul li a#subMenu3 {
width: 34px;
height: 12px;
background-image: url(../images/forsale/menuFilme.png);
}
.headerMenu ul li a#subMenu3:hover, .headerMenu ul li a#subMenu3.selected{
background-image: url(../images/forsale/menuFilme_hover.png);
}
.headerMenu ul li a#subMenu4 {
width: 51px;
height: 12px;
background-image: url(../images/forsale/menuPlantas.png);
}
.headerMenu ul li a#subMenu4:hover, .headerMenu ul li a#subMenu4.selected{
background-image: url(../images/forsale/menuPlantas_hover.png);
}
.headerMenu ul li a#subMenu5 {
width: 87px;
height: 12px;
background-image: url(../images/forsale/menuAcabamentos.png);
}
.headerMenu ul li a#subMenu5:hover, .headerMenu ul li a#subMenu5.selected{
background-image: url(../images/forsale/menuAcabamentos_hover.png);
}
.headerMenu ul li a#subMenu6 {
width: 85px;
height: 12px;
background-image: url(../images/forsale/menuPormenores.png);
}
.headerMenu ul li a#subMenu6:hover, .headerMenu ul li a#subMenu6.selected{
background-image: url(../images/forsale/menuPormenores_hover.png);
}
.headerMenu ul li a#subMenuWork {
width: 85px;
height: 12px;
background-image: url(../images/construction/menuFaseDeObra.png);
}
.headerMenu ul li a#subMenuWork:hover, .headerMenu ul li a#subMenuWork.selected{
background-image: url(../images/construction/menuFaseDeObra_hover.png);
}
.headerMenu ul li a#subMenuDone {
width: 85px;
height: 12px;
background-image: url(../images/construction/menuFaseFinal.png);
}
.headerMenu ul li a#subMenuDone:hover, .headerMenu ul li a#subMenuDone.selected{
background-image: url(../images/construction/menuFaseFinal_hover.png);
}
#forSaleContent {
display: none;
width: 900px;
height: 492px;
}
/*** Location ***/
.location .addressLabel{
color: #449199;
font: bold 11px Tahoma,Verdana,Arial,sans-serif;
}
.location .address{
color: white;
font: bold 11px Tahoma,Verdana,Arial,sans-serif;
}
.location, .location .mapArea, #forsaleLocation {
height: 478px;
}
#forsaleLocation {
position: relative;
}
#forsaleLocation, #forsaleLocation * {
background-position: left center;
background-repeat: no-repeat;
}
.location {
margin: 5px;
width: 880px;
padding: 5px;
}
.location .imageArea {
width: 610px;
margin-right: 5px;
float: left;
}
.location .mapArea {
border-left: 1px solid white;
padding-left: 5px;
width: 258px;
float: right;
position: relative;
}
.location .mapArea a, .bigMapArea a{
display: block;
position: absolute;
bottom: 0px;
left: 5px;
}
.bigMapArea a{
top: 0px;
left: 0px;
right: 0px;
background-color: #000000;
}
.bigMapArea a img{
height: 478px;
width: 880px;
}
.mapArea a img {
vertical-align: bottom;
}
.location .zoom {
width: 40px;
height: 40px;
position: absolute;
bottom: 0px;
right: 0px;
display: none;
}
.location .mapArea a:hover .zoom {
display: block;
background-image: url("../images/zoom+.png");
}
.bigMapArea a:hover .zoom {
display: block;
background-image: url("../images/zoom-.png");
}
.location .bigMapArea{
width: 880px;
height: 478px;
position: absolute;
left: 10px;
top: 10px;
}
.location .close {
border: 1px solid black;
color: black;
font-size: 12px;
height: 16px;
position: absolute;
right: 5px;
top: 5px;
width: 16px;
background-color: white;
text-align: center;
text-decoration: none;
}
.location .close:hover {
color: white;
background-color: black;
}
#mask {
position: absolute;
left: 0;
top: 0;
z-index: 9000;
background-color: #000000;
display: none;
}
#mapLayer .window {
position: absolute;
left: 0;
top: 0;
display: none;
z-index: 9999;
}
/*** Images ***/
#largeImage {
height: 373px;
width: 610px;
text-align: center;
position: absolute;
border: 1px solid #CCCCCC;
background-color: #000000;
}
.textGallery #largeImage {
width: 256px !important;
float: right;
position: relative;
}
.textGallery #scrollContainer {
width: 610px;
}
.textGallery .vertical_scroller {
float: left;
}
.textGallery #scrollableTextContainer {
float: left;
width: 596px;
}
.textGallery div.scrollingtext {
width: 571px;
}
.textGallery .scrollingtext table th{
text-align: left;
vertical-align: top;
}
.textGalleryNoImage #largeImage{
display: none;
}
.textGalleryNoImage #scrollContainer{
width: 878px;
}
html .textGalleryNoImage #scrollableTextContainer {
width: 864px;
}
html .textGalleryNoImage div.scrollingtext {
width: 844px;
}
#textDivision {
margin-top: 15px;
border-bottom: 1px dashed #FFFFFF;
}
/*** Movie ***/
.movie {
height: 478px;
margin: 5px;
width: 880px;
padding: 5px;
}
/*** BluePrints ***/
.images {
margin: 5px;
width: 880px;
height: 478px;
padding: 5px;
}
.images .imageArea {
height: 370px;
}
.images .galeryArea {
border-top: 2px solid white;
height: 70px;
}
.images .scrollingArea {
width:880px;
height:86px;
}
.images div.scrollWrapper {
width: 864px;
}
.images .content {
width:880px;
height:383px;
margin-left:auto;
margin-right:auto;
}
.blueprintArea {
margin-bottom:5px;
}
.blueprintArea > span {
float:right;
}
.blueprintTitle {
font-weight: bold;
margin-bottom: 10px;
}
.blueprintAreasHeader {
text-align:center;
padding-bottom:5px;
}
/*** Details ***/
.hidden {
display: none;
}
#galleryTextFlow {
width: 490px;
margin-top: 120px;
margin-left: -21px;
border: 2px solid white;
float: left;
}
/*** done subpage ***/
#galleryTextTitle {
position: absolute;
left: 120px;
top: -85px;
color: black;
}
/**********************************************************************/
/* INDEX */
/**********************************************************************/
.index #mainContainer {
width: 1000px;
height: 470px;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(../images/background.png);
z-index: 0;
}
.index #majorContainer {
height: 470px;
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
}
#indexHeader {
width: 264px;
height: 17px;
top: -21px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(../images/empresa.png);
}
#indexLogo {
width: 250px;
height: 250px;
top: 84px;
left: 13px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
background-image: url(../images/logoindex.png);
}
#indexExit {
width: 88px;
height: 17px;
top: 80px;
left: 86px;
text-align: left;
position: relative;
vertical-align: center;
margin-left: auto;
margin-right: auto;
display: block;
cursor:pointer;
background-image: url(../images/exitindex.png);
}
#indexExitImage {
width: 88px;
height: 17px;
position: relative;
display: block;
}
/** Fix for IE6 **/
#linkWrapper {
position: absolute;
}