/* ----------- general ------------ */
 
body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #444;
	background: #FFF url(/images/custom/22/back.gif) repeat-x top left
}

img {
	border: 0
}

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

a:hover {
	text-decoration: underline;
	color: #F56600
}

a:visited {
	color: #F56600
}

/* ----------- cabecera y logo ------------ */
#header {
  height: 210px;
}
#blogtitle {
	text-align: left;
	height: 116px
}

#blogtitle h1 {
	margin: 0;
	padding: 0
}

#container {
	margin: 0 auto;
	text-align: center;
	width: 950px;

}

#ilust {
	background: url(/images/custom/22/ilust.jpg) top left;
	height: 166px;
	margin: 0
}

/* ----------- menú de navegación ------------ */

ul#menu {
	list-style-type: none;
	text-indent: -9999px;
	margin: 0;
	padding: 0
}

ul#menu li {
	display: inline;
	font: bold .65em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase
}

#menu li a {
	color: #FF7E00;
	text-decoration: none;
	height: 35px;
	display: block;
	float: left
}

#menu li a:hover {
	color: #CCC;
	text-decoration: none
}

ul#menu li.acerca a {
	background: url(/images/custom/22/menu-acerca.gif) no-repeat;
	width: 135px
}

ul#menu li.vende a {
	background: url(/images/custom/22/menu-vende.gif) no-repeat;
	width: 165px
}

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

ul#menu li.busca a {
	background: url(/images/custom/22/menu-busca.gif) no-repeat;
	width: 136px
}

ul#menu li.noticias a {
	background: url(/images/custom/22/menu-noticias.gif) no-repeat;
	width: 110px!important;
	width: 110px
}

ul#menu li.contacto a {
	background: url(/images/custom/22/menu-contacto.gif) no-repeat;
	width: 130px!important;
	width: 130px
}

ul#menu li.cesta a {
	background: url(/images/custom/22/menu-cesta.gif) no-repeat -1px 0;
	width: 140px!important;
	width: 140px
}

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

body#xempresa ul#menu li.acerca a, body#xgeneral ul#menu li.acerca a {
	background: url(/images/custom/22/menu-acerca.gif) no-repeat 0px -35px
}

body#xvender ul#menu li.vende a {
	background: url(/images/custom/22/menu-vende.gif) no-repeat 0px -35px
}

body#xobra ul#menu li.promos a {
	background: url(/images/custom/22/menu-obra.gif) no-repeat 0px -35px
}

body#xbuscador ul#menu li.busca a {
	background: url(/images/custom/22/menu-busca.gif) no-repeat 0px -35px
}

body#xcontacto ul#menu li.contacto a {
	background: url(/images/custom/22/menu-contacto.gif) no-repeat 0px -35px
}

body#xnoticias ul#menu li.noticias a {
	background: url(/images/custom/22/menu-noticias.gif) no-repeat 0px -35px
}

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

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

/* ----------- titulo de seccion ------------ */

body#xinicio h2.entrytitle, body#xdetalles h2.entrytitle, body#xempresa h2.entrytitle, body#xgeneral h2.entrytitle, body#xvender h2.entrytitle, body#xobra h2.entrytitle, body#xnews h2.entrytitle, body#xbuscador h2.entrytitle, body#xcontacto h2.entrytitle, body#xdestacado h2.entrytitle, body#xlegal h2.entrytitle, body#xmapa h2.entrytitle, body#xtrabaja h2.entrytitle,body#xonecolumn h2.entrytitle, body#sm_descripcion h2.entrytitle {
	text-indent: -9999px;
	height: 40px;
	margin: 0;
	padding: 0
}

body#xinicio h2.entrytitle {
	background: url(/images/custom/22/h2-inicio.gif) no-repeat top left
}

body#xempresa h2.entrytitle, body#xgeneral h2.entrytitle {
	background: url(/images/custom/22/h2-oficina.gif) no-repeat top left
}

body#xvender h2.entrytitle {
	background: url(/images/custom/22/h2-vende.gif) no-repeat top left
}

body#xobra h2.entrytitle {
	background: url(/images/custom/22/h2-promos.gif) no-repeat top left
}

body#xbuscador h2.entrytitle {
	background: url(/images/custom/22/h2-busca.gif) no-repeat top left
}

body#xbuscador #maincol2 h2.entrytitle, body#xonecolumn  h2.entrytitle {
	background: url(/images/custom/22/h2-busca2.gif) no-repeat top left
}

body#xcontacto h2.entrytitle {
	background: url(/images/custom/22/h2-contacto.gif) no-repeat top left
}

body#xlegal h2.entrytitle {
	background: url(/images/custom/22/h2-legales.gif) no-repeat top left
}

body#xnews h2.entrytitle {
	background: url(/images/custom/22/h2-noticias.gif) no-repeat top left
}

body#xdetalles h2.entrytitle, body#sm_descripcion h2.entrytitle {
	background: url(/images/custom/22/h2-detalles.gif) no-repeat top left
}

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

