body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
color:#545454;
background-color:#E2E2E2;
}

div#envoltori-1 {
width:980px;
margin:0 auto;
padding-top:50px;
}

	div#envoltori-2 {
	min-height:580px;
	padding:3px;
	background-color:white;
	margin-bottom:15px;
	}

div#disc-destacat-capcalera {
float:left;
margin-bottom:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:83%;
color:#005D7F;

}

div.tornar-a-inici {
float:left;
margin-bottom:15px;
}

	div.tornar-a-inici a {
	text-decoration:none;
	text-transform:uppercase;
	color:#888888;
	}

div#zona-usuaris {
float:right;
margin-bottom:15px;
color:#888888;
}

	div#zona-usuaris span.separador {
	margin-left:5px;
	margin-right:5px;
	}

	div#zona-usuaris a {
	text-decoration:none;
	text-transform:uppercase;
	color:#888888;
	}

div.trenca-flotat {
clear:both;
height:1px;
overflow:hidden;
}

div#passos-proces-compra-i-carret {
background-color:#A6CB64;
padding:10px;
margin-bottom:3px;
width:954px;
overflow:hidden;
}

	ul#passos-proces-compra {
	float:left;
	background:transparent url(../imatges/fons-passos-proces-compra.gif) 20px 17px no-repeat;
	}
	
		ul#passos-proces-compra li {
		float:left;
		}
	
			ul#passos-proces-compra li span {
			color:#536532;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:91%;
			float:left;
			text-decoration:none;
			font-weight:bold;
			height:25px;
			background:transparent url(../imatges/fons-item-proces-compra-centre.gif) bottom center no-repeat;
			margin-right:20px;
			}
			
			ul#passos-proces-compra li span#primer-pas {
			background-image:url(../imatges/fons-item-proces-compra-esquerra.gif);
			}
			
			ul#passos-proces-compra li span#ultim-pas {
			background-image:url(../imatges/fons-item-proces-compra-dreta.gif);
			margin-right:0;
			}
			
				ul#passos-proces-compra li span.pas-actual {
				background-image:url(../imatges/fons-item-proces-compra-actual-centre.gif);
				color:white;
				}
				
				ul#passos-proces-compra li span.pas-actual#primer-pas {
				background-image:url(../imatges/fons-item-proces-compra-actual-esquerra.gif);
				}
				
				ul#passos-proces-compra li span.pas-actual#ultim-pas {
				background-image:url(../imatges/fons-item-proces-compra-actual-dreta.gif);
				}
	
	
div#passos-proces-compra-i-carret div#icona-connexio-segura,
div#passos-proces-compra-i-carret div#carro-de-la-compra {
float:right;
}

	div#icona-connexio-segura {
	background:transparent url(../imatges/icona-candau.gif) left center no-repeat;
	padding-left:14px;
	color:#85A250;
	font-size:91%;
	}
	
	div#carro-de-la-compra {
	margin-left:18px;
	background:transparent url(../imatges/fons-carro-compra-1.gif) top right no-repeat;
	width:215px;
	overflow:hidden;
	}
	
	div#carro-de-la-compra div {
	background:transparent url(../imatges/fons-carro-compra-2.gif) top left no-repeat;
	height:37px;
	padding:4px 4px 4px 10px;
	}
	
		div#carro-de-la-compra div img {
		float:right;
		}
	
		div#carro-de-la-compra div p,
		div#carro-de-la-compra div h2 {
		margin-right:56px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:91%;
		}
		
		div#carro-de-la-compra h2 {
		color:#E8EEDD;
		margin:3px 0;
		text-transform:uppercase;
		}
		
		div#carro-de-la-compra p {
		color:#E8EEDD;
		font-size:109%;
		}
		
			div#carro-de-la-compra p a {
			font-weight:bold;
			text-decoration:none;
			color:white;
			}
			
			div#carro-de-la-compra p a:hover {
			text-decoration:underline;
			}
			
				div#carro-de-la-compra p a span.nombre-items {color:black}
		
