#kids{
width:100%;

}

#collection, #hk, #app{

width:33%;
float:left;
display: inline;
position: relative;

}

/* regola per centrare gli elementi senza #app */
#collection{
     margin-left: 17%;
}

#hk{
left:-20px;
}


#app{
left:-40px;
}


#kids #collection a img, #kids #hk a img, #kids #app a img{
-moz-transition-duration: 0.3s;
     -webkit-transition-duration: 0.3s;
     -ms-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
     z-index: 1;

     display: block;
     width: 100%;
     height: auto;
}
#kids #collection a img:hover{
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
z-index: 28;

}

#kids #app a img:hover{
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
z-index: 28;
}

#kids #hk a img:hover{
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
z-index: 28;
}

div.headbar {
	margin: 21px 0 20px 21px !important;
}