﻿/***
 * Colors corporatius:
 *   Blau PIMELAB: #003d80
 * 	 Gris PIMELAB: #76716c
 *   Taronja: #f7900b
 **/

body {
	margin: 0;
	padding: 0;
	font-family: arial,verdana,sans-serif;
	font-size: 80%;
	color: #000;
	background-color: #fff;		
}

/* INICI Reset de les propietats per defecte dels diferents elements */
h1, h2, h3, h4,h5, h6, p, ul, ol, li, dl, dt, dd, form, label, img {
	margin: 0;
	border: 0;
	padding: 0;
}

h3 {			
	font-size: 1.4em;			
	font-family: "Trebuchet MS";
	font-weight: bold;  	
	color: #76716c;	
	padding: 0.50em 0em;
}

h4 {			
	font-size: 1.2em;			
	font-family: "Trebuchet MS";
	font-weight: bold;  	
	color: #333333;	
	padding: 0.50em 0em 0.25em 0em;
}

#content p 
{
	margin: 1em 0;
}

input, select {
	font-family: arial,verdana,sans-serif;
}

a {
	color: #0c4ea6;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.back 
{
	margin-top: 10px;
	display: block;
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

/* FI Reset de les propietats per defecte dels diferents elements */

/* ------------------------------------------------------------------------------------ */

/* INICI Contenidors principals */
#container {
	padding: 1em;
	min-width: 800px;
	font-size: 92.8%;
}

#main_content {
  float: right;
  width: 83%;
}

.AspNet-Menu-Vertical {
  float: left;
  width: 15%;  
  clear: left;
}

#ajax_content
{		
	float: left;
	width: 100%;
}

/* FI Contenidors principals */

/* ------------------------------------------------------------------------------------ */

/* Capçalera */

#header {
  float: left;
  margin: 0 0 1em 0;
  width: 100%;  
}

#main_header 
{
	float: left;
	width: 100%;	
}

#logo 
{	
	float: left;
	display: inline;
	height: 61px;
}

#logo a {
	display: block;
	padding: 61px 0 0 0;
	width: 182px;
	height: 0px;	
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/logo.gif) no-repeat;
}

#top_menu {
	margin: 9px 0 0px 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#top_menu li {
	display: inline;
	margin: 0 3px;
	padding: 0 2px 0 1px;
	border: #76716c solid;
	border-width: 0 1px 0 0;
	list-style: none;
}

#top_menu li a {
	margin: 0 1px 0 0;
}

#top_menu li.last {
	border: 0;
	margin: 0;
}

#subheader {
	float: left;
	width: 100%;
	clear: both;
	margin: 1em 0 1em 0;
	background: #003d80 url(../images/bg/corner_003d80_tl.gif) top left no-repeat;
}

#subheader div 
{	
	width: 100%;
	background: url(../images/bg/corner_003d80_bl.gif) bottom left no-repeat;
	float: left;	
}

#subheader div div 
{
	width: 100%;
	background: url(../images/bg/corner_003d80_br.gif) bottom right no-repeat;
	float: left;
}

#subheader div div div  {	
	background: url(../images/bg/corner_003d80_tr.gif) top right no-repeat;	
	float: left;
	padding: 0.5em 0em;
	width: 100%;	
}

#subheader a  {
	float: left;
	color: #ffffff;
	text-decoration: none;
	width: 10%;
	margin-left: 10px;
	padding-top: 3px;
}

#subheader p {
	float: right;
	color: white;	
	text-align: right;
	font-weight: bold;		
	margin-right: 10px;
}

#subheader select
{
	font-size: 0.90em;
	font-weight: bold;	
	margin: 0px;
}

.user {
	font-weight: bold;
	color: #333;
}

/* FI capçalera */

/* ------------------------------------------------------------------------------------ */

/* Peu */

#footer
{	
  float: left;
  margin: 20px 0 1em 0;
  width: 100%; 
  border-top: 1px dashed #003d80;  
  padding: 5px 0px;
  color: #76716c;
}

#footer a
{
	float: right;
	margin-top: 0px;
	margin-left: 10px;
}

/* FI Peu */

/* ------------------------------------------------------------------------------------ */

/* INICI Menús */
  
.AspNet-Menu-Vertical ul {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0 0 1em 0;
	list-style: none;
}

.AspNet-Menu-Vertical ul li {
	margin: 0 0 3px 0;
	padding: 1px 0 0 0;
}

