@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }
/*------------------------IMATGES-------------------------*/
img.dreta	 	{ margin:0px 0px 20px 20px; border:#FFFFFF solid 4px; float: right }
img.nomarcdreta	{ margin:0px 0px 20px 20px; border:#FFFFFF solid 0px; float: right }
img.dretallibre	{ margin:0px 0px 20px 20px; border:#FFFFFF solid 4px; float: right; width:200px }
img.dretallibre_novetat	{ margin:0px 0px 20px 20px; border:#FFFFFF solid 4px; float: right; width:200px }
img.thumb       { float:right; margin-left:8px; border:#FFFFFF 2px solid }
img.esquerra	{ margin:10px 10px 10px 0; float:left }  
img.centre		{ margin:20px auto 0px; border:#FFFFFF solid 4px; float:none }
img.boto_box	{ float:left; padding:0 10px 0 0}
img.lateral   	{ margin-bottom:10px }

img.dretafoto	 	{ margin:10px 0px 0px 20px; border:#FFFFFF solid 4px; float: right }
.foto		{ float: right;  margin-left:25px; margin-bottom:20px}
.foto p		{ font-size:.9em; color:#FFFFFF}

img.dretafoto	 	{ margin:10px 0px 0px 20px; border:#FFFFFF solid 4px; float: right }
.fotodreta		{ float: right;  margin-left:25px; margin-bottom:20px; width:310px}
.fotodreta p	{ font-size:.9em; color:#FFFFFF}

img.esquerrafoto	 	{ margin:10px 20px 0px 0px; border:#FFFFFF solid 4px; float:left }
.fotoesquerra		{ float: left;  margin-right:25px; margin-bottom:20px; width:310px}
.fotoesquerra p	{ font-size:.9em; color:#FFFFFF}

/* ---------------------- BIG BOYS ---------------------- */

body { font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size:80%; padding:0; margin:0; background-color:#000000 }

h1 		{ font-size:1.6em; color:#000b5f; text-align:center; font-variant:small-caps }
h2 		{ font-size:1.4em; color:#000b5f; margin:15px 0px; font-variant:small-caps; border-bottom:#FFFFFF dotted 1px }
h3 		{ font-size:1.1em; font-weight:bold; margin:25px 0px 10px; }
p 		{ line-height:1.55em; color:#333; padding-bottom:10px; padding-top:10px; text-align:justify  }
strong	{ font-weight:bold; color:#000000 }
a		{ text-decoration:none; color:#000000 }
a:hover	{ text-decoration:underline; color:#000b5f }
em		{ font-style:italic; color:#000000}
ol		{ list-style:outside decimal}

/* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */
#web 			{ width:960px; margin:0 auto; padding-top:15px;  }
#cos 			{ background:#ccccae url(../img/bg_web.jpg) top no-repeat; }
#contingut 		{ width:960px; float:right; margin-top:10px;}
#box_portada	{ background-color:#a6a681; width:615px; float:right; margin-right:15px; margin-bottom:25px}
#box_contingut	{ width:610px; float:right; margin-right:20px;}
#box_contingut_llibres_left	{ }
#box_contingut_llibres_right	{ }
#adressa		{ clear:both; width:615px; float:right; margin-right:15px; background-color:#fff; margin-bottom:15px }
#banner			{ width:615px; background-color:#e0e0ce; float:right; margin-right:15px; margin-bottom:15px}
#lateral 		{ width:280px; float:left; padding-left:25px; margin-right:25px }
#peu 			{ clear:both; background:#ccccae url(../img/bg_peu.jpg) bottom no-repeat; padding-left:350px; padding-top:30px; }


/* ---------------------- CAP ---------------------- */
#foto_cap { margin:0 2px 0px; height:100px; }
#foto_cap img { display:none } 
#logo { display:block }


/* Idiomes */
/* Idiomes */
#idms 							{ margin:0 auto; width:935px; padding-bottom:10px}
#idiomes 						{ float:right; font-size:.9em; }
#idiomes a 						{ padding:0 0 10px 18px;  }
#idiomes span.inactiu a 		{ width:40px; display:inline; color:#FFF }
#idiomes span.actiu a			{ width:50px; display:inline; font-weight:bold; color:#FFCC00 }
#idiomes span.actiu a:hover		{ }
#idiomes a.es 					{  }
#idiomes a.ca 					{  }  /* background-image:url(../img/bandera_ca.gif)  */

/* ---------------------- Lateral ---------------------- */

#lateral h3	{ color:#b00301; border-bottom:#999999 dotted 1px; margin-bottom:15px }
#lateral p 	{ }
.notis		{ margin-bottom:16px; border-bottom:1px dotted #FFFFFF; padding:6px}
.notis:hover	{ background:#d3d3bb; }
.pdf		{ background:url(../img/ico_pdf.gif) top left no-repeat; padding-left:20px; text-decoration:underline}

/* ---------------------- CONTINGUT ---------------------- */

 p.box_portada { margin-bottom:40px; padding:14px; color:#FFFFFF }
#adressa p.adressa { color:#000000; background:#FFFFFF; padding:14px }
#adressa a { color:#000000}
#banner p.banner { line-height:20px; padding:14px }

#box_contingut ul { margin:5px 0 10px 0}
#box_contingut ul li { margin:10px 20px; list-style-image:url(../img/ico_li.gif) }
#box_contingut ol li { margin:10px 20px; list-style:outside decimal }
#box_contingut h1 { margin:0 0 20px 0; padding-bottom:8px; text-align:left; font-family:Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif}



#menu_top		{ margin-left:10px}
#menu_top li	{ float:left; color:#FFFFFF; margin-right:12px; font-size:.9em; border-right:#555555 solid 1px; padding-right:10px}
#menu_top li.ultim	{ border-right:#555555 solid 0px;}
#menu_top li a	{ color:#FFFFFF}

.menu			{ background:#FFFFFF; margin-bottom:16px}
.menu p			{ font-weight:bold; font-size:1.1em;}
.menu li		{ font-size:0.95em; line-height:1.6em; border-bottom:#CCCCCC dotted 1px; padding:4px; padding-left:14px }
.menu li.titol	{ padding-left:6px; background:#7c7c52; color:#FFFFFF; font-variant:small-caps; font-weight:bold}
.menu li a		{ color:#444444; text-decoration:underline}
.menu li a:hover{ color:#000000}
.menu li.ultim	{ border-bottom:#CCCCCC dotted 0px; }
li.submenu		{ border-bottom:#CCCCCC dotted 0px;  }
li.subsubmenu		{ border-bottom:#CCCCCC dotted 0px; color:#990000;}

#llibre				{ background:#FFFFFF url(../img/bg_llibres.gif) bottom right no-repeat; color:#404040; padding:10px; margin:0; width:360px; }
#llibre ul			{ margin:8px 0 0 0; padding:0 0 0 8px; }
#llibre li			{ font-size:12px; margin:0 0 3px 0; padding:0; list-style:none; list-style-image:none; }

#llibre_ample		{ background:#FFFFFF url(../img/bg_llibres_ample.gif) bottom right no-repeat; color:#404040; padding:10px; margin:0; width:575px; }
#llibre_ample ul	{ margin:8px 0 0 0; padding:0 0 0 8px; }
#llibre_ample li	{ font-size:12px; margin:0 0 3px 0; padding:0; list-style:none; list-style-image:none; }

.negrita			{ font-weight:bold; }
.llibresh2			{ font-size:1.3em; font-weight:bold; color:#000b5f; margin-bottom:15px; margin-top:15px; }
.llibresh3			{ color:#aa0406; }

p.menu		{ clear:both; font-weight:bold; margin-bottom:6px; font-size:1.1em; padding-bottom:8px}
a.tornar	{ display:block; clear:both; color:#AE0007; margin-top:15px; padding:2px 0 4px 5px; font-weight:bold; border-top:1px solid #ccc; border-bottom:2px solid #eee; background:url(../img/ico_tornar.gif) right center no-repeat }
/* ---------------------- PEU ---------------------- */

#peu a { text-decoration:none; color:#666666}
#peu a:hover { text-decoration:underline; color:#000000 }
.q { display:block; font-size:.8em; text-align:right; margin:0 auto; width:960px; line-height:60px }
.q, .q a { color:#888 }

/* ---------------------- CONTACTO ---------------------- */
#contacte				{ width:550px; margin:20px auto; font-size:.85em }
#contacte label 		{ display:block; float:left; width:490px; font-weight:bold; padding-bottom:8px }
#contacte input.text 	{ width:396px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .submit 		{ display:block; text-align:right }
#contacte input.boto 	{ width:120px; height:30px; line-height:30px; margin-right:300px; }
#contacte textarea 		{ width:395px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px }
#contacte .validation-failed {border:1px solid #C82633;}
#ClientValidationSummary { width:370px; background-color:#f2f2f2; border:2px solid #C82633; font-size:.85em; margin:0; padding:3px 5px; font-weight:bold }