body {
margin:0;
padding:0;
font-size:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#005A7D url(../img/fons-cos-sencer.gif) top center repeat;
color:#919191;
text-align:center;
}

body#iframe-destacats{
    background:#fff;
    text-align:left;
}
body#iframe-destacats .separador {
    margin: 5px 0px;
}

h1,h2,h3,h4,h5,p,form,fieldset {
margin:0;
padding:0;
font-weight:normal;
font-size:1em;
border:0 solid transparent;
}

.mostrar, .ocult {
    display: none;
}

.dit {
    cursor: pointer;
}
.padding {
    margin: 5px 5px 5px 30px;
}

div#caixa_missatge {
    display: none;
    position: fixed;
    top: 0px;
    left:0px;
    margin-top: 140px;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

    div#caixa_missatge div.capsa {
        position:relative;
        border: 7px solid #FAA634;
        margin: 10px auto;
        width: 450px;
        padding: 20px;
        background-color: #6697A8;
        color: #fff;
    }
        #caixa_missatge_amaga {
            float: right;
            color: #d6d6d6;
        }

div#fons_capcalera {}

	div#capcalera {
	width:850px;
	height:100px;
	text-align:left;
	margin:0 auto;
	position:relative;	
	}

		div#capcalera h1 {
		width:134px;
		height:48px;
		overflow:hidden;
		position:absolute;
		left:24px;
		top:10px;
		}

		div#capcalera div#cercador {
		position:absolute;
		top:9px;
		right:12px;
		background-color:white;
		border:1px solid #E2E2E2;
		padding:2px 4px 1px 4px;
		}
		
			div#capcalera div#cercador * {float:left;}
		
			div#capcalera #camp_cerca {
			border:0;
			font-size:11px;
			width:150px;
			color:#666666;
			}

			div#capcalera #boto_cerca {
			border:0;
			background-image:url(../img/fons-boto-cercador.gif);
			height:15px;
			width:12px;
			}
		
		div#capcalera p {
		position:absolute;
		bottom:43px;
		right:10px;
		color:#6697A8;
		font-size:127%;
		font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
		}
			
		div#menu_principal {
		background:transparent url(../img/fons-menu-navegacio.gif) left bottom repeat-x;
		font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
		position:absolute;
		bottom:8px;
		left:0;
		height:28px;
		width:850px;
		}
		
			div#menu_principal a {
			display:block;
			height:28px;
			line-height:28px;
			text-decoration:none;
			}
		
			div#menu_principal ul {
			margin:0 0 0 17px;
			padding:0;
			float:left;
			list-style:none;
			}
		
				div#menu_principal ul li {
				margin:0;
				padding:0;			
				float:left;
				}
				
					div#menu_principal ul a {
					float:left;
					padding:0 10px;
					color:white;
					background:transparent url(../img/fons-item-menu-navegacio.gif) right center no-repeat;
					}
					
						div#menu_principal ul a:hover, div#menu_principal ul a.triat {background-color:#C17610;}
			

				div#menu_principal a#idioma {
				float:right;
				color:#005D7F;
				padding-right:17px;
				font-weight:bold;
				}

div#fons_cos {}

