/* ------------------------------ general ------------------------------ */

body, html {

	font-family:Arial, Helvetica, sans-serif;

	margin:0;

	padding:0;

	color:#777;

}



/*html {background:url(/images/custom/45/ilustfondo.jpg) repeat-x left top;}*/

body {background:#FFF url(/images/custom/45/ilust.jpg) no-repeat center top;}



img {

	border:0;

}



a {text-decoration:none; color: #A8FF00}

a:hover {text-decoration:none; color: #6C097B}



p {font-size:.75em;}



/* ------------------------------ cabecera y logo ------------------------------ */

#blogtitle {

	height:51px;

	float:left;

	width:168px;

	margin-top:8px;

}



#blogtitle h1 {

	margin:0;

	padding:0;

	height:51px;

}



#header {

	width:960px;

	margin:0 auto;

	height:185px;

}



ul#submenu {

	list-style-type:none;

	margin:17px 0 0 0!important;

	margin:22px 0 0 0;

	float:right

}



ul#submenu li {

	display:inline;

	font-size:.65em;

	text-transform:uppercase;

}



ul#submenu li a {

	color:#555;

	text-decoration:none;

	background: url(/images/custom/45/bullet.gif) no-repeat center left;

	margin-left:8px;

	padding-left:12px

}



ul#submenu li a:hover {

	color:#AAA;

	text-decoration:none;

}



/* ------------------------------ men de navegaci� ------------------------------ */

#nav {

	margin:0 auto;

	height:25px;

	width:960px;

}



#navback {

	background: url(/images/custom/45/navback.gif) repeat-x top left;

	height:66px;

}



ul#menu {

	list-style-type:none;

	font:bold .65em Verdana, Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	text-indent:-9999px;

	padding:0;

	margin:0 auto;

}



ul#menu li {

	display:inline;

	padding:0;

	margin:0;

}



#menu li a {

	height:46px;

	display:block;

	padding:0;

	margin:0;

	float:left;

}



ul#menu li.promos a {background: url(/images/custom/45/menu-obra.jpg) no-repeat;width: 224px}

ul#menu li.vende a {background: url(/images/custom/45/menu-vende.jpg) no-repeat;width: 254px}

ul#menu li.oficinas a {background: url(/images/custom/45/menu-red.jpg) no-repeat;width: 256px}

ul#menu li.contacto a {background: url(/images/custom/45/menu-contacto.jpg) no-repeat;width: 225px}

ul#menu li a:hover {background-position: 0px -46px}





/* ------------------------------ clear ------------------------------ */

.clearfix {
	content:".";
	display:block;
	height:1px;
	clear:both;
	visibility:hidden;
}





/* ------------------------------ columnas ------------------------------ */

div#maincol, div#singlecol {
	padding:0;
	margin:6px auto 0;
	width:960px;
	clear:both;
}

div#singlecol {
  width: 1024px;
  background: #2ea270;
  color: #ffffff;
}



div#colizq p, div#colder p, div#destaca p, div#colizqwide p, div#colcentroslim p {
	margin:8px 0;
}



div#colizq {

	width:210px;

	float:left;

	margin-left:14px

}



div#colizqwide {

	width:512px;

	float:left;

}



div#colcentroslim {

	width:210px;

	float:left;

	margin-left:14px

}



div#colcentro {
	width:512px;
	float:left;
}



div#colcentrowide {
  padding: 10px;
	width:716px;
	float:left;
	background-color: #2ea270;
  color: #ffffff;
}

p.datosinmo {
  width:330px;
	float:left;
}



div#colder {

	width:410px;

	float:left;

	margin-left:14px

}





/* ------------------------------ titulares ------------------------------ */

h2.t-empleos, h2.t-empresa, h2.t-busca, h2.t-noticias, h2.t-noticias2,h2.t-noticias3, h2.t-destaca, h2.t-oficinas, h2.t-ayuda, h2.t-nuevaobra, h2.t-vende, h2.t-result, h2.t-trabaja, h2.t-trabaja2, h2.t-detalle, h2.t-contacto, h2.t-disposicion {margin:0 0 6px!important;margin:0 0 1px;height:14px;font-size:.8em;text-transform:uppercase; text-indent:-9999px;}

h2.t-empresa {background:url(/images/custom/45/h2-empresa.gif) no-repeat top left}

h2.t-busca {background:url(/images/custom/45/h2-busca.gif) no-repeat top left}

h2.t-noticias {background:url(/images/custom/45/h2-noticias.gif) no-repeat top left}

h2.t-noticias2 {background:url(/images/custom/45/9.gif) no-repeat top left}

h2.t-noticias3 {background:url(/images/custom/45/h2-noticiass.gif) no-repeat top left}

h2.t-destaca {background:url(/images/custom/45/h2-destaca.gif) no-repeat top left}

