/* Modified by the XD Design Team - http://www.xd.com.au */ 

/* General Layout */
/*html { margin: 0; padding: 0;}*/
/*body { margin: 0 auto; padding: 0; text-align: center; border: solid 0px yellow; background: black; list-style: none; list-style-type: none; }*/
html, body { margin: 0; padding: 0; width: 100%; height: auto; min-height: 960px; background-color: black; }
UL LI { list-style-type: none }
UL LI LI { list-style-type: none }
UL LI LI LI { list-style-type: none }
OL LI { list-style-type: none }
OL OL LI { list-style-type: none }
OL OL OL LI { list-style-type: none }
OL UL LI { list-style-type: none }
/* Skin Layout */
.FullLayout { position: relative; width: 100%; height: 100%; }
.RedMenuLeft { background: transparent url(images/RedMenuLeft.png) top left no-repeat; height: 58px; margin-left: 0px; }
.RedMenuRight { background: transparent url(images/RedMenuRight.png) top right no-repeat; height: 58px; margin-right: 0px; }
.RedMenuCenter { background: transparent url(images/RedMenuFill.png) top repeat-x; height: 58px; margin: 0 10px 0 10px; }
.BlackMenuLeft { padding: 0px; background: transparent url(images/BlackMenuLeft.png) top left no-repeat; height: 58px; margin-left: 0px; }
.BlackMenuRight { padding: 0px; background: transparent url(images/BlackMenuRight.png) top right no-repeat; height: 58px; margin-right: 0px; }
.BlackMenuCenter { padding: 0px; background: transparent url(images/BlackMenuFill.png) top repeat-x; height: 58px; margin: 0 10px 0 10px; }
.BreadCrumbLeft { background: transparent url(images/BreadcrumbLeft.png) top left repeat-y; height: 38px; margin-left: 0px; }
.BreadCrumbRight { background: transparent url(images/BreadcrumbRight.png) top right repeat-y; height: 38px; margin-right: 0px; }
.BreadCrumbCenter { background: transparent url(images/BreadcrumbCenter.png) top repeat-x; height: 38px; margin: 0 10px 0 10px; }
/* .SkinBannerContainer { padding:0; margin: 0 3px 0 3px; background: transparent url(images/SynapseBundlePackBanner2.jpg) no-repeat top left; vertical-align: top; height: 267px; width: 984px;} */
.SkinBannerContainer { padding: 0px 3px 0px 3px; margin: 0; height: auto; width: 984px; }
.SkinBannerLeft { padding: 0px; background: transparent url(images/Left.png) top left repeat-y; margin-left: 0px; }
.SkinBannerRight { padding: 0px; background: transparent url(images/Right.png) top right repeat-y; margin-right: 0px; }
.LiniaNegreSotaMenu { background: transparent url(images/LINIA-FONS.png) top left no-repeat; width: 100%; padding-top: 4px; }
/*.SkinContentLeft { background: transparent url(images/Left.png) top left repeat-y; margin-left: 0px; }*/
/*.SkinContentRight { background: transparent url(images/Right.png) top right repeat-y; margin-right: 0px; }*/
/*.SkinContentCenter { background: white url(images/Fill.png) top repeat; margin: 0 10px 0 10px; position: relative; display: block; padding: 0; border: solid 1px white; } */
.SkinContentLeft { background: transparent url(images/Left2.png) top left repeat-y; margin-left: 0px; }
.SkinContentRight { background: transparent url(images/Right2.png) top right repeat-y; margin-right: 0px; }
.SkinContentCenter { background-color: #000000; margin: 0 10px 0 10px; position: relative; display: block; padding: 0; border: solid 1px black; color: #FFFFFF; }
.SkinBottomLeft { background: transparent url(images/SkinBottomLeft.png) top left no-repeat; height: 3px; margin-left: 0px; position: relative; }
.SkinBottomRight { background: transparent url(images/SkinBottomRight.png) top right no-repeat; height: 3px; margin-right: 0px; position: relative; }
.SkinBottomCenter { background: transparent url(images/SkinBottomCenter.png) top repeat-x; height: 3px; margin: 0 10px 0 10px; position: relative; }
.FooterLeft { background: transparent url(images/FooterLeft.png) top left repeat-y; margin-left: 0px; }
.FooterRight { background: transparent url(images/FooterRight.png) top right repeat-y; margin-right: 0px; }
.FooterCenter { background: #cecece none repeat; margin: 0 3px 0 3px; }
.search { float: right; background: url(images/Search.png) no-repeat left; width: 172px; height: 38px; vertical-align: middle; display: inline; padding-right: 15px; }
.breadcrum { background: url(images/Breadcrumb.png) no-repeat right; width: 10px; height: 35px; line-height: 36px; display: inline; color: #969696; text-align: left; float: left; }
.breadcrumcontent { float: Left }
.breadcrum_text, a.breadcrum_text:visited { font-family: verdana; font-size: 11px; color: #7b7b7b; white-space: nowrap; padding-left: 15px; padding-right: 9px; height: 38px; line-height: 38px; float: left; text-align: left; }
a.breadcrum_text:link, a.breadcrum_text:active, a.breadcrum_text:hover { font-family: verdana; font-size: 11px; color: #7b7b7b; white-space: nowrap; padding-left: 15px; padding-right: 9px; height: 38px; line-height: 38px; }
#dnn_dnnSEARCH_txtSearch.NormalTextBox { background: transparent; color: #727272; font-family: verdana; font-size: 11px; padding: 12px 0px 5px 4px; border: 0px solid #000000; cursor: text; text-decoration: none; width: 140px; }
.SearchButton { background: transparent url(images/SearchButtonx.jpg) center center no-repeat; height: 25px; margin: 0; padding: 5px 0px 8px 4px; z-index: 50; width: 16px; vertical-align: middle; cursor: pointer; text-decoration: none; }
/*.BGLeft { float: left; width: 51%; background: #000000 url(images/BGLeft.jpg) top left repeat-x; z-index: 1; top: 0; left: 0; position: absolute; display: inline; height: 100%; }*/
/*.BGRight { float: right; width: 50%; top: 0; right: 0; background: #000000 url(images/BGRight.jpg) top right repeat-x; z-index: 1; border: solid 0px green; position: absolute; display: inline; height: 100%; }*/
.BGFadeRepeat { float: left; width: 100%; background: #ffffff url(images/FadeRepeat.jpg) top left repeat-x; z-index: 1; top: 0; left: 0; position: absolute; display: inline; height: 100%; }
/*.BGMiddle { width: 100%; margin: auto; height: 100%; border: solid 0px blue; background: transparent url(images/BGMiddleAPM.jpg) top center no-repeat; position: relative; z-index: 10; }*/
.BGMiddle { width: 100%; margin: auto; height: 100%; border: solid 0px blue; position: relative; z-index: 10; }
.BGFade { width: 100%; margin: auto; border: solid 0px blue; background: #ffffff url(images/Fade.jpg) top center no-repeat; position: relative; z-index: 10; }
.BGWood { width: 100%; margin: auto; height: 100%; border: solid 0px blue; background: #0d0d0d url(images/DarkWood2.png) top center no-repeat; position: relative; z-index: 10; }
/*.SkinContent { width: 990px; margin: 0 auto; z-index: 20; text-align: center; }*/
.SkinContent { width: 990px; margin: 0 auto; text-align: center; }
.lang_pad { width: 50%; text-align: right; position: absolute; bottom: 5px; right: 5px; }
.lang_format { 	font-family: Arial; font-size: xx-small; color: #FFFFFF; background-color: #000000; }
/* Content Pane Layouts */
/*.BannerPane { position: relative }*/
.contentpane2 { position: relative }
.TopLeftPane { position: relative }
.TopRightPane { position: relative }
/*-------------- Login Style --------------*/
.LoginWhite, a.LoginWhite:link, a.LoginWhite:active, a.LoginWhite:visited { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; text-decoration: none; }
a.LoginWhite:hover { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; text-decoration: underline; }
.LoginGray, a.LoginGray:link, a.LoginGray:active, a.LoginGray:visited { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
a.LoginGray:hover { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
/*-------------- User Style --------------*/
.RegiserWhite, a.RegiserWhite:link, a.RegiserWhite:active, a.RegiserWhite:visited { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }
a.RegiserWhite:hover { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }
.RegiserGray, a.RegiserGray:link, a.RegiserGray:active, a.RegiserGray:visited { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
a.RegiserGray:hover { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
.PrivacyTermsWhite, a.PrivacyTermsWhite:link, a.PrivacyTermsWhite:visited { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }
a.PrivacyTermsWhite:active, a.PrivacyTermsWhite:hover { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }
/*.CopyrightWhite { font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }*/
.CopyrightWhite { font-family: Tahoma; font-weight: normal; color: white; font-size: 11px; }
.PrivacyTermsGray, a.PrivacyTermsGray:link, a.PrivacyTermsGray:visited { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
a.PrivacyTermsGray:active, a.PrivacyTermsGray:hover { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
.CopyrightGray { font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; }
/*.BottomContainer { width: 100%; position: absolute; height: 50px; padding-top: 7px; }*/
.BottomContainer { width: 100%; position: absolute; height: 30px; padding-top: 7px; }
/*.ContainerLeft { position: absolute; display: inline; float: left; left: 0; text-align: left; padding-left: 25px; font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }*/
.ContainerLeft { padding-top: 4px; position: absolute; display: inline; float: left; left: 0; text-align: left; padding-left: 25px; font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; }
.ContainerRight { position: absolute; display: inline; float: right; text-align: right; padding-right: 25px; right: 0; }
.TopContainer { height: 174px; position: relative; }
.LogoContainer { display: inline; float: left; padding-left: 25px; vertical-align: middle; padding-top: 55px; }
.LoginContainerGray { display: inline; text-align: right; font-family: Tahoma; font-weight: bold; color: #7b7b7b; font-size: 11px; right: 0px; float: right; padding-right: 25px; padding-top: 40px; padding-bottom: 10px; }
.LoginContainerWhite { display: inline; text-align: right; font-family: Tahoma; font-weight: bold; color: white; font-size: 11px; right: 0px; float: right; padding-right: 25px; padding-top: 40px; padding-bottom: 10px; }
.LoginContainer2 { padding-bottom: 5px; padding-right: 70px; }
/*.BlackColor { height: 50px; position: relative; background-color: #000000; border: solid 0px transparent; }*/
.BlackColor { position: relative; background-color: #000000; border: solid 0px transparent; }
.WhiteColor { height: 50px; position: relative; background-color: #ffffff; border: solid 0px transparent; }
.NoneColor { height: 50px; position: relative; background-color: transparent; border: solid 0px transparent; }
.mainMenuBlack { width: 100%; margin: 0 auto; padding: 0; list-style: none; }
/* Main Menu Normal */
.mainMenuBlack .root { font-family: Tahoma, Geneva, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; padding: 0px 20px 0px 20px; margin-right: 10px; white-space: nowrap; float: left; line-height: 62px; }
/* Main menu hover */
.mainMenuBlack .hov { color: #fff; background: url(images/blackhover.png) repeat-x top left; height: 58px; }
/* Main menu selected */
.mainMenuBlack .sel, .mainMenuBlack .bc { color: #fff; background: url(images/blackhover.png) repeat-x top left; height: 58px; }
.mainMenuBlack table { z-index: 4444; border: solid 2px #1A1A1A; width: 150px; }
/* SUB Menu Normal */
.mainMenuBlack tr.mi { background-color: #ffffff; z-index: 1000; font-size: 10px; font-weight: bold; text-align: left; color: #1a1a1a; line-height: 25px; }
.mainMenuBlack tr.mi td { padding: 0 2px; text-transform: none; }
/* SUB Menu hover & selected */
.mainMenuBlack tr.hov { background: white url(images/blackhover.jpg) repeat-x top left; height: 25px; }
.mainMenuBlack tr.hov td { color: #ffffff }
.mainMenuBlack tr.sel, .mainMenuBlack tr.bc { background: white url(images/blackhover.jpg) repeat-x top left; height: 25px; }
.mainMenuBlack tr.sel td, .mainMenuBlack tr.bc td { color: #ffffff }
.main_dnnmenu_break { height: 2px; background-color: #D5E0FF; }
.mainMenuRed { width: 100%; margin: 0 auto; padding: 0; list-style: none; }
/* Main Menu Normal */
.mainMenuRed .root { font-family: Tahoma, Geneva, sans-serif; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; padding: 0px 20px 0px 20px; margin-right: 10px; white-space: nowrap; float: left; line-height: 62px; }
/* Main menu hover */
.mainMenuRed .hov { color: #fff; background: url(images/Redhover.png) repeat-x top left; height: 58px; }
/* Main menu selected */
.mainMenuRed .sel, .mainMenuRed .bc { color: #fff; background: url(images/Redhover.png) repeat-x top left; height: 58px; }
.mainMenuRed table { z-index: 4444; border: solid 2px #BA0000; width: 150px; }
/* SUB Menu Normal */
.mainMenuRed tr.mi { background-color: #ffffff; z-index: 1000; font-size: 10px; font-weight: bold; text-align: left; color: #BA0000; line-height: 25px; }
.mainMenuRed tr.mi td { padding: 0 2px; text-transform: none; }
/* SUB Menu hover & selected */
.mainMenuRed tr.hov { background: white url(images/redhover.jpg) repeat-x top left; height: 25px; }
.mainMenuRed tr.hov td { color: #ffffff }
.mainMenuRed tr.sel, .mainMenuRed tr.bc { background: white url(images/redhover.jpg) repeat-x top left; height: 25px; }
.mainMenuRed tr.sel td, .mainMenuRed tr.bc td { color: #ffffff }
.main_dnnmenu_break { height: 2px; background-color: #D5E0FF; }
A.link { color: white }

/* Downloaded from http://www.dnnskins.com */

/* Afegit posteriorment */

.menu
{
    /*
	padding: 0 0 0 32px;
	margin: 0;
	list-style: none;
	height: 40px;
	background: #FFF url(images/button1a.gif) repeat-x;
	position: relative;
	font-family: arial, verdana, sans-serif;
    */
    width: 100%; margin: 0 auto; padding: 0; list-style: none; 
    font-family: "Century Gothic", arial, verdana, sans-serif;    
}
.menu LI.top
{
	display: block;
	float: left;
	position: relative;
}
.menu LI A.top_link
{
    /*
	display: block;
	float: left;
	height: 40px;
	line-height: 33px;
	color: #BBB;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 12px;
	cursor: pointer;
    */
    color: #ffffff; font-size: 15px; font-weight: normal; text-align: center; padding: 0px 0px 0px 0px; margin-right: 0px; white-space: nowrap; float: left; line-height: 62px;
    display: block;
    text-decoration: none;
    cursor: pointer;    
}
.menu LI A.top_link SPAN
{
	float: left;
	/*font-weight: bold;*/
	display: block;
	padding: 0 24px 0 12px;
	/*height: 40px;*/
	height: 58px;
}
.menu LI A.top_link SPAN.down
{
	float: left;
	display: block;
	padding: 0 24px 0 12px;
	/* height: 40px; */
	height: 58px;
	background: url(images/down.gif) no-repeat right top;
}
.menu LI A.top_link:hover
{
	/*
	color: #000;
	background: url(images/button4.gif) no-repeat;
    */
    color: #fff; background: url(images/blackhover.png) repeat-x top left; height: 58px;
}
.menu LI A.top_link:hover SPAN
{
    /*
	background: url(images/button4.gif) no-repeat right top;
    */
    background: url(images/blackhover.png) repeat-x top left; height: 58px;
}
.menu LI A.top_link:hover SPAN.down
{
	background: url(images/button4a.gif) no-repeat right top;
}
.menu LI:hover>A.top_link
{
    /*
	color: #000;
	background: url(images/button4.gif) no-repeat;
    */
    color: #fff; background: url(images/blackhover.png) repeat-x top left; height: 58px;
}
.menu LI:hover>A.top_link SPAN
{
    /*
	background: url(images/button4.gif) no-repeat right top;
    */
    background: url(images/blackhover.png) repeat-x top left; height: 58px;
}
.menu LI:hover>A.top_link SPAN.down
{
	background: url(images/button4a.gif) no-repeat right top;
}
.menu TABLE
{
	border-collapse: collapse;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.menu A:hover
{
	visibility: visible;
}
.menu LI:hover
{
	position: relative;
	z-index: 200;
}
.menu UL, .menu :hover UL UL, .menu :hover UL :hover UL UL, .menu :hover UL :hover UL :hover UL UL, .menu :hover UL :hover UL :hover UL :hover UL UL
{
	position: absolute;	
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu :hover UL.sub
{
	left: 2px;
	/*	top: 40px; */
	top: 58px;
	right: 2px;
	background: #FFF;
	padding: 3px 0;
	border: 1px solid #999999;
	white-space: nowrap;
	width: 200px;
	height: auto;	
}
.menu :hover UL.sub LI
{
	display: block;
	height: 20px;
	position: relative;
	float: left;
	width: 250px;
}
.menu :hover UL.sub LI A
{
	font-weight: normal;
	display: block;
	font-size: 11px;
	height: 20px;
	width: 192px;
	line-height: 20px;
	text-indent: 5px;
	color: #000;
	text-decoration: none;
	border: 3px solid #FFF;
	border-width: 0 0 0 3px;
	text-align: left; /* afegit */
}
.menu :hover UL.sub LI A.fly
{
	background: #FFF url(images/arrow.gif) no-repeat 80px 7px;
}
.menu :hover UL.sub LI A:hover
{
	background: #999999;
	color: #FFF;
}
.menu :hover UL.sub LI A.fly:hover
{
	background: #999999 url(images/arrow_over.gif) no-repeat 80px 7px;
	color: #FFF;
}
.menu :hover UL LI:hover>A.fly
{
	background: #999999 url(images/arrow_over.gif) no-repeat 80px 7px;
	color: #FFF;
}
.menu :hover UL :hover UL, .menu :hover UL :hover UL :hover UL, .menu :hover UL :hover UL :hover UL :hover UL, .menu :hover UL :hover UL :hover UL :hover UL :hover UL
{
	left: 170px;
	top: -4px;
	background: #FFF;
	padding: 3px 0;
	border: 1px solid #999999;
	white-space: nowrap;
	width: 200px;
	z-index: 200;
	height: auto;
}