body	{font-family:Arial, Helvetica, sans-serif, Garamond; font-size:80%; color:#444444; margin:0; padding:0;
			background-color:#FFFFFF; }

/**********************************************************************************************************************/
/********* generals ***************************************************************************************************/
/**********************************************************************************************************************/

	div#contenidor_1			{ width:994px; margin:0 auto; }
	div#capcalera				{ background:url(../img/fons_capcalera.gif) left top no-repeat; width:870px; height:60px;
								padding-left:124px; padding-top:14px; }
	h1#logo_capcalera			{ background:url(../img/logo_planeta_empresa_01.gif) left top no-repeat; }
	h1#logo_capcalera a			{ width:221px; height:35px; text-indent:-20000px; display:block; }
	ul#menu						{ margin:0; padding:0; list-style:none; }
	ul#menu li					{ margin:0; padding:0; float:left; }

	/* STYLES DELS MENUS A menus.css */

	.espai_buit					{ display:block; width:279px; height:31px; background:url(../img/v_buit.gif) left top no-repeat; }
	div#barra_login				{ background-color:#536482; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;
								padding:10px 0 5px 0; }
	.text_error					{ padding-left:115px; margin-top:4px; float:left; font-size:10px; text-decoration:none; color:#E63434;
								font-weight:bold; }
	.caixa_oblidat				{ margin-left:10px; margin-top:4px; float:left; }
	a.v_oblidat:link,
	a.v_oblidat:visited			{font-size:10px; text-decoration:none; color:#FFFFFF; }
	div#contenidor_02			{ margin:0 auto; }
	.boto_search				{ background:url(../img/lupa_cercador.gif) left top no-repeat; width: 26px; height: 26px; border: 0px;}
	.error						{ border: 2px solid #536482; width:500px; margin: 0px auto; text-align:center; padding: 8px; font-size: 1.2em;}

/**********************************************************************************************************************/
/********* VINCLES ****************************************************************************************************/
/**********************************************************************************************************************/

	a:link, a:visited	{ color:#444444; text-decoration:underline; }
	a:hover				{ text-decoration:none; color:#444444; }
	
	#menu a.menu:link,
	#menu a.menu:visited	{ color:#FFFFFF; text-decoration:none; }
	#menu a.menu:hover		{ text-decoration:none; color:#000000; }	

/**********************************************************************************************************************/
/********* RATLLES HORITZONATLS ***************************************************************************************/
/**********************************************************************************************************************/

	.ratlla_horitzontal			{ background:url(../img/ratlla_hor_01.gif) left top repeat-x; height:2px; 
								margin:15px 0 15px 0; }
	.ratlla_peu					{ border: 1px solid #536482; margin: 0px auto; }	

/**********************************************************************************************************************/
/********* PGINA LLIBRES *********************************************************************************************/
/**********************************************************************************************************************/

	div#barra_llibres_carrusel		{ width:800px; margin:30px auto 10px auto; }
	.anyClass						{ float:left; height:100px; }
	.anyClass ul li					{ margin:0 5px; }
	.espai_caixa_blanca				{ background-color:#FFFFFF; padding:15px 5px 15px 10px; height:1% }
	.preu_petit						{ font-size:14px; font-weight:bold; margin-bottom:10px; }
	.estil_biblio_negreta			{ font-size:11px; font-weight:bold; }
	.estil_biblio_normal			{ font-size:10px; }

/**********************************************************************************************************************/
/********* FORMULARIS *************************************************************************************************/
/**********************************************************************************************************************/

	#formulari					{  }
	#formulari .nom				{ text-align: left; vertical-align: top; height: 26px; font-weight:bold; padding-right: 10px;
								}
	#formulari .camp			{ vertical-align: top; }
	#formulari .camp input		{ border: 1px solid #536482; width: 230px; color:#000000; }
	#formulari .boto			{ background:url(../img/boto_enviar_fosc.gif) top left no-repeat; border: 0px; color:#FFFFFF; 
								font-weight:bold; width: 68px; height: 24px;}
	#formulari .boto_siguiente	{ background:url(../img/boto_enviar_100px.gif) top left no-repeat; border: 0px; color:#FFFFFF; 
								font-weight:bold; width: 100px; height: 24px;}
	.msg						{ border: 2px solid #536482; padding: 4px; text-align:center; margin: 10px auto; width: 400px;
							 	}
	
	#form_registre				{ padding: 0px 20px 0px 20px; }		
						

/**********************************************************************************************************************/
/********* PEU PGINA *************************************************************************************************/
/**********************************************************************************************************************/
	
	#peu		{ width: 800px; margin: 0px auto; padding-bottom: 10px; }
	
/**********************************************************************************************************************/
/********* CERCADOR ***************************************************************************************************/
/**********************************************************************************************************************/
	
	#buscador		{ border: 1px solid #536482; height: 60px; width: 790px; }
	#buscador .fons	{ background-color:#DDE0E9; color:#5D6381; font-weight:bold; height:60px; }
	#buscador input	{ width: 180px; background: url(../img/lupa_cercador_blanc2.gif); background-repeat: no-repeat;
					background-position: 162px 0px; border: 1px solid #536482;}
	#buscador .boto	{ background:url(../img/boto_enviar_fosc.gif) top left no-repeat; border: 0px; color:#FFFFFF; 
					font-weight:bold; width: 68px; height: 24px;}
	
	#caixa_resultats				{ }
	#caixa_resultats a.vincle_res	{ text-decoration:none; cursor:pointer; }

/**********************************************************************************************************************/
/********* BIBLIOTECA *************************************************************************************************/
/**********************************************************************************************************************/
	
	#llibre						{ padding-top: 20px;}
	#llibre .categories			{ width: 150px; border: 1px solid #536482; text-align:center; margin-bottom: 30px; }
	#llibre .categories div		{ padding: 2px; }
	#llibre .descripcio			{ padding-top: 10px;}
	
	#separador					{ background:url(../img/separador.gif) top left no-repeat; height: 34px; color:#FFFFFF; 
								font-weight:bold; padding: 11px 4px 4px 22px; text-decoration:underline; margin-top: 18px; }
	
	#comentari					{ padding-bottom: 10px;}
	#comentari .fletxa			{ float: left; width: 20px; font-weight:bold; font-size:18px;}
	#comentari .comentari		{ float: left; width: 770px; }
	
	#caixes						{  }
	#caixes a.vincle_llibre		{ text-decoration:none; cursor:pointer; }
	
	#filtres 							{ width: 140px; margin-right: 15px; }
	#filtres .caixa_filtre				{ border: 1px solid #536482; padding: 6px;}
	#filtres .caixa_filtre .separador	{ background:url(../img/ratlla_hor_01.gif) left top repeat-x; height:2px; margin: 8px 0px 8px 0px;}
	#filtres .boto						{ background:url(../img/boto_enviar_100px.gif) top left no-repeat; border: 0px; color:#FFFFFF; 
										font-weight:bold; width: 100px; height: 24px;}

/**********************************************************************************************************************/
/********* REGISTRO ***************************************************************************************************/
/**********************************************************************************************************************/
	
	#passos1		{ color:#FFFFFF;}
	#passos1 .pas1	{ background:url(../img/separador_registre.gif) left top repeat-x; width: 220px; float:left; height:34px;
					padding: 9px 0px 0px 20px;}
	#passos1 .pas2	{ background:url(../img/separador_registre2.gif) right top repeat-x; width: 540px; float:left; height:34px;
					padding: 9px 0px 0px 20px; color:#536482;}
	#passos2		{ color:#FFFFFF;}
	#passos2 .pas1	{ background:url(../img/separador_registre2.gif) left top repeat-x; width: 220px; float:left; height:34px;
					padding: 9px 0px 0px 20px;}
	#passos2 .pas2	{ background:url(../img/separador_registre.gif) right top repeat-x; width: 540px; float:left; height:34px;
					padding: 9px 0px 0px 20px;}