h2.t-oficinas {background:url(/images/custom/45/h2-oficinas.gif) no-repeat top left}

h2.t-ayuda {background:url(/images/custom/45/h2-ayuda.gif) no-repeat top left}

h2.t-nuevaobra {background:url(/images/custom/45/h2-obra.gif) no-repeat top left}

h2.t-vende {background:url(/images/custom/45/h2-vende.gif) no-repeat top left}

h2.t-result {background:url(/images/custom/45/h2-result.gif) no-repeat top left}

h2.t-trabaja {background:url(/images/custom/45/h2-trabaja.gif) no-repeat top left}

h2.t-trabaja2 {background:url(/images/custom/45/8.gif) no-repeat top left}

h2.t-detalle {background:url(/images/custom/45/h2-detalle.gif) no-repeat top left}

h2.t-contacto {background:url(/images/custom/45/h2-contacto.gif) no-repeat top left}

h2.t-disposicion {background:url(/images/custom/45/h2-disposicion.gif) no-repeat top left}

h2.t-empleos {background:url(/images/custom/45/h2-empleos.gif) no-repeat top left}





/* ------------------------------ contenidos ------------------------------ */

div.empresa, div.ayuda {

	color:#FFF;

	padding:136px 12px 4px 12px;

	font-size:.9em;

}



div.ayuda {

	background:#227187 url(/images/custom/45/ayuda.jpg) no-repeat top left;

}



div.empresa {

	background:#0A5688 url(/images/custom/45/empresa.jpg) no-repeat top left;

	padding:136px 12px 4px 12px;

}



div.oficinas {

	padding:1px 12px 4px 12px;

	font-size:.9em;

	background-color:#227187;

	color:#FFF

}



div.detalle {

	padding:1px 12px 4px 12px;

	font-size:.9em;

	background-color:#0A5688;

	color:#FFF

}



div.trabaja{

	background:#227187 url(/images/custom/45/trabaja.jpg) no-repeat top left;

	color:#FFF;

	padding:136px 12px 4px 12px;

	font-size:.9em;

}



div.obranueva a:link, div.ayuda a:link, div.empresa a:link, div.inmudestaca a:link {text-decoration:none; color:#A8FF00}

div.obranueva a:hover, div.ayuda a:hover, div.empresa a:hover, div.inmudestaca a:hover {text-decoration:none; color:#6C097B}

div.obranueva a:visited, div.ayuda a:visited, div.empresa a:visited, div.inmudestaca a:visited {text-decoration:none; color:#FFD800}



div.noticias {

	background-color:#FFA313;

	color:#FFF;

	padding:1px 12px 16px 12px;

	font-size:.9em;

	text-align:left;

}

div.ofertas {

	background-color:#227187;

	color:#FFF;

	padding:1px 12px 16px 12px;

	font-size:.9em;

	text-align:left;

}



div.ofertas2 {

	background-color:#0A5688;

	color:#FFF;

	padding:1px 12px 16px 12px;

	font-size:.9em;

	text-align:left;

}



div.destaca {

	margin:12px 0 0;

}



div.vende {

	background-color:#2EA270;

	color:#FFF;

	padding:1px 12px 4px 12px!important;

	padding:1px 12px 0 12px;

	font-size:.9em;

}



div.inmudestaca, div.obranueva {

	background-color:#2EA270;

	color:#FFF;

	padding:1px 12px 4px 12px!important;

	padding:1px 12px 0 12px;

}



div.inmudestaca {font-size:.9em;}

div.obranueva {font-size:.9em;}



div.noticias ul,div.ofertas ul,div.ofertas2 ul {

	margin:0;

	padding:4px 0 0!important;

	padding:2px 0 0;

}



div.noticias ul li,div.ofertas ul li,div.ofertas2 ul li {

	margin:4px 0!important;

	margin:1px 0;

	padding:0 0 4px;

	border-bottom:1px solid #FFBF5A

}



div.noticias ul li a, div.noticias ul li a:visited {

	color:#FFF;

	text-decoration:none

}



div.noticias ul li a:hover {

	color:#6C097B;

	text-decoration:none;

}



.oficinas p a {

	text-transform:uppercase;

	text-decoration:none;

	font-weight:bold;

}



.oficinas p a:link {

	color:#A8FF00

}



.oficinas p a:hover {

	color:#FFF

}



p.more {

	text-align:right;

	margin:0;

	padding:10px 0 12px!important;

	padding:0 0 12px;

}



p.more2 {

	text-align:right;

	margin:0;

}



p.more img a {

	border:0;

	margin-bottom:8px;

	padding-bottom:8px;

}



div#maincol ul li {

	font-size:.75em;

	list-style-type:none;

}



.itemdestaca {

	padding:12px 0 2px;

	border-bottom:1px solid #6DBE9B;

}



.itemright h3 {

	font-size:.75em;

	text-transform:uppercase;

	margin:0 0 4px 0;

}



div.obranueva h3 {

	font-size:1.7em;

	margin:10px 0 1px 0;

	text-transform:uppercase;

}



#padresult h1.buscador {

	font-size:1.7em;

	margin:10px 0 1px 0;

	text-transform:uppercase;

}



div.detalles h3 {

	font-size:.8em;

	margin:8px 0 4px 0;

	border-bottom:1px solid #6C9AB8;

	padding-bottom:4px;

}



div.detalles h4 {

	font-size:1em;

	margin:8px 0 4px 0;

	border-bottom:1px solid #6C9AB8;

	padding-bottom:4px;

}



span.foto-ofi img {

	border:1px solid #6C9AB8;

	margin-bottom:12px;

}



img.fotopromo, img.fotologo {

	border:1px solid #82C7A9;

}



.obranueva p {

	margin:8px 0;

}



.bold {

	font-weight:bold;

}



h4 {

	font-size:.8em;

	margin:10px 0 4px 0;

	text-transform:uppercase;

	border-bottom:1px solid #82C7A9;

	padding-bottom:3px;

}



h4.desc, #padresult h2 {

	font-size:.75em;

	margin:0 0 8px 0;

	text-transform:uppercase;

	border-top:1px solid #82C7A9;

	border-bottom:1px solid #82C7A9;

	padding:4px 0;

}



