/* Menu */
#menu li.bt4 a {
	width:160px;
	background:url(../img/menu-bg-black.gif) #000 no-repeat top right;
}

/* Content */
#content {
	width:711px;
	height:auto;
	float:right;
	margin:37px 0px 50px 0px;
}

/* listado */
#activitats {
	padding-bottom:20px;
	background:none;
}
#activitats #activitats-menu {
	clear:left;
	border-top:1px dashed #000;
	margin:10px 0px 20px;
	padding-top:10px;
	width:711px;
}

#calendar {
	float:left;
	width:224px; /*Actual size*/
	width:245px;
}
#calendar-search {
	float:left;
	width:241px;
	padding-top:5px;
}
#calendar-tags {
	float:left;
	width:225px;
	padding-top:5px;
}

/* Calendario */
#calendar-nav {
	width:224px;
}
	/* Navegación en el calendario */
	#calendar-nav .title {
		font-size:24px;
		font-weight:bold;
		line-height:52px;
	}
	#calendar-nav .title span {
		font-size:52px;
		font-weight:bold;
		line-height:52px;
	}
	#calendar-nav .anterior {
		width:29px;
		width:34px; /*Added space between bottons*/
		vertical-align:middle;
	}
	#calendar-nav .siguiente {
		vertical-align:middle;
		width:29px;
	}
	#calendar-nav .anterior a, #calendar-nav .siguiente a {
		background:url(../img/flechas.gif) no-repeat top left;
		display:block;
		height:26px;
		line-height:26px;
		text-indent:-1000px;
		overflow:hidden;
		width:29px;
	}
	#calendar-nav .anterior a:hover {
		background-position:0px -26px;
	}
	#calendar-nav .siguiente a {
		background-position:-29px 0px;
	}
	#calendar-nav .siguiente a:hover {
		background-position:-29px -26px;
	}
	
	/* Cuerpo calendario */
	table.calendar {
		width:224px;
	}
	table.calendar th, table.calendar td {
		text-align:center;
	}
	table.calendar th {
		font-size:12px;
		font-weight:normal;
		padding:0px 0px 3px;
	}
	table.calendar td {
		font-size:16px;
		font-weight:bold;
		padding:3px 0px;
	}
	table.calendar td.today {
		border:1px solid #808080;
	}
	
	/* Filtro busqueda */
	#calendar-search form {
		width:224px;
	}
	#calendar-search p {
		float:left;
		padding-bottom:8px;
		width:224px;
	}
	#calendar-search label {
		float:left;
		font-weight:bold;
		line-height:18px;
		text-align:baseline;
	}
	#calendar-search input {
		background:#000;
		border:1px solid #000;
		color:#fff;
		float:right;
		margin:0px 0px 2px 0px;
		text-align:middle;
		width:140px;
	}
	#calendar-search .bt {
		text-align:right;
	}
	#calendar-search .bt input {
		background:none;
		border:0;
		color:#000;
		cursor:pointer;
		font-size:12px;
		font-weight:bold;
		width:auto;
		padding:0;
	}
	#calendar-search hr {
		border:0;
		float:left;
		width:224px;
	}
	#calendar-search select {
		background:#000;
		border:1px solid #000;
		color:#fff;
		width:224px;
	}
	
	/* Tags */
	#calendar-tags a {
		background:#000;
		color:#fff;
		display:block;
		float:left;
		text-decoration:none;
		padding:5px 15px;
		margin:0px 3px 3px 0px;
		text-align:center;
	}
	#calendar-tags a.tag1 {
		font-size:21px;
		line-height:21px;
		padding:15px;
	}
	#calendar-tags a.tag2 {
		font-size:18px;
		line-height:18px;
		padding:10px 20px;
	}
	#calendar-tags a.tag3 {
		font-size:12px;
		line-height:12px;
		padding:10px;
	}
	#calendar-tags a.tag4 {
		font-size:8px;
		line-height:10px;
		padding:10px;
		margin-bottom:5px;
	}
	#calendar-tags a:hover {
		background:#858585;
	}


#activitats-list {
	border-top:1px dashed #000;
	clear:left;
	width:711px;
}
#activitats-list ul li {
	width:243px;
	float:left;
	}
	#activitats-list ul li.break {
		width:225px;
	}
	#activitats-list .footer {
		margin-top:3px;
	}
	#activitats-list .categoria {
		background:#000;
		color:#fff;
		display:inline;
		float:left;
		font-size:11px;
		margin-right:5px;
		padding:5px;
	}
	#activitats-list li p {
		font-size:11px;
		line-height:13px;
	}
	#activitats-list li div.activitats-item {
		width:225px;
		border-bottom:1px dashed #000;
		padding:20px 0px 5px;
	}
	#activitats-list h3 a {
		display:block;
		height:30px;
		vertical-align:top;
		text-decoration:none;
	}
	#activitats-list li .thumb {
		background:#f5f5f5;
		height:127px;
		overflow:hidden;
		width:225px;
		}
		#activitats-list li .thumb img {
			margin-top:-49px;
		}
		#activitats-list li .slideshow img {
			margin-top:0;
		}
		#activitats-list li  .sinimagen {
			height:127px;
			width:225px;
			line-height:127px;
			vertical-align:middle;
			text-align:center;
			display:block;
		}
		#activitats-list li.old {
			background:#ddd;
		}

