body {margin:0;padding:0;background:#fff;width:100%;font-family:arial;}
div,td,body,p { font-family:arial;font-size:12px;line-height:1.1;color:#333}
a {text-decoration:none;color:#333;font-family:arial;}
a:hover{text-decoration:underline;font-family:arial;}
.clear{clear:both;margin:0;padding:0;}
p,form {margin:0;padding:0;font-family:arial;}
h1 {font-size:24px;text-transform:uppercase;color:#666;margin:0;padding:0 0 10px 0;line-height:1;font-family:arial;}
h2 {font-size:14px;font-weight:bold;color:#666;margin:0;padding:15px 0 10px 0;font-family:arial;}
ul{margin:0;padding:0;list-style:none;font-family:arial;}
img{border:0}
.ch{width:auto;margin:0;border:0}
.home {margin:0;padding:0;font-family:arial;}
.venda {margin:0;padding:0}
.up {text-transform:uppercase}
.clear {clear:both}
.br1 {border-right:1px solid #000}
.roig {color:#cc0000}
.negre {color:#000}


#contenedor{width:983px;margin:7px auto 20px auto;background:#fff;padding:0}
#contenedorAvis{width:750px;margin:7px 0 20px 0;background:#fff;padding:0}
#cap {padding:0 0 18px 40px;}
#cap #idioma{float:right;margin:0;padding:20px 0 0 0}
#cap #idioma a {padding-right:10px}

#central {width:983px;background:url(../img/fons.gif) 0 0 repeat-y;margin:0;padding:0;overflow:hidden;}

#menuh {text-align:right;height:38px;font-size:11px;font-family:verdana;width:983px}
#menuh ul{padding:0;margin:0;height:18px;}
#menuh li.mh0 {margin-right:2px;float:right;}
#menuh li.mh1 {margin-right:2px;float:right;}
#menuh li.mh2 {margin-right:2px;float:right;}
#menuh li.mh3 {margin-right:2px;float:right;}
#menuh li.mh0 a {
		color:#000;
        text-decoration: none;
		padding:2px 10px 0 5px;
		height:16px;		
		background:#fff;
		display:block;
		font-size:11px;
		font-family:verdana;
        }
*html #menuh li.mh0 a {width:50px}
#menuh li.mh0 a:hover{
        color: #000;
		text-decoration: underline;
		padding:2px 10px 0 5px;
		height:16px;	
		background:#fff;
		display:block;
        }
#menuh li.mh1 a {
		color:#000;
        text-decoration: none;
		padding:2px 10px 0 5px;
		height:16px;		
		background:#E0E0E0;
		display:block;
		font-size:11px;
		font-family:verdana;

        }
*html #menuh li.mh1 a {width:70px}
#menuh li.mh1 a:hover{
        color: #fff;
		padding:2px 10px 0 5px;
		height:16px;	
		background:#000;
		display:block;
        }

#menuh li.mh1 a.ac {
        color: #fff;
        background:#000;
		padding:2px 10px 0 5px;
		height:16px;	
		display:block;
        }

#menuh li.mh1 a.ac:hover {
        color: #fff;
        background:#000;
		padding:2px 10px 0 5px;
		height:16px;	
		display:block;
        }

#menuh li.mh2 a {
		color:#000;
        text-decoration: none;
		padding:2px 10px 0 5px;
		height:16px;	
		background:#ECD033;
		display:block;
		font-size:11px;
		font-family:verdana;
        }
*html #menuh li.mh2 a {width:50px}
#menuh li.mh2 a:hover{
        color: #000;
		padding:2px 10px 0 5px;
		height:16px;	
		background:#DEC014;
		display:block;
        }

#menuh li.mh2 a.ac {
        color: #000;
        background:#DEC014;
		padding:2px 10px 0 5px;
		height:16px;	
		display:block;
        }

#menuh li.mh2 a.ac:hover {
        color: #000;
        background:#DEC014;
		padding:2px 10px 0 5px;
		height:16px;	
		display:block;
        }

