/* Popup container */ /* Popup container - can be anything you want */ table.recepta{ border-collapse: collapse; } table.recepta td{ position: relative; min-width: 800px; min-height: 200px; border: 2px dashed #4e8ed3; } table.recepta textarea { display: block; border: 1px solid #000; /*position: absolute; top: 0; right: 0; bottom: 0; left: 0;*/ height: 100%; resize: vertical; min-width: 800px; min-height: 200px; } pre.subcadena.seleccionada { font-size:14px; border-witdh:2px; color:#blue; background-color:#0000ff; border-color:#aa99ff; table-layout:fixed; width:270px; } .popup { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { visibility: hidden; width: 160px; background-color: #ffff00; color: #0000ff; text-align: center; border-radius: 6px; padding: 8px 0; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -120px; } /* Popup arrow */ .popup .popuptext::after { content: ' '; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @-webkit-keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} } @keyframes fadeIn { from {opacity: 0;} to {opacity:1 ;} } @keyframes fadeOut { from {opacity: 1;} to {opacity:0 ;} } table.calendarianual{ width:35%; font-family: sans-serif; font-size:14px; font-weight:bold; color:#ff0099; border-width: 2px; border-color: #0099ff; margin-left:auto; margin-right:auto; } table.calendarianual td.festa { font-size:14px; border-witdh:2px; background-color:#ff0033; border-color:#999999; color:#661188 } table.calendarianual td { font-size:14px; border-witdh:2px; background-color:#ffee22; border-color:#999999; color:#661188; text-align:center; } table.calendarianual td.sortida { font-size:14px; border-witdh:2px; background-color:#f09933; border-color:#999999; color:#661188; text-align: center; } table.calendarianual td.permis { font-size:14px; border-witdh:2px; background-color:#0000ff; border-color:#999999; color:#ffff66; text-align:center; } table.calendarianual th{ border:1px; font-size:14px; background-color:#ff5500; border-color:#999999; border-witdh:2px; } table.calendarianual th.mes{ border:1px; font-size:14px; color:#003399; background-color:#fffff0; border-color:#999999; border-witdh:1px; } .ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit { background-color: #f0ba26; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #eee; font-weight: 700; } a{ font-size: 20px; font-family: Arial, Helvetica, serif; } label:hover, label:active, input:hover+label, input:active+label { background:yellow; } input#paperera{ background: url('paperera.jpg') 0 0 transparent no-repeat; width: 28px; height: 28px; color: transparent; } petita{ font-size: 10px; font-family: Arial, Helvetica, serif; } h1{ text-shadow: 5px 5px 5px #FF0000; font-size:22px; } h2{ color: #3169a6; font-size:18px; } h3{ color: #3169a6; font-size:9px; } h6{ color: #3169a6; font-size:12px; } h8{ background:#e58932; font-size:12px; color:white; font-weight: bold; } a:link {font-size:17px;color:#cc0000;} /* unvisited link */ a:visited {color:#cc0000;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */ div.logo{ background-image: url(fonsgroc.jpg); } #footer{ clear:both; position:relative; height:20px; width:100%; background-color:#f0c911; bottom:0; } button.festiu{ background-color:#ffff00; color:#ffff33; } .gros{ -moz-box-shadow:inset 0px 1px 11px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 11px 0px #97c4fe; box-shadow:inset 0px 1px 11px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#ffff00; color:yellow; font-size:80px; } .anual { -moz-box-shadow:inset 0px 1px 11px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 11px 0px #97c4fe; box-shadow:inset 0px 1px 11px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #337fed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:normal; font-style:normal; height:19px; line-height:19px; width:29px; text-decoration:none; text-align:center; text-shadow:-26px 2px 0px #1570cd; } .anualnodeures { -moz-box-shadow:inset 0px 1px 11px 0px #e6ffcc; -webkit-box-shadow:inset 0px 1px 11px 0px #e6ffcc; box-shadow:inset 0px 1px 11px 0px #e6ffcc; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6ffcc), color-stop(1, #80ff00) ); background:-moz-linear-gradient( center top, #e6ffcc 5%, #80ff00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffcc', endColorstr='#80ff00'); background-color:#e6ffcc; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #4d9900; display:inline-block; color:blue; font-family:Arial; font-size:15px; font-weight:normal; font-style:normal; height:19px; line-height:19px; width:29px; text-decoration:none; text-align:center; text-shadow:-26px 2px 0px #1570cd; } .anual:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; }.anual:active { position:relative; top:1px; } .anual2 { -moz-box-shadow:inset 0px 1px 11px 0px #d197fe; -webkit-box-shadow:inset 0px 1px 11px 0px #d197fe; box-shadow:inset 0px 1px 11px 0px #d197fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) ); background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb'); background-color:#a53df6; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0; border:1px solid #9c33ed; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:normal; font-style:normal; height:19px; line-height:19px; width:29px; text-decoration:none; text-align:center; text-shadow:-26px 2px 0px #7d15cd; } .anual2:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) ); background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6'); background-color:#7c16cb; }.anual2:active { position:relative; top:1px; } .aaa { -moz-box-shadow:inset 0px 1px 0px 0px #FFFF6C; -webkit-box-shadow:inset 0px 1px 0px 0px #FFFF6C; box-shadow:inset 0px 1px 0px 0px #FFFF6C; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFFF6C), color-stop(1, #E6E600)); background:-moz-linear-gradient(top, #FFFF6C 5%, #E6E600 100%); background:-webkit-linear-gradient(top, #FFFF6C 5%, #E6E600 100%); background:-o-linear-gradient(top, #FFFF6C 5%, #E6E600 100%); background:-ms-linear-gradient(top, #FFFF6C 5%, #E6E600 100%); background:linear-gradient(to bottom, #e6e600 5%, #63b8ee 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF6C', endColorstr='#E6E600',GradientType=0); background-color:#FFFF6C; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #3866a3; display:inline-block; color:#000000; font-family:arial; text-align:center; font-size:14px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:0px 1px 0px #7cacde; } .imprimir { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf)); background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0); background-color:#63b8ee; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #3866a3; display:inline-block; color:#ffff33; font-family:arial; font-size:14px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:0px 1px 0px #7cacde; } .imprimir2 { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf)); background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%); background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0); background-color:#63b8ee; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #3866a3; display:inline-block; color:#ffff33; font-family:arial; font-size:14px; font-weight:bold; padding:2px 10px; text-decoration:none; height:100px; width:155px; text-shadow:0px 1px 0px #7cacde; } .imprimir2:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee)); background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0); background-color:#468ccf; } .imprimir2:active { background-color: #468ccf; box-shadow: 0 5px #666; transform: translateY(4px); } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee)); background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0); background-color:#468ccf; } .imprimir3 { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff1a1a), color-stop(1, #cc0000)); background:-moz-linear-gradient(top, #ff1a1a 5%, #cc0000 100%); background:-webkit-linear-gradient(top, #ff1a1a 5%, #cc0000 100%); background:-o-linear-gradient(top, #ff1a1a 5%, #cc0000 100%); background:-ms-linear-gradient(top, #ff1a1a 5%, #cc0000 100%); background:linear-gradient(to bottom, #ff1a1a 5%, #cc0000 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a1a', endColorstr='#cc0000',GradientType=0); background-color:#ff1a1a; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #3866a3; display:inline-block; color:#ffff33; font-family:arial; font-size:14px; font-weight:bold; padding:2px 10px; text-decoration:none; height:100px; width:155px; text-shadow:0px 1px 0px #7cacde; } .imprimir3:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cc0000), color-stop(1, #ff1a1a)); background:-moz-linear-gradient(top, #cc0000 5%, #ff1a1a 100%); background:-webkit-linear-gradient(top, #cc0000 5%, #ff1a1a 100%); background:-o-linear-gradient(top, #cc0000 5%, #ff1a1a 100%); background:-ms-linear-gradient(top, #cc0000 5%, #ff1a1a 100%); background:linear-gradient(to bottom, #cc0000 5%, #ff1a1a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#ff1a1a',GradientType=0); background-color:#cc0000; } .imprimir3:active { background-color: #468ccf; box-shadow: 0 5px #666; transform: translateY(4px); } .myButton:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee)); background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%); background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0); background-color:#468ccf; } .myButton:active { position:relative; top:1px; } .myButton { -moz-box-shadow: 3px 4px 0px 0px #284470; -webkit-box-shadow: 3px 4px 0px 0px #284470; box-shadow: 3px 4px 0px 0px #284470; background-color:#415989; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; border:1px solid #1f2f47; display:inline-block; color:#ffffff; font-family:arial; font-size:10px; font-weight:normal; padding:4px 10px; text-decoration:none; text-shadow:0px 1px 0px #263666; } .myButtonINF { -moz-box-shadow: 3px 4px 0px 0px #284470; -webkit-box-shadow: 3px 4px 0px 0px #284470; box-shadow: 3px 4px 0px 0px #284470; background-color:#FF9999; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; border:1px solid #1f2f47; display:inline-block; color:#0000ff; font-family:arial; font-size:10px; font-weight:normal; padding:4px 10px; text-decoration:none; text-shadow:0px 1px 0px #263666; } .myButton:hover { background-color:#516ca3; } .myButton:active { position:relative; top:1px; } .myButtonINF:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF6666), color-stop(1, #CC0000)); background:-moz-linear-gradient(top, #FF6666 5%, #CC0000 100%); background:-webkit-linear-gradient(top, #FF6666 5%, #CC0000 100%); background:-o-linear-gradient(top, #4FF6666 5%, #CC0000 100%); background:-ms-linear-gradient(top, #FF6666 5%, #CC0000 100%); background:linear-gradient(to bottom, #FF6666 5%, #CC0000 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0); background-color:#468ccf; } button.botogeneric{ -moz-box-shadow:inset 1px -1px 9px -42px #f9eca0; -webkit-box-shadow:inset 1px -1px 9px -42px #f9eca0; box-shadow:inset 1px -1px 9px -42px #f9eca0; background-color:#f0c911; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; color:#c92200; font-family:arial; font-size:15px; font-weight:bold; padding:5px 10px; text-decoration:none; text-shadow:1px 0px 0px #ded17c; }.botogeneric:hover { background-color:#f2ab1e; }.botogeneric:active { position:relative; top:1px; } table.capcalera { border:0px; font-size:10px; border-collapse: collapse; margin-left:auto; margin-right:auto; margin-top:15px; } table.capcaleramobil { border:0px; font-size:20px; border-collapse: collapse; margin-left:auto; margin-right:auto; margin-top:20px; width:30%; } table.capcaleramobil.td { border:0px; font-size:10px; border-collapse: collapse; margin-left:auto; margin-right:auto; } div.menugener2 { border:0px; font-size:14px; border-collapse: collapse; margin-top:5px; margin-left:1%; margin-right:1%; } div.menugener7 { border:0px; border-collapse: collapse; margin-top:300px; margin-left:1%; margin-right:1%; } div.cap { margin-top:50px; } div.menugener3 { border:0px; font-size:14px; border-collapse: collapse; margin-top:0px; } div.menugener4 { border:0px; font-size:14px; border-collapse: collapse; margin-top:300px; } table.posadeures { font-family: sans-serif; font-size:9px; font-weight:bold; color:#ff0099; border-width: 1px; border-color: #00000000; margin-left:auto; margin-right:auto; width:65%; } table.posadeures th{ border:2px; font-size:12px; background-color:#0066ff; border-color:#aa99ff; border-witdh:2px; color:#ffffff; } table.posadeures td.senar { font-size:9px; color:#0000ff; background-color:#fffccc; table-layout:fixed; } table.posadeures td.senar1 { font-size:12px; color:#0000ff; background-color:#fffccc; table-layout:fixed; } table.posadeures th.titol{ border:3px; font-size:11px; background-color:#0066ff; border-color:#aa99ff; color:#c8d3e3; width:20px; table-layout:fixed; } table.posadeures th.titol3{ border:3px; font-size:12px; background-color:#07172e; border-color:#aa99ff; color:#d875aa; width:20px; table-layout:fixed; } table.posadeures td { color:#0000ff; font-weight:bold; font-size:9px; background-color:#fffffff; border-color:#000000; text-align: left; } table.posadeures td.parell1 { font-weight:bold; font-size:12px; color:#0000ff; background-color:#ffe99f; text-align: left; } table.posadeures td.parell { font-weight:bold; font-size:12px; color:#0000ff; background-color:#ffe99f; text-align: left; } table.posadeures td.sancio { color:#ffffcc; font-weight:bold; font-size:10px; border-witdh:2px; background-color:#ff0033; border-color:#aa99ff; } table.posadeures td.parellalumne { font-size:11px; color:#0000ff; background-color:#ffe99f; border: 1px solid black; width:270px; table-layout:fixed; vertical-align: top; } table.posadeures td.senaralumne { font-size:11px; color:#0000ff; border: 1px solid ; border-color:#6603ff; background-color:#bee2f9; width:270px; table-layout:fixed; vertical-align: top; } table.posadeures td.alumne { font-size:10px; border-witdh:2px; color:#ffff00; background-color:#0000ff; border-color:#aa99ff; table-layout:fixed; width:270px; } table.variables { font-family: arial; font-size:14px; color:#ff0099; margin-left:auto; margin-right:auto; width:100%; border-witdh:2px; border-color:#000000; } table.variables td.transparent{ font-size:13px; color:#000000; font-family: arial; font-weight: bold; text-align: center; } table.variables td.parell{ background-color: #ffcccc; font-size:13px; color:#000000; font-family: arial; font-weight: bold; border-width:2px; text-align: left; border-style:solid; border-color:#ff0000 #0000ff; } table.variables td.senar{ background-color: #ccffcc; font-size:13px; color:#000000; font-family: arial; font-weight: bold; border-width:2px; text-align: left; border-style:solid; border-color:#ff0000 #0000ff; } table.variables td.alumnes{ background-color: #3333ff; font-size:11px; color:#ffffff; width:20%; font-family: arial; font-weight: bold; border-width:2px; text-align: left; border-color:#ffff99; background-color:#6699ff; } table.variables th{ background-color: #33ffff; border:1px; font-size:11px; color:#ff2200; text-align: center; border-color:#aa99ff; border-witdh:2px; } table.variables th.programacio{ background-color: #ffe066; border:1px; font-size:12px; color:#0000ff; text-align: center; border-color:#aa99ff; border-witdh:2px; } table.variables th.color1 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#ffcc99; border-color:#aa99ff; } table.variables th.color2 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#ffccff; border-color:#aa99ff; } table.variables th.color3 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#ffffcc; border-color:#aa99ff; } table.variables th.color4 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#ccffff; border-color:#aa99ff; } table.variables th.color5 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#FF6666; border-color:#aa99ff; } table.variables th.color6 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#C2A3FF; border-color:#aa99ff; } table.variables th.color7 { color:#0000ff; font-weight:bold; font-size:12px; border-witdh:2px; text-align:center; background-color:#B8DB4D; border-color:#aa99ff; } table.menugener { border:0px; font-size:13px; border-collapse: collapse; margin-top:10px; } table.menugener td { border:1px; padding:0px; background-color:#ffdd22; border-style: solid; border-color: #000000; font-size:18px; } table.menugener td.pendent { border:0px; padding:0px; font-size:18px; font-weight: bold; background-color:#ff0022; color:#ffff00; } table.menugener button{ display:block; float:left; color: #900; font-weight: bold; font-size: 14px; border:0px; padding:0px; background-color: #900; } table.cistella { font-family: sans-serif; font-size:12px; font-weight:bold; color:#000000; border-width: 2px; border-color: #ff000; } table.cistella td { border:0px; font-size:12px; background-color: #f4ddc5; } table.cistella td.nocolor { border:0px; font-size:12px; background-color: #ffffff; } table.cistella td.error { border:0px; font-size:12px; color:#3169a6; background-color: #d8f9be; } table.cistella td.gran { border:0px; font-size:16px; background-color: #f4ddc5; } table.cistella td.total { border:0px; font-size:14px; background-color:#ffdd22; text-align: center; } table.cistella td.descriprod { border:0px; font-size:14px; background-color: #f4ddc5; text-align: center; } table.cistella th{ border:0px; font-size:14px; background-color:#ffaa00; } table.cistella th.gran{ border:0px; font-size:20px; background-color:#ffaa00; } table.cistella th.acasa{ border:0px; font-size:16px; background-color:#bee2f9; } table.cistella th.panet{ border:0px; font-size:16px; background-color:#F0C46C; } table.cistella th.capcistella{ border:0px; font-size:14px; background-color:#e58932; width:20%; } table.cistella th.capcistella2{ border:0px; font-size:14px; background-color:#e58932; width:30%; } table.cistella th.capcistella3{ border:0px; font-size:14px; background-color:#e58932; width:4%; } table.producte td { border:0px; font-size:11px; background-color:#99ffff; } table.producte { border:0px; font-size:11px; } table.producte td { border:0px; font-size:11px; background-color:#99ffff; } table.client { border:0px; font-size:11px; } table.client td { border:0px; font-size:11px; background-color:#ffffff; align:left; } table.prepcistella { font-family: arial; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; width:90%; } table.prepcistella th { border-width: 1px; padding: 2px; border-style: solid; border-color: #000000; background-color: #0033ff; font-size:12px; color:#ffffff; font-family: arial; font-weight: bold; } table.prepcistella td { border-width: 1px; padding: 2px; font-size:11px; border-style: solid; border-color: #000000; font-family: arial; font-weight: bold; text-align: center; } table.prepcistella td.gene { background-color: #008B45; color:#ffffff; } table.prepcistella td.fruita { background-color: #ff9933; color:#000000; } table.prepcistella td.forn { background-color: #ffff66; color:#000000; } table.prepcistella td.horta{ background-color: #99cc00; color:#000000; } table.prepcistella td.farines{ background-color: #ffcc99; color:#000000; } table.prepcistella td.Cereals{ background-color: #ffcc00; color:#000000; } table.prepcistella td.productes{ background-color: #3399ff; color:#000000; } table.generics { font-family: sans-serif; font-size:10px; color:white; white-space:pre-wrap; word-wrap:break-word; vertical-align: text-top; } table.generics td.preus { font-family: sans-serif; color: #3169a6; font-size:13px; font-weight: bold; white-space:pre-wrap; word-wrap:break-word; vertical-align: text-top; } table.generics td.bot{ } table.comanda_mobil { font-family: sans-serif; font-size:9px; color:#333333; border-width: 1px; border-color: #ffff00; border-collapse: collapse; width:98%; margin-left:auto; margin-right:auto; } table.comanda_mobil th { height:15px; border-width: 0px; padding: 8px; border-color: #ff0000; background-color: #f0ba26; font-size:24px; color:#ffffff; font-family: Serif; font-weight: bold; } table.comanda_mobil td { border-style:solid; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:1px; border-color: #ff0000; font-family: sSerif; text-align: center; font-size:12px; } table.comanda_mobil td.gene { background-color:#e58932; color:#ffffff; font-size:24px; } table.comanda_mobil td.menu { border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border: 1px solid black; font-weight: bold; border-color:#3169a6; color:#3169a6; font-family: Verdana; width:50%; text-align: left; font-size:14px; vertical-align: middle; } table.comanda_mobil td.segon { border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border: 1px solid black; font-weight: bold; border-color:#3169a6; color:#3169a6; font-family: Verdana; width:50%; text-align: left; font-size:14px; vertical-align: middle; background-color:#f0f088; } table.comanda_mobil td.tercer { border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border: 1px solid black; font-weight: bold; border-color:#3169a6; color:#3169a6; font-family: Verdana; width:50%; text-align: left; font-size:14px; vertical-align: middle; background-color:#f7b3b3; } table.comanda { font-family: sans-serif; font-size:9px; color:#333333; border-width: 2px; border-color: #0000ff; border: 1px solid black; border-collapse: collapse; width:70%; } table.comanda th { height:15px; border-width: 0px; padding: 8px; border-color: #ff0000; background-color: #f0ba26; font-size:24px; color:#ffffff; font-family: Serif; font-weight: bold; } table.comanda th.lateral { height:15px; border-width: 0px; padding: 8px; border-color: #ff0000; background-color: #ffaa00; font-size:14px; color:#ffffff; font-family: Serif; font-weight: bold; } table.comanda td { border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border: 1px solid black; border-color:#0000ff; font-family: sSerif; /*width:35%;*/ text-align: center; font-size:12px; } table.comanda td.menu { border-style:solid; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; border: 1px solid black; font-weight: bold; border-color:#3169a6; color:#3169a6; font-family: Verdana; width:50%; text-align: left; font-size:14px; vertical-align: middle; background-color: #ffffff; } table.comanda td.gene { background-color:#e58932; color:#ffffff; font-size:24px; } table.comanda td.nobox { background-color: #ffffff; border: 0px; font-size:24px; } table.gestiocomanda { width:90%; align:left; font-family: sans-serif; font-size:9px; color:#333333; border-width: 1px; border-color: #ffff00; border-collapse: collapse; } table.gestiocomanda th { height:10px; border-width: 0px; padding: 3px; border-style: solid; border-color: #ff0000; background-color: #3333ff; font-size:9px; color:#ffffff; font-family: Serif; font-weight: bold; } table.gestiocomanda th.dos { height:10px; border-width: 0px; padding: 3px; border-style: solid; border-color: #ff0000; background-color: #3d94f6; text-align: right; font-size:9px; color:#ffffff; font-family: Serif; font-weight: bold; } table.gestiocomanda th.tres { height:10px; border-width: 0px; padding: 3px; border-style: solid; border-color: #ff0000; background-color: #ab1515; text-align: right; font-size:13px; color:#ffffff; font-family: Serif; font-weight: bold; } table.gestiocomanda th.comentari { border-width: 0px; padding: 3px; border-style: solid; border-color: #ff0000; background-color: #e6ffcc; font-size:20px; color:#000000; font-family: Serif; font-weight: bold; } table.gestiocomanda td { border-width: 0px; border-bottom: 1px solid #999; padding: 3px; border-color: #ff0000; font-family: sSerif; font-weight: bold; text-align: left; font-size:15px; height:2px; } table.gestiocomanda td.gene { background-color: #00cc00; color:#ffffff; font-size:24px; } table.gestiocomanda td.nobox { background-color: #ffffff; border: 0px; font-size:24px; } table.gestiocomanda2 { width:25%; align:right; font-family: sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #ffff00; border-collapse: collapse; float:left; } #delete { background-color: #ffffff; font-size: 100%;color: rgba(0, 0, 0, 0); padding: 0px; font-weight: bold; background-image:url(delete.png);background-repeat:no-repeat; background-position:center;} #brossa{ background-color: #ffffff; font-size: 170%;color: rgba(250, 175, 0, 0); padding: 0px; font-weight: bold; background-image:url(paperera.jpg);background-repeat:no-repeat; background-position:center;} #enrera { background-color: #ffffff; font-size: 100%;color: rgba(0, 0, 0, 0); padding: 20px; font-weight: bold; background-image:url(enrera.jpg);background-repeat:no-repeat; background-position:center;} #seguent { background-color: #ffffff; font-size: 100%;color: rgba(0, 0, 0, 0); padding: 20px; font-weight: bold; background-image:url(seguent.jpg);background-repeat:no-repeat; background-position:center;} #sortir { background-color: #f4ddc5; font-size: 100%; padding: 20px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(porta.gif);background-repeat:no-repeat; background-position:center;} #impressora { background-color: #ffffff; font-size: 100%; padding: 40px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(impressora.jpg);background-repeat:no-repeat; background-position:center;} #comandapagesa { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(comandapagesa.jpg);background-repeat:no-repeat; background-position:center;} #comandaalquimia { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(comandaalquimia.jpg);background-repeat:no-repeat; background-position:center;} #consultacomandaclient { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(historiccompra.png);background-repeat:no-repeat; background-position:center;} #comandarebost { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(comandarebost.jpg);background-repeat:no-repeat; background-position:center;} #comandaartesana { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(comandaartesana.jpg);background-repeat:no-repeat; background-position:center;} #comandaclient { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(client.png);background-repeat:no-repeat; background-position:center;} #buidarcistella { background-color:#f0c911; font-size: 20%; padding: 25px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(buidarcistella2.jpg);background-repeat:no-repeat; background-position:center;} #omplircistella { background-color:#f0c911; font-size: 20%; padding: 25px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(omplircistella.jpg);background-repeat:no-repeat; background-position:center;} #llistarfisio { background-color: #ffffff; font-size: 100%; padding: 30px; font-weight: bold;color: rgba(0, 0, 0, 0); background-image:url(llistarfisio.jpg);background-repeat:no-repeat; background-position:center;} #cellatitolgran2 { background-color: blue; text-align:left; font-weight: bold; color:yellow; font-family:"Lucida Console"; font-size:1em; } #cellatitolgran { background-color: blue; text-align:left; font-weight: bold; color:yellow; font-family:"Lucida Console"; font-size:1.5em; } #numero { background-color: red; text-align:center; font-weight: bold; color:white; font-family:"Lucida Console"; font-size:1.5em; } #espai { background-color:white; width:400px; border:0; } #numero2 { background-color: red; text-align:center; font-weight: bold; color:white; font-family:"Lucida Console"; font-size:1em; } #cellatitolpetit { background-color: yellow; text-align:left; font-weight: bold; color:red; font-family:"Lucida Console"; font-size:1em; } #cellaentrada { background-color:#66ff88; width:600; text-align:left; font-weight: bold; color:#990055; font-family:"Lucida Console"; font-size:1em; } #someID { background-color: blue; text-align: right; } #someID, .className { font-weight: bold; color: black; font-size:medium; } .classname2 { background-color: #ffffff; text-align: left; } #someID, .classname2 { font-weight: bold; color: black; font-size:medium; } ul.menuH2 { width: 100%; /*Specify the menu width*/ height:60px; margin: 0 auto; /*If the menu has a width, this "margin:0 auto;" makes the menu center-aligned. You can remove it for left-alignment, or change it to "margin-left:auto; margin-right:0;" for right-alignment.*/ text-align: left; /*Specify how the main menu items are aligned*/ list-style: none; padding: 0; font-size: 0; } ul.menuH2:after { content: '.'; height: 0; clear: both; display: block; visibility: hidden; } ul.menuH2 td { display: inline; list-style:none; padding:0; margin:0; margin-left: 1px; /*Specify the distance between the tabs*/ } /*Main menu links*/ ul.menuH2 li a { font: 14px Arial; padding: 1px 14px; /*This determines the tab size*/ color: #555; text-decoration: none; border: 1px solid #ccc; background: #f7f7f7; display: inline-block; position: relative; top: 40px; /*This moves the tabs one pixel down to cover the border-top of sub-menu */ z-index: 4; } ul.menuH2 li a:hover { background: #eee; color: green; } ul.menuH2 li.active a, ul.menuH2 li.active a:hover { border-bottom: 1px solid White; background: white; } /* SUB-MENU ----------------------------------------------------------*/ ul.menuH2 li.active ul { display: block; text-align: center; /*Specify how the sub-menu items are aligned*/ margin: 0; padding: 0; border: 1px solid #ccc; border-bottom: 2px solid #F90; background: #FFF; float: left; width: 100%; /*!*/ z-index: 3; } ul.menuH2 li ul { display: none; } ul.menuH2 li li { margin-left: 0px; /*cancel the inheritance from its parent li's margin-left setting */ } /*Sub-menu links*/ ul.menuH2 ul li a { padding: 6px 12px; /*This determines the sub-menu height and the distance between each links in the sub-menu */ margin: 0; border: 0; top: 0; background: transparent; } ul.menuH2 li.active li a, ul.menuH2 li.active li a:hover { border: 0; background: transparent; } ul.menuH2 ul li a:hover { text-decoration: underline; color: green; } ul.menuH2 ul li.subActive a { text-decoration: underline; color: green; } /*Third-level sub menu ------------------------------------------------------------*/ /* links */ ul.menuH2 ul li li a { padding: 6px 20px; float:left; white-space: nowrap; } /* non-active links */ ul.menuH2 ul li.subActive li a { text-decoration: none; } /* active link */ ul.menuH2 ul li.subActive li.subActive a, ul.menuH2 ul li.subActive li a:hover { text-decoration: underline; } ul.menuH2 li.active li li { display: block; *clear:both;/*IE hack*/ } ul.menuH2 li.active ul ul { padding-bottom:12px;/*add extra space to the bottom*/ left: 0px; /*offset*/ width: auto; border-top: 0; *top: 26px; /*IE6, IE7 hack*/ display: none; position: absolute; z-index: 4; } ul.menuH2 li.active li { position: relative; } table.fitxatecnica { font-family:'Comic Sans MS'; font-size:12px; font-weight:bold; color:#ff0099; border-width: 2px; border-color: #ffffff; border: 1px solid green; width:100%; } table.fitxatecnica td { font-family:'Comic Sans MS'; color:#0000ff; font-weight:bold; font-size:14px; border-witdh:2px; border-color:#000000; text-align: left; padding: 5px; } button.festiu{ background-color:#ffff00; color:#ffff33; } .imprimir { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffdd00), color-stop(1, #FF9900)); background:-moz-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:-webkit-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:-o-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:-ms-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:linear-gradient(to bottom, #ffdd00 5%, #FF9900 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0); background-color:#ffdd00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #3866a3; display:inline-block; color:#000000; font-family:arial; font-size:14px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:0px 1px 0px #7cacde; } .imprimirmobil { -moz-box-shadow:inset 0px 1px 0px 0px #bee2f9; -webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9; box-shadow:inset 0px 1px 0px 0px #bee2f9; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffdd00), color-stop(1, #FF9900)); background:-moz-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:-webkit-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:-o-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:-ms-linear-gradient(top, #ffdd00 5%, #FF9900 100%); background:linear-gradient(to bottom, #ffdd00 5%, #FF9900 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0); background-color:#ffdd00; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #3866a3; display:inline-block; color:#000000; font-family:arial; font-size:30px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:0px 1px 0px #7cacde; }
Escriu la teva clau d'accès
USUARI:
CONTRASENYA: