/*	Fulla d'estil curs.css
				sortida per pantalla	*/


/*	Estils tipogrāfics	*/


body {
	font-weight: normal;
	font-family: Tahoma, helvetica, arial, sans-serif;
	color: #000000;
	font-size: 11pt;
	text-align: justify;
	background-color: #F7DCA1;
	margin: 0px;
	}
h1	{font-weight: bold; font-family: Tahoma, helvetica, arial, sans-serif; color: #CC6633; font-size: 24pt; text-align: center;}
h2	{font-weight: normal; font-family: Tahoma, helvetica, arial, sans-serif; color: #CC6633; font-size: 18pt; text-align: left;}
h3	{font-weight: normal; font-family: Tahoma, helvetica, arial, sans-serif; color: #CC6633; font-size: 15pt; text-align: left; font-style: italic;}
h4	{font-weight: normal; font-family: Tahoma, helvetica, arial, sans-serif; color: #CC6633; font-size: 15pt; text-align: left;}
h5	{font-weight: normal; font-family: Tahoma, helvetica, arial, sans-serif; color: #CC6633; font-size: 11pt; text-align: left; font-weight: bold; margin-top: -6px; margin-bottom: -4px;}
img   {border: 0}
td,th {
	text-align: center;
	vertical-align: middle;
	}
th {
	background-color: #F7DCA1;
	}
table {
	margin-right: auto;
	margin-left: auto;
	}
dd	{
	font-size: 9pt;
	}



/*	Estils de presentaciķ	*/


.centrat  {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}
.centrat2  {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}
a:link	 {text-decoration: none; color: #0033FF}
a:visited {text-decoration: none; color: #0033FF}
a:hover	{text-decoration: none; color: #0033FF; background-color: #CCCC99}
a:active  {text-decoration: none; color: #CCCC99; background-color: yellow}


/*	Estils dels blocs	*/


.contingut {
	left: 0px;
	top: 0px;
	margin-left: 194px;
	padding-left: 14px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 14px;
	background-color: #FFF1CF;
	}
.navega {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 184px;
	height: 465px;
	padding: 4px;
	background-color: #F7DCA1;
	vertical-align: middle;
	}
.navega a:visited {
	color: #CC6633;
	}
.navega a:link	 {
	color: #CC6633;
	}
.navega a:hover	{
	color: #CC6633;
	font-weight: bold;
	background-color: #CCCC99;
	}
.logo {
	color: #CC6633;
	text-align: center;
	vertical-align: middle;
	font-size: 15pt;
	font-weight: bold;
	}
.curs {
	font-size: 12pt;
	font-weight: normal;
	padding-top: 8px;
	}
.botons {
	position: absolute;
	left: 14px;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	line-height: 150%;
	}
.botons2 {
	position: relative;
	left: 20px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 120%;
	}
.final {
	position: absolute;
	left: 0px;
	width: 180px;
	bottom: 16px;
	color: #CC6633;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	}
.peu {
	position: relative;
	padding-left: 8px;
	padding-right: 8px;
	}
.text-peu {
	float: left;
	color: #000000;
	font-size: 8pt;
	}
.validat {
	float: right;
	}
.exemple {
	position: relative;
	margin: 4px 45px 4px 45px;
	padding: 8px;
	background-color: #FFFFCC;
	border: 1px solid black;
	color: #000000;
	font-size: 10pt;
	}
.exercici {
	padding: 8px;
	background-color: #FAFAFA;
	border: 1px solid black;
	color: #CC6633;
	font-size: 10pt;
	}
.color-1 {
	color: blue;
	}
.color-2 {
	color: purple;
	}
.color-3 {
	color: red;
	}
.quadre-1 {
	float: right;
	width: 100px;
	height: 100px;
	background-color: red;
	}
.quadre-2 {
	width: 170px;
	height: 100px;
	background-color: aqua;
	}
.foto-dreta {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 9px;
	background-color: #CCFFCC;
	border-style: solid;
	border-width: 1px;
	}
.no-disc {
	list-style-type: none;
	}
.modul {
	text-align: center;
	background-color: #F7DCA1;
	border-style: solid;
	border-width: 1px;
	margin: 2px;
	padding: 4px;
	}
.modul-cap {
	width: 200px;
	text-align: center;
	font-weight: bold;
	background-color: #F7DCA1;
	border-style: none;
	border-width: 1px;
	margin: 2px;
	}
.unitat {
	width: 200px;
	text-align: center;
	background-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	margin: 2px;
	margin-right: auto;
	margin-left: auto;
	}
.espaiat {
	margin-bottom: 10px;
	}