.border { border: 1px solid #999; }


/* ---------------------------------------------------------------------------
	GLOBAL
 --------------------------------------------------------------------------- */
 	
	a { outline:none; }
	a img { border: 0; }
	
 	body { background:#000000; font-family:Arial, Helvetica, sans-serif, Garamond; font-size: 12px; 
	padding:10px 0; margin:0; background-image: url(../img/fons.jpg); background-position: center top; 
	background-repeat:no-repeat; color:#FFF; }
	
	body#popup {  color:#FFF; background:none; background-color:#000000; }
	/*body#index {background:url(../img/el_simbolo_perdido_home_provisional.jpg) top center no-repeat #000;}*/
	body#index { background:url(../img/fons.jpg) top center no-repeat #000; }
	body#libro { background:url(../img/interior_fons-Dan-Brown.jpg) top center no-repeat #000; }
	body#nolibro { background:url(../img/interior_fons-Dan-Brown_2.jpg) top center no-repeat #000; }
	body#juego { background:url(../img/juego_fons-Dan-Brown.jpg) top center no-repeat #000; }
	body#juego_maestro { background:url(../img/juego-maestro_fons-Dan-Brown.jpg) top center no-repeat #000; }
	body#baixa { background:url(../img/fons-baixa.jpg) top center no-repeat #000; }
	
	
	#main { width: 960px; margin: 0 auto; margin-bottom:25px }
	
	.vincle-juegaal { text-align:right; }
	.text-nomautor { position:absolute; top: 97px; margin-left: 384px; }
	.vincle-home { position:absolute; top:120px; margin-left:40px; }
	
	/*  menú  */
	#menu { padding-top: 14px; font-size: 1.3em; }
	#menu ul { list-style:none; margin: 0; padding: 0; }
	#menu li { float:left; margin: 0; padding: 0px 2px; }
	#menu li a { display:block; width:188px; text-decoration:none; text-align:center; color:#FFFFFF; 
				background-image: url(../img/fons-boto-menu-centre.gif); background-position: left top; background-repeat: no-repeat; 
				padding: 2px 0px 4px 0px; }
	#menu li a:hover, #menu li a.triat { background-position: -188px top;}
	
	#menu li a.esquerra { background-image: url(../img/fons-boto-menu-esquerra.gif); }
	#menu li a.dret { background-image: url(../img/fons-boto-menu-dret.gif); }
	
	/*  peu pàgina  */
	#peu { width: 960px; margin: 30px auto; }
	#peu .bloc1 { float:left; width: 420px; margin-top:30px; }
	#peu .bloc2 { float:left; width: 100px; }
	#peu .bloc3 { float:right; margin-top:30px; }
	#peu a { color: #636160; font-size: 0.9em; }
	#peu a:hover { text-decoration:none; }
	
/* ---------------------------------------------------------------------------
	index.php
 --------------------------------------------------------------------------- */
 	
	#home .ce { float:left; width:264px; text-align:center; }
	#home .ce .bloc1 { margin-top: 0px; font-weight:bold; font-size: 1.2em; margin-bottom: 26px; }
	/*#home .ce .bloc1 { margin-top: 90px; font-weight:bold; font-size: 1.2em; margin-bottom: 26px; }*/
	#home .ce .bloc2 { margin-bottom: 20px; }
	#home .ce .bloc3 { color: #d08e20; font-weight:bold; font-size:1.2em; margin-bottom: 33px; }
	
	#home .cd { float:left; width: 162px; padding-right: 8px; }
	#home .cd .bloc1 { margin-bottom: 24px; }
	#home .cd .bloc1 img { border: 0; }
	#home .cd a img{ border: 1px solid #464241; }
	#home .cd .bloc2 { margin-bottom: 14px; }
	
	#home .d { float:left; margin-left: 10px; }
	#home .d .bloc1 { margin-top: 48px; margin-bottom: 14px; }
	#home .img-dreta-antena3 { background-image: url(../img/img-antena3.gif); background-position: left top; background-repeat:no-repeat; 
								padding-right: 124px; padding-top:8px; padding-bottom: 6px; font-size: 12px; display:block; }
	#home .d a img{ border: 1px solid #464241; }
	
	/*  formulari  */
	#form-home { width: 820px; margin: 0 auto; padding-bottom: 20px; }
	#form-home .esquerra { float:left; width: 420px; }
	#form-home .dreta { float:right; }
	#form-home a { color:#FFF; text-decoration:underline; }
	#form-home a:hover { text-decoration:none; }
	
	.border-proves { border: 1px solid #FFF; }
	
/* ---------------------------------------------------------------------------
	el-simbolo-perdido.php
 --------------------------------------------------------------------------- */
	
	#el-simbolo {}
	
	/*  dalt  */
	#el-simbolo .esquerra{ float:left; width:270px }
	#el-simbolo .esquerra a { color: #d08e20; text-decoration:none; }
	#el-simbolo .dreta { float:left; padding-left: 40px; width: 530px; text-align:justify; }
	#el-simbolo .dreta .titol { padding-top: 10px; padding-bottom: 20px; color: #d08e20; font-weight:bold; }
	#el-simbolo .dreta .text { line-height: 16px; }
	#el-simbolo .dreta .text p { padding-bottom: 12px; }
	
	/*  mig  */
	#el-simbolo .mig { margin-left: 34px; }
	#el-simbolo .mig a img { border: 1px solid #464241; }
	#el-simbolo .mig .text { font-size: 1.1em; margin-left: 60px; width:180px }
	#el-simbolo .mig .separador { background-image: url(../img/img-separador-el-simbolo.gif); background-position: left top; background-repeat:no-repeat;
									width: 14px; height:122px; margin-top: -10px; margin-left: 50px; }
	#el-simbolo .mig .caixa { background-image: url(../img/caixa-comprar-libro.gif); background-position: left top; background-repeat:no-repeat; 
								width: 215px; height:79px; margin-left: 52px; padding-top: 36px; margin-bottom: 20px; }
	#el-simbolo .mig .caixa a { padding: 0px 8px; }
	#el-simbolo .mig .caixa a img { border: 0; }
	
	/*  baix  */
	#el-simbolo .baix { width: 868px; margin:0 auto}
	#el-simbolo .baix .frases{ text-align:center; font-size: 1.1em; width: 640px; margin: 0 auto; margin-top: 10px; margin-bottom: 50px; }
	#el-simbolo .baix .frases p { padding-top: 30px; }
	