div#cos {
background:#005D7F;
text-align:left;
width:850px;
margin:0 auto;
padding-bottom:8px;
}

	div#navegacio {
	float:left;
	width:212px;
	margin-right:8px;
	background:transparent url(../img/fons-menu-lateral.gif) 43px 0 no-repeat;
	font-size:90%;
	}
	
		div#navegacio ul {
		margin:79px 0 0 8px;
		padding:0;
		list-style:none;
		}
		
		div#navegacio ul ul {margin:0}
		
			div#navegacio ul a {
			color:#754200;
			text-decoration:none;
			display:block;
			height:23px;
			line-height:23px;
			padding:0 15px 0 8px;
			background-image:url(../img/fons-vincles-menu-navegacio.gif);
			background-position: 196px -13px;
			background-repeat:no-repeat;
			border-bottom:1px solid #7D531A;
			}
			div#navegacio ul.novetats a {
			color:#754200;
			border-bottom:1px solid #005D7F!important;
			}			
		
		
			
			div#navegacio ul ul a{border-color:#B87B2B;}
			
			div#navegacio ul ul.item_menu_especial-ul  a {border-color:#005D7F!important; }

			div#navegacio ul.item_menu_especial-ul ul a {border-color:#005D7F!important; }

			
				div#navegacio ul a:hover , div#navegacio ul a.triat{
				color:white;
				background-position: 196px 10px;
				}
				
					div#navegacio ul li.item_menu_especial {
					background:#9AE6FD url(../img/fons-menu-navegacio-llista-5.gif) left bottom no-repeat;
					}
					
					div#navegacio ul li.item_menu_especial div {
					background:transparent url(../img/fons-menu-navegacio-llista-7.gif) 0 0 no-repeat;
					}
					
						div#navegacio ul li.item_menu_especial a {
						color:#005D7F;
						background-image:url(../img/fons-vincles-menu-navegacio_especials.gif);
						}
						
							div#navegacio ul li.item_menu_especial a:hover, div#navegacio ul li.item_menu_especial a.triat {
							color:white;
							}
		
			div#navegacio ul li {
			background:#FAA634;
			margin:0 0 4px 0;
			padding:0;		
			text-align:right;	
			}
			
			div#navegacio ul li div {
			background:transparent url(../img/fons-menu-navegacio-llista-6.gif) 0 0 no-repeat;
			}
			
				div#navegacio ul li li {
				background-color:#D98D28;
				margin:0;		
				}
				div#navegacio ul li ul.novetats li {
				background-color:#49C2E1;
				margin:0;		
				}				
				
				
			
					div#navegacio ul li.ultim {
					background-image:url(../img/fons-menu-navegacio-llista-8.gif);
					background-position:left bottom;
					background-repeat:no-repeat;
					}
					
					div#navegacio ul li.ultim2 {
					background-image:url(../img/fons-menu-navegacio-llista-9.gif);
					background-position:left bottom;
					background-repeat:no-repeat;
					}					
					
						div#navegacio ul li.ultim a {border-bottom:0}
			
		div#area_principal {
		width:622px;
		float:left;
		}
		
			div#area_principal p#fil_ariadna {
			color:#6BB0C0;
			padding:6px 0;
			}
		
				div#area_principal p#fil_ariadna a{
				color:#6BB0C0;
				}
				
			div#menu_botiga {
			background:transparent url(../img/fons-menu-botiga.gif) left bottom no-repeat;
			margin-bottom:8px;
			position:relative;
			height:46px;
			}
			
				div#menu_botiga fieldset {
				position:absolute;
				top:18px;
				left:6px;
				width:393px;
				color:#5C5C5C;
				}
					
					div#menu_botiga fieldset a {
					color:#005D7E;
					font-weight:bold;
					}
					
					div#menu_botiga fieldset span#nom-usuari {
					float:left;
					display:block;
					margin-top:4px;				
					}
					
					div#menu_botiga fieldset div {	
					float:left;				
					background-color:white;
					border:1px solid #E2E2E2;
					padding:2px 4px 1px 4px;
					margin-right:6px;
					}
					div#menu_botiga fieldset div.trans {	
					border: 0px;
					background-color:transparent;
					}
					
					div#menu_botiga fieldset p#vincles-usuaris {
					margin-top:4px;
					float:right;
					color:#777777;
					}	
					
						div#menu_botiga fieldset p#vincles-usuaris * {margin-left:5px}
					
						div#menu_botiga div .camp_text {
						width:102px;	
						border:0;
						font-size:11px;
						color:#777777;
						float:left
						}
						
						div#menu_botiga div .boto {	
						background-image: url(../img/fons-boto-cercador3.gif);
						border:0pt none;
						height:15px;
						width:12px;
						float:right;
						cursor:pointer;
						}
						
			
				div#menu_botiga div#carret {
				width:218px;
				height:46px;
				overflow:hidden;
				background:#BEB385 url(../img/fons-carret-compra.gif) 0 0 no-repeat;
				position:absolute;
				top:0;
				right:0;
				color:#867B4D;
				}
				
					div#menu_botiga div#contingut_carret {
					padding:10px 10px 0 10px;
					}
					
						div#menu_botiga div#carret p {
						width:140px;
						text-align:center;
						border-right:1px solid #9A8F61;
						margin-right:12px;
						float:left;
						}
						
							div#menu_botiga div#carret p a {
							color:#6E6335;
							font-size:109%;
							font-weight:bold;
							display:block;
							margin-top:3px;
							}
							
								div#menu_botiga div#carret p a em {
								font-style:normal;
								color:#FFDE00;
								}
						
						div#menu_botiga div#carret .boto_1 {float:left}
				
		
			div#continguts { /* 622px àrea útil */
			background:white;
			}			

                                div#continguts h2 {
                                font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
                                color:#005D7F;
                                font-size:163%;
                                font-weight:bold;
                                margin-bottom:0.2em
                                }
                                
                                div#continguts h3 {
                                font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
                                color:#005D7F;
                                font-size:141%;
                                font-weight:bold;
                                margin-bottom:0.2em
                                }
                                div#continguts h4 {
                                font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
                                color:#005D7F;
                                font-size:111%;
                                font-weight:bold;
                                margin-bottom:0.2em
                                }

				/*div.detall_producte {
				background:white url(../img/fons-continguts-fletxa.gif) top right no-repeat !important;
				}*/

			ol.llistat_productes {
			margin:0;
			padding:0;
			list-style:none;
			float:left;
			background:transparent url(../img/fons-llista-productes-2.gif) center top repeat-y;
			width:100%; /* AFEGIT RAMON: 25juny08 | Quan només hi ha un producte no es veia bé! */
			}
			
				ol.llistat_productes li {
				width:311px;
				height:235px;
				float:left;
				background:transparent url(../img/fons-llista-productes-1.gif) left bottom repeat-x;
				}
				
				ol.llistat_productes li.ultima-fila {background-image:none}
				
					ol.llistat_productes li div.envoltori_producte {
					padding:20px;
					}
					
					div.envoltori_portada {
					background:transparent url(../img/shadow.gif) no-repeat right bottom;
					float:left;
					margin:0 18px 11px 0;
					}
					
					div.envoltori_portada_fals {
					background:transparent url(../img/shadow.gif) no-repeat right bottom;
					float:right;
					margin: 0px 0px 15px 16px;
					}
					
						div.envoltori_portada div,div.envoltori_portada_fals div {
						background: url(../img/mask.png) no-repeat left top !important;
  						background: url(../img/mask.gif) no-repeat left top;
						float:left;
						padding: 0 5px 5px 0;
						}
					
					ol.llistat_productes div.accions_disc {
					width:162px;
					float:left;
					}					
					
						div.accions_disc div {
						margin-bottom:5px;
						clear:both;
						}
						
							div.accions_disc div.unitats {
							background:#EDEDED;
							text-align:right;
							}						
							
								div.accions_disc input {
								width:40px;								
								}
								
								div.accions_disc label {									
								color:#777777;
								padding:3px;
								}	
							
					ol.llistat_productes div.informacio_disc {
					color:#005D7F;
					clear:left;
					}
					
						div.informacio_disc span.referencia {color:#909090;}
						div.informacio_disc strong.preu {margin-left:20px}
						
						div.informacio_disc p {
						  margin-top:0.5em;
						  color: #757575;
						}
                                                div.informacio_disc p strong {
						  color:#005D7F;
						  font-size:109%;
						}
				
				
				div#envoltori_disc {padding:20px;}
				
					div#portada_i_reproductor {
					margin:0 20px 0 0;
					float:left;
					width:252px;
					}
							
						img.portada {
						border:1px solid #D4D4D4;
						display:block;
						margin-bottom:20px;						
						}
						
					div#info_extesa_disc {
					float:left;
					width:310px;
					color:#757575;
					}
					
						div#info_extesa_disc h1 {
						color:#005D7F;
						font-size:109%;
						margin-bottom:7px;
						}
						
						div#info_extesa_disc h2 , h2.titol_seccio {
						font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
						color:#005D7F;
						font-size:163%;
						font-weight:bold;
						margin-bottom:0.2em
						}
						
						div#text_disc {
						width:128px;
						float:left;
						margin-bottom:22px;
						}
						
							div#text_disc p {margin:13px 0;}
							
							div#text_disc p.destacat {
							color:#005D7F;
							font-weight:bold;
							}
							
							div#text_disc ul {
							padding:0;
							margin:0;
							list-style:none;
							}
						
						div#dades_disc {						
						width:172px;
						float:right;
						margin-top:13px;
						margin-bottom:22px;
						}
						
							div#dades_disc div#basiques{
							border:1px solid #C3C3C3;
							margin-bottom:10px;
							}
				
								div#basiques div.informacio_disc,	div#basiques div.accions_disc {
								padding:8px;
								}
								
									div#basiques div.informacio_disc {									
									text-align:right;
									color:#005D7F;
									line-height:170%;
									}
								
								div#basiques hr {
								color: #C3C3C3;
								background-color: #C3C3C3;
								height: 1px;
								border:0;
								}
								
								div#dades_disc a#disponible_castella {
								display:block;
								color:#909090;
								padding:8px;
								border:1px solid #C3C3C3;
								text-align:center;
								}
				
				p#paginador {
				background-color:#BEB385;
				padding:7px;
				text-align:right;
				color:#005D7F;
				margin:8px 0;
				}		
				
					p#paginador span#pagines {
					font-weight:bold;
					color:white;
					margin-left:18px;
					}
					
					p#paginador span#controls_pagines {
					color:#7E7651;
					margin-left:18px;
					}
					
				div.info_de_context {
				background:#D6D6D6 url(../img/fons-destacats.gif) 0 0 repeat-x;
				padding:3px 15px 8px 15px;
				}
				
					div.info_de_context h2 {
					font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
					font-size:127%;
					}
				
					div.info_de_context ol {
					list-style:none;
					float:left;
					margin:15px 0 0 0;
					padding:0;
					}
					
						div.info_de_context ol li {
						width:187px;
						float:left;
						margin-right:15px;
						}
						
							div.info_de_context ol li.ultim {margin-right:0}
				
								div.info_de_context div.envoltori_portada {
								background-image:url(../img/shadow_fons_gris.gif);
								margin-right:6px;
								}
								
									div.info_de_context div.envoltori_portada div{
									background-image:url(../img/mask_fons_gris.gif) !important;
									}	
								
								div.info_de_context h3 {font-weight:bold}
								
				p#condicions_compra {
				text-align:right;
				color:#99BECC;
				margin:8px;
				}
				
					p#condicions_compra a {color:#99BECC;}
					
				p#peu_pagina {
				margin:8px auto 0 auto;
				background:#004C69 url(../img/fons-peu-pagina.gif) 0 0 no-repeat;
				width:834px;
				height:37px;
				line-height:37px;
				text-align:center;
				color:#519FB9;
				}
				
					p#peu_pagina a {color:#519FB9;}
						

