body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../img/fons_terra.jpg);
	background-position:center;
	background-repeat:repeat;
}

#border {
	border:1px solid #333333;
}

#container_general {
	width:964px;
	position:absolute;
	left:50%;
	margin-left:-482px;
}

#container {
	width:964px;
	position:absolute;
	left:50%;
	margin-left:-482px;
	background-image:url(../img/fons_container.jpg);
	background-repeat:repeat;
}

#container_blanc {
	width:964px;
	position:absolute;
	left:50%;
	margin-left:-482px;
	background-image:url(../img/fons_container_blanc.jpg);
	background-repeat:repeat;
}

#contingut {
	width:940px;
	margin-left:12px;
}

#peu_pag {
	clear:both;
	margin-left:12px;
}

/**************************************** contingut ************************************************/
#esquerra {
	width:192px;
	float:left;
}

#mig {
	width:413px;
	float:left;
	margin-top:25px;
	margin-left:24px;
}

#mig_llarg {
	width:724px;
	float:left;
	margin-top:25px;
	margin-left:24px;
}

#dreta {
	width:311px;
	float:right;
	background-color:#363535;
}

#dreta_fotos {
	width:311px;
	float:right;
	background-color:#e3e3e3;
}

/**************************************** mig ************************************************/
#fons_titol{
	width:413px;
	height:25px;
	background-color:#bebebe;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#363535;
	text-decoration: none;
	text-align:right;
	font-weight: bold;
}
	#fons_titol div{
		padding-top:6px;
		padding-right:6px;
	}

#fons_titol_llarg {
	width:724px;
	height:25px;
	background-color:#bebebe;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#363535;
	text-decoration: none;
	text-align:right;
	font-weight: bold;
}
	#fons_titol_llarg div{
		padding-top:6px;
		padding-right:120px;
	}

.text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.text_marro {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a84a2d;
	text-decoration: none;
}

.fons_linia {
	background-color: #363535;
}

#mes_noticies{
	padding-right:6px;
}


#dades_noticia{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	width:407px;
	margin-top:12px;
}

#linia{
	background-color:#000000;
	height:1px;
}

#puntets{
	margin-top:4px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #bebebe;
	height:5px;
}

#links_requadre {
	width:393px;
	border:1px dotted #783e27;
	background-color:#f7f7f7;
	margin-top:12px;
	margin-right:12px;
	margin-bottom:12px;
}

	#links_requadre div {
		padding-top:10px;
		padding-left:10px;
		padding-bottom:10px;
	}


#requadre_dades{
	border:1px dotted #783e27;
	background-color:#f7f7f7;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
}

#thumbs_individuals {
	display:table; /*(només per FireFox) així fem que actui com una taula i podem aprofitar la propietat vertical-align*/
	float:left;
	height: 130px;
	width: 130px;
	padding: 5px;
	background: #fcf1ed;
	margin-top:12px;
	margin-right:12px;
	border: 1px solid #b7826d;
	text-align: center;
	line-height:132px; /*(només per IE) amb aquesta linea fem que també funciona amb IE*/
}
	#thumbs_individuals div {
		display:table-cell; /*(només per FireFox) ja hem dit que actui com una taula, ara aquesta capa actua com una cel·la*/
		vertical-align:middle; /*(només per FireFox) ja li podem dir que faci el vertical-align com si fos una tuala*/
	}

/* competició */

/* mig dividit en dos parts iguals*/
#meitat_mig_esquerra{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	width:362px;
	float:left;
	margin-left:24px;
	margin-top:25px;
}

#meitat_mig_dreta{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	width:362px;
	float:right;
	margin-top:25px;
}

#titol_meitat_esquerra{
	width:362px;
	height:25px;
	background-color:#bebebe;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#363535;
	text-decoration: none;
	text-align:left;
	font-weight: bold;
	margin-bottom:10px;
}
	#titol_meitat_esquerra div{
		padding-top:6px;
		padding-left:6px;
	}
	
#titol_meitat_dreta{
	width:362px;
	height:25px;
	background-color:#717070;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#dcdcdc;
	text-decoration: none;
	text-align:left;
	font-weight: bold;
	margin-bottom:10px;
}
	#titol_meitat_dreta div{
		padding-top:6px;
		padding-left:6px;
	}

#requadre_meitat{
	border:1px dotted #783e27;
	background-color:#f7f7f7;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	margin-top:12px;
	margin-right:12px;
	margin-bottom:12px;
}

#titol_master{
	width:328px;
	height:18px;
	background-color:#a84a2d;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration: none;
	text-align:left;
	font-weight: bold;
	margin-top:4px;
}
	#titol_master div{
		padding-top:2px;
		padding-left:6px;
	}


#lletra_marro{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a84a2d;
	text-decoration: none;
}

/* fi competicio */

#presentacio{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	width:393px;
	margin-top:30px;
	margin-bottom:30px;
	text-align:justify;
}

#dades_contactar{
	text-align:right;
	font-weight: bold;
}

/**************************************** formularis ****************************************/
.inputs {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #252525;
	text-decoration: none;
	border: 1px solid #252525;
}

.botons {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #363535;
	text-decoration: none;
	background-color: #d1d1d1;
	font-weight: bold;
}

.text_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a84a2d;
	text-decoration: none;
}

.selects {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

/*********************************** links ***********************************/
a.link_noticies{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
	a:link.link_noticies	{color:#000000}
	a:visited.link_noticies	{color:#000000}
	a:hover.link_noticies	{color:#a84a2d}
	a:active.link_noticies	{color:#a84a2d}
	
a.link_arxius{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
	a:link.link_arxius		{color:#000000}
	a:visited.link_arxius	{color:#000000}
	a:hover.link_arxius		{color:#a84a2d}
	a:active.link_arxius	{color:#a84a2d}

a.link_clubs{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
	a:link.link_clubs	{color:#000000}
	a:visited.link_clubs{color:#000000}
	a:hover.link_clubs	{color:#a84a2d}
	a:active.link_clubs	{color:#a84a2d}	

a.link_barra_nav_galeries {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
	a:link.link_barra_nav_galeries		{color:#363535}
	a:visited.link_barra_nav_galeries	{color:#363535}
	a:hover.link_barra_nav_galeries		{color:#a84a2d}
	a:active.link_barra_nav_galeries	{color:#a84a2d}	
