/* general */
html, body { margin: 0; padding: 0; height: 100%; }
body { margin: 0; background-color: #e5e811; background-image: url(../images/background.public.jpg); background-position: top center; background-repeat: repeat-y; font: 12px Arial, sans-serif; color: #333; _text-align: center; _padding-left: 1px; }

input, select, textarea { font: 12px Arial, sans-serif; border: 1px solid #aaaaaa; }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { background-color: #f1f1ff; color: #646464; }

h1 { font: bold 18px Arial, Arial, Helvetica, sans-serif; color: #003d6b; padding: 0; margin: 10px 0 10px 0; }
h1 a, h1 a:link, h1 a:visited { font: bold 18px Arial, Arial, Helvetica, sans-serif; color: #003d6b; text-decoration: none; }
h1 a:hover { font: bold 18px Arial, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; }
h2 { font: bold 12px Arial, Arial, Helvetica, sans-serif; color: #013490; padding: 4px; margin: 10px 5px 14px 8px; text-align: center; background-color: #eeeeef; }
h2 a, h2 a:link, h2 a:visited { font: bold 12px Arial, Arial, Helvetica, sans-serif; color: #013490; text-decoration: none; }
h2 a:hover { font: bold 12px Arial, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; }
p { font: normal 11px Verdana, Verdana, Geneva, sans-serif; color: #666666; padding: 0; margin: 10px 0 20px 0; }

a { color: #336699;  }
a:hover { color: #003300;  }
a:link { color: #336699;  }
a:visited { color: #336699;  }

div.errors { margin: 15px 25px 15px 25px; color: #ff0000; font: bold 11px Arial, Arial, Helvetica, sans-serif; text-align: center; }
div.success { margin: 15px 25px 15px 25px; color: #00aa00; font: bold 11px Arial, Arial, Helvetica, sans-serif; text-align: center; }

/* page */
div#layouttop { width: 100%; height: 22px; margin: 0; background-color: #e5e811; background-image: url(../images/background.public.top.jpg); background-position: top center; background-repeat: no-repeat; }
div#layoutfooter { width: 100%; height: 30px; margin: 0; background-color: #e5e811; background-image: url(../images/background.public.footer.jpg); background-position: top center; background-repeat: no-repeat; }
div#page { width: 900px; margin: 0 auto; text-align: left; position: relative; min-height: 100%; height: auto !important; height: 100%; }
div#toplocales {  width: 890px; text-align: right; }
div#toplocales a { color: #4a82d1; background: transparent; text-decoration: none; font: 11px Georgia, Georgia, serif; margin: 0 0 0 8px; }
div#toplocales a:hover { color: #013490; background: transparent; text-decoration: none; }
div#toplocales a img { border: 0; vertical-align: 0px; margin-right: 2px; }

div#top { width: 898px; height: 200px; margin: 0 auto; background-color: #ffffff; background-image: url(../images/top.public.jpg); background-position: top left; background-repeat: no-repeat; }
div#top div#topmenu {  position: relative; top: 158px; left: 70px; _margin: 158px 0 0 70px; }
div#top div#topmenu a, div#top div#topmenu a:link, div#top div#topmenu a:visited, div#top div#topmenu a:hover { display: block; float: left; height: 19px; margin-right: 25px; }

div#main { width: 881px; margin: 0 auto; padding: 0 5px 0 12px; background-color: #ffffff; }
div#main div#leftmenu { float:left; width: 207px; background-color: #ffffff; }
div#main div#leftmenu a { display: block; margin: 0 0 1px 0; padding: 0; }

div#main div#leftmenu a.opcio, div#main div#leftmenu a.opcio:link, div#main div#leftmenu a.opcio:visited { width: 178px; margin: 0 0 1px 0; padding: 2px 27px 2px 2px; background-color: #dcdddf; color: #696962; text-decoration: none; font: normal 13px Arial, Arial, Helvetica, sans-serif; text-align: right; }
div#main div#leftmenu a.opcio:hover { color: #2d3441; }


div#main div#rightmenu { float: right; width: 160px; background-color: #dcdddf; }
div#main div#rightmenu a { display: block; margin: 0 0 0 0; padding: 0; }

div#main div#contents { float: left; padding: 15px 0px 10px 15px; }
div#main div#contents h1 { margin-left: 10px; }
div#main div#contents p { margin-left: 10px; }

div#contents div.contents2cols { float:left;width:48%; margin: 0; }

div#contents div.breadcrumbs { clear: both; background-color: #eeeeef; padding: 2px; margin: 0 0 15px 0; text-transform: uppercase; }
div#contents div.breadcrumbs h1 a, div#contents div.breadcrumbs h1 a:link, div#contents div.breadcrumbs h1 a:visited { color: #bbc5d7; font-size: 16px; }
div#contents div.breadcrumbs h1 a:hover { color: #003d6b; font-size: 16px; }

/* static pages */
div.credigestio img { border: 1px solid #919298; float: right; margin: 0 0 5px 10px; }
div.credigestio h2 { font: bold 13px Arial, Arial, Helvetica, sans-serif; color: #003d6b; padding: 0; margin: 10px 0 10px 10px; text-align: left; background-color: transparent; }
div.credigestio p i { color: #999999; }

div.ubicacio h2 { font: bold 13px Arial, Arial, Helvetica, sans-serif; color: #003d6b; padding: 0; margin: 10px 0 10px 10px; text-align: left; background-color: transparent; }
div.ubicacio img { margin-bottom: 20px; }

div.contacta h2 { font: bold 13px Arial, Arial, Helvetica, sans-serif; color: #013490; padding: 0; margin: 10px 0 10px 10px; text-align: left; background-color: transparent; }
div.contacta h3 { font: bold 12px Arial, Arial, Helvetica, sans-serif; color: #646464; padding: 0; margin: 10px 0 10px 20px; text-align: left; background-color: transparent; text-transform: uppercase; }
div.contacta p { font: normal 10px Arial, Arial, Helvetica, sans-serif; color: #646464; margin: 0 0 6px 0; padding-left: 10px; }
div.contacta form { margin: 0; padding: 0; }
div.contacta fieldset { margin: 10px; padding: 15px 10px 10px 15px; background-color: #eeeeef; border: 0; }
div.contacta fieldset div.field { clear: both; margin-bottom: 4px; }
div.contacta fieldset div.field label { float: left; display: block; width: 100px; font: bold 11px Arial, Arial, Helvetica, sans-serif; color: #646464;  }
div.contacta fieldset div.field input { width: 300px; font: normal 11px Arial, Arial, Helvetica, sans-serif; color: #646464; }
div.contacta fieldset div.field textarea { width: 300px; height: 70px; font: normal 11px Arial, Arial, Helvetica, sans-serif; }
div.contacta fieldset div.field div.buttons input { background-color: #ffffff; border: 1px solid #c5c6c9; }

div.avisLegal h3 { font: bold 12px Arial, Arial, Helvetica, sans-serif; color: #646464; padding: 0; margin: 10px 0 10px 10px; text-align: left; background-color: transparent; text-transform: uppercase; }

/* obraNova */
div.promocio { margin: 0 0 16px 0; border: 1px solid #eeeeef; }
div.promocio h3 { font: bold 11px Arial, sans-serif; color: #2d3441; margin: 0; padding: 5px 0 5px 16px; text-transform: uppercase; background-color: #eeeeef; }
div.promocio h3 a, div.promocio h3 a:link, div.promocio h3 a:visited { font: bold 11px Arial, sans-serif; color: #2d3441; text-transform: uppercase; text-decoration: none; background-color: #eeeeef; }
div.promocio h3 a:hover { font: bold 11px Arial, sans-serif; color: #666666; text-transform: uppercase; text-decoration: none; background-color: #eeeeef; }
div.promocio a img { float: left; border: 0; }
div.promocio div.description { float: left; width: 130px; height: 125px; padding: 6px 0 0 10px; overflow: hidde; font: normal 10px Arial, sans-serif; color: #585a5d; overflow: hidden; }
div.promocio div.description_mini { float: left; width: 100px; height: 94px; padding: 6px 0 0 10px; overflow: hidde; font: normal 10px Arial, sans-serif; color: #585a5d; overflow: hidden; }
div.promocio hr { clear: both; visibility: hidden; border: 0; height: 0; } 

div.promocio_detall { float: left; width: 374px; _width: 360px; margin: 0 15px 0 10px; }
div.promocio_detall h1 { font: bold 15px Arial, sans-serif; color: #013490; text-transform: uppercase; margin: 0; padding: 0; }
div.promocio_detall h2 { font: bold 12px Arial, sans-serif; color: #013490; background-color: transparent; text-align: left; margin: 8px 0 8px 10px; padding: 0; }
div.promocio_detall h3 { font: bold 11px Arial, sans-serif; color: #013490; text-transform: uppercase; margin: 16px 0 16px 10px; }
div.promocio_detall h4 { font: bold 11px Arial, sans-serif; color: #585a5d; text-transform: uppercase; margin: 0 0 1px 10px; }
div.promocio_detall h4.developer { float: left; }
div.promocio_detall p { font: normal 11px Arial, sans-serif; color: #585a5d; margin: 0 0 16px 0; padding: 0; }
div.promocio_detall a img { border: 0; }

div.promocio_info { float: left; width: 246px; }
div.promocio_info div.images { background-color: #eeeeef; text-align: center; padding: 6px 0 6px 0; }
div.promocio_info div.images img { display: block; margin: 8px auto; width: 225px; border: 1px solid #8f8f8d; }
div.promocio_info div.actions { margin: 4px 8px 0 0; }
div.promocio_info div.actions div { text-align: right; }
div.promocio_info div.actions div a, div.promocio_info div.actions div a:link, div.promocio_info div.actions div a:visited { font: bold 10px Arial, sans-serif; color: #646464; text-decoration: none; }
div.promocio_info div.actions div a:hover { color: #333333; }
div.promocio_info div.actions div a img { border: 0; vertical-align: bottom; }

div.town { margin: 0 0 16px 0; border: 1px solid #eeeeef; }
div.town h3 { font: bold 11px Arial, sans-serif; color: #2d3441; margin: 0; padding: 5px 0 5px 16px; text-transform: uppercase; }
div.town h3 a, div.promocio h3 a:link, div.promocio h3 a:visited { font: bold 11px Arial, sans-serif; color: #2d3441; text-transform: uppercase; text-decoration: none; }
div.town h3 a:hover { font: bold 11px Arial, sans-serif; color: #666666; text-transform: uppercase; text-decoration: none; }
div.town hr { clear: both; visibility: hidden; border: 0; height: 0; } 

/* destacats */
div.destacats { padding-left: 10px; }
div.destacats div.vivenda { margin: 0 12px 16px 0; border: 1px solid #eeeeef; }
div.destacats div.vivenda h3 { height: 28px; font: bold 11px Arial, sans-serif; color: #003489; margin: 0; padding: 5px 0 5px 5px; text-transform: uppercase; background-color: #eeeeef; }
div.destacats div.vivenda h3 a, div.destacats div.vivenda h3 a:link, div.destacats div.vivenda h3 a:visited { font: bold 11px Arial, sans-serif; color: #2d3441; text-transform: uppercase; text-decoration: none; background-color: #eeeeef; }
div.destacats div.vivenda h3 a:hover { font: bold 11px Arial, sans-serif; color: #666666; text-transform: uppercase; text-decoration: none; background-color: #eeeeef; }
div.destacats div.vivenda h3.footer { height: 15px; }
div.destacats div.vivenda h3.footer a, div.destacats div.vivenda h3.footer a:link, div.destacats div.vivenda h3.footer a:visited { display: block; width: 99%; height: 19px; background: #eeeeef url(../images/plus.off.jpg) center right no-repeat; color: #585a5d; }
div.destacats div.vivenda h3.footer a, div.destacats div.vivenda h3.footer a:link, div.destacats div.vivenda h3.footer a:visited { display: block; width: 99%; height: 19px; background: #eeeeef url(../images/plus.off.jpg) center right no-repeat; color: #585a5d; }
div.destacats div.vivenda h3.footer a:hover { display: block; width: 99%; height: 19px; background: #eeeeef url(../images/plus.on.jpg) center right no-repeat; }
div.destacats div.vivenda a img { float: left; border: 0; width: 100px; height: 120px; }
div.destacats div.vivenda div.description { height: 66px; padding: 0; overflow: hidden; font: normal 10px Arial, sans-serif; color: #585a5d; }
div.destacats div.vivenda div.photos { height: 55px; padding: 0 0 0 2px; overflow: hidden; font: normal 10px Arial, sans-serif; color: #585a5d; }
div.destacats div.vivenda div.photos div.photo { float: left; margin: 1px 1px 1px 2px; padding: 1px; border: 1px solid #aaaaaa; }
div.destacats div.vivenda div.photos div.photo a img { float: none; border: 0; width: 50px; height: 50px; }
div.destacats div.vivenda hr { clear: both; visibility: hidden; border: 0; height: 0; } 

/* segonama */
div.segonamapa { width: 640px; height: 517px; background: #ffffff url(../images/mapa.jpg) top right no-repeat;}
div.segonamapa a { display: block; width: 100px; position:relative; font: bold 18px Arial, sans-serif; color: #003d6c; text-decoration: none; }
div.segonamapa a:hover { font: bold 18px Arial, sans-serif; color: #000000; text-decoration: none; }
div.segonamapa img { width: 600px; }

div.segonama { padding-left: 10px; }
div.segonama div.vivenda { width: 190px; float: left; margin: 0 12px 16px 0; border: 1px solid #eeeeef; }
div.segonama div.vivenda h3 { height: 28px; font: bold 11px Arial, sans-serif; color: #003489; margin: 0; padding: 5px 0 5px 5px; text-transform: uppercase; background-color: #eeeeef; }
div.segonama div.vivenda h3 a, div.segonama div.vivenda h3 a:link, div.segonama div.vivenda h3 a:visited { font: bold 11px Arial, sans-serif; color: #2d3441; text-transform: uppercase; text-decoration: none; background-color: #eeeeef; }
div.segonama div.vivenda h3 a:hover { font: bold 11px Arial, sans-serif; color: #666666; text-transform: uppercase; text-decoration: none; background-color: #eeeeef; }
div.segonama div.vivenda h3.footer { height: 15px; }
div.segonama div.vivenda h3.footer a, div.segonama div.vivenda h3.footer a:link, div.segonama div.vivenda h3.footer a:visited { display: block; width: 99%; height: 19px; background: #eeeeef url(../images/plus.off.jpg) center right no-repeat; color: #585a5d; }
div.segonama div.vivenda h3.footer a, div.segonama div.vivenda h3.footer a:link, div.segonama div.vivenda h3.footer a:visited { display: block; width: 99%; height: 19px; background: #eeeeef url(../images/plus.off.jpg) center right no-repeat; color: #585a5d; }
div.segonama div.vivenda h3.footer a:hover { display: block; width: 99%; height: 19px; background: #eeeeef url(../images/plus.on.jpg) center right no-repeat; }
div.segonama div.vivenda a img { float: left; border: 0; width: 100px; height: 100px; }
div.segonama div.vivenda div.description { float: left; width: 75px; height: 92px; padding: 6px 0 0 10px; overflow: hidde; font: normal 10px Arial, sans-serif; color: #585a5d; }
div.segonama div.vivenda hr { clear: both; visibility: hidden; border: 0; height: 0; } 

div.title {}
div.title div { float: left; }
div.title div.opcions div h2 { display: block; height: 100px; text-align: center; margin: 0; background-color: transparent; }
div.title div.opcions div h2 a, div.title div.opcions table td h2 a:link, div.title div.opcions table td h2 a:visited { display: block; width: 100%; height: 100%; margin: 0; font: bold 13px Arial, sans-serif; background-color: transparent; color: #676e7c; }
div.title div.opcions div h2 a:hover { display: block; width: 100%; height: 100%; margin: 0; font: bold 13px Arial, sans-serif; background-color: transparent; color: #333333; }
div.title hr { clear: both; visibility: hidden; border: 0; height: 0; }

div.immoble {}
div.immoble div.fotos { float: left; width: 275px; border: 1px solid #eeeff0; text-align: center; padding: 5px; }
div.immoble div.fotos h2 { margin: 0 0 7px 0; font: normal 11px Arial, sans-serif; color: #696962; background-color: #edeeef; }
div.immoble div.fotos a { }
div.immoble div.fotos a img { width: 125px; margin: 1px; border: 0; }
div.immoble div.descripcio { float: left; width: 335px; margin-left: 15px; }
div.immoble div.descripcio h2 { margin: 0; font: bold 14px Arial, sans-serif; color: #013490; background-color: #ffffff; text-align: left; }
div.immoble div.descripcio p { margin: 0 0 10px 0; padding: 10px 0 10px 0; font: normal 11px Arial, sans-serif; color: #888883; }
div.immoble div.descripcio div.caracteristiques { margin: 6px; }
div.immoble div.descripcio div.caracteristiques table { width: 100%; }
div.immoble div.descripcio div.caracteristiques table tr th { width: 100px; margin-bottom: 4px; font: bold 11px Arial, sans-serif; color: #888883; vertical-align: top; }
div.immoble div.descripcio div.caracteristiques table tr td { font: bold 11px Arial, sans-serif; color: #013490; vertical-align: top; }
div.immoble div.descripcio div.tornar { clear: both; padding: 20px 0 0 5px; text-align: left; }
div.immoble div.descripcio div.tornar a, div.immoble div.descripcio div.tornar a:link, div.immoble div.descripcio div.tornar a:visited { background: url(../images/back.jpg) center left no-repeat; padding-left: 14px; font: bold 11px Arial, sans-serif; color: #013490; text-decoration: none; }
div.immoble div.descripcio div.tornar a:hover { background: url(../images/back.jpg) center left no-repeat; padding-left: 14px; font: bold 11px Arial, sans-serif; color: #585a5d; text-decoration: none; }

div.cercador form { margin: 0; padding: 0; }
div.cercador fieldset { margin: 10px; padding: 10px 10px 10px 15px; background-color: #eeeeef; border: 0; }
div.cercador fieldset h2 { float: left; width: 125px; margin: 0; font: bold 11px Arial, Arial, Helvetica, sans-serif; color: #646464; text-transform: uppercase; text-align: left; }
div.cercador fieldset div.field { float:left; width: 460px; margin-bottom: 4px; }
div.cercador fieldset div.field div.control { float: left; width: 115px; }
div.cercador fieldset div.field div.control_large { float: left; width: 140px; }
div.cercador fieldset div.field label { font: bold 11px Arial, Arial, Helvetica, sans-serif; color: #013490;  }
div.cercador fieldset div.field input { font: normal 11px Arial, Arial, Helvetica, sans-serif; color: #646464; }
div.cercador fieldset div.field select { font: normal 11px Arial, Arial, Helvetica, sans-serif; color: #646464; width: 420px; }
div.cercador fieldset div.field div.help { font: normal 11px Arial, Arial, Helvetica, sans-serif; color: #999999; margin: 4px 0 0 0; padding: 0; }

/* pager */
div.pager { margin: 6px 25px 10px 0; text-align: right; }
div.pager div.pages { margin: 0 0 6px 0; }
div.pager div.pages a { color: #336699; padding: 0 2px 0 2px; }
div.pager div.pages span.current { color: #000000; font-weight: bold; }
div.pager div.results { }

/* jove */
div.jove div.title { text-align: center; background-color: #ffffff; font-size: 38px; font-weight: bold; color: #00406b; }
div.jove div.title p { font-size: 34px; font-weight: bold; color: #00406b; }
div.jove div.title p strong { background-color: #dcdddf; color: #073394; padding: 4px 10px; margin: 0 10px; font-size: 28px; font-weight: normal; }
div.jove div.images { margin: 30px 0 10px 0 ; }
div.jove div.imagescenter { text-align: center; }
div.jove div.images img { margin: 10px; }
div.jove h3 { margin: 10px 0 20px 0; text-align: center; color: #00406b; font-size: 38px; }
div.jove div.prices {}
div.jove div.prices div.price { font-size: 22px; color: #ffffff; text-align: center; background-color: #00406b; padding: 10px; margin: 10px; }
div.jove div.prices div.price strong { display: block; font-size: 24px; }
div.jove div.prices div.price p { font-size: 22px; color: #ffffff; padding: 2px; margin: 0px; }
div.jove div.actions { margin: 20px; }
div.jove div.actions div { margin: 0 0 6px 0; }
div.jove div.actions div a { font: bold 10px Arial, sans-serif; color: #646464; text-decoration: none; background: url(../images/icon.info.gif) center left no-repeat; padding-left: 15px; }
div.jove div.actions div a:hover { color: #333333; }

/* sidebar */
div#main div#rightmenu a.anfora, div#main div#rightmenu a.anfora:link, div#main div#rightmenu a.anfora:visited { width: 160px; height: 112px; background: url(../images/anfora.jpg) top left no-repeat; }