/* CSS Document */
*{padding:0; margin:0;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
  	background-position:50% 0%;
	}

#tot {
	width:760px;
	margin:0px auto;
	}

#superior {
	width:760px;
	height:143px;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	background-image:url(img/banner_apunts.jpg);
	}
	
#navegador{
	color:#fff;
	float:left;
	width:760px;
	height:30px;
	padding:0px;
	margin:0px 0px 0px 0px;
	z-index:100;
	}

#cos{
	float:left;
	color:#333;
	background:#cccccc;
	background-image:url(img/banner_cos.png);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:350px;
	width:760px;
	display:inline;
	clear:both;
	text-align:justify;
	}
	
#text_intro{
	float:left;
	color:#000;
	background:transparent;
	margin:50px 20px 20px 50px;
	padding:0px;
	height:300px;
	width:690px;
	display:inline;
	clear:both;
	background-image:url(img/atpimg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}

#text_nivells{
	position:relative;
	color:#000;
	background:transparent;
	margin:50px 20px 20px 50px;
	padding:0px;
	height:300px;
	width:690px;
	clear:both;
	background-image:url(img/img_nivells.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#text_materia{
	position:relative;
	color:#000;
	background:transparent;
	margin:25px 0px 0px 20px;
	padding:0px;
	height:280px;
	width:720px;
	z-index:1;
	background-image:none;
	background-position:bottom;
	background-repeat:no-repeat;
	}

#inferior_materia{
	position:relative;
	color:#000;
	background:transparent;
	margin:5px 0px 0px 20px;
	padding:0px;
	height:40px;
	width:720px;
	clear:both;
	background-image:none;
	background-position:bottom;
	background-repeat:no-repeat;
	}

#text_cell{
	position:relative;
	color:#000;
	background:transparent;
	margin:25px 0px 0px 20px;
	padding:0px;
	height:280px;
	width:720px;
	clear:both;
	background-image:none;
	background-position:bottom;
	background-repeat:no-repeat;
	}

#inferior_cell{
	position:relative;
	color:#000;
	background:transparent;
	margin:5px 0px 0px 20px;
	padding:0px;
	height:40px;
	width:720px;
	clear:both;
	background-image:none;
	background-position:bottom;
	background-repeat:no-repeat;
	}

#img{
	color:#fff;
	float:left;
	width:760px;
	height:30px;
	padding:0px;
	margin:0px 0px 0px 0px;
	background-image:url(img/banner_img.png);
	background-color:#ccc
	}
	
#inferior{
	float:left;
	text-align:center;
	color:#fff;
	background:#3366ff;
	margin:0px 0px 0px 0px;
	padding:0px; 
	height:20px;
	width:760px;
	clear:both;
	}

.classe01{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	font-stretch:expanded;
	text-transform:uppercase;
	}
	
.classe02{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	font-stretch:normal;
	text-transform:none;
	}
	
.classe03{
	color:#333333;
	font-size:12px;
	font-weight:normal;
	font-stretch:normal;
	text-transform:none;
	}