/*dues columnes*/
#container_main {
	margin: 0 auto;
	width: 943px;
	text-align: left;
}
	#container_sub {
		margin: 1.5em 0;
		padding: 0;
		clear: left;
		position: relative; height:1%;
	}
		#content_main {
			float: left;
			width: 357px;
			margin:0 0 0 545px;
			padding:0;
			position: relative;
			display: inline; /*ie6*/
		}
			#content_main div.top,
			#content_main div.bottom {
				position: absolute;
				left: 0;
				background: url('../comu/bg_content_main_top.png') no-repeat;
				width: 397px;
				height: 22px;
			}
			#content_main div.top {top: 0;}
			#content_main div.bottom {
				bottom: 0;
				background: url('../comu/bg_content_main_bottom.png');
				height: 24px;
			}
			#content_main div.mig{
				margin: 22px 0 24px 0; 
				padding: 0 20px;
				width: 357px;
				background: url('../comu/bg_content_main.png') repeat-y;
			}
			* html #content_main div.bottom {bottom: -1px;} /*ie6*/
		#content_sub {
			float: left;
			width: 397px;
			margin: 5px 0 0 545px;
			padding: 0;
			position: relative;
		}


/*una columna*/
.unaCol #content_main {
	width: 943px;
	margin: 0;
	padding: 0;
}	
	.unaCol #content_main div.mig {width: 863px;margin: 40px 0;padding: 0 40px;background: url('../comu/bg_content_main_una.png') top left repeat-y;}
	.unaCol #content_main div.top,
	.unaCol #content_main div.bottom {
		width: 943px;
		height:40px;
		background: url('../comu/bg_content_main_top_una.png') no-repeat;
	}
	.unaCol #content_main div.bottom {background-image: url('../comu/bg_content_main_bottom_una.png');}
	
.unaCol #content_sub {display: none;}

/* portada */
#portada #content_main {
	width: 942px;
	height:550px;
	margin-top:0;
	padding: 0;
	background: url('../comu/ilustracio_portada.jpg') 0 0 repeat-y;
}	
	#portada #content_main div.mig {width: 863px;margin:38px 0 0 0;padding: 0 40px;background:none}
	#portada #content_sub, #portada #content_main div.top, #portada #content_main div.bottom {display: none;height:1px;}
	#portada #container_sub {
		margin: 0;
		padding:0;
	height:548px;
	}
/* diploma */
#diploma #content_main {
	width: 943px;
	height:508px;
	margin: 0;
	padding: 0;
	background: none;
}	
	#diploma #content_main div.mig {width: 943px;margin: 0;padding:0;background:none;}
#diploma #content_sub, #diploma #content_main div.top, #diploma #content_main div.bottom {display: none;height:1px;}

/*Thickbox*/
#thickbox {background-color: #e5b278;overflow:hidden;}
#thickbox.gran {background-color: #e5b278;overflow:auto;}
	#thickbox #container_main {
		width: 734px;
		height: 404px;
		padding: 20px 40px 0 40px;
		margin: 0;
		background: #e5b278 url('../comu/bg_enviar_amic.jpg') 0 bottom no-repeat; 
		position: relative;
	}
	#thickbox.gran #container_main {height:auto;}/*vincles*/
a:link {
	color: #C90C08;
	text-decoration: none;
}
a:visited {
	color: #C90C08;
	text-decoration: none;
}
a:hover {color:#fff;text-decoration: underline;}

/*branding*/
#branding {position: relative;height:50px;margin:0;padding:0;z-index:1;}
#branding h1 {
	position: relative;
	overflow: hidden;
	width: 776px;
	height: 71px;
	float: left;
	margin:0;
	padding:0;
	font-size: 100%;
}
	#branding h1 span {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url('../comu/titol_navega_segur.png') no-repeat;
	}
	#branding span.tit {
		width: 776px;
		height: 71px;
		position: absolute;
		left: 0;
		top: 0;
		background: url('../comu/titol_navega_segur.png') no-repeat;
	}
#branding img {
	float: right;
	margin: 0;
}
/*---------------
=nav_main
---------------------------------------------*/

