HTML { overflow: hidden; }

BODY
{
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	
	color: #FFFFFF;
	background-color: #222222;

	font-family: Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}
	
DIV, P, TABLE, UL, LI
{
	margin: 0%;
	padding: 0%;
	
	text-align: left;
}

IMG { border-style: none; }

A { color: #FF0000; text-decoration: none; }
A:hover { text-decoration: none; }
A:active { text-decoration: none; }

/********************************************************MUR*******/
	
#mur
{
	position: absolute;
	top: 0%;		left: 0%;
	width: 100%;
	height: 12%;
	z-index: 50;

	color: #000000;
	background-color: #FF0000;
	background-image: url("/imatges/mur.png");
	background-position: top left;
	background-repeat: repeat;
}

#sosracisme
{
	position: absolute;
	top: 0%;		left: 0%;
	width: 70%;
	height: 100%;
	z-index: 60;
	
	text-align: left;
}

#pintades
{
	position: absolute;
	top: 5%;		left: 50%;
	width: 468;
	height: 60;
	z-index: 55;
	
	text-align: left;
}

#sosracisme OBJECT, #pintades OBJECT
{
	width: 100%;
	height: 100%;
	
	background-color: transparent;
}

#sosracisme IMG, #pintades IMG
{
	height: 100%;
}

#sosracisme_impresio
{
	display: none;
}

/********************************************************************/
/********************************************************FRANJES****/

#franjes
{
	position: absolute;
	top: 12%;		left: 0%;
	width: 100%;
	z-index: 65;
	
	font-size: 0.8em;
}

/*-------------------------------------------------*/

#franja_noticies
{
	position: relative;
	top: 0%;		left: 0%;
	width: 100%;

	color: #FFFFFF;
	background-color: #FF6600;
}

#franja_noticies A { color: #FFFFFF; }

#enllasos
{
	position: absolute;
	top: 0%;		left: 3%;
	padding: 0.3em;
	z-index: 75;
	
	white-space: nowrap;
}

#noticies
{
	position: relative;
	top: 0%;		left: 30%;
	width: 70%;
}

#not_retol
{
	position: absolute;
	top: 0%;		right: 100%;
	width: 7em;
	padding: 0.3em 0em;

	text-align: right;
	white-space: nowrap;
}

#not_visor
{
	position: relative;
	top: 0%;		left: 0%;
	width: 100%;
	padding: 0.3em 0em;
	z-index: 72;
	
	overflow: hidden;
}

.not_article
{
	position: absolute;
	top: 0%;		left: 0%;
	padding: 0.3em;
	z-index: 70;
	
	white-space: nowrap;
}

/*-------------------------------------------------*/

#franja_menu
{
	position: relative;
	top: 0%;		left: 0%;
	width: 100%;
	padding: 0.3em 0em;
	
	background-color: #FF9933;
	cursor: default;
}

#franja_menu A
{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

.item_n1
{
	display: inline;
	padding: 0em;
	
	color: #000000;
	
	font-weight: bold;
	white-space: nowrap;
}

.item_n1 A { padding: 0.3em 1em; }

.item_n2, .item_n3
{
	display: block;
	position: relative;
	top: 0%;		left: 0%;
	padding: 0em;
	
	color: #666666;
}
.item_n2 { white-space: nowrap; border-top: 1px solid #FFDD88; border-bottom: 1px solid #FFDD88; }
.item_n3 { white-space: normal; border-top: 1px solid #FFEEC4; border-bottom: 1px solid #FFEEC4; }

.item_n2 A, .item_n2 SPAN
{
	display: block;
	padding: 0.3em 1em;
}

.menu_n1
{
	visibility: hidden;
	position: absolute;
	top: 100%;		left: 0%;
	z-index: 90;
	
	background-color: #FFDD88;
	
	font-weight: normal;
	list-style: none;
}

.menu_n2
{
	visibility: hidden;
	position: absolute;
	top: 0%;		left: 100%;
	width: 20em;
	z-index: 95;

	background-color: #FFEEC4;
	
	font-weight: normal;
	list-style: none;
}

/*------------------------------------------------- CERCA */

#cerca_google
{
	position: absolute;
	top: 50%;		right: 0%;
	padding: 0em;
	
	color: #000000;
	text-align: right;
	background-color: transparent;
}

.cerca_menu
{
	padding: 0.3em 0em;
	
	font-weight: bold;
	text-align: right;
}

.cerca_menu A
{
	padding: 0.3em 1em;
	
	color: #000000;
	font-weight: bold;
}

.cerca_menu A:hover { color: #FFFFFF; }

#cerca_form
{
	visibility: hidden;
	position: absolute;
	top: 100%;		right: 0%;
	width: 300px;
	margin: 0em;
	padding: 0.3em;
	
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	text-align: center;
}

.cerca_info
{
	padding: 0.1em;
	
	color: #333333;
	font-size: 0.8em;
	text-align: left;
}

.cerca_botons
{
	padding: 0.1em;
	
	text-align: center;
}

.cerca_botons IMG { vertical-align: middle; }

/************************************************************************/
/************************************************************COS*********/

#cos
{
	position: absolute;
	top: 12%;		left: 0%;
	width: 100%;
	height: 88%;
	z-index: 2;
}

#visible
{
	position: absolute;
	top: 2.7em;		left: 0%;
	width: 100%;
	height: 85%;
	z-index: 3;
}

#cos > #visible
{
	bottom: 0%;
	height: auto;
}

/*-------------------------------------------------*/

#pagina
{
	position: absolute;
	top: 3%;
	width: 62%;
	height: 94%;
	z-index: 5;
	
	overflow: auto;
	
	color: #000000;
	background-color: #FFFFFF;
	
	font-size: 0.9em;
}

.pagambtod { left: 35%; }
.pagambtoc { left: 27%; }
.pagsola { left: 19%; }

#contingut
{
	margin: 0% 5%;
	padding: 1.5em 0em;
	
	border: 1px solid #FFFFFF;
}

/*--------------------------------------BASICS---*/

/*---------------TITOLS-------------*/

#contingut H1, #contingut H2 { margin-top: 1em; }

#contingut H3, #contingut H4 { margin-top: 2em; }

/*-------------PARAGRAFS-----------*/

#contingut P
{
	margin-top: 1em;
	padding: 0% 1%;
	
	line-height: 1.3em;
	text-align: justify;
}

/*-------------LLISTATS-----------*/

#contingut UL
{
	padding: 0% 3%;
	
	line-height: 1.3em;
	list-style: square inside;
}

#contingut UL UL { list-style: disc inside; }
#contingut LI { margin: 0.5em 0em; text-align: justify; }

/*-------------TAULES------------*/

#contingut TABLE
{
	margin: 1em auto;
	
	font-size: 0.8em;
	text-align: left;
	
	border: 1px solid #000000;
}

#contingut TH { background-color: #FFDD88; }
#contingut TD { padding: 0.3em; }
#contingut .fila1 TD { background-color: #FFFFFF; }
#contingut .fila2 TD { background-color: #F3F3F3; }

/*-----------FORMULARIS----------*/

#contingut FORM
{
	margin: 0.5em 0em;
	padding: 1em;
	
	background-color: #FFEEC4;
}

#contingut FORM H4 { margin-top: 1.5em; }
#contingut FORM P { margin: 1em 0em; line-height: 2em; text-align: left; }

/*--------------------------------------ESPECIALS---*/

#contingut .apartat
{
	margin-top: 2em;
	padding-top: 1em;
	
	border-bottom: 1px solid #DDDDDD;
}

#contingut .foto_dreta { float: right; width: 38%; margin: 3%; padding: 0em; }
#contingut .foto_esquerra { float: left; width: 38%; margin: 3%; padding: 0em; }
#contingut .foto_dreta IMG, #contingut .foto_esquerra IMG { width: 100%; }

#contingut .foto_centre { text-align: center; }
#contingut .foto_centre IMG { width: 90%; }

#contingut .cuadre_destacat { padding: 1em; border: 1px solid #000000; text-align: center; }

#contingut .nota_petita { font-size: 0.8em; line-height: 1.1em; }

/*-------------------------------------------------*/

#toc
{
	position: absolute;
	top: 3%;
	width: 15%;
	height: 94%;
	z-index: 10;
	
	overflow: auto;
	
	color: #333333;
	background-color: #FFFFFF;
	
	font-size: 0.8em;
}

.tocambtod { right: 65%; }
.tocsol { right: 73%; }

#toc A { color: #333333; text-decoration: none; cursor: pointer; }
#toc A:hover { color: #000000; text-decoration: none; }

#toc UL
{
	padding: 0.5em;
	
	overflow: hidden;
	
	list-style: none;
}

#toc LI { padding: 0.5em 0em; text-align: right; }

.toc_titol
{
	padding: 0.5em;
	
	font-weight: bold;
	text-align: right;
}

/*-------------------------------------------------*/

.tod
{
	position: absolute;
	top: 3%;		left: 1%;
	height: 94%;
	z-index: 15;
	
	overflow: visible;
	
	color: #CCCCCC;
}

#todmic { width: 16%; }
#todcp { width: 31%; }

.tod A { color: #CCCCCC; text-decoration: none; }
.tod A:hover { color: #FFFFFF; }

.tod B { color: #FFFFFF; font-weight: bold; }

.tod #tod_retol
{
	position: absolute;
	top: 0%;		left: 0%;
	width: 100%;
	z-index: 25;
	
	overflow: auto;
	
	color: #EEEEEE;
	font-weight: bold;
}

#todmic #tod_retol { height: 1.7em; }
#todcp #tod_retol { height: 2.9em; }

#tod_retol P { padding: 0.2em; }

.tod #tod_llista
{
	position: absolute;
	left: 0%;
	width: 100%;
	height: 75%;
	z-index: 20;
	
	overflow: auto;
	
	font-size: 0.8em;
	
	border-top: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

#todmic #tod_llista { top: 2.2em; }
#todcp #tod_llista { top: 3.6em; }

.tod > #tod_llista
{
	bottom: 0%;
	height: auto;
}

#tod_llista UL { padding: 0.5em; overflow: hidden; list-style: none; }

#tod_llista LI { padding: 0.5em 0em; }

#tod_llista #tod_amagataula { overflow: hidden; }

#tod_llista TD { padding: 0.4em 0.2em; vertical-align: top; }

#tod_llista .data { padding-top: 0.7em; font-size: 0.8em; white-space: nowrap; }

/************************************************************************/

/************************************************************PEU*********/

#parche_onMouseAndOFauto
{
	position: absolute;
	bottom: 2%;		left: 0%;
	width: 97%;
	height: 100%;
	z-index: -1;
	
	overflow: auto;
}

/*-------------------------------------------------*/

#peu
{
	position: absolute;
	bottom: 0%;		left: 0%;
	padding: 0.2em 1em;
	z-index: 3;
	
	color: #666666;
	
	font-size: 0.6em;
	text-align: center;
}

#peu A { color: #666666; }
#peu A:hover { color: #FF0000; }

/************************************************************************/