BODY{ background-image: url('img/fons.gif'); font-family: "Trebuchet MS"; font-size:12px; width:100%;}
.cap{ height: 119px; overflow: hidden; background-image: url('img/cap.jpg'); width:100%; border-bottom: 2px solid #8d8e90;}
.error{ color:#FF0000; margin-top:3px;}

/* LOGIN */
.logoPic{ margin-top:30px; height: 58px; width:125px; display:block; margin:0 auto; background-image: url('img/logo.png');}
.login_cos{ margin: 0 auto; width:300px; margin-top:30px; }
.login_cos LABEL{ color:#FFF; width:100px; display: block; float: left; cursor: pointer; font-size:20px; padding-top: 1px}
.login_cos .inputs{ border:1px solid #F4F4F4; }
.login_cos .boto{}
.peu{ color:#FFF; text-align: center; font-size:15px; font-weight: bold;}

#boxRecuperar{ margin-top: 10px; overflow: hidden;}
#boxRecuperarForm{ overflow: hidden; height:0px;}
.recuperar{ display:block; color:#9f1721; text-decoration:none;  padding-bottom:2px; }

/* CONTINGUT */
.menu{ margin: 70px 0 0 150px; min-width: 770px;}
.menu LI{ display: inline; margin-left: 10px;}


.contingut{ background-color:#f7f6f4; padding: 20px;}

.extreure{ float:right; overflow: hidden; border: 1px solid #d3d3d3; background-color:#ededed; padding: 2px}

.menuConfig{ margin:0 auto; width:200px; overflow: hidden;}
.menuConfig2{ margin:0 auto; width:590px; overflow: hidden;}
.menuConfig LI{ display:inline; margin-right:25px; padding-bottom:20px;}
.menuConfig LI A{ width:140px; margin-bottom:5px; font-size:14px;}
.icoZones{ display:block; float:left; width:18px; height:18px; background:url(img/map.png) no-repeat; margin: 0 auto; margin-right:5px;}
.icoPaymen{ display:block; float:left; width:18px; height:18px; background:url(img/shop.png) no-repeat; margin: 0 auto; margin-right:5px; }
.icoReports{ display:block; float:left; width:18px; height:18px; background:url(img/report.png) no-repeat; margin: 0 auto; margin-right:5px; }
.icoCalidad{ display:block; float:left; width:18px; height:18px; background:url(img/calidad.png) no-repeat; margin: 0 auto; margin-right:5px;}
.icoMarca{ display:block; float:left; width:18px; height:18px; background:url(img/marca.png) no-repeat; margin: 0 auto;  margin-right:5px;}
.icoProv{ display:block; float:left; width:18px; height:18px;  background:url(img/prov.png) no-repeat; margin:0 auto;  margin-right:5px;}
.icoUser{ display: block; float:left; width:18px; height:18px; background:url(img/user.png) no-repeat; margin: 0 auto; margin-right:5px;}


@media print {
  body{ background:none !important;}
  .contingut{ background:none !important;}
  .cap{ display:none !important;}
  .peu{ display:none !important;}
  .edit_button{display:none !important;}
  .delete_button{ display:none !important;}
  .fg-toolbar{ display:none !important;}
  .actions { display:none !important;}
}

.botoHome{ background-image:url('img/home.png'); width:32px; height:32px;}

/* taula calendari */
.taulaCalendari{ margin:0 auto; margin-top:25px;}
.titol{ font-size:24px; padding-bottom:10px; color:#d31b1b;}
.dies{ padding:10px 0px 10px 0px; text-align:center; width:90px; font-weight:bold; border-bottom:1px solid #1d1d1d;}
.diaNormal{ text-align:center; padding:10px 0 10px 0;}
.navegacio{ text-decoration:none; font-weight:bold; font-size:16px; color:#d31b1b;}
.navegacio:hover{ text-decoration:underline;}

.highlight{ color:#27bc4c !important; font-weight:bold;}
.dadesSenyalades{ background-color:#fff3a0;}
.linkConten{ font-weight:bold; text-decoration:none; color:#d31b1b;}
.linkContenAvui{ font-weight:bold; text-decoration:none; color:#d31b1b; background-color:#d2f4d8;}

.nota{margin-top:5px; min-height:40px; }
.nota a{ text-decoration:none !important; color:#1d1d1d; padding-bottom:5px;}
.nota a:hover{ text-decoration:underline !important;}
.inpEquip{ width:65px !important; margin:0 25px 0 10px;}
.espai{ overflow:hidden; margin-left:200px; float:left; margin-top:5px; }
.itemsEquips{ float:left; margin-top:5px;}
.formInp{ padding:15px; border:1px solid #ccd5de; margin-right:20px; color:#605e5f;}
.formInp P{ margin:5px 0 5px 0;}
.formInp LEGEND{ color:#ccd5de; padding:0 5px 0 5px; font-weight:bold;}

.formInp2{ padding:15px; width:560px; margin-bottom:20px; border:1px solid #ccd5de; margin-right:20px; color:#605e5f;}
.formInp2 P{ margin:5px 0 5px 0;}
.formInp2 LEGEND{ color:#ccd5de; padding:0 5px 0 5px; font-weight:bold;}
.boxFiltre{ float:left; width:230px;}
.boxFiltreBoto{ float:left; width:100px; padding-top:20px;}


.espai2{ float:left; width:570px; overflow:hidden; clear:both; margin-top:20px; padding-bottom:10px; border-bottom:2px dashed #ededed; }
.espai3{ float:left; width:580px; overflow:hidden; clear:both; margin-top:20px; padding-bottom:10px; border-bottom:2px dashed #FFFFFF; }
.inpTitol{ width:500px !important; margin-left:5px; }
.divTitol{ overflow:hidden; width:100%;}
.dibFecha{ overflow:hidden; width:100%; margin:10px 0 10px 0;}
.divTxtOferta{ overflow:hidden; width:600px;}
.fecha{ margin:0 15px 0 5px;}
.marca{}
.txtQualitat{ overflow:hidden; width:600px; margin:5px 0 5px 0; }
.txtOferta{ width:555px; height:150px; margin-top:5px;}
.notaData{ font-size:10px; margin-right:10px;}
.fontSmall{ font-family:12px;}
.espaiDin{ margin-top:10px;}
.comentario{ display:block; margin-bottom:5px;}

#datepicker DIV, #datepicker, #datepicker  TABLE, #ui-datepicker-div{ width:225px !important; background-color:#FFF; overflow:hidden;}
/*
#datepicker ui-datepicker-inline, 
#datepicker ui-datepicker, 
#datepicker ui-widget, 
#datepicker ui-widget-content,  
#datepicker ui-helper-clearfix,  
#datepicker ui-corner-all, 
*/