div#llistat-discos-cos-i-publicitat.una-columna {
background:transparent url(../imatges/fons-llistat-discos-cos-i-publicitat.gif) 0 0 repeat-y;
}		
				
ul#llistat-discos {
padding:10px 0 1px 0;
overflow:hidden;
width:120px;
float:left;
}

	ul#llistat-discos li {
	margin-bottom:9px;
	text-align:center;
	}
	
	ul#llistat-discos li#disc-triat {
	background:transparent url(../imatges/fons-disc-triat.gif) right center no-repeat;
	}
	
div#cos-i-publicitat {
float:right;
width:842px;
min-height:480px;
background:transparent url(../imatges/fons-cos-i-publicitat.gif) right top repeat-y;
}

div#llistat-discos-cos-i-publicitat.dues-columnes div#cos-i-publicitat,
div#llistat-discos-cos-i-publicitat.tres-columnes div#cos-i-publicitat { /* tot l'espai disponible */
width:974px;
}

	div#llistat-discos-cos-i-publicitat.tres-columnes div#cos-i-publicitat {background-image:none}

	div#cos {
	float:left;
	width:606px;
	padding:1px 0;
	}	
	
	div#llistat-discos-cos-i-publicitat.dues-columnes div#cos {
	width:708px;
	padding-left:20px;
	}	
	
	div#llistat-discos-cos-i-publicitat.tres-columnes div#cos {
	padding-left:20px;
	width:934px;
	padding-right:20px;
	}
	
	div#espai-per-a-publicitat {
	float:right;
	width:225px;
	}
	
	div#final-cos-i-publicitat {background-color:#E2E2E2;}
	
ul#navegacio-secundaria {
float:left;
padding:65px 0 9px 12px;
font-size:91%;
color:#888787;
}	

	ul#navegacio-secundaria li {
	display:inline;
	}
	
	ul#navegacio-secundaria span.separador {
	margin-left:8px;
	margin-right:8px;
	}

	ul#navegacio-secundaria a {
	text-decoration:none;
	color:#888787;}
	
div#logotip {
padding:17px 17px 0 0;
float:right;
}

div#peu-de-pagina {
color:#888888;
}

	div#peu-de-pagina a {
	text-decoration:none;
	text-transform:uppercase;
	color:#888888;
	}
	
		div#peu-de-pagina a:hover {color:black}
	
	div#peu-de-pagina a#tornar-a-l-inici {
	float:left;
	color:black;
	font-weight:bold;
	background:transparent url(../imatges/icona-tornar-inici.gif) 0 0 no-repeat;
	padding-left:25px;
	height:22px;
	line-height:30px;
	}
	
		div#peu-de-pagina a#tornar-a-l-inici:hover {
		color:#FF0000;
		background-position:0 -78px;
		}
	
	div#peu-de-pagina ul#navegacio-principal {
	float:right;
	}
	
		div#peu-de-pagina ul#navegacio-principal li {
		display:inline;
		margin-left:5px;
		}
		
		div#peu-de-pagina ul#navegacio-principal span.separador {
		margin-left:5px;
		margin-right:5px;
		}
	
/* estils generals */	
div#cos h1 {
font-size:291%;
font-weight:bold;
color:#545454;
margin-bottom:10px;
}

div#cos a {
color:#0099FF;
}

div#pagina-estatica h2 {
border-bottom:1px solid #545454;
font-size:116%;
font-weight:bold;
padding-bottom:5px;
margin:15px 0 5px 0;
}

div#pagina-estatica p {
margin:5px 0;
}

div#pagina-estatica p.pregunta {
font-weight:bold;
font-size:109%;
margin-top:15px;
}

 
/* formularis */
div.missatge-positiu {
border:2px solid #006600;
padding:10px;
font-size:109%;
color:black;
margin:15px 0;
}

div.missatge-negatiu {
border:2px solid #990000;
padding:10px;
font-size:109%;
color:black;
}

div#cos label.etiqueta,
div#cos span.etiqueta {
display:block;
margin-bottom:3px;
font-weight:bold;
}

label.en-fila {
margin-right:15px;
}