#maincol {
	text-align: left;
	width: 625px;
	float: left;
}

body#xonecolumn #maincol, body#xbuscador #maincol {
	width: 925px;
}

.entry {
	font-size: .7em;
	line-height: 1.45em
}

ul#items {
	list-style-type: none;
	text-indent: -9999px;
	margin: 0;
	padding: 0
}

ul#items li {
	display: block;
	font: bold .65em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	height: 85px
}

#items li a {
	color: #FF7E00;
	text-decoration: none;
	height: 85px;
	display: block
}

#items li a:hover {
	color: #CCC;
	text-decoration: none
}

ul#items li.item-acerca a {
	background: url(/images/custom/22/item-acerca.gif) no-repeat
}

ul#items li.item-vende a {
	background: url(/images/custom/22/item-vende.gif) no-repeat
}

ul#items li.item-promos a {
	background: url(/images/custom/22/item-promos.gif) no-repeat
}

ul#items li.item-busca a {
	background: url(/images/custom/22/item-busca.gif) no-repeat
}

ul#items li a:hover {
	background-position: 0px -85px
}

p.oficinas {
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	padding: 4px 0;
	margin-bottom: 0;
	font-size: .9em
}

.shadow {
	background-image: url(/images/custom/22/shadow.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 11px
}

span.bold {
	font-weight: bold
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 18px 0 8px;
	line-height: 1em;
}

.bannerpromo img, #listapromo img, .fotovivienda img, div#thumvivi a img {
	border: 1px solid #CCC
}

#thumbvivi {
	margin-top: 4px
}

.bannerpromo {
	margin-bottom: 26px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px
}

label {
	font-weight: bold
}

p.bcpromo {
	font-size: .9em;
	margin: 0 0 8px;
	border-bottom: 1px solid #CCC
}

.info2 {
	height: 45px;
	background: #DDD url(/images/custom/22/info.gif) no-repeat top left;
	margin: 8px 0 24px
}

.info2 p {
	padding: 8px 24px 0 64px;
	font-size: .9em;
	line-height: 1.4em
}

h4.desc2 {
	background-color: #EEE;
	padding: 4px 8px;
	margin: 0 0 8px;
	font-weight: normal;
	font-size: 1em
}

p.datosprincipal {
	background-color: #EEE;
	padding: 4px 8px;
	margin: 0 0 8px
}

h4.back {
	font-size: 1.3em;
	border-bottom: 1px solid #CCC;
	padding-bottom: 3px;
	margin-bottom: 8px
}

div.left {
	float: left
}

div.right {
	float: right
}

h3.result {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 8px 0 16px
}

h3.work {
	margin: 12px 0 0
}

p.trabaja2 {
	margin-bottom: 24px;
	background: url(/images/custom/22/bullet02.gif) no-repeat center left;
	padding: 0 0 4px 16px;
	border-bottom: 1px solid #CCC
}

p.common {
	border-bottom: 1px solid #CCC;
	font-size: 1.2em
}

.mapathumb {
	margin-left: 10px
}

/* @group producto */

#sidecol #utils ul.descripcion {
	font-size: 14px;
	padding: 5px;
	border-style: none;
}

#sidecol p.campobusc {
  margin-left: 35px;
}

#sidecol #utils ul.descripcion li {
	padding-left: 35px;
	height: 25px;
}

li.icocart {
	background: url(/images/custom/22/cesta.gif) no-repeat;
}

li.icocalc {
	background: url(/images/custom/22/calculadora.gif) no-repeat;
}

li.icouser {
	background: url(/images/custom/22/amigo.gif) no-repeat;
}

li.icoprint {
	background: url(/images/custom/22/imprimir.gif) no-repeat;
}

#similares h2 {
	font-size: 14px;
}

#similares p {
	font-size: 12px;
}

p.navegacion-producto {
	font-size: 1em;
}

#utils h2 span {
	visibility: hidden;
}

#utils h2.utilidades {
	background-image: url(/images/custom/22/h3-utilidades.jpg);
	margin: 0;
	height: 50px;
}

#utils h2.similares {
	background-image: url(/images/custom/22/h3-similares.jpg);
	margin: 0;
	height: 50px;
}



/* @end */

/* @group productos portada */

div.offer_item {
	padding: 5px;
	float: left;
	width: 615px;
}

div.offer_item_wrapper {
	float: left;
	width: 100%;
}

img.offer_item_img {
	float: left;
	width: 225px;
	height: 155px;
}

div.offer_item_wrapper h3 {
	margin: 0 0 0 245px;
}

div.offer_item_wrapper ul {
	margin-left: 225px;
}

.divisor {
	height: 10px;
	background: url(/images/custom/22/divisor.jpg) repeat-x;
	clear: both;
}



/* @end */

/* @group buscador obra nueva */

p.fila_input {
	margin-top: 10px;
	margin-bottom: 10px;
}

#search form.fnd_onueva {
	margin: 0;
	padding: 0;
}

#search h2.buscaobranueva {
	background-image: url(/images/custom/22/h3-buscadorobranew.jpg);
	margin: 0;
	height: 105px;
}



