html { margin:0; padding:0; }
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; }

a { cursor:pointer; font-weight:bold; color:#cc3399; text-decoration:none; }
a:hover { cursor:pointer; }
a img { border:none; }
a:focus { outline:none; }
ul{ list-style:none; margin:0; padding:0; }

.blau { color:#7bb2ca; }
.rosa { color:#cc3399; }
.verd { color:#99cc33; }
.fosc { color:#003366; }
li.select a.blau, a.blau:hover { color:#1c577f; }
li.select a.rosa, a.rosa:hover { color:#990033; }
li.select a.verd, a.verd:hover { color:#378202; }
li.select a.fosc, a.fosc:hover { color:#000033; }

#tooper { background:#eaebec url(../grafs/gral/background.jpg); height:60px; }
.sombra { height:60px; }
#tooper span, .sombra span { background:url(../grafs/gral/shadow2.png); height:60px; display:block; }
#container-content, #container-mid { background: url(../grafs/gral/shadow2.png) repeat-x bottom; }
#container-footer, #container-mapa { background:#eaebec url(../grafs/gral/background.jpg); }
#header, #footer, #content-bottom, #content-top, #artistes, #espais, #map, #mas-info { width:960px; margin:0 auto; padding:0; clear:both; }

#header #idioma { background:#1d2537 url(../grafs/gral/head1.gif) no-repeat; width: 960px; height:32px; color:#FFF; }
#header #idioma ul { background:url(../grafs/gral/head2.gif) no-repeat right; height:32px; float:right; padding:0 20px 0 0; }
#header #idioma ul li { margin:9px 0 0 0; float: right; }
#header #idioma ul a { width:80px; display:block; text-align:center; color:#FFF; font-weight:normal; }
#header #idioma ul a:hover { font-weight: bold; }

.dreta ul li, #header #menu div { float:left; }
.dreta ul li a, .esquerra #dia p, #content-top .dreta p strong, #artistes p, #espais p, #artistes h2, #espais h2, #content-bottom .col .margins h3, #mas-info .col2 .margins h3, #espai h1, #espai h2 { font-family: 'Amatic SC', cursive; }

#content-top .esquerra { position:relative; width: 410px; height:500px; float: left; text-align: right; }
#content-top .esquerra #dia p { position:absolute; bottom:0; right:50px; margin:0; padding:0; font-size:35px; }
#content-top .esquerra .logo-museu { position:absolute; top:20px; left:0; }
#content-top .esquerra h1 { position:absolute; top:50px; right:60px; margin:0; padding:0; }
#content-top .dreta { width: 550px; float: left; }
#content-top .dreta ul li a { margin:30px 20px 0 0; padding:0; font-size:60px; display:block; }
#content-top .dreta ul li a.info { margin-left:2px; padding-top:8px; font-size:33px; line-height:28px; }
#content-top .dreta ul li a.info span { display:block; }

#content-top .dreta p { clear:both; }
#content-top .dreta .inici { padding:40px 0 20px 0; text-transform:uppercase; }
#content-top .dreta .final { padding:30px 0 0 0; text-transform:uppercase; }
#content-top .dreta p { line-height:22px; margin-left:10px; }
#content-top .dreta p strong { font-size:26px; line-height:28px; letter-spacing:1px; }

#map { background:#fff; }
#artistes p, #espais p, #artistes h2, #espais h2 { margin:0; display:block; text-align:center; text-transform:uppercase; }
#artistes p, #espais p { font-size:30px; padding:5px 30px 20px 30px; }
#artistes h2, #espais h2 { font-size:26px; padding:20px 30px 5px 30px; }
#artistes a, #espais a { font-weight:normal; padding:0 8px; }
#artistes, #espais, #content-bottom, #footer, #mas-info .col2 .margins { background:#eaebec; }
#content-bottom, #footer, #artistes, #espais, #map, #mas-info .col2 .margins, #fitxa-header div { opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

#content-bottom .col { float:left; width:240px; }
#content-bottom .col .margins { margin:10px; }
#content-bottom .col .margins h3 { font-size:26px; display:block; }
#content-bottom .col .margins div h3 { font-size:14px; font-family:Arial, Helvetica, sans-serif; }
#content-bottom .col .margins ul li p { margin:0 0 5px 0; }
#content-bottom .col .margins ul li p a { background-color:#FFF; color:#333; font-weight:normal; display:block; padding:10px; margin:0; }
#content-bottom .col .margins ul li p a span { font-size:12px; font-weight:bold; display:block; color:#cc3399; }
#content-bottom .col .margins ul li p a:hover { color:#cc3399; }

#mas-info .col2 { float:left; width:470px; }
#mas-info .col2 .margins { margin:10px; text-align:center; }
#mas-info .col2 .margins h3 { font-size:26px; display:block; padding-top:10px; }
#mas-info .col2 .margins p { font-size:12px; padding-bottom:20px; }
#mas-info .col2 .margins p strong { color:#cc3399; }

.tweeter { position:relative; overflow:hidden; width:220px; height:305px; }
.tweeter .tweeter-content { position:absolute; top:-52px; left:0; display:block; }
.flickr { background:url(../grafs/gral/ico-flickr.gif) no-repeat; padding:15px 0 15px 50px; display:block; }
.facebook { background:url(../grafs/gral/ico-facebook.gif) no-repeat; padding:15px 0 15px 50px; display:block; }
.twitter { background:url(../grafs/gral/ico-twitter.gif) no-repeat; padding:15px 0 15px 50px; display:block; }

.showTxt { margin-bottom:5px; }
.showTxt div { padding:10px; font-size:12px; }
.showTxt div ul li { padding:0 0 5px 0; }
.showTxt h4 { margin:0; padding:0; cursor: pointer; font-size:12px; font-weight:bold; color:#cc3399; height:38px; width:220px; display:block; background-color:#FFF; background-position: 170px -8px; background-repeat:no-repeat; }
.showTxt h4 span { padding:10px 0 0 10px; display:block; }
#content-bottom .col .margins ul li p a, .showTxt h4, #espai .fitxa-content ul { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.doc { background-image:url(../grafs/gral/ico-doc.gif); }
.social { background-image:url(../grafs/gral/ico-social.gif); }
.mail { background-image:url(../grafs/gral/ico-mail.gif); }

#flickr_badge_uber_wrapper img { width:72px; height:72px; }

#footer { -ms-overflow: hidden; overflow:hidden; }
#footer ul { float:left; position:relative; left:50%; margin:0 auto; }
#footer ul li { float:left; position:relative; right:50%; padding:20px; }
#footer ul li p { font-size:11px; }
#footer ul li.final p, #footer ul li.final a { float:left; }
#footer ul li.final p { padding-top:30px; }
#footer ul li.final a { margin:0 10px 0 15px; }

a.pdf { display:block; background:url(../grafs/gral/pdf.gif) no-repeat 5px 2px; padding:12px 0 10px 60px!important; color:#000; font-weight:normal; }
a.pdf:hover { color:#000; font-weight:bold; }
.clear{ display:block; clear:both; }
.px20{ padding:10px; }
.px40{ padding:20px; }
.px60{ padding:30px; }
.px100{ padding:50px; text-align:center; }
.margin-no, .margin-no li { margin:0!important; }

#espai { padding:0 0 20px 0; }
#espai #fitxa-header { background:#eaebec url(../grafs/gral/background.jpg) 0 300px; }
#espai #fitxa-header div { background:url(../grafs/gral/shadow2.png) repeat-x bottom; }
#espai #fitxa-header h1 { padding:20px 30px 0 30px; color:#FFF; }
#espai .fitxa-content { padding:1px 20px 20px 20px; }
#espai .fitxa-content p { padding-left:200px; color:#666; font-size:12px; line-height:15px; }
#espai .fitxa-content ul { padding:10px 10px; margin:20px 0 0 190px; color:#333; font-size:12px; background:#eaebec; }
#espai .fitxa-content ul li { padding:4px 0; }
#espai .fitxa-titol { padding:0; }
#espai .fitxa-titol p { clear:both; padding: 0 30px 20px 30px; border-bottom:1px dotted #CCC; }
#espai .fitxa-titol h2, #espai .fitxa-titol h3 { padding: 0 30px 0 30px!important; margin:0!important; }
.linea { border-top:1px dotted #333; margin-top:40px; }

#espai h1 { margin:0; padding:0; color:#fff; font-size:50px; }
#espai #fitxa-header a { color:#FFF; padding-right:10px; }
#espai #fitxa-header a:hover { color:#FFF; opacity:.75; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
#espai #fitxa-header p { padding:10px 30px 10px 30px; background-color:#000; opacity:.75; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
#espai #fitxa-header span { color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 10px; }
#espai h2 { color:#cc3399; font-size:40px; line-height: 25px; }
#espai h2 a { font-weight:normal; float:left; margin-right:40px; }
#espai h2 span { display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;  }
#espai h2 a:hover span { color:#cc3399; }
#espai .fitxa-titol p { font-size:14px; color:#000; }
#espai .fitxa-titol p span { font-size:12px; color:#666; display:block; padding-top:10px; }

/* MODIFICACIONS TONI CAMI 13/10 */ 

#map{
	 width: 900px; height: 600px;
	 border: #FFF 20px; border-style:solid;
}
#primer{
	padding: 20px 20px 0 20px;
	}
.titol { font-family: 'Amatic SC', cursive; font-size:26px; }
.gris { color:#888888; }
.bajo { 
	bottom: 20px;
	}
	
	
	.credits {
	border-bottom: solid 1px #eee;
	padding-bottom: 10px;
	margin: 0 0 30px;
}
#pagewrap {
	margin: 0 auto;
	width: 600px;
	padding-left: 150px;
	position: relative;
}

/*
Back to top button 
*/
a#top{ float:left;
	}
#back-top {
	position: fixed;
	bottom: 20px;
	right: 20px
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #bbb;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #7bb2ca url(../grafs/imgmap/uparrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #cc3399;
}