a {
text-decoration:none; 
color:#005D7F;
}
a:hover {text-decoration:underline}

a img {border:0;}

a.boto_1 , div.boto_1 {
display:block;
text-decoration:none;
color:#804E07;
background:transparent url(../img/fons-boto-1-a.gif) 0 0 no-repeat;
}

	a.boto_1 span , div.boto_1 span {
	display:block;
	line-height:25px;
	font-weight:bold;
	height:25px;
	padding:0 10px;
	text-align:center;
	background:transparent url(../img/fons-boto-1-b.gif) top right no-repeat;
	}
	a.boto_1 span {
	   cursor:pointer;
	}

a.boto_2, a.boto_2:hover {
display:block;
text-decoration:none;
color:#804E07;
background:transparent url(../img/fons-boto-2-a.gif) 0 0 no-repeat;
}

	a.boto_2 span {
	display:block;
	background:transparent url(../img/fons-boto-2-b.gif) top right no-repeat;
	}
	
		a.boto_2 span span{
		line-height:25px;
		height:25px;
		padding:0 5px 0 30px;
		cursor:pointer;
		background-position:6px 5px;
		background-repeat:no-repeat;
		font-weight:bold;
		font-size:0.9em;
		}
		
			a.boto_2 span span.afegir_carro {
			background-image:url(../img/ico_afegir_carret.gif);
			color:#03A507;
			}
			
			a.boto_2 span span.mes_detalls {
			background-image:url(../img/ico_mes_informacio.gif);
			color:#909090;
			}

