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

body{
	background-image:url(img/bg.gif);
	background-color:#5380a5;
}

a{text-decoration:none;}
img{border:none;}

#content{
	width:600px;
	height:350 px;
	
	position: absolute; /*posizione assoluta per potere riposizionare l’elemento*/
	left: 50%; /*il bordo sinistra dell’elemento si troverà al 50% della larghezza disponibile*/
	top: 50%; /*il bordo superiore dell’elemento si troverà al 50% dell’altezza disponibile*/
	margin-left: -300px; /*la metà della larghezza dell’elemento è tolta come margine superiore per centrarlo*/
	margin-top: -175px; /*la metà dell’altezza dell’elemento è tolta come margine superiore per centrarlo*/ 
}

#imm{
	width:600px;
	height:300px;
	background-color:#ffffff;
}

#inall{
	width:600px;
	height:30px;
	background-color:#FFF;
	margin-top:20px;
}

#nav{
	width:280px;
	height:30px;
	float:right;
}
#nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav il{
	float: left;
	margin: 0;
	padding: 0;
}

#ita {
width: 70px;
height: 30px;
float:left;
}

#ita a {
display: block;
width: 70px;
height: 30px;
background: url(img/italiano.png) no-repeat top left;
}

#ita a:hover {
background-position: bottom left;
}


#ing {
width: 70px;
height: 30px;
float:left;
}

#ing a {
display: block;
width: 70px;
height: 30px;
background: url(img/english.png) no-repeat top left;
}

#ing a:hover {
background-position: bottom left;
}

#fra {
width: 70px;
height: 30px;
float:left;
}

#fra a {
display: block;
width: 70px;
height: 30px;
background: url(img/francais.png) no-repeat top left;
}

#fra a:hover {
background-position: bottom left;
}

#ted {
width: 70px;
height: 30px;
float:left;
}

#ted a {
display: block;
width: 70px;
height: 30px;
background: url(img/deutsch.png) no-repeat top left;
}

#ted a:hover {
background-position: bottom left;
}