#nav_main {
	clear: both;
	width: 942px;
	z-index:20;
}
	#nav_main li {
		float: left;	
		height: 95px;
		text-align:center;
	}

	#nav_main #portada {width: 161px;}
	#nav_main #perque {width: 253px;}
	#nav_main #envia_amic {width: 250px;}
	#nav_main #navega {width: 278px;}

	#nav_main a {
		display: block;
		position: relative;
	}
		#nav_main a span {
			background: url('../comu/menu_interior.jpg') top no-repeat; 
			position: absolute; 
			top:0;
			left:0;
			width: 100%;
			height: 122px;
			cursor: pointer;
		}
	
	#nav_main #portada a span {background-position: 0 0;}
	#nav_main #perque a span {background-position: -161px 0;}
	#nav_main #envia_amic a span {background-position: -414px 0;}
	#nav_main #navega a span {background-position: -664px 0;}
	
	#nav_main #portada a:hover span {background-position: 0 -122px;}
	#nav_main #perque a:hover span {background-position: -161px -122px;}
	#nav_main #envia_amic a:hover span {background-position: -414px -122px;}
	#nav_main #navega a:hover span {background-position: -664px -122px;}
	
	#nav_main #portada a.current span {background-position: 0 -244px;}
	#nav_main #perque a.current span {background-position: -161px -244px;}
	#nav_main #envia_amic a.current span {background-position: -414px -244px;}
	#nav_main #navega a.current span {background-position: -664px -244px;}
	
	/* nav_main portada */		
		#portada #nav_main #perque {width: 267px;}
		#portada #nav_main #envia_amic {width: 335px;}
		#portada #nav_main #navega {width: 340px;}
			#portada #nav_main a span {
				background: url('../comu/menu_portada.jpg') top no-repeat; 
			}		
		#portada #nav_main #perque a span {background-position: 0px 0;}
		#portada #nav_main #envia_amic a span {background-position: -267px 0;}
		#portada #nav_main #navega a span {background-position: -602px 0;}
		
		#portada #nav_main #perque a:hover span {background-position: 0px -122px;}
		#portada #nav_main #envia_amic a:hover span {background-position: -267px -122px;}
		#portada #nav_main #navega a:hover span {background-position: -602px -122px;}
		
		#portada #nav_main #perque a.current span {background-position: 0px -244px;}
		#portada #nav_main #envia_amic a.current span {background-position: -267px -244px;}
		#portada #nav_main #navega a.current span {background-position: -602px -244px;}
					
/*Flash*/
#terra_ferma {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	margin-top:10px;
	float:left;display:inline;
}
.game {
	position: relative;
}
	.game p#sound {
		position:absolute; 
		top:570px; 
		left:0px;
	}
/*container_sub*/
#container_sub {
	font-size: .75em;
	color: #333;
}

/*content_main*/
h2 {
	position: relative;
	overflow: hidden;
	width: 345px;
	height: 29px;
}
	h2 span {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: no-repeat;
	}
		h2#proteccio span {background-image: url('../gif/titol_proteccio.jpg');}
		h2#filtre span {background-image: url('../gif/titol_filtre.jpg');}
		h2#actualitzacio span {background-image: url('../gif/titol_actualitzacio.jpg');}
		h2#comerc span {background-image: url('../gif/titol_comerc.jpg');}
		h2#defensa span {background-image: url('../gif/titol_defensa.jpg');}
		
		.unaCol span.vols_arribar {width:469px;height:43px;display:block;background: url('../gif/tit_vols_arribar_form.png') 0 0 no-repeat;margin-left:-7px}
		#portada span.vols_arribar {width:181px;height:89px;display:block;background: url('../gif/tit_vols_arribar.png') 0 0 no-repeat;}
		
		span.aconsegueix_recompensa {width:198px;height:109px;display:block;background: url('../gif/aconsegueix_recompensa.png') 6px 4px no-repeat;}
		span.el_perque {width:246px;height:46px;display:block;background: url('../gif/titol_pq_del_joc.png') 0 0 no-repeat;margin-bottom:1em;}
		span.rosadevents {width:105px;height:125px;display:block;background: url('../comu/icona_illa_rosavents.png') 0 0 no-repeat;float:left;}
		span.et_premia {width:479px;height:57px;display:block;background: url('../gif/titol_santjordi_et_premia.png') 0 0 no-repeat;margin-left:105px;}
		span.diada_st_jordi {margin-left:98px;width:605px;height:63px;display:block;background: url('../gif/titol_puntcat_et_desitja.png') 0 0 no-repeat;}
		
		h2#enhorabona span {background-image: url('../gif/tit_enhorabona.jpg');}
		h2#hosentim span {background-image: url('../gif/titol_suspes.jpg');}		
		/*
		h2#enhorabona2 span {background-image: url('../gif/tit_enhorabona2.jpg');}
		h2#hosentim span {background-image: url('../gif/tit_hosentim.jpg');}
		h2#anys150 span {background-image: url('../gif/tit_perque.jpg');}*/
