/* 
Hoja de estilo CSS para las aplicaciones desarrolladas e  ESADE o aplicaciones
desarrolladas para ESADE. 
*/

/******************************************************************************     
INDICE	
	1. Fuentes institucionales	
	2. Colores institucionales	
	3. Cuerpo de la página	
	4. Elementos comunes	
	5. Títulos i subtítulos	
	6. Fieldsets	
	7. Elementos de entrada de información	
	8. Datos tabulares (Tablas)	
	9. Campos obligatorios
	10. Links
	11. Botones
	12. Columnas
	13. Código fuente
	14. Menus principales ==> ELIMINADO esta en esade_menu_principal.css
	15. STRUTS-MENU
	16. Gestion Errores (Struts)
	17. Mensajes informativos
	99. Layout aplicaciones
******************************************************************************/

/******************************************************************************
1. FUENTES INSTITUCIONALES 
******************************************************************************/
body, h1 .botonera_derecha {
	font-family: Franklin Gothic Book, Verdana, Arial;
}

h1, h2, h3, fieldset legend, table caption {
	font-family: Century Old Style, Arial, Verdana;
	border-bottom: 1px solid #B1B3B4; /* Gris esade */
	
}

.code {
	font-family: Courier New;
	width: 100%;
	white-space: pre;
}

/* 1.1 Elementos web */
input, select, option, textarea {
	font-family: Franklin Gothic Book, Verdana, Arial;
}

/******************************************************************************
2. COLORES INSTITUCIONALES
******************************************************************************/
/* 2.1 Bordes */
fieldset, fieldset legend, input, select, textarea, table {
	border-color: #B1B3B4;/* Gris esade */
	border-style: solid;
}

#l_menu_w #l_navegacion,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a:hover ,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion_seleccionada a,
ul#primary-nav li.over,
ul#primary-nav li:hover,
.menu_opcion a:hover,
.menu_opcion_seleccionada a,
#l_pie {
	border-color: #00A6D6;/* Azul esade */
	border-style: solid;
}

ul#primary-nav li,
ul#primary-nav li ul li,
.menu_opcion a {
	border-color: #8FCAFF;/* Azul esade claro */
	border-style: solid;
}

th, td, table caption {
	border-color: #B1B3B4;/* Gris esade */
	border-style: solid;
}

/* 2.2 Colores */
h1, h2, h3, fieldset legend, #l_aplicacion,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a:hover,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion_seleccionada a {
	color: #00A6D6; /* Azul esade */
}

ul#primary-nav li a,
ul#primary-nav li li a,
ul#primary-nav .seleccionada li ul li a,
.menu_opcion a,
a {
	color: #00729F;/* Azul esade fuerte */
}

#l_menu_w #l_navegacion,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a {
	color: #555555; /* Gris fuerte */
}

/* 2.3 Color de la fuente al introducir información */
input , select, textarea, #l_pie .status{
	color: #333333;
}

ul#primary-nav li a:hover,
ul#primary-nav .seleccionada li, 
ul#primary-nav .seleccionada li a,
ul#primary-nav .seleccionada li ul li a:hover,
.form_obligatorio,
.menu_opcion a:hover,
.menu_opcion_seleccionada a,
a:hover {
	color: #EF6B00; /* Naranja */
}

#l_menu_w #l_navegacion  .l_usuario,
#l_menu_w #l_navegacion  .l_rastro .l_rastro_separador,
table thead tr th {
	color: black;
}

.menu_app span a:hover,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion {
	color: white;
}

/* 2.4 Colores de fondo */
input.checkbox, input.radiobutton, 
ul#primary-nav li a,
ul#primary-nav li li a,
ul#primary-nav li ul li,
ul#primary-nav .seleccionada li ul li a,
#l_menu_w,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion_seleccionada,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion_seleccionada a,
.menu_opcion_seleccionada a ,
table caption,
table tfoot td,
table tbody .even{
	background-color: white;
}

