/* columna lateral */

#columna{
	width:231px;
	float:left;
	color:#003b54;		
}

#columna .fotoColumna{
	width:206px;
	height:113px;
	/*border:1px solid orange;	*/
	margin:0 auto;
}

#columna .apartat{
	font-size:11px; 
	font-weight:bold;
}


/******************************************************/
/******************** ROUND BOXES *********************/
/******************************************************/

/* Taronja */

/* set millions of background images */
.rbTaronja { background: url(../img/ntTaronja.gif) repeat; }
.rbtopTaronja div { background: url(../img/tlTaronja.gif) no-repeat top left; }
.rbtopTaronja { background: url(../img/trTaronja.gif) no-repeat top right; }
.rbbotTaronja div { background: url(../img/blTaronja.gif) no-repeat bottom left; }
.rbbotTaronja { background: url(../img/brTaronja.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopTaronja div, .rbtopTaronja, .rbbotTaronja div, .rbbotTaronja {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentTaronja { margin: 0 7px; }
.rbroundboxTaronja { width: 50%; margin: 1em auto; }


					/* Taronja Gris */

/* set millions of background images */
.rbTaronjaGris { background: url(../img/ntTaronjaGris.gif) repeat; }
.rbtopTaronjaGris div { background: url(../img/tlTaronjaGris.gif) no-repeat top left; }
.rbtopTaronjaGris { background: url(../img/trTaronjaGris.gif) no-repeat top right; }
.rbbotTaronjaGris div { background: url(../img/blTaronjaGris.gif) no-repeat bottom left; }
.rbbotTaronjaGris { background: url(../img/brTaronjaGris.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopTaronjaGris div, .rbtopTaronjaGris, .rbbotTaronjaGris div, .rbbotTaronjaGris {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentTaronjaGris { margin: 0 7px; }
.rbroundboxTaronjaGris { width: 50%; margin: 1em auto; }


					/* Taronja Negre */

/* set millions of background images */
.rbTaronjaNegre { background: url(../img/ntTaronjaNegre.gif) repeat; }
.rbtopTaronjaNegre div { background: url(../img/tlTaronjaNegre.gif) no-repeat top left; }
.rbtopTaronjaNegre { background: url(../img/trTaronjaNegre.gif) no-repeat top right; }
.rbbotTaronjaNegre div { background: url(../img/blTaronjaNegre.gif) no-repeat bottom left; }
.rbbotTaronjaNegre { background: url(../img/brTaronjaNegre.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopTaronjaNegre div, .rbtopTaronjaNegre, .rbbotTaronjaNegre div, .rbbotTaronjaNegre {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentTaronjaNegre { margin: 0 7px; }
.rbroundboxTaronjaNegre { width: 50%; margin: 1em auto; }


					/* Gris clar */

/* set millions of background images */
.rbGrisClar { background: url(../img/ntGrisClar.gif) repeat; }
.rbtopGrisClar div { background: url(../img/tlGrisClar.gif) no-repeat top left; }
.rbtopGrisClar { background: url(../img/trGrisClar.gif) no-repeat top right; }
.rbbotGrisClar div { background: url(../img/blGrisClar.gif) no-repeat bottom left; }
.rbbotGrisClar { background: url(../img/brGrisClar.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopGrisClar div, .rbtopGrisClar, .rbbotGrisClar div, .rbbotGrisClar {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentGrisClar { margin: 0 7px; }
.rbroundboxGrisClar { width: 50%; margin: 1em auto; }




					/* Gris fosc */

/* set millions of background images */
.rbGrisFosc { background: url(../img/ntGrisFosc.gif) repeat; }
.rbtopGrisFosc div { background: url(../img/tlGrisFosc.gif) no-repeat top left; }
.rbtopGrisFosc { background: url(../img/trGrisFosc.gif) no-repeat top right; }
.rbbotGrisFosc div { background: url(../img/blGrisFosc.gif) no-repeat bottom left; }
.rbbotGrisFosc { background: url(../img/brGrisFosc.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopGrisFosc div, .rbtopGrisFosc, .rbbotGrisFosc div, .rbbotGrisFosc {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentGrisFosc { margin: 0 7px; }
.rbroundboxGrisFosc { width: 50%; margin: 1em auto; }



					/* Gris Negre */

/* set millions of background images */
.rbGrisNegre { background: url(../img/ntGrisNegre.gif) repeat; }
.rbtopGrisNegre div { background: url(../img/tlGrisNegre.gif) no-repeat top left; }
.rbtopGrisNegre { background: url(../img/trGrisNegre.gif) no-repeat top right; }
.rbbotGrisNegre div { background: url(../img/blGrisNegre.gif) no-repeat bottom left; }
.rbbotGrisNegre { background: url(../img/brGrisNegre.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopGrisNegre div, .rbtopGrisNegre, .rbbotGrisNegre div, .rbbotGrisNegre {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentGrisNegre { margin: 0 7px; }
.rbroundboxGrisNegre { width: 50%; margin: 1em auto; }







									/* gris normal */
									
/* set millions of background images */
.rbGris { background: url(../img/ntGris.gif) repeat; }
.rbtopGris div { background: url(../img/tlGris.gif) no-repeat top left; }
.rbtopGris { background: url(../img/trGris.gif) no-repeat top right; }
.rbbotGris div { background: url(../img/blGris.gif) no-repeat bottom left; }
.rbbotGris { background: url(../img/brGris.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopGris div, .rbtopGris, .rbbotGris div, .rbbotGris {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentGris { margin: 0 7px; }
.rbroundboxGris { width: 50%; margin: 1em auto; }									



									/* gris transparent */
									
/* set millions of background images */
.rbGrisT { background: url(../img/ntGris.gif) repeat; }
.rbtopGrisT div { background: url(../img/tlGrisT.gif) no-repeat top left; }
.rbtopGrisT { background: url(../img/trGrisT.gif) no-repeat top right; }
.rbbotGrisT div { background: url(../img/blGrisT.gif) no-repeat bottom left; }
.rbbotGrisT { background: url(../img/brGrisT.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopGrisT div, .rbtopGrisT, .rbbotGrisT div, .rbbotGrisT {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentGrisT { margin: 0 7px; }
.rbroundboxGrisT { width: 50%; margin: 1em auto; }