﻿/* -------------------------------------------------------------------------------------------
DESCRIÇÃO GERAL

Nome do ficheiro: core.css
Título : Ficheiro CSS principal para o site www.belasclubedecampo.pt
Autor : Sérgio Costa, scosta@ibt.pt
URL : http://www.belasclubedecampo.pt/App_Themes/Default/css/core.css

Licença: Copyright 2009, IBT. Todos os direitos reservados.

Descrição : Layout geral do site
------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------
CORES E FONTS

Laranja: #e9a334
Laranja-escuro: #ac6f0d
Laranja-claro: #f8e3c2
Verde: #659e28
Azul: #54a4e7
Azul-claro: #ddeaf6
Cinzento claro: #e3e9ef;
Cinzento médio: #ababab
Cinzento escuro: #4d4c4c
Fonts serifadas: -
Fonts não-serivadas: Arial, Helvetica, sans-serif
------------------------------------------------------------------------------------------- */

*[imageURL] { visibility: hidden; }
* { text-align: justify; }

html, body { height: 100%; }
body { margin: 0px; padding: 0px; background-color: #fff; background-image: url(../img/bg.jpg); background-repeat: repeat-x; }
body.bg2 { margin: 0px; padding: 0px; background-color: #fff; background-image: url(../img/bg2.jpg); background-repeat: repeat-x; }
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e9a334; }
h1 { font-size: 12px !important; font-weight: bold; color: #ac6f0d; padding: 0px; margin: 5px 0px 12px 0px; }
h2 { font-size: 13px !important; font-weight: bold; color: #ac6f0d; padding: 0px; margin: 5px 0px 12px 0px; }
h3 { font-size: 14px !important; font-weight: bold; color: #ac6f0d; padding: 0px; margin: 10px 0px 10px 0px; }
h4 { font-size: 16px !important; font-weight: bold; color: #ac6f0d; padding: 0px; margin: 0px; }
h2.area { font-size: 18px !important; color: #e9a334 !important; }
h3.house { font-size: 18px !important; }
div { position: relative; }
input { color: #000; }
a:link, a:visited { color: #ac6f0d; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #af894c; font-weight: bold; }
a img { border: solid 1px #ac6f0d; }
div.hr { width: 100%; height: 5px; background-image: url(../img/hrBg.gif); background-repeat: repeat-x; margin: 5px 0px 10px 0px; clear: both; }
div.date { color: #4d4c4c; margin-top: 5px; }
select { font-family: Georgia, Times New Roman, Arial; font-size: 11px; }

input.login { width: 70px; height: 13px; font-size: 11px; color: #828282; border: solid 1px #b5b5b5; }
img.feature { margin-bottom: 5px; border: solid 1px #ac6f0d; }
img.featureG { margin-bottom: 5px; border: solid 1px #659e28; }
img.featureVB { margin-bottom: 5px; border: solid 1px #54a4e7; }

.featureContent { width: 280px; margin: 0 auto; }
.orange { color: #eca535 !important; }
.darkOrange { color: #ac6f0d !important; }
.green { color: #659e28 !important; }
.blue { color: #54a4e7 !important; }
.lightBlue { color: #ddeaf6 !important; }
.grey { color: #ababab !important; }
.darkGrey { color: #4d4c4c !important; }
.mapWrapper { padding: 3px; border: solid 1px #ababab; }
.mapWrapper2 { padding: 0px; border: solid 3px #fff; }
.paginator { width: 100%; text-align: right; margin: 20px 0px 20px 0px; clear: both; }
.size11 { font-size: 11px !important; }
.size12 { font-size: 12px !important; }
.size13 { font-size: 13px !important; }
.size14 { font-size: 14px !important; }
.nopadding { padding: 0px !important; }
.nomargin { margin: 0px !important; }
.bMargin40 { margin-bottom: 40px; }
.label { width: 90px; text-align: right; font-weight: bold; }

#divWrapper { width: 945px; margin: 0px auto; }

/* =HEADER */
/* Home */
#divTop { width: 100%; height: 50px; z-index: 50; }
#divFlash { width: 952px; height: 594px; z-index: 40; }
#divBus { position: absolute !important; top: 280px; left: 580px; z-index: 50; }

/* Conteúdo */
.genericText { color: #404040 !important; font-size: 12px !important; }
.listCell { width: 100%; padding: 3px 0px 3px 0px; border-bottom: solid 1px #d9d9d9; }
.listCellSpecial { width: 100%; padding: 3px 0px 3px 0px; }
.listCellSpecial div { width: 100%; margin: 1px 0px 1px 0px; text-align: right; font-weight: bold; padding: 2px; font-size: 16px !important; }
.button { width: 164px; height: 21px; padding-top: 4px; background-image: url(../img/btnBg.jpg); background-repeat: no-repeat; text-align: center; font-size: 14px !important; font-weight: bold !important; cursor: pointer !important; }
.buttonBig { width: 320px; height: 21px; padding: 4px 0px 0px 0px; margin: 0px; background-image: url(../img/btnBigBg.jpg); background-repeat: no-repeat; text-align: center; font-size: 14px !important; font-weight: bold !important; cursor: pointer !important; }
.buttonSelected { width: 164px; height: 21px; padding-top: 4px; background-image: url(../img/btnBg.jpg); background-repeat: no-repeat; background-position: 0px -25px; text-align: center; font-size: 14px !important; font-weight: bold !important; color: #fff !important; cursor: pointer !important; }
.buttonDisabled { width: 164px; height: 21px; padding-top: 4px; background-image: url(../img/btnBg.jpg); background-repeat: no-repeat; background-position: 0px -50px; text-align: center; font-size: 14px !important; font-weight: bold !important; color: #909090 !important; cursor: default !important; }
#divImages { position: relative; width: 506px ;height: 386px; }
#divPhotos { display: none; top: 0px; left: 0px; position: absolute; width: 506px ;height: 386px; }
#divMap { top: 0px; left: 0px; position: absolute; width: 506px ;height: 386px; z-index: 1; }
#divVE { top: 0px; left: 0px; position: absolute; width: 506px ;height: 386px; z-index: 0; }
#divBlueprints { display: none; top: 0px; left: 0px; position: absolute; width: 506px ;height: 386px; }
#divPhoto { width: 500px; height: 380px; border: solid 3px #fff; }
#divBlueprint { width: 500px; height: 380px; border: solid 3px #fff; display: block; }
#divPhotosT { display: none; margin-top: 20px; }
#divBluePrintsT { display: none; margin-top: 20px; }
#divMapT { display: block; margin-top: 20px; }
.thumbnails { padding: 3px; }
.thumbnail { margin: solid 3px #fff; width: 70px; height: 50px; padding: 1px; }

/* Andre Jordan Group menu */
#divGroup {position: absolute !important; width: 180px; top: 0px; left: 8px; background-color: #fff; cursor: pointer; }
#divGroupHeader { width: 100%; padding-top: 3px; }
#divGroupItems { width: 100%; display: none; }
#divGroupItems ul { margin: 5px; padding: 0px; list-style: none; }
#divGroupItems ul li { font-size: 12px; line-height: 16px; padding-left: 10px; color: #848484; font-weight: bold; }
#divGroupItems ul li a:link, #divGroupItems ul li a:visited { color: #848484; text-decoration: none; }
#divGroupItems ul li a:active, #divGroupItems ul li a:hover { color: #981c1e; text-decoration: none; }
#divGroupItems ul li.underlined { border-bottom: solid 1px #dadada; }

/* =PLANBELAS */
#divPlanbelas { position: absolute !important; width: 188px; height: 35px; top: 0px; left: 750px; background-color: #fff; padding: 0px 4px 4px 4px; }

/* =TABS */
#divTabVB { position:absolute !important; width: 159; height: 34px; top: 0px; left: 640px }
#divTabG { position:absolute !important; width: 159; height: 34px; top: 0px; left: 795px }

/* =TOPO */
#divLogo { position: absolute !important; top: 0px; left: 27px; z-index: 50; }
#divTopMenu { position: absolute !important; top: 5px; left: 335px; z-index: 50; color: #fff; font-size: 12px; }
#divTopMenu a:link, #divTopMenu a:visited, #divTopMenu a:active, #divTopMenu a:hover { text-decoration: none; color: #fff; font-size: 12px; }
#divMainMenu { position: absolute !important; top: 45px; left: 8px; z-index: 45; color: #ac6f0d; width: 927px; height: 40px; border-left: solid 5px #fff; border-right: solid 5px #fff; border-bottom: solid 5px #fff; background-image: url(../img/mainMenuBg.jpg); background-repeat: repeat-x; font-size: 14px; }
#divMainMenu a:link, #divMainMenu a:visited, #divMainMenu a:active, #divMainMenu a:hover { text-decoration: none; color: #ac6f0d; font-size: 14px; }
#divMainMenu > div { height: 100%; margin-left: 320px; color: #ac6f0d; }
#divMainMenu > div div { float: left; margin: 12px 3px 0px 3px; height: 25px; border-bottom: solid 3px transparent; color: #ac6f0d; }

/* =DESTAQUES */
#divFeature1 { position: absolute !important; top: 335px; left: 32px; z-index: 50; width: 275px; }
#divFeature2 { position: absolute !important; top: 335px; left: 339px; z-index: 50; width: 275px; }
#divFeature3 { position: absolute !important; top: 335px; left: 646px; z-index: 50; width: 275px; }
#divViverBelas  { width: 100%; padding: 5px; background-image: url(../img/bgVB.jpg); background-repeat: repeat-x; color: #54a4e7; }
#divGolfe  { width: 100%; padding: 5px; background-image: url(../img/bgG.jpg); background-repeat: repeat-x; color: #659e28; }
/*.featureImage { width: 80px; height: 61px; padding: 3px; background-image: url(../img/featureBg.gif); background-repeat: no-repeat;}*/

/* =CONTEÚDO */
#divContent { width: 927px; margin-left: 8px; margin-bottom: 30px; clear: both; border-left: solid 5px #fff; border-right: solid 5px #fff; }
#divContent2 { width: 927px; margin-left: 15px; margin-bottom: 30px; margin-top: 100px ; clear: both; }
#divFeatures { width: 610px; padding-left: 317px; padding-top: 50px; background-color: #ddeaf6; }
#divGeneral { width: 610px; padding-left: 317px; padding-top: 20px; background-color: #fff; min-height: 600px; }
#divGeneral2 { width: 900px; padding-left: 15px; padding-right: 15px; padding-top: 20px; background-color: #fff; min-height: 600px; }
.bigPhoto { background-image: url(../img/photoShadow.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 7px; }
.bigPhoto img { border: solid 3px #fff; }

/* PESQUISA */
.searchSelect { width: 220px; }

.left { float: left; }
.right { float: right; }
.bottom20 { margin-bottom: 20px; }
.tMargin40 { margin-top: 40px; }

/* =FOOTER */
#divFooterWrapper { width: 928px; background-color: #e9a334; margin-left: 8px; border-left: solid 5px #fff; border-right: solid 5px #fff; clear: both; }
#divFooterMenu { width: 868px; padding: 10px 30px 15px 30px; background-color: #f8e3c2; text-align: center; color: #e9a334; font-weight: bold; font-size: 12px; }
#divFooter { width: 887px; padding: 10px 30px 15px 30px; color: #fff; }
#divFooter .menu, #divFooter .subMenu { font-weight: bold; color: #fff; }
#divFooter .menu a:link, #divFooter .menu a:visited { color: #fff; text-decoration: none; }
#divFooter .menu a:active, #divFooter .menu a:hover { color: #fff; text-decoration: none; }
#divFooter .subMenu { color: #ac6f0d; margin-top: 5px; }
#divFooter .subMenu a:link, #divFooter .subMenu a:visited { color: #ac6f0d; text-decoration: none; }
#divFooter .subMenu a:active, #divFooter .subMenu a:hover { color: #ac6f0d; text-decoration: none; }
#divFooter .copyright { margin-top: 20px; color: #fff; }
#divFooter .ibt { font-weight: bold; }
#divFooter .ibt a:link, #divFooter .ibt a:visited { color: #fff; text-decoration: none; }
#divFooter .ibt a:active, #divFooter .ibt a:hover { color: #fff; text-decoration: none; }
#divFooter .powered { margin-top: 15px; color: #ac6f0d }
.bottomMenu a:link, .bottomMenu a:visited, .bottomMenu a:active, .bottomMenu a:hover { color: #e9a334; font-weight: bold; font-size: 12px; }