@charset "utf-8";
/* CSS Document */


html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-image:url(/images/BACK_PUNTS.jpg);
	background-color: #f4f6f8;
	height: 100%;
	min-height: 100%;
}

img{
	border:0px;
}

a, a:visited {
	color: black;
}

#wrapper
{
	width:100%;
	float:left;
	text-align:center;
	height: 100%;
}

#container
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 780px;
	overflow: hidden;
	background-image: url('/images/pictos/bgtrans.png') !important;
	background-image: none;
}


#main_content {
	min-height: 500px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header_bcn {
	background-color: #000;
	background-image: url(/images/barra_bcn_joventut2.png);
	height: 23px;
	text-align: right;
	padding:7px 5px 0 0;
  border-radius: 5px;
  margin: 5px 0;
  color: #fff;
  font-size: 10px;
}

#header_bcn a, #header_bcn a:visited {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
  background: none;
}

#header_bcn a:hover {
	text-decoration: underline;
}


a.aj_link , a.aj_link:visited, a.aj_link:hover {
	display: block;
	width: 190px;
	text-decoration: none!important;
	float: left;
	margin-left: 5px;
	_margin-left: 3px;
	padding: 3px 2px;
	background: none;
}

a.jov_link , a.jov_link:visited, a.jov_link:hover {
	display: block;
	width: 40px;
	text-decoration: none;
	float: right;
	margin-left: 50px;
	padding: 3px 2px;
	text-decoration: none;
	background: #000;
}



#left {
	float:left;
	overflow:hidden;
	display:inline;
	width: 120px;
	margin-top: 6px;
}

#banners img {
	margin-bottom: 10px;
	border: 0;
}

#menu_title {
	background: url(/images/menu_rounded_top.gif) no-repeat scroll left top;
	margin:0px;
	padding-left: 8px;
	padding-top: 2px;
	height: 18px;
}

#menu_title a, #menu_title a:link, #menu_title a:visited{
	color: #fff;
}

#manu_main {
	border-top: 1px solid #ccc
}
#menu_main a, #menu_main a:visited {
	text-decoration: none;
}

#menu_main dl {
	margin:0px;
}

#menu_main h1 {
	margin:0px;
	padding:3px 0 3px 7px;
	border-bottom: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#menu_main h1 a, #menu_main h1 a:visited {
	text-decoration: none;
}

#menu_main h1.last {
	background: url(/images/menu_rounded_bottom.gif) no-repeat scroll left top;
}

#menu_main ul {
	margin: 3px 0 3px 0;
	padding: 0 0 0 10px;
	font-size: 11px;
}

#menu_main li {
	list-style:none;
}

#menu_footer{
	margin-top: 5px;
	height:49px;
	background-image:url(/images/menu_footer_bg.gif);
}

#menu_footer img {
	padding-top: 12px;
	padding-left: 3px;
}

.submenu {
	border: 0;
}

#content {
	margin-top: 6px;
}

/*************/
/* MENU IZQ */
/*************/

h1.menu1 { background-color:#ccc; font-weight: bold;}
h1.menu2 { background-color:#eee; font-weight: normal;}
a h1.menu2 { padding-left: 15px!important;}
.menu3 { background-color:#f6f6f6; }
.menu1 .active, .menu2 .active { color: #bb0000;}

/*************/
/* Accordion */
/*************/

.accordion_toggle, .nested_accordion_toggle {
	display: block;
	cursor: pointer;
}

#accordion_container h1.accordion_toggle_active, #nested_accordion_container h1.nested_accordion_toggle_active {
	font-weight:bold;
	background-color:#909090;
}

.accordion_content {
	overflow: hidden;
	background-color:#C0C0C0;
}

.nested_accordion_content {
	overflow: hidden;
	background-color:#EEE;
	border-bottom:2px solid #FFFFFF;
}

#nested_accordion_container .nested_accordion_content h1 {
	padding-left: 15px;
	background-color:#eee;
}

#accordion_container a h1{
	color:#000000;
}

#nested_accordion_container h1.nested_accordion_toggle, #nested_accordion_container a h1 {
	padding-left: 10px;
	background-color:#cfcfcf;
	display: block;
	cursor: pointer;
	color:#000;
}