h3 {
	position: relative;
	overflow: hidden;
	width: 230px;
	height: 14px;
}
	h3 span {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: no-repeat;
	}
	
	h3#rumb {height: 14px;}
		h3#rumb span {background-image: url('../gif/rumb_terra_ferma.jpg');}		

	#content_main p#comenca {
		font-size:24px;
		text-transform:uppercase;
		position: relative;
		top:20px;
		left:260px;
		overflow: hidden;
		width: 279px;
		height: 140px;
		padding: 0;
		margin: 0;
		text-align:center;
	}
		#content_main p#comenca a {text-align:center;float:left;padding:10px;}
		#content_main p#comenca span {
			width: 279px;
			height: 140px;
			position: absolute;
			left: 0;
			top: 0;
			background: url('../gif/comenca_el_viatge.png') no-repeat;
			cursor: pointer;
		}
	#content_main p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		line-height: 1.5em;
		color:#583418;
		font-weight:bold;
	}
	#content_main strong {color: #583418;}
		#content_main p.pregunta {
			color: #036;
			font-weight: bold;
			border: 1px solid #000;
			border-width: 1px 0;
			margin: .5em 0 0 0;
			padding: .8em 0;
		}
		#content_main p.resposta {
			font-weight: bold;
			border-bottom: 1px solid #ccc;
			margin: 0 0 1em 0;
			padding: 1em 0 .8em 0;
		}
			#content_main p.resposta img {
				vertical-align: middle;
			}
		#content_main p.explicacio {
			border-bottom: 1px solid #ccc;
			padding: 0 0 1em 0;
		}
#content_main form {
	margin: 0;
	padding: 0;
}
#content_main ol {
	list-style-type: none;
}
#content_main li {
	border-bottom: 1px solid #ccc;
	padding: .8em 0;
}
#content_main form div {
	margin: 0;
}
#content_main form img#tactica {
	position: absolute;
	margin-top:5px;
	right: 0px;
}
* html #content_main form img#tactica {right: 28px;}
button {
	background: transparent;
	border: none;
	width: 200px;
	height: 62px;
	cursor:pointer;
}
	button#seguent {width: 275px;}
	button#resultats_conquesta {width: 293px;}	
/*inscripci�*/
blockquote p {
	position: relative;
	overflow: hidden;
	width: 585px;
	height: 90px;
}
	blockquote p span {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url('../gif/intro_presentacio.gif') no-repeat;
	}
/*regals*/
#content_main ul#regals li {
	width: 286px;
	float: left;
	border: none;
}
	#content_main ul#regals li#llibre {margin-right: 20px;}
	#content_main ul#regals li img {
		float: left;
		margin: 0 20px 10px 0;
	}
	#content_main ul#regals li em {
		font-style: normal;
		font-weight: bold;
	}
h3 {
	position: relative;
	overflow: hidden;
	width: 235px;
	height: 34px;
}
	h3 span {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: url('../gif/tit_form_inscr.jpg') no-repeat;
	}
