* {
	margin: 0em;
	padding: 0em;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1em solid #FF00CC;
	}
body.inici {
	background:  url("images/fons_index3.jpg") no-repeat left top;	
	}
body.a {
	background: url("images/fons_sarah1.jpg") no-repeat right top;
	}
body.b {
	background: url("images/fons_irene.jpg") no-repeat right bottom;
	}
body.c {
	background: url("images/fons_irene2.jpg") no-repeat right bottom;
	}
body.d {
	background: url("images/fons_laia.jpg") no-repeat right top;
	}
body.e {
	background: url("images/fons_laiac.jpg") no-repeat right top;
	}
body.f {
	background: url("images/fons_marc.jpg") no-repeat left top;
	}
body.g {
	background: url("images/fons_alex.jpg") no-repeat left top;
	}
body.h {
	background: url("images/fons_adam.jpg") no-repeat right top;
	}
body.i {
	background: url("images/fons_adam2.jpg") no-repeat left top;
	}
body.j {
	background: url("images/fons_laura.jpg") no-repeat right top;
	}
body.k {
	background: url("images/fons_wendy.jpg") no-repeat right top;
	}
body.l {
	background: url("images/fons_kristine.jpg") no-repeat right bottom;
	}
body.m {
	background: url("images/fons_eddu.jpg") no-repeat right top;
	}

a {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
img {
	border: 0em;
	}
object {
	width: 350px;
	height: 288px;
	margin: 0em 2em 2em 0em;
	}
p {
	line-height: 1.5em;
	font-size: 0.8em;
	padding: 1em 0em 0em 0em;
	width: 65%;
	}
p.school {
	color: #FFFFFF;
	background-color: #178DC9;
	padding: 0.5em 1em 0.5em 1em;
	width: 576px;
	}
h1 {
	padding: 0.7em 0em 0em 1em;
	}
h2 {
	padding: 1em 0em 0em 0em;
	font-size: 1.3em;
	color: #000000;
	}
h3 {
	padding: 1em 0em 0em 0em;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	color:#FF00CC;
	}
h4 {
	padding: 1em 0em 0em 0em;
	font-size: 0.9em;
	}
hr {
	border: 0px;
	color: #FF00CC;
	background-color: #FF00CC;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	width: 3em;
	}
dl {
	width: 65%;
	}
dt {
	padding: 1em 0em 0em 0em;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	font-weight: bold;
	color:#FF00CC;
	}
dd {
	line-height: 1.6em;
	font-size: 0.8em;
	}
dd ul li {
	font-size: 1.2em;
	}
table {
	text-align: center;
	border-collapse: collapse;
	width: 100%;
	}
td {
	padding: 0.4em;
	}
ul.sub li ul {
	margin-bottom: 1em;
	}
ul.sub li ul li {
	list-style-type: circle;
	font-size: 1.2em;
	width: 600px;
	}
/*Horario*/

div#horario {
	float: right;
	position: absolute;
	top: 0.5em;
	right: 0em;
	width: 200px;
	height: 200px;
	}

/* Cap */

div#cap {
	}
	
/* Menú */

div#menu {
	width: 20%;
	float: left;
	text-align: right;
	font-size: 0.7em;
	border-right: 1px dashed #000000;
	}
#menu ul {
	padding: 1em 2em 2em 0em;
	list-style-type: none;
	line-height: 1.5em;
	color: #FF00CC;
		}
#menu ul a {
	color: #FF00CC;
	}
#menu ul a:hover {
	text-decoration: none;
	color:#FF00CC;
	font-weight: bold;
	}
#menu ul li {
	padding: 1em 0em 0em 0em;
		}
#menu ul a.linked {
	text-decoration: none;
	color:#FF00CC;
	font-weight: bold;
	font-size: 1.2em;
	}
#menu ul li ul {
	padding: 0em 0.5em 0em 0em;
	line-height: 2em;
	border-right: 1px solid #FF00CC;
	}
#menu ul li ul a {
	color: #000000;
	padding: 0em 0.2em 0.1em 0.2em;
		}
#menu ul li ul a:hover {
	text-decoration: none;
	color: #000000;
	}
#menu ul li ul li {
	padding: 0em 0em 0em 0em;
		}
#menu ul li ul a.linked {
	color:#000000;
	background: none;
	
	}	
	
/* Contingut */

div#contingut {
	width: 77%;
	float: right;
	}
div#contingut.horario {
	margin: 0em 4em 0em 2em;
	width: 92%;
	}
#contingut #descarrega {
	margin-bottom: 1em;
	}
#contingut #descarrega a {
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	color: #000000;
	}
#contingut #descarrega a:hover {
	color: #FF00CC;
	}
#contingut ul {
	line-height: 2em;
	font-size: 0.8em;
	padding: 1em 2em 0em 2em;
	list-style-type: disc;
	width: 65%;
	}
#contingut a { 
	text-decoration: underline;
	color: #000000;
	}
#contingut a:hover { 
	text-decoration: none;
	color: #FF00CC;
	}
#contingut div.work {
	padding: 0em 0.5em 0.5em 0em;
	margin-right: 20%;
	border-bottom: 1px dashed #FF00CC;
	line-height: 1.5em;
	color: #000000;
	}
#contingut div.work p {
	width: 95%;
	padding-bottom: 2em;
	}
#contingut #especial {
	text-align: center;
	width: 575px;
	background: url("images/fons_news.gif");
	border: 1px solid #FF00CC;
	}
#contingut #especial img {
	margin: 1em 1em 1em 1em;
	}

/* Menú Horitzontal */

#contingut #menu2 ul {
	list-style-type: none;
	text-align: left;
	padding: 0em;
	width: 70%;
		}
#contingut #menu2 ul li {
	display: inline;
	padding: 0em 0.5em 0em 0em;
	font-weight: bold;
	} 
#contingut #menu2 ul li a {
	color: #999999;
	font-size: 1em;
	text-decoration: none;
	}
#contingut #menu2 ul li a:hover {
	color: #000000;
	border-bottom: 0.4em solid #FF00CC;
	}
#contingut #menu2 ul li a.linked {
	color:#333333;
	}
	
/* News */

div#newtext {
	background: url("images/fons_newtext.gif") repeat-x top #FF00CC;
	text-align: center;
	margin-top: 1em;
	}
#newtext p {
	padding-top: 0em;
	width: 100%;
	line-height: normal;
	font-size: 1.9em;
	color: #FFFFFF;
	}
div#news {
	border-bottom: 1px solid #FF00CC;
	background: url("images/fons_news.gif");
	margin-bottom: 1.5em;
	text-align: center;
	}
#news img {
	margin: 0.5em 0.5em 0.3em 0.5em;
	}
/* Peu */

div#peu {
	width: 100%;
	font-size: 0.8em;
	text-align: right;
	margin-top: 1em;
	}
#peu p { 
	color: #ff00cc;
	border-top: 1px dashed #000000;
	padding: 0.5em 0em 3em 0em;
	text-align: left;	
	width: 50%;
	float: right;
	}
#peu a { 
	color: #000000;
	}
#peu a:hover {
	text-decoration: underline;
	}

/* Contenció */

div.contencio {
	clear:both;
	height: 0em;
	}