.AspNet-Menu-Vertical ul a {
	display: block;
	border: solid #d7d7d7;
	border-width: 0 1px;
	font-size: 110%;
	text-decoration: none;
	outline: none;
	color: #000;
	background: #eeeeee;		
}

.AspNet-Menu-Vertical ul a:hover {
	text-decoration: underline;
}

.AspNet-Menu-Vertical ul a.AspNet-Menu-Selected,
.AspNet-Menu-Vertical ul a.AspNet-Menu-ChildSelected {
	border-color: #76716c;
	color: #fff;
	background: #76716c;
}

.AspNet-Menu-Vertical ul a.AspNet-Menu-Selected:hover,
.AspNet-Menu-Vertical ul a.AspNet-Menu-ChildSelected:hover {
	text-decoration: none;
}

.AspNet-Menu-Vertical ul ul a.AspNet-Menu-Selected,
.AspNet-Menu-Vertical ul ul a.AspNet-Menu-ChildSelected {
	border: solid #76716c;
	border-width: 0 1px;
	margin: 0 0 3px 0;
	background: #76716c;
}

.AspNet-Menu-Vertical ul a b {
	display: block;
	position:relative;
	top: -1px;
	left: 0;
	border:solid #d7d7d7;
	border-width:1px 0 0;
	font-weight:normal;	
}

.AspNet-Menu-Vertical ul a.AspNet-Menu-Selected b {
	border-color: #76716c;	
}

.AspNet-Menu-Vertical ul a b b {
	border-width:0 0 1px;
	top: 2px;  
}

.AspNet-Menu-Vertical ul a b b b {
	top: -1px;
	padding: 1px 6px 1px 19px;
	border-width: 0;
	background: center left no-repeat;
	cursor: pointer;
}

* html .PIMELAB_menu ul a b b b {
	width: 80%;
	overflow: hidden;
}

/* Icones menús */
#PIMELAB_menu>ul #PIMELABmenu>ul_ensayo b b b {
	background-image: url(../images/icons/informe.gif);
}

#PIMELAB_menu>ul .current#PIMELABmenu>ul_ensayo b b b {
	background-image: url(../images/icons/informe_current.gif);
}

#PIMELAB_menu>ul #menu_historicos_informes b b b {
	background-image: url(../images/icons/informe.gif);
}

#PIMELAB_menu>ul .current#menu_historicos_informes b b b {
	background-image: url(../images/icons/informe_current.gif);
}

#PIMELAB_menu>ul #menu_auditorias b b b {
	background-image: url(../images/icons/informe.gif);
}

#PIMELAB_menu>ul .current#menu_auditorias b b b {
	background-image: url(../images/icons/informe_current.gif);
}

/* FI Menús */

/* ------------------------------------------------------------------------------------ */

/* INICI Títols */

.breadcrumb {
	margin: 0 0 2em 0;
	font-size: 90%;
	color: #76716c;
}

.breadcrumb a { 
  color: #76716c;
}

h1 {	
	white-space: nowrap;
	overflow: hidden;
	font-size: 1.7em;	
	margin-bottom: 1em;	
	color: #f7900b;	
}

h1.error 
{
	color: #ff0000;
}

/* FI Títols */

/* ------------------------------------------------------------------------------------ */

/* INICI Barra d'eines */

#report_tools {
  float: left;
  margin: 0 0 1.5em 0;
  width: 100%;
}

#report_tools ul {
  float: left;
  width: 100%;
  list-style: none;
}

#report_tools li {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

#report_tools .button {
  margin: 0 2px 0 0;
  font-size: 0.80em;
}

#report_tools li#export_button_item .button.menu.current b b b {
  padding-bottom: 3px;
}

#report_tools li#email_button_item .button b b b {
  background: url(../images/icons/email.gif) 0 50% no-repeat;
  padding-left: 23px;
}

#report_tools li#dashboard_button_item .button b b b {
  background: url(../images/icons/dashboard.gif) 0 50% no-repeat;
  padding-left: 20px;
}

/* FI Barra d'eines */

/* ------------------------------------------------------------------------------------ */

/* INICI Butons */

.button {
	float: left;
	margin: 0 6px;
	white-space: nowrap;
	text-align: left;
	color: #333333;
	text-decoration: none;
	line-height: 1.3em;
	outline: none;
}

.button.previous {
	margin: 0 2px 0 6px;
}
.button.next {
	margin: 0 0 0 2px;
}