form#inscripcio {
	background:none;
	width: 850px;
	position: relative;
	padding: 0;
	margin:0;
	height: 1%;
	color: #3f200a;
}
	form#inscripcio div {
		/*background: none;
		padding: 1em 0;
		margin: 0;
		clear: left;*/
		font-weight:normal;
		height: 1%; /*IE hack*/
	}
		form#inscripcio div.clearfix {
			background: none;
			padding: 1em 0;
			margin: 0;
			clear: left;
			border-bottom:1px solid #583418;
		}
		form div label {
			font-weight: normal;
			width: 11em;
			display: block;
			float: left;
			padding: .2em;
		}
		form div input {
			border: 1px solid #583418;
			/*background: #f6e8c5 url('../comu/bg_input.jpg');*/
			color: #3f200a;
			padding: .1em;
			width: 65%;
		}
		#content_main form div p.info_inscripcio {
			font-size: .916em;
			font-weight: normal;
			background: url(../comu/icon_info_form.gif) no-repeat 0 50%;
			padding: 0 0 0 25px !important;
			margin: 0;		
			display:block;
			clear:both;
		}
		#content_main form#inscripcio div.discount p.alert {
			font-size: .916em;
			font-weight: normal;
			background: url(../comu/icon_info_form.gif) no-repeat 0 50%;
			padding: 0 0 0 25px !important;
			margin: 0;		
			display:block;
			clear:both;
			margin-top: 1em;
		}
		#content_main p.nota {
			font-size: .916em;
			font-weight: normal;
		}
		
		form div.radios {
			background: none;
			font-weight: bold;
			padding: 1em 0;
			margin: 0;
			clear: left;
			border-bottom:1px solid #583418;
		}
			form div.radios p {width:auto;float:left;}
			form div.radios span {display: block;}
			form div.radios label {
				font-weight: bold;
				display: inline;
				width: auto;
				float: none;
			}
				form div.radios label.dama {margin-left: 2em;}
				#content_main form div.radios input {
					border: none;
					width: auto;
					background: none;
				}
			form div#check {
				border-bottom:1px solid #583418;
				padding: 1em 0;
				margin: 0;
				clear: left;
			}
			form div#check label {
				display: inline;
				width: auto;
				float: none;
			}
				form div#check input {
					width: auto;
					border: none;
					padding: 0;
				}
				form#inscripcio div#check p {
					font-weight:normal;
					font-size: .917em;
					padding:1em 0 1em 120px;
					color:#333;
					background: transparent url(../comu/sobre.png) no-repeat 10px 1em;
				}
			form#inscripcio div#captcha {
				border:none;
			}
			form#inscripcio div#captcha div {
				background: none;
				padding: 0;
				float: left;
				clear: none;
				margin: 0 0 0 5px;
				border:none;
			}
				form#inscripcio div#captcha label {
					float: right;
					width: auto;
					font-weight: normal;
					margin: .1em 0 .5em 0;
					padding: 1em 0 .5em 2em;
				}
				form#inscripcio div#captcha a {
					cursor: pointer;
					color: #900;
				}
				form#inscripcio div#captcha div input {
					display: block;
					margin: 0;
					width: 120px;
				}
				
			form#inscripcio div.discount {
				height: auto;
			}
			form#inscripcio div.discount p.alert {
				margin-left: 18.5em;
				margin-top:-1em;
				font-weight:bold;
				font-size:.8em;
			}
			form div.radios label.registre,
			form div.radios label.renovacio {margin-left: 14em;}
			form div.radios label.registre,
			form div.radios label.renovacio {position: relative; top: -2em; display:inline;}
			form div.radios em {
				font-size: .9em;
				display: block;
				margin-left: 18em;
				font-weight: normal;
				position: relative;
				top: -2em;
			}
			form div.radios label.renovacio input {display:inline;}
		form div#bt {background: none;width:100%;text-align:right;border:none;}
			form div#bt button {width: 653px;height:109px;}
				/*Error*/
				form#inscripcio div label.error {
					font-size: .916em;
					width: auto;
					color: #900;
					font-weight: normal;
					background: url(../comu/icon_error_form.gif) no-repeat 0 25%;
					padding: 0 0 .5em 27px;
					margin: .3em 0 .3em 0;
					clear: left;
				}					
					form#inscripcio div#captcha label.error{
						float:none;
						margin: .3em 0 .5em 0;
						padding: 1em 0 .5em 2em;
						background: url(../comu/icon_error_form.gif) no-repeat 0 10px;
					}
					
					form#inscripcio div.discount label.error {
						display: block;					
						margin: .3em 0 .5em 0;
						padding: 1em 0 .5em 2em;
						background: url(../comu/icon_error_form.gif) no-repeat 0 10px;
					}
					
					
				form#inscripcio input.error {
					/*background: #fff;
					border-color: #999;*/
				}
				form#inscripcio div#radios input {
					background: none;
				}
			
	#content_main form#inscripcio div.bottom {
		width: 596px;
		height: 25px;
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0;
		padding: 0;
		background: none; 
		border:none;
	}
	
/*diploma*/
#diploma #content_main {text-align:center;color:#abd52c;} 
	#diploma #content_main p {font-weight:normal}
	#diploma #content_main h2 {text-align:center;color:#abd52c;width:713px;height:71px;margin-left:160px;}
		#diploma #content_main h2 span {background: url('../gif/tit_enhorabona.jpg') top center no-repeat ;} 
	#diploma #content_main h2#hosentim {text-align:center;color:#abd52c;width:774px;height:34px;margin-left:80px;}		
		#diploma #content_main h2#hosentim span {background: url('../gif/titol_suspes.jpg') top center no-repeat ;} 
	
	#diploma h3#codi {width:796px;height:33px;margin:20px 0 20px 70px;}
		#diploma h3#codi span {background: url('../gif/titol_codi_descompte.jpg') 0 100% no-repeat;}
	
	#diploma h3#publicitaho {width:157px;height:18px;margin:10px 0 10px 10px;}
		#diploma h3#publicitaho span {background: url('../gif/titol_publicitaho.gif') 0 100% no-repeat;}

	#diploma h3#tornahi {width:281px;height:25px;margin:10px 0 10px 10px;}
		#diploma h3#tornahi span {background: url('../gif/titol_tornaho_provar.gif') 0 100% no-repeat;}

	#diploma #content_main p {text-align:center;color:#abd52c;} 
		#diploma #content_main p strong {color:#ffffff;} 
		
	#diploma #content_main div#opcions {float:left;width:580px;border-right:1px solid #abd52c;padding:0 15px 0 0;}	
		#diploma #content_main div#opcions p {text-align:left;padding-left:10px;padding-right:5px;}
			#diploma #content_main div#opcions div p {text-align:center;padding:0;}
			#diploma #content_main div#opcions div p#imprimir {float:left;position: relative;overflow: hidden;width:283px;height:124px;}
			#diploma #content_main div#opcions div p#convidar {float:right;position: relative;overflow: hidden;width:273px;height:124px;padding:0 10px 0 0;text-align:right;}
				#diploma #content_main div#opcions div p#imprimir span {position: absolute;left: 0;top: 0;width:100%;height:100%;background: url('../gif/imprimir.png') 0 0 no-repeat;}
				#diploma #content_main div#opcions div p#convidar span {position: absolute;left: 0;top: 0;width:100%;height:100%;background: url('../gif/convidar_amic.png') top right no-repeat;}
		
		#diploma #content_main div#opcions img {padding:0;margin:0 0 0 10px;float:left;}
		#diploma #content_main div#opcions textarea {font-size: 1em;font-family: Verdana, Arial, sans-serif;width:295px;height:100px;margin:0 0 0 12px;padding:5px;border:none;background:#ffffcc;}
	
	#diploma #content_main div#torna {float:right;width:330px;}
		#diploma #content_main div#torna p {text-align:left;padding-left:10px;}
			#diploma #content_main div#torna div p {text-align:center;padding:0;}
			#diploma #content_main div#torna div p#denou {float:left;position: relative;overflow: hidden;width:284px;height:124px;}
				#diploma #content_main div#torna div p#denou span {position: absolute;left: 0;top: 0;width:100%;height:100%;background: url('../gif/intentaho_de_nou.png') 0 0 no-repeat;}
			
			
		
	
#content_main img#diploma_guanyador {
	margin: 1em 0 1em 10px;
	clear: both;
}
#content_main div#premis {
	margin: 1em 0;
	padding: 1em;
	background: #fff;
}
	#content_main div#premis div {
		float: right;
	}
		#content_main div#premis div img {
			margin: 0 15px;
		}
	
#content_main div#no_premis {
	margin: 1em 0;
	padding: 1em;
	background: #fff;
	border: 2px solid #C00;
}		
#diploma #content_main ul  {margin-bottom: 1em;}
#diploma #content_main ul li {display: inline;}
	#diploma #content_main ul li a {
		position: relative;
		overflow: hidden;
		display: block;
		float: left;
		height: 51px;
		margin-right: 13px;
	}
	#diploma #content_main ul li#print a {width: 285px;}
	#diploma #content_main ul li#jugar a {width: 175px;}
	#diploma #content_main ul li#amic a {width: 224px;}
		#diploma #content_main ul li a span {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: no-repeat;
			cursor: pointer;
		}
		#diploma #content_main ul li#print a span {background-image: url('../gif/bt_imprimir_diploma.jpg');}
		#diploma #content_main ul li#jugar a span {background-image: url('../gif/bt_torna_jugar.jpg');}
		#diploma #content_main ul li#amic a span {background-image: url('../gif/bt_convida_amic.jpg');}
		