/* ---------------------------------------------------------------------------
	dan-brown.php
 --------------------------------------------------------------------------- */
	
	#dan-brown { width: 900px; padding-top: 40px; margin-left: 42px; }
	#dan-brown .sobre a { color:#FFF; }
	#dan-brown .sobre a:hover { text-decoration:none; }
	#dan-brown .sobre .img { float:left; width: 165px; }
	#dan-brown .sobre .text { float:left; width: 590px; margin-left: 40px; padding-top: 30px; font-size: 1.2em; line-height: 24px;  }
	#dan-brown .sobre .text p { padding-bottom: 10px; }
	
	#dan-brown .centre { background-image: url(../img/fons-dan-brown-centre.gif); background-repeat:no-repeat; background-position:left top; 
						width: 887px; height: 59px; margin-top: 30px;}
	#dan-brown .centre .bloc1 { float:left; padding-top: 22px; padding-left: 42px; font-size: 1.1em; }
	#dan-brown .centre .bloc2 { float:left; padding-top: 20px; padding-left: 80px; }
	#dan-brown .centre .bloc3 { float:left; padding-top: 15px; padding-left: 90px; }
	#dan-brown .centre .bloc3 a { background-image: url(../img/ico-audio.gif); background-position: left top; background-repeat:no-repeat; height: 1%; display:block;
								color: #d08e20; padding-left: 40px; padding-top: 7px; padding-bottom: 12px; font-size: 0.9em; text-decoration:none; }
	#dan-brown .baix { margin-bottom: 10px; margin-top: 32px; }
	#dan-brown .baix a img { border: 1px solid #464241; }
	#dan-brown .baix .bloc1 { float:left; padding-left: 2px; }
	#dan-brown .baix .bloc2 { float:left; padding-left: 24px; }
	#dan-brown .baix .bloc3 { float:left; padding-left: 34px; padding-top: 24px; }
	#dan-brown .baix .bloc3 a img { border: 0; }
	