.button b {
	display: block;
	position:relative;
	margin: 0 1px;
	border: solid #bbbbbb;
	border-width:1px 0;
	padding: 0;
	font-weight: normal;
	background-image: url(../images/bg/button.gif);
	background-repeat: repeat-x;
	background-position: bottom left;	
}

.button:hover b,
.button.current b {
	border-color: #76716c;
}

.button.current b {
	z-index: 2;
	border-bottom-color: #fff;
	background-position: bottom left;
}

.button b b {
	background:none;
	margin:0 -1px;
	padding:0;
	border-width:0 1px;
}

.button b b b {
	margin: 0;
	padding: .1em .5em .2em;
	border-width: 0;
	cursor: pointer;
}

.button.previous b b b {
	padding: 0;
	height: 1.3em;
	width: 16px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/icons/button_arrow_left.gif) no-repeat center center;
}

.button.next b b b {
	padding: 0;
	height: 1.3em;
	width: 16px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/icons/button_arrow_right.gif) no-repeat center center;
}

.button.menu b b b {
	background: url(../images/icons/button_arrow_down.gif) no-repeat 100% 50%;
	padding-right: 15px;
}

.button.current b b b {
	background-image: url(../images/icons/button_arrow_up.gif);
}

.button_label {
	float: left;
	line-height: 1.2em;
	margin: 0;
	padding: .2em 0 0 0;
}

/* FI Butons */

/* ------------------------------------------------------------------------------------ */

/* INICI Taula resultats */

.records {
	width: 100%;
	font-size: 0.90em;
	margin-bottom: 2em;
	border: 1px solid #dddddd;
}

.records th {
	border: 1px solid #dddddd;
	padding: .6em;	
	font-weight: bold;	
	background: #eeeeee;	
}

.records th span.subtitol
{
	font-weight: normal;
	font-size: 0.85em;	
}

.records td {
	border: 1px solid #dddddd;
	padding: .6em;	
	background: #f3f3f3;		
}

.records th a {
	color: #000;
	display: block;
}

.records .highlight td {
	background-color: #ffffff;	
}

.records .highlight2 td 
{
	background-color: #dddddd;
	font-weight: bold;
}

.records td.agrupat 
{	
	border-bottom: 0px;
}

.records td.subparametre
{
	border-top: 0px;
	border-bottom: 0px;	
}

.records tr.current td 
{
	background: #eeeeee;	
}

/* Llistat de informes */
.records td.col1 { width: 25px; }
.records td.col2 { width: 90px; }
.records td.col1_2 { width: 105px; } /* Suma col1 i col2 */
.records td.col3 { width: 55px; }
.records td.col4 { width: 150px; }

/* Amplades columna paràmetres */
.records .parametres_col2 { width: 160px; }
.records .parametres_col3 { width: 150px; }
.records .parametres_col4 { width: 100px; }
.records .parametres_col5 { width: 120px; }

/* Amplada dades granulometria */
.records th.tamis { width: 75px; }
.records th.retingut { width: 75px; }
.records th.acumulat { width: 75px; }

.records caption
{		
	padding: .6em;	
	font-weight: bold;	
	background: #dddddd;		
	text-align: left;
	font-size: 1.1em;	
	margin-left: -1px;	
	text-align: center;	
}

.text_left   { text-align: left; }
.text_center { text-align: center; }
                        
/* FI Taula resultats */

/* ------------------------------------------------------------------------------------ */

/* INICI eines taula resultats */

.records td.table_controls {
	overflow: visible;
	border-width: 0 1px;
	border-color: #dddddd;
	padding: 0;
	background:#eeeeee;	
}
.records td.table_controls .box 
{			
	top: 1px;
	left: 0;
	float: left;
	display: block;
	margin:-2px 0 0 0;
	border:solid #dddddd;
	border-width:1px 0;
	width: 100%;
	background:#eeeeee;	
	background-image: none;
}

.table_controls .pagination_controls {
	margin: 2px 8px 2px 2px;
	float: right;
}

.table_controls .pagination_controls input {
  width: 40px;
}

.table_controls .pagination_controls .button_label {
  margin: 0 0 0 12px;
}

.table_controls .button_label {
  margin: 0 0 0 6px;
}

.table_controls select, 
.table_controls input {
  float: left;
  margin: 0 0 0 6px;
}

/* FI Taula resultats */

/* ------------------------------------------------------------------------------------ */

