/* ------------------------------ general ------------------------------ */
body, html {
	font-family:Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#444;
}

body {
	background-color:#1877b0
}

#pagina {
	background:#FFF url(/images/mario/3/backtop.gif) repeat-x top left;
}

img {
	border:0;
}

a:link {text-decoration:none; color: #a90000}
a:hover {text-decoration:underline; color: #a90000}


/* ------------------------------ cabecera y logo ------------------------------ */
#cabecera {
	padding:0!important;padding:0 0 10px;
	margin:0 auto;
	height:126px!important;height:16px
}

#logos {
	margin:0 auto;
	padding:24px 0 8px;
	width:760px;
	clear:both;
	height:72px;
}

#cabecera h1 {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:16px;
	width:588px;
	float:right;
	color:#555
}

#cabecera h2 {
	float:left;
}

#cabecera h2 {
	margin:0
}


/* ------------------------- menu ------------------------------ */
#menu {
	width:100%;
	height:44px;
	background:#FFF url(/images/mario/3/menuback.gif) repeat-x top left;
}

#menu span {
	display:none;
}

#menupublico {
	margin:0 auto;
	width:760px;
	height:44px;
}

#menupublico ul {
	list-style-type:none;
	height:44px;
	margin:0;
	padding:0;
}

#menupublico ul li {
	display:inline;
	margin:0;
}

#menupublico ul li a {
	height:44px;
	display:block;
	float:left;
	width:100px
}

#menupublico ul li#inicio a {background: url(/images/mario/3/menu-inicio.gif) no-repeat 0 -88px}
#menupublico ul li#empresa a {background: url(/images/mario/3/menu-acerca.gif) no-repeat 0 -88px}
#menupublico ul li#buscador a {background: url(/images/mario/3/menu-busca.gif) no-repeat 0 -88px}
#menupublico ul li#obra a {background: url(/images/mario/3/menu-obra.gif) no-repeat 0 -88px}
#menupublico ul li#contacta a {background: url(/images/mario/3/menu-contacto.gif) no-repeat 0 -88px}

body#xinicio #menupublico ul li#inicio a, body#xempresa #menupublico ul li#empresa a, body#xbuscador #menupublico ul li#buscador a, body#xobra #menupublico ul li#obra a, body#xcontacto #menupublico ul li#contacta a {background-position: 0px 0px}
#menupublico ul li#inicio a:hover, #menupublico ul li#empresa a:hover, #menupublico ul li#buscador a:hover, #menupublico ul li#obra a:hover, #menupublico ul li#contacta a:hover {background-position: 0px -44px}


/* ------------------------------ clear ------------------------------ */
.clear:after {
	content:".";
	display:block;
	height:1px;
	clear:both;
	visibility:hidden;
}

/* ------------------------------ cuerpo ------------------------------ */
#contenedor {
}

#contenido {
	width:860px;
	margin:0 auto;
	padding:38px 0 0!important;	padding:20px 0 0;
	font-size:.75em;
}

#paghome, #search {
	line-height:1.45em
}

.texto1 {
	float:right;
	width:430px;
}

.texto2,.texto3,.texto4 {
	display: none;
}

.imagen1 {
	float:left;
}

.imagen1 img {
	border:1px solid #eee;
}

h3 {
	font-size:1.5em;
	border-bottom:1px solid #EEE;
	border-left:1px solid #DDD;
	padding:0 0 4px 5px;
	margin:4px 0 12px;
	color:#1877b0;
	font-family:Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}


/* ------------------------------ buscador y contacto ------------------------------ */

.formbuscador input#botonbuscar {
	clear:both;
}

.formbuscador {
	float:left;
	margin:2px 20px 5px 0;
}

select {
	font-size:.9em;
	color:#444;
	background-color:#EEE;
	border:0;
	padding:2px;
	margin-top:2px
}

#poreferencia {
	padding-top:16px!important;padding:0;
	clear:both
}

.formbuscador label, #formulario_contacta label {
	text-transform:uppercase;
	font-size:.9em;
	font-weight:bold
}

.formbuscador input#referencia {
	background-color:#EEE;
	border:0;
	font-size:.9em;
	color:#444;
	padding:2px;
}

fieldset {
	border:0;
	margin-left:12px;
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

dd {margin:0 0 4px;padding:0}

#comentarios.input {
	width: 250px;
	background-color:#EEE;
	border:0;
	color:#444;
	padding:2px;
}

