/* CSS Document */



body {

	margin:0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

	/*background:url(../images/fondo.gif) repeat-y;*/

	background-color:#292929;

}

img {border:none;}



h1, h2, h3 {font-family:Trebuchet ms, Arial, Helvetica, sans-serif;}



h1 {

	height:35px;

	width:945px;

	/*background:url(../images/fondo-verde-cabecera.gif) repeat-x;*/

	padding:10px;

	color:#fff;

	font-size:24px;

	font-weight:normal;

	margin:0;

	position:relative;

}

h1 span, h1 a {color:#e9ff9b;}

h1 em img {

	position:absolute;

	top:0px;

	right:0px;

}



h2 {

	font-weight:normal;

	color:#96b23c;

	font-size:24px;

	padding:15px 0 15px 0;

	margin:0;

}

h2 span a {

	color:#999;

	font-size:14px;

}



h3, h3 a {

	font-weight:normal;

	color:#dc810f;

	margin:10px;

	font-size:18px;

}

h3 a {margin:0;}

h3 span {color:#292929;}



/************************************************************************* MENU ****************/



div#menu {

	background:#292929;

	color:#fff;

	height:27px;

}

div#menu a {color:#fff;}

div#menu p {margin:0;}

div#menu form {margin:0;}



/************************************************************************* CONTAINER ****************/



div#contenedor {

	width:940px;

	padding:0 0 90px 25px;

	position:relative;

	background:#fff;

	min-height:500px;

}





/************************************************************************* DERECHA ****************/



div#derecha {

	float:right;

	background:#efece5;

	padding:10px;

	width:265px;

	height:inherit;

}

div#derecha p {

	margin:5px 0;

}





/************************************************************************* PIE ****************/



div#pie {

	height:35px;

	width:945px;
	_width:940px;

	/*background:url(../images/fondo-verde-cabecera.gif) repeat-x;*/
	background:#292929;
	padding:10px;

	color:#fff;

	font-size:24px;

	font-weight:normal;

	margin:0;

	border-top:5px solid #fff;

	/*bottom:0;*/

	position:relative;

	/*position:fixed;

	*position:absolute;*/

}

div#pie p {

	margin:5px 0;

}

div#pie span, h1 a {color:#e9ff9b;}

div#pie em img {

	position:absolute;

	top:0px;

	right:0px;

}





/************************************************************************* CURSOS ****************/



div.curso {

	width:595px;

	margin-left:10px;

	margin-top:15px;

	padding-bottom:10px;

	border-bottom:1px dashed #999;

	position:relative;

}