div.camp {
margin:8px 0;
}

.camp-de-text {
font-family:inherit;
font-size:inherit;
color:#333333;
padding:2px;
border:1px solid #C9C9C9;
}

span.ajuda-curta {
color:#999999;
font-size:91%;
}

span.error {
font-size:91%;
margin-top:3px;
display:block;
color:#FF0000;
}

span.ajuda-llarga {
font-size:91%;
position:relative;
margin-left:5px;
}

	span.ajuda-llarga span.vincle {
	cursor:pointer;
	color:#68A4F4;
	padding:2px 0 2px 22px;
	background:transparent url(../imatges/icona-ajuda-llarga.gif) left center no-repeat;
	}
	
		span.ajuda-llarga span.finestra-emergent {
		border:1px solid #8FBBF7;
		background-color:#EAF3FF;
		display:block;
		width:200px;
		color:#666666;
		padding:5px;
		position:absolute;
		top:20px;
		left:0;
		display:none;
		z-index:5;
		}
		
		span.ajuda-llarga span.finestra-emergent span.tancar-finestra {
		float:right;
		height:13px;
		width:13px;
		background:transparent url(../imatges/icona-tancar-finestra.gif) 0 0 no-repeat;
		cursor:pointer;
		margin:0 0 5px 5px;
		}

div.camps-indentats {
padding-left:25px;
margin:5px 0;
}

div.grup-de-camps-desplegable {
width:450px;
margin-bottom:15px;
}

	div.grup-de-camps-desplegable h2.vincle {
	padding:8px 30px;
	margin-bottom:1px !important;
	background-color:#FFE096;
	background-position:10px 8px;
	background-repeat:no-repeat;
	font-size:91% !important;
	color:#C36C1F;
	font-weight:bold;
	cursor:pointer;
	}
	
	div.grup-de-camps-desplegable.plegat h2.vincle {
	background-image:url(../imatges/icona-caixa-plegada.gif);
	}
	
	div.grup-de-camps-desplegable.desplegat h2.vincle {
	background-image:url(../imatges/icona-caixa-desplegada.gif);
	}
	
	div.grup-de-camps-desplegable div.camps-a-desplegar {
	border:1px solid #FFE096;
	padding:5px;
	}
	
	div.grup-de-camps-desplegable.desplegat div.camps-a-desplegar {display:block}
	div.grup-de-camps-desplegable div.camps-a-desplegar {display:none}
	

div#cos ul,
div#cos ol,
div#cos p {
margin-top:10px;
margin-bottom:10px;
}


div#cos ul {
list-style-type:disc;
list-style-position:outside;
padding-left:15px;
}

	div#cos ul li {
	margin-bottom:5px;
	}
	
/* pantalla: personalització disc */
div#personalitzacio-disc h2 {
font-size:125%;
font-weight:bold;
margin-bottom:10px;
}

div#personalitzacio-disc h3 {
font-size:109%;
margin-bottom:10px;
font-weight:bold;
}


div#personalitzacio-disc div.discos-comprats {
background:#E88932 url(../imatges/fons-discos-personalitzables.gif) 0 0 no-repeat;
padding:5px 10px 0 10px;
width:688px;
float:left;
}

	div#personalitzacio-disc div.discos-comprats span.nom-disc {
	font-size:109%;
	font-weight:bold;
	color:#975111;
	float:left;
	margin-right:5px;
	height:32px;
	line-height:32px;
	}
	
	div#personalitzacio-disc div.discos-comprats span.disc-actual {
	background-color:#F8DDC4;
	padding:0 10px;
	}
	
	div#personalitzacio-disc div.discos-comprats span.disc-personalitzat {
	background-image:url(../imatges/icona-disc-personalitzat.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding-left:25px;
	}
	
		div#personalitzacio-disc div.discos-comprats span.disc-actual.disc-personalitzat {
		background-image:url(../imatges/icona-disc-personalitzat-actual.gif) !important;
		background-position:5px 5px !important;
		padding-left:30px !important;
		}

