body { padding: 0; margin: 0; font: .74em Arial, sans-serif; line-height: 1.5em; background: #fff url(/images/top.jpg) repeat-x top; color: #454545; } a { color: #DA3B3B; background: inherit; } a:hover { color: #DA3B3B; background: inherit; text-decoration: underline} p { margin: 5px 0; } h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; } h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; } h3 { padding: 4px 0; margin: 0; } ul { margin: 0; padding : 0; list-style: none; } img { border: 0; } hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; } .content { margin: 0px auto; width: 900px; } #wrapper { margin: 0px; background: #fff url(/images/background-r.jpg) repeat-y top right; } /* Top part */ #top { background: transparent; height: 136px; } #top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF } #top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #CCCCCC; margin:0; padding: 0 } #top #icons { float: right; margin:20px 0; padding:0 } #top #icons img { padding-right: 2px; border: 0; vertical-align: bottom; } #top #icons { color: white; font-weight: bold; text-decoration: none; } #top #icons a { color: white; font-weight: bold; text-decoration: none; padding: 5px; } #top #logo { } #top #logo h1 { margin:0; padding:0; } #top #logo h1 a { width: 333px; /* Ancho del logo */ display: block; float: left; padding: 99px 0 0 0; background: url(/images/dilmun.jpg) top left no-repeat; overflow: hidden; font-size: 1px; line-height: 1px; height: 0px !important; height /**/:99px; } #top #logo h2 { padding-top: 61px;text-align: center; float: left; } #top #logo h2 br { margin-bottom: 5px; } /* Second part */ #prec { height: 220px; margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px } #wrap { margin: 0 auto; width: 800px; } #wrap #pic { float: right; background: #FF0000 url(/images/mainimg.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden} #wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right } #wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 } #wrap #pic #slogan h2 { font: 1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0} #wrap #pic #slogan a { color: #FFF; } #wrap #menu { padding: 0; margin:0; background: inherit; } #wrap #menu a { padding-left: 25px; font: 0.9em Arial, Sans-Serif; text-decoration: none; background: #F6F6F6 url(/images/lm-li.gif) no-repeat left; } #wrap #menu ul { padding: 10px 0 } #wrap #menu li { line-height: 26px; background: #F6F6F6 url(/images/li-line.gif) no-repeat bottom left; list-style: none } /* Advertising */ #ad { background: #FFF url(images/download.jpg) no-repeat left; padding-left: 95px; min-height: 80px; margin-bottom: 15px;} #ad a, #left_side a { text-decoration: none } #ad a:hover, #left_side a:hover { text-decoration: underline } /* main area */ #main { } #right_side { float: right; width: 212px; margin-bottom: 10px; } #right_side .box { border: 1px solid #bdbdbd; background: #eee; } #right_side ul { padding: 3px 0 8px 0 } #right_side li { line-height: 18px; background: #F6F6F6 url(/images/cat-li.gif) no-repeat left; list-style: none; padding-left: 20px; } #right_side a { text-decoration: none } #right_side h2 { color: #404040; font: bold 2em Arial, Sans-Serif; display: block; background: #bdbdbd; width: 100%; margin-top: 0px; } #right_side h3 { color: #404040; font: bold 1.2em Arial, Sans-Serif; } #right_side p { padding-left: 5px; padding-right: 5px; } #left_side { margin-bottom: 10px; width: 650px; } #left_side h3 { background: #FFF url(/images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font: bold 1.1em Arial, Sans-Serif; } #left_side h3 span { background: url(/images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px; line-height: 22px; margin: 0} #left_side p { color: #454545; padding: 0 5px 0 5px; } #left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; } .date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right } #left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5 } #left_side ul { list-style-position: inside; margin-left: 2px } #left_side ul li { list-style-type: square; margin-left: 15px; } #left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside; } #left_side .maintitle { background: #dbdbdb none repeat scroll 0%; border-bottom: 1px solid #000; border-top: 1px solid #000; height: 25px; padding-top: 10px; } #left_side .maintitle h1 { display: block; float: left; margin: 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; } #left_side .maintitle div { float: right; font-size: 16px; font-weight: bold; color: #DA3B3B;} #left_side .image_column { display: block; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; width: 150px; float: left; } #left_side .image_column h3 { font-size: 12px; display: block; text-align: center; } #left_side .image_column p { font-size: 9px; color: #ccc; text-align: left; line-height: 1.1em; padding-right: 20px; margin-top: 25px; } #left_side a.highslide { float: left; background: url(/images/shadowalpha.png) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } #left_side a.highslide img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } #property { margin: 0pt; padding-left: 0pt; color: #737373; font-size: 12px; padding-bottom: 40px; padding-right: 20px; height: 1%; margin-top: 10px; float: left; } #property h3 { background: #fff; } #property .header { padding: 5px; margin-bottom: 10px; } #property .title { float: left; font-size: 16px; font-weight: bold; } #property .subtitle { text-align: right; font-size: 17px; font-weight: bold; } #property .description { padding-left: 30px; padding-top: 0pt; } #property .description h2 { font-size: 1.2em; } #property table { border-collapse: collapse; font-size: 12px; margin-bottom: 40px; margin-top: 20px; width: 420px; } #property table tr .label { border-left: 0pt none; border-right: 1px solid #333; font-weight: bold; } #property table tr .odd { background: #dbdbdb none repeat scroll 0%; } #property table td { border: 1px solid #333; padding-left: 5px; padding-right: 5px; } #property table tr td { border-right: 0pt none; } .property { width: 90%; margin-top: 5px; padding: 10px 10px 5px 5px; border: 2px solid #eaeaea; display: table; } .property .lt { clear: both; } .property .header { width: 100%; margin-bottom: 10px; } .property .header .title { font-size: 16px; text-align: left; font-weight: bold; float: left; } .property .header .subtitle { text-align: right; font-weight: bold; font-size: 17px; } .property .info { margin-left: 170px; } .property .info li { font-weight: bold; } .property .image { float: left; background: url(/images/shadowalpha.png) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .property .image img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; } .small_property { margin-top: 5px; width: 90%; border: 1px solid #eaeaea; padding: 0 5px; } .small_property:hover { background: #dbdbdb; } .small_property h2 { font-size: 1.2em; } .mortage-price { color: #c33; cursor: pointer; } .search-info { margin-bottom: 25px; display: block; } .search-sort { float: left; } .pagination { width: 90%; text-align: right; font-size: 11px; margin: 10px 0px; } .pagination a { border: 1px solid #e66; background: #ccc; padding: 1px; color: #c00; } #salerent { margin-top: 20px; border: 0px; padding:0; border-spacing: 0; } #salerent h2 { margin: 0px; } #salerent .left_title { text-align: center; background: url(/images/rbox_rtl.png) no-repeat top left; border-right: 2px solid #000; } #salerent .left_title h2 { color: #000; height: 35px; padding-top: 20px; } #salerent .right_title { text-align: center; background: url(/images/rbox_rtr.png) no-repeat top right; border-left: 2px solid #000; } #salerent .right_title h2 { color: #000; height: 35px; padding-top: 20px;} #salerent .left_content { background: #dbdbdb; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; } #salerent .right_content { background: #dbdbdb; border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; } #flashinfo { width: 95%; border: 1px solid #fcc; background: #fff url(/images/hbg.gif) repeat-x; padding: 10px 5px; margin: 10px; font: bold 1.1em Arial, Sans-Serif; text-align: center; } #promotions { margin-top: 10px; } #promotions h3 { background: #f00 url(/images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #promotions .image img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: 15px auto 0pt auto; padding: 4px; } .promotion { padding: 10px; text-align: center; } .promotion_big { width: 650px; border: 3px solid; padding: 5px 10px; text-align: center; } .promo_title { font-weight: bold; font-size: 16px; margin-bottom: 5px;} #promo_images { border: 1px solid; padding: 5px; } #search { color: #fff; line-height: 200%; } #search h3 { color: #fff; text-align: right; font-weight: bold; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #search select { padding: 0px; width: 180px; } #search .submit { text-align: right; margin-top: 10px; margin-right: 2px; } .properties { clear: left; } #contact { line-height: 200%; } #contact h3 { text-align: right; font-weight: bold; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #mailfriend { margin-top: 15px; } #mailfriend img { float: left; } #properties { } #properties h2 { background: transparent; font: bold 20px Arial, Sans-Serif; padding: 0; margin: 0px; height: 40px;} #properties .caption { padding: 0; position: relative; } #properties .caption .first { padding-right: 8px; } #properties .caption .middle { border-left: 1px dotted #f00; border-right: 1px dotted #f00; padding: 0 8px; } #properties .caption .last { padding-left: 8px; } #properties .caption .image { text-align: center; margin-top: 0; margin-bottom: 0; padding: 0; background: #00f; } #properties .caption h3 { background: transparent; color: #000; } #properties .caption a { background: transparent; color: #000; } #properties .caption p { display: block; left: 0; } #property_reference_search { position: absolute; right: 0; top: 80px; padding-right: 9px; color: white; } #property_reference_search a { color: #ccc; text-decoration: none; } #property_reference { position: absolute; right: 0; top: 100px; background: #000; padding: 3px 8px 5px 8px; background: #000 url(/images/reference-box.gif) no-repeat bottom left; } #property_reference label { display: none; } #property_reference a { color: #ccc; text-decoration: none; } #admin_icon { position: absolute; right: 0; top: 60px; padding-right: 10px; } /* Promociones */ #promotion { width: 400; margin: 0 auto 0 auto;} /* Box */ .rbox_box { background: url(/images/rbox_tl.png) no-repeat top left; } .rbox_top { background: url(/images/rbox_tr.png) no-repeat top right; } .rbox_bottom { background: url(/images/rbox_bl.png) no-repeat bottom left; } .rbox_bottom div { background: url(/images/rbox_br.png) no-repeat bottom right; } .rbox_content { background: url(/images/rbox_r.png) top right repeat-y; } .rbox_top div,.rbox_top, .rbox_bottom div, .rbox_bottom { width: 100%; height: 15px; font-size: 1px; } .rbox_content, .rbox_bottom { margin-top: -10px; } .rbox_content { padding: 0 15px; } .rbox_box_white { background: url(/images/rbox_tl_white.png) no-repeat top left; } .rbox_top_white { background: url(/images/rbox_tr_white.png) no-repeat top right; } .rbox_bottom_white { background: url(/images/rbox_bl_white.png) no-repeat bottom left; } .rbox_bottom_white div { background: url(/images/rbox_br_white.png) no-repeat bottom right; } .rbox_content_white { background: #fff; } .rbox_top_white div,.rbox_top_white, .rbox_bottom_white div, .rbox_bottom_white { width: 100%; height: 15px; font-size: 1px; } .rbox_content_white, .rbox_bottom_white { margin-top: -10px; } .rbox_content_white { padding: 0 15px; } .rbox_box_grey { background: url(/images/rbox_tl_grey.png) no-repeat top left; } .rbox_top_grey { background: url(/images/rbox_tr_grey.png) no-repeat top right; } .rbox_bottom_grey { background: url(/images/rbox_bl_grey.png) no-repeat bottom left; } .rbox_bottom_grey div { background: url(/images/rbox_br_grey.png) no-repeat bottom right; } .rbox_content_grey { background: url(/images/rbox_r_grey.png) top right repeat-y; } .rbox_top_grey div,.rbox_top_grey, .rbox_bottom_grey div, .rbox_bottom_grey { width: 100%; height: 15px; font-size: 1px; } .rbox_content_grey, .rbox_bottom_grey { margin-top: -10px; } .rbox_content_grey { padding: 0 15px; height: 100%;} /* The footer */ #footer { border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777; background: #fff; text-align: center; } #footer .right { float: right; text-align: right; background: #FFF; } #footer a { text-decoration: none; background: #FFF } /* caja contacto y enviar amigo */ .rbox_content_white p { font-size: 12px; } .rbox_content_white input { padding: 0px; width: 150px; border: 1px solid #e66; } .rbox_content_white label { font-weight: bold; font-size: 12px;} .rbox_content_white textarea { padding: 0px; width: 150px; border: 1px solid #e66; } .rbox_content_white .submit { text-align: right; margin-top: 10px; margin-right: 2px; } #mailfriendform { margin-top: 10px;} #contactresult { text-align: center;} #contactresult a { font-size: 1.6em; font-weight: bold;} /* Validation */ input.required, textarea.required { border:1px solid #999; } input.validation-failed, textarea.validation-failed { border: 1px solid #f30; color: #f30; } .validation-advice { margin: 2px 0; padding: 8px 5px 4px 5px; background: #f30 url(/images/red-up-arrow.gif) no-repeat top left; color: #fff; font-weight: bold; } /* Pagina de contacto */ .public_contact { width: 100%; margin: 10px auto 10px auto;} .public_contact h2 { text-align: center; font-size: 22px; } .public_contact p { text-align: center; font-size: 16px; font-weight: bold; letter-spacing: 1px; } .public_contact label { font-size: 1.3em; font-weight:bold; float: left; width: 160px; text-align: right; margin-top: 10px;} .formu { width: 330px; float: left; text-align: center;} .formu h2 { font-size: 18px; text-align: center;} .public_contact input { width: 165px; border: 1px solid; margin-top: 10px; } .public_contact textarea { width: 165px; border: 1px solid; margin-top: 10px; } .public_contact br { clear: left; } .map { float: right; margin: 0pt auto; margin-top: 20px;} .featured { width: 100%;} /* Nuevo diseño */ #top_side { float: right; width: 100%; text-align:center; height: 430px;} #bottom_side { float: left;} #new_promotions { float: left; width: 650px; height: 100%;} /* Resto igual: */ #new_promotions h2 { background: transparent; font: bold 20px Arial, Sans-Serif; padding: 0; margin: 0px; height: 40px;} #new_promotions .caption { padding: 0; position: relative; } #new_promotions .caption .first { padding-right: 8px; } #new_promotions .caption .middle { border-left: 1px dotted #f00; border-right: 1px dotted #f00; padding: 0 8px; } #new_promotions .caption .last { padding-left: 8px; } #new_promotions .caption .image { text-align: center; margin-top: 0; margin-bottom: 0; padding: 0; background: #00f; } #new_promotions .caption h3 { background: transparent; color: #000; } #new_promotions .caption a { background: transparent; color: #000; } #new_promotions .caption p { display: block; left: 0; } #new_search { color: #FFFFFF; float: right; line-height: 200%; width: 212px;} /* Resto igual: */ #new_search h3 { color: #fff; text-align: right; font-weight: bold; padding: 5px 0 0 0px; margin: 0; font: bold 1.2em Arial, Sans-Serif; } #new_search select { padding: 0px; width: 180px; } #new_search .submit { text-align: right; margin-top: 10px; margin-right: 2px; } #notify { margin: 15px auto; padding: 5px 30px; width: 60%; background: #dedede url(/images/mail.gif) no-repeat left top; } #reference { height: 12px; font-size: 11px; } .msg-dia { font-size: 0.8em;}