@charset "utf-8";
@media print {
    @page {
        size: landscape;
        width: 100%;
    }
    #capaMenus,
    #subMenuSuperior,
    #finestra1,
    #finestra2,
    #capaError,
    #sideMenu,
    #button_menuFlotant,
    #carregant,
    #userBox,
    #capaMantenerConectado,
    .menuOperacions,
    .noImprimir {
        display: none;
    }
    #llistat {
        width: 100%;
    }
    body.iframe {
        background: none;
    }
    body {
        background-image: none;
    }
    a {
        text-decoration: none !important;
    }
    /* td{
        white-space: nowrap;
        overflow: hidden;
    } */
    table {
        width: 100% !important;
    }
    .table th,
    .table td {
        padding: 0.1em;
    }
    .dreta {
        text-align: right;
    }
}


/* CSS Document */


/*PER DEFECTE*/


/*Colors Principals
border 769cba
texte 071d64
titol 6994B1
fons e0ecf6
color0 FFFFFF
color1 d5dade
*/


/* CAPES */

body.iframe {
    background: none;
}

body {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(imatges/fons_blau_ppal.jpg) repeat-x top;
}

#capaError {
    visibility: hidden;
    position: absolute;
    top: 300px;
    left: 40%;
    width: 200px;
    border: 2px solid #000000;
    background-color: #ff0000;
    color: #FFFFFF;
    height: 150px;
    z-index: 1000;
}

div#finestra1 {
    border: 2px solid #000000;
    visibility: hidden;
    top: 10px;
    left: 10px;
    margin: 0px;
    z-index: 4;
    background-color: #e0ecf6;
    float: left;
}

div#finestra2 {
    background-color: #FFFFFF;
    border: 2px solid #000000;
    visibility: hidden;
    top: 10px;
    left: 10px;
    z-index: 4;
    float: left;
}

div#carregant {
    position: absolute;
    color: #FFFFFF;
    text-align: center;
    font-size: 26px;
    visibility: hidden;
    top: 100px;
    left: 400px;
    z-index: 0;
    width: 300px;
}

div#dadesTraspas {
    border: 1px solid #FFFF00;
    min-height: 15px;
    width: 90%;
    background-color: #F0F0F0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
}

#historic {
    border: 1px solid #FFA000;
    min-height: 15px;
    width: 90%;
    background-color: #F0F0F0;
    visibility: hidden;
}

#capaMenus {
    float: left;
    width: 200px;
    border-right: 1px solid #DADADA;
    visibility: hidden;
}

#llistat {
    float: left;
    margin-left: 10px;
    position: absolute;
}

#login {
    float: right;
}


/* PAGINA */

.autenticacio {
    background-color: #FFFFFF;
}

.fonsColorit {
    background-color: #FFFFFF;
    padding: 5px;
}

.netejador {
    clear: both;
    overflow: hidden;
    height: 1px;
}

.capaTancar {
    text-align: right;
    background-color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
}

.imatgeProducte img {
    float: left;
    width: 100px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #CCCCCC;
    margin-right: 5px;
    margin-bottom: 5px;
}

.imatgeMarcaContenidor img {
    float: left;
    width: 100px;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #CCCCCC;
    margin-right: 5px;
    margin-bottom: 5px;
}


/* TEXTE */

h1 {
    font-size: 14px;
    color: #071d64;
    text-transform: uppercase;
    text-align: left;
}


/*h1:first-letter { color:#071D64; font-weight: bold; font-size:18px;}*/

h2 {
    font-size: 14px;
}

h2:first-letter {
    font-weight: bold;
    font-size: 16px;
}

.negreta {
    font-weight: bold;
}

.textDreta {
    text-align: right;
}

.textEsquerra {
    text-align: left;
}

.textPetit {
    font-size: 8pt;
    font-weight: normal;
}

.textCentre {
    text-align: center;
}


/*NOU MENU (Colors)*/

