/* CSS Document */

body{
    margin:0;
 overflow:hidden;
 background-color:#333333;
}

body#residential_projects
{
    overflow: auto!important;
    overflow-x: hidden!important;
    /*background-image: url('../img/maderas.jpg');*/
}

body#contact_
{
    overflow: auto!important;
    overflow-x: hidden!important;
}

.clear{
clear:both;
}

#degrade{
z-index:2000;
position:absolute;
width:100%;
height:100%;
background-image:url(../img/degrade.png);
background-repeat:repeat-y;
}
#left{
width:129px;
padding-left:4%;
float:left;
position:absolute;
z-index:100;
top:10%;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#botonera{
border-bottom:1px solid white;
border-top:1px solid white;
height:114px;
margin-top:20px;
padding-top:10px;
margin-bottom:10px;
}

#home, #design, #projects, #investors, #contact{
display:block;
width:128px;
height:18px;
background-image:url(../img/botonera.png);
margin-bottom:5px;
background-repeat: no-repeat;
}

#home:hover{
background-position: 0px -123px;
}

#design{
background-position: 0px -19px;
}
#design:hover{
background-position: 0px -142px;
}

#projects{
background-position: 0px -38px;
}
#projects:hover{
background-position: 0px -161px;
}

#investors{
background-position: 0px -56px;
}
#investors:hover{
background-position: 0px -179px;
}

#contact{
background-position: 0px -74px;
}
#contact:hover{
background-position: 0px -197px;
}

#tarjeta, #pSummary{
/*width:319px;*/
/*height:239px;*/
width:341px;
height:253px;
padding:10px;
background-image:url(../img/bg-tarjetas.png);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
position:absolute;
z-index:100;
left:23%;
/*top:20%;*/
/*left:200px;*/
top:167px;
}

#botonSummary{
display:block;
background-image:url(../img/b-summary.png);
width:106px;
height:20px;
margin-top:10px;
cursor:pointer;
}

#botonSummary:hover{
display:block;
background-image:url(../img/b-summary-selected.jpg);
}

#tarjeta span, #pSummary span{
display:block;
width:10px;
height:10px;
float:right;
}

.content{
/*margin-top:10px;*/
margin-top:15px;
/*height:195px;*/
height:208px;
overflow: hidden;

}

.content_summary{
margin-top:10px;
max-height:150px;
overflow: hidden;
font-weight: normal;

} 
.content_wrapper, .content_wrapper_summary{
width:90%;
font-weight:none;

}

.scroll, .scroll_summary
{
    /*width: 25px;*/
    /*height: 20px;*/
    width: 16px;
    height: 16px;
    position: absolute;
    /*right: 0;*/
    right: 10px;
    /*cursor: crosshair;*/
    display: none;
	cursor:pointer;
}

.scroll_up, .scroll_up_summary
{
    background-image: url("../img/arrow_up2.png");
    background-repeat: no-repeat;
    z-index: 150;
    top: 50px;
}

.scroll_down,  .scroll_down_summary
{
    background-image: url("../img/arrow_down2.png");
    background-repeat: no-repeat;
    /*bottom: 9%;*/
    bottom: 10px;
    z-index: 160;
}
#close{
cursor:pointer;

}
#residentialProjects{
float:left;
/*width:80%;*/
width:830px;
position:absolute;
z-index:100;
left:5%;
/*top:10%;*/
top:167px;

}

#residentialProjects a{
border:5px solid transparent;
float:left;
margin-left:20px;
margin-bottom:20px;
display:block;
width:240px;
height:168px;
overflow:hidden;

}

#residentialProjects a:hover{
border:5px solid white;
/*margin-left:15px;
margin-right:-5px;
margin-top:-5px;*/

}

.float{
width:129px;
padding-left:4%;
float:left;
position:absolute;
z-index:100;
top:320px;

}

input, #message{
border:none;
border-bottom:1px solid white;
background-color:transparent;
width:inherit;
color:white;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
outline: none;
}



form img{
margin-top:3px;
margin-bottom:3px;
}

.send{
border:none;
background-image:url(../img/send.jpg);
width:38px;
height:17px;
float:right;
margin-top:23px;
cursor:pointer;
}


#message{
height: 21px; 
display: block; 
resize: none;
overflow-y: hidden;
width:300px;
}

#modalBg{
z-index:300;
position:absolute;
width:100%;
height:100%;
/* background-color:#000;
        opacity:0.6;
        filter:alpha(opacity=60);*/
background-image:url(../img/modal-bg.png);
visibility:hidden;
cursor:pointer;

}

#modal{
width:319px;

padding:10px;
background-image:url(../img/bg-tarjetas.png);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
margin:20% auto;
font-weight:bold;
font-size:12px;
}

#modal p{
text-align:center;

}