/*************/
/* Columna 1 */
/*************/

.tipoBarra {
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
}

.nombreWidth {
	padding-right: 30px;
}

.nombreSmall {
	font-size:10px;
}

#col1{
	width: 275px;
	float:left;
	overflow:hidden;
	display:inline;
	margin-left: 6px;
}

#campanya {
	width: 272px;
}

#campanya .nombre {
	background-image: url(/images/home_campanya_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
	margin: 0 0 -6px 0;
}

#campanya .content{
	background-color:#e3f2e7;
	margin: 0;
	padding-bottom: 1px;
}

#campanya .text{
	padding: 10px 0px 0px 6px;
	margin-bottom: -15px;
}

#campanya .title{
	font-size: 33px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00b26b;
	line-height: 32px;
	display: inline;
}

#campanya .mesinfo{
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
	color: #00b26b;
	margin: 0px;
	padding: 0px;
	margin-left: 6px;
	padding-bottom: 6px;
}

#map {
	width: 410px;
	height: 475px
}

#mapa {
	margin-top: 6px;
	width: 272px;
	cursor: pointer;
	width:553px;
}

#mapa .nombre {
	background-image: url(/images/home_mapas_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
}

#mapa .content{
}

#mapa .text {
	margin: -6px 0px 0px 0px;
	padding: 12px 0px 0px 6px;
	background-image: url(/images/googlemap.jpg);
	background-repeat: no-repeat;
	height: 181px;
	width: 266px;
}

#mapa .title{
	font-size: 33px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00aeef;
	display: inline;
	line-height: 32px;
	margin-top: 6px;
}

/*************/
/* Columna 2 */
/*************/

#col2{
	width: 276px;
	float:left;
	overflow:hidden;
	display:inline;
	margin-left: 3px;
}

#agenda {
	width: 276px;
}

#agenda .text {
	padding-right: 3px;
	padding-bottom: 3px;
}

#agenda .nombre {
	background-image: url(/images/agenda_header_bg_long.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 03px 6px;
	margin-bottom: -12px;
}

#agenda #content {
	background-color: #fde8f1;
	padding: 0 0 0 6px;
}

#agenda .fecha {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-top: 3px;
	margin-bottom: 0px;
	letter-spacing: 1px;
}


#agenda .title {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ef5ba1;
	display: inline;
	margin-top: 6px;
	font-size: 18px;
  line-height: 20px;
}

#agenda #content p{
	margin:3px 0;
}

#agenda .mesinfo {
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
	color: #ef5ba1;
	padding-bottom: 6px;
}

/*************/
/* Columna 3 */
/*************/

#col3{
	width: 133px;
	float:left;
	overflow:hidden;
	display:inline;
	margin-left: 6px;
}

#taulo {
	width: 133px;
}

#taulo .nombre {
	background-image: url(/images/home_taulo_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
	margin-bottom: -12px;
}

#taulo #content {
	background-color: #fff0e1;
	padding: 0 0 0 6px;
}

#taulo .fecha{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-top: 3px;
	margin-bottom: 0px;
}

#taulo .title{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #faac60;
	display: inline;
	line-height: 22px;
	margin-top: 6px;
}

#taulo #content p{
	margin:3px 0;
}

#taulo .mesinfo{
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
	color: #faac60;
	padding-bottom: 6px;
}

/*************/
/* Fitxa     */
/*************/

#seccio	{
	width: 550px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
	background-color: #e6e7e8;
}

#seccio .content {
	margin: 6px;
	overflow: hidden;
}

#seccio .content p.subtitol{
	margin-left: 0px;
}

#seccio .nombre {
	background-image: url(/images/home_seccio_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
	margin-bottom: -12px;
}

#seccio #content {
	background-color: #fff0e1;
	padding: 0 0 0 6px;
}

#seccio .title{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #58595b;
	display: inline;
	line-height: 22px;
	margin-top: 0px;
	margin-left: 0px;
}

