/* CSS of the template header */
#header {
	width: 900px;
	height: 166px;
	background: #006af0 url('../images/header/header.png') no-repeat;
}

#header h1.gensan{
	text-indent: -6969px;
	float: left;
}

#header img.logo-header {
	display : block;
	position : relative;
	top : 0px;
	left : 330px;
}

/*
 * Path on top of page
 */

#navigation {
	position: absolute;
	top: 0px;
	width: 900px;
	height: 22px;
	background-image: url('../images/header/path.png');
}

#nav-path {
	color: #B3B3B3;
	margin-left: 50px;
	line-height: 22px;
	float:left;
}

#nav-path span {
	padding-left: 10px;
	padding-right: 10px;
}

#nav-path h3 {
	vertical-align: middle;
	display: inline;
	font-size: 11px;
	font-weight: 500;
}

#nav-path h3.last {
	color: white;
}

#nav-lang {
	float:right;
	line-height: 22px;
	margin-right: 5px;
}

#nav-lang span {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 500;
	margin-right: 8px;
}

#nav-lang img {
	vertical-align: middle;
}

/*
 * Top navigation bar CSS
 */
ul.topNavbar {
	float: 		right;
	width: 		191px;
	position: 	relative;
	top: 		34px;
}

a.topNavbar {
	display: 			block;
	width: 				95px;
	height: 			29px;
	text-align: 		center;
	vertical-align: 	middle;
	text-decoration: 	none;
	color:				#ffffff;
}

li.topNavbar {
	/* all list items */
	float: 	left;
	/* width needed or else Opera goes nuts */
	width: 	95px;
	height: 29px;
}

span.topNavbar {
	display:		block;
	padding-top:	7px;
	vertical-align: middle;
	text-align:		center;
	font-weight:	bold;
}

li.topNavbar#buy a:hover {
	background: transparent url('../images/header/buy-over.png') no-repeat top left;
}

li.topNavbar#gadget {
	/* width needed or else Opera goes nuts */
	width: 90px;
}

li.topNavbar#gadget a:hover {
	background: transparent url('../images/header/gadget-over.png') no-repeat top left;
}

/*
 * CSS Bottom Navigation Bar
 */
ul.mainMenu {
	display: 	block;
	width: 		100%;
	position: 	relative;
	top: 		136px;
	height:		30px;
}

li.mainMenu {
	/* all list items */
	float: 			left;
	/* width needed or else Opera goes nuts */
	width: 			100px;
	height: 		30px;
	text-align: 	center;
}

li.mainMenu#home {
	width: 100px;
}

li.mainMenu#search {
	width: 200px;
	float: right;
}

a.mainMenu {
	display: 		block;
	height: 		30px;
	color: 			#ffffff;
	text-align: 	center;
	vertical-align: top;
	width: 			100px;
	margin-left:	0px;
}

span.mainMenu {
	display:		block;
	height : 		20px;
	text-align:		center;
	vertical-align: middle;
	font-weight:	bold;
	padding-top:	9px;
}

#homeLink:hover,
#homeLink.bgColor {
	background-image : url('../images/header/home.png');
}

#companyLink:hover,
#companyLink.bgColor {
	background-image : url('../images/header/company.png');
}

#archiveLink:hover,
#archiveLink.bgColor {
	background-image : url('../images/header/archive.png');
}


#productsLink:hover,
#productsLink.bgColor {
	background-image : url('../images/header/products.png');
}

#servicesLink:hover,
#servicesLink.bgColor {
	background-image : url('../images/header/services.png');
}

#gensanpointLink:hover,
#gensanpointLink.bgColor {
	background-image : url('../images/header/gensanpoint.png');
}

#contactsLink:hover,
#contactsLink.bgColor {
	background-image : url('../images/header/contacts.png');
}

