/* Project: Banco Imobiliário Vrs: 1.0 2011-08 Developer: www.fernandoaguirre.com.br :: Summary :: 1 - Default 2 - Details 2.1 - Typhograph 2.2 - Forms 2.3 - Links 3 - Home 3.1 - header 3.1.1 - Nav 3.2 - Middle 3.2.1 - Highlights 3.2.2 - Features 3.2.3 - Content 3.3 - Footer */ /* 1 - Default ***********************************************/ .hidden{display:none;} /* 2 - Details ***********************************************/ .line{width:100%; height:34px; margin:60px 0; background:url("../img/line.png") center;} /* 2.1 - Typhograph ***********************************************/ body{font-family:UbuntuRegular; font-size:14px; color:#333;} strong{font-family:UbuntuBold; font-weight:Bold;} em{font-family:UbuntuBold; font-weight:Bold;} .legend{font-size:12px;} /* 2.2 - Forms ............................................................................................*/ input{font-size:16px; border:1px solid #999; background:#f2f2f2; padding:6px;} input:hover, input:focus{border:1px solid #333; background:#ddd;} textarea{display:block; font-size:14px; border:1px solid #999; background:#f2f2f2; padding:6px; } textarea:hover, textarea:focus{border:1px solid #333; background:#ddd;} /* 2.3 - Links ............................................................................................*/ body a{color:#333;} body a:hover{color:#F7931D;} body a:visited{color:#333;} .btn{font-family:UbuntuRegular; background:#333; color:#fff; display:block; padding:3px 8px; float:left;} .btn:visited{font-family:UbuntuRegular; background:#333; color:#fff; display:block; padding:3px 8px; float:left;} .btn:hover{background:url(../img/bg-nav-hover.jpg); border:1px solid #999; padding:2px 7px; color:#333;} /* Btn Download ............................................................................................*/ a.btnDow{display:block; width:279px; height:86px; clear:both; float:left; color:#bbb; background:url("../img/btn-download.png"); } a.btnDow:visited{color:#bbb;} a.btnDow:hover{color:#666; background:url("../img/btn-download.png") 0 -91px; } a.btnDow em{display:block; font-size:16px; font-family:UbuntuRegular; text-transform:uppercase;} a.btnDow span.btnText{display:block; width:180px; float:left; margin:16px 0 0 85px;} a.btnDow span{display:block; font-size:12px;} /* 3 - home ***********************************************/ body{background:url("../img/bg.jpg");} body .container{width:990px; margin:auto;} /* 3.1 - header ............................................................................................*/ #header #logo{float:left; margin:10px 0 0 0;} #header .contactTop{margin:10px 20px 0 0; float:right; text-align:right;} #header .contactTop h3{text-transform:uppercase; padding:0 0 4px 0; margin:0 0 4px 0; border-bottom:1px solid #999;} #header .contactTop p{font-size:24px;} #header .contactTop span{font-size:14px; margin:6px 4px 0 0; float:left;} #header .contactTop a{float:right; font-size:12px;} /* 3.1.1 - NAV ............................................................................................*/ #header #nav{clear:both; width:100%; margin:auto; margin-top:20px; background:url("../img/bg-nav.jpg");} #header #nav .container{width:990px;} #header #nav ul{width:990px;} #header #nav ul li{float:left;} #header #nav ul li:hover{background:url("../img/bg-nav-hover.jpg");} #header #nav ul li a{display:block; padding:12px 24px 10px 24px; color:#fff; border-bottom:6px solid #F7931D; background:url(../img/border-nav.png) no-repeat right;} #header #nav ul li a:hover{color:#333; border-color:#333;} /* 3.2 - MIDDLE ***********************************************/ #middle{clear:both;} #middle #highlights1{width:100%; height:412px; background:url("../img/img-slider-2.jpg") top center no-repeat;} /* 3.2.1 - Highlights ............................................................................................*/ .home #middle #sliderHome{background:transparent;} .home #middle #highlights1 h1{width:370px; float:left; margin:70px 0 0 0; color:#fff; font-family:UbuntuRegular; font-size:28px; text-transform:uppercase;} .home #middle #highlights1 h1 em{background:#fff; color:#637464; margin:0 0 0 -4px; padding:4px 6px 0px 4px; display:inline-block;} #middle #highlights1 a.btnDow{margin:50px 0 0 -12px;} #middle #highlights1 p{clear:both; float:left; margin:12px 0 0 0; font-family:UbuntuMedium; color:#fff;} #middle #highlights1 p a{display:inline-block; padding:4px; background: #fff; color:#F7931D; } #middle #highlights1 p a:hover{background:#F7931D; color:#fff;} /* 3.2.2 - Features ............................................................................................*/ #middle #features {height:450px; background:url("../img/bg-features.jpg") center top no-repeat; } #middle #features .container{color:#999;} #middle #features .container .feature{float:left; width:310px; margin:60px 10px 0 0;} #middle #features .container .feature p.number{font-family:UbuntuLight; font-size:100px; float:left; line-height:80px;} #middle #features .container .feature p.number span{font-size:60px; margin:-15px 10px 0 -8px; float:right; vertical-align:top;} #middle #features .container .feature h2{width:200px; float:left; margin:0; font-size:26px; font-family:UbuntuLight; text-transform:uppercase; line-height:100%;} #middle #features .container .feature ul{width:290px; float:left; margin:20px 0 0 10px;} #middle #features .container .feature ul li{line-height:200%; padding:0 0 0 10px; background:url("../img/bullet-list.png") left 11px no-repeat; } #middle #features .container div.moreFeatures{clear:both; padding:84px 0 0 0; text-align:center;} #middle #features .container div.moreFeatures a{color:#999; font-size:16px; padding:6px 40px 10px 0; background:url("../img/bullet-more-features.png") right 0 no-repeat;} #middle #features .container div.moreFeatures a:hover{color:#fff; background-position:right -40px;} /* 3.2.3 - Content ............................................................................................*/ #middle #content{clear:both; margin:130px 0 0 0; padding:0 0 110px 0; background:url("../img/bg-footer.png") center bottom no-repeat; } #middle #content .video{width:300px; float:left;} #middle #content .tittleVideo h3{text-align:right; font-family:UbuntuLight; font-size:28px; text-transform:uppercase; line-height:100%; margin:0 0 20px 0;} #middle #content .tittleVideo a{float:right;} #middle #content .videoEmbed{margin:0 35px 0 45px;} #middle #content .testimonial{ padding:8px; width:282px; background: url(../img/aspas.png) no-repeat -58px top, url(../img/aspas.png) no-repeat 252px 95px;} #middle #content .testimonial p.textVideo{width:280px; font-size:17px; font-family:UbuntuMediumItalic; text-align:center; line-height:160%;} #middle #content .testimonial p.textVideo em{background:#333; color:#fff; padding:0 4px;} #middle #content .testimonial p.peopleName{text-align:center; margin:20px 0 0 0; border-top:1px solid #999; padding:8px 0 0 0;} /* 3.3 - FOOTER ***********************************************/ #footer{clear:both; } #footer .container{padding:40px 0;} #footer a{float:left; margin:-12px 0 0 0;} #footer p{float:right; color:#666; text-align:right; font-size:10px;}