/* ------------------------------------------------------------------------
	GLOBAL
 ------------------------------------------------------------------------ */
	
	body {
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size: 76%;
		margin:0;
		padding:0;
		color:#FFFFFF;
	}
	
	body.home { background:#272727 url(../img/fons_web.jpg) center top no-repeat; }
	body.interior { background:#272727 url(../img/fons_web_interior.jpg) center top no-repeat; }
	body.popup { background-color: #272727; }
	
	a { outline:none; }
	a img { border: 0px; }
	
	/*  BLOCS  */
	#fons { width: 901px; margin: 0px auto; padding-left:1px; }
	#fons-popup { padding: 16px;  }
	#banner { position:absolute; margin: 40px 0px 0px 685px; }
	#logo { margin-top: 10px; padding-left: 10px; }
	#flash { margin-top: 14px; height:181px; }
	#frases { margin-top: 14px; height:69px; overflow:hidden }
	.frase { position:absolute; padding-left: 180px; margin-top: 8px; font-weight:bold; }
	
	#logout { float:right; padding-top: 13px; padding-right: 10px; }
	#logout a{ color:#EEE; }
	#logout a:hover{ text-decoration:none; }
	#user-status { padding-top: 13px; padding-right: 26px; float:right; background-image: url(../img/ico-user-login.gif); background-position: left 7px; 
					background-repeat:no-repeat; padding-bottom: 4px; padding-left: 34px; font-weight:bold; }
	
	/*  menú general  */
	ul#menu{ padding: 0px; margin: 0px; }
	ul#menu li { list-style:none; margin:0px; padding:12px 2px 10px 2px; float:left; }
	ul#menu li a:link, ul#menu li a:visited { color:#FFF; font-weight:bold; text-decoration: none; font-size: 1.1em; padding: 12px 20px 10px 18px; }
	ul#menu li a:hover { color: #000; }
	#menu-triat { margin-top: 2px; margin-left: 20px; }
	
	/*  1er menú interior (titulos.php)  */
	#menu-interior {  }
	#menu-interior ul{ padding: 0px; margin: 0px; background-image: url(../img/fons-menu-interior.gif); background-position: left top; background-repeat:repeat-x;}
	/* #menu-interior li { list-style:none; margin:0px; padding:4px 0px 0px 25px; float:left; height: 41px; display:block; width:155px; } */
	#menu-interior li.triat { background-image: url(../img/fons-menu-interior-triat.gif); display:block; }
	#menu-interior li a:link, #menu-interior li a:visited { padding: 4px 10px 0px 24px; font-size: 1.1em; text-decoration: none; font-weight:bold; color:#FFF; 
															display:block; }
	#menu-interior li.triat a:link, #menu-interior li.triat a:visited { color:#9f0a0c; }
	#menu-interior li a:hover { color: #000; }
	#menu-interior li.separador { width: 3px; padding: 0px; margin: 0px; background-image: url(../img/img-menu-interior-separador.gif); }
	
	/*  1er menú interior (nuestros-autores.php)  */
	#menu-interior-na { width: 850px; height: 41px; margin: 4px 0px 0px 24px;
					background-image: url(../img/fons-menu-interior.gif); background-position: left top; background-repeat:repeat-x; }
	#menu-interior-na ul{ padding: 0px; margin: 0px; }
	#menu-interior-na li { list-style:none; margin:0px; padding:4px 0px 0px 10px; float:left; width: 115px; height: 37px; display:inline}
	#menu-interior-na li.triat { background-image: url(../img/fons-menu-interior-triat.gif); display:block; }
	#menu-interior-na li a:link, #menu-interior-na li a:visited { padding: 0px 0px 0px 0px; font-size: 1.1em; text-decoration: none; font-weight:bold; width: 115px; color:#FFF;display:inline;}
	#menu-interior-na li.triat a:link, #menu-interior-na li.triat a:visited { color:#9f0a0c; }
	#menu-interior-na li a:hover { color: #000; }
	#menu-interior-na li.separador { width: 3px; padding: 0px; margin: 0px; background-image: url(../img/img-menu-interior-separador.gif); }
	
	/*  2on menú interior  */
	#submenu-interior { width: 850px; height: 41px; margin: 0px 0px 0px 24px; background-color:#FFF;
					background-image: url(../img/fons-submenu-interior.gif); background-position: left top; background-repeat:repeat-x; }
	#submenu-interior ul{ padding: 0px; margin: 0px; }
	#submenu-interior li { list-style:none; margin:0px; padding:4px 0px 0px 8px; float:left; width: 160px; height: 37px; display:block; }
	#submenu-interior li.triat { background-image: url(../img/fons-submenu-interior-triat.gif); }
	
	#submenu-interior li a:link, #submenu-interior li a:visited { padding: 0px 0px 0px 0px; font-size: 1.1em; text-decoration: none; color:#272727; display:block; }
	#submenu-interior li.triat a:link, #submenu-interior li.triat a:visited { color:#9f0a0c; }
	#submenu-interior li a:hover { color: #9f0a0c; }
	
	/*  contingut de la pàgina  */
	#content { background-color: #272727; background-color:#272727; margin: 10px auto 0px auto; width: 901px; }
	#content-popup { margin: 10px 10px 20px 10px; }
	#content-popup a{ color:#FFF; text-decoration:underline; }
	#content-popup a:hover{ color:#FFF; text-decoration:none; }

