/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#000;
	margin:0px;
	padding:0px;
	background-color:#454545;
}

a {color:#2e2e2e; text-decoration:none;}

a:hover {text-decoration:underline;}

h1 {position:relative;}
h1 img {position:relative; top:80px;}
h1 span, h2 span {display:none;}
h2 img {position:absolute; top:150px; right:45px; z-index:2;}
h2 .slogan {position:absolute; top:85px; right:100px; z-index:2;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main {position:relative; width:909px; margin:0 auto; padding:0; margin-top:15px; margin-bottom:15px; background:#FFFFFF; padding:23px;}

#header {position:relative; height:255px; border-bottom:12px solid #fff;}
#content, #contentBlanc {position:relative; background:#7ad730; min-height:100px;}
#contentBlanc {background:#fff!important;}
#footer {position:relative;}

/*HEADER*/
#menuTop {position:relative; z-index:1;}
#menuTop .foto {position:absolute; top:-25px; right:0; z-index:1;}
#menuTop ul {position:absolute; left:315px; top:10px; z-index:2;}
#menuTop ul li {position:relative; margin:0 4px; display:inline; float:left; font-size:0.77em; height:2em;}
#menuTop ul li a {background-color:#fff; color:#454545; padding:2px 5px!important;}
#menuTop ul li a:hover, #menuTop ul li a.marcat { background-color:#7ad730; color:#fff; text-decoration:none;}

#idioma {position:absolute; font-size:0.77em!important; top:-45px; right:0px; color:#7ad730;}
#idioma a {padding:3px 5px;}
#idioma a:hover {background:#7ad730; color:#fff; text-decoration:none;}

/*CONTENT*/
#right, #rightBlanc {position:relative; float:left; background:#7ad730; width:570px; text-align:left; padding:20px 0 0 20px;}
#left, #leftBlanc {position:relative; float:left; width:285px;  background:#7ad730; padding:10px; text-align:right; margin-top:-140px;}
#leftBlanc, #rightBlanc {background:#fff; position:relative!important;}

#leyenda {position:relative; color:#fff!important; font-size:0.80em; margin:-10px 0 30px 0;}
#leyenda span {text-decoration:underline;}
#leyenda a {color:#fff;}

#rightBlanc #leyenda, #rightBlanc #leyenda a {color:#686868!important;}

/*AUXILIARS*/
.clearfix {position:relative; clear:both; margin:0; padding:0; height:0;}
.flotarDre {float:right;}
.amaga {display:none;}
.linkBlanc {position:relative; background:#fff; font-size:0.90em;}
.blancLink {text-decoration:underline} .blancLink.a { color:#4b4b4b;} .blancLink:hover {text-decoration:none!important; color:#4b4b4b;}
.noVeure {padding:0!important; margin:0; border:none; background:none;}

/*LEFT*/
#menu {position:relative;  width:283px; list-style:none; }
#menu li {position:relative; height:71px; width:283px; margin-bottom:10px;}
#menu li a {height:71px; display:block; width:283px;}
#menu li a span {display:none;} 
#menu li a:hover, #menu li a.marcat {background-position:bottom;}

#submenu li {text-align:left; text-transform:uppercase; font-size:0.73em; height:25px!important; overflow:hidden; margin-top:-5px;}
#submenu li a {background:#9cee5b!important; padding:5px 0 0 10px;}
#submenu li a:hover, #submenu li a.marcat {background:#bffd8d!important; text-decoration:none;}
.adreca {position:relative; color:#fff; font-size:0.9em; margin:40px 0;}
.adreca p {margin-top:10px;} 
.adreca a { background:#fff; font-size:0.85em!important;} .adreca a:hover {text-decoration:none; background:#9cee5b; color:#fff;}
.adreca .boto {height:19px; overflow:hidden;}
/*RIGHT*/
#textos {position:relative; color:#000; font-size:0.85em; z-index:1;}
#textos ul {margin:10px 0 10px 30px;}
#textos ul li {list-style:url(../img/lista.gif); padding-left:0px; line-height:1.5em;}
#textos p {position:relative;margin-top:10px;}
.home {width:350px!important; text-align:justify;}
.home a {text-decoration:underline;} .home a:hover {text-decoration:none;}

/*FOOTER*/
.banner {position:relative; width:283px; list-style:none; margin-top:40px;}
.banner li {position:relative; height:71px; margin-bottom:10px; }
.banner li span {display:none;}
.banner li a {height:71px; display:block; }
.banner li a:hover {background-position:bottom;}

#pie, #pieBlanc {position:relative; height:50px; margin-top:20px; font-size:0.9em;}
#pie li, #pieBlanc li {positon:relative; font-size:0.856em; color:#2e2e2e; list-style:none; background-image:url(../img/separa-bottom.gif); background-position:right; background-repeat:no-repeat; float:left; display:inline; padding:0 10px;}
#pie li a, #pieBlanc li a {color:#2e2e2e; text-decoration:underline;} #pie li a:hover {color:#fff;}
#pieBlanc li a:hover {color:#787878;}


.formNews {position:relative; margin:10px 0 20px 0;}
.formNews input {color:#333; font-size:0.95em; background-color:#e1f8cd; border:0; padding:2px;}
.formNews input .boto {height:15px!important; overflow:hidden!important;}
.boto {background:#f6f7f5!important; color:#454545;}

.formBusca {position:relative; background:#9cee5b; padding:20px; font-size:0.85em; margin:-5px 0 10px 0;}
.formBusca select {background:#e1f8cd; border:0; width:150px; margin:2px 0; margin-right:10px;}
.formBusca .boto {border:none; margin-top:3px!important; font-size:0.95em; margin-right:60px;}

/*IMMOBILIARIA*/
#listaPromos, #llistaTerreny {position:relative;}
#listaPromos div, #llistaTerreny div {position:relative; border-bottom:1px dotted #c5ff97; float:left; width:165px; margin:20px 10px; height:178px; overflow:hidden; font-size:0.85em;}
#listaPromos div img, #llistaTerreny div img {border:4px solid #9cee5b;} #listaPromos div img:hover {border:4px solid #c5ff97;}
#listaPromos div h3 {margin-top:5px; max-height:2.4em; overflow:hidden;} #listaPromos div h3 a {color:#fff; font-weight:bold;}
#listaPromos div h3 a:hover {background-color:#fff; color:#454545; text-decoration:none;}
#listaPromos div p {padding-bottom:10px; margin:3px 0;}
#listaPromos .clearfix {border:none; margin:0!important; padding:0!important; width:0!important; height:0; clear:both;}


/*TERRENYS*/

#terrenys {position:relative; margin-top:30px; padding-top:30px; }
#terrenys h3 {font-weight:bold; color:#62bd19;}
#terrenys h5 {font-weight:bold; color:#fff; background:#62bd19; width:225px; padding:2px; margin-top:15px;}
#terrenys p a {text-decoration:underline;} #terrenys p a:hover {text-decoration:none;}

#llistaTerreny {height:auto!important;}
#llistaTerreny div {border-bottom:1px dotted #a2a2a2;/* height:150px;*/  height:58px; margin-top:10px;}
#llistaTerreny div img {display:none; border-color:#b9b9b9;} #llistaTerreny div img:hover {border:4px solid #787878; }
#llistaTerreny div h4 {font-size:1.1em; margin-top:7px; max-height:2.4em; overflow:hidden; font-weight:bold; }
#llistaTerreny div h4 a {color:#787878;} #llistaTerreny div h4 a:hover {background-color:#62bd19; color:#fff; text-decoration:none;}
#llistaTerreny div p {font-size:1.2em!important; line-height:1.3em; margin-top:2px;}
#llistaTerreny div p span {font-weight:bold; text-transform:lowercase;}


/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; font-size:0.75em!important; margin:30px 0 100px 0; text-align:left; left:0px; z-index:21;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-10px!important; height:15px; padding:3px 5px;}
.paginacio ul li a {position:relative; color:#454545; text-decoration:none!important; padding:3px 5px!important; background-color:#9cee5b!important;} 
.paginacio ul li a:hover {background:#fff!important; padding:3px 5px!important; text-decoration:none;}
.paginaSeleccio {position:relative; background-color:#d0fdac; padding:3px 5px; color:#454545;}
.paginaNoSeleccio {position:relative; background-color:#9cee5b; padding:3px 5px; color:#454545;}

#contentBlanc .paginacio {margin-left:-60px; font-size:0.95em!important;}
#contentBlanc .paginacio ul li {margin-right:-5px!important;}
#contentBlanc .paginacio ul li a {color:#fff; background-color:#acacac!important;}
#contentBlanc .paginacio ul li a:hover {background:#88d34c!important; }
#contentBlanc .paginaSeleccio {background-color:#757575; color:#fff;}
#contentBlanc .paginaNoSeleccio {background-color:#acacac; color:#fff;}

/*================================================*/


#fitxa, #fitxaPre {position:relative; z-index:1;} #fitxa h3, #fitxaPre h3 {font-weight:bold; color:#fff; margin-bottom:20px;}
#fitxa img.principal, #fitxaPre img.principal {float:left; border:4px solid #9cee5b; margin:0 10px 10px 0;}
.botoneraVerda {position:relative; font-size:0.90em; line-height:2.3em;}
.botoneraVerda a {padding:3px 6px; background:#9cee5b; height:20px!important; margin-top:15px!important; vertical-align:bottom; margin-right:5px;}

#galeria {position:relative; clear:both; border-top:1px dotted #c0fa91; margin-top:30px; padding-top:10px;}
#galeria img {border:4px solid #9cee5b; margin:8px 5px; float:left;} #galeria img:hover {border:4px solid #c5ff97;}

#fitxaPre img.ico {float:left; margin-right:10px;}
#fitxaPre h3 {color:#62bd19;}
#fitxaPre h4 {margin:-20px 0 0 0px; font-weight:bold; height:1.3em; overflow:hidden; color:#3b3b3b;}
#fitxaPre img.principal {clear:left; margin-top:10px; border:4px solid #787878;}
#fitxaPre img.slogan {float:left; margin-top:80px;}
#fitxaPre .botoneraVerda {clear:both;}
#fitxaPre #obrirPlanos {position:absolute; top:150px; left:140px;}
#fitxaPre .botoneraVerda a {background:#62bd19; color:#fff;}
#fitxaPre .botoneraVerda a:hover {background:#787878; text-decoration:none;}

.refTerreny {float:left; margin-top:80px; z-index:10;}

/*HABITATGES PREFABRICATS*/
#prefabricats, #prefabricatsLista {position:relative;}
#prefabricats div, #prefabricatsLista div {position:relative; clear:both; margin:25px 0; height:150px;}
#prefabricats div img, #prefabricatsLista div img {position:relative; float:left; border:4px solid #787878; margin-right:10px;}
#prefabricats div img:hover, #prefabricatsLista div img:hover {border:4px solid #bebebe;}
#prefabricats div img.ico {position:relative;float:none!important; border:none!important;}
#prefabricats div h3, #prefabricatsLista div h4 {position:relative;color:#62bd19; font-weight:bold; padding-top:7px;} 
#prefabricats div h3 a, #prefabricatsLista div h4 a {position:relative;color:#62bd19;}
#prefabricats div h3 a:hover, #prefabricatsLista div h4 a:hover  {background-color:#fff; color:#454545; text-decoration:none;}
#prefabricats div p, #prefabricatsLista div p {position:relative;border-bottom:1px dotted #000; width:200px; float:left; height:85px; overflow:hidden; margin-top:3px;}

#prefabricatsLista h3 {position:relative; color:#fff; font-weight:bold;} #prefabricats h3 img {float:left;}
#prefabricatsLista h3 span {position:relative;margin-left:5px; padding-top:-10px!important;}
#prefabricatsLista div {overflow:hidden;}
#prefabricatsLista div h4 {position:relative;padding-top:45px;}
#prefabricatsLista div p {width:200px; height:85px!important; overflow:hidden!important; float:none;}

#prefabricatsLista li { list-style:url(../img/lista-verda2.gif)!important;}

/*NOTICIES*/

#noticiesLista, #noticia {position:relative; font-size:0.85em;}
#noticiesLista div {position:relative; border-bottom:1px dotted #9af055; height:80px; overflow:hidden; margin-top:25px; padding-bottom:10px; margin-right:50px;}
#noticiesLista div img, #noticia img {float:left; border:4px solid #9af055; margin-right:10px;}
#noticiesLista div img:hover {border:4px solid #c5ff97;}
#noticiesLista div h3 {margin-top:5px; height:1.2em; overflow:hidden;}
#noticiesLista div h3 a {color:#fff; font-weight:bold;}
#noticiesLista div h3 a:hover {background-color:#fff; color:#454545; text-decoration:none;}
#noticiesLista div h4, #noticia h4 {font-size:0.80em; font-weight:bold; color:#454545;}
#noticiesLista div p {height:43px; overflow:hidden; margin-top:4px;}

#noticia {position:relative; border-bottom:1px dotted #9af055; margin-top:35px; padding-bottom:10px; padding-right:80px;}
#noticia img {margin:0 10px 10px 0;}
#noticia h3 {margin-top:5px; color:#fff!important; font-weight:bold;}
#noticia p {margin:4px 0 10px 0; line-height:1.3em; text-align:justify;}

/*FORMULARI*/
.formContacto {position:relative; margin-left:60px; margin-top:30px; font-size:0.95em;}
.formContacto span {font-size:1em; text-align:right; vertical-align:top; line-height:24px; width:140px; padding-right:2px; display:table-cell;}
.formContacto fieldset textarea, .formContacto fieldset input, .formContacto fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; background:#e1f8cd; border:none;}
.formContacto fieldset select  {height:1.6em;}
.formContacto fieldset {border:none;}
.formContacto fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; border:none; background:#e1f8cd;}

.espai {background:#e1f8cd; border:none; font-size:1em; line-height:13px; padding:2px;}
.formContacto .boto {position:relative; padding:2px 3px; border:none; margin:-5px 0 0 146px; background:#9cee5b!important;}

#obrirPlanos {position:absolute; background:#abf66f; z-index:100; width:270px; top:87px; left:298px; padding:0 10px 20px 0px; z-index:100;}
#obrirPlanos ul {position:relative; padding-top:10px!important; clear:left;}
#obrirPlanos ul li {position:relative; list-style:url(../img/lista-verda.gif); line-height:1.4em; margin-right:30px; text-transform:lowercase; clear:left;}
#obrirPlanos ul li a {color:#454545;}
#obrirPlanos ul li a:hover {background:#fff; text-decoration:none;}
#obrirPlanos img {position:relative; text-align:right; top:7px; left:260px;}

#fitxaPre #obrirPlanos {background:#efefef;}
#fitxaPre #obrirPlanos li a:hover {background:#787878; color:#fff;}
.quiSom {text-align:justify; padding-right:60px;} 

#fitxaPre ul li {list-style:url(../img/lista-verda2.gif);}

/*CASES PRET A PORTER*/
#rightBlanc #prefabricatsLista h3 {color:#62bd19;}
#submenuBlanc li {text-align:left; text-transform:uppercase; font-size:0.73em; height:25px!important; overflow:hidden; margin-top:-5px;}
#submenuBlanc li a {background:#787878!important; padding:5px 0 0 10px; color:#fff;}
#submenuBlanc li a:hover, #submenuBlanc li a.marcat {background:#62bd19!important; text-decoration:none;}

#leftBlanc .adreca {color:#4b4b4b;}
#leftBlanc .adreca a {background:#62bd19; color:#fff;} #leftBlanc .adreca a:hover {background:#4b4b4b; }

#leftBlanc .formNews input {background-color:#f0f0f0;}
#leftBlanc .boto {background:#62bd19!important; color:#fff!important;}

#fitxaPre #galeria {border-top:1px dotted #787878;}
#fitxaPre #galeria img {border:4px solid #787878;}
#fitxaPre #galeria img:hover {border:4px solid #bcbcbc;}

/*LINKS*/

#links {position:relative;}
#links li {font-weight:bold; margin:10px 0; width:250px; float:left; color:#fff;} 
#links li a {font-weight:100; text-decoration:underline; padding-top:0;} #links li a:hover {}

#casesMenu {position:relative;  height:71px!important; /*overflow:hidden;*/list-style:none;}
#casesMenu {padding:0!important; margin:0; margin-top:9px;}
#casesMenu a {height:71px; text-decoration:none; float:left;}
#casesMenu a:hover, #casesMenu a.marcat {background-position:bottom;}
#casesMenu a span {display:none;}

.bComplert {position:relative; text-align:right;}
.bComplert a {color:#fff; background:#787878;} .bComplert a:hover {text-decoration:none; background:#62bd19;}

.mapaTerreny {position:relative; width:500px; height:450px;}

.siVolsGris span {background:#787878; color:#fff; padding:2px 4px;}
.siVolsGris a {color:#9eff50!important; font-weight:bold!important;} .siVolsGris a:hover {color:#fff!important;}

#estrella {width:154px; height:154px; position:absolute; top:0px; right:30px; z-index:1000!important;}