

div#menu_blau
{
   background: #012e5c url(imatges/navbar_blau.png) right top no-repeat;
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}

ul#navlist_blau
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_blau li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_blau li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 114%;
	color: #CCDDEE;
	border: 1px solid #446688;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
}

ul#navlist_blau li a:hover
{
	background: #446688 url(imatges/navbar_h_blau.png);
	color: #FFFFFF;
}

ul#navlist_blau li a.active
{
	color: #fff;
	font-weight: bold;
}








div#menu_carbassa
{
	background: #012e5c url(imatges/navbar_carbassa.png) right top no-repeat;
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}

ul#navlist_carbassa
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_carbassa li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_carbassa li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 114%;
	color: #CCDDEE;
	border: 1px solid #446688;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
}

ul#navlist_carbassa li a:hover
{
	background: #446688 url(imatges/navbar_h_carbassa.png);
	color: #FFFFFF;
}

ul#navlist_carbassa li a.active
{
	color: #fff;
	font-weight: bold;
}


div#menu_lila
{
	background: #012e5c url(imatges/navbar_lila.png) right top no-repeat;
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}

ul#navlist_lila
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_lila li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_lila li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 114%;
	color: #CCDDEE;
	border: 1px solid #446688;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
}

ul#navlist_lila li a:hover
{
	background: #446688 url(imatges/navbar_h_lila.png);
	color: #FFFFFF;
}

ul#navlist_lila li a.active
{
	color: #fff;
	font-weight: bold;
}

div#menu_groc
{
	background: #012e5c url(imatges/navbar_groc.png) right top no-repeat;
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}

ul#navlist_groc
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_groc li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_groc li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 114%;
	color: #CCDDEE;
	border: 1px solid #446688;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
}

ul#navlist_groc li a:hover
{
	background: #446688 url(imatges/navbar_h_groc.png);
	color: #FFFFFF;
}

ul#navlist_groc li a.active
{
	color: #fff;
	font-weight: bold;
}


div#menu_vermell
{
	background: #012e5c url(imatges/navbar_vermell.png) right top no-repeat;
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}

ul#navlist_vermell
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_vermell li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_vermell li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 114%;
	color: #CCDDEE;
	border: 1px solid #446688;
	border-width: 0 1px 1px 0;
	white-space: nowrap;
}

ul#navlist_vermell li a:hover
{
	background: #446688 url(imatges/navbar_h_vermell.png);
	color: #FFFFFF;
}

ul#navlist_vermell li a.active
{
	color: #fff;
	font-weight: bold;
}



div#menu_transp_blanc
{
	/*background: #012e5c url(imatges/navbar_vermell.png) right top no-repeat;*/
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}

hr#lin_transp_blanc
{
   height:1px;
   width:95%;
}

ul#navlist_transp_blanc
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_transp_blanc li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_transp_blanc li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 114%;
	color: #aaaaaa;
	border: 0px solid #446688;
	/*border-width: 0 1px 1px 0;*/
	white-space: nowrap;
}

ul#navlist_transp_blanc li a:hover
{
	/*background: #446688 url(imatges/navbar_h_vermell.png);*/
	color: #ffFFFF;
}

ul#navlist_transp_blanc li a.active
{
	color: #fff;
	font-weight: bold;
}



div#menu_transp_negre
{
	/*background: #012e5c url(imatges/navbar_vermell.png) right top no-repeat;*/
	margin: 0 1% 10px;
	width: 95%;
   min-width: 931px; /* 950px - 2 * 9.5px padding */
	overflow: hidden;
   float: left;
}


hr#lin_transp_negre
{
   height:1px;
   width:95%;
}

ul#navlist_transp_negre
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
}

ul#navlist_transp_negre li
{
	display: block;
	float: left;
	position:relative
}

ul#navlist_transp_negre li a
{
	display: block;
	float: left;
	padding: 8px 8px;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
   font-size: 100%;
	color: #555555;
	border: 0px solid #446688;
	/*border-width: 0 1px 1px 0;*/
	white-space: nowrap;
}

ul#navlist_transp_negre li a:hover
{
	/*background: #446688 url(imatges/navbar_h_vermell.png);*/
	color: #000000;
}

ul#navlist_transp_negre li a.active
{
	color: #fff;
	font-weight: bold;
}













body{
				text-align: center;
				font-family: verdana, arial, sans-serif;
				font-size: .7em;
			}

#FrogJS{
				width: 760px;
				height: 400px;
				margin: 0 auto;
			}

#imatges_n2 img.alt {
   font-size:150%;
}

#FrogJSCredit{
				text-align: left;
				font-size: 110%;
				color: #999;
				padding: 1px;
			}

#FrogJSCaption{
				text-align: left;
				line-height: 140%;
			}



