/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-corner-menu.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menuHolder {margin:0px 0 0px 10px;position: relative;z-index:100; width: 100%;height:100%; }
.menuWindow {width:100%; height:100%; overflow:hidden; position:absolute; left:0px; top:0px; 
	z-index:0;}

.menuHolder ul {padding:0; margin:0px; list-style:none; position:absolute; 
	left:0; top:0;  z-index:-1}

.menuHolder ul li a {color:#000; text-decoration:none; 
	font:bold 13px/30px arial, sans-serif; text-align: center; 
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
}
.menuHolder ul.p1 li {position:absolute; left:0; top:0; }

.menuHolder li.s1 > a {position:absolute; display:block; left:0; }
.menuHolder li.s2 >a {
	position:absolute; 
	display:block; 
	width:11.7%; 
	overflow:hidden;
	height:19.5%; 
	background:#ddd; 
	border-radius:0 0 100% 0;
	top:-0.9%;
	left:-0.4em;
	
}

.menuHolder ul ul {
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-ms-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:rotate(90deg);
-moz-transform:rotateZ(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}




.menuHolder li.s2:nth-of-type(4) > a {background:#aaa;
-webkit-transform:rotate(67deg);
-moz-transform:rotateZ(67deg);
-ms-transform:rotate(67deg);
-o-transform:rotate(67deg);
transform:rotate(67deg);
}
.menuHolder li.s2:nth-of-type(3) > a {background:#bbb;
-webkit-transform:rotate(45deg);
-moz-transform:rotateZ(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.menuHolder li.s2:nth-of-type(2) > a {background:#ccc;
-webkit-transform:rotate(22deg);
-moz-transform:rotateZ(22deg);
-ms-transform:rotate(22deg);
-o-transform:rotate(22deg);
transform:rotate(22deg);
}


.ascensorFloor:hover ul.p2 {
z-index:-1;
-webkit-transform:rotate(0deg);
-moz-transform:rotateZ(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}

.menuHolder ul li:hover > a { color:#CC0033;}
div#youth .menuHolder li.s2:hover > a {background:#d00; color:#fff;}
div#trends .menuHolder li.s2:hover > a {background:#FF6501; color:#fff;}
div#achievements .menuHolder li.s2:hover > a {background:#66CC00; color:#fff;}
div#leadership .menuHolder li.s2:hover > a {background:#0265CB; color:#fff;}
div#korner .menuHolder li.s2:hover > a {background:#A000D5; color:#fff;}
.menuHolder li.s2:nth-of-type(7):hover > a {color:#fff;background:#fff;}

.menuHolder span {
display:block; padding-left: 50%; word-wrap: break-word; 
-moz-transform:rotateZ(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
}