div#personalitzacio-disc div.passos {
float:left;
height:26px;
line-height:26px;
width:688px;
padding:0 10px;
margin-bottom:15px;
background:transparent url(../imatges/fons-passos-personalitzacio.gif) 0 0 no-repeat;
font-size:91%;
color:#E88932;
}

	div#personalitzacio-disc div.passos span {
	margin-right:10px;
	font-weight:bold;
	}
	
	div#personalitzacio-disc div.passos span.pas-actual {
	color:#753F0D;
	}

div.resum-personalitzacio {
padding:1px 15px 15px 15px;
background:#FFFFE8;
border:1px solid #C9C9C9;
margin-top:10px;
margin-bottom:15px;
line-height:160%;
}

	div.resum-personalitzacio div.titol-bloc-dades {
	border-bottom:1px solid #C9C9C9;
	padding-bottom:5px;
	margin-top:14px;
	margin-bottom:10px;
	line-height:normal;
	}
	
		div.resum-personalitzacio div.titol-bloc-dades  h3 {
		display:inline;
		margin-right:10px;
		}
	
		div.resum-personalitzacio div.titol-bloc-dades  a {
		font-size:91%;
		}
	
/* pantalla: carro compra */	
table.continguts-carret {
width:100%;
}

	table.continguts-carret th,
	table.continguts-carret td {
	padding:4px;
	text-align:right;
	border-bottom:1px solid #CACACA;
	}
	
	table.continguts-carret th {
	font-size:109%;
	font-weight:bold;
	}
	
	table.continguts-carret .disc {
	text-align:left;
	}
	
		div#taula-carro-de-la-compra table.continguts-carret .disc {
		width:100px;
		text-align:left;
		}
	
	div#taula-carro-de-la-compra table.continguts-carret .unitats {
	width:100px;
	}
	
		table.continguts-carret .unitats input {float:right;}
		
		table.continguts-carret .unitats input.camp-de-text {
		padding:4px 2px;
		border:none;
		text-align:center;
		}
	
	table.continguts-carret .destinataris {
	text-align:left;
	}
	
	table.continguts-carret .accions {
	width:50px;
	white-space:nowrap;
	}
	

	table.continguts-carret a.eliminar {
	font-size:91%;
	}

div.actualitzar-unitats {
width:250px;
margin-top:10px;
text-align:right;
float:left;
}	
	
div.import-total-i-accions {
text-align:right;
padding-right:59px;
float:right;
}

	div.import-total-i-accions div.despeses-enviament,
	div.import-total-i-accions div.subtotal,
	div.import-total-i-accions div.codi-promocional {margin:15px 0}
	
		div.import-total-i-accions div.codi-promocional span.input-codigo input {vertical-align:middle}

	div.import-total-i-accions p.accions a {margin-left:15px}	
	
	div.import-total-i-accions p.accions img {vertical-align:middle}

	div.import-total-i-accions p.anotacio-despeses-enviament {
	font-size:91%;
	text-align:right;
	}

/* pantalla: resum */	
div#resumen-pedido h2 {
font-size:141%;
border-bottom:1px solid #545454;
padding-bottom:5px;
font-weight:bold;
margin-bottom:15px;
}

div.modificacions-preu-final {
text-align:right;
margin-top:15px;
}

	div.modificacions-preu-final div {margin-top:5px}

	div.modificacions-preu-final div.total {
	font-size:133%;
	}

div#resumen-pedido div.accions {
margin:15px 0;
border-top:1px solid #E2E2E2;
padding-top:15px;
text-align:right;
}

	div#resumen-pedido div.bloc-de-dades div.edita li {float:left;}

		div#resumen-pedido div.bloc-de-dades div.edita li strong {
		float:left;
		width:180px;
		margin-bottom:5px;
		padding:3px 0;
		}
		
		div#resumen-pedido div.bloc-de-dades div.edita li input.camp-de-text {
		float:right;
		width:230px;
		margin-bottom:5px;
		}
		
		div#resumen-pedido div.bloc-de-dades div.edita li select {
		float:right;
		margin-bottom:5px;
		}
		
	div#resumen-pedido div.bloc-de-dades div.edita div.botons {
	padding-left:15px;
	padding-bottom:5px;
	}
	