/* INICI filtre desplegable */

.custom_dropdown {
	float: left;
	margin: 0 1em 1em 0;   
	position: relative;
	z-index: 100;				
}

.custom_dropdown a {
	float: left;
	margin: 0;
	line-height: 1.1em;
	text-decoration:none;
	outline:none;
	color: #333333;
	font-weight: bold;      
}
.custom_dropdown a:hover {
	cursor: pointer;
}

.custom_dropdown a b {
	display: block;
	float: left;
	position: relative;
	margin: 0 1px;
	padding: 0;  
	border: solid #dddddd;
	border-width:1px 0;
	font-weight: normal;
	background: #ffffff;  
}
.custom_dropdown a:hover b
{
	border-color: #76716c;  
}

.custom_dropdown a b b {  
	background: none;
	display: block;
	position: relative;
	margin: 0 -1px;
	border-width: 0 1px;
	padding: 0;  
}

.custom_dropdown a b b b {
	margin:0;
	border-width:0;
	padding: 3px 30px 3px 6px;	
}

.custom_dropdown a b b b .dropdown_arrow {
	border-left: 1px solid #dddddd;
	background: #f3f3f3 url(../images/icons/button_n_arrow_down.gif) no-repeat 100% 47%;
	display: block;
	position: absolute;
	width: 20px;	
	top: 0px;
	margin: 0px;
	padding: 0px;
	right: 0px;	
	height: 100%;
}

.custom_dropdown a b b b .filter {
  margin: 0.5em 0 -.1em;
  display: block;
  color: #76716c;
  font-size: 150%;
  font-style: normal;
  position: relative;  
}

.custom_dropdown a b b b .filter_text {
  float: left;    
  padding-bottom: 4px;
}

.custom_dropdown .filter_panel 
{				
	clear: left;
	margin-top: -1px;		
	display: block;			
	padding: 5px;
	position: absolute;	
	top: 100%;				
	border: 1px solid #dddddd;	
	white-space: nowrap;
	min-width: 215px;	
	color: #76716c;
	background: white;	
}

.custom_dropdown .filter_panel div
{		
	margin-top: 0.50em;	
	clear: left;					
}

.custom_dropdown .filter_panel select
{
	color: #76716c;
	border: 1px solid #ccc;	
	font-size: 0.95em;			
}

#filtre_any .filter_panel select
{
	width: 100%;	
}

.custom_dropdown .filter_panel div select
{
	width: auto;
}

.custom_dropdown .filter_panel input[type=button]
{
	float: left;
	clear: left;
}

.custom_dropdown .filter_panel ul
{
	float: left;
	clear: left;
	margin: 0px;
}

.custom_dropdown ul 
{
	list-style: none;	
}

#main_content .custom_dropdown ul li
{
	float: left;
	clear: left;	
	background-image: none;
	margin: 0px;
	padding: 0px;
}

.checklistbox
{	
	margin-bottom: 0.5em;
	padding-left: 5px;	
	float: left;	
}

.checklistbox ul
{
	float: left;
}

.checklistbox ul li
{
	margin: 0px;
}

.checklistbox ul li label
{
	cursor: pointer;	
}

.custom_dropdown .filter_panel a
{	
	padding-left: 23px;	
	height: 20px;
	line-height: 20px;
}

.custom_dropdown .filter_panel a.tick
{
	background: url(../images/icons/tick.png) no-repeat left;
}

.custom_dropdown .filter_panel a.cross
{
	background: url(../images/icons/cross.png) no-repeat left;
}

/* Fi filtres dropdown */

/* ------------------------------------------------------------------------------------ */

/* INICI quadre destacat */

.destacat {
  /*float: left;*/
  width: 100%;
  margin: 0 0 1em 0;
  background: #eee url(../images/bg/corner_eeeeee_tl.gif) top left no-repeat;
}
.destacat div {
  background: url(../images/bg/corner_eeeeee_bl.gif) bottom left no-repeat;
}
.destacat div div {
  background: url(../images/bg/corner_eeeeee_br.gif) bottom right no-repeat;
}
.destacat h2 {
  padding: 10px 12px;
  margin: 0;
  background: url(../images/bg/corner_eeeeee_tr.gif) top right no-repeat;
  font-size: 1.5em;
}

.destacat p {
  margin: -10px 0 0 0;
  padding: 0 12px 10px 12px;
  color: #76716c;  
}