.bannerpromo {

	margin-bottom:24px;

	border-bottom:1px solid #82C7A9;

}



.bannerpromo p {

	margin:8px 0;

}



p.bcpromo {

	margin:8px 0 16px;

	font-size:.7em;

	border-bottom:1px solid #82C7A9;

	padding-bottom:4px;

}



.itemdestaca .itemleft {

	width:114px;

	margin-right:12px;

	float:left;

}



.itemdestaca .itemleft img {

	border:1px solid #CCC

}



.itemdestaca div.itemright {

	margin-left:126px;

}



label {

	font-weight:bold

}



div.right p a:hover {

	color:#6C097B;

	text-decoration:none;

}





/* ------------------------------ buscador ------------------------------ */

#formbuscador {padding:10px; background-color:#2EA270}

#formbuscador form {margin:0;padding:0}

#formbuscador fieldset {padding:0; border:0}

#formbuscador select {font-size:.95em; color:#666; display:inline; width:238px}

#formbuscador label {margin:0; font-weight:bold; font-size:.9em; color:#fff}

#formbuscador p.campobusc, p.campobusc2 {margin:0px; padding:0; float:left; width:238px}

#formbuscador p.campobusc {padding:0 10px 10px 0}

p.campobusc2 {padding:0 0 10px 0}

p.envform {margin:0}

p.envform2 {margin:13px 0 0 0!important;margin:14px 0 0 0}

form#exp {clear:both;padding:16px 0 0}





/* ------------------------------ buscador resultados ------------------------------ */

div#padresult {padding:10px;background-color:#2EA270;color:#FFF}

div#padresult p a {font-size:.9em; color: #fff; text-decoration: underline;}

div#padresult h3 {font-size:1em}

span.bcpromo {font-size:.7em}

th#detalles {font-weight:normal;width:100px;padding: 0 4px 0 8px;}

td.aladerecha {text-align: center}

table {font-size:.7em; width:100%;margin:6px 0 0;border-collapse:collapse;border:1px solid #58B58D}

tr.odd-even td {text-align:center}

td, th {border-bottom:1px solid #58B58D;margin:0; color:#000;}

th {background-color:#75C2A1;text-align:left;color:#FFF}

th a:link {color:#FFF;text-decoration:none}

tr.odd {text-align:left;width:360px}

tr.result {text-align:left;width:360px;background-color:#58B58D; color:#FFF;font-weight:bold}

td a img {border:0;}

table#superf {border:0}

th.superficie {text-align:left}

caption {text-align:left;margin-bottom:8px}

tr.odd td {background-color:#58B58D; color:#000;}

td a {color:#000;}





/* ------------------------------ formulario de contacto / venta ------------------------------ */

form#contactform legend {

	margin:0;

	text-transform:uppercase;

	color:#FFF;

	padding:0 0 2px!important;

	padding:0;

	font-weight:bold;

	border-bottom:1px solid #82C7A9;

	font-size:.8em

	}



form#contactform fieldset {

	border:0;

	padding:0;

	margin:0;

	margin-top:4px}



form#contactform label {

	font-size:.75em;

}



dl dd {

	padding:0;

	margin:0;

	font-size:.75em;

}



dd#attachment {

	padding:0;

	margin:0;

	font-size:1.2em;

}



dl input#name, dl input#email, dl input#comentarios, input.required, input#zona, input#metros, input#precio, input#calefaccion, input#attachment, input#telefono {

	border:1px solid #CCC;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1em;

	color:#777;

	padding:2px 4px;

	width:250px;

	background-color:#F6F6F6;

	margin-bottom:4px}





input.radio {margin-left:16px}



dd textarea {

	padding:2px 4px;

	border:1px solid #CCC;

	font-family:Arial, Helvetica, sans-serif;

	color:#777;

	font-size:.9em;

	width:250px;

	background-color:#F6F6F6}



dt input#submit {

	width:100px;

	margin-top:6px;

	font-size:.75em;

}





/* ------------------------------ pie de pagina ------------------------------ */

#footer {

	text-align:center;

	vertical-align:middle;

	padding:0;

	font-size:.9em;

	background-color:#DDD;

	margin:12px auto!important;	margin:6px auto;

	width:960px;

	clear:both;

}



#footer p {

	margin:0;

	padding:36px 0

}



