:root {
  --color_fons: #1E1E1E;
  
  --color_doc: #075D3A;
  --color_ampli: #075D3A;
  --color_avis: #075D3A;
 
  --color_comp: #111111;
  --color_despl: #111111;
  --color_barres: #111111;
  
  --color_text: #BFBFBF;
  --color_hover: #BFBFBF;
  
  --color_actual: #FFFFFF;
  --color_avis_en: #FFFFFF;
}

div.provis { position: fixed; top:10%; margin-left: 30%; z-index: 7; display:inline-block;
	background-color: transparent; width:50%; }
p.provis { font-weight: 800; color:#FFFF00; margin: 40px; padding: 20px; font-size: 50pt;
	background-color: transparent; text-shadow: 4px 4px #FF0000; }



* { color: var(--color_text); font-weight: 400; font-family: Calibri, Arial, sans-serif; font-size: 12pt;
	text-align: justify; }
a	{ border-radius: 0.5em; text-decoration: none; }
b { font-weight: 800; }
body { background-color: var(--color_fons); margin: 0px; }
div.ampli { border-radius: 0.5em; background-color: var(--color_ampli); display:none; margin:0px;
	padding:0.5em; margin-left: 1.5em; }
div.barra-inf { z-index: 3; position:fixed; bottom: 0px; padding: 2px 10px 0px 10px;
	background-color: var(--color_barres); width:100%; font-size: 0.9em; vertical-align: middle; }
div.barra-inf a { font-size: 0.8em; vertical-align: middle; }
div.barra-sup { z-index: 3; position:fixed; top: 0px; margin-top: 0px; padding: 0px;
	background-color: var(--color_barres); width:100%; }
div.contingut { position:relative; left:10px; top:80px; z-index: 1; margin-left: auto; margin-right: auto;
	max-width: 800px; }
div.desp { position: fixed; top:40px; margin-left: 10px; z-index: 5; display:none;
	background-color: var(--color_despl); width:240px; padding:10px; border-radius: 0.5em; }
div.icona { position:relative; background-color: var(--color_barres); padding: 8px; margin-left: auto; font-size: 18pt;
	vertical-align: text-top; margin-right: auto; max-width: 800px; }
div.icona a { font-size: 1.3em; font-weight: 700; }
div.icona span { font-size: 1.35em; background-color: transparent; color: transparent; }
div.video { background-color: transparent; text-align: center; margin: 2em; }
h1, h2, h3, h4 { font-weight: 700; margin-top: 1em; }
h1		{ font-size: 2em; }
h1.desp { padding-left:20px; font-size: 1.5em; }
h2		{ font-size: 1.7em; }
h3		{ font-size: 1.5em; font-style: italic; }
img { float: none; }
img.ico { vertical-align: text-bottom; }
img.num { border-style: none; border-radius: 50%; vertical-align: middle; }
img.profes { border-style: none; border-radius: 50%; }
img.sign_in { border-style: none; border-radius: 50%; display:none; }
img.sign_vis { border-style: none; border-radius: 50%; display:inline-block; }
li { font-family: Calibri, Arial, sans-serif; font-size: 12pt; }
li.desp { margin:0; padding:0; list-style-type:none; position:relative; }
li.desp a { text-decoration: none; box-sizing:border-box; margin:0; padding:0; display:inline-block;
	height:30px; border:0px; border-style:solid; border-color:transparent; color:var(--color_hover);
	background-color:var(--color_despl); padding:5px 10px; }
li.desp a:hover { box-sizing:border-box; margin:0; color:var(--color_despl);
	background-color:var(--color_hover); padding:5px 10px; }
li.desp a.act { color:var(--color_actual); }
li.desp a.act:hover { color:var(--color_despl); background-color:var(--color_actual); }
li.tem { margin:0; margin-left: 0.5em; padding:0; list-style-type:none; position:relative; border: none; }
li.tem a { text-decoration: none; box-sizing:border-box; margin:0; display:inline-block; padding:5px 10px;  
	height:30px; border:1px; border:none; border-color:var(--color_despl); color:var(--color_text);
	background-color:transparent; }
li.tem a:hover { box-sizing:border-box; margin:0; color:var(--color_fons); background-color:var(--color_text);
	padding:5px 10px; }
p	{ margin: 0px; margin-bottom: 1em; padding: 0px; }
p a { color:var(--color_actual); }
p a:hover { background-color:var(--color_actual); color:var(--color_fons); }
p.avis { padding: 1em; margin-bottom: 0.5em; border-radius: 1em; background-color:var(--color_avis); }
p.avis a { background-color:transparent; color:var(--color_avis_en); }
p.avis a:hover { background-color:var(--color_avis_en); color:var(--color_avis); }
p.compl { padding: 1em; margin-bottom: 0.5em; border-radius: 1em; background-color:var(--color_comp); }
p.compl a { background-color:transparent; color:var(--color_actual); }
p.compl a:hover { background-color:var(--color_actual); color:var(--color_comp); }
p.doc { padding: 1em; margin-bottom: 0.5em; border-radius: 1em; background-color:var(--color_doc); }
p.doc a { background-color:transparent; color:var(--color_actual); }
p.doc a:hover { background-color:var(--color_actual); color:var(--color_doc); }
sup { font-size: 0.7em; }
table	{ outline-width:0px; padding: 0px; margin-left: 50px; clear:both; background-color: transparent;
	border-style: none; vertical-align: middle; }
table.tem { margin: 0px; padding: 0px; }
table.barra-nav { margin-left:auto; margin-right:auto; }
td	{ outline-width:0px; background-color: transparent; margin: 1em; border-style: none; text-align: left;
	padding: 0.5em; }
td.tem	{ margin: 0px; padding: 0px; }
td.barra-nav { min-width: 50px; }
tr	{ padding: 0.5em; vertical-align: middle;  }
tr.tem	{ margin: 0px; padding: 0px; }
ul.desp { box-sizing:border-box; margin:0; padding:0; position:relative; }