/* @end */

/* @group buscador */

#search h2 {
	background-image: url(/images/custom/22/h3-buscador.jpg);
	margin: 0;
	height: 105px;
}

#search {
	background: url(/images/custom/22/degradado-buscador.jpg) no-repeat 0 bottom;
	padding-bottom: 10px;
}

#search h2 span {
	visibility: hidden;
}

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

p.campobusc {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

form#sidebarform.form_buscador {
	margin: 0;
	padding: 0;
}

#sidebarform p.campobusc label {
	font-size: 12px;
}



/* @end */

/* ----------- columna ------------ */

#sidecol {
	width: 300px;
	float: right;

}

#xinicio #sidecol h3, #xempresa #sidecol h3, #xgeneral #sidecol h3, #xobra #sidecol h3, #xvender #sidecol h3, #xbuscador #sidecol h3, #xcontacto #sidecol h3, #xlegal #sidecol h3, #xdetalles #sidecol h3, #xnews #sidecol h3 {
	margin: 0;
	padding: 0;
	height: 196px;
	text-indent: -9999px
}

#xinicio #sidecol h3 {
	background: url(/images/custom/22/h3-trabaja.jpg) no-repeat top left
}

#xempresa #sidecol h3, #xgeneral #sidecol h3 {
	background: url(/images/custom/22/h3-trabaja.jpg) no-repeat top left
}

#xobra #sidecol h3, #xbuscador #sidecol h3, #xlegal #sidecol h3, #xvender #sidecol h3 {
	background: url(/images/custom/22/h3-ayuda.jpg) no-repeat top left
}

#xdetalles #sidecol h3 {
	background: url(/images/custom/22/h3-ayuda.jpg) no-repeat top left
}

#xcontacto #sidecol h3 {
	background: url(/images/custom/22/h3-contacto.jpg) no-repeat top left
}

#xnews #sidecol h3 {
	background: url(/images/custom/22/h3-contacto.jpg) no-repeat top left
}

#sidecol ul {
	text-align: left;
	margin: -1px 0 0;
	padding: 0 0 12px 12px;
	font-size: .65em;
	border-right: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB
}

#sidecol li {
	margin: 0;
	list-style: none;
	padding: 4px 16px 4px 0px;
	font-weight: bold
}

#sidecol li a {
	color: #FF891E;
	padding-left: 4px;
	display: block;
	text-decoration: none
}

#sidecol li a:hover {
	text-decoration: none;
	color: #444
}

#sidecol a {
	text-decoration: none
}

#sidecol a:hover {
	color: #666666;
	text-decoration: none
}

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

.buscador_resultados fieldset {
	padding: 0 20px 0 0;
	border: 0
}

p.campobusc select, p.campobusc select#seloperacion, p.campobusc select#precioi, p.campobusc select#selproductos, p.campobusc select#selzonas, p.campobusc select#sellocalidad {
	font-size: .95em;
	display: inline;
	width: 200px
}

p.campobusc label {
	margin: 0;
	font-weight: bold
}

p.campobusc {
	margin: 0px;
	padding: 0px 10px 16px 0px;
	float: left;
	width: 200px
}

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

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

td.aladerecha {
	text-align: right
}

table {
	font-size: 90%;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: 1px solid #CCC
}

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

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

th {
	background-color: #EEE;
	text-align: center
}

tr.odd, tr.even {
	text-align: left;
	width: 360px;
	font-size: .80em;
}

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

tr.odd td, tr.even td, tr.result td, table#superf thead tr th {
	padding-left: 8px
}

table#superf {
	border: 0
}

th.superficie {
	text-align: left
}

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

form#contactform legend {
	color: #777;
	margin: 0;
	text-transform: uppercase;
	color: #4A759F;
	padding-bottom: 8px!important;
	padding-bottom: 0
}

form#contactform fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 4px
}

dl dd {
	padding: 0;
	margin: 0
}

input#name, input#comentarios, input.required, input#zona, input#metros, input#precio, input#calefaccion, input#attachment, input#telefono, input#email, input#telephone {
	border: 1px solid #CCC;
	font-family: Verdana, 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
}

input.textarea {
	padding: 2px 4px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777;
	font-size: 1em;
	width: 250px;
	background-color: #F6F6F6
}

dt input#submit {
	width: 100px;
	margin-top: 6px
}

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

#footer {
	clear: both;
	font-size: .65em;
	text-align: center;
	margin: 24px auto;
	padding: 0!important;
	padding: 24px 0;
	border-top: 1px solid #DDD;
	width: 950px
}
	
div#encontrados {
	font-size: .70em;
}

form.buscador_resultados fieldset {
	border: 0px;
}

form.buscador_resultados .campobusc, form#form_obranueva .campobusc {
	float: left;
	margin-right: 10px;
}

div.fotos {
	width: 330px;
	float: left;
}

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

#foto_oficina {
  float: right;
  width: 225px;
}

#colizq {
  float: left;
  width: 330px;
}

