/* 
 * Screen styles: Urbanova 
 * Design by: www.SimpleConceptStudio.com
 * Version: 30-07-2009
 */

* { border: none; color: #272727; margin: 0; padding: 0; line-height: 140% }

body { background: #869100 url(/images/custom/31/body_bg.png) repeat-x top left; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small }

p { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; margin: 0; padding: 5px 10px }

a { background: transparent; background: none; font-weight: normal; text-decoration: none }
a:link { background: none; color: #B72E5B }
a:visited { background: none; color: #B72E5B }
a:active { background: none; color: #B72E5B }
a:hover { border-bottom: 1px dotted #ccc; background: none; color: #CF3369 }

a.button { border: none; text-decoration: none }
a.button:hover { border: none; text-decoration: none }
blockquote { margin: 0 0 0 2em }
strong { font-weight: bold }
.emphasis { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold }
.info { text-transform: capitalize }

ul { margin: 10px }
li { list-style: none }

ul.address { margin: 0 }
ul.address li { color: #fff; font-size: 110%; font-weight: bold; list-style: none; margin: 0; padding: 0; text-transform: capitalize }

label {	font-weight: bold;	margin-right: .5em }

h1, h2, h3, h4, h5 { font-weight: bold;	margin: 0; padding: 5px 10px 7px 10px }

h1 { background: #880A0A; color: #FFF; font-size: 1.3em; font-weight: normal; text-transform: uppercase; letter-spacing: 1px }
h2 { background: #880A0A; color: #FFF; letter-spacing: 1px; font-weight: normal; font-size: 1.2em }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; padding-bottom: 10px }
p.common { font-weight: bold }
h5 { font-size: 1em; font-weight: normal }

/**** Go to top ****/

.goup { clear: both; float:right; width: 15% }

/**** PAGE CONTAINER ****/

.buscar_inmueble {
  font-size: 1.1em;
  font-weight: bold;
}

#container { background: transparent url(/images/custom/31/head_bg.png) repeat-x top left; margin: 0 auto; width: 1000px }
#container-frame { float: left; border: 3px solid #FFF; width: 994px }

/**** TOP ****/

#top { float: left; width: 100% }
#top p { color: #fff; padding-right: 10px; text-align: right }

/**** HEAD ****/

#head {	background: transparent url(/images/custom/31/.png) no-repeat center center; float: left; height: 190px; width: 100% }

.logo { border: none; display: block; background: transparent; float: left; text-decoration: none; width: 520px }

/**** NAVIGATION ****/

#navi { background: transparent; clear: both; float: left; height: 37px; width: 100% }
#navi_list { float: left; margin: 2px; border: none }

#navi_contact li, #navi_list li {
	float: left;
	border: none;
	color: #fff;
	list-style: none;
	line-height: 160%;
	margin: 0 2px;
	padding: 0
}

#navi_contact a, #navi_list a {
	float: left;
	border: none;
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 1px;
	padding: 5px 14px 12px 14px;
	text-decoration: none
}

#navi_list a:link { color: #fff }
#navi_list a:visited { color: #fff }
#navi_list a:active { color: #fff }
#navi_list a:hover { color: #BECE00 }

body#xinicio #inicio a { background: transparent url(/images/custom/31/navi_active_bg.png) no-repeat bottom center; color: #fff; text-transform: uppercase; }
body#xbuscador #buscador a, body#xresultados #buscador a, body#xdetalles #buscador a, body#sm_descripcion #buscador a { background: transparent url(/images/custom/31/navi_active_bg.png) no-repeat bottom center; color: #fff; text-transform: uppercase;}
body#xdestacados #destacados a { background: transparent url(/images/custom/31/navi_active_bg.png) no-repeat bottom center; color: #fff; text-transform: uppercase; }
body#xcontacto #contacto a { background: transparent url(/images/custom/31/navi_active_bg.png) no-repeat bottom center; color: #fff; text-transform: uppercase; }
body#xvender #vender a { background: transparent url(/images/custom/31/navi_active_bg.png) no-repeat bottom center; color: #fff; text-transform: uppercase; }
body#xgeneral #general a { background: transparent url(/images/custom/31/navi_active_bg.png) no-repeat bottom center; color: #fff; text-transform: uppercase; }

/**** CONTENT ****/

#content { background: #fff; border-top: 2px solid #880A0A; float: left; width: 100% }

/**** CONTENT LEFT ****/

#content-left { float: left; padding: 10px 0; width: 750px }
#content-left-wrapper { padding: 0 10px }

/**** CONTENT RIGHT ****/

#content-right {  float: right; width: 250px }
#content-right-wrapper { padding: 0 10px }

/**** SINGLE COLUMN ****/

#contentsinglecol {}

/**** CLEAR FLOW ****/

#container .clearboth, #container .clearfix { font-size: 0px; margin: 0; padding: 0; clear: both }

/**** MAIN PAGE OFFERS ****/
.homepage_offers { float: left; width: 100% }
.offer_item { background: transparent; float: left; height: 300px; margin: 0; padding: 0; width: 33% }
.offer_item_wrapper { padding: 10px }
.offer_item_img { background: transparent; border: 2px solid #A7AF4C; float: left; margin-top: 5px; padding: 2px; }
.offer_item h3 { float: left; padding: 5px 0; width: 100% }
.offer_item a { border: none; font-weight: bold; }
.offer_item a:hover { border: none }
.offer_item ul { float: left; padding: 10px 0; width: 100% }
.offer_item p { float: left; padding: 30px 0 10px 0; width: 100% }
.offer_item li * { font-size: 0.9em }
.precio { color: #B72E5B; font-weight: bold }
.poblacion {  }
.label { font-weight: bold }
.superficie { }
strong {  }

/**** Images ****/
img { border: none }

/**** PAGE FOOTER ****/

#footer { background: #616716; border-top: 2px solid #fff; float: left; clear: both; width: 100% }
#footer p { color: #fff; font-size: 85%; padding: 10px; text-align: center; }
#footer a:link { background: none; color: #BECE00 }
#footer a:visited { background: none; color: #BECE00 }
#footer a:active { background: none; color: #BECE00 }
#footer a:hover { border-bottom: 1px dotted #ccc; background: none; color: #C6D600 }

/***** Made by info ****/
#madeby { clear: both; color: #414040; float: left; font-size: .8em; text-align: center; margin: 10px 0; width: 100% }
#madeby a:link { background: none; color: #BECE00 }
#madeby a:visited { background: none; color: #BECE00 }
#madeby a:active { background: none; color: #BECE00 }
#madeby a:hover { border-bottom: 1px dotted #ccc; background: none; color: #C6D600 }

/**** Separation ****/
.separacion { color: #fff; background-color: #fff; height: 1px }

/**** BUSCADOR ****/

#search { float: right; width: 46% }
#search h2 { background: transparent; color: #FFF; padding-bottom: 0; text-transform: uppercase; text-align: center }
#search label { color: #fff }
.form_buscador { float: left; margin: 0; padding: 0; width: 100% }
.campobusc { background: transparent; float: left; padding: 10px 0 0 15px; }
.envform { float: left; margin: 5px; width: 100% }

#documentos ul { clear: both }

.buscador_resultados { background: #8C8E8E; border: 2px solid #ddd; margin: 10px; padding: 10px }
.buscador_resultados label { color: #fff }

/* Resultados */
table { background: #DBDFA7; border: 2px solid #CACF8E; font-size: 90%; margin: 10px; width: 98% }

table a { background: transparent; background: none; font-size: 120%; font-weight: bold }
table a:link {}
table a:visited {}
table a:active {}
table a:hover { border: none }

thead {}
tr {}
th { background: #eee; padding: 5px }
td { padding: 5px }
th#detalles 
th#tipo {}
th#tipo a {}
th#zona {}
th#zona a {}
th#poblacion {}
th#poblacion a {}
th#metros {}
th#metros a {}
th#precio {}
th#precio a {}
tr.even {}
tr.odd {}
td[headers=detalles] {  }
td[headers=tipo] { }
td[headers=zona] { }
td[headers=poblacion] { }
td[headers=metros] { }
td[headers=precio] {}
td.aladerecha {}

.resultados_list { background: #7B7B7B; border-bottom: 1px solid #9F9F9F; margin: 0 0 30px 0; padding: 5px 0; text-align: center}

img.fotologo { background: #fff; border: 1px solid #BABF83; padding: 1px }

/**** DESTACADOS ****/

.cont_oferta {  background: #4F4F4F; border: 1px solid #5C5C5C; padding: 0 10px 10px 10px; clear: none; float: left; margin: 10px 10px 10px 0; width: 42% }
.ofertas_img a { background: none; border: none }
.ofertas_img a:hover { background: none; border: none }
.ofertas_img img { border: 1px solid #fff; margin: 10px 10px 10px 0; }

/**** EXPEDIENTE ****/

#detalles { margin: 10px 0 }
.datosinmo { float: left; width: 45% }
.datosinmo img { border: 2px solid #A7AF4C; padding: 2px }
.dd_largo { font-weight: bold }


/**** OBRA NUEVA ****/

.cont_promociones { border-bottom: #EFEFEF solid 3px; float: left; width: 100%; margin: 5px 0 0 0; padding: 0 0 10px 0 }
.promociones_img { background: transparent; border: 2px solid #A7AF4C; float: left; margin: 0 10px; padding: 2px; }
.mas_informacion { float: right; width: 720px }
.cont_promociones p { float: right; width: 720px }

/**** PROMOCION ****/
#promocion { margin: 10px 0; width: 100% }
#promocion a { margin: 10px }
.fotovivienda { float: left; margin: 0 0 10px 0; width: 100% }
.fotovivienda img { background: transparent; border: 2px solid #A7AF4C; float: left; margin: 0 10px; padding: 2px; }
.detalles_vivienda dl { float: left; margin: 10px; width: 50% }
#promocion dd { float: right; width: 50% }
#promocion dt { float: left; font-weight: bold; width: 50% }


/**** CONTACTAR ****/

#map_canvas { margin: 10px }

/**** FORMS ****/

#contactform, #venderform {  background: #CFCFCF; border: 2px solid #DDDDDD; padding: 10px; margin: 10px; }

option {  }

textarea {
  width: 500px;
  border: 1px solid;
}

input, select {
  border: 1px solid #373737;
}

input { margin: 5px 0; padding: 2px }

.fila_input { margin: 10px }


/**** PAGINATION ****/

.pagination {
  margin: 10px;
  background: white;
  /* self-clearing method: */ 
}
.pagination a, .pagination span {
  padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 1px; 
}
.pagination span.disabled {
  border: 1px solid #DDD; 
}
.pagination span.current {
  font-weight: bold;
  background: #B72E5B;
  color: white;
  border: 1px solid #B72E5B; 
}
.pagination a {
  text-decoration: none;
  border: 1px solid #B72E5B; 
}
.pagination a:hover, .pagination a:focus {
  border-color: #ED3A77; 
}
.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; 
}

/**** Assests ****/

#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;
}

/**** Rating ****/

.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%;
}