html { height:100%;}
body { margin:auto; padding:0; height:100%; font-family: Verdana, Tahoma, Arial, Helvetica; font-size:1em; color:#000; line-height:130%;}

a {text-decoration:underline; color:#000;}
a:hover {text-decoration:underline; color:#171CEA;}

#logo { margin:2px 10px;}
#logo img {border:0;}
#idiomas {font-size:0.7em; margin:5px 10px; text-align:left; padding-right:10px; color:#FFF; background-color:#171CEA; margin-bottom:10px; text-align:right;}
#idiomas a {color:#FFF;}
#img-inicio {clear:both; margin:0 10px;}
#menu ul {list-style:none; margin:0; padding:0; margin-left:10px; margin-top:5px; font-size:1.1em;}
#menu ul li {margin-right:15px; margin-bottom:3px;}
#menu ul li a {text-decoration:underline; color:#000;}
#menu ul li a:hover {text-decoration:underline; color:#171CEA;}
#menu ul li a.current {text-decoration:none; color:#171CEA; font-weight:bold;}
#contingut-home { margin:10px;}
hr {height: 1px; border: 0; background-color: #666666; margin:10px; }
#lang { font-size:0.8em; margin:0 10px; text-align:center;}
#lang a { text-decoration:none;}
#footer {font-size:0.8em; margin:0 10px; padding-bottom:10px; text-align:center;}
#contingut {margin:10px;}
.producto {clear:both;}
.foto-producto {}
.foto-producto img {border:0;}
.ref-producto {color:#171CEA; font-weight:bold; font-size:1.1em; margin-top:20px; margin-bottom:1px;}
.ref-producto a {color:#171CEA; font-weight:bold; text-decoration:none;}
.ref-producto a:hover {text-decoration:underline;}
.localizacion-producto {}
.descripcion-producto {margin-top:5px;}
.metraje-producto {margin-top:5px;}
.precio-producto {margin-top:5px;}
#anterior { background-color:#000; height:28px; float:left; width:45%; padding:4px; font-size:0.8em; }
#siguiente { background-color:#000; height:28px; float:right; width:45%; padding:4px; font-size:0.8em; text-align:right; }
#anterior a, #siguiente a {color:#FFF; text-decoration:none;}
#anterior a:hover, #siguiente a:hover { text-decoration:underline;}
#anterior img, #siguiente img {border:0;}
#anterior .text-fletxa { padding-top:2px; float:left; text-align:left; margin-left:5px;}
#anterior .imatge-fletxa { float:left; width:22px; }
#siguiente .text-fletxa { padding-top:2px; float:right; text-align:right; }
#siguiente .imatge-fletxa { float:right; width:22px; margin-left:5px; }
#compra-venta {margin:10px;}
#compra {float:left; width:45%; font-size:0.9em; font-weight:bold; text-align:center;}
#venta {float:right; width:45%; font-size:0.9em; font-weight:bold; text-align:center;}
.mas-fotos {font-size:0.6em;}
#contactar {margin:10px;}
#contactar p { margin:0; margin-top:3px; padding:0; font-size:0.8em;}
a.masinfo {color:#171CEA; font-weight:bold; text-decoration:none;}
a.masinfo:hover {color:#171CEA; font-weight:bold; text-decoration:underline;}
#volver { margin:10px; background-color:#000; height:28px; float:left; width:45%; padding:4px; font-size:0.8em; }
#volver a {color:#FFF; text-decoration:none;}
#volver a:hover, #siguiente a:hover { text-decoration:underline;}
#volver img {border:0;}
#volver .text-fletxa { padding-top:2px; float:left; text-align:left; margin-left:5px;}
#volver .imatge-fletxa { float:left; width:22px; }
.titol { color:#171CEA; font-weight:bold; font-size:1.1em;}
.msjKO { margin:10px; font-size:0.8em; color:#DD0000; border:1px solid #DD0000; padding:3px; }
.msjOK { margin:10px; font-size:0.8em; color:#171CEA; border:1px solid #666666; padding:3px; }

input, textarea {border:1px solid #666666; padding:2px; font-size:0.8em;}
input:focus, textarea:focus {border:1px solid #171CEA;}
input#enviar {background-color:#171CEA; border:1px solid #171CEA; padding:2px 8px; color:#FFF;}

.m20 {height:20px;}
.m40 {height:40px;}
.m10 {height:10px;}
.m5 {height:5px;}
.m3 {height:3px;}
.clear {clear:both;}