﻿form.comanda {
	height: 100%; /* sense aquesta línia no mostra la ScrollBar a la taula de productes */
}

div.comanda {
visibility: visible;
font-family: verdana;
background-color: #99FF99;
border: 1px solid #3892ac;
width: 717px;
margin: 0 auto;
_width: 719px;
_text-align: left;
}

div.productesCapçalera {
visibility: visible;
font-family: verdana;
background-color: #3892ac;
border-left: 1px solid #3892ac;
border-top: 1px solid #3892ac;
border-right: 1px solid #3892ac;
width: 717px;
margin: 0 auto;
_width: 719px;
_text-align: left;
}

div.productesCos {
z-index: 0;
visibility: visible;
overflow: auto;
font-family: verdana;
background-color: white;
border: 1px solid #3892ac;
height: 45%;
width: 717px;
margin: 0 auto;
_height: 37%;
_width: 719px;
_text-align: left;
}

#capaSeleccioProductes {
position: relative;
top: -45.5%;
z-index: 0;
visibility: hidden;
overflow: auto;
font-family: verdana;
background-color: white;
border: 1px solid #3892ac;
height: 45%;
width: 717px;
margin: 0 auto;
_top: -37%;
_height: 34%;
_width: 719px;
_text-align: left;
}

tr.filaCapçalera {
color: white;
font-weight: bold;
font-size: 80%;
}

tr.filaParell {
color: #484848;
background-color: white;
font-size: 75%;
}

tr.filaParell:hover {
color: white;
background-color: orange;
font-size: 75%;
}

tr.filaSenar {
color: #484848;
background-color: #e7eeef;
font-size: 75%;
}

tr.filaSenar:hover {
color: white;
background-color: orange;
font-size: 75%;
}

h1.comanda {
color: #009900;
background-color: #99FF99;
font-size: 90%;
text-align: center;
font-weight: bold;
padding: 2px 2px;
margin: 0 0;
}

td.comanda {
color: #009900;
font-size: 90%;
text-align: center;
font-weight: bold;
padding: 10px 10px;
}

td.dades {
color: #5a5a5a;
font-size: 80%;
font-weight: bold;
text-align: right;
margin: 0 5px;
padding: 0 0;
}

td.antiSPAM {
color: #5a5a5a;
font-size: 85%;
margin: 0 5px;
padding: 0 0;
}

input.text {
background-color: #efebeb;
border: 1px solid #009900;
color: #5a5a5a;
padding: 1px 1px;
font-weight: 300;
text-align: left;
font-size: 70%;
width: 180px;
}

input.textNum {
background-color: #efebeb;
border: 1px solid #009900;
color: #5a5a5a;
padding: 1px 1px;
font-weight: 300;
font-size: 70%;
text-align: right;
}

input.textQTT {
background-color: #efebeb;
border: 1px solid #009900;
color: #5a5a5a;
padding: 1px 1px;
font-weight: 300;
font-size: 75%;
text-align: right;
}

/* mentre sigui el botó triat no canviarà de color (encara que l'apuntin) */
input.botoTriat {
background-color: #3892ac;
border: none;
color: white;
padding: 1px 12px 1px 12px;
text-decoration: none;
font-weight: 500;
font-size: 100%;
_padding: 1px 8px 1px 8px;
}

/* és gris i si l'apunten canvia de color */
input.botoFons {
background-color: gray;
border: none;
color: white;
padding: 1px 12px 1px 12px;
text-decoration: none;
font-weight: 500;
font-size: 100%;
_padding: 1px 8px 1px 8px;
}

input.botoFons:hover {
background-color: white;
border: none;
color: #3892ac;
padding: 1px 12px 1px 12px;
text-decoration: none;
font-weight: 500;
font-size: 100%;
cursor: pointer;
_padding: 1px 8px 1px 8px;
}

input.botoStandard {
cursor: pointer;
font-weight: 500;
font-size: 90%;
padding: 1px 10px 1px 10px;
_font-weight: 400;
_padding: 1px 1px 1px 1px;
_height: 23px;
}

a.agraiments {
color: gray;
text-decoration: none;
font-weight: 600;
font-size: 100%;
}

a.agraiments:hover {
color: blue;
border-bottom: 1px solid gray;
text-decoration: none;
font-style: italic;
font-weight: 600;
font-size: 100%;
}