ul#primary-nav li:hover,
ul#primary-nav li.over,
ul#primary-nav li li:hover,
ul#primary-nav li li.over,
ul#primary-nav li a:hover,
ul#primary-nav li:hover,
ul#primary-nav .seleccionada li, 
ul#primary-nav .seleccionada li a,
ul#primary-nav .seleccionada li ul li a:hover,
.menu_opcion a:hover,
.menu_opcion_seleccionada a,
table
 {
	background-color: #DEEEFD; /* Azul muy claro */
}

table tbody .odd{ 
	background-color: #F5F5F5; /* Gris claro */
}

input, select, textarea, option {
	background-color: #EFF7FF; /* Azul muy muy claro */
}

/******************************************************************************
3. CUERPO DE LA PÁGINA
******************************************************************************/
body {
	font-size: 0.8em;
	margin: 0px;
}

/******************************************************************************
4. ELEMENTOS COMUNES
******************************************************************************/
/* 4.1 Borders i sombras */
fieldset, table {
	border-width: 1px 2px 2px 1px;
}	

/* 4.2 Parágrafos */
p {
	padding: 0px;
	padding-bottom: 4px;
	margin: 0px;
	line-height: 125%;
}

/* 4.3 Justificación del texto */
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }

h2 {
	display: block;
	left: 0px;
}

/******************************************************************************
5. TÍTULOS I SUBTÍTULOS 
******************************************************************************/
h1 { font-size: 160%; }
h2 { font-size: 120%; }
h3 { font-size: 120%; }

/******************************************************************************
6. PARA AGRUPAR CAMPOS DE FORMULARIOS 
******************************************************************************/
fieldset  {
	padding: 0px 10px 10px 10px;
	margin-top: 10px;
}

/* 6.1 Títulos del Fieldset */
fieldset legend {
	border-width: 1px 1px 1px 1px;
	font-size: 120%;
	font-weight: bolder;
	padding: 0px 10px 0px 10px;
	margin-bottom: 5px;
}

/* 6.2 Lista dentro de un fieldset */
fieldset  ul {
	list-style: none;
	padding: 0px 10px 0px 10px;
	margin: 0px 5px 0px 0px;
}

fieldset  ul li {
	display: block;
	padding: 1px 0px 1px 0px;
}

/* 6.3 Campo dentro de un formulario */
fieldset  ul li label{
	float: left;  
	font-weight: bolder;
}

/******************************************************************************
7. ELEMENTOS DE ENTRADA DE INFORMACIÓN
******************************************************************************/
input, select {
	margin: 0px 0px 5px 10px;
	border-width: 1px 1px 1px 1px;
}

textarea {
	margin: 0px 0px 5px 10px;
	border-width: 1px 1px 1px 1px;
	font-size: 100%;
	padding: 0px 3px 0px 3px;
}

input.checkbox, input.radiobutton {
	border: 0px;
	margin: -3px 1px 5px 10px;
	vertical-align: bottom;
}

input { padding: 0px 3px 0px 3px; }
select { }

/******************************************************************************
8. DATOS TABULARES (TABLAS)
******************************************************************************/
table {
	width: 100%; /* si  se necesita  otra medida, que se haga un wrapper */
	font-size: 100%; /* reset de la fuente */
	margin: 0px;
	margin-left: auto;  /* centrar */
	margin-right: auto; /* centrar */
	border-collapse: collapse;
	border-spacing: 0;
	border-left: 0px;
	height: auto
}

/* 8.1 Título de la tabla */
table caption { 
	position: relative;
	border-width: 1px 0px 1px 0px;
	padding: 5px 0px 5px 0px;
	color: black;
	font-size: 110%;
	font-weight: normal;
}