/* Activitats */
#exposicions h2 {
	margin-bottom:10px;
}
#fitxa {
	border-top:1px dashed #000;
	width:711px;
}
#fitxa-main {
	width:473px;
	float:left;
}
#fitxa-header {
	background:#ededed;
	padding:10px;
	margin-bottom:20px;
	}
	#fitxa-header h4 {
		float:right;
		}
		#fitxa-header h4 .categoria {
			background-color:#fff;
			font-size:22px;
		}
		#fitxa-header h4 .type {
			color:#fff;
			background-color:#000;
			font-size:11px;
			margin-left:4px;
		}
		#fitxa-header h4 .categoria, #fitxa-header h4 .type {
			line-height:26px;
			vertical-align:bottom;
			font-weight:bold;
			height:24px;
			display:block;
			float:left;
			padding:0px 4px;
		}
	#fitxa-header .fecha {
		font-size:17px;
		font-weight:bold;
	}
	#fitxa-header p {
		margin-top:16px;
	}
	#fitxa-header p a {
		text-decoration:none;
	}
	
#fitxa #fitxa-column {
	float:right;
	width:227px;
	overflow:hidden;
	}
	#fitxa #slideshow {
		background-color:#ededed;
		padding:2px;
		margin-bottom:20px;
	}
	#fitxa h5 {
		font-size:16px;
		margin-bottom:4px;
	}
	#fitxa #fitxa-video {
		background-color:#ededed;
		padding:2px;
	}
#fitxa-main #web2 {
	clear:left;
	border-top:1px dashed #000;
	padding-top:15px;
	margin-top:15px;
	color:#828282;
	}
	#fitxa-main #web2 a {
		color:#828282;
		font-size:11px;
		text-decoration:none;
		line-height:15px;
		height:15px;
		display:inline-block;
		padding-right:8px;
	}
	#fitxa-main #web2 a.imprimir {
		background:url(../img/ico-print.gif) no-repeat top left;
		padding-left:18px;
	}
	#fitxa-main #web2 a.enviar {
		background:url(../img/ico-mail.gif) no-repeat top left;
		padding-left:18px;
	}
	#fitxa-main #web2 a:hover {
		color:#000;
	}
	#fitxa-main div.patrocinadores {
		width:473px;
		clear:left;
	}
	#fitxa-main div.patrocinadores ul {
		width:473px;
		border:0;
		margin:10px 0px;
		padding:0;
		float:left;
		}
		#fitxa-main div.patrocinadores ul li {
			float:left;
			width:175px;
			height:115px;
			overflow:hidden;
			}
			#fitxa-main div.patrocinadores ul li a {
				width:115px;
				height:115px;
				vertical-align:top;
				background:#ccc;
			}

/*
	SqueezeBox
	
***********************************************************/

#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	/*-moz-border-radius:		3px;
	-webkit-border-radius:	3px;*/
}

#sbox-btn-close
{
	/*display:none;*/
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(/content/img/SqueezeBox/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(/content/img/SqueezeBox/closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(/content/img/SqueezeBox/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}

/*calendar*/
/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../img/calendar/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: right;
	height: 20px;
	margin-top:-1px;
	margin-right: 6px;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../img/calendar/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../img/calendar/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../img/calendar/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #000;
		font: normal 12px Helvetica, Arial, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(../img/calendar/calendar-td.gif);
		color: #666;
		font-size: 11px;
		line-height:15px;
		vertical-align:middle;
	}
	div.calendar td.invalid {
		color: #ccc;
	}
	div.calendar td.valid {
		background: url(../img/calendar/calendar-valid.gif);
		color: #000;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(../img/calendar/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(../img/calendar/calendar-td.gif) 0 100%;
		color: #ccc;
	}
	div.calendar td.active,
	div.calendar td.hover {
		color:#fff;
		background: url(../img/calendar/calendar-valid.gif) 0 100%;
		font-weight:bold;
		cursor: pointer;
	}
	.calendar tbody td a {
		text-decoration:none;
	}
	
#activitats_cerca {
	margin:10px 0px;
}