html{ width:100%; height:auto; margin:0; padding:0; }

body { font-family: Arial, Helvetica, sans-serif; width:100%; height:auto; font-size: 100%; font-style: normal; line-height:normal; font-weight: normal; font-variant: normal; background-color: #e6e6e6; margin:0 auto 0 auto; color: #000000; }

form, img{ margin:0; border:0; padding:0; }

p{ margin:2px 0 2px 0; padding:4px 0 4px 0; line-height:1.2em; }

h1, h2, h3, h4{ margin:0; padding:0; font-weight:normal; }

fieldset{ border:none; margin:0; padding:0; display:block; }

label{ padding:0; font-weight:bold; }

a{ text-decoration:none; cursor: pointer; }

a:hover{ text-decoration:underline; }

div.nojs{ line-height:2em; text-align:center; background-color:#ff0000; color:#ffffff; width:100%; position: absolute; left:0; top:0; font-size:1em; } 

div.ajustar{ clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }

/* -------------------- */

div#cap{ width:100%; background:url(../imatges/fons_barra_dalt.png) top left repeat-x; height:254px; margin:0 0 30px 0; padding:0; }

#cap div.contingut{ width:950px; margin:0 auto 0 auto; }

#cap .contingut h1{ background:url(../imatges/logotip.png) top left no-repeat; width:415px; height:227px; text-indent:-2999px; margin:0; padding:0; }

div.contenidor{ height:auto; width:921px; margin:0 auto 0 auto; padding:0; }

.contenidor div.cap{ background:url(../imatges/fons_cos_dalt.png) top left no-repeat; width:100%; height:21px; display:block; }

.contenidor div.contingut{ background:url(../imatges/fons_cos_centre.png) top left repeat-y; width:871px; height:auto; padding:20px 25px 20px 25px; font-size:0.84em; color:#666666; }

.contenidor .contingut #nin{ background:url(../imatges/nin-llegint.png) top left no-repeat; text-indent:-2999px; width:457px; height:410px; position:absolute; margin:-235px 0 0 400px; z-index:1;  }

.contenidor .contingut div#blog{ width:82px; height:82px; float:right; text-indent:0; margin:35px 0px 0px 0px; }
.contenidor .contingut div#contes{ width:82px; height:82px; float:right; text-indent:0; margin:35px 20px 0px 0px; }
.contenidor .contingut div#nova{ width:125px; height:125px; float:right; text-indent:0; margin:35px 100px 0px 0px; }

.contenidor .contingut h2.lema{ font-size:1.2em; width:360px; color:#ed4522; margin:0; padding:40px 0 0 0; float:left; /* font-weight:bold; */ }

.contenidor .contingut div.bloc{ width:100%; margin:0; padding:50px 0 0 0; }

.contenidor .contingut .bloc div#famic{ width:147px; height:147px; position:absolute; margin:-30px 0 0 570px; z-index:1; }

.contenidor .contingut .bloc h2{ font-family: "Courier New", Courier, monospace; font-weight:normal; font-size:2.6em; color:#008bcd; padding:0 0 8px 0; background: url(../imatges/linia-blava.png) bottom left repeat-x; }

.contenidor .contingut .bloc ol li span.pas{ font-family: "Courier New", Courier, monospace;  font-size:2.8em; color:#008bcd; line-height:0.8em; }

.contenidor .contingut .bloc ol{  list-style:none; margin:0; padding:25px 0 0 0; }

.contenidor .contingut .bloc .qfem li{ float:left; width:162px; margin:0 12px 0 0; padding:0; }

.contenidor .contingut .bloc .cfem li{ float:left; width:272px; margin:0 17px 0 0; padding:0; /*color:#9f9f9f;*/ }

.contenidor .contingut .bloc .cfem li strong{ font-family: Arial, Helvetica, sans-serif; }

.contenidor .contingut .bloc .cfem li span{ color:#ed4522; }

/*.contenidor .contingut .bloc .cfem li{ font-family: "Courier New", Courier, monospace; }*/

.contenidor .contingut .bloc .opcions li{ float:left; width:200px; padding:70px 0 20px 0; margin:0 15px 0 0; text-align:center; height:20px; }

.contenidor .contingut .bloc .opcions li a{ color:#008bcd; text-decoration:underline; /*font-weight:bold;*/ font-size:1.1em; }

.contenidor .contingut .bloc .opcions li a:hover{ text-decoration:none; }

.contenidor .contingut .bloc .opcions li.opcioa{ background:url(../imatges/opcio-a.png) top center no-repeat; }

.contenidor .contingut .bloc .opcions li.opciob{ background:url(../imatges/opcio-b.png) top center no-repeat; }

.contenidor .contingut .bloc .opcions li.opcioc{ background:url(../imatges/opcio-c.png) top center no-repeat; }

.contenidor .contingut .bloc .opcions li.opciod{ background:url(../imatges/opcio-d.png) top center no-repeat; }

.contenidor .contingut .bloc .opcions li.arxiu{ background:url(../imatges/arxiu-pdf.png) top center no-repeat; padding:75px 0 20px 0; text-align:center; margin:0 15px 0 0; height:30px; }

.contenidor .contingut .bloc p.aviat{ text-align:right; color:#9f9f9f; margin:0; padding:0; float:right; }

.contenidor div.peu{ background:url(../imatges/fons_cos_baix.png) top left no-repeat; width:100%; height:18px; display:block; }

div#peu{ width:100%; background:url(../imatges/fons_barra_baix.png) top left repeat-x; height:346px; margin:35px 0 0 0; padding:0; }

#peu div.contingut{ color:#ffffff; width:920px; height:auto; margin:0 auto 0 auto; padding:0; font-size:0.8em; }

#peu .contingut a{ color:#ffffff; }

#peu .contingut p{ line-height:1.4em; text-align:left; padding:30px 30px 0 30px; }

/* -------------------- */

div#formulari{ position:absolute; top:0; left:0; display:none; width:100%; height:100%; z-index:2; }

#formulari div.fons{ width:100%; height:100%; position:absolute; top:0; left:0; background:#ffffff; opacity:0.6; z-index:3; }

#formulari div.contenidor{ width:100%; height:100%; position:absolute; top:0; left:0; background:transparent; z-index:4; color:#878b88; }

#formulari .contenidor div.envoltori{ display:block; width:900px; height:auto; margin:244px auto 0 auto; background:#ffffff; border:2px solid #d8dad9; }

#formulari .contenidor form{ width:auto; padding:20px 135px 20px 135px; }

#formulari .contenidor form h2{ font-family: "Courier New", Courier, monospace; font-size:2.2em; width:auto; color:#ed4522; margin:0; padding:30px 0 20px 0; }

#formulari .contenidor form fieldset { padding:0 0 10px 0; }

#formulari .contenidor form fieldset h3{ font-family: "Courier New", Courier, monospace; font-size:1.2em; width:100%; color:#ed4522; margin:0 0 10px 0; padding:4px 0 6px 0; border-bottom:1px solid #ed4522; font-weight:bold;  }

#formulari .contenidor h2.resposta{ font-family: "Courier New", Courier, monospace; font-weight:normal; font-size:1.4em; color:#ed4522; padding:50px 0 8px 0; margin:0 auto 0 auto; text-align:center; }

#formulari .contenidor p.resposta_fallida{ font-family: "Courier New", Courier, monospace; font-weight:normal; font-size:1em; color:red; padding:50px 0 8px 0; margin:0 auto 0 auto; text-align:center; width:60%; }

#formulari .contenidor p.resposta{ text-align:center; padding:40px 24px 200px 0; margin:0 auto 0 auto; width:auto; }

#formulari .contenidor p.tancar{ text-align:right; padding:24px 24px 0 0; margin:0; width:200px; float:right; }

#formulari .contenidor p.tancar input.tancar, #formulari .contenidor p.resposta input.tancar{ background:#008bcc; border:1px solid #d8dad9; padding:4px; width:110px; font-size:0.9em; color:#ffffff; }

#formulari .contenidor p.enviar { text-align:center; padding:30px 0 30px 0; margin:0; width:auto; margin:10px 0 15px 0; border-top:1px solid #ed4522; border-bottom:1px solid #ed4522; }

#formulari .contenidor p.enviar input.enviar{ background:#ed4521; border:1px solid #d8dad9; text-align:center; padding:4px; width:110px; font-size:0.9em; color:#ffffff; }

#formulari .contenidor div.linia{ padding:8px 0 8px 0; }

#formulari .contenidor .linia input.camp, #formulari .contenidor .linia select{ margin:4px 0 2px 0; vertical-align:bottom; background:#e6e6e6; height:1.4em; padding:0; margin:0; font-size:0.9em; padding:2px 0 2px 0; border:1px solid #aaaaaa; }

#formulari .contenidor .linia input.radio{ margin-top:5px; vertical-align:bottom; }

#formulari .contenidor .linia label{ color:#878b88; font-size:0.8em; font-weight:bold; }

#formulari .contenidor .linia br{ line-height:1.6em; }

#formulari .contenidor .linia h4{ font-size:0.8em; width:100%; color:#ed4522; padding:0; margin:0; font-weight:bold; line-height:1.6em; }

#formulari .contenidor .linia span.nota{ display:block; color:#bbbbbb; padding-top:2px; }

#formulari .contenidor div.text{ font-size:0.9em; text-align:left; padding:20px 0 80px 0; }

#formulari .contenidor div.text p{ padding:10px 0 10px 0; }

#formulari .contenidor div.text p a{ color:#878b88; }

/* --------- COMPRA LLIBRES ----------- */

.img_producte{width:224px;height:224px;}

.titol_producte{font-weight: bold; font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin-top:8px;margin-left:8px;}
.descripcio_producte{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#333333;margin-top:18px;margin-left:8px;}
.preu_producte{font-family:Helvetica,Arial,sans-serif;font-size:16px;color:#00B140;margin-top:18px;margin-left:8px;}
.quantitat_producte{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#333333;margin-top:28px;margin-left:40px;}

.text_explicacio_compra{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#00A9CE;}
.text_explicacio2_compra{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#666}

.proteccio_dades_compra{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#666}