/* CSS Document */

body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

body.intro {
	text-align:center;
}

html.planaguma {
	overflow: hidden;
	height: 100%;
}

body.planaguma {
	display: table;
	height: 100%; 
	width: 100%;
	_position: relative;
	overflow: hidden;
	margin: 0 0 0 0;
}

	div.swfContainer {
		_position: absolute;
		_top: 50%;
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		text-align:center;
	}
	
		body.planaguma object {
			/*_position: relative;
			_top: -50%;*/
		}
		
		body.planaguma object embed {
			/*margin: 0 auto;*/
		}

	p.intro {
		width: 355px;
		text-align:right;
		margin: 80px auto 30px auto;
		color: #fff;
	}
		
		p.intro a.cat {
			font-size: 0px;
			color: transparent;
			text-indent: 9000px;
			display: block;
			background-image: url(../img/catala.gif);
			width: 55px;
			height: 25px;
			float: right;
			overflow: hidden;
		}
		
		p.intro a.cat:hover {
			background-image: url(../img/catalaOver.gif);
		}
		
		p.intro a.cast {
			font-size: 0px;
			color: transparent;
			text-indent: 9000px;
			display: block;
			background-image: url(../img/castellano.gif);
			width: 85px;
			height: 25px;
			float: right;
			margin-right: 5px;
			overflow: hidden;
		}
		
		p.intro a.cast:hover {
			background-image: url(../img/castellanoOver.gif);
		}
	
	div.note {
		width: 99%;
		margin: 40px 0 10px 0;
	}
	
		div.note hr {
			border: 0px solid #fff;
			border-top: 1px solid #fff;
		}
	
	p.note {
		font-size: 10px;
		width: 350px;
		text-align:center;
		margin: 0px auto 10px auto;
		color: #CCCCCC;
	}
	
	div.note p.note {
		margin: 0px 0px 10px 0px;
		width: 100%;
	}
	
		p.note * img {
			margin-left: 10px;
			position: relative;
			top: -2px;
		}
				/********COLLAPSIBLE PANEL  ACCESSOS DIRECTES***********/
		
	.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
}

.CollapsiblePanelTab {	
	font-size:12px;
	font-weight:bold;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 5px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	background-color:#FFFFFF;

}
.CollapsiblePanelContent a {
	margin: 0px;
	padding: 5px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;

}
.CollapsiblePanelContent a:hover{
	margin: 0px;
	padding: 5px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CB201C;
}

.CollapsiblePanelTab a {
	background-color: #EEE;
	font-size:12px;
	font-weight:bold;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	

}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image:url(../../../medias/img/interface/Tancar-Panell.jpg);
	font-size:12px;
	font-weight:bold;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;


}

.CollapsiblePanelClosed .CollapsiblePanelTab {
	font-size:12px;
	font-weight:bold;
	background-image:url(../../../medias/img/interface/Obrir-Panell.jpg);	
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;

}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
	font-size:12px;
	font-weight:bold;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #CCC;
	font-size:12px;
	font-weight:bold;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

.linkacc{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	margin-top:10px;
}
.linkacc a:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	margin-top:10px;
}