#logo{
    display: block;
    margin: 0 auto;
    width: 143px;
    position: absolute;
    top:0px;
    left:50%;
    margin-left:-72px;

}

#logo2{
    display: block;
    margin: 0 auto;
    width: 100px;
    position: absolute;
    top:15px;
    left:0px;

}

#fons{
    
    white-space: nowrap;
    -webkit-animation: rightThenLeft 2s linear;
    -moz-animation: rightThenLeft 2s linear;
    -webkit-animation: rightThenLeft 2s linear;
    -o-animation: rightThenLeft 2s linear;

    animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;

    
    width: 1518px;
    height: 109px;
     position: absolute;
}

@keyframes rightThenLeft
{
    0%   {left: -20px;}
    50%  {left: 0px;}
    100% {left: -20px;}
}

@-moz-keyframes rightThenLeft /* Firefox */
{
    0%   {left: -20px;}
    50%  {left: 0px;}
    100% {left: -20px;}
}

@-webkit-keyframes rightThenLeft /* Safari and Chrome */
{
    0%   {left: -20px;}
    50%  {left: 0px;}
    100% {left: -20px;}
}

@-o-keyframes rightThenLeft /* Opera */
{
    0%   {left: -20px;}
    50%  {left: 0px;}
    100% {left: -20px;}
}


table{ border-collapse: collapse; /*margin:10px;*/ width:100%;}

td{ padding-top: 10px;}
td{ padding-bottom: 10px;}
td.label{ padding-left: 10px;}
.unitats{ padding-right: 10px;}
td.select{ padding-right: 10px;}
td.triple{ }
.descripcio{ color: #666; font-size: small; padding-left: 10px; padding-right: 10px; margin-top: 10px;}
 
h1{/*color:#FFF; text-shadow: 0 3px 0 #000000; display: inline-block;*/}

.gris{background-color:#ddd;}
.ratlla{border-bottom: 1px solid #999;}
.ratlla_sup{border-top: 1px solid #999;}

.titol{
    
    color: #497BAE;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px;
    padding-top: 0px;
    text-shadow: 1px 2px 3px #BBBBBB;
}

#frame2{
    background-color:#117EC1;
    font-family: Helvetica,Arial,sans-serif;
    background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;

    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #3E6790;    
    
    color:#fff;
    padding: 10px;
    padding-left: 100px;
    height: 79px;
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    left:0px;
    z-index: 9999;

}
#capcalera{ height: 101px; overflow: hidden;/*box-shadow:1px 1px 5px rgba(0, 0, 0, 0.8); */position: relative;}

.ui-header{
    border: 1px solid #456F9A;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    height: 101px;
}

#resultat{
    height: 79px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.ui-content { }


.ui-field-contain {
    margin: 0px !important;
    padding: 15px !important;
}

#reset{ margin-top: 30px;}

div.productes{ display: none;}

p.opcio_2{display: none;}

#div_dosificacio{margin-top: 20px; display: none;}

.padd{ padding: 10px;}

#div_regulacion{display: none;}

.pe{ padding-left: 10px;}