/*correcte*/
#correcte #content_main {padding-bottom: 120px;}
#correcte #content_main ul {
	margin-bottom: 1em;
	border: 1px solid #999;
	border-width: 1px 0;
	padding: 1em 0;
}
#correcte #content_main ul li {display: inline;}
	#correcte #content_main ul li a {
		position: relative;
		overflow: hidden;
		display: block;
		float: left;
		height: 52px;
		width: 176px;
		margin-right: 13px;
	}
		#correcte #content_main ul li a span {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: no-repeat;
			cursor: pointer;
		}
		#correcte #content_main ul li#tornar a span {background-image: url('../gif/bt_torna_jugar2.jpg');}
		#correcte #content_main ul li#amic a {width: 225px;}
		#correcte #content_main ul li#amic a span {background-image: url('../gif/bt_convida_amic2.jpg');}

/*portada*/
#portada #content_main p {font-weight:bold;width:205px;margin-top:5px;font-size:14px;}
	#portada #content_main p#comenca {		
		font-size:24px;
		text-transform:uppercase;
		position: relative;
		top:130px;
		left:486px;
		overflow: hidden;
		width: 279px;
		height: 140px;
		padding: 0;
		margin: 0;
		text-align:center;
	}

/*centenari*/
.perque #content_main div.text {
	background: url('../comu/dibuix_perque_del_joc.png') no-repeat right top;
	padding-right: 420px;
}

/*content_sub*/
#content_sub h2 {
	width: 228px;
	height: 30px;
}
	#content_sub h2 span {background-image: url('../gif/tit_estat_conquesta.gif');}
#content_sub ol {
	margin: 1em 24px 0 24px;
	padding-left: 0;
	list-style-position: inside;
}
	#content_sub ol li {
		border-top: 1px solid #ccc;
		padding: .8em 0;
		position: relative;
		padding-left: 1em;
	}
		#content_sub ol li img {
			position: absolute;
			right: 0;
			top: .5em;
		}
		#content_sub ol li.current {background: url('../comu/fletxa_pas.gif') 0 50% no-repeat;}
		
/*Thickbox*/
#thickbox form {width:500px;margin-left:5px;}
#thickbox form div.nom, #thickbox form div.emailpropi {border-bottom:1px solid #583418;padding:.8em 0 .2em 0;}
#thickbox form div.botons {text-align:center;padding:.8em 0 .2em 0;}
#thickbox form div {
	/*border-top: 1px solid #bf8630;*/
	padding: 0;
	clear: left;
}
#thickbox p,
#thickbox label {
	font-size: .75em;
	color: #3f200a;
}
#thickbox p {
	margin: 0;
	padding-top: .5em;
	/*border-top: 1px solid #bf8630;*/
}
	#thickbox p.nota {
		border: none;
		width:730px;
		font-size: .6875em;
		margin-left:5px;
	}
a.tancar {
	font-size: .6875em;
	background: url('../comu/boto_tanca_finestra.gif') 100% 50% no-repeat;
	padding: .5em 25px .5em 0;
	display: block;
	float: right;
	text-decoration: none;
}
	.unaCol a.tancar {
		font-size: 1em;
		padding: .5em 35px .5em 0;
		background: url('../comu/boto_tanca_finestra.gif') 50px 5px no-repeat;
		color:#ffffff;
	}
#thickbox label {width: 150px;
		display: inline;
		float: left;}
#thickbox div#radios {
	font-size: .75em;
	font-weight: bold;
	color: #333;
	clear: left;
	padding:.5em 0;
}
	#thickbox form div#radios label {
		font-size: 1em;
		display: inline;
		width: auto;
		float: none;
		font-weight: normal;
	}
#thickbox input {
	width: 300px;
}
	#thickbox div.input_text {
		width: 320px;
		display:inline;clear:none;
	}