div.curso a {color:#2e7db0;}

div.curso p {

	margin:4px 0;

}

div.curso p + p {

	margin-left:40px;

	width:280px;

}

div.curso strong {

	font-size:16px;

	color:#333;

}

div.curso img {vertical-align:text-bottom;}

div.curso em {
	font-style:normal;
	font-size:10px;
	margin-left:10px;
}
div.curso em a {color:#ae0606;}



div.curso div {

	position:absolute;

	top:0px;

	right:0px;

	width:195px;

	text-align:right;

}

div.curso div a {margin:0 0 0 8px;}

div.curso div p {width:auto; margin-left:0px;}

div.curso span a {

	color:#ae0606;

	font-size:10px;

	margin-left:10px;

}



/************************************************************************* ALUMNOS ****************/



div.alumno {

	width:595px;

	margin-left:10px;

	margin-top:15px;

	padding-bottom:10px;

	border-bottom:1px dashed #999;

	position:relative;

}

div.alumno a {color:#2e7db0;}

div.alumno p {

	margin:4px 0;

}

div.alumno p + p {

	margin-left:40px;

	width:280px;

}

div.alumno p + p a {

	margin-right:5px;

}

div.alumno strong {

	font-size:16px;

	color:#333;

}

div.alumno img {vertical-align:text-bottom;}



div.alumno .fotoalumne {

	position:absolute;

	top:0px;

	right:0px;

	width:195px;

	text-align:right;

}

div.alumno .fotoalumne img {

	padding:1px;

	border:1px solid #999;

}





/************************************************************************* MENSAJES ****************/



div.mensaje {

	width:593px;

	border:1px solid #999;

	margin-bottom:10px;

}

div.mensaje:hover {outline: 3px solid #f1f1f1;}



div.mensaje-cabecera {

	height:26px;

	background-color:#f1f1f1;

	width:593px;

	border-bottom:1px solid #999;

	position:relative;

}

div.mensaje h4 {

	font-size:14px;

	color:#2e7db0;

	margin:0 0 0 8px;

	padding-top:4px;

}

div.mensaje h4 span {

	font-size:11px;

	color:#666;

	font-weight:normal;

}

div.mensaje-cabecera a {

	font-size:11px;

	color:#292929;

}

div.mensaje-cuerpo {

	padding:8px;

	font-size:12px;

	color:#666;

	line-height:160%;

}

div.mensaje-cuerpo p {

	margin:0 0 8px 0;

}

div.mensaje-pie {

	height:26px;

	background-color:#f1f1f1;

	border-top:1px solid #999;

	width:593px;

	position:relative;

}

div.mensaje-pie-respondre {

	position:absolute;

	top:4px;

	left:8px;

}

div.mensaje-pie-respondre p {margin:0;}

div.mensaje-pie-respondre p a {color:#2e7db0;}

div.mensaje-conversacion {

	position:absolute;

	top:4px;

	right:8px;

}

div.mensaje-conversacion p {margin:0;}

div.mensaje-conversacion p a {color:#2e7db0;}



/* CUADRE RESPONDRE */

div.responder {

	width:593px;

	border:1px solid #999;

	margin:10px 0;

}

div.responder:hover {outline: 3px solid #f1f1f1;}

div.responder-cabecera {

	height:26px;

	width:593px;

	border-bottom:1px solid #999;

	position:relative;

}

div.responder-cabecera p {margin:0;}

div.responder-cabecera p img {margin:4px 0 0 8px;}

div.responder-cuerpo {

	padding:8px;

	font-size:12px;

	color:#666;

	line-height:160%;

}

div.responder-pie {

	height:44px;

	border-top:1px solid #999;

	width:593px;

	position:relative;

	background-color:#f1f1f1;

}

div.responder-pie a {color:#ae0606;}

div.responder textarea {

	width:580px;

	_width:575px;

	height:200px;

	border:none;

	border-width:0;

}

.botonresponder, .botonresponder2, .botonresponder3 {

	width:106px;

	height:41px;

	background-image:url(../images/boton-ok-responder.gif);

	color:#fff;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:18px;

	border:0;
	
	cursor:pointer;

}

.botonresponder2 {background-image:url(../images/boton-ok-responder2.gif);}

.botonresponder3 {background-image:url(../images/boton-ok-responder3.gif);}

form#respuesta {

	width:600px;

	margin:0;

}



/************************************************************************* MENSAJES PROFESOR ****************/



div.mensajeprof {

	width:593px;

	border:1px solid #cfe293;

	margin-bottom:10px;

}

div.mensajeprof:hover {outline: 3px solid #f1f1f1;}



div.mensajeprof-cabecera {

	height:26px;

	background-color:#f9fbf1;

	width:593px;

	border-bottom:1px solid #cfe293;

	position:relative;

}

div.mensajeprof-conversacion p {margin:0;}

div.mensajeprof-conversacion p a {color:#2e7db0;}

div.mensajeprof h4 {

	font-size:14px;

	color:#2e7db0;

	margin:0 0 0 8px;

	padding-top:4px;

}

div.mensajeprof h4 span {

	font-size:11px;

	color:#666;

	font-weight:normal;

}
div.mensajeprof h4 a {
	font-size:11px;
	color:#ae0606;
	font-weight:normal;
}

div.mensajeprof-cuerpo {

	padding:8px;

	font-size:12px;

	color:#666;

	line-height:160%;

}

div.mensajeprof-cuerpo p {

	margin:0 0 8px 0;

}

div.mensajeprof-pie {

	height:26px;

	width:593px;

	position:relative;

	color:#ae0606;

}

div.mensajeprof-pie-respondre {

	position:absolute;

	top:4px;

	left:8px;

}

div.mensajeprof-pie-respondre p {margin:0; font-size:10px;}

div.mensajeprof-pie-respondre p a {color:#ae0606;}

div.mensajeprof-conversacion {

	position:absolute;

	top:4px;

	right:8px;

}

div.mensajeprof-conversacion p {margin:0;}



div.desplegar {

	background:url(../images/separador-deplegar.gif) repeat-x;

	width:610px;

	height:20px;

	margin-bottom:10px;

	position:relative;

}

div.desplegar p span {background:#fff; padding-right:10px;}

div.desplegar a {color:#292929;}

div.recoger {

	position:absolute;

	top:0;

	right:0;

	background:#fff;

	width:50px;

	text-align:right;

}

div.recoger p {margin:0;}

div.recoger a {color:#ae0606;}



div#opciones, div#dadescerca {

	margin:20px 0 10px 0;

	position:relative;

	width:593px;

}

div#opciones p, div#dadescerca {margin:0;}

div#opciones p + p {

	position:absolute;

	top:0;

	right:0;

}

div#opciones em {font-style:normal; margin-left:10px;}

.azul {color:#2e7db0;}

.rojo {color:#ae0606;}





/************************************************************************* EJERCICIOS ****************/



div.ejercicio {

	width:593px;

	padding-bottom:15px;

	border-bottom:1px dashed #999;

	margin-left:10px;

}

div.ejercicio h4 {

	font-size:16px;

	color:#292929;

}

div.ejercicio h5 {

	font-size:12px;

	margin:10px 0 4px 0;

}

div.ejercicio ul {

	list-style:none;

	margin:0;

	padding:2px 2px 2px 10px;

	background:#f5f5f5;

}

div.ejercicio li {

	margin:4px 0;

}

div.ejercicio li a {font-size:10px; margin:0 4px;}

div.ejercicio li a img {

	vertical-align:text-bottom;

	margin-left:0;

}

div.ejercicio h4 span a, div.ejercicio h4 span {

	font-size:10px;

	color:#666;

	margin-left:5px;

}

div.ejercicio-cabecera {

	width:593px;

	height:35px;

	position:relative;

}

div.ejercicio-cabecera img {margin-right:5px;}

div.ejercicio-cabecera-cerrar {

	position:absolute;

	top:0;

	right:0;

	font-size:10px;

	color:#999;

}

div.ejercicio-descripcion {

	margin-left:50px;

	width:538px;

	padding:4px;

	background:#f1f1f1;

	margin-bottom:10px;

}

div.ejercicio-descripcion p {margin:5px;}

div.ejercicio-descripcion a {color:#ae0606; font-size:10px;}

div.ejercicio-cuerpo {

	margin-left:50px;

	width:538px;

	position:relative;

}

div.ejercicio-cuerpo p {margin:0 0 4px 0;}

div.ejercicio-cuerpo span, div.ejercicio-cuerpo a {color:#2e7db0;}

div.ejercicio-cuerpo-entrega {

	position:absolute;

	text-align:right;

	top:0;

	right:0;

}

div.ejercicio-cuerpo-entrega em {

	font-style:normal;

	color:#ae0606;

}

div.ejercicio-cuerpo img {vertical-align:text-bottom; margin-right:5px;}

div.ejercicio-enviar {

	margin-left:50px;

	width:500px;

	padding:10px;

	background:#f5f5f5;

	border:1px solid #e5e5e5;

	margin-top:10px;

}

div.ejercicio-enviar .boton {margin-left:80px;}

div.ejercicio-enviar p {margin:0 0 8px 0;}

div.ejercicio-enviar a {font-size:10px; color:#ae0606;}

div.ejercicio-enviar form {margin:0;}

div.ejercicio-enviar img {vertical-align:text-bottom; margin-right:5px;}



div.ejercicio-alumno p {margin:0 0 5px 0;}

div.ejercicio-alumno p a {color:#2e7db0;}

div.ejercicio-alumno img {vertical-align:text-bottom; margin-right:4px;}

.aprovat {

	margin:0; 

	color:#fff; 

	padding:1px; 

	background:#96b23c; 

	font-size:14px; 

}
.aprovat2 {

	margin:0; 

	color:#fff; 

	padding:1px; 

	background:#fff; 

	font-size:14px; 

}

.suspes {

	margin:0; 

	color:#fff; 

	padding:1px; 

	background:#ae0606; 

	font-size:14px; 

}

.pendent {

	margin:0; 

	color:#fff; 

	padding:1px; 

	background:#999; 

	font-size:14px; 

}





/************************************************************************* ENTREGA ****************/

div.entrega {

	width:585px;

	padding:8px;

	border:1px solid #f1f1f1;

	margin:0 0 15px 0;

	position:relative;

	min-height:70px;

}

div.entrega-aviso {

	position:absolute;

	top:-1px;

	left:-21px;

	border-top:1px solid #f5f5f5;

	border-left:1px solid #f5f5f5;

	border-bottom:1px solid #f5f5f5;

}

div.entrega-foto {

	float:left;

}

div.entrega-foto img {

	padding:1px;

	border:1px solid #999;

}

div.entrega-cuerpo {

	margin-left:80px;

}

div.entrega-cuerpo span {color:#2e7db0;}

div.entrega h4 {

	margin:0;

	font-size:16px;

	color:#292929;

}

div.entrega h5 {

	margin:0 0 8px 0;

	color:#666;

	font-size:11px;

	font-weight:normal;

}

div.entrega h6 {

	margin:0; 

	color:#fff; 

	padding:1px; 

	background:#96b23c; 

	font-size:14px; 

	display:inline;

}

div.entrega p img {margin-right:4px;}

div.entrega p a {

	font-size:12px;

	color:#2e7db0;

}

div.entrega p span a {

	font-size:10px;

	color:#ae0606;

	margin-left:15px;

}

div.entrega p em {

	font-style:normal;

	padding:1px;

	color:#fff;

	background:#ae0606;

	margin-left:5px;

}

div#entradillaejercicio {margin:10px;width:593px;}

div#entradillaejercicio p strong {font-size:16px;}

div#entradillaejercicio p span {font-size:10px; color:#999; margin-left:15px;}

div#entradillaejercicio a {font-size:10px; color:#ae0606; margin-left:15px;}



div.taulanotes {

	width:593px;

	border-bottom:1px solid #999;

	margin-bottom:10px;

	margin-left:10px;

	color:#292929;

	font-size:14px;

	position:relative;

	height:35px;

}

div.taulanotes p {margin:0;}

div.aprovat {margin-right:4px; position:absolute; top:0; left:-20px; background:#fff;}

div.taulanotes em {

	font-size:10px;

	color:#999;

}

div.taulanotes span {

	display:block;

	position:absolute;

	top:0;

	right:0;

}

div.taulanotes span a {font-size:10px; color:#ae0606; margin-left:5px;}

div.taulanotes span em {font-size:10px; margin-right:5px; color:#999;}



/************************************************************************* NOTES CURS *********/

table#taulanotescurs {

	/*width:95%;*/

	min-width:600px;

}

table#taulanotescurs td {

	padding:4px;

	border:1px solid #999;

	width:150px;

}

table#taulanotescurs tr:hover {

	border:1px solid #000;

}

table#taulanotescurs img {vertical-align:text-bottom;}

.td-nomalumne {font-weight:bold; color:#2e7db0;}

.tr-alumne1 {background:#fff;}

.tr-alumne2 {background:#f5f5f5;}

.tr-alumne1:hover, .tr-alumne2:hover {background:#d5e7f3;}

.tr-exercicis {font-weight:bold;}

.tr-exercicis span {font-size:10px; color:#999;}



div#contenedor2 {

	padding:0 0 90px 25px;

	position:relative;

	background:#fff;

	min-height:500px;

}



/************************************************************************* LISTADO NOTAS ALUMNO POR CURSO *********/

div.listadonotasalumno {

	width:590px;

	margin-left:10px;

	padding:5px;

	border-bottom:1px dashed #e5e5e5;

	overflow:hidden;

}

div.listadonotasalumno:hover {background:#f5f5f5;}

div.listadonotasalumno p {margin:10px 0 5px 0;}

div.listadonotasalumno strong {

	display:block;

	width:450px;

	font-size:14px;

	color:#666;

	margin-right:15px;

	float:left;

	font-weight:normal;

}



/************************************************************************* DATOS PERSONALES *********/



div#datospersonales {

	border:5px solid #e5e5e5;

	padding:10px;

	margin:0 20px 20px 0;

}

div#dp-foto {

	float:left;

	margin-right:10px;

	padding:2px;

	border:1px solid #e5e5e5;

}

div#datospersonales h4 {

	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;

	font-size:24px;

	color:#292929;

	margin:0;

	font-weight:normal;

}

div#datospersonales h4 span a, div#sobremi h4 span a {

	font-size:12px;

	color:#999;

	margin-left:15px;

	font-family:Arial, Helvetica, sans-serif;

}

div#datospersonales p {

	font-size:14px;

	line-height:160%;

	margin:0 0 8px 0;

}



div#sobremi {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:15px;

	line-height:160%;

	color:#666;

	padding:0px 30px 15px 15px;

}

div#sobremi h4 {

	font-size:18px;

	color:#292929;

	margin:0 0 15px 0;

	font-weight:normal;

}

div#sobremi p {

	margin:0 0 8px 0;

}

div#sobremi em {

	font-size:48px;

}

div#sobremi a {

	font-size:10px;

	color:#ae0606;

	margin-left:15px;

	font-family:Arial, Helvetica, sans-serif;

}



form#dades .textarea1 {

	width:90%;

	height:150px;

	padding:8px;

	color:#666;

	font-size:14px;

	font-family:Arial, Helvetica, sans-serif;

}

form#dades .maildades {

	width:300px;

	padding:4px;

	color:#666;

	margin:4px 0;

}



/************************************************************************* BLOG ADMINISTRAR *********/



div.post {

	width:590px;

	margin:0 0 10px 10px;

	padding:8px;

	border:1px solid #e5e5e5;

	position:relative;

}

div.post:hover {

	outline:2px solid #f5f5f5;

}

div.post h4 {

	font-size:14px;

	color:#292929;

	margin:0 0 5px 0;

}

div.post h4 a {color:#292929; text-decoration:none;}

div.post h4 a:hover {border-bottom:1px solid #292929;}

div.post h4 span {

	font-size:11px;

	color:#999;

	width:30px;

	font-weight:normal;

	display:block;

	float:left;

	padding-top:1px;

}

div.post h5 {

	font-size:11px;

	font-weight:normal;

	margin:0 0 5px 0;

}

div.post h5 a {color:#2e7db0;}

div.post p {

	margin:0;

	font-size:11px;

}

div.post h5, div.post p {margin-left:30px;}



div.post-opciones {

	position:absolute;

	top:8px;

	right:0;

}

div.post-opciones img {margin:0 5px 0 5px;}



.desactivado {background:url(../images/fondo-desactivado.gif);}



/************************************************************************************ PAGINACIÓN ************/

div#paginacion {

	width:500px;

	margin:25px 0 0 10px;

	font-size:14px;

	color:#2e7db0;

}

div#paginacion a {

	color:#2e7db0;

	margin:0 10px;

	text-decoration:none;

	border-bottom:1px solid #2e7db0;

}

	

/************************************************************************************ ETIQUETAS ************/

form#novaetiqueta .form1, div.etiqueta .form1 {

	padding:4px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#292929;

	width:300px;

	margin-left:10px;

	font-weight:bold;

}

fomr#novaetiqueta .boton {

	padding:15px;

}



div.etiqueta {

	width:590px;

	margin:0 0 10px 10px;

	padding:5px 5px 5px 0;

	border-bottom:1px solid #e5e5e5;

}

div.etiqueta p {margin:0;}

div.etiqueta a {

	margin-left:5px;

	font-size:10px;

	color:#ae0606;

}

div.etiqueta img {vertical-align:text-bottom;}

.etiquetamodifica {background:#f5f5f5;}



/************************************************************************************ ARBRES ************/

div#arbre {

	width:593px;

	margin-left:10px;

}

div#arbre a {color:#2e7db0;}

div#arbre h4 {

	font-size:16px;

	color:#292929;

	margin:20px 0 8px 0;

}

div#arbre h4 a {

	font-size:10px;

	color:#ae0606;

	margin-left:10px;

}





div.familia {

	margin:10px;

	padding-left:10px;

	border-left:2px solid #e5e5e5;

}

div.familia h5 {

	font-size:14px;

	color:#666;

	margin:0;

}

div#arbre .familia a {

	font-size:10px;

	font-weight:normal;

	color:#ae0606;

	margin-left:10px;

}



div#crearfamilia, div.modificarfamilia {

	background:#f5f5f5;

	padding:10px;

	border:1px solid #e5e5e5;

	width:570px;

}

div#crearfamilia p, div.modificarfamilia p {margin:3px 0 6px 0;}

div#crearfamilia a, div.modificarfamilia a {font-size:10px; color:#ae0606; margin-left:10px;}



div#etiquetesfamilia {

	overflow:hidden;

	_display: inline-block; /*només per IE6*/ 

}

div#etiquetesfamilia p {

	display:block;

	width:240px;

	height:25px;

	float:left;

	font-size:11px;

	margin-right:10px;

	border-bottom:1px dashed #999;

}



/************************************************************************************ COMENTARIS ALUMNES ************/



div.alucomentari {

	width:590px;

	margin:0 0 10px 10px;

	padding:8px;

	border:1px solid #e5e5e5;

	position:relative;

	font-size:12px;

}

div.alucomentari:hover {

	outline:2px solid #f5f5f5;

}

div.alucomentari h4 {color:#292929; margin:0 0 4px 0; font-weight:normal; font-size:11px;}

div.alucomentari h4 a {color:#292929; text-decoration:none;}

div.alucomentari p {line-height:150%;}

div.alucomentariborrar {

	float:left;

	margin-right:4px;

}



/************************************************************************************ ESCRIPTORI ************/

div#cajamensajes, div#cajaejercicios, div#cajacomentarios {

	width:250px;

	height:200px;

	margin:10px 20px 20px 10px;

	background:url(../images/fondo-caja.gif) no-repeat;

	color:#fff;

	float:left;

	position:relative;

}

div#cajamensajes p, div#cajaejercicios p, div#cajacomentarios p {

	margin:100px 0 0 0;

	width:250px;

	text-align:center;

	color:#fff;

	*padding-top:100px;

}

div#cajamensajes a, div#cajaejercicios a, div#cajacomentarios a {color:#fff; text-decoration:none;}

div#cajamensajes a:hover, div#cajaejercicios a:hover, div#cajacomentarios a:hover {border-bottom:1px solid #fff;}

div#cajamensajes strong, div#cajaejercicios strong, div#cajacomentarios strong {

	font-size:18px;

}



div.cajaicono {

	position:absolute;

	top:60px;

	left:110px;

}



.romper {clear:both;}





/************************************************************************************ MENU PRINCIPAL ************/

div#menu p {margin-left:4px;}

div#menu a {

	display:block;

	float:left;

	padding:5px 10px;

	background:#666;

	color:#fff;

	font-size:14px;

	text-decoration:none;

	margin:0 2px;

	margin-top:1px;

}

div#menu a:hover {

	background:#e5f3e3;

	color:#292929;

}

div#menu a#current {background:#fff; color:#292929;}

div#menu a#current:hover {background:#fff; color:#292929;}



div#menu span a, div#menu span a:hover {

	background:#000;

	margin-left:20px;

	font-weight:bold;

	color:#b5b5b5;

}

div#menu span a:hover {color:#fff;}



/************************************************************************************ ACCESOS ************/

div.accesos p {

	width:590px;

	color:#333;

	font-size:10px;

	border-bottom:1px solid #e5e5e5;

	margin:0;

	padding:3px;

}

div.accesos p:hover {font-size:12px; color:#2e7db0;}