#menuh li.mh3 a {
		padding:0 10px 0 5px;
		background:#ECD033;
		display:block;
        }

#menuh li.mh3 a:hover{
		padding:0 10px 0 5px;
		display:block;
		background:#DEC014;
        }

#menuh li.mh3 a.ac {
		padding:0 10px 0 5px;
		display:block;
		background:#DEC014;
        }

#menuh li.mh3 a.ac:hover {
		padding:0 10px 0 5px;
		display:block;
		background:#DEC014;
        }		
#menu {width:202px;;margin:0;padding:0;background:#E0E0E0}
#menu .cercador{background:#E0E0E0;border-bottom:5px solid #fff;height:60px}
#menu .cercador a{font-family:verdana;font-size:11px}
#menu .cercador form{padding:10px 5px 10px 10px}
#menu .cercador p{padding:5px 0 0}
#menu .cercador .botoendavant{float:right;padding:0 5px 0 0}
#menu .cercador input{border:0;font-family:verdana;font-size:11px;color:#666}
#menu .cercador input.i1{width:90px;border:0;font-family:verdana;font-size:11px;color:#666;margin:0 0 0 10px;padding:2px}
#menu .cercador input.end{width:auto;}
#menu .cercador select{border:0;font-family:verdana;font-size:10px;color:#666;width:55px}
#menu ul {width:202px;padding:0}
#submenuv {display:none}