#thickbox button {
	width: 200px;
	height: 50px;
	cursor: pointer;
	/*margin-left:200px;*/
	/*margin-top:1em;*/
}
/*Error*/
form#enviar_amic div label.error {
	font-size: .6875em;
	width: 200px;
	color: #900;
	font-weight: normal;
	background: url(../comu/icon_error_form.gif) no-repeat 0 50%;
	padding: .2em 0 .2em 27px !important;
	margin: 0 0 0 10px;
}
* html form#enviar_amic div label.error {
	margin-left: 0;
	float: right;
	width: 216px;
}
form#enviar_amic div#radios label.error {
	margin-top: .5em;
	float: left;
	font-size: .916em;
}
* html form#enviar_amic div#radios label.error {
	float: right;
	width: 216px;
}
form#enviar_amic input.error {
	/*background: #ff9;
	border-color:#666;*/
}
form#enviar_amic div#radios input {
	background: none;
}

/*T�ctica i estrat�gia*/
body#tactica {background: #333;}
#tactica #container_main {
	background: #fff;
	width: 666px;
	padding: 10px;
	color: #333;
	position: relative;
}
	#tactica #container_main h1 {
		margin-bottom: 15px;
		margin-left: -4px;
	}
		#tactica #container_main img {
			vertical-align: middle;
		}
	#tactica #container_main h2 {width: auto;}
	#tactica #container_main div#txt {
		background: #fff url('../comu/ombra_caixa_tactica.jpg') repeat-y;
		width: 639px;
		padding: 10px 15px;
		margin: 0 auto;
		position: relative;
	}
		#tactica #container_main div#top {
			background: #fff url('../comu/ombra_caixa_tactica_top.jpg') 0 100% no-repeat;
			width: 669px;
			height: 6px;
			position: absolute;
			left: 0;
			top: 0;
		}
		#tactica #container_main div#bottom {
			background: #fff url('../comu/ombra_caixa_tactica_bottom.jpg') no-repeat;
			width: 669px;
			height: 6px;
			position: absolute;
			left: 0;
			bottom: 0;
		}
		#tactica #container_main h2 {
			font-size: .8125em;
			margin: .692em 0 0 0;
			padding-top: .692em;
			border-top: 1px solid #ccc;
		}
		#tactica #container_main p,
		#tactica #container_main ul {
			font-size: .75em;
			margin: 0 0 .692em 0;
			line-height: 1.5em;
		}
		#tactica #container_main ul {list-style: disc inside;padding-top:0;}
			#tactica #container_main ul ul {font-size:1em;margin-left:1em;}
		#tactica #container_main a:link {
			text-decoration: none;
			color:#003366;
		}
		#tactica #container_main a:visited {color: #666;text-decoration: none;}
		#tactica #container_main a:hover {text-decoration: underline;}
		#tactica #container_main strong {
			color: #036;
		}
		#tactica #container_main p#intro {
			background: url('../comu/pastilla_timo_periscopi.jpg') no-repeat;
			padding: 1.5em 1em 1em 80px;
		}
		#tactica a#tancar {
			font-size: .6875em;
			background: url('../comu/boto_tanca_finestra.gif') right 4px no-repeat;
			padding: .5em 25px .5em 0;
			display: block;
			color: #900;
			text-decoration: none;
			position: absolute;
			right: 25px;
			top: 30px;
		}
			#tactica a#tancar:visited {color: #900;}
			#tactica a#tancar:visited {color: #900;}


#container_main p.espai {margin-left:112px;padding:0.5em 0;}
#container_main p.espai span {text-align:center;font-size:2em;padding:0.5em .8em;background:url('../comu/bg_codi.png');width:90%;display:block;}

#container_main ul.premis {margin:1em 20px 0 112px;display:block;}
#container_main ul.premis li {float:left;width:46%;height:150px;border:none;border-right:1px dotted #000000;padding:0 1% 0 0;margin:0 2% 1em 0;}
	#container_main ul.premis li.parell {border:none;}	
#container_main ul.premis li img {float:left;margin-right:1em;}
#container_main ul.premis li h3 {display:inline;margin-top:5px;color:#3e1f0a;font-size:1.4em;}
#container_main ul.premis li p {margin:0;padding:.3em 0 0 0;font-size:1em;}
	#container_main ul.premis li p.editorial {font-size:.9em;font-style:italic}
	#content_main div.social {
		margin-top: 1em;
		margin-left:112px;
	}
		#content_main div.social li {
			float:left;
			border:none;
		}	
		