table thead , table tbody{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table tfoot td { 
	border-top:1px solid #00A6D6;/* Azul esade */
	text-align: center;
	font-style: italic;
	font-size: 100%;
	color: black;
}

td { 
	text-align: center; 
	border-width: 0px 0px 1px 1px;
}

table thead tr th { 
	background:transparent url(http://itemsweb.esade.edu/apps/img/fons.jpg) repeat-x scroll 50%  50%;
	background-color: #BFE1FF; /* si no hay foto */
	border-width: 0px 0px 0px 1px;
	border-bottom: 1px solid #00A6D6;/* Azul esade */
	padding: 3px 0px 2px 0px;
}

table label{ font-weight: bolder; }

/******************************************************************************
9. CAMPOS OBLIGATORIOS
******************************************************************************/
.form_obligatorio {
	background-image: url(http://itemsweb.esade.edu/apps/img/icon_alert.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

.form_obligatorio_borde {
	border-width: 2px 2px 2px 2px;
	border-color: #EF6B00;
}

/******************************************************************************
11. LINKS
******************************************************************************/
a {

}

/******************************************************************************
11. BOTONES: NOTA: para trabajar con struts-menu ir al punto 15
******************************************************************************/
.menu_opcion,
.menu_opcion_seleccionada a {
	position: relative;
	/*white-space: pre; ojo si se activa esto!!!*/
}

.menu_opcion a,
.menu_opcion_seleccionada a {
	border-width: 1px 1px 1px 1px;
	padding: 2px 5px 2px 25px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

.menu_opcion a:hover {
	/*border-width: 1px 1px 1px 1px;
	padding: 2px 5px 2px 25px;
	margin: 0px;*/
}	

.menu_opcion_seleccionada {
	/*float: left;*/
	display: inline;
	top: 7px;
	width: auto;
	font-size: 100%;
	padding: 7px 0px 0px 0px;
	/*padding: 0px;*/
	z-index:1;
	/*margin-right: 7px;*/
}

.menu_opcion_seleccionada a{
	left: 0px;
	z-index:2;
}

/* 11.1 Posicionar botones a la derecha de un elemento */
.botonera_derecha {
	position: absolute;
	right: 20px;
	padding: 0px 0px 5px 0px;
	font-weight: normal;
	font-size: 65%;
}

.botonera_derecha .menu_opcion a,
.botonera_deracha .menu_opcion_seleccionada a{
	background-position: 2px 50%;
	padding-left: 20px;
}
/*
.botonera_derecha .menu_opcion_seleccionada a {
	background-repeat: repeat-y;
	background-position: 2px 10px;
}*/

/* 11.2 Iconos de los botones */
.opcion_validar  li a,
.opcion_validar 	{ background-image: url(http://itemsweb.esade.edu/apps/img/accept.png); }

.opcion_rechazar  li a,
.opcion_rechazar { background-image: url(http://itemsweb.esade.edu/apps/img/cross.png); }

.opcion_volver li a,
.opcion_volver	{ background-image: url(http://itemsweb.esade.edu/apps/img/arrow_left.gif); }

.opcion_siguiente li a,
.opcion_siguiente     { background-image: url(http://itemsweb.esade.edu/apps/img/arrow_right.gif); }

.opcion_ayuda li a,
.opcion_ayuda	{ background-image: url(http://itemsweb.esade.edu/apps/img/help.png); }

.opcion_buscar li a,
.opcion_buscar	{ background-image: url(http://itemsweb.esade.edu/apps/img/zoom.png); }

.opcion_listar_personas li a,
.opcion_listar_personas	{ background-image: url(http://itemsweb.esade.edu/apps/img/group.png); }

.opcion_imprimir li a,
.opcion_imprimir  { background-image: url(http://itemsweb.esade.edu/apps/img/printer.png); }

.opcion_adjunto li a,
.opcion_adjunto { background-image: url(http://itemsweb.esade.edu/apps/img/icon_attachment.gif); }

.opcion_inicio li a,
.opcion_inicio { background-image: url(http://itemsweb.esade.edu/apps/img/house.png); }

.opcion_cerrar li a,
.opcion_cerrar { background-image: url(http://itemsweb.esade.edu/apps/img/action_stop.gif); }

.opcion_email li a,
.opcion_email { background-image: url(http://itemsweb.esade.edu/apps/img/email.png); }

.opcion_salir li a,
.opcion_salir { background-image: url(http://itemsweb.esade.edu/apps/img/door_in.png); }

.opcion_guardar li a,
.opcion_guardar { background-image: url(http://itemsweb.esade.edu/apps/img/disk.png); }

.opcion_anadir li a,
.opcion_anadir { background-image: url(http://itemsweb.esade.edu/apps/img/add.png); }

.opcion_quitar li a,
.opcion_quitar { background-image: url(http://itemsweb.esade.edu/apps/img/delete.png); }

.opcion_cerrar li a,
.opcion_cerrar { background-image: url(http://itemsweb.esade.edu/apps/img/close.png); }

.opcion_calendario li a,
.opcion_calendario { background-image: url(http://itemsweb.esade.edu/apps/img/calendar.png); }

.opcion_favoritos li a,
.opcion_favoritos { background-image: url(http://itemsweb.esade.edu/apps/img/star.png); }

.opcion_usuario li a,
.opcion_usuario { background-image: url(http://itemsweb.esade.edu/apps/img/user.png); }

.opcion_edit_usuario li a,
.opcion_edit_usuario { background-image: url(http://itemsweb.esade.edu/apps/img/user_edit.png); }

.opcion_editar li a,
.opcion_editar { background-image: url(http://itemsweb.esade.edu/apps/img/pencil.png); }

/* 11.3 Botonera centrada */
.botonera  {
	right: 0px;
	padding: 15px 0px 0px 0px;
	font-weight: normal;
	text-align: center;
	width: 100%;
	display: block;
}

fieldset .botonera {
	float: left;
}


/******************************************************************************
12. COLUMNAS
******************************************************************************/
.dos_columnas {
}

.dos_columnas li, .tres_columnas li  {
	position: relative;
	float: left;
}

.dos_columnas li ul, .tres_columnas li ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}

.dos_columnas li ul li,.tres_columnas li  ul li{
	width: 100%;
	position: relative;
}

.dos_columnas li table {
	width: 99%;
}

.dos_columnas .col_1, 
.dos_columnas .col_2 { 	width: 50%; } 


.tres_columnas .col_1, 
.tres_columnas .col_2, 
.tres_columnas .col_3 { 	width: 33%; }

.tres_columnas .col_1 label,
.tres_columnas .col_2 label,
.tres_columnas .col_3 label { padding-right: 10px; }

/******************************************************************************
13. CÓDIGO
******************************************************************************/
.code {
	
}

/******************************************************************************
14. MENUS PRINCIPALES
******************************************************************************/

.h1_grande {
	padding-top: 100px;
	font-size: 300%;
}

.menu_app_txt {
	position: absolute;
	padding: 30px;
	width: 90%;
}

.menu_app_txt span{
/*	text-align:center;*/
	display: block;
	padding-bottom: 20px;
	
}

.mp_opcion_txt {
	font-size: 150%;
}

/******************************************************************************
15. STRUTS MENU
******************************************************************************/
/* Contenedor del menú */
#l_menu_w #l_menu li a {
	left: 0px;	
}


ul#primary-nav {
	margin: 0px;
	padding: 0px;
	background: #fff; /* IE6 Bug */
	z-index: 40;
	/*border: 1px solid red;*/
	padding-top: 4px;
	_padding-bottom: 40px;
}

.menuList {
	padding-left: 0px;
}

ul#primary-nav ul {
	margin: 0;
	padding: 0;
}

ul#primary-nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#primary-nav li {
	position: relative;
	list-style: none;
	float: left;
	margin-left: 4px;
	_width: 150px;
}

ul#primary-nav li {
	border-width: 1px 1px 1px 1px;
	margin-bottom: 2px;
}

ul#primary-nav li ul li{
	border-width: 1px 1px 1px 1px;
	margin-bottom: 0px;
}

ul#primary-nav li a,
ul#primary-nav li li a {
	display: block;
	padding:2px 5px 2px 25px;
}

ul#primary-nav li ul {
	margin-top: 1px;
	left: 0px;
	right: 20px;
	width: auto;
}

ul#primary-nav li ul li {
	width: 100%;
	border-top: none;
	left: -5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	z-index: 60;
}

ul#primary-nav ul ul {
	/*left: 150px;*/
	top: 0;
}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menubar   {
	padding-right: 20px;
	background: transparent url(http://itemsweb.esade.edu/apps/img/down.gif);
	background-repeat: no-repeat;
	background-position: right center;	
	z-index: 10;
}

ul#primary-nav li li.menubar { background: transparent url(http://itemsweb.esade.edu/apps/img/left.gif) right center no-repeat; }

ul#primary-nav .menubar:hover{
	z-index:20 !important;
}

ul#primary-nav .menubar ul:hover{
	z-index:20 !important;
}

ul#primary-nav .menubar li:hover{
	z-index:20 !important;
}

ul#primary-nav li:hover,
ul#primary-nav li.over { 
	border-width:1px 1px 1px 1px;
}

ul#primary-nav li li:hover,
ul#primary-nav li li.over { 
	border-top: none;
}

ul#primary-nav li:hover {
	border-width:1px 1px 1px 1px;
}

ul#primary-nav ul.over,
ul#primary-nav ul:hover{
	border-bottom:1px solid #00A6D6;
}

ul#primary-nav ul.over li,
ul#primary-nav ul:hover  li{
	border-left:1px solid #00A6D6;
	border-right:1px solid #00A6D6;
}

/* posicionamiento imagenes */
#primary-nav  ul li a {
	background: none;
}
#primary-nav a {
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

/******************************************************************************
16. Gestion Errores (Struts)
******************************************************************************/
.error {
	background-color: #FFFFFF;
	padding: 20px;
	color: #EF6B00;
	border-width: 1px 2px 2px 1px;
	border-color: #EFB586;
	border-style: solid;
}

#zonaErrores {
	margin-bottom: 10px;
}

#zonaErrores h1 {
	color: #EF6B00;
	border-color: #EFB586;
	margin-top: 0px;
	padding-top: 0px;
}

#zonaErrores .botonera_derecha {
	right: 42px;
}

.gestionErrores {
	border-color: #EFB586;
}

.gestionErrores legend {
	color: #EF6B00;
	border-color: #EFB586;
}

.gestionErrores ul,
.gestionErrores li {
	padding-top: 5px;
	margin-top: 5px;
}

.gestionErrores li {
	padding-left: 20px;
	background: transparent url(http://itemsweb.esade.edu/apps/img/dojo/error.png) no-repeat center left;
}

.mostrar {
	display: block;
}

.esconder {
	display: none;
}

.obligatorio {
	position: absolute;
	width: 19px;
	height: 16px;
	background:url(http://itemsweb.esade.edu/apps/img/obligatorio.png) no-repeat top left;
	margin-top: 3px;
	margin-left: 2px;
}

/******************************************************************************
17. Mensajes informativos
******************************************************************************/

#zonaInformativa {
	margin-bottom: 10px;
}

.zonaInformativa {
	border-color: #91CB88;
}

.zonaInformativa legend {
	color: #4A9F3B;
	border-color: #91CB88;
}

.zonaInformativa ul,
.zonaInformativa li {
	margin-top: 5px;
}

.zonaInformativa li {
	padding-left: 20px;
	background: transparent url(http://itemsweb.esade.edu/apps/img/accept.png) no-repeat center left;
}

/******************************************************************************
99. LAYOUT APLICACIONES
******************************************************************************/
/* 99.1 Nombre de la aplicación */
#l_aplicacion {
	position: absolute;
	top: 8px;
	right: 30px;
	height: 32px;
	display: block;
	z-index: 10;
	padding: 0px 5px 0px 5px;
	font-size: 100%;
	text-align: right;
}
/* 99.2 Wrapper del Menu superior */
#l_menu_w{
	position:relative;
	width: 100%;
	display:block;
	/*border: 1px solid red;*/
}

/* 99.2.1 Logo */
#l_menu_w #l_logo {
	float: right;
	padding: 2px 3px 0px 0px;
	margin: 0px;
	border: 0px;
	/*height: 16px;*/
}

#l_menu_w #l_logo {
	background-image: url(http://itemsweb.esade.edu/apps/img/e.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	width: 18px;
	height: 29px;
	/*border: 1px solid red;*/
}

/* Menu principal */
#l_menu_w #l_menu {
	position: relative;
	left: 0px;
	margin-right: 200px;
	display: block;
	z-index: 2;
	_border: 1px solid white;
}


/* 99.2.2 Barra de navegación */
#l_menu_w #l_navegacion {
	position: relative;
	height: 23px;
	width: 100%;
	border-width: 1px 0px 1px 0px;
	background:transparent url(http://itemsweb.esade.edu/apps/img/fons.jpg) repeat-x scroll 50%  50%;
	font-size: 90%;
	z-index: 1;
	display: block;
}



/* Opciónde menús dentro del menú principal */
#l_menu_w #l_menu .menu_opcion{
	position: relative;
	display: block;
	float: left;
	top: 7px;
	width: auto;
	padding: 0px 4px 5px 0px;
	font-size: 100%;
	
}

#l_menu_w #l_menu a {
	position: relative;
	left: 4px;
}

/* 99.2.3 Usuario conectado */
#l_menu_w #l_navegacion  .l_usuario {
	position: absolute;
	float: right;
	right: 8px;
	padding-top: 3px;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	overflow: auto;
	color: black;
	z-index: 1;	
}

/* 99.2.4 Rastro Barra de navegación */
#l_menu_w #l_navegacion  .l_rastro {
	position: absolute;
	float: left;
	left: 5px;
	padding: 2px 0px 2px 0px;
	z-index: 1;
}

/* 99.2.5 Opción dentro del rastro */
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion_seleccionada {
	position: relative;
	top: 1px;
	padding-bottom: 0px;
	z-index: 1;	
}

#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion  a:hover,
#l_menu_w #l_navegacion  .l_rastro  .l_rastro_opcion_seleccionada a {
	padding: 0px 5px 2px 5px;
	border-width: 1px 1px 1px 1px;
	z-index: 1;	
}

/* 99.2.6 Separador del rastro */
#l_menu_w #l_navegacion  .l_rastro .l_rastro_separador {
	position: relative;
	top: -1px;
	padding: 0px 2px 0px 2px;
	font-weight: bolder;
	font-size: 75%;
	color: black;
	z-index: 1;	

}

/* 99.2.7 Wrapper del cuerpo de la página */
#l_cuerpo_w {
	/*position: relative;*/
	position: inherit;
	width: 100%;
	/*border: 1px solid red;*/
	display:block;
}

/* 99.2.8 cuerpo de la página */
#l_cuerpo{
	padding: 20px;
	/*border: 1px solid green;*/
}

/* 99.2.9 Pie de la página */
#l_pie {
	position: relative;
	height: 16px;
	bottom: 0px;
	width: 100%;
	background:transparent url(http://itemsweb.esade.edu/apps/img/fons.jpg) repeat-x scroll 50% 50%;
	border-width: 1px 0px 1px 0px;
}




#l_pie .status {
	position: relative;
	left: 5px;
	right: 10px;
	font-style: italic;
	font-weight: normal;
	font-size: 90%;
}