/*****************CLASSI*************************/
.logosx{
 float: left;
 padding:0 0 0 0;
 margin:0 5px 0 0;
display:inline;
 }
.logodx{
display:inline;
 float: right;
 padding:0 0 0 0;
 margin:0 0 0 0;
}
.logoct{
 margin-left:75px;
 padding:0 0 0 0;
display:inline;
width:800px;
 }
.youtube{
width:360px;
height:285px;
padding-top:10px;
text-align:center;
background-color: #999999;
}
.youtube1{
width:360px;
height:30px;
margin-top:10px;
padding-top:10px;
text-align:center;
font-weight:bold;
background-color: #999999;
}
#calendario{
margin-left:12px;
}
#calendar{
position:absolute;
top:0px;
left:0px;
width:950px;
height:600px;
z-index:1;
}
#calendartxt{
position:relative;
width:940px;
top:0px;
left:0px;
display:block;
text-align:justify;
margin-left:10px;
overflow:hidden;
}
#chitxt{
position:relative;
width:940px;
top:0px;
left:0px;
display:block;
text-align:justify;
margin-left:10px;
overflow:hidden;
}
#tsxtxt{
position:relative;
width:855px;
height:600px;
top:-40px;
left:-13px;
display:block;
text-align:justify;
margin-left:10px;
overflow:hidden;
}
#tdxtxt{
position:relative;
width:835px;
height:600px;
top:-69px;
left:-1px;
display:block;
text-align:justify;
overflow:hidden;
}
#bsxtxt{
position:relative;
width:855px;
height:600px;
top:-69px;
left:85px;
display:block;
text-align:justify;
margin-left:10px;
overflow:hidden;
}
#bdxtxt{
position:relative;
width:805px;
height:600px;
top:-68px;
left:0;
display:block;
text-align:justify;
overflow:hidden;
}
#bctxt{
position:relative;
width:950px;
height:600px;
top:-68px;
left:0;
display:block;
text-align:justify;
overflow:hidden;
}
.submenu{
height:29px;
background:url('../images/submenu.png') center no-repeat;
}
/*****************ELEMENTI*************************/
#logo{
position:absolute;
top:320px;
left:706px;
width:489px;
height:494px;
z-index:0;
background-image:url('../images/isam.png');
}

#kali{
padding-top:40px;
position:absolute;
top:0px;
left:0px;
width:950px;
height:600px;
z-index:1;
background:url('../images/kali.png') top left no-repeat;
}
#closecombat{
padding-top:40px;
position:absolute;
top:0px;
left:951px;
width:950px;
height:600px;
z-index:1;
background:url('../images/panantukan.png') top right no-repeat;
}
#boxe{
padding-top:40px;
position:absolute;
top:600px;
left:0px;
width:950px;
height:600px;
z-index:1;
background:url('../images/fitness.png') bottom left no-repeat;
}
#difesa{
padding-top:40px;
position:absolute;
top:600px;
left:951px;
width:950px;
height:600px;
z-index:1;
background:url('../images/difesa.png') bottom right no-repeat;
}
#uncle{
padding-top:40px;
position:absolute;
top:1305px;
left:475px;
width:950px;
height:600px;
z-index:1;
background:url('../images/uncle.png') no-repeat;
background-position:center 75px;
}
/*****************LAVA PLUGIN*************************/
   #lava1, #lava2, #lava3, #lava4, #lava5{
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		margin-left:auto;
		margin-right:auto;		
		text-align:center; 
		width:752px; 
		height:29px;
		z-index:3;
	}
	
	#lava1 ul, #lava2 ul, #lava3 ul, #lava4 ul, #lava5 ul{
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava1 ul li, #lava2 ul li, #lava3 ul li, #lava4 ul li, #lava5 ul li {
		
		padding-top:5px;
		/* give some spaces between the list items */
		font-weight:bold;
		font-size:12px;
		text-transform: uppercase;
		/* display the list item in single row */
		float:left;
	}
	#lava1 ul li a, #lava2 ul li a, #lava3 ul li a, #lava4 ul li a, #lava5 ul li a{
		color:#eee;
		text-decoration:none;
	}
	#lava1 #box1, #lava2 #box2, #lava3 #box3, #lava4 #box4, #lava5 #box5{
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0px; 
		top:20px; 
		
		/* should be lower than the list menu */
		z-index:100; 

		/* image of the right rounded corner */
		background:#000; 
		height:3px;
		

	}
	
	#lava1 #box1.head, #lava2 #box2.head, #lava3 #box3.head, #lava4 #box4.head, #lava5 #box5.head{
		/* image of the left rounded corner */
		background:#000;
		height:3px;
		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}
/*****************SCROLL PLUGIN*************************/