#email.input.validate-email, #telephone, #name {
	width: 250px;
}

#formulario_contacta {
	width: 450px;
	float: left;
}

#formulario_contacta input#name, #formulario_contacta input#telephone, #formulario_contacta input#email {
	background-color:#EEE;
	border:0;
	font-size:.9em;
	padding:2px
}

form dd {
	margin-bottom: 10px;
}

#datos_empresa {
	width:280px;
	float:right;
}

#xcontacto ul, #xbuscador ul, #xobra ul {
	padding:0;
	list-style-type:none;
	margin-left:0
}

#datos_pagcontact {
	clear: both;
}


/* ------------------------------ obra nueva y detalles ------------------------------ */
.ficha_promocion {
	width:228px;
	float:left;
	background-color:#EEE;
	padding:0 12px 12px!important; padding:12px;
	margin:0 12px 12px 0;
	font-size:.9em;
	height: 280px;
}

.datos_ficha dt {
	float:left;
	padding-right:3px;
	font-weight:bold
}

.promomini_imagen img {
	border:1px solid #d2c9b9;
}

.colizda {
	width: 30%;
	float: left;
}

.colizda dt {
	float: left;
	margin-right: .5em;
	font-weight: bold;
}

dl {
	margin: 0;
}

.coldecha{
	width: 64%;
	float: right;
	padding: 10px;
	background-color:#EEE;
	margin: 0 0 20px

}

.thumb img {
	padding:1px 0
}

.coldecha ul li {
    display:inline;
}

.coldecha ul {
	margin:0;
	padding:0
}

#fotoampliada p {
	margin:0 0 3px
}

.coldecha img {
   border:1px solid #d8decd;
}

.descripcion {
	clear:both;
	padding-top:4px
}

.descripcion p {
	margin:0
}

.descripcion h4 {
	border-bottom:1px solid #eae4d9;
	padding-bottom:3px;
	margin-bottom:4px;
	font-size:1em
}

.coldecha h5 {
	font-size: 1em;
	color: #333;
	padding: 0;
	margin-bottom: .5em;
	margin-top: 0;
}

.descripcion h5 {
	font-size: 1em;
	color: #333;
	padding: 0;
	margin-bottom: .5em;
	margin-top: 0;
}

#tipoviviendas h5 {
	font-size: 1em;
	color: #333;
	padding: 0;
	margin-bottom: .5em;
	margin-top: 0;
}

.enlaces {
	clear:both;
	font-size:.9em;
	height:20px;
	margin:0 0 16px;
	border-bottom:1px solid #EEE;
}

.enlaces li {
	display:inline;
	padding:6px 0 4px;
	margin:0
}

.enlaces ul {
	padding:0;
	margin:0
}

.enlaces li a, ul#herramientas li  {
	background:url(/images/mario/3/bullet.gif) no-repeat center left;
	padding:0 4px 0 6px;
}

/* ------------------------------ tabla de resultados ------------------------------ */
table {
	width:100%;
	margin:6px 0 0;
	border-collapse:collapse;
	text-align:center;
	border:1px solid #EEE
}

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

td, th {
	border-bottom:1px solid #EEE;
	margin:0;
}

th {
	background-color:#EEE;
	height:20px;
	padding:3px 0
}

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

div.fotovivienda {
	padding:4px 0!important; padding:4px 0 2px;
}

div.fotovivienda img {
	border:1px solid #d2c9b9;
}

/* ------------------------------ pie ------------------------------ */

#piepagina {
	padding:48px 0;
	background: #1877b0 url(/images/mario/3/backbottom.gif) repeat-x top left;
	text-align:center;
	font-size:.65em;
	clear:both;
	color:#fff;
	height:auto;
	margin-top:34px
}

#piepagina ul, #piepagina ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#piepagina ul li a {
	color:#FFF;
	font-weight:bold
}

#piepagina ul li a:hover {
	color:#54660d;
	font-weight:bold;
	text-decoration:none
}

#piepagina ul li a:visited {text-decoration:none; color:#fff}

table.tabla_cesta {
	font-size: .90em;
}

.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: #D88A17;
  color: white;
  border: 1px solid #D88A17; 
}
.pagination a {
  text-decoration: none;
  color: #D88A17;
  border: 1px solid #D88A17; 
}
.pagination a:hover, .pagination a:focus {
  color: #003;
  border-color: #003; 
}
.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%;
}

ul#herramientas {
	list-style-type: none;
}