/* bzin.2009 work ruben.nascimento@bzin.net | http://ruben.bzin.net client: Lápis Lazuli project: Square Assessment Management */ /* ---------------- GENERIC COMMANDS ---------------- */ * { margin:0; padding:0;} html { height:100%;} body { min-height:100%; height:700px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } img { border:none;} /* ---------------- GENERIC CLASSES ---------------- */ .floatLeft { float:left;} .floatRight { float:right;} .clear { clear:both;} /* ---------------- GLOBAL STYLES ----------------*/ body.squaream {background:#222;} a:link { text-decoration:none; color:#7b2121;} a:visited { text-decoration:none; color:#7b2121;} a:hover { text-decoration:none; color:#7b2121; } #intro { position:absolute; top:50%; left:50%; margin-left:-188px; margin-top:-64px; } #page-wrap { position:relative; z-index:100; height:700px; width:960px; left:50%; top:50%; margin:-350px 0px 0px -480px; } /* ---------------- IMAGES BACKGROUNDS ---------------- */ .image_home { background:url(../images/bck_imagem_home.jpg) no-repeat;} .image001 { background:url(../images/bck_imagem1.jpg) no-repeat;} .image002 { background:url(../images/bck_imagem2.jpg) no-repeat;} .image003 { background:url(../images/bck_imagem3.jpg) no-repeat;} .image004 { background:url(../images/bck_imovel.jpg) no-repeat;} /* ---------------- GENERIC CONTENT ---------------- */ #logo { position:absolute; left:5px; top:5px; } #content { width:1000px; margin:0px; height:690px; padding:5px;} /* ---------------- MENU ---------------- */ #menu { position:absolute; top:260px; left:410px; } #menu .square { margin-right:5px; float:left; height:133px; width:133px; font-size:10px; position:relative;} #menu .square a:link { color:#7b2121; text-decoration:none; display:block; height:133px; width:133px; background:#FFFFFF; position:relative; } #menu .square a:visited { color:#7b2121; text-decoration:none; display:block; height:133px; width:133px; background:#FFFFFF; position:relative; text-transform:uppercase; } #menu .square a:hover { color:#FFFFFF; text-decoration:none; display:block; height:133px; width:133px; background:#7b2121; position:relative; text-transform:uppercase;} #menu .square a.current { color:#FFFFFF; text-decoration:none; display:block; height:133px; width:133px; background:#7b2121; position:relative; text-transform:uppercase; } #menu .square a span { position:absolute; top:50px; left:14px; font-weight:bold; z-index:100;} #menu .square .submenu { position:absolute; list-style:none; margin-top:2px; z-index:110; top:65px; left:14px;} #menu .square .submenu a:link { background:none; text-decoration:none; color:#FFFFFF; width:auto; height:auto; text-transform:none; } #menu .square .submenu a:visited { background:none; text-decoration:none; color:#FFFFFF; width:auto; height:auto; text-transform:none; } #menu .square .submenu a:hover { background:none; text-decoration:underline; color:#FFFFFF; width:auto; height:auto; text-transform:none; } /* ------------- REMODELAÇÃO ------------- */ .remodelacao { margin-right:5px;float:right;height:50px;width:50px;font-size:16px;position:relative;color:#7b2121;height:100px;width:200px;position:relative; } /* ---------------- TEXT CONTENT ---------------- */ #text { position:absolute; top:170px; left:410px; width:525px; height:440px; background:#FFFFFF; overflow:hidden; padding:10px; font-size:10px; line-height:14px;} #text h1 { font-size:11px; font-weight:bold; color:#7b2121; text-transform:uppercase; padding-bottom:15px;} #text #scroller { overflow:auto; height:400px; width:525px;} /* ---------------- SCROLLER/PAGE CONTENT ---------------- */ #scroller .text { padding-left:20px;} #scroller .text h3 { margin-top:15px; margin-bottom:15px; font-size:11px;} #scroller .text p { line-height:14px; margin-bottom:10px;} #scroller .text ul { margin:10px 0px 10px 0px;} #scroller .text ul li { padding-left:25px; list-style-image:url(..../ficheiros/bullet.gif); list-style-position:inside;} #scroller .text ol { margin:10px 0px 10px 0px;} #scroller .text ol li { padding-left:25px; list-style-type:none; list-style-position:inside;} #scroller .text table.ca {} #scroller .text table.ca th { padding:5px; text-align:center; font-weight:bold; color:#7b2121;} #scroller .text table.ca .td_line { border-bottom:solid #7b2121 1px;} #scroller .text table.ca td { padding:5px;} #scroller .text .ca_line { height:3px; overflow:hidden; background:#7b2121; margin:5px;} /* ---------------- CONTACTS CONTENT ---------------- */ #content-contacts { position:absolute; top:423px; left:410px; width:526px; min-height:60px; height:auto !important; height:60px; background-color:#FFFFFF; color:#000000; padding:10px; font-size:11px;} #content-contacts h1 { font-size:11px; font-weight:bold; color:#7b2121; text-transform:capitalize; padding-bottom:15px;} #content-contacts table { width:536px;} #content-contacts table td { vertical-align:top;} #content-contacts a:link { color:#7b2121; text-decoration:none;} #content-contacts a:hover { color:#7b2121; text-decoration:underline;} /* ---------------- IMO SEARCH ---------------- */ #content-search { z-index:100; position:absolute; top:170px; left:410px; width:525px; height:130px; overflow:hidden; padding:10px; font-size:10px; line-height:14px;} #content-search h1 { font-size:11px; font-weight:bold; color:#7b2121; text-transform:uppercase; padding-bottom:15px;} #content-search-bck { z-index:99; position:absolute; top:170px; left:410px; width:525px; height:130px; background:#FFFFFF; overflow:hidden; padding:10px; font-size:10px; line-height:14px;} #content-search form { } #content-search form input { width:130px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; } #content-search form select { width:135px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; } #content-search form #concelho { position:absolute; top:47px; left:40px;} #content-search form #finalidade { position:absolute; top:47px; left:200px;} #content-search form #categoria { position:absolute; top:47px; left:360px} #content-search form #preco { position:absolute; top:80px; left:40px;} #content-search form #area { position:absolute; top:80px; left:200px;} #content-search form #ref { position:absolute; top:80px; left:360px; padding-bottom:1px;} #content-search form #pesquisar { padding:0px 5px 0px 5px; width:auto; position:absolute; top:115px; right:50px;} /* ---------------- IMO RESULTS ---------------- */ #search-results { position:absolute; top:210px; width:950px; min-height:430px; height:auto !important; height:430px; padding:5px;} #search-results .search { position:absolute; top:-35px; left:5px;} #search-results .search .title { font-size:11px; font-weight:bold; color:#7b2121; text-transform:uppercase; width:125px; padding-top:2px; } #search-results .search input { width:130px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; } #search-results .search select { width:120px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; text-align:left; } #search-results .search div { float:left; margin-right:5px; margin-top:-4px;} #search-results .search #pesquisar { padding:0px 5px 0px 5px; width:auto; } #search-results .search .concelho { top:-2px;} #search-results .search .finalidade { top:-2px;} #search-results .search .categoria { top:-2px;} #search-results .search .price { top:-2px;} #search-results .search .area { top:-2px;} #search-results .search .ref { top:-2px;} #search-results .search .ref input { width:100px; } #search-results .search .pesquisar { top:-2px; margin-right:0px;} #search-results .numbers { position:absolute; line-height:20px; top:-30px; color:#7b2121; font-size:11px; left:42px;} #search-results .imovel { font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#7b2121; width:230px; float:left; margin-bottom:10px;} #search-results .imovel .picture { float:left; width:90px; height:90px; overflow:hidden;} #search-results .imovel .picture:hover { display:block; background-color:#7b2121; } #search-results .imovel .content { float:left; padding-left:10px;} #search-results .noresults { font-size:10px; color:#7b2121;} #search-results .pagination { margin-top:10px; position:absolute; width:940px; bottom:0px; left:5px; z-index:20; font-size:11px; line-height:19px; height:19px; overflow:hidden; color:#7b2121; background:url(..../ficheiros/pagination_bck.gif) repeat-x; text-align:right; padding-right:10px;} #search-results .pagination .bck_left { position:absolute; z-index:21; top:0; left:0; background:url(..../images/pagination_left.gif) no-repeat top left;} #search-results .pagination .bck_right { position:absolute; z-index:21; top:0; right:0; background:url(..../images/pagination_right.gif) no-repeat top right;} #search-results .pagination a { text-decoration:underline; color:#7b2121; margin-left:2px; margin-right:2px;} #search-results .pagination a:hover { text-decoration:underline; color:#7b2121; margin-left:2px; margin-right:2px; } #search-results .pagination a.current { font-weight:bold; color:#333333; margin-left:2px; margin-right:2px;} #search-results .pagination ul { list-style:none; position:absolute; right:10px; } #search-results .pagination ul li { float:left; line-height:20px; font-size:10px; padding:0 2px 0 2px ; } #search-results .pagination ul li a { text-decoration:none; color:#7b2121; } #search-results .pagination ul li a:hover { text-decoration:none; color:#7b2121; } /* ---------------- IMO PAGE ---------------- */ #imo { position:absolute; padding:5px; width:950px; top:160px; font-size:11px;} #imo .title { margin-bottom:15px;} #imo h4 { color:#7b2121; line-height:14px; font-size:11px;} #imo h5 { color:#323228; line-height:12px; font-size:10px;} #imo .pictures { float:left; width:640px;} #imo .pictures .active { background-color:#323228; float:left; width:495px; height:375px; position:relative;} #imo .pictures .active .picture { overflow:hidden; width:485px; height:365px;} #imo .pictures .active img { margin-top:10px; margin-left:10px; height:375px; overflow:auto; } #pictures-list { width:90px; overflow:hidden; height:375px;} #pictures-scroller { overflow:auto; width:90px; height:375px; padding-right:20px; } #imo .pictures .list { float:left; padding-left:15px; } #imo .pictures ul { list-style:none;} #imo .pictures .list li { padding-bottom:5px; width:73px; overflow:hidden; } #imo .content { float:left; width:310px; height:375px; overflow:auto; font-size:10px;} #imo .content h6 { color:#7b2121; text-transform:uppercase; font-size:10px; font-weight:bold; margin-top:15px;} #imo .content h6:first-child { margin-top:0px;} #imo .content ul { margin:0px;} #imo .content ul li { list-style-image:url(..../ficheiros/bullet.gif); list-style-position:inside;} #imo .content p { line-height:13px; margin-bottom:10px;} #imo .options { font-size:10px; padding-top:10px; position:relative;} #imo .options a { text-decoration:none; color:#323228;} #imo .options a:hover { text-decoration:none; color:#323228;} #imo .options .links { position:absolute; left:310px; color:#7b2121;} #imo .options .links a { text-decoration:none; color:#7b2121;} #imo .options .links a:hover { text-decoration:underline; color:#7b2121;} #imo .options .visit { color:#7b2121;} #imo .options .visit a { text-decoration:none; color:#7b2121;} #imo .options .visit a:hover { text-decoration:underline; color:#7b2121;} /* ---------------- FOOTER ---------------- */ #footer { position:absolute; bottom:5px; left:5px; right:5px; width:950px; color:#7b2121; height:33px; line-height:33px; text-align:center; font-size:10px; background:#FFFFFF;} #footer a:link { text-decoration:none; color:#7b2121;} #footer a:visited { text-decoration:none; color:#7b2121;} #footer a:hover { text-decoration:underline; color:#7b2121;}