/*------------------------------------------------------------------------------------
	GLOBAL
------------------------------------------------------------------------------------*/
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:76%;
		margin: 0px;
		padding: 0px;
		background-color: #4b5fa4;
		background-image: url(../img/fons_body_general.jpg);
		background-position: center top;
		background-repeat:no-repeat;
		color:#EEE;
	}
	
	a{ outline:none; }
	
	#body-home{
		background-color: #4b5fa4;
		background-image: url(../img/fons_body_home.jpg);
		background-position: center top;
		background-repeat:no-repeat;
	}
	
	.color-groc{ color: #fdd26e; }
	.color-rosa{ color: #dc7b9d; }
	.color-rosa2{ color: #f59fba; }
	.color-rosa3{ color: #f7c8d9; }
	
	a.vincle-clickart{
		color: #a5afd2;
		font-size: 0.8em;
	}
	
	a.default:link, a.default:visited {
		color: #fdd26e;
		text-decoration: underline;
		font-weight:bold;
	}
	a.default:hover{
		text-decoration:none;
	}
	
/*------------------------------------------------------------------------------------
	MENÚ
------------------------------------------------------------------------------------*/
	
	#menu-esquerra{
		background-position: left top;
		background-repeat:no-repeat;
		margin-top: 6px;
		padding-bottom: 10px;
		padding-left: 2px;
	}
	
	#menu-esquerra div{
		width: 110px;
		text-align:center;
	}
	
	#menu-esquerra a{
		font-weight: bold;
		text-decoration:none;
		font-size: 1.1em;
		color: #dc7b9d;
	}
	
	.fons-dibuix{
		background-image: url(../img/fons_dibuix.gif);
		background-position: 5px top;
		background-repeat:no-repeat;
		padding: 10px 0px 12px 0px;
		margin-bottom: 17px;
	}
	
	.fons-dibuix-triat{
		background-image: url(../img/fons_dibuix_triat.gif);
		background-position: 5px top;
		background-repeat:no-repeat;
		padding: 10px 0px 12px 0px;
		margin-bottom: 17px;
	}
	
	.fons-pas-3{
		background-image: url(../img/img_pas_3.gif);
		background-position: left top;
		background-repeat:no-repeat;
		margin-top: 40px;
	}
	
	#vincles-enviar-a{
		padding-top: 110px;
		padding-left: 50px;
		background-image: url(../img/img_vincles_facebook.gif);
		background-position: 50px 110px;
		background-repeat:no-repeat;
		padding-bottom: 30px;
	}
	
	
	.enviar-a-1{
		padding-top: 22px;
		padding-left: 22px;
	}
	.enviar-a-2{
		padding-top: 30px;
		padding-left: 14px;
	}
	.enviar-a-1 a{
		color:#4a5fa4;
		font-weight:bold;
		text-decoration:none;
	}
	
	.enviar-a-2 a{
		color:#4a5fa4;
		font-weight:bold;
		text-decoration:none;
	}

/*------------------------------------------------------------------------------------
	SEPARADORS
------------------------------------------------------------------------------------*/
	
	.separador-1{
		background-image: url(../img/separador_1.gif);
		background-position: left top;
		background-repeat:repeat-x;
		width:100%;
		padding-bottom: 4px;
	}
	
/*------------------------------------------------------------------------------------
	FORMULARI
------------------------------------------------------------------------------------*/
	
	.default-input{
		border: 1px solid #4b5fa4;
		padding: 2px;
	}
	
	.button-enviar{
		border: 0px;
		background-color: #4b5fa4;
		cursor:pointer;
	}
	
/*------------------------------------------------------------------------------------
	CAIXES
------------------------------------------------------------------------------------*/
	
	#caixa_video {
		background-image: url(../img/fons_video.gif);
		background-position: 8px top;
		background-repeat:no-repeat;
		padding: 12px 11px 12px 0px;
	}
	
	#caixa-error {
		border: 1px solid #fdd26e;
		width: 460px;
		margin: 16px auto;
		padding: 6px;
		text-align: center;
		font-weight: bold;
	}
	
	#caixa-ok {
		border: 1px solid #FFF;
		width: 460px;
		margin: 16px auto;
		padding: 6px;
		text-align: center;
		font-weight: bold;
	}
	
/*------------------------------------------------------------------------------------
	ICONS
------------------------------------------------------------------------------------*/
	
	.ico_play{
		background-image: url(../img/ico_play.gif);
		background-position: left -1px;
		background-repeat:no-repeat;
		padding-left: 28px;
		padding-bottom: 6px;
		display:block;
	}
	
/*------------------------------------------------------------------------------------
	PON-TU-CARA
------------------------------------------------------------------------------------*/
	
	#foto_sota{
		position:absolute;
		z-index:1;
	}
	#foto_sobre{
		position:absolute;
		z-index:2; 
	}
	
	.popup-img { text-align:center; padding-top: 30px; padding-bottom: 30px; }
	.popup-content { text-align:center; font-size: 1.4em; }
	.popup-content .input{ padding: 6px; background-color:#FFF; color:#333; width: 160px; margin: 20px auto; }
	.popup-content .href{ padding: 6px; background-color:#FFF; color:#333; width: 600px; margin: 20px auto; }
	.popup-content div { margin-bottom: 20px; }
	
/*------------------------------------------------------------------------------------
	SINOPSIS
------------------------------------------------------------------------------------*/
	
	#isbn{ width: 260px; }
	#isbn .isbn-img{ padding: 30px 0px 0px 20px; }
	#isbn .isbn-text{ padding-right: 64px; font-family:Arial, Helvetica, sans-serif; text-align:right; padding-top: 10px; font-size: 0.8em; }
	#isbn .isbn-comprar{ padding-right: 54px; text-align:right; padding-top: 20px; }
	
	#img-4 { width: 500px; margin: 0px auto; }
	#img-4 div { background-image: url(../img/img_llibre4.gif); background-position: left top; background-repeat:no-repeat; padding: 140px 0px 130px 396px; }
	
	#sinopsis-interior { width: 500px; }
	#sinopsis-interior .separacio { padding: 15px 10px 0px 30px; }
	
/*------------------------------------------------------------------------------------
	PAGINAT
------------------------------------------------------------------------------------*/
	
	#paginat { margin: 0px auto; }
	#paginat a:link, #paginat a:visited { color: #FFF; padding: 4px; font-weight:bold; }
	#paginat a:hover, #paginat a.triat:link, #paginat a.triat:visited { color: #fdd26e; text-decoration:none; }
	
/*------------------------------------------------------------------------------------
	fi!!!
------------------------------------------------------------------------------------*/


/*****************canvi nadal***************/

div#imatge_nadal { background:url(../img/ninas_fondo_pantalla.gif) left top no-repeat; width:226px; height:21px; margin-top:10px; padding-top:320px}
a.v_nadal:link, a.v_nadal:visited { color:#FFFFFF; }