.accions_disc input.afegir_carro_fals {
    background: #fff url(../img/fons-boto-2-a.gif) repeat-x;
    border: 0px;
    height: 25px;
    font-weight:bold;
    font-size:0.9em;
    color:#03A507;
    cursor: pointer;
    width: 160px;
}

.clear {clear:both;height:1px}
.acc {position:absolute;left:-10000px}

.w280 {width:280px}

.fdreta {float:right}
.fesquerra {float:left}

a.unitats_menys , a.unitats_mes { cursor: pointer; }

.formulari .clear {
    margin-bottom: 10px;
}

.formulari .capaA0 {
    /*  la dels labels  */
    float: left;
    width: 195px;
    margin-right: 10px;
    text-align: right;
}

.formulari .capaA1 {
    /*  la dels camps  */
    float: left;
    width: 210px;
    margin-right: 10px;
}


.formulari fieldset {
    border: 1px solid #005D7F;
    margin: 15px;
    padding: 15px 10px 10px;
}
.formulari fieldset.error {
    border: 1px solid #d00;
}

div.error { color: #a00; font-weight: bold; }


.formulari legend {
    color: #005D7F;
    font-weight: bold;
    font-size: 14px;
}

.formulari fieldset.error legend {
    color: #d00;
}

.formulari label {
    font-weight: bold;
}
.formulari label.error {
    color: #a00;
}

.formulari input[type=text], .formulari input[type=password], .formulari select, .formulari textarea {
    border: 1px solid #666;
    width: 100%;
}

.formulari input[type=submit]{
    border: 1px solid #666;
    background: #eee;
    cursor: pointer;
    width: 150px;
    margin-bottom: 10px;
}

.formulari input[type=submit]:hover {
    border: 1px solid #555;
    background: #fafafa;
    color: #555;
}



.formulari input.error , .formulari select.error , .formulari textarea.error {
    border-color: #a00;
    border-right-width: 3px;
}
.formulari input.correcte , .formulari select.correcte , .formulari textarea.correcte {
    border-color: #0a0;
    border-right-width: 3px;
}

.formulari div.fieldInfo {

    color: #449;
}

div.caixaInfo {
    margin-top: 10px;
    padding: 5px 5px 5px 10px;
    color: #555;
    background-color: #FFFCD5;
    border: 1px solid #CAB842;
}
div.caixaInfo h5 {
    font-size: 120%;
    font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
    color:#005D7F;    
    margin-bottom: 0.2em;
}
div.caixaInfo .text { margin-left: 15px; }
div.caixaInfo strong { color: #777;}
div.caixaInfo .creueta { cursor:pointer; float: right; font-size: 120%;}


.formulari div.FieldError {
    font-weight: bold;
    color: #900;
    clear: both;
    text-align: center;
}
.formulari div.FieldCorrecte {
    font-weight: bold;
    color: #090;
}

.OkBox {
    margin: 5px;
    background-color: #F8FFF4;
    border: 1px dotted #5F885A;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #090;
}

.loginError {
    margin: 5px;
    background-color: #FFEBE9;
    border: 1px dotted #910F0F;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #900;
}


.loginError .dins {
    text-align: center;
    font-weight: normal;
    color: #400;
}

.linia_horitzontal {
    height: 2px;
    border-bottom: 1px solid #aaa;
}
.linia_horitzontal_doble {
    height: 2px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.formulari .required {
    color: #CD8929;
}


.personalitzacio .contingut {
}


label.label-negreta {
    font-family:"Trade Gothic", TradeGothic, Verdana, Arial, Helvetica, sans-serif;
    color:#005D7F;
    font-size:110%;
    font-weight:bold;
    margin-bottom:0.2em
}


.adreca {
    margin: 5px 20px 10px 35px;
    padding: 10px;
    background-color: #EAF4FF;
}
.adreca:hover {
    background-color: #EAECFF;
}

.adreca .accions {
    float: right;
    width: 100px;
    text-align: left;
    margin: 15px;
}

.adreca .nom {
    font-weight: bold;
    font-size: 120%;
    color: #000;
    margin-bottom: 0.3em;
    display:block;
}
.adreca .telefon { color: #222;  display:block;margin-left:25px}
.adreca .direccio { color: #333; display:block;margin-left:25px}
.adreca .localitat { color: #666; display:block;margin-left:25px}
.adreca .provincia { color: #999; display:block;margin-left:25px}
.adreca .pais { color: #bbb; display:block;margin-left:25px }

div.recollir-a-la-botiga {
font-size:91%;
margin: 5px 20px 10px 35px;
padding: 10px;
}

	div.recollir-a-la-botiga p {
	margin:0 0 0 25px;
	}

ul.neta { 
    list-style-type: none;
    padding: 0px; margin: 0px;
}
table.comprarapida {
    border-collapse: collapse;
} 
table.comprarapida tr.Odd {
    background-color: #e4e4f8;
}

.img-menuleft {
margin-top:10px;


}



	div#navegacio ul .img-menuleft a {
			text-decoration:none;
			display:block;
			height:inherit;
			padding:0px;
			background-image:none;
			border:none;
			height:auto;
			}