ul.subMenu {
	/* second-level lists */
	display: 			block;
	position: 			absolute;
	width: 				900px; /* instead of 100% to be compatible with IE6 */
	height: 			30px;
	background-image:	url('../images/header/submenu.png');
	left: 				-999em;
	/* using left instead of display to hide menu Lists
	because display: none isn't read by screen readers */
}

.ontop {
	z-index :		1000;
}

.appear ul {
	/* lists nested under hovered list items */
	z-index:		0;
	left: 			0;
}

li.subMenu {
	/* all list items */
	float: 	left;
	height: 100%;
	margin-right: 10px;
}

/* Sub elements width change accordingly to the text inside */
/*
li.subMenu#profile {
	width: 64px;
}

li.subMenu#quality, li.subMenu#careers {
	width:	135px;
}

li.subMenu#article {
	width: 60px;
}
li.subMenu#news {
	width: 50px;
}
li.subMenu#teams {
	width: 60px;
}
li.subMenu#advertising {
	width: 105px;
}

li.subMenu#training {
	width:	135px;
}
li.subMenu#academy, li.subMenu#expert {
	width: 116px;
}
*/

a.subMenu {
	display: 		block;
	height: 		30px;
	vertical-align: middle;
}

span.subMenu {
	position:	relative;
	width: 		auto;
	top:		8px;
	color: 		#ffffff;
	vertical-align: middle;
}

a.subMenu:hover span.subMenu {
	color: #cccccc;
}

/* Give sub menu 15px of left padding */
li#profile {
	padding-left:	128px;
}

li#teams {
	padding-left:	227px;
}

li#academy {
	padding-left:	430px;
}

#productsSubMenu {
	display:			block;
	width:				807px;
	padding-left:		124px;
	background-image:	none;
}

li.productHeader {
	display: 			block;
	float: 				left;
	width: 				176px;
	height:				70px;
	color: 				white;
}

li.productHeader span {
	display: 			block;
	margin-left:		5px;
	font-size:			13px;
}

li.productHeader span.title {
	padding-top:		5px;
	padding-bottom:		5px;
	font-size:			15px;
	font-weight:		bold;
}

li.productHeader span.lastSubTitle {
	padding-bottom:			10px;
}

li.productHeader ul {
	display:			block;
	width:				100%;
	color: 				black;
}

li.productHeader ul li {
	height:				19px;
	color: 				black;
	margin:				0px;
}

li.productHeader ul li a {
	display:			block;
	width:				100%;
	height:				19px;
	color:				white;
	margin:				0px;
}

li.productHeader ul li a span {
	display:			block;
	padding-bottom:		1px;
	margin-left:		5px;
	margin-top:			0px;
	margin-bottom:		0px;
	height:				19px;
}

#lineaPdMenu{
	background-image: 	url('../images/header/lineapd.png');
}

#lineaPdMenu ul li a {
	background-image: 	url('../images/header/products-pd.png');
}

#lineaPdMenu ul li a:hover {
	background-image: 	url('../images/header/products-pd-hover.png');
}

#masterGymMenu {
	background-image: 	url('../images/header/mastergym.png');
}

#masterGymMenu ul li a {
	background-image: 	url('../images/header/products-mastergym.png');
}

#masterGymMenu ul li a:hover {
	background-image: 	url('../images/header/products-mastergym-hover.png');
}

#maxDynSportMenu {
	background-image: 	url('../images/header/maxdynsport.png');
}

#maxDynSportMenu ul li a {
	background-image: 	url('../images/header/products-maxdynsport.png');
}

#maxDynSportMenu ul li a:hover {
	background-image: 	url('../images/header/products-maxdynsport-hover.png');
}

#nutrifittMenu {
	background-image: 	url('../images/header/nutrifitt.png');
}

#nutrifittMenu ul li a {
	background-image: 	url('../images/header/products-nutrifitt.png');
}

#nutrifittMenu ul li a:hover {
	background-image: 	url('../images/header/products-nutrifitt-hover.png');
}

a.productsLink,
a.productsLink:visited {
	color: #ffffff;
}