#seccio p{ }

#seccio ul {
	margin: 0 0 0 6px;
	padding: 0;
	list-style-type: none;
}

#seccio ul li {
	background:url(/images/pictos/PICTO_FLECHA_VERMELL_TRANSPARENT.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 10px;
}

#seccio ul.pij li {
	background:url(/images/pictos/PICTO_PIJ_2LINES_NEGRE.gif) no-repeat;
	padding-left: 33px;
	padding-bottom: 10px;
}

#seccio img {
	padding: 5px 5px 10px 10px;
}

#seccio a, #seccio a:visited {
	text-decoration:none;
	color:#CC0000;
}

#seccio a:hover {
	text-decoration:none;
	background-color:#CC0000;
	color:#FFF;
}

#seccio p.subtitol {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	display:inline;
}

/********************/
/* Agenda Calendari */
/********************/

#home_calendar {
	width: 134px;
	float: right;
	margin-top: 7px;
}

.first_activity {
	height: 157px;
}

#agendaCalendari	{
	width: 135px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
}


/**********/
/* Agenda */
/**********/

#agendaFitxa, #agendaLlistat {
	width: 410px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
}

#agendaFitxa .text, #agendaLlistat .text{
	margin: 0px;
	margin-top: 15px;
}

#agendaFitxa .text { margin-left: 6px;}
#agendaFitxa .text p { margin-left: 0px;}

#agendaFitxa .nombre, #agendaLlistat .nombre {
	background-image: url(/images/agenda_titular_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
	margin-bottom: -12px;
}

#agendaLlistat .activitat {
	min-height: 65px;
 	background-color:#fde8f1;
	color:#000000;
	margin-bottom: 10px;
	padding-left: 5px;
}

#agendaLlistat .activitat .image_container{
	padding: 9px;
	display:inline;
	float:left;
	overflow:hidden;
}

#agendaLlistat .activitat .fecha{
	font-size: 10px;
	margin-bottom: -2px;
}

#agendaLlistat .activitat .title{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ef5ba1;
	display: inline;
	line-height: 22px;
	margin: 0;
}

#agendaLlistat .activitat p{
	font-size:11px;
	margin: -2px 0 0 0;
}

#agendaLlistat .activitat .mesinfo{
	font-size: 10px;
	font-weight: bold;
	font-style:italic;
	color: #ec008c;
}

#agendaFitxa {
	background-color: #fde8f1;
}

#agendaFitxa #content {
	background-color: #fff0e1;
	padding: 0 0 0 6px;
}

#agendaFitxa div.text {
	padding: 0!important;
}

#agendaFitxa .title{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ef5ba1;
	display: inline;
	line-height: 22px;
	margin-left: 0px;
}

#agendaFitxa p{
	margin-left: 6px;
	margin-right: 6px;
}

/************/
/* Campanya */
/************/

#campanyaFitxa {
	width: 410px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
	background-color: #e3f2e7;
}

#campanyaFitxa .text {
	margin: 0 6px;
	margin-top: 15px;
}

#campanyaFitxa .nombre {
	background-image: url(/images/campanya_titular_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
	margin-bottom: -12px;
}

#campanyaFitxa #content {
	background-color: #fff0e1;
	padding: 0 0 0 6px;
}

#campanyaFitxa .title{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00b26b;
	display: inline;
	line-height: 22px;
	margin-left: 0px;
}

#campanyaFitxa p{	margin-left: 0px;	margin-right: 6px;}


#campanyaHistoric	{
	width: 135px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
	background-color: #cce7d3;
}

#campanyaHistoric .title {
	color:#00a651;
	font-size: 15px;
	font-weight:bold;
	padding: 6px 3px 6px 6px;
}

#campanyaHistoric p { padding: 0 7px;}

#campanyaHistoric .event {
	color:#000;
	font-size: 12px;
	padding: 0px 3px 6px 6px;
}
#campanyaHistoric .last {
 padding-bottom: 10px;
}

