/*
	Gominola Creative Media 2008
	Barcelona - http://www.gominola.com
	by Alexander Morales - a@gominola.com
_____________________________________________________*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	font-family:Georgia,Arial, "MS Trebuchet", sans-serif;
	font-size:12px;
}
body {
	line-height:1;
	text-align:center;
	background:url(../img/bg.gif) #f6f6f6 repeat-y top center;
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
input, textarea {
	margin:0;
	padding:0
}
hr {
	margin:0;
	padding:0;
	border:0;
	color:#000;
	background-color:#000000;
	height:1px;
}


#wrap {
	width:892px;
	margin:0px auto;
	text-align:left;
	}

/*
	Header.
	Logo, menu
_____________________________________________________*/
/*
div	{
	float:left;
	display:inline;
	overflow:hidden;
}*/
#banner {
	width:890px;
	height:247px;
	overflow:hidden;
}
#header {
	width:890px;
	height:99px;
}
#header h1 a {
	float:right;
	width:180px;
	height:94px;
	background:url(../img/xarxa-distribucions.gif) no-repeat top left;
	text-indent:-1000px;
	overflow:hidden;
}
#menu {
	padding:14px 0px 0px 0px;
}
#menu ul {
	float:left;
	/*background:url(../img/menu-bg.gif) repeat-y top left;*/
	border-left:1px dashed #9c9d9f;
	width:159px;
	height:60px;
}
#menu li {
	padding:0px 0px 0px 9px;
	margin:0px 0px 0px 10px;
	background:url(../img/menu-arrow-blue.gif) no-repeat center left;
}
#menu li.red {
	background:url(../img/menu-arrow-red.gif) no-repeat center left;
}
#menu li a {
	padding:0px 2px;
	font-size:14px;
	line-height:20px;
	color:#002d69;
	text-decoration:none;
	font-weight:bold;
	}
	#menu li a.current {
		text-decoration:underline;
	}
	#menu li a:hover {
		color:#ffffff;
		background:#002d69;
	}
	#menu li.red a {
		color:#9b1619;
		}
		#menu li.red a:hover {
			color:#ffffff;
			background:#9b1619;
		}
#content {
	width:890px;
}

p.bt {
	width:auto;
	height:28px;
	}
	p.bt a {
		display:block;
		height:28px;
		background:url(../img/bt-bg.gif) repeat-x top left;
		line-height:28px;
		cursor:pointer;
		text-align:center;
		text-decoration:none;
		}
		p.bt a:hover {
			background-position:0px -28px;
		}
		p.bt a span {
			margin-left:10px;
			background:url(../img/bt-arrow.gif) no-repeat top left;
			line-height:28px;
			height:28px;
			font-weight:bold;
			color:#fff;
			display:block;
			}
			p.bt a:hover span {
				background-position:0px -28px;
			}

#footer {
	width:890px;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
	clear:both;
}
#footer .pic {
	width:890px;
	height:31px;
	overflow:hidden;
}
#footer p {
	margin-top:10px;
	font-family:Verdana, Georgia, Arial, "MS Trebuchet", sans-serif;
	font-size:10px;
	line-height:14px;
	color:#9c9d9f;
	text-align:center;
	}
	#footer p a {
		font-family:Verdana, Georgia, Arial, "MS Trebuchet", sans-serif;
		font-size:10px;
		line-height:14px;
		color:#9c9d9f;
		text-decoration:none;
	}
#footer #mesinfo {
	float:left;
	width:794px;
}
#footer p {
	margin-top:10px;
	padding-left:96px;
	font-family:Verdana, Georgia, Arial, "MS Trebuchet", sans-serif;
	font-size:10px;
	line-height:14px;
	color:#9c9d9f;
	text-align:center;
	}
	#footer p a {
		font-family:Verdana, Georgia, Arial, "MS Trebuchet", sans-serif;
		font-size:10px;
		line-height:14px;
		color:#9c9d9f;
		text-decoration:none;
	}
#credits {
	width:96px;
	height:40px;
	float:right;
	}
	#credits {
		padding-top:3px;
	}
	#credits li {
		float:left;
		height:40px;
		overflow:hidden;
	}
	#credits li a {
		text-indent:-1000px;
		display:block;
		height:40px;
		overflow:hidden;
		background:url(../img/credits.gif) no-repeat top left;
	}
	#credits li.cre1 a {
		width:52px;
		background-position:0px 0px;
	}
	#credits li.cre2 a {
		width:44px;
		background-position:-52px 0px;
	}
	#credits li.cre1 a:hover {
		background-position:0px -40px;
	}
	#credits li.cre2 a:hover {
		background-position:-52px -40px;
	}