#label1 {
width:145px;
height:211px;
background:url(../bg/animatedmenu/green.png);
cursor:pointer;
}

div.text1 {
position:relative;
top:70px;
left:-85px;
-moz-transform: rotate(-90deg); /* ??? Firefox */
-ms-transform: rotate(-90deg); /* ??? IE */
-webkit-transform: rotate(-90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* ??? Opera */
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color:#333;
}

div.icona1 {
position:relative;
top:30px;
left:5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#label1:hover div.text1 {
-moz-transform: rotate(90deg); /* ??? Firefox */
-ms-transform: rotate(90deg); /* ??? IE */
-webkit-transform: rotate(90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(90deg); /* ??? Opera */
transform: rotate(90deg);
-webkit-transform: translate(45px,-25px);
-moz-transform: translate(45px,-25px);
-o-transform: translate(45px,-25px);
-ms-transform: translate(45px,-25px);
transition: all 0.5s ease-out;
}

#label1:hover div.icona1 {
-webkit-transform: translate(-8px,20px);
-moz-transform: translate(-8px,20px);
-o-transform: translate(-8px,20px);
-ms-transform: translate(-8px,20px);
transition: all 0.5s ease-out;
}


#label2 {
width:145px;
height:211px;
background:url(../bg/animatedmenu/red.png);
cursor:pointer;
}

div.text2 {
position:relative;
top:70px;
left:-85px;
-moz-transform: rotate(-90deg); /* ??? Firefox */
-ms-transform: rotate(-90deg); /* ??? IE */
-webkit-transform: rotate(-90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* ??? Opera */
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color:#333;
}

div.icona2 {
position:relative;
top:30px;
left:5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#label2:hover div.text2 {
-moz-transform: rotate(90deg); /* ??? Firefox */
-ms-transform: rotate(90deg); /* ??? IE */
-webkit-transform: rotate(90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(90deg); /* ??? Opera */
transform: rotate(90deg);
-webkit-transform: translate(45px,-25px);
-moz-transform: translate(45px,-25px);
-o-transform: translate(45px,-25px);
-ms-transform: translate(45px,-25px);
transition: all 0.5s ease-out;
}

#label2:hover div.icona2 {
-webkit-transform: translate(-8px,20px);
-moz-transform: translate(-8px,20px);
-o-transform: translate(-8px,20px);
-ms-transform: translate(-8px,20px);
transition: all 0.5s ease-out;
}


#label3 {
width:145px;
height:211px;
background:url(../bg/animatedmenu/yellow.png);
cursor:pointer;
}

div.text3 {
position:relative;
top:65px;
left:-85px;
-moz-transform: rotate(-90deg); /* ??? Firefox */
-ms-transform: rotate(-90deg); /* ??? IE */
-webkit-transform: rotate(-90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* ??? Opera */
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color:#333;
}

div.icona3 {
position:relative;
top:30px;
left:5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#label3:hover div.text3 {
-moz-transform: rotate(90deg); /* ??? Firefox */
-ms-transform: rotate(90deg); /* ??? IE */
-webkit-transform: rotate(90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(90deg); /* ??? Opera */
transform: rotate(90deg);
-webkit-transform: translate(45px,-20px);
-moz-transform: translate(45px,-20px);
-o-transform: translate(45px,-20px);
-ms-transform: translate(45px,-20px);
transition: all 0.5s ease-out;
}

#label3:hover div.icona3 {
-webkit-transform: translate(-8px,20px);
-moz-transform: translate(-8px,20px);
-o-transform: translate(-8px,20px);
-ms-transform: translate(-8px,20px);
transition: all 0.5s ease-out;
}

#label4 {
width:145px;
height:211px;
background:url(../bg/animatedmenu/blue.png);
cursor:pointer;
}

div.text4 {
position:relative;
top:65px;
left:-85px;
-moz-transform: rotate(-90deg); /* ??? Firefox */
-ms-transform: rotate(-90deg); /* ??? IE */
-webkit-transform: rotate(-90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* ??? Opera */
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color:#333;
}

div.icona4 {
position:relative;
top:30px;
left:5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#label4:hover div.text4 {
-moz-transform: rotate(90deg); /* ??? Firefox */
-ms-transform: rotate(90deg); /* ??? IE */
-webkit-transform: rotate(90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(90deg); /* ??? Opera */
transform: rotate(90deg);
-webkit-transform: translate(45px,-20px);
-moz-transform: translate(45px,-20px);
-o-transform: translate(45px,-20px);
-ms-transform: translate(45px,-20px);
transition: all 0.5s ease-out;
}

#label4:hover div.icona4 {
-webkit-transform: translate(-8px,20px);
-moz-transform: translate(-8px,20px);
-o-transform: translate(-8px,20px);
-ms-transform: translate(-8px,20px);
transition: all 0.5s ease-out;
}

#label5 {
width:145px;
height:211px;
background:url(../bg/animatedmenu/purple.png);
cursor:pointer;
}

div.text5 {
position:relative;
top:70px;
left:-85px;
-moz-transform: rotate(-90deg); /* ??? Firefox */
-ms-transform: rotate(-90deg); /* ??? IE */
-webkit-transform: rotate(-90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* ??? Opera */
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color:#333;
}

div.icona5 {
position:relative;
top:30px;
left:5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#label5:hover div.text5 {
-moz-transform: rotate(90deg); /* ??? Firefox */
-ms-transform: rotate(90deg); /* ??? IE */
-webkit-transform: rotate(90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(90deg); /* ??? Opera */
transform: rotate(90deg);
-webkit-transform: translate(45px,-25px);
-moz-transform: translate(45px,-25px);
-o-transform: translate(45px,-25px);
-ms-transform: translate(45px,-25px);
transition: all 0.5s ease-out;
}

#label5:hover div.icona5 {
-webkit-transform: translate(-8px,20px);
-moz-transform: translate(-8px,20px);
-o-transform: translate(-8px,20px);
-ms-transform: translate(-8px,20px);
transition: all 0.5s ease-out;
}




#label6 {
width:145px;
height:211px;
background:url(../bg/animatedmenu/darkblue.png);
cursor:pointer;
}

div.text6 {
position:relative;
top:70px;
left:-85px;
-moz-transform: rotate(-90deg); /* ??? Firefox */
-ms-transform: rotate(-90deg); /* ??? IE */
-webkit-transform: rotate(-90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(-90deg); /* ??? Opera */
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
color:#333;
}

div.icona6 {
position:relative;
top:30px;
left:5px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#label6:hover div.text6 {
-moz-transform: rotate(90deg); /* ??? Firefox */
-ms-transform: rotate(90deg); /* ??? IE */
-webkit-transform: rotate(90deg); /* ??? Safari, Chrome, iOS */
-o-transform: rotate(90deg); /* ??? Opera */
transform: rotate(90deg);
-webkit-transform: translate(45px,-25px);
-moz-transform: translate(45px,-25px);
-o-transform: translate(45px,-25px);
-ms-transform: translate(45px,-25px);
transition: all 0.5s ease-out;
}

#label6:hover div.icona6 {
-webkit-transform: translate(-8px,20px);
-moz-transform: translate(-8px,20px);
-o-transform: translate(-8px,20px);
-ms-transform: translate(-8px,20px);
transition: all 0.5s ease-out;
}