/** Central **/
#central {background: url(../img/sidebar.gif) repeat-y right; padding: 5px 258px 10px 0px;}
#central h3 {background: url(../img/central-h3.gif) no-repeat; background-position: 0px 2px; color: #7A0000; font-size: 15px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 28px;}
#central p {color: #2B4A5F; font-size: 11px; margin: 0px 0px 10px 0px; padding: 0px;}
#central img {margin: 0px 0px 10px 0px;}

.producte {font-size: 11px; margin: 0px 0px 30px 0px; }
form.escullproducte {font-size: 11px; margin: 0px; }
form.escullproducte fieldset {border: 1px solid #BECAD4;}
form.escullproducte fieldset legend{font-weight: bold; padding: 20px 5px 0px 25px;}
form.escullproducte label {margin: 10px 0px 0px 10px;}
form.escullproducte select {border: 1px solid #BECAD4; margin: 0px 0px 0px 5px; width: 150px;}
form.escullproducte select.short {width: 110px;}
form.escullproducte .boto {background: #FFF; border: none; color: #294A5A; cursor: pointer; font-size: 11px !important; margin: 0px 0px 0px 10px; text-transform: uppercase; width: 60px;}

.producte {width: 510px;}
.producte .item {border-bottom: 1px dotted #B2B2D3; float: left; height: 180px; margin: 15px 10px 10px 0px; width: 110px;}
.producte .item p {font-size: 9px !important; text-align: center;}
.producte .item a {color: #294A5A;}
.producte .item a:hover {text-decoration: underline;}
.producte .item a:hover img.polaroid {background: #D4D4E2;}
.producte .item img {height: 100px; width: 100px;}

.producte2 {width: 510px;}
.producte2 .item {border-bottom: 1px dotted #B2B2D3; float: left; height: 180px; margin: 15px 10px 10px 0px; width: 110px;}
.producte2 .item p {font-size: 9px !important; text-align: center;}
.producte2 .item a {color: #294A5A;}
.producte2 .item a:hover {text-decoration: underline;}
.producte2 .item a:hover img.polaroid {background: #D4D4E2;}
.producte2 .item img {width: 100px;}



/* Fitxa d'un producte */
.producte h4 {background: #F7F7F7; color: #294A5A; font-size: 11px; margin: 20px 0px 10px 0px; padding: 4px;}


#llistesproducte {float: right; margin: 5px 10px 0px 0px; width: 380px;}
.producte ul.doc {margin: 0px 0px 10px 0px;}
.producte ul.doc li {height: 20px;}
.producte ul.doc li a {color: #294A5A;}
.producte ul.subproductes {}
.producte ul.subproductes li {padding: 4px;}
.producte a {color: #294A5A;}
.producte a:hover, .producte ul.subproductes li a:hover span {text-decoration: underline;}
.producte .senar {background: #F2F2F2;}
.producte ul.subproductes li a span {background: url(../img/comprar.gif) no-repeat; display: block; float: right; font-size: 11px; text-align: right; padding: 0px 0px 0px 20px;}
.producte ul.subproductes li a span.preu {background: none; font-size: 10px; padding: 0px 0px 0px 5px;}
.producte ul li.pdfs {float:left; width:120px;}
#producte .producte img {width: 100px;}
#llistesproducte .producte img {width: 100px;float:left;border: 1px solid red;}
#llistesproducte .producte img.carrito {width: 18px; float:left; background-image: none;}
.producte .pdf {
	width: 16px;
	padding-right:2px;}
.producte h3 {clear: left;}
.producte h3 .titol {clear: left; width: auto !important;}




p.condiciones {border-top: 1px solid #C0C0C0; clear: both; margin: 10px 0px 0px 0px; padding: 10px 0px 0p 0px !important;}

#llistesproducte table {color: #294A5A; margin: 0px 0px 0px 0px; }
#llistesproducte table td {padding: 5px;}
#llistesproducte table td a.pdf {background: url(../img/pdf.gif) 15px 0px no-repeat; padding: 0px 0px 0px 35px;}
#llistesproducte table input {border: 1px solid #294A5A; width: 25px; font-size: 11px; height: 11px;}
#llistesproducte table th {border-bottom: 1px solid #294A5A; border-top: 1px solid #294A5A; font-weight: normal;}

#pagina {clear: both; width: 500px;}
#pagina ul li {display: inline;}
#pagina ul li a {background: #E0E0EB; border: 1px solid #C5C5D2; color: #294A5A; display: block; float: left; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 0px; text-align: center; width: 20px;}
#pagina ul li a:hover {background: #849BAD; border: 1px solid #849BAD; color: #FFF;}
#pagina ul li.on a {background: #294A5A; border: 1px solid #294A5A; color: #FFF;}
#pagina ul li.sig a {width: 25px !important;}

/**** Area d'informacio de compra ****/
#estatcompra {border: 1px dotted #F2F2F2; margin: 0px 0px 10px 0px; padding: 10px;}
#estatcompra p {margin: 0px; padding: 0px;}
#estatcompra p.title {background: #f9f8f8 url(../img/comprar.gif) no-repeat; background-position: 6px 3px; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 29px;}

/*** Llistat de productes comprats ***/
.producte-comprat h4 {background: #F7F7F7; color: #294A5A; font-size: 11px; margin: 20px 0px 10px 0px; padding: 4px;}
.producte-comprat ul.productescomprats {font-size: 11px; margin: 0px 0px 20px 0px;}
.producte-comprat ul.productescomprats li {padding: 4px;}
.producte-comprat ul.productescomprats li a {color: #294A5A;}
.producte-comprat ul.productescomprats li a:hover, .producte ul.subproductes li a:hover span {text-decoration: underline;}
.producte-comprat .senar {background: #F2F2F2;}
.producte-comprat ul.productescomprats li a span {background: url(../img/comprar.gif) no-repeat; display: block; float: right; text-align: right; padding: 0px 0px 0px 20px;}
.producte-comprat tr.total td {border-bottom: 2px solid #F2F2F2; border-top: 2px solid #F2F2F2; font-weight: bold;}

.producte-comprat table {color: #294A5A; font-size: 11px; margin: 0px 0px 10px 0px; width: 505px;}
.producte-comprat table td {padding: 5px;}
.producte-comprat table input {border: 1px solid #294A5A; width: 20px; font-size: 11px; height: 11px;}
.producte-comprat table th {border-bottom: 1px solid #294A5A; border-top: 1px solid #294A5A; font-weight: normal;}


/**** Formulari de compra on-line ***/
form#comprar {background: #F1F1F1; font-size: 11px; margin: 0px 0px 30px 0px; padding: 20px 66px 10px 17px; text-align: right;}
form#comprar fieldset {border: none; margin: 0px; padding: 0px;}
form#comprar fieldset legend {font-weight: bold; margin: 0px; padding: 0px 0px 20px 0px;}
form#comprar label {display: block; margin: 0px 0px 10px 0px; padding: 0px 15px 0px 0px;}
form#comprar label input, form#comprar label select, form#comprar textarea {border: 1px solid #CCCED8; width: 300px;}
form#comprar input.boto {background: #C7C9D3; border: 1px solid #C7C9D3; cursor: pointer; font-size: 11px;}
form#comprar label.obligatori {background: url(../img/obligatori.gif) no-repeat; background-position: right;}

/*** Validar ***/
#infocompra p {border-bottom: 1px solid #C7C9D3; margin: 10px 0px 5px 0px;}
#infocompra ul {margin: 0px 0px 20px 0px;}
#infocompra ul li {margin: 0px 0px 5px 0px;}

img.top_familia {width: 515px !important; height: 65px !important;}

.boto {width: 140px !important; height: 22px !important;}

.imatge {
padding-top: 9px;
}

div.accesorios
{
margin:3px 0 3px 0;
border:1px solid #e4c2c1;
background:#fdedee;
display:none;
}

div.accesorios table a
{
color:#000;
}

a.acce
{
text-decoration:none;
color:#ac0001;
text-transform:uppercase;
font-size:9px;
}

a.acc:hover
{
text-decoration:underline;
}