#capaMenus {
    float: left;
    margin-left: 5px;
    position: absolute;
    border: solid 1px #CCCCCC;
    background-color: #cee0ec;
    visibility: hidden;
}

.menusCapcalera ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    visibility: hidden;
}

.menusCapcalera li {
    list-style-type: none;
}

.menusCapcalera0 {
    background-image: url(imatges/fonsMenu.jpg);
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    padding-left: 5px;
    background-color: #FFFFFF;
    visibility: hidden;
    width: 0px;
}

.menusCapcalera1 {
    background-image: url(imatges/fonsMenu2.jpg);
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    padding-left: 5px;
    background-color: #FFFFFF;
    visibility: hidden;
    width: 0px;
}

.menus {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    width: 200px;
    visibility: hidden;
    width: 0px;
}

.menus a {
    color: #444444;
    padding-top: 5px;
    padding-bottom: 5px;
}

.menus a:hover {
    color: #000000;
}

.menus ul {
    padding: 0px 0px 0px 0px;
    margin: 0;
}

.menus li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
}

.subMenus {
    background-color: none;
    color: #000000;
    border: 0px solid #000000;
    border-top: 0px solid #000000;
    visibility: hidden;
    width: 0px;
}

.subMenus a {
    padding-left: 20px;
    color: #555555;
    background-image: url(imatges/fletxetaSubmen.gif);
    background-repeat: no-repeat;
    background-position: 0% 2px;
}

.aSubMenu {
    color: #000000;
}

.subMenus img {
    margin-right: 5px;
}

#logo {
    text-align: center;
    visibility: hidden;
}

#subMenuSuperior {
    width: 100%;
    height: 50px;
    visibility: hidden;
    width: 0px;
    height: 0px;
}

#subMenuSuperior ul {
    margin: 0;
    padding: 0;
}

#subMenuSuperior li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    background-color: #ffffff;
    color: #444444;
    font-weight: bold;
    border: solid 1px #acacac;
    width: 130px;
    height: 20px;
    padding: 8px 4px 2px 4px;
    margin-left: 10px;
    margin-top: 3px;
}

#subMenuSuperior li table {
    width: 130px;
    padding: 0;
    margin: 0;
    margin-top: -4px;
}

#subMenuSuperior li a {
    color: #333333;
    text-align: center;
}

#subMenuSuperior li:hover {
    background-color: #CCCCCC;
    color: #000000;
}

#subMenuSuperior li a img {
    float: left;
    position: relative;
    top: -5px;
    border: none;
}

.vertical {
    margin-top: 5px;
}


/*FORMULARIS (Colors) */

form {
    font-weight: bold;
    color: #333333;
    padding: 0px;
    margin: 0;
}


/*input{color:#000000; font-weight:normal; width:310px; border:1px solid #769cba; height:0px;}*/

form td {
    vertical-align: top;
}

select {
    border: none;
    width: 310px;
    font-size: 11pt;
}

input {
    font-size: 11pt;
}

input[type="text"] {
    border: none;
    color: #000000;
    font-weight: normal;
    width: 310px;
}

input[type="file"] {
    width: 210px;
}

textarea {
    border: 1px solid #769cba;
    width: 310px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    height: 100px;
}

input[type="password"] {}

input[type="submit"] {
    font-weight: bold;
    background-image: url(imatges/fons_botons.jpg);
    height: 20px;
    color: #FFFFFF;
}

input[type="button"] {
    font-weight: bold;
    height: 20px;
    color: #FFFFFF;
    background-color: #071d64;
    width: auto;
}

.titol input {
    width: 150px;
}

.titol select {
    width: 150px;
}