#cercavan {background:#e0e0e0;margin-top:30px;overflow:hidden;height:120px;font-family:verdana;font-size:11px}
#cercavan p{padding:15px 10px 0 30px;float:left;font-family:verdana;font-size:11px}
#cercavan label.l1 {color:#333;width:200px;font-family:verdana;font-size:11px}
#cercavan label.l2 {color:#333;width:100px;font-family:verdana;font-size:11px}
#cercavan input.i1 {border:0;width:200px;margin-top:5px;padding-left:3px;font-family:verdana;font-size:11px}
#cercavan input.i2 {border:0;width:100px;margin-top:5px;padding-left:3px;font-family:verdana;font-size:11px}
#cercavan input.boto {border:0;width:auto;background:url(../img/i-cerca.gif) right 0 no-repeat;padding:2px 25px 3px 0;color:#0054f7;font-weight:normal;font-family:verdana;font-size:11px}
#cercavan select.s1 {border:0;width:200px;margin-top:5px;padding-left:3px;font-family:verdana;font-size:11px}
#cercavan select.s2 {border:0;width:100px;margin-top:5px;padding-left:3px;font-family:verdana;font-size:11px}
#cercavan a{background:url(../img/i-cerca.gif) right 0 no-repeat;padding:2px 30px 3px 0;color:#0054f7;font-weight:bold}
#ops {height:120px;margin-top:15px;overflow:hidden;display:none}
#ops .dreta{padding-top:40px;float:Right;width:350px;font-family:verdana;font-size:12px;line-height:1.4}
#ops .esq{float:left;color:#e0e0e0;font-size:128px;font-weight:bold;padding:0;margin:0;line-height:1}
.torna {float:right;padding-right:20px;padding-top:3px;width:100px}
.torna a{display:block;background:url(../img/i-torna.gif) 0 0 no-repeat;padding:2px 0 2px 25px;color:#0054f7;font-weight:normal;height:17px;}


#peu {width:983px;margin:0 auto;height:60px;font-size:10px;padding-bottom:50px}
#peu .esq {font-size:10px;color:#666;width:172px;;margin:0;padding:40px 30px 0 0;background:#E0E0E0;text-align:Right;height:20px;}
#peu .esq a {font-size:10px;color:#666;font-family:verdana}
a.rss {background:url(../img/i-rss.gif) 0 0 no-repeat;padding:2px 0 2px 20px}
#peu .dreta {float:right;width:765px;margin:0;padding:0;border-top:1px solid #666}
#peu .dreta .menu{border-bottom:1px solid #666;padding:7px 0 10px 0;text-align:center}
#peu .dreta a {font-size:10px;color:#000;font-family:verdana}
#peu .dreta .adr{padding:13px 0 0 0;text-align:center;font-size:11px;font-family:verdana;color:#999}
#peu .dreta .adr a{font-size:11px;font-family:verdana;color:#999}



#dreta {float:right;width:765px;margin:0;padding:0}
#dreta .text {width:446px;padding:20px 0 20px 20px;}
#dreta .text .tit {font-size:12px;font-weight:bold;text-align:center}
#dreta .text p {font-size:11px;padding:12px 0 0 0;line-height:1.1}

#paginacio {text-align:right; padding-top:10px;}

#titolhome {background:#0054F7 url(../img/cantogros.png) right 0 no-repeat;width:743px;height:26px;color:#fff;font-weight:bold;font-size:18px;text-align:right;padding:8px 22px 0 0}
*html #titolhome {background:#0054F7 url()}

.titcategoria,.titcategoria2 {margin-top:5px;background:#E0E0E0 url(../img/canto-tit-cat.gif) right 0 no-repeat;width:743px;height:16px;color:#333;font-family:arial;font-weight:bold;font-size:12px;text-align:right;padding:4px 22px 0 0}
.titcategoria2 {font-weight:normal}
.item {border-bottom:1px solid #666;padding:10px 0 15px 0;overflow:hidden;height:1%;}
.ult {border-bottom:none;}
.item  p{font-size:12px;width:335px;padding:0 100px 10px 0;font-family:verdana;width:335px;padding-right:100px;line-height:1.4}
.item  p a{color:#0054F7;font-family:verdana;font-size:12px;}
.item   a{color:#0054F7;font-family:verdana;font-size:12px;}
.item .textfitxa{font-size:12px;width:335px;padding:10px 100px 0 0;font-family:arial;width:335px;padding-right:100px;line-height:1.2}
.item .textfitxa a{color:#0054F7}
.item .textfitxa p{padding:0;margin:0}
.item .mesnot a{font-family:verdana;font-size:11px;float:right;background:url(../img/mes_notis.gif) 0 0 no-repeat;padding:2px 0 2px 10px;width:75px;height:17px;color:#fff;text-decoration:none}

.item .foto{float:left;width:215px;margin-right:10px;text-align:right;padding-top:10px}
.item .dreta{float:right;width:500px;}
.item .dreta .data{color:#CC0000;font-family:verdana;font-size:11px}
.item .dreta span.coleccio{font-size:11px !important;font-weight:bold;}
.item .dreta .titol{font-size:13px;font-weight:bold;padding-top:5px;font-family:verdana}
.item .dreta .titol p{display:inline;font-size:13px;font-weight:bold;padding:5px 0 0 0;font-family:verdana}

/* noticies */

.item2 {border-bottom:1px solid #666;padding:20px 8px 20px 0;overflow:hidden;height:1%}
.ult2 {border-bottom:0;}
.item2 .foto{float:left;width:220px;margin-right:10px;}
.item2 .dreta{float:right;width:500px;}
.item2 .dreta .data{color:#CC0000;font-family:verdana;font-size:11px}
.item2 .dreta .titol{font-size:13px;font-weight:bold;width:450px;padding:0 0 2px 0;font-family:verdana;}
.item2 p{font-size:12px;width:335px;padding:10px 100px 10px 0;font-family:verdana;width:335px;padding-right:100px;line-height:1.4}
.item2 .dreta .titol a{color:#000;font-family:verdana;font-size:11px}
.item2 .torna a{font-family:verdana;font-size:11px;font-weight:normal;float:right;background:url(../img/i-torna.gif) 0 0 no-repeat;padding:2px 0 2px 25px;height:17px;color:#0054F7;margin-right:20px}

a.linkpdf {background:url(../img/i-pdf.gif) 0 0 no-repeat;padding:0 0 0 35px;color:#333;height:20px}


/* contacte */

.item3 {border-bottom:1px solid #666;padding:20px 8px 10px 0;overflow:hidden;height:1%}
.ult3 {border-bottom:0;}
.item3 .foto{float:left;width:215px;margin-right:10px;color:#666;font-size:11px}
.item3 .dreta{float:right;width:200px;padding-top:180px;margin-bottom:10px;font-family:verdana;}
.item3 .dreta .texcont{font-family:verdana;font-size:11px;line-height:1.4;padding-top:30px}
.item3 .mesnot a{font-family:verdana;font-size:11px;background:url(../img/mes_notis.gif) 0 0 no-repeat;padding:1px 20px 2px 8px;color:#fff;text-decoration:none}


#formQuest{padding:10px 0 20px;width:700px;}
#formQuest label{display:block;float:left;width:205px;padding:1px 10px 10px 0;font-size:1.1em;text-align:right}
#formQuest label.lab2{display:block;float:left;width:380px;padding:4px 0 0 10px;font-size:1.1em;text-align:left}
#formQuest label.lab3{display:block;float:left;width:10px;padding:4px 0 0 10px;font-size:1.1em;text-align:left}

#formQuest input{float:left;padding:1px 2px;border:1px solid #989896;font-size:1.1em;color:#5e5e5e;}
.i1{width:350px;}
.i2{width:150px}
#formQuest textarea{width:350px;padding:1px 2px;border:1px solid #989896;font-size:1.4em;color:#5e5e5e;margin:10px 0;height:100px}
#formQuest textarea.ta2 {margin:10px 0 10px 0}
#formQuest p{clear:both;padding:0;margin:0;overflow:hidden;zoom:1}
#formQuest .botons{padding:5px 0 0 125px;}
#formQuest .botons span{text-decoration:none;display:block;float:left;color:#fff;background: url(../img/bg_boto_left.gif) no-repeat 0 0;padding-left: 7px;margin:20px 14px 20px 0; }
#formQuest .seccioFormulari {clear:both;padding:10px 0;color:#000;font-weight:bold;font-size:1.2em}
#formQuest .partFormulari {clear:both;padding:0 0 10px 0;color:#333;font-weight:bold;font-size:1.1em}
#formQuest .pregunta {font-size:1.1em;font-weight:bold;}
#formQuest .llistachecks {padding:10px 0 10px 40px;overflow:hidden;zoom:1}
#formQuest .llistachecks2 {padding:0 0 10px 80px;overflow:hidden;zoom:1}
#formQuest .llistachecks3 {padding:10px 0 10px 10px;overflow:hidden;zoom:1}
#formQuest .textCheck{padding:3px 0 0 5px;}
#formQuest .boto{background:#0054f7;color:#fff;margin-left:20px}
#formQuest .check {border:0}
#avis {width:565px;margin:20px;background:#fff; font-family:trebuchet,  trebuchet ms, arial, verdana, sans-serif;  color: #5e5e5e; padding:0;line-height:1.2;}
#avis .logo{border-bottom:1px solid #cccbd0;padding:0 0 10px 0;margin-bottom:25px}
#avis p{font-size:1.2em;padding:0 0 25px 0}
#avis p.tit{padding:0 0 10px 0}

/* cataleg */
div.opsubcat {padding:0 5px 5px 10px;display:none;background:#EDEDED}
div.opsubcat ul {margin:5px;padding:0}
div.opsubcat li{margin-bottom:3px;width:160px}
div.opsubcat a{color:#000;font-family:verdana}
div.opsubcat a:hover{color:#999;text-decoration:none;padding-bottom:5px}
div.opsubcat a.ac{color:#999;text-decoration:none;padding-bottom:5px}
div.opsubcat a.ac:hover{color:#999;text-decoration:none;padding-bottom:5px}



.itemgran {border-bottom:1px solid #666;padding:15px 0;overflow:hidden;height:1%;display:block;}
.ult {border-bottom:none !important;}
.itemgran .foto{display:block}
.itemgran .fotog{display:none}
.itemgran .tdfoto{width:230px;}
.itemgran .tdfoto img{text-align:Right;}
.itemgran .tddreta .data{color:#CC0000;font-family:verdana;font-size:11px;padding-left:10px}
.itemgran .tddreta .titol .coleccio{font-size:13px;font-weight:normal;font-family:verdana}
.itemgran .tddreta .titol{font-size:13px;font-weight:bold;width:200px;padding:0 50px 0 20px;font-family:verdana;line-height:1.4}
.itemgran  p.autors{font-size:11px;width:200px;padding:0 60px 0 20px;font-family:verdana;color:#000;line-height:1.4 !important}
.itemgran  p{font-size:11px;width:200px;padding:0 60px 12px 20px;font-family:verdana;line-height:1.4;color:#333}
.itemgran  p a{color:#0054F7}
.itemgran .noespai  {overflow:hidden;padding:0;margin:0}
.itemgran .idiomapreu {float:right;width:255px;}
.itemgran .txecidioma {float:left;width:125px;font-size:10px;color:#666;font-family:verdana;}
.itemgran .txecidioma input{width:12px;height:12px;font-size:8px}
.itemgran .idp {padding:5px 5px 0 0;font-size:11px;;color:#666;text-align:right;}
.itemgran .preu {margin-top:15px;background:url(../img/canto-preu.gif) right 0 no-repeat;width:222px;height:16px;text-align:left;padding:0 22px 3px 10px}
.itemgran  .tpreu {color:#000;font-family:arial;font-weight:normal;font-size:11px;;padding:4px  0 0 0}
.itemgran .tdadicional{width:255px;}
.itemgran .infoadicional {width:255px;float:right;display:none}
.itemgran .infoadicional .textia{width:180px;color:#666;margin-bottom:20px;font-size:10px;font-family:verdana;line-height:1.1}
.itemgran .infoadicional .plegar{float:right;margin-right:20px}
.itemgran .descripcio {display:none}

.idiomapreu a.afegir {
background:transparent url(../img/carrito.gif) no-repeat scroll 0pt;
color:#0054F7;
float:right;
font-size:11px;
padding:3px 0pt 2px 25px;
}

.idiomapreu input.afegir {border:0;float:Right;background:url(../img/carrito.gif) 0 0 no-repeat; padding:3px 0 2px 25px;color:#0054F7;font-size:11px}

/*paginacio*/
#paginacio {margin:10px 0 20px 0;background:#e0e0e0 url(../img/border-paginacio.gif) right 0 no-repeat;height:24px;text-align:center}

/*autors*/
.indexautors {border-bottom:1px solid #666;padding:5px 0;margin:0 0 10px 0}
.indexautors .dreta{float:right;padding-right:34px}
.indexautors .dreta a{font-size:12px;font-family:verdana;font-weight:bold;color:#000}
.indexautors .dreta a:hover{font-size:12px;font-family:verdana;font-weight:bold;color:#999;text-decoration:none}

.indexautors .dreta a.ac{font-size:12px;font-family:verdana;font-weight:bold;color:#999}
.indexautors .dreta a.ac:hover{font-size:12px;font-family:verdana;font-weight:bold;color:#999;text-decoration:none}

#llistautors{padding:10px 0 0 265px;margin:0 0 20px 0;}
#llistautors p a{line-height:1.3;font-family:verdana;font-size:11px}
/* cistella */

table.taula {width:765px; color:#333;margin:40px 0}
table.taula th{padding:2px 10px;border-bottom:1px solid #666}
th.l {text-align:left}
th.r {text-align:right}
td.titol {width:270px;padding:10px 20px;border-bottom:1px solid #666;}
td.isbn {width:120px;padding:10px 0 10px 10px;border-bottom:1px solid #666;text-align:left;}
input.ib1 {width:27px;border:1px solid #999;color:#333;text-align:right;padding-right:3px}
td.quantitat {width:50px;padding:10px 0;text-align:center;border-bottom:1px solid #666;}
td.eliminar {width:50px;padding:10px 0;text-align:center;border-bottom:1px solid #666;}
td.preu {width:90px;padding:10px;text-align:right;border-bottom:1px solid #666;}
td.import {width:70px;padding:10px 20px;text-align:right;border-bottom:1px solid #666;}
td.subtotal {font-family:verdana;border-bottom:0;background:#ecd033;color:#000;padding:10px 10px 10px 20px;font-weight:normal;font-size:13px}
td.subtotal input{border:1px solid #000;background:#ecd033;float:Right;color:#000;font-weight:bold}
td.subtotal2 {font-family:verdana;border-bottom:0;background:#ecd033;color:#000;padding:10px 20px;font-weight:normal;font-size:13px;text-align:Right}

#continuar {width:765px;text-align:right;}
#continuar a{height:20px;display:block;font-size:11px;background:url(../img/i-continuar.gif) right 0 no-repeat;padding:3px 26px 3px 0;color:#0054f7;font-weight:regular;font-family:verdana;}

.cistell0 {padding:40px 0 200px 250px;}

/* formulari de comanda */

#introform {padding:30px 0 0 245px;}
#introform p{width:260px;font-size:12px;font-family:verdana;line-height:1.4}
.tform {background:#e0e0e0;margin:20px 0;padding:20px 30px 20px 20px;}
.tform td{padding-right:35px}
.tform label{font-weight:bold;}
.tform label.nbold{font-weight:normal !important;}
.tform input.i1 {border:0;width:170px;margin:5px 0 15px 0}
.tform select.s1 {border:0;width:170px;margin:5px 0 15px 0}
.tform input.i2 {border:0;width:260px;margin:5px 0 15px 0}
#resumcom {padding:10px 0 0 245px;}
#resumcom table{width:260px}
#resumcom td{padding:0 0 5px 10px}
#resumcom td.td2{padding:0 10px 5px 10px;text-align:Right}
#resumcom td.td3{border-top:1px solid #000;background:#ecd033;padding:8px 10px 8px 10px;font-weight:bold;margin-top:5px}
#resumcom td.td3 span{text-align:right;padding-left:20px;}
#antcont {float:right;padding-top:60px;width:200px}
a.ant{height:20px;font-size:11px;background:url(../img/i-torna.gif) left 0 no-repeat;padding:3px 0 3px 26px;color:#0054f7;font-family:verdana;font-weight:normal;display:block;}
a.cont{height:20px;float:right;font-size:11px;background:url(../img/i-continuar.gif) right 0 no-repeat;padding:3px 26px 3px 0;color:#0054f7;ffont-family:verdana;font-weight:normal;display:block;}

#antcont2 {width:200px;padding-bottom:20px;float:Right}
a.ant {font-size:11px;background:url(../img/i-torna.gif) left 0 no-repeat;padding:3px 0 3px 26px;color:#0054f7;font-family:verdana;font-weight:normal;display:block;}
a.ant:hover{text-decoration:underline;font-family:verdana;font-weight:normal;display:block;font-size:11px;}
a.cont{float:right;font-size:11px;background:url(../img/i-continuar.gif) right 0 no-repeat;padding:3px 26px 3px 0;color:#0054f7;font-family:verdana;font-weight:normal;display:block;}
a.cont:hover{text-decoration:underline;font-family:verdana;font-weight:normal;display:block;font-size:11px;}
#hant{visibility:visible}
#hcont{visibility:visible}


#pprovincia {visibility:hidden}
#hcontinuar {visibility:hidden}
#dadespersonals {padding:20px 20px 0 20px}
#dadespersonals .titol{color:#333333;font-weight:bold;font-family:arial;font-size:12px;padding-bottom:5px}
#gracies {font-size:14px;padding:40px 0 40px 20px;display:none;font-weight:bold}