/* ---------------------------------------------------------------------------
	noticias.php
 --------------------------------------------------------------------------- */
	
	#noticies { width: 886px; margin: 0 auto; }
	#noticies .ico-rss { margin-top: 24px; }
	#noticies .ico-rss a { background-image: url(../img/ico-rss.gif); background-position: left top; background-repeat:no-repeat; height: 1%; display:block;
						text-decoration:none; padding-left: 40px; padding-top: 7px; padding-bottom: 12px; color:#FFF; text-decoration:none; font-size: 0.9em; }
	#noticies .item { margin-top: 26px; }
	
	#noticies .baix { margin-bottom: 10px; margin-top: 32px; }
	#noticies .baix a img { border: 1px solid #464241; }
	#noticies .baix .bloc1 { float:left; padding-left: 2px; }
	#noticies .baix .bloc2 { float:left; padding-left: 24px; }
	#noticies .baix .bloc3 { float:left; padding-left: 34px; padding-top: 24px; }
	#noticies .baix .bloc3 a img { border: 0; }
	
/* ---------------------------------------------------------------------------
	los-enigmas.php
 --------------------------------------------------------------------------- */
	
	#los-enigmas { width: 886px; margin: 0 auto; }
	#los-enigmas .ico-rss { margin-top: 24px; }
	#los-enigmas .ico-rss a { background-image: url(../img/ico-rss.gif); background-position: left top; background-repeat:no-repeat; height: 1%; display:block;
						text-decoration:none; padding-left: 40px; padding-top: 7px; padding-bottom: 12px; color:#FFF; text-decoration:none; font-size: 0.9em; }
	#los-enigmas .item { margin-top: 26px; }
	
	#los-enigmas .baix { margin-bottom: 10px; margin-top: 32px; }
	#los-enigmas .baix a img { border: 1px solid #464241; }
	#los-enigmas .baix .bloc1 { float:left; padding-left: 2px; }
	#los-enigmas .baix .bloc2 { float:left; padding-left: 24px; }
	#los-enigmas .baix .bloc3 { float:left; padding-left: 34px; padding-top: 24px; }
	#los-enigmas .baix .bloc3 a img { border: 0; }
	