/* ------------------------------------------------------------------------
	VINCLES
 ------------------------------------------------------------------------ */

	.interior-home-dreta a { color:#FFF; font-weight:bold; }
	.interior-home-dreta a:hover { text-decoration:none; }

/* ------------------------------------------------------------------------
	ICONES
 ------------------------------------------------------------------------ */

	.ico-fletxa-dreta-home { background-image: url(../img/ico-fletxa-dreta.gif); background-position: left top; background-repeat:no-repeat; 
							padding: 0px 0px 6px 18px; }
	
	.ico-fletxa-form { background-image: url(../img/ico-minifletxa-dreta.gif); background-position: right 2px; background-repeat:no-repeat; 
						padding: 0px 16px 0px 0px; }
	
	.ico-pag-dreta { background-image: url(../img/ico-pag-dreta.gif); background-position: left 2px; background-repeat:no-repeat; 
						padding: 0px 0px 4px 16px; }

/* ------------------------------------------------------------------------
	CAIXES
 ------------------------------------------------------------------------ */
	
	/*  peu pàgina  */
	#peu-pagina { padding: 40px 40px 20px 40px; background-color: #272727; width: 821px; }
	#peu-pagina a{ color:#FFF; font-size: 0.9em; }
	#peu-pagina a:hover { text-decoration:none; }
	
	/*  index.php  */
	.interior-home-esquerra { float:left; color:#272727; padding: 4px 0px 0px 24px; width:650px; }
	.interior-home-dreta { float:left; width: 200px; margin: 0px 0px 0px 12px; }
	.interior-home-dreta .img-participa { margin-top: 8px; margin-left: -2px; }
	
	/*  index.php - informació del llibre (fons blanc)  */
	#info-llibre { background-color:#FFF; padding: 12px 0px 8px 16px; height:1%; min-height:200px; }
	#info-llibre .llibre-img { float:left; padding-top: 4px; height: 190px; }
	#info-llibre .llibre-content { float: left; margin-left: 24px; width: 490px; }
	#info-llibre a { color:#9f0a0c; font-weight:bold; font-style:italic; text-decoration:none; }
	#info-llibre .titol { font-weight:bold; font-size: 1.1em; padding-bottom: 8px; padding-top: 4px; }
	#info-llibre .com { font-weight:bold; color: #9f0a0c; padding-bottom: 6px; font-size: 12px; }
	#info-llibre .com-titol { font-weight:bold; font-size: 12px; }
	#info-llibre .com-text { padding-bottom: 8px; font-size: 12px; }
	
	/*  index.php - menú llibres  */
	#submenu { background-color:#3c3c3c; color:#FFF; padding: 0px 2px 22px 2px; height:1%; }
	#submenu .item {  }
	#submenu .fletxa { text-align:center; }
	#submenu .llibre { margin-top: 8px; text-align:center; }
	#submenu .triat .llibre img{ border: 0px; }
	#submenu .triat .llibre img{ border: 2px solid #FFF; margin-top: -2px; }
	
	/*  index.php - formulari  */
	#form-home-opinio { background-color:#3c3c3c; color:#FFF; padding: 0px 16px 24px 20px; height:1%; }
	#form-home-opinio input{ background-color: #bab6ab; border: 0px; width: 116px; padding:2px; margin-left: 6px; margin-top: 2px; font-size: 12px; }
	#form-home-opinio input.submit{ border: 0px; background-image: url(../img/img-submit-button.gif); height: 22px; width: 53px; cursor:pointer; padding: 0px; margin:0px; }
	#form-home-opinio a{ color:#FFF; font-size: 0.9em; }
	#form-home-opinio a:hover{ text-decoration:none; }
	
	
	/*  index.php - formulari  */
	#form-home-novela { background-color:#3c3c3c; color:#FFF; padding: 0px 16px 24px 20px; height:1%; }
	#form-home-novela input{ background-color: #bab6ab; border: 0px;  padding:2px; margin-left: 6px; margin-top: 2px; font-size: 12px; }
	#form-home-novela input.submit{ border: 0px; background-image: url(../img/img-submit-button.gif); height: 22px; width: 53px; cursor:pointer; padding: 0px; margin:0px; }
	#form-home-novela a{ color:#FFF; font-size: 0.9em; }
	#form-home-novela a:hover{ text-decoration:none; }
	
	
	
	/*  index.php - els més venuts  */
	#top-venuts { margin: 15px 24px 0px 24px; border: 1px solid #5d5d5d; }
	#top-venuts .llibres { background-color:#FFF; color:#272727; padding: 14px; }
	#top-venuts .titol { background-color: #9f0a0c; padding: 10px; font-weight:bold; font-size: 1.1em; padding-left: 24px; }
	#top-venuts .item { float:left; width: 260px; padding-left: 10px; }
	
	/*  titulos.php  */
	#interior-titulos { background-color:#FFF; margin: 0px 27px 0px 24px; color:#272727; padding: 25px 8px 14px 25px; height:1%; }
	#interior-titulos a { color:#272727; text-decoration:none; font-size: 0.8em; }
	#interior-titulos .esquerra { float:left; width: 150px; }
	#interior-titulos .comprar { float:left; width: 60px; }
	#interior-titulos .descarregar { float:left; width: 76px;  margin:0px; }
	#interior-titulos .dreta { float:left; width: 660px; line-height: 20px; }
	#interior-titulos .dreta p { padding-bottom: 10px; }
	
	/*  titulos.php - formulari publicar comentari o login  */
	#login-titulos { background-color: #3c3c3c; margin: 0px 27px 0px 24px; padding: 0px 20px 0px 22px; height:1%; }
	#login-titulos .fletxa { padding-left: 70px; }
	#login-titulos .subtitol { padding-top: 10px; }
	#login-titulos .subtitol p{ font-weight:bold; font-size: 1.1em; }
	#login-titulos a{ font-weight:bold; color:#FFF; }
	#login-titulos a:hover{ text-decoration:none; }
	
	#form-comentari-titulos { font-size: 0.9em; padding-bottom: 20px; height:1%; }
	#form-comentari-titulos input.submit{ border: 0px; background-image: url(../img/img-submit-button.gif); height: 22px; width: 53px; cursor:pointer; padding: 0px; margin:0px; }
	#form-comentari-titulos input{ background-color: #bab6ab; border: 0px; width: 315px; height: 14px; padding:2px; margin-left: 8px; margin-top: 2px; font-size: 12px; }
	#form-comentari-titulos textarea { border: 0px; width: 465px; height: 81px; margin-left: 8px; background-color: #bab6ab; padding: 2px; }
	#form-comentari-titulos span { padding-left: 220px; }
	#form-comentari-titulos .captcha { width:80px !important; margin-right: 10px !important; }
	
	#form-comentari-login { font-size: 0.9em; padding-bottom: 16px; padding-top: 16px; height:1%; }
	#form-comentari-login input{ background-color: #bab6ab; border: 0px; width: 100px; height: 14px; padding:2px; margin-left: 8px; margin-top: 2px; font-size: 12px; }
	#form-comentari-login input.submit{ border: 0px; background-image: url(../img/img-submit-button.gif); height: 22px; width: 53px; cursor:pointer; padding: 0px; margin:0px; }
	
	/*  titulos.php - comentaris  */
	#comentaris { background-color:#FFF; color:#272727; margin: 0px 27px 0px 24px; padding: 30px; height:1%; }
	#comentaris .item { padding-bottom: 18px; border-bottom: 2px solid #dddddd; margin-bottom: 20px; }
	#comentaris .titol { padding-bottom: 10px; }
	#comentaris .text { padding-bottom: 10px; }
	#comentaris .paginacio a{ font-weight:bold; color:#272727; padding: 4px; }
	#comentaris .paginacio a:hover { text-decoration:none; }
	#comentaris .paginacio a.triat{ color: #d42e12; font-weight:bold; text-decoration:none; padding: 4px; }
	
	/*  nuestros-autores.php  */
	#interior-autores { background-color:#FFF; margin: 0px 27px 0px 24px; color:#272727; padding: 25px 8px 14px 25px; }
	#interior-autores .esquerra { float:left; width: 250px; }
	#interior-autores .dreta { float:left; width: 550px; line-height: 20px;}
	#interior-autores .dreta p { padding-bottom: 10px; }
	#interior-autores .peu-foto-autor { background-color: #9f0a0c; padding: 10px; width: 180px; margin-bottom: 20px; }
	#interior-autores .peu-foto-autor a { color:#FFF; text-decoration:none; background-image: url(../img/ico-fletxa-dreta-vermell.gif); 
										background-position: left top; background-repeat: no-repeat; padding-left: 14px; padding-bottom: 4px; }
	#interior-autores .titols-publicats div{ padding-bottom: 8px; }
	#interior-autores .titols-publicats a { color: #272727; }
	#interior-autores .titols-publicats a:hover { text-decoration:none; }
	
	/*  index.php - formulari login  */
	.form-error { border: 2px solid #9f0a0c; color:#FFF; padding: 10px; margin-bottom: 12px; font-weight:bold; font-size: 1.1em; }
	
	/*  noticias.php  */
 	#noticies { background-color:#FFF; margin: 0px 26px; padding: 16px; color: #272727; height:1%; }
	#noticies .rss{ position:absolute; margin-left: 794px; }
	#noticies .item{ padding: 10px 20px; }
	#noticies .data { background-image: url(../img/ico_noticia.gif); background-position: left top; background-repeat: no-repeat; padding: 12px 0px 14px 32px; font-weight: bold; color: #9f0a0c; font-style:italic; }
	#noticies .titol { font-weight:bold; font-size: 1.2em; padding-bottom: 12px; }
	#noticies .text { padding-bottom: 16px; }
	#noticies .text p{ padding-bottom: 8px; }
	#noticies .peu { padding-bottom: 16px; }
	#noticies a { color:#9f0a0c; text-decoration:underline; }
	#noticies a:hover { text-decoration:none; }
	
	/*  noticias.php - paginació  */
	#noticies .paginacio a{ font-weight:bold; color:#272727; padding: 4px; }
	#noticies .paginacio a:hover { text-decoration:none; }
	#noticies .paginacio a.triat{ color: #d42e12; font-weight:bold; text-decoration:none; padding: 4px; }
	
	/*  titulos.php - error formulari  */
	.error-form { border: 2px solid #9f0a0c; padding: 10px; margin: 14px; font-weight:bold; font-size: 1.1em; }
	.saved-form { border: 2px solid #fff; padding: 10px; margin: 14px; font-weight:bold; font-size: 1.1em; }
	
	/*  registro.php  */
	#form-registre { font-size: 0.9em; padding-bottom: 12px; height:1%; }
	#form-registre input.submit{ border: 0px; background-image: url(../img/img-submit-button-popup.gif); height: 22px; width: 53px; cursor:pointer; padding: 0px; margin:0px; }
	#form-registre input{ background-color: #bab6ab; border: 0px; width: 140px; height: 14px; padding:2px; margin-left: 8px; margin-top: 2px; font-size: 12px; }
	#form-registre textarea { border: 0px; height: 81px; margin-left: 8px; background-color: #bab6ab; padding: 2px; }
	#form-registre .captcha { width:80px !important; margin-right: 10px !important; }
	
	/*  titulos.php - valoracio  */
	#valoracio { padding-left: 10px; }
	#valoracio .image { float:left; background-position: left top; background-repeat:no-repeat; padding: 7px 10px;  height:6px; }
	#valoracio .down { background-image: url(../img/ico-valoracio-down-white.gif); }
	#valoracio .up { background-image: url(../img/ico-valoracio-up-white.gif); }
	#form-comentari-titulos #valoracio { padding-top: 2px; }
	#form-comentari-titulos #valoracio .image { cursor:pointer; }
	#form-comentari-titulos #valoracio .down { background-image: url(../img/ico-valoracio-down.gif); }
	#form-comentari-titulos #valoracio .up { background-image: url(../img/ico-valoracio-up.gif); }
	
	/*  descargas.php  */
	#descargas { background-color:#FFF; margin: 0px 26px; padding: 16px; color: #272727; height:1%; }
	#descargas a { color: #9f0a0c; text-decoration:underline; }
	#descargas a:hover { text-decoration:none; }
	
	#fons-de-pantalla img{ margin-bottom: 12px; border: 1px solid #CCC; }
	#fons-de-pantalla .item div a img{ border:0; }
	#fons-de-pantalla .item { float: left; text-align:center; width: 204px; }
	
	#capitiols-descarrega { width: 630px; margin: 0 auto; padding-bottom: 10px; }
	#capitiols-descarrega .item { width: 270px; height: 55px; }
	#capitiols-descarrega .ico-pdf { width: 40px; text-align:center; }
	#capitiols-descarrega .titol { width: 180px; vertical-align:bottom; }
	#capitiols-descarrega .ico-descarrega { width: 40px; text-align:center; }
	
/* ------------------------------------------------------------------------
	COLORS
 ------------------------------------------------------------------------ */
 
 	.color-vermell { color: #9f0a0c; }
	.color-fosc { color: #272727; }
	.color-blanc { color:#FFF; }
 
/* ------------------------------------------------------------------------
	ALTRES
 ------------------------------------------------------------------------ */
 
 	.w-110 { width: 110px; }
	.w-140 { width: 140px; }
	
	.t-size-2 { font-size: 0.8em; }
	.t-size-1 { font-size: 0.9em; }
	.t-size1 { font-size: 1.1em; }
	.t-size2 { font-size: 1.2em; }
	.t-size3 { font-size: 1.3em; }
	
	.cursiva { font-style:italic; }
	
	.separador-border-ddd { border-bottom: 2px solid #ddd; }
 
/* ---------------------------------------------------------------------- */

.v_negre{ color:#272727; font-size:11px; font-weight:bold}

a.v_negre { color:#272727; font-size:11px; font-weight:normal}


/*  1er menú interior (titulos.php)  */
	#menu-interior-autores {  }
	#menu-interior-autores ul{ padding: 0px; margin: 0px; background-image: url(../img/fons-menu-interior.gif); background-position: left top; background-repeat:repeat-x;}
	/* #menu-interior li { list-style:none; margin:0px; padding:4px 0px 0px 25px; float:left; height: 41px; display:block; width:155px; } */
	#menu-interior-autores li.triat { background-image: url(../img/fons-menu-interior-triat.gif); display:block; }
	#menu-interior-autores li a:link, #menu-interior-autores li a:visited { padding: 4px 10px 0px 24px; font-size: 1.1em; text-decoration: none; font-weight:bold; color:#FFF; display:block;  }
	#menu-interior-autores li.triat a:link, #menu-interior-autores li.triat a:visited { color:#9f0a0c; }
	#menu-interior-autores li a:hover { color: #000; }
	#menu-interior-autores li.separador { width: 3px; padding: 0px; margin: 0px; background: url(../img/img-menu-interior-separador.gif) right top no-repeat; }