/* FI quadre destacat */

/* ------------------------------------------------------------------------------------ */

/* INICI Detall d'informe */

h2.informe 
{
	background: #eeeeee;
	padding: 0px 4px;
	font-size: 1.4em;	
	line-height: 1.6em;
	margin-bottom: 1em;
	margin-top: 1.3em;		
	font-family: "Trebuchet MS"
}

.mostra 
{	
	width: 100%;
	margin: 0 0 1em 0;
	background: #f7900b url(../images/bg/corner_f7900b_tl.gif) top left no-repeat;
}
.mostra div {
  background: url(../images/bg/corner_f7900b_bl.gif) bottom left no-repeat;
}
.mostra div div {
  background: url(../images/bg/corner_f7900b_br.gif) bottom right no-repeat;
}
.mostra h3 
{
	padding: 5px 12px;
	background: url(../images/bg/corner_f7900b_tr.gif) top right no-repeat;	
	color: #ffffff;	
	font-size: 1em;			
	font-family: "Trebuchet MS";
	font-weight: bold;  		
	display: block;		
	position: relative;
	margin: 0px;
}

.mostra h3 span 
{
	font-size: 0.85em;
	font-weight: normal;
}

.mostra h3 a
{
	color: #ffffff;
	position: absolute;
	right: 15px;	
}

.mostra h3 a img
{
	float: left;
	margin-top: -2px;
	margin-right: 4px;	
}

dl dt
{	
	float: left;
	font-weight: bold;	
}

dl dd
{	
	margin-left: 120px;
	margin-bottom: 1em;
}


/* FI Detall d'informe */

/* ------------------------------------------------------------------------------------ */

/*th.headerSortUp 
{
	background: #c5c5c5 url(../images/icons/sort_desc.gif) center right no-repeat;	
} 

th.headerSortDown 
{
	background: #c5c5c5 url(../images/icons/sort_asc.gif) center right no-repeat;	
} 


.records th.sort, 
.records th.graph_sort {
	font-weight: bold;
	background: #c5c5c5 url(../images/icons/sort_desc.gif) center right no-repeat;
}
.records th.graph_sort, 
.records th.graph_variable {
	padding: .3em .6em;
}
.records th.sort.asc, 
.records th.graph_sort.asc {
	background-image: url(../images/icons/sort_asc.gif);
}*/

/* Firmes d'informes */
.firmes 
{	
	margin-left: auto;
	margin-right: auto;
}

.firmes td
{
	text-align: center;
}

.proveta
{
	width: 49%;
	float: left;	
}

.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.justify { text-align: justify; }

.clear { clear: both; }

.per50 
{
	width: 44%;
	background-color: #f3f3f3;		
	padding: 0px 20px 10px 20px;
}

.per100
{
	width: auto;	
	background-color: #f3f3f3;		
	padding: 10px 20px;
}