/* pantalla: pago */
div#pago {
padding-bottom:10px;
}

	div#pago iframe.tpv {
	width:95%;
	height:505px;
	} 
	
/* pantalla: entrada botiga i zona usuari */
div#ajuda-per-comencar {
float:left;
margin-top:10px;
margin-bottom:10px;
background:transparent url(../imatges/fons-ajuda-per-comensar-1.gif) left center no-repeat;
}

	div#ajuda-per-comencar p {
	color:#E88932;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 9px 0 22px;
	line-height:21px;
	height:21px;
	background:transparent url(../imatges/fons-ajuda-per-comensar-2.gif) right center no-repeat;
	}
	
p#avis-enviament-gratuit {
font-size:133%;
font-weight:bold;
width:220px;
margin:0 0 10px 70px;
}

	p#avis-enviament-gratuit img {
	float:right;
	margin:0 0 0 5px;
	}

	p#avis-enviament-gratuit span {
	color:#92BF42;
	display:block;
	text-transform:uppercase;
	padding-top:10px;
	margin-bottom:5px;
	}

ul#targetes-admeses {
margin-left:70px;
}

	ul#targetes-admeses li {
	display:inline;
	margin-right:10px;
	}	

p#condicions-compra {
font-size:91%;
margin:0 0 10px 70px;
}
	
/* pantalla: entrada a la botiga */

div#entrada-botiga h1 {
margin-left:70px;
margin-bottom:15px;
width:400px;
font-size:291%;
font-weight:bold;
color:#545454;
}


div#entrada-botiga div#formulari-acces-usuaris {
margin:0 0 3px 70px;
width:424px;
position:relative;
background:#E88932 url(../imatges/fons-caixa-login.gif) top left no-repeat;
padding:10px 15px;
color:white;
}

	div#entrada-botiga div#formulari-acces-usuaris img#icona-transparent {
	position:absolute;
	right:15px;
	top:-70px;
	}


	div#entrada-botiga div#formulari-acces-usuaris div.camp {
	float:left;
	margin-right:6px;
	}
	
		div#entrada-botiga div#formulari-acces-usuaris div.camp label {
		display:block;
		margin-bottom:3px;
		font-weight:bold;
		}
		
		div#entrada-botiga div#formulari-acces-usuaris div.camp .camp-de-text {width:140px;}
		
		div#entrada-botiga div#formulari-acces-usuaris .boto {float:left}
	
	div#entrada-botiga div#formulari-acces-usuaris a {
	color:white;
	}
	
div#entrada-botiga div#invitacio-registre {
margin:0 0 10px 70px;
width:424px;
background:#FFE096 url(../imatges/fons-caixa-login.gif) bottom left no-repeat;
color:#C36C1F;
padding:10px 15px;
font-weight:bold;
}

	div#entrada-botiga div#invitacio-registre a {
	color:#C36C1F;
	}
	
/* pantalla: personalització */	
div#personalitzacio-disc div.portada {
float:left;
margin-top:10px;
}

div#personalitzacio-disc div.formulari {
float:right;
width:540px;
}

		
/* pantalla: zona usuari */
div#zona-usuari h1 {
font-size:100%;
color:#545454;
padding-bottom:9px;
margin:15px 0 15px 70px;
border-bottom:1px solid #C9C9C9;
width:454px;
}

	div#zona-usuari h1 span {
	display:block;
	}
	
	div#zona-usuari h1 span#salutacio {
	color:#A9A9A9;
	text-transform:uppercase;
	}
	
	div#zona-usuari h1 span#nom-usuari {
	font-size:441%;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	div#zona-usuari h1 span#poblacio {font-size:158%}
	
div#zona-usuari p#avantatges-registre {
margin:0 0 0 70px;
font-weight:bold;
font-size:133%;
width:260px;
}