/*
General
---------------------------------------------*/
html {font-size: 100%;} /* WinIE text resize correction */
body {
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: #000;
	background: #00919e url('images/bg.jpg');
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,ul,ol,dl,p,fieldset,legend,button,blockquote {margin:0;padding:0;}
img,abbr,acronym,fieldset {border: none;}
ul {list-style: none;}
hr {display: none;}

/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */



/*---------------
Accessibilitat
---------------------------------------------*/
#acc {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 1;
}
	#acc a:focus,
	#acc a:active {
		position : absolute;
		top : 9010px;
		left : 9010px;
		background : #fff; 
		color : #333;
		padding : 5px;
		font-weight : bold;
		border : 1px solid #600;
		width : 10em;
		z-index : 1;
	}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	color:#000000;
	display:none;
	/*border: 4px solid #000;*/
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
/*
	background-color:#e8e8e8;
	height:27px;
*/
	display:none;	
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*

Uniform Theme: Antaviana

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span, 
div.radio span, 
div.uploader, 
div.uploader span.action {
  background-image: url(../comu/jforms/sprite.png);
  background-repeat: no-repeat;
}

.selector, 
.radio, 
.checker, 
.uploader, 
.selector *, 
.radio *, 
.checker *, 
.uploader *{
	margin: 0;
	padding: 0;
	cursor:pointer;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
	height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
	line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
	left: 0px;
}

div.selector:active, 
div.selector.active {
	background-position: -483px -156px;
}

div.selector:active span, 
div.selector.active span {
	background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -78px;
}

div.selector.disabled {
	background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
  bottom:2px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span, 
div.checker.active span {
	background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -57px -260px;
}

div.checker span.checked {
	background-position: -76px -260px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
  top:4px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -278px;
}

div.radio:active span, 
div.radio.active span {
	background-position: -18px -278px;
}

div.radio.focus span, 
div.radio:hover span {
	background-position: -36px -278px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -54px -278px;
}

div.radio span.checked {
	background-position: -72px -278px;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -90px -278px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -108px -278px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -126px -278px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -144px -278px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -162px -278px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

/* PRESENTATION */

/* Select */
div.selector {
  margin-bottom: 20px;
  width: 190px;
  font-size: 12px;
}

div.selector select {
  width: 190px;
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 12px;
	border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
	color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 10px;
}

/* Radio */
div.radio {
  margin-right: 10px;
}

/* Uploader */
div.uploader {
  width: 190px;
  margin-bottom: 20px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
  outline: 0;
}

/* Select */

div.selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}

div.selector span {
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.selector select {
	width:185px;
	position: absolute;
	margin-left:3px;
	opacity: 0;
  height: 25px;
  border: 0 !important;
  background: #f7f7f7;
}

/* Checker */

div.checker {
	position: relative;
	float: left;
}

div.checker span {
	display: block;
	float: left;
	text-align: center;
}

div.checker input {
  opacity: 0;
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
	position: relative;
	display:inline-block;
	/*float: left;*/
}

div.radio span {
	display: inline-block;
	float: left;
	text-align: center;
}

div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  float: left;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}

/* dins de la taula */
.checker {margin:0 0 0 .75em;}

/* input text */
div.input_text {
  display:block;
  width:470px;
  height:19px;display:inline;clear:none;
}
form#inscripcio div#captcha div.input_text {margin-top:5px;}
	div.input_text input {
		width:458px;
		background: none;
	  border:none;
	  float:left;
	  height:19px;
	  margin-bottom:.5em;
	  padding:2px 0 0 8px;
  	background: url('../comu/jforms/text_textarea.png') 0px 0px no-repeat;
	}
	div.input_text span {
	  background: url("../comu/jforms/text_textarea.png") 0px -21px;
	  display:inline-block;
	  width:4px;
	  height:21px;
	  float:left;
	  margin:0;padding:0;
	}
	form#inscripcio div#captcha div.input_text div.input_text span, form#inscripcio div#captcha div.input_text div.input_text input {margin-top:5px;}

	div.input_text input:hover, div.input_text input:focus {background-position: 0px -42px;}
		div.input_text.hover span, div.input_text.focus span {background-position: 0px -63px;}