#campanyaHistoric a, #campanyaHistoric a:visited {
	background-color:#00B26B;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}

#campanyaHistoric a:hover {
	background-color:#FFFFFF;
	color:#00B26B;
}


/********/
/* Mapa */
/********/
.pij_show {
	background: url(/images/bg_pij.png) top left repeat-y;
	overflow: hidden;
	margin-left: 126px;
	width: 551px;
}

#mapaHistoric	{
	width: 135px;
	display:inline;
	float:left;
	margin-left: 0px;
	background-color: #c6eafa;
}

#mapaHistoric a, #mapaHistoric a:visited {
	background-color:#00AEEF;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}

#mapaHistoric a:hover {
	background-color:#FFFFFF;
	color:#00AEEF;
}

#mapaHistoric .title {
	color:#00adee;
	font-size: 16px;
	font-weight:bold;
	padding: 6px 3px 6px 6px;
	display: block;
}

#mapaHistoric .event {
	color:#000;
	font-size: 12px;
	padding: 0px 3px 3px 6px;
}

#mapaHistoric .last {
 padding-bottom: 10px;
}

#mapaFitxa {
	width: 410px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
	background-color: #c6eafa;
}

#mapaFitxa .text {
	margin-top: 15px;
}

#mapaFitxa .nombre {
	background-image: url(/images/mapa_titular_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 3px 0 3px 6px;
	margin-bottom: -12px;
}

#mapaFitxa #content {
	background-color: #fff0e1;
	padding: 0 0 0 6px;
}

#mapaFitxa .title {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00AEEF;
	display: inline;
	line-height: 22px;
	margin-left: 6px;
}

#mapaFitxa p {
	margin-left: 6px;
	margin-right: 6px;
}

#mapaFitxa a, #mapaFitxa a:visited {
	color:#00AEEF;
	text-decoration:none;
}

#mapaFitxa a:hover {
	background-color:#00AEEF;
	color:#FFFFFF;
}

#mapaFitxa ul {
	list-style-type: none;
	margin: 0 0 0 6px;
	padding: 0;
}

#mapaFitxa ul li {
	background:transparent url(/images/pictos/PICTO_FLECHA_NEGRA_TRANSPARENT.gif) no-repeat scroll 0 0;
	padding-bottom:10px;
	padding-left:20px;
}

#mapaLlistat {
	width: 410px;
	display:inline;
	float:left;
	overflow:hidden;
	margin-left: 6px;
	background-color: #c6eafa;
	width:553px;
	height:420px;
}

#mapaLlistat .nombre {
	background-image: url(/images/home_mapas_bg_long.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	padding: 10px 0 3px 6px;
	margin-bottom: -12px;
}

#mapaLlistat .text {
	margin-top: 6px;
}

#mapaLlistat #content {
	background-color: #fff0e1;
	padding: 0 0 0 6px;
	width:553px;

}

#map_div a, #map_div a:visited {
	font-size:10px;
	font-weight:bold;
	color:#00AEEF;
}

/*************/
/* Right     */
/*************/

#right{
	width: 96px;
	float: right;
	overflow:hidden;
	display:inline;
	margin-top: 6px;
}

#right .nombre {
	background-image: url(/images/home_destacats_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 29px;
	padding: 2px 0 0 6px;
	margin-bottom: -12px;
}


/*************/
/* Footer    */
/*************/


#footer {
	height:auto;
}

#footer_web
{
	float:left;
	margin-top: 10px;
	overflow: hidden;
	display: inline;
	width:780px;
	background-color:#e6e7e8;
	height: 22px;
	text-align:center;
	padding: 6px 0 0 0;
}

#footer_bcn
{
	float:left;
	overflow: hidden;
	display: inline;
	width:780px;
	background-color:#dcddde;
	height: 28px;
	text-align:center;
	margin-bottom: 0px;
}

#footer p{
	margin: -3px 0px;
	font-size: 10px;
	color: #8b8c8f;
}

#footer .title{
	margin: 2px 0px;
	font-size: 11px;
	font-weight:bold;
	color: #8b8c8f;
}