/* ---------------------------------------------------------------------------
	descargas.php
 --------------------------------------------------------------------------- */
	
	#descargas { width: 910px; margin: 0 auto; padding-top:35px}
	#descargas .titol { background-color: #4f0f10; color: #d08e20; padding: 4px; font-weight:bold; text-align:center; font-size: 1.2em;  }
	.marge_titol_descargas {margin-right:30px; margin-bottom:25px;}	
	.mides_fons_escritori {margin-top:25px; margin-left:40px; color:#9C9A9A; margin-right:30px}
	.mides_fons_escritori a {color:#D08E20; text-decoration:none;}
	.mides_fons_escritori p {margin-bottom:3px}
	.marge_descargas_01 {margin-left:72px}
	.marge_descargas_02 {margin-left:30px}
	.descargar_icono {margin:8px 0 12px 0}
	.descargar_icono a {color:#D08E20; text-decoration:none; font-size:11px}
	
	div#caixa_audio_descargar { background:url(../img/caixa_fons_01.gif) left top no-repeat; width:175px; height:54px; padding-top:7px; padding-left:20px; margin-left:20px}
	.descargar_audio {margin:3px 0 0 0}
	.descargar_audio a {color:#D08E20; text-decoration:none; font-size:11px}
	
	div#caixa_desc_capitol  { background:url(../img/caixa_fons_02.gif) left top no-repeat; width:173px; height:43px; margin-top:10px; padding-top:10px; padding-left:20px;margin-left:20px}
	.descargar_capitulo a {color:#D08E20; text-decoration:none;}


	#descargas .baix { margin-bottom: 10px; margin-top: 32px; }
	#descargas .baix a img { border: 1px solid #464241; }
	#descargas .baix .bloc1 { float:left; padding-left: 2px; }
	#descargas .baix .bloc2 { float:left; padding-left: 24px; }
	#descargas .baix .bloc3 { float:left; padding-left: 34px; padding-top: 24px; }
	#descargas .baix .bloc3 a img { border: 0; }
	
	div#frase_expertos_simbologia { background:url(../img/BARRA_SOLOPARA_EXPERTOS.gif) left top no-repeat; width:903px; height:50px; text-indent:-30000px; margin:20px 0 30px 0}
	
	div#frase_maestro_simbologia { background:url(../img/BARRA_SOLOPARA_MAESTROS.gif) left top no-repeat; width:903px; height:50px; text-indent:-30000px; margin:20px 0 30px 0}

/* ---------------------------------------------------------------------------
	baixa.php
 --------------------------------------------------------------------------- */
 	
	#baixa #wrap { margin: 100px auto; width: 800px; text-align:center; }
	#baixa .titol { padding: 20px 0 0 0; font-size: 1.6em;  } 
 	#baixa .form { margin: 40px 0 0 0;  }
	
	#baixa .form-msg { border: 2px solid #FFF; padding: 8px; width: 460px; margin: 20px auto; }
	
/* ---------------------------------------------------------------------------
	vincles
 --------------------------------------------------------------------------- */
 	
	a.default { color: #d08e20; text-decoration:none; }
	a.default:hover { color:#FFF; }
	
	a.bloc img { border: 1px solid #464241; }
	
/* ---------------------------------------------------------------------------
	icones
 --------------------------------------------------------------------------- */
 
 	.ico-fletxa-dreta { background-image: url(../img/ico-fletxa-dreta.gif); background-position: left top; 
						background-repeat:no-repeat; padding-left: 16px; }
		
/* ---------------------------------------------------------------------------
	formularis
 --------------------------------------------------------------------------- */
	
	form .dreta { font-size: 0.9em; }
	input.default { background-color: #464241; border: 0; width: 226px; margin-bottom: 8px; color:#FFF; font-size: 0.9em; padding: 2px; }
	input.submit { background-image: url(../img/img-button-enviar.gif); background-position:left top; background-repeat:no-repeat;
					height: 25px; width: 58px; border: 0; cursor:pointer; }
	textarea.default { background-color: #464241; border: 0; width: 226px; margin-bottom: 8px; color:#FFF; padding: 2px; }
	
/* ---------------------------------------------------------------------------
	altres
 --------------------------------------------------------------------------- */
 
 	.separador { height: 29px; background-image: url(../img/fons-separador-home.gif); background-position: left top; background-repeat:repeat-x;}
	.linia-horitzontal { border-bottom: 2px solid #716f6e; }
	.linia-horitzontal-mini { border-bottom: 1px solid #716f6e; }
	
	.color-groc { color: #d08e20; }
	
	.w-112 { width: 112px; }
 
  /* ---------------------------------------------------------------------------
	canvis estils (només estan a programació)
 --------------------------------------------------------------------------- */
 	
	div#marges_noticies {margin-left:60px; margin-right:50px; margin-top:15px}
	
	.ratlla_noticies  { background:url(../img/ratlla_02.gif) left top  repeat-x; height:2px; margin:15px 0 15px 0}
	
	.caixa_noticia {  }
	.caixa_noticia p {margin-bottom:10px; line-height:1.3em}
	.data_noticia { font-size:11px; margin-bottom:7px; font-style:italic}
	.titol_noticia {color:#D08E20; font-size:14px; font-weight:bold; margin-bottom:4px}
	
	.noti_publicada {color:#D48E1E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:25px 0 20px 0}
	.noti_publicada a {color:#D48E1E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
	
	.fons_icones { background:url(../img/fons_icones.gif) left top no-repeat;
	width:151px;
	height:24px;
	padding-left:13px;
	padding-top:2px}
	
	.fons_puntuacio{ background:url(../img/fons_puntuacio.gif) left top no-repeat;
	width:90px;
	height:30px;
	padding-left:10px;
	padding-top:5px;
	margin-top:9px}
	
	a.pagina:link,a.pagina:visited {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	height:20px;
	width:25px;
	font-family:Arial, Helvetica, sans-serif, Garamond;
	padding:4px 0px;
	text-align:center;
	margin-left:10px;
	text-decoration:none;
	background: url(../img/pag_01.gif) left top no-repeat;
	margin-top:10px;
	}
	a.pagina:hover {
	background: url(../img/pag_02.gif) left top no-repeat;
	color:#FFFFFF;}
	
	a.p_activa:link,a.p_activa:visited,a.p_activa:hover {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	font-size:12px;
	height:20px;
	width:25px;
	padding:4px 0px;
	text-align:center;
	margin-left:10px;
	margin-top:10px;
	text-decoration:none;
	background: url(../img/pag_02.gif) left top no-repeat;
	cursor:default;
	font-family:Arial, Helvetica, sans-serif, Garamond;}
	
	a.v_anterior:link, a.v_anterior:visited {
	color:#FFFFFF;
	height:10px;
	display:block;
	margin-right:5px;
	font-size:11px;
	text-decoration:none
	}
	
	a.v_siguiente:link, a.v_siguiente:visited {
	color:#FFFFFF;
	height:10px;
	display:block;
	margin-left:5px;
	font-size:11px;
	margin-left:15px;
	text-decoration:none
	}
	.ratlla_paginacio  { background:url(../img/ratlla_02.gif) left top  repeat-x; height:2px; margin:30px 0 25px 0}
	
	.caixa_noticia a { color:#FFF; }
	.caixa_noticia a:hover { text-decoration:none; }
	
	.fons_titol_enigma { background:#4F0F10; color:#D08E20; font-size:14px; font-weight:bold; padding-left:15px; height:23px; line-height:23px; margin-bottom:10px}
	
	.text_enigma {font-size:15px}
	.ratlla_enigma  { background:url(../img/ratlla_02.gif) left top  repeat-x; height:2px; margin:20px 0 10px 0}
	
	div#contenidor_negre { 
		width:850px;
		margin:0 auto;
		font-size:12px;
		color:#FFFFFF
	}

	.camps_formulari{background:#716F6E; border:0px; width:230px; margin-left:15px; margin-bottom:15px}
	.camps_formulari_juego{background:#716F6E; border:0px; width:200px; margin-left:15px; margin-bottom:15px}
	.camps_formulari_juego_final{ background:#dd9e1b; border:0px; width:200px; margin-left:15px; margin-bottom:15px}
	.camps_formulari_codi{background:#999; border:0px; width:80px;}
	.camps_formulari_maestro{background:#716F6E; border:0px; text-align:center; width:250px; margin-left:15px; margin-bottom:15px; height:30px; font-size:25px}
	.camps_formulari_maestro_web{background:#716F6E; border:0px; text-align:center; width:650px; margin-left:15px; margin-bottom:15px; height:30px; font-size:25px}
	.camps_formulari_maestro_maestro{background:#716F6E; border:0px; text-align:center; width:350px; margin-bottom:15px; height:80px; font-size:25px}
	
	
/**************movistar************/
div#caixa_movistar {width:200px; padding-left:10px; color:#AAAAAA; font-size:12px; float:left}
div#caixa_movistar a:link, div#caixa_movistar a:visited {color: #AAAAAA; text-decoration: none}
div#caixa_movistar a:hover {color: #AAAAAA; text-decoration: underline}
.no_border img {border:none !important}

/**************booket***************/
div#banner_booket { background:url(../img/banner_booket.gif) left top no-repeat; width:155px; height:57px; padding-left:20px; padding-top:15px; margin-bottom:15px; padding-right:60px; text-align:left; margin-left:15px}
div#banner_booket a:link, div#banner_booket a:visited { color:#FFFFFF;  font-size:17px; font-weight:bold; text-decoration:none}
div#banner_booket a:hover { text-decoration:underline}

a.v_booket_01:link, a.v_booket_01:visited { color:#FFFFFF !important; font-size:13px; font-weight:bold; text-decoration:underline !important}