HTML BODY {
	TEXT-ALIGN: center
	}

body {
	background: #F3F3F3 url("../img/background.gif") repeat-x;
	font-family:  Arial, Helvetica, sans-serif,Verdana, Geneva;
	margin: 17px 20px 17px 20px;
	padding: 0px;
	text-align: center;
	font-size:14px;
	color:#333;
}

#tot {
	background-color:#fff;
	width: 800px;
	text-align: left;
	border: 1px solid #D6D6D6;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
#peu{
	background: #fff;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	font-size: 0.8em;
	}
	
#superior{
	background: #ecf4fb;
	text-align: left;
	border: 0px solid #D6D6D6;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	height:171px;
	}

#idiomes{
	background: #fff url("http://www.imaginalia.net/aepallars/kayaksort/img/marca.gif") no-repeat top right;
	text-align: right;
	padding: 5px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;
	height:60px;
	}
	
#idiomes ul{
	padding:5px;
	margin:0px;
	}

#idiomes li{
	margin: 0px 15px 0px 0px;
	display:inline;
	}

#idiomes img{
	border:0px;
	}
	
#menuesq,#submenu{
	width:30%;
	background:#ecf4fb;
	border-right: 1px solid #D6D6D6;
	float:left;
	}

#submenu ul{
	padding:0.5em 0em 0.5em 1.5em;
	margin:0px;
	}	

#submenu li{
	padding-top:0.5em;
	margin-right:0.25em;
	}
	
#submenu li li{
	padding-top:0em;
	}	
	
#contingut{
	width:65%;
	margin-left:10px;
	padding:10px;
	float:left;
	}	

#topmenu, #menuesqprova, #menuint{
	background: #ecf4fb;
	text-align: left;
	border: 1px solid #D6D6D6;
	padding: 5px 0px 5px 15px;
	margin-left: auto;
	margin-right: auto;
	}
	
#topmenu ul, #menuint ul{
	padding:5px;
	margin:0px;
	}

#topmenu li, #menuint li{
	margin: 0px 15px 0px 0px;
	display:inline;
	}
	
#menuint{
	background: #ecf4fb;
	text-align: left;
	border: 1px solid #D6D6D6;
	padding: 5px 0px 5px 0px;
	margin-left: auto;
	margin-right: auto;
	}
	
#menuint ul{
	padding:0px;
	margin:0px;
	}

#menuint li{
	margin: 0px;
	display:inline;
	}