div#zona-usuari div#navegacio-zona-usuari {
position:relative;
width:454px;
margin-left:70px;
margin-bottom:35px;
background:#E88932 url(../imatges/fons-caixa-login.gif) top left no-repeat;
}

	
div#zona-usuari div#navegacio-zona-usuari img#icona-transparent {
position:absolute;
top:-75px;
right:13px;
}

	div#zona-usuari div#navegacio-zona-usuari div {
	background:transparent url(../imatges/fons-caixa-login.gif) bottom left no-repeat;
	padding:12px;
	}
		
		div#zona-usuari div#navegacio-zona-usuari div a {
		font-weight:bold;
		color:white;
		margin-right:60px;
		}

/* pantalla: detall disc */
	div#detall-disc div#portada {
	float:left;
	padding-top:19px;
	}
	
	div#detall-disc div#informacio-textual {
	float:right;
	width:271px;
	}
	
	div#detall-disc div.icones {
	float:right;
	}
	
		div#detall-disc div.icones div.icona {
		float:right;
		margin-left:25px;
		color:#A5CF4C;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		}
		
			div#detall-disc div.icones div.icona div {margin-top:3px}
		

	div#detall-disc h1 {
	font-size:283%;
	font-weight:bold;
	color:#545454;
	margin-bottom:10px;
	}
	
	div#detall-disc div.entradeta {
	border-bottom:1px solid #C9C9C9;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:150%;
	}
	
	div#detall-disc div.descripcio {margin-bottom:25px}
	
		div#detall-disc div.descripcio p,
		div#detall-disc div.descripcio ul,
		div#informacio-del-disc div.descripcio ol {
		margin:15px 0;
		}
		
	div#detall-disc div.preu-i-referencia {float:left}
	
	div#detall-disc div.preu-i-referencia div {
	float:left;
	margin-right:4px;
	border:1px solid #C9C9C9;
	padding:5px;
	font-size:91%;
	}
	
		div#detall-disc div.preu-i-referencia div.referencia {
		color:#C9C9C9
		}
	
div.afegir-al-carro {
margin:0 0 15px auto;
background:#E88932 url(../imatges/fons-caixa-afegir-al-carro.gif) top left no-repeat;
}

	div.afegir-al-carro div {
	background:transparent url(../imatges/fons-caixa-afegir-al-carro.gif) bottom left no-repeat;
	padding:6px 0 6px 325px;
	}
	
/* pantalla: identificar-se mentre compres */	
div#identificar-se-durant-compra div.identificar-se,
div#identificar-se-durant-compra div.donar-se-d-alta {
float:left;
width:250px;
margin-right:15px;
}

div#identificar-se-durant-compra div.identificar-se form,
div#identificar-se-durant-compra div.donar-se-d-alta p {
padding-left:15px;
padding-right:15px;
}
	
/* pantalla: registre */
div#registrar-se div.camps-esquerra {
float:left;
width:457px;
}

div#registrar-se div.camps-dreta {
float:right;
width:457px;
}

div#registrar-se h2 {
font-size:116%;
border-bottom:1px solid #545454;
padding-bottom:5px;
font-weight:bold;
}

div#registrar-se div.accions {
margin:15px 0;
border-top:1px solid #E2E2E2;
padding-top:15px;
padding-left:472px;
}

/* Modificació dades personals */
div.bloc-de-dades {
border:1px solid #C9C9C9;
background-color:#FFFFE8;
position:relative;
color:#666666;
padding-bottom:1px;
margin-bottom:15px;
}

	div.bloc-de-dades.enviament,
	div.bloc-de-dades.facturacio {
	width:457px;	
	}
	
	div.bloc-de-dades.facturacio {float:right;}
	
	div.bloc-de-dades.enviament {float:left;}

	div.bloc-de-dades h3 {
	color:#333333;
	padding:10px;
	border-bottom:1px solid #C9C9C9;
	margin-bottom:15px;
	font-weight:bold;
	font-size:109%;
	}
	
	div.bloc-de-dades a.modificar {
	position:absolute;
	top:5px;
	right:5px;
	}
	
	div.bloc-de-dades ul {
	list-style:none !important;
	margin:15px !important;
	padding:0 !important;
	}

#promo{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}