body{background:#369;color:#FFF;font-family:Arial, sans-serif;margin:0}
h1 {background:#C60;margin:0}
a, a:hover, a:active {color:#FFF}
form {margin:auto;width:75%;text-align:center}
legend {color:#FFF}
label {}
input,textarea {border:1px solid #FFF;background:#369;color:#FFF;}
table {width:100%;text-align:center;font-size:75%}
caption {background:#69F;font-weight:bold}
td{border:1px solid transparent;background:#CCC;color:#000}
th {border: 1px solid #69F;color:#69F}
tr.fet td {background:#9CF;}
td a:link, td a:hover, td a:visited {color:#000}

#administrador {border:0}

#menu {margin-bottom: 2%;background:#FFF}
#menu p {display:inline;margin-right:1%}
#menu p a {color:#C60;}
#actiu a {background:#000}

#unclient {width:45%;float:left;}
#unclient h2 {font-size:100%}
#canviclient {width:45%;float:right;} 

#comanda,#comanda2,#nouclient,#locata {width:45%;border:0;}

#comanda,#nouclient {float:left;}
#comanda2,#locata {float:right;clear:right}
#bota {clear:both}

#temps {position:absolute;top:0;right:0;background:#000;border:1px solid #000;color:#0F0;font-size:75%;font-weight:bold}
#temps p {padding:0;margin:0}

#suggereix {font-weight:bold;}

.urgent {background:#FF0;color:#000;border:1px solid #000}
.nourgent {color:#000;border:1px dotted #000}

#tooltip {position:absolute;visibility:hidden;z-index:100;background:#C60;border:1px solid #000;color:#FFF;padding:0.2em;font-size:70%;}

#llegenda {color:#FFF}
#llegenda h2, #llegenda h3, #llegenda p {font-size:75%;}
#llegenda h2 {font-size:75%;font-weight:bold;color:#69F;}
#llegenda h3 {clear:left;float:left;color:#CCC;padding-right:1%;margin:0}
#llegenda p {float:left;clear:right;display:inline;margin:0}