#footer p a {

	color:#CC3300

}



#footer p a:hover {

	color:#6C097B

}





/* ------------------------------ agregado 17.11.06 ------------------------------ */

span.dd_largo, #caracteristicas dt {font-weight:bold;}

#detalles {font-size:.7em}

#detalles p {font-size:1.4em}

#detalles h2 {font-size:1.1em;text-transform:uppercase}

.fotos ul {margin:2px 0 12px;padding:0}

.fotos img {border:1px solid #82C7A9}

.ala_izquierda {float:left;width:330px;margin-top:-11px!important;margin-top:0}

.ala_derecha {margin-left:350px;width:260px}

#caracteristicas {font-size:.9em; display:inline}

.masinfo {margin-top:8px;clear:both;padding:0;margin-bottom:0;}

.obranueva h2 {font-size:1em;margin-top:0;text-transform:uppercase}

.obranueva h1 {margin-bottom:0;text-transform:uppercase}

.obranueva dt {font-size:.75em;text-transform:uppercase;font-weight:bold}

.noticias h1, .empleopost h1 {margin-bottom:8px;font-size:1.8em;text-transform:uppercase}

.notipost {border-bottom:1px solid #FFBF5A;padding-bottom:12px}

.empleopost {border-bottom:1px solid #5489AC;padding-bottom:12px}

.detalle h2 {margin-bottom:0;}

div.offer_item_wrapper {float: left; width:230px;}

.pagination {
  margin-top: 10px;
  background: white;
  width: 100%;
  /* self-clearing method: */ 
}
.pagination a, .pagination span {
  padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 1px; 
}
.pagination span.disabled {
  color: #999;
  border: 1px solid #DDD; 
}
.pagination span.current {
  font-weight: bold;
  background: #58B58D;
  color: white;
  border: 1px solid #58B58D; 
}
.pagination a {
  text-decoration: none;
  color: #111;
  border: 1px solid #58B58D; 
}
.pagination a:hover, .pagination a:focus {
  color: #003;
  border-color: #58B58D; 
}
.pagination .page_info {
  background: #D88A17;
  color: white;
  padding: .4em .6em;
  width: 22em;
  margin-bottom: .3em;
  text-align: center; 
}
.pagination .page_info b {
  color: #003;
  background: #6aa6ed;
  padding: .1em .25em; 
}
.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}
* html .pagination {
  height: 1%; 
}
*:first-child+html .pagination {
  overflow: hidden; 
}

#infoamigo, #calculadora, #aviso_baja, #contactar, #mapa, #video, #situacion, #documentos {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-image:url(/images/background-trans.png);
}

#infoamigo div, #calculadora div, #aviso_baja div,  #video div#datosvideo, #mapa div#ver_mapa, #contactar div#datos, #situacion div, #documentos div {
     width:400px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

#mapa div#ver_mapa, #video div#datosvideo {
  width: 700px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
    background: url('/images/star_rating.gif') left -1000px repeat-x;
}
.star-rating{
    position: relative;
    width: 150px;
    height: 30px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: top left;
}
.star-rating li{
    display: inline;
}

.star-rating a,
.star-rating .current-rating{
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -1000em;
    height: 30px;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
    background-position: center left;
}
.star-rating a.one-stars{
    width: 20%;
    z-index: 6;
}
.star-rating a.two-stars{
    width: 40%;
    z-index: 5;
}

.star-rating a.three-stars{
    width: 60%;
    z-index: 4;
}

.star-rating a.four-stars{
    width: 80%;
    z-index: 3;
}

.star-rating a.five-stars{
    width: 100%;
    z-index: 2;
}

.star-rating .current-rating{
    z-index: 1;
    background-position: bottom left;
}

.star-ratings-block {
    font-size: .75em;
    text-align: center;
    width: 100%;
}

span.label {
  font-weight: bold;
}

p.detalles_on {
  float: right;
  width: 300px;
}