@charset "utf-8";
/* CSS Document */

/*****************  Laguages Menu  ***********************/
#Languages{
	position:absolute;
	top:13px;
	padding:none;
	margin:none;
	list-style:none;
}
#Languages li{float:left;}
#Languages a{
	display:block;
	width:45px;
	height:32px;
	overflow:hidden;
	background:url(../img/buttons/buttonLanguage.png) no-repeat 0 0;
	text-decoration:none;
	outline:none;
	color:white;
}
#Languages a:hover{background-position: 0 -32px;}
#Languages a:active{background-position: 0 -64px;}
#Languages li.active a{background-position: 0 -96px !important; color:black; cursor:default;}

#Languages a span{display:block; text-align:center; padding:0 6px 0 0; line-height:24px;}
#Languages a:hover span{padding-top:1px;}
#Languages a:active span{padding-top:2px;}
#Languages li.active a span{padding-top:0 !important;}

/*********************  Menus  ***************************/
#Menu1,
#Menu2{
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
}
#Menu1{
	top:5px;
	right:1.5em;
}
#Menu2{
	top:75px;
	left:2em;
}

#Menu1 li,
#Menu2 li{float:left;}

#Menu1 a,
#Menu2 a{
	display:block;
	position:relative;
	width:72px;
	height:92px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	cursor:hand;
}
#Menu1 a{background-image:url(../img/buttons/buttonSign.png);}
#Menu2 a{background-image:url(../img/buttons/buttonSign.png);}

#Menu1 a:hover, #Menu2 a:hover{background-position:0 -92px;}
#Menu1 li.active a, #Menu2 li.active a{background-position:0 -92px !important; /*cursor:default;*/}
#Menu1 a:active,#Menu2 a:active{background-position:0 -184px;}

#Menu1 a span,
#Menu2 a span{
	position:absolute;
	bottom:18px;
	left:5px;
	right:10px;
	color:white;
	text-align:center;
	font-size:9px;
	text-transform:uppercase;
}
#Menu1 a:active span{bottom:15px; left:8px; right:7px;}

#Menu2 a span{bottom:16px; left:3px; right:11px;}
#Menu2 a:active span{bottom:13px; left:6px; right:8px;}

#Menu1 li.active a span{bottom:18px !important; left:5px !important; right:10px !important;}
#Menu2 li.active a span{bottom:16px !important; left:3px !important; right:11px !important;}

#Menu1 a img,
#Menu2 a img{ position:absolute; top:13px; left:11px;}
#Menu1 a:active img,
#Menu2 a:active img{ top:16px; left:14px;}
#Menu1 li.active a img,
#Menu2 li.active a img{top:13px !important; left:11px !important;}