a.pestanya {
    color: #FFFFFF;
    background-color: #6994B1;
    border: solid 1px #333333;
    width: 120px;
    display: block;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.peu {
    background-color: #DEDEDE;
    padding: 5px;
}

.inputUnidades {
    width: 53px;
}

.inputImportes {
    width: 80px;
}

.textAreaComentariosContenido {
    border: 1px solid #769cba;
    width: 495px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    height: 130px;
}

.divComentarios {
    width: 180px;
}

.readonly {
    background-color: #e0ecf6;
}


/* LLISTATS (Colors) */


/*.titol{background-color:#81b1d2; height:25px; color:#FFFFFF; font-weight:bold; text-align:center; border:1px dotted #FFFFFF}*/

.dreta {
    text-align: right;
}

.esquerra {
    text-align: left;
}

.centrat {
    text-align: center;
}


/*.filtres .titol{background-color:#FFF;border-bottom:1px solid #666666; height:1px; }*/

.filtres td {
    border-bottom: 1px solid #666666;
    padding-left: 5px;
    height: 1px;
}

table {
    border-collapse: collapse;
}

.fletxetes {
    float: right;
    padding-right: 0px;
    visibility: hidden;
    height: 0;
}

.fletxetes img {
    text-align: right;
    padding-top: 6px;
}

.color0 {
    background-color: #FFFFFF;
    padding: 3px 5px 3px 5px;
    font-weight: normal;
}

.color1 {
    background-color: #d5dade;
    padding: 3px 5px 3px 5px;
    font-weight: normal
}

.color0 td {
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FFFFFF;
}

.color1 td {
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #d5dade;
}

.color2 {
    background-color: #F66;
    padding: 3px 5px 3px 5px;
    font-weight: normal;
}

.color3 {
    background-color: #F55;
    padding: 3px 5px 3px 5px;
    font-weight: normal
}

.color2 td {
    border-bottom: 1px dotted #CCCCCC;
}

.color3 td {
    border-bottom: 1px dotted #CCCCCC;
}

.colorTaronja {
    background-color: #F8E09A;
    padding: 3px 5px 3px 5px;
    font-weight: normal;
}


/*FITXA (Colors)*/

.titolFitxa {
    background-color: #e0ecf6;
    color: #071d64;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

h1.titolInterior {
    background-color: #6994B1;
    color: #FFF;
    padding-left: 5px;
}

h1.titolInterior:first-letter {
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

iframe {
    margin-left: 10px;
    width: 250px;
}


/* LINKS */

a {
    color: #565656;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #000000;
}

a.desconnectar {
    background: none;
    color: #990000;
    font-size: 11px;
}

a.desconnectar:hover {
    background: none;
    color: #990000;
    font-size: 11px;
}

a.eliminar {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/eliminar2.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #CC0000;
}

a:hover.eliminar {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/eliminar2.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

a.mail {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/mail.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #565656;
}

a:hover.mail {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/mail.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.bloquear {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/candado.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #565656;
}

a:hover.bloquear {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/candado.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.modificar {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    background-image: url(imatges/modificar.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #005080;
}

a:hover.modificar {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    background-image: url(imatges/modificar.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #005080;
    text-decoration: none;
}

a.modificarDreta {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    background-image: url(imatges/modificar.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 18px;
    font-weight: bold;
    color: #005080;
    float: right;
}

a:hover.modificarDreta {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    background-image: url(imatges/modificar.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 18px;
    font-weight: bold;
    color: #005080;
    text-decoration: none;
    float: right;
}

a.afegir {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/afegir.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #005080;
}

a:hover.afegir {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/afegir.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #4f691c;
    text-decoration: none;
}

a.calendar {
    display: inline-block;
    background-image: url(imatges/calendar.png);
    background-repeat: no-repeat;
    font-weight: bold;
    color: #CC0000;
    height: 18px;
    width: 21px;
}

a.afegirFoto {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/foto_icon.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    font-weight: bold;
    color: #999999;
}

a:hover.afegirFoto {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/foto_icon.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    font-weight: bold;
    color: #4f691c;
    text-decoration: none;
}

a.eliminarFoto {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/foto_icon.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    font-weight: bold;
    color: #999999;
}

a.tancar {
    margin-right: 5px;
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/cerrar_x.gif);
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 20px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 12px;
}

a:hover.tancar {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-image: url(imatges/cerrar_x.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 20px;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

a.ver_pdf {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    background-image: url(imatges/pdf_icon.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #999999;
}

a:hover.ver_pdf {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    background-image: url(imatges/pdf_icon.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

a:hover.pdf {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    background-image: url(imatges/pdf_icon.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #999999;
}

a.pdf {
    display: inline-block;
    height: 16px;
    overflow: hidden;
    background-image: url(imatges/pdf_icon.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 18px;
    font-weight: bold;
    color: #4F691C;
    text-decoration: none;
}


/*CALENDARI*/

#calendari {
    width: 230px;
    margin: 0 auto;
    margin-top: 20px;
}

#calendari td {
    width: 29px;
    height: 29px;
}

#calendari td.dia {
    background-image: url(imatges/fons_dia.jpg);
    background-repeat: no-repeat;
    text-align: center
}

#calendari td.diaActual {
    background-image: url(imatges/fons_dia_select.jpg);
    background-repeat: no-repeat;
    text-align: center;
}

.dia a {
    padding: 5px;
}

.diaActual a {
    color: #990000;
    padding: 5px;
}

#calendari .dies td {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.boton {
    float: left;
    width: 100%;
    padding: 5px;
    background-color: #DADADA;
    color: #000000;
    font-weight: bold;
    clear: both;
}

.destinataris {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.destinataris li {
    float: left;
    list-style: none;
    margin-left: 2px;
}

.destinataris li a {
    padding: 5px;
    float: left;
    background-color: #CFD5DE;
    color: #000;
    font-weight: normal;
    font-size: 11px;
}

.destinataris li a:hover {
    padding: 5px;
    float: left;
    background-color: #BFD7C0;
    color: #000;
    font-weight: normal;
    font-size: 11px;
}

.destinataris li.selected a {
    padding: 5px;
    float: left;
    background-color: #063;
    color: #FFF;
    font-weight: normal;
    font-size: 11px;
}

.destinataris li.selected a:hover {
    padding: 5px;
    float: left;
    background-color: #BFD7C0;
    color: #000;
    font-weight: normal;
    font-size: 11px;
}

.blanc {
    background-color: #FFFFFF;
    border: 0px solid #ffffff;
}

.ticket {
    font-size: 10pt;
    width: 268px;
}

.saltPagina {
    page-break-after: always
}

;
.margenesTicket {
    padding: 10px;
}

.ticket p {
    margin: 2px;
    padding: 0;
}

.capcaTicket {
    text-align: center;
}

.limitatTicket {
    width: 150px;
    overflow: hidden;
}

.ampladaT {
    width: 130px;
}

.ampladaT1 {
    width: 150px;
}

.ampladaT2 {
    width: 50px;
}

.ampladaT3 {
    width: 50pt;
}

.peuTicket {
    font-size: 9pt;
}

.precioVale {
    text-align: center;
    font-size: 14px;
}

.fechaVale {
    text-align: left;
    font-size: 12px;
}

.codigoVale {
    text-align: center;
    font-size: 12px;
    margin-left: 20px;
}

.imagenCodigoVale {
    width: 230px;
}

.noPrint {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.noPrint select {
    height: 0;
    visibility: hidden;
}

.noPrint img {
    height: 0;
    visibility: hidden;
}

.noPrint a {
    height: 0;
    visibility: hidden;
}

td.titol input {
    visibility: hidden;
    height: 0;
}

td.titol select {
    visibility: hidden;
    height: 0;
}

table.taulaResultats {
    padding: 0;
    margin-top: -30px;
}

.invisible {
    height: 0;
    visibility: hidden;
}

table.resultats td {
    border: solid 1px #CCCCCC;
}

td.titol {
    background-color: #444444;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px;
}