p.nota { float: right; width: 49%; }
p.info { font-size: 0.80em; color: #444; clear: both; padding-top: 10px; font-family: Trebuchet MS; } 
p.infobox { background: #DDEAFA url("../images/icons/information.gif") 10px center no-repeat; padding: 8px 8px 8px 35px; border: 1px solid #A3D8FD; color: #026DA5; }

.ko
{
	background-color: #ffaaaa;
	color: White;
}

.ko h2 {
  padding: 10px 12px;
  margin: 0;  
  font-size: 1.5em;
}

.ko p {
  margin: -10px 0 0 0;
  padding: 0 12px 10px 12px;
  color: #ffffff;  
}

div.download_links
{	
	padding-left: 45px;
	padding-top: 16px;
	font-size: 1.1em;
	font-weight: bold;
	/*background: url(../images/icons/pdf.png) no-repeat left;*/
	display: block;	
	float: right;
	margin-top: -55px;	
}

#main_content ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#main_content ul li 
{
	margin: 0.50em;	
	background: url(../images/li.gif) left 0.45em no-repeat;
	padding-left: 10px;
}

#main_content ul li ul li
{
	background: url(../images/li_li.gif) left 0.45em no-repeat;
}

a.tooltip {
    position: relative;
    z-index: 24;         
}

a.tooltip:hover 
{
	z-index: 25; 
	background-color: transparent;
}

a.tooltip span
{
	display: none
}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 0em; 
    left: 15em; 
    width: 19em;
    border: 1px solid black;
    background-color: White;
    text-align: center;
    color: #333333;
    text-decoration: none;
}

/** FORMULARIS */
#login 
{
	float: left;
	clear: left;
}

fieldset
{
	border: 1px solid #76716c;
	padding: 10px 20px 10px 10px;
	clear: left;	
}

fieldset legend
{
	padding-bottom: 0px;
	color: #76716c;
	font-weight: bold;
	font-size: 1.2em;
}

fieldset ul
{
	margin-top: 10px;
	list-style: none;
}

fieldset ul li
{
	margin: 4px 0px;	
}

#main_content fieldset ul li
{
	background-image: none;
}

fieldset ul li label
{
	width: 150px;
	float: left;
	clear: left;
	color: #333333;
	font-weight: normal;
	padding-top: 3px;
}

fieldset ul li input
{
	font-size: 1em;
	border: 1px solid #bbbbbb;
	width: 250px;
	font-weight: normal;
}

fieldset ul li textarea
{
	font-size: 1em;
	border: 1px solid #bbbbbb;
	width: 400px;
	font-weight: normal;
	clear: left;
}

fieldset ul li span.checkbox input
{		
	border: 0px;
	width: auto;
}

fieldset ul li span.checkbox label
{
	float: none;
}

input.form_button
{	
	background-image: url(../images/bg/button.gif);
	background-repeat: repeat-x;
	background-position: bottom left;	
	color: #333333;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	border: 1px solid #bbbbbb;	
	clear: left;
}

/* Llistes no ordenades */

ul
{	
	margin-left: 15px;
	color: #76716c;	
}

.small 
{
	font-size: 0.80em;
}

#llistat_parametres
{
	width: 200px;	
	float: left;	
	margin-top: 1em;
}

#grafica
{	
	margin-top: 2em;	
	margin-left: 230px;	
}

#grafica h3
{
	margin-bottom: 0px;
}

#grafica p
{
	margin: 0.25em 0em 2em 0em;
	font-weight: bold;
}

.box_header
{
	background: #eeeeee url(../images/bg/corner_eeeeee_tl.gif) top left no-repeat;	
}

.box_header div
{
	background: url(../images/bg/corner_eeeeee_tr.gif) top right no-repeat;	
	color: #76716c;
	text-align: center;	
	font-size: 0.90em;
	text-transform: uppercase;	
	padding: 5px 0px 2px 0px;
	font-weight: bold;
}

.box
{		
	background: #eeeeee url(../images/bg/corner_eeeeee_br.gif) bottom right no-repeat;						
}

.box div
{
	background: url(../images/bg/corner_eeeeee_bl.gif) bottom left no-repeat;	
	padding-bottom: 5px;	
}

.box div div
{
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;		
	background: #ffffff;	
	padding: 0px;
}

.box h4
{
	background: blue;	
	background-color: #dddddd;
	text-align: center;
	font-size: 0.90em;
	color: #76716c;
	padding: 0.25em 0px;
	font-weight: normal;
}

#main_content .box ul
{		
	background: transparent;
	float: none;
	list-style: none;	
	text-align: left;	
	padding: 0px;	
	margin: 0px;	
	overflow: hidden;			
}		

#main_content .box ul ul
{
	margin-left: 10px;
}

#main_content .box ul li
{
	padding: 0.25em;		
	background-image: none;
	margin: 0px;
}

#main_content .box ul li.highlight
{
	background: #f3f3f3;	
}

#main_content .box ul li ul li
{
	background-image: none;
}

address
{
	font-style: normal;	
	color: #76716c;	
}

acronym
{
	border-bottom: 1px dotted #000;
}

.mapa
{
	padding: 2px;
	border: 1px solid #76716c;	
	background: #003d80;		
	margin: 10px 0px;
	width: 502px;		
}

#map
{
	border: 1px solid #ffffff;
	background-color: #ffffff;
}

/* Visualitzador de logs */
.logicon 
{
	text-indent: -9000px;
	display: block;
	width: 16px;	
	height: 16px;				
}

.logs .debug 
{
	background: url(../images/icons/bug.gif) no-repeat center center;
}

.logs .info
{
	background: url(../images/icons/information.gif) no-repeat center center;
}

.logs .warn
{
	background: url(../images/icons/error.gif) no-repeat center center;
}

.logs .error
{
	background: url(../images/icons/cancel.gif) no-repeat center center;
}

.logs .fatal
{
	background: url(../images/icons/exclamation.gif) no-repeat center center;
}
