/* CSS de pantalla tactil */
/* Importar estilos comunes a Intranet y Pantalla táctil */
/* CSS común a la intranet y a la pantalla táctil */
/* @group COLORS */
/*
Shades of gray - Hex color correspondence:
lighten(@black, 10%) > #1a1a1a
lighten(@black, 20%) > #333
lighten(@black, 30%) > #4d4d4d
lighten(@black, 40%) > #666
lighten(@black, 50%) > #808080
lighten(@black, 60%) > #999
lighten(@black, 70%) > #b3b3b3
lighten(@black, 80%) > #ccc
lighten(@black, 85%) > #d9d9d9
lighten(@black, 90%) > #e6e6e6
lighten(@black, 95%) > #f2f2f2
*/
/*Hover sobre fondo blanco*/
/*Hover sobre fondo negro*/
/*Cambio de background color*/
/*
.green{background-color: #5eb935;}
.green:hover{background-color: #9ade52;}
.green:hover{background-color: #9bed74;}
.green:hover{background-color: #4f8735;}
.greenDark{background-color: #396e00;}
*/
/* @end */
/* @group FONTS */
/*
Fuentes

Proxima Nova
URL: http://typekit.com/fonts/proxima-nova
_________________________________________________________________
Variation 	font-weight 	font-style	Included in this project?
_________________________________________________________________
Thin 				100 	normal		Yes
Light 				300 	normal		Yes
Regular 			400 	normal		Yes
Semibold 			600 	normal		Yes
Bold 				700 	normal		Yes
Extrabold 			800 	normal		Yes
Black 				900 	normal		Yes

Le Monde Courrier STD
http://typekit.com/fonts/le-monde-courrier-std
_________________________________________________________________
Variation	font-weight		font-style
_________________________________________________________________
Regular				400		normal
Italic				400		italic
Semi Bold			600		normal
Semi Bold Italic	600		italic
Bold				700		normal
Bold Italic			700		italic
*/
/* Proxima Nova */
.proximanova,
body,
label,
input,
select,
optgroup,
option,
textarea,
button {
  font-family: 'proxima-nova-1', 'proxima-nova-2', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Le Monde Courrier STD */
em,
h1,
h2,
h3,
h4,
h5,
h6,
q,
blockquote,
cite,
.academicDataBlock .professionalTitle,
.introText,
.bookingFormErnio .table .reservedBy,
.paymentsTotal .details {
  font-family: "lemonde-courrier-1", "lemonde-courrier-2", Baskerville, Garamond, Palatino, 'Palatino Linotype', 'Hoefler Text', Georgia, 'Times New Roman', serif;
}
/* @end */
/* @group Reset */
html {
  /*This odd 100.01% value for the font size compensates for several browser bugs.
First, setting a default body font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements.
Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers.
Safari, on the other hand, has a problem with a font-size of 101%.
The current "best" suggestion is to use the 100.01% value for this property.*/
  font-size: 100.01%;
}
html,
body {
  margin: 0;
  padding: 0;
}
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
cite,
a,
abbr,
acronym,
address,
big,
small,
code,
samp,
var,
tt,
pre,
del,
ins,
strike,
dfn,
kbd,
em,
strong,
font,
img,
s,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-size: 100%;
  vertical-align: baseline;
}
:link,
:visited {
  text-decoration: none;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
pre,
p,
blockquote {
  margin: 0;
  padding: 0;
}
dl,
ul,
ol {
  list-style: none;
  list-style-type: none;
}
/* NOTA: tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
a:hover,
a:active,
a img,
:link img,
:visited img {
  border: none;
  /*outline: none;
	outline-style: none;*/
}
:focus {
  outline: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
pre,
code,
tt,
samp {
  font-size: .875em;
}
kbd {
  text-transform: uppercase;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
pre {
  white-space: pre;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
/* @end */
/* @group HTML elements */
body {
  background: #ffffff url(../img/body.gif);
  color: #262626;
  font-size: 14px;
  line-height: 1.35;
}
div,
dl,
dt,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
pre,
p,
blockquote,
table,
iframe {
  margin: 0 0 1.5em;
}
fieldset {
  border: none;
}
/* Aumentamos un poco el tamaño de las itálicas y los citas para que se ajuste a la altura del texto normal */
em,
q {
  /*font-size: 1.125em;*/
}
/* @group headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  margin: 0 0 .5em 0;
}
h1 {
  border-bottom: 1px solid #cccccc;
  border-top: 4px solid #cccccc;
  font-size: 36px;
  margin: 0 0 .5em;
  padding: 10px 0;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 21px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
/* @end */
a {
  color: #5eb935;
}
a:hover {
  color: #9ade52;
}
a acronym {
  cursor: pointer;
}
acronym,
abbr {
  border-bottom: 1px dotted;
  cursor: help;
}
pre {
  border-bottom: 1px dotted #cccccc;
  border-top: 1px dotted #cccccc;
  overflow: auto;
  padding: 1em 0;
  width: 100%;
}
/* @group q, bockquote, cite */
q,
blockquote {
  font-style: italic;
}
blockquote {
  font-size: 1.5em;
  /*24px*/
  line-height: 1.25;
}
q {
  padding: 0 .5em;
}
cite {
  font-style: normal;
  font-weight: bold;
}
/* STANDARD QUOTES */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
q:lang(sv) {
  quotes: '\201D' '\201D' '\2019' '\2019';
}
q:lang(da) {
  quotes: '\00BB' '\00AB' '\203A' '\2039';
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
/* SAFARI SUPPORT */
q:before {
  content: '\201C';
}
q:after {
  content: '\201D';
}
q q:before {
  content: '\2018';
}
q q:after {
  content: '\2019';
}
/* BLOCKQUOTES */
blockquote * {
  quotes: none;
}
blockquote > *:before {
  content: '\201C';
}
blockquote > *:after {
  content: '\201D';
}
blockquote q:before {
  content: '\2018';
}
blockquote q:after {
  content: '\2019';
}
/* LANGUAGE-SPECIFIC QUOTES SAFARI STYLE */
*[lang~='da'] q:before,
q[lang~='da']:before,
*[lang~='da'] blockquote > *:before,
blockquote[lang~='da'] > *:before {
  content: '\201E';
}
*[lang~='da'] q:after,
q[lang~='da']:after,
*[lang~='da'] blockquote > *:after,
blockquote[lang~='da'] > *:after {
  content: '\201C';
}
*[lang~='da'] q q:before,
q[lang~='da'] q:before,
*[lang~='da'] blockquote q:before,
blockquote[lang~='da'] q:before {
  content: '\2019';
}
*[lang~='da'] q q:after,
q[lang~='da'] q:after,
*[lang~='da'] blockquote q:after,
blockquote[lang~='da'] q:after {
  content: '\2019';
}
*[lang~='sv'] q:before,
q[lang~='sv']:before,
*[lang~='sv'] blockquote > *:before,
blockquote[lang~='sv'] > *:before {
  content: '\201D';
}
*[lang~='sv'] q:after,
q[lang~='sv']:after,
*[lang~='sv'] blockquote > *:after,
blockquote[lang~='sv'] > *:after {
  content: '\201D';
}
*[lang~='sv'] q q:before,
q[lang~='sv'] q:before,
*[lang~='sv'] blockquote q:before,
blockquote[lang~='sv'] q:before {
  content: '\2019';
}
*[lang~='sv'] q q:after,
q[lang~='sv'] q:after,
*[lang~='sv'] blockquote q:after,
blockquote[lang~='sv'] q:after {
  content: '\2019';
}
/* @end */
kbd {
  background: #ffffff;
  border-top: 0.15em solid #cccccc;
  border-right: .25em solid #aaa;
  border-bottom: .3em solid #888;
  border-left: 0.2em solid #b3b3b3;
  color: #262626;
  font-size: 1em;
  font-weight: normal;
  font-family: "Lucida console", Courier, monospace, sans-serif;
  line-height: 2;
  padding: .05em .2em;
}
/* @group lists */
li {
  margin-bottom: 7px;
}
dt {
  margin: 0;
}
/* @end */
/* @group forms */
label,
input,
select,
optgroup,
option,
textarea,
button {
  font-size: 1em;
}
legend {
  border-bottom: 1px solid #262626;
  border-top: 3px solid #262626;
  display: block;
  /*De fábrica es como si vienera con display-block.*/
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px 0;
  padding: 0;
  /*Para neutralizar el padding que trae de fábrica*/
  width: 100%;
  /*Para que coja todo el ancho es necesario*/
}
label,
span.label {
  display: inline-block;
  font-weight: 700;
  padding: .5em 0;
  /*vertical-align: top;*/
}
label.clean {
  /*vertical-align: middle;*/
}
label.clean input {
  background: none;
  border: none;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: baseline;
  width: auto!important;
}
input,
select,
optgroup,
option,
textarea {
  background-color: #ffffff;
}
input,
textarea,
select {
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #999999;
  display: inline-block;
  margin: 0;
  padding: .5em;
  vertical-align: baseline;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
input,
textarea {
  background-image: url(../img/input.png);
  background-position: left 1px;
  background-repeat: repeat-x;
}
input:hover,
textarea:hover,
select:hover {
  -webkit-box-shadow: 1px 1px 15px #f2f2f2 inset, -1px -1px 15px #f2f2f2 inset;
  -moz-box-shadow: 1px 1px 15px #f2f2f2 inset, -1px -1px 15px #f2f2f2 inset;
  box-shadow: 1px 1px 15px #f2f2f2 inset, -1px -1px 15px #f2f2f2 inset;
  border: 1px solid #666666;
  cursor: pointer;
}
/* .focus: se emplea, por ejemplo, en el campo DNI para dar aspecto de enfocado mientras tecleamos en el keypad numérico */
input:focus,
textarea:focus,
select:focus,
.focus {
  -webkit-box-shadow: 1px 1px 8px rgba(154, 222, 82, 0.25), -1px -1px 8px rgba(154, 222, 82, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(154, 222, 82, 0.25), -1px -1px 8px rgba(154, 222, 82, 0.25);
  box-shadow: 1px 1px 8px rgba(154, 222, 82, 0.25), -1px -1px 8px rgba(154, 222, 82, 0.25);
  color: #333333;
  border: 1px solid #5eb935;
  cursor: default;
}
textarea {
  overflow: auto;
}
optgroup {
  font-style: normal;
  padding: 0 1em;
}
option {
  background: #ffffff;
  cursor: pointer;
  padding: 0 1em;
}
/* @end */
/* @group tables */
/* @end */
::-moz-selection {
  background: #e2f4c0;
  color: #262626;
  text-shadow: none;
}
::selection {
  background: #e2f4c0;
  color: #262626;
  text-shadow: none;
}
/* @end */
/* @group Grid */
/*
Grid de La Personnalité
-----------------------
Basado en: http://www.webdesignerwall.com/demo/simpler-grid/940grid.html
Nº de columnas: 12
Ancho contenedor: 990px
Ancho columna: 50px
Gutter width: 30px
*/
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11 {
  float: left;
  display: inline;
  margin-left: 30px;
}
/*
.gridN: elemento de grid con un ancho de columna equivalente a N.
.wN: clase empleada para dar un ancho de columna N a un elemento. Por ejemplo, puede usarse para dar ancho a un label.
*/
.grid1,
.w1 {
  width: 50px;
  /*50px*/
}
.grid2,
.w2 {
  width: 130px;
  /*130px*/
}
.grid3,
.w3 {
  width: 210px;
  /*210px*/
}
.grid4,
.w4 {
  width: 290px;
  /*290px*/
}
.grid5,
.w5 {
  width: 370px;
  /*370px*/
}
.grid6,
.w6 {
  width: 450px;
  /*450px*/
}
.grid7,
.w7 {
  width: 530px;
  /*530px*/
}
.grid8,
.w8 {
  width: 610px;
  /*610px*/
}
.grid9,
.w9 {
  width: 690px;
  /*690px*/
}
.grid10,
.w10 {
  width: 770px;
  /*770px*/
}
.grid11,
.w11 {
  width: 850px;
  /*850px*/
}
.grid12,
.w12 {
  width: 930px;
  /*930px*/
}
/* Primera columna*/
.grid-first {
  margin-left: 0;
  clear: left;
}
/* No mover columna / Mover columna un gutter a la izquierda / Mover columna un gutter a derecha */
.grid-mg-zero {
  margin-left: 0;
}
.grid-mg-l {
  margin-left: -30px;
}
.grid-mg-r {
  margin-left: 0;
  margin-right: -30px;
}
/* Mover columna hasta la siguiente columna */
.grid-mc-r {
  margin-left: 110px;
}
.grid-mc-r2 {
  margin-left: 190px;
}
.grid-mc-r3 {
  margin-left: 270px;
}
/* Padding de columna */
.grid-pad-lr {
  padding-left: 30px;
  padding-right: 30px;
}
.grid-pad-lr-half {
  padding-left: 15px;
  padding-right: 15px;
}
.grid-pad-l {
  padding-left: 30px;
}
.grid-pad-r {
  padding-right: 30px;
}
/* Coge los gutters laterales. Se le puede aplicar el padding o paddings laterales que nos apetezca que funciona a la perfección */
.grid-expand {
  margin-left: -30px;
  margin-right: -30px;
}
.grid-expand-pad {
  margin-left: -30px;
  margin-right: -30px;
  padding: 0 30px;
}
/* @group Grid en IE6 */
/*
IE6 no interpreta bien los anchos (problema de interpretación del modelo de caja de CSS).
Quitamos padding, margins y demás.
http://www.torresburriel.com/box-model-hack.html
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
http://css-discuss.incutio.com/wiki/Box_Model_Hack
*/
html.ie6 .grid-mg-zero,
html.ie6 .grid-mg-l,
html.ie6 .grid-mg-r,
html.ie6 .grid-mc-r1,
html.ie6 .grid-mc-r2,
html.ie6 .grid-mc-r3 {
  margin-left: 30px;
}
html.ie6 .grid-mg-r {
  margin-right: 0;
}
html.ie6 .grid-first {
  margin-left: 0;
}
html.ie6 .grid-pad-lr,
html.ie6 .grid-pad-lr-half,
html.ie6 .grid-pad-l,
html.ie6 .grid-pad-r {
  padding: 0;
}
html.ie6 .grid-expand {
  margin-left: 0;
  margin-right: 0;
}
html.ie6 .grid-expand-pad {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
/* @end */
/* NOTE: the following styles are for demo purpose (not required). Apply .showGrid class to <body> to colorize grid elements. */
body.showGrid .grid1,
body.showGrid .grid2,
body.showGrid .grid3,
body.showGrid .grid4,
body.showGrid .grid5,
body.showGrid .grid6,
body.showGrid .grid7,
body.showGrid .grid8,
body.showGrid .grid9,
body.showGrid .grid10,
body.showGrid .grid11 {
  background: rgba(255, 0, 0, 0.2);
}
body.showGrid .grid-mg-l {
  background: rgba(0, 0, 255, 0.25);
}
body.showGrid .grid-mg-r {
  background: rgba(255, 0, 255, 0.25);
}
body.showGrid #container {
  background: #ffffff url(../img/grid.png) repeat-y center top;
}
/* @end */
/* @group Classes */
/* @group Lists */
/* Bullets para listados */
ul.basic li {
  background: url("../img/bullets/basic.png") no-repeat left 0.45em;
  padding-left: 17px;
}
/* @group .line */
/* clase para que el dt y el dd van en la misma línea */
dl.line dt {
  clear: both;
  float: left;
  margin: 0 .25em 0 0;
}
/* @end */
/* Lista de datos */
.meta li {
  margin: 0 0 3px;
}
/* @end */
/* @group Checkbox limpio */
label.clean {
  font-weight: 400;
  margin-right: 0;
  vertical-align: middle;
  width: auto!important;
}
label.clean input {
  background: none;
  border: none;
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: baseline;
  width: auto!important;
}
/* @end */
/* Es un elemento que hace de label en datos que no son modificables por parte del usuario */
.pseudolabel {
  display: inline-block;
  vertical-align: middle;
}
.asterisk {
  color: #cc0000;
  font-weight: 700;
  text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 0 0 10px #ff3300;
}
.avatar {
  background: #ffffff;
  border: 1px solid #b3b3b3;
  padding: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 4px #d9d9d9;
  -moz-box-shadow: 1px 1px 4px #d9d9d9;
  box-shadow: 1px 1px 4px #d9d9d9;
}
/* Marco para foto tipo Poladoid */
.polaroid {
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15), 0 0 5px #cccccc inset;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15), 0 0 5px #cccccc inset;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15), 0 0 5px #cccccc inset;
  background: #ffffff;
  border: 1px solid #aaa;
  display: inline-block;
  margin: 0 0 21px;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* @group Alertas */
.note,
.example,
.ok,
.error {
  background: no-repeat 0.5em 0.35em;
  display: inline-block;
  line-height: 1.2;
  padding: 5px 8px 5px 30px;
  text-shadow: 1px 1px 1px #ffffff;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.note {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #ffff33 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #ffff33 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #ffff33 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  background-color: #ffff99;
  background-image: url('../img/bullets/sticky-note-text.png');
  border: 1px solid #d7d742;
  color: #666600;
}
.example {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #afde1b inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #afde1b inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #afde1b inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  background-color: #d0ee71;
  background-image: url('../img/bullets/ui-address-bar-green.png');
  border: 1px solid #89a03f;
  color: #202805;
  font-size: 12px;
}
.ok {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #99d141 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #99d141 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #99d141 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  background-color: #c5e593;
  background-image: url('../img/bullets/tick.png');
  border: 1px solid #839d5c;
  color: #28380e;
}
.error {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #ff6b60 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #ff6b60 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 0 0.5em #ff6b60 inset, 0 1px 0.25em rgba(128, 128, 128, 0.5);
  background-color: #ffcac6;
  background-image: url('../img/bullets/error.png');
  border: 1px solid #df6f67;
  color: #930a00;
}
.note .title,
.example .title {
  font-weight: 700;
  text-transform: uppercase;
}
.label .tinyNote {
  background: #ffff99 url(../img/bullets/sticky-note-text.png) no-repeat 4px 4px;
  border-bottom: 1px solid #cccccc;
  padding: 3px 6px 3px 24px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* @end */
/*Blank Slate*/
.empty {
  -webkit-box-shadow: 0 0 10px #ffffff inset, 0 1px 5px #b3b3b3 inset;
  -moz-box-shadow: 0 0 10px #ffffff inset, 0 1px 5px #b3b3b3 inset;
  box-shadow: 0 0 10px #ffffff inset, 0 1px 5px #b3b3b3 inset;
  background: #ffffff url(../img/bullets/exclamation.png) no-repeat 0.5em 0.25em;
  border: 1px solid #aaa;
  display: inline-block;
  font-size: 18px;
  padding: .5em 1em .5em 50px;
  text-shadow: 1px 1px 1px #ffffff;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* @group Floats / Clears */
.fl {
  float: left;
  _margin-right: -3px;
}
.fr {
  float: right;
  _margin-left: -3px;
}
.cr {
  clear: right;
}
.cl {
  clear: left;
}
.cb {
  clear: both;
}
/* @end */
/* @group Text helpers */
.tcenter {
  text-align: center;
}
.tleft {
  text-align: left;
}
.tright {
  text-align: right;
}
.tupper {
  text-transform: uppercase;
}
.tlower {
  text-transform: lowercase;
}
.tnormal {
  text-transform: none;
}
.ttop {
  text-align: top;
}
.tmiddle {
  text-align: middle;
}
.tbottom {
  text-align: bottom;
}
/* @end */
/* @group Button System */
/* @group Button: base */
.btn,
.btn:visited {
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 3px 3px rgba(0, 0, 0, 0.4);
  background: url("../img/btn.png") repeat-x;
  border: 1px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
  overflow: visible;
  padding: 1em 1em;
  position: relative;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  vertical-align: baseline;
  white-space: nowrap;
  width: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn,
.btn:hover,
.btn:visited {
  color: #ffffff !important;
}
button.btn,
button.btn:visited {
  padding: .925em 1em;
}
.btn span {
  background: no-repeat left center;
  display: inline-block;
  padding-left: 26px;
}
a.btn:hover,
button.btn:hover {
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 1px 3px rgba(0, 0, 0, 0.4);
  background-position: 0 10%;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-top-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  text-shadow: -1px -1px 10px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.25);
}
a.btn:active,
button.btn:active {
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, -1px -1px 6px rgba(0, 0, 0, 0.25) inset, 0 0 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, -1px -1px 6px rgba(0, 0, 0, 0.25) inset, 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, -1px -1px 6px rgba(0, 0, 0, 0.25) inset, 0 0 3px rgba(0, 0, 0, 0.25);
  top: 1px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25), 1px 1px 1px rgba(0, 0, 0, 0.25);
}
/* @end */
/* @group Button: colors */
/* @group Green */
.btn-green,
.btn-green:visited {
  background-color: #5eb935;
}
.btn-green:hover {
  background-color: #6dd43d;
}
/* @end */
/* @end */
/* @group Button: sizes */
.btn.small {
  font-size: .75em;
}
.btn.large {
  font-size: 1.5em;
}
.btn.xlarge {
  font-size: 2em;
}
/* @end */
/* Listado con botones */
.btn-list li {
  display: inline-block;
  margin: 0 .25em 0 0;
}
table .btn {
  margin-bottom: 0;
}
/* @end */
/* @group .bullet */
.bullet,
.bullet-list li {
  background: no-repeat 0 0;
  padding-left: 21px;
}
#content .bullet,
#content .bullet-list li {
  list-style: none;
  list-style-type: none;
}
#content .meta li {
  list-style: none!important;
  list-style-type: none!important;
}
.btn-send,
.btn-send-list li,
.btn-send span {
  background-image: url("../img/btn-send.png");
}
.bullet-more,
.bullet-more-list li,
.btn-more span {
  background-image: url("../img/bullets/plus-circle.png");
}
.bullet-more,
.bullet-more-list li {
  font-weight: 700;
  text-transform: uppercase;
}
.bullet-plus,
.bullet-plus-list li,
.btn-plus span {
  background-image: url("../img/bullets/plus-button.png");
}
.bullet-plus,
.bullet-plus-list li {
  font-weight: 700;
}
.bullet-minus,
.bullet-minus-list li,
.btn-minus span {
  background-image: url("../img/bullets/minus-button.png");
}
.bullet-minus,
.bullet-minus-list li {
  color: #a00;
  font-weight: 700;
}
.bullet-cancel,
.bullet-cancel-list li,
.btn-cancel span {
  background-image: url("../img/bullets/cross.png");
}
.bullet-cancel,
.bullet-cancel-list li {
  color: #a00;
  font-weight: 700;
}
a.bullet-cancel:hover,
a.bullet-minus:hover {
  color: #d00;
}
.bullet-ok,
.bullet-ok-list li,
.btn-ok span {
  background-image: url("../img/bullets/tick.png");
}
.bullet-ok,
.bullet-ok-list li {
  font-weight: 700;
}
.bullet-date,
.bullet-date-list li,
.btn-date span {
  background-image: url("../img/bullets/calendar-day.png");
}
.bullet-courses,
.bullet-courses-list li,
.btn-courses span {
  background-image: url("../img/bullets/book-open.png");
}
.bullet-schedule,
.bullet-schedule-list li,
.btn-schedule span {
  background-image: url("../img/bullets/calendar-medium.png");
}
.bullet-location,
.bullet-location-list li,
.btn-location span {
  background-image: url("../img/bullets/map-pin.png");
}
.bullet-price,
.bullet-price-list li,
.btn-price span {
  background-image: url("../img/bullets/price.png");
}
.bullet-invoiceTo,
.bullet-invoiceTo-list li,
.btn-invoiceTo span {
  background-image: url("../img/bullets/receipt--arrow.png");
}
.bullet-turn,
.bullet-turn-list li,
.btn-turn span {
  background-image: url("../img/bullets/ticket.png");
}
.bullet-guests,
.bullet-guests-list li,
.btn-guests span {
  background-image: url("../img/bullets/users.png");
}
.bullet-tables,
.bullet-tables-list li,
.btn-tables span {
  background-image: url("../img/bullets/chair.png");
}
.bullet-reservationGuests,
.bullet-reservationGuests-list li,
.btn-reservationGuests span {
  background-image: url("../img/bullets/user-silhouette-question.png");
}
.bullet-reservations,
.bullet-reservations-list li,
.btn-reservations span {
  background-image: url("../img/bullets/clipboard-invoice.png");
}
.bullet-amount,
.bullet-amount-list li,
.btn-amount span {
  background-image: url("../img/bullets/money-coin.png");
}
.bullet-expedientNum,
.bullet-expedientNum-list li,
.btn-expedientNum span {
  background-image: url("../img/bullets/document-list.png");
}
.bullet-endorsementNum,
.bullet-endorsementNum-list li,
.btn-endorsementNum span {
  background-image: url("../img/bullets/document-task.png");
}
.bullet-bankAccount,
.bullet-bankAccount-list li,
.btn-bankAccount span {
  background-image: url("../img/bullets/bank.png");
}
.bullet-phone,
.bullet-phone-list li,
.btn-phone span {
  background-image: url("../img/bullets/telephone-fax.png");
}
.bullet-mobile,
.bullet-mobile-list li,
.btn-mobile span {
  background-image: url("../img/bullets/mobile-phone.png");
}
.bullet-email,
.bullet-email-list li,
.btn-email span {
  background-image: url("../img/bullets/mail.png");
}
.bullet-weekendPlus,
.bullet-weekendPlus-list li,
.btn-weekendPlus span {
  background-image: url("../img/bullets/calendar-insert.png");
}
.bullet-paymentsTotal,
.bullet-paymentsTotal-list li,
.btn-paymentsTotal span {
  background-image: url("../img/bullets/moneys.png");
}
.bullet-catering,
.bullet-catering-list li,
.btn-catering span {
  background-image: url("../img/bullets/plate-cutlery.png");
}
.bullet-client,
.bullet-client-list li,
.btn-client span {
  background-image: url("../img/bullets/building-old.png");
}
.bullet-workType,
.bullet-workType-list li,
.btn-workType span {
  background-image: url("../img/bullets/notebook--pencil.png");
}
.bullet-rooms,
.bullet-rooms-list li,
.btn-rooms span {
  background-image: url("../img/bullets/border-inside.png");
}
.bullet-pdf,
.bullet-pdf-list li,
.btn-pdf span {
  background-image: url("../img/bullets/pdf.png");
  font-weight: 700;
}
.bullet-help,
.bullet-help-list li,
.btn-help span {
  background-image: url("../img/bullets/question-button.png");
  font-weight: 700;
}
.bullet-prev,
.btn-prev span {
  background-image: url("../img/bullets/prev.png");
}
.bullet-next,
.btn-next span {
  background-image: url("../img/bullets/next.png");
  background-position: right center;
  padding-left: 0;
  padding-right: 26px;
}
/* @end */
/* @group Hide elements */
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* @end */
/* @end */
/* @group LESS Elements 0.4 */
/*---------------------------------------------------
		LESS Elements 0.4
	---------------------------------------------------
		A set of useful LESS mixins by Dmitry Fadeyev
		Special thanks for mixin suggestions to:
			Kris Van Herzeele,
			Benoit Adam,
			Portenart Emile-Victor
			
		More info at: http://lesselements.com
-----------------------------------------------------*/
/* @end */
/* @group Layout */
.container {
  margin: 0;
  position: relative;
}
/* @group .header */
.header {
  background: #ffffff;
  border-bottom: 1px solid #d9d9d9;
  margin: 0;
}
.logo-coiig {
  float: left;
  margin: 0 2% 0 0;
  width: 35%;
}
.logo-coiig a {
  background: url(../img/logoCoiig.gif) no-repeat;
  display: block;
  /*
	height: 68px;
	width: 301px;
	*/
}
.logo-coiig a img {
  max-width: 100%;
}
.header-title {
  float: left;
  margin: 0;
  text-align: center;
  width: 30%;
}
.header-title h1 {
  font-size: 24px;
  margin: 0 0 8px;
  padding: .25em;
}
.header-title .date-event {
  margin: 0;
}
.header-title .event {
  font-weight: 700;
  text-transform: uppercase;
}
.user-box {
  float: right;
  margin: 0;
  width: 30%;
}
.user-box img {
  float: left;
}
.user-box p {
  font-size: 18px;
  font-weight: 100;
  line-height: 1.15;
  margin: 0;
  padding: 0 0 0 85px;
  position: relative;
  top: .25em;
}
/* @end */
/* @group .content */
.content {
  margin: 0;
  overflow-y: auto;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15000000000000002) inset;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15000000000000002) inset;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15000000000000002) inset;
}
/* @end */
/* @group .footer */
.footer {
  background: #000000 url(../img/tactil-footer.png) repeat-x;
  color: #ffffff;
  margin: 0;
}
.footer .actions {
  float: left;
  margin: 0;
}
.footer .actions li {
  float: left;
  margin: 0 1em 0 0;
}
.footer .lang {
  float: right;
  margin: 0;
}
.footer .lang li {
  float: left;
  font-weight: 700;
  margin: 0 1em 0 0;
}
.footer .lang a {
  background: #ffffff;
  color: #000000;
  display: inline-block;
  float: left;
  padding: 1em;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.footer .lang .selected a {
  background: #1a1a1a;
  color: #ffffff;
  cursor: default;
  -webkit-box-shadow: 0 0 0 1px #333333;
  -moz-box-shadow: 0 0 0 1px #333333;
  box-shadow: 0 0 0 1px #333333;
}
/* @end */
/* @end */
/* @group Styles by pages */
/* @group 1) Stand by */
/* @group .tables */
.tables {
  background: #ffffff url(../img/tables.gif);
  border: 5px solid #cccccc;
  font-size: 12px;
  height: 490px;
  /* Originalmente con WC y cocina tiene una altura de 570px*/
  position: relative;
}
.table {
  background: #d9d9d9 url(../img/table.jpg);
  border: 3px solid #ffffff;
  height: 90px;
  margin: 0;
  padding: 20px 15px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px 1px #ffffff, -1px -1px 1px #ffffff;
  width: 150px;
}
.table h3 {
  font-size: 20px;
  margin: 0;
}
.table p {
  margin: 0 0 5px;
}
.table .diners {
  font-size: 14px;
  font-weight: 700;
}
.tableHover {
  background: url(../img/tableHover.jpg);
  border-color: #9bed74;
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px #000000 inset;
  -moz-box-shadow: 0 0 15px #000000 inset;
  box-shadow: 0 0 15px #000000 inset;
}
.tables .selected {
  background: url(../img/tableHover.jpg);
}
.tables .selectedHover {
  -moz-box-shadow: 0 0 20px #cc0000 !important;
  -webkit-box-shadow: 0 0 20px #cc0000 !important;
  box-shadow: 0 1px 20px #cc0000 !important;
  border-color: #cc0000 !important;
}
.tables .selectedByUser {
  border-color: #5eb935;
  cursor: pointer;
  -webkit-box-shadow: 0 0 50px #9bed74;
  -moz-box-shadow: 0 0 50px #9bed74;
  box-shadow: 0 0 50px #9bed74;
}
/* @group .ribbon */
.table .ribbon {
  background: no-repeat center center;
  display: block;
  height: 48px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 48px;
}
.tableHover .ribbon {
  background-image: url(../img/available_ribbon.png);
}
.selected .ribbon {
  background-image: url(../img/reserved_ribbon.png);
}
.selectedHover .ribbon {
  background-image: url(../img/reservedHover_ribbon.png);
}
/* @end *



/* @group .status */
.table .status {
  background: #ffff99;
  display: inline-block;
  font-size: 12px;
  line-height: 1.15;
  margin: 0;
  padding: 5px;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selectedHover .status,
.tableHover .status {
  color: #ffffff;
  text-shadow: 1px 1px 1px #396e00;
  -webkit-box-shadow: 0 1px 5px #000000;
  -moz-box-shadow: 0 1px 5px #000000;
  box-shadow: 0 1px 5px #000000;
}
.selectedHover .status {
  background: #cc0000;
}
.tableHover .status {
  background: #5eb935;
}
/* @end */
/* @group Posición de las mesas */
.table1,
.table2,
.table3 {
  left: 10px;
}
.table5,
.table6,
.table7 {
  right: 10px;
}
.table1,
.table7 {
  top: 10px;
}
.table2,
.table6 {
  top: 180px;
}
.table3,
.table4,
.table5 {
  top: 340px;
}
.table4 {
  left: 50%;
  margin-left: -90px;
}
/* @end */
/* @group Otros elementos del comedor */
.col {
  background: #ffffff;
  border: 1px solid #cccccc;
  height: 20px;
  margin: 0;
  position: absolute;
  width: 20px;
}
.col1,
.col2 {
  top: 148px;
}
.col1,
.col3 {
  left: 220px;
}
.col2 {
  left: 50%;
  margin: 0 0 0 -10px;
}
.col3 {
  top: 314px;
}
/* @end */
/* Botón para generar ticket */
.tables .generateTicket {
  left: 50%;
  margin: 0 0 0 -5em;
  position: absolute;
  top: 200px;
  min-width: 10em;
  font-size: 2.2em;
}
.tables .generateTicket:active {
  position: absolute;
  top: 201px;
}
/* @end */
/* @group 2) Identification */
.login-tactil {
  margin: 0;
  text-align: center;
}
.login-tactil .login {
  display: inline-block;
  position: relative;
}
.login-tactil .login p {
    font-weight: bolder;
    font-size: large;
    margin-bottom: 15px;
}
.login-tactil .error {
  position: absolute;
  right: -20em;
  top: -0.125em;
  width: 16em;
  z-index: 10;
}
.login-tactil label {
  display: none;
}
.login-tactil #dni {
  font-size: 1.25em;
  margin: 0 auto;
  text-align: center;
  width: 16em;
}
.keyboard {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0 auto;
  position: relative;
  width: 15.45em;
}
.keyboard li {
  float: left;
  margin: 0 .5em .5em;
  width: 4em;
}
.keyboard .number {
  -webkit-box-shadow: 0 0 0 1px #ffffff inset, 0 0 0.5em #d9d9d9 inset, 0 0.125em 0 0 #a6a6a6, 0 0.25em 0.25em #cccccc;
  -moz-box-shadow: 0 0 0 1px #ffffff inset, 0 0 0.5em #d9d9d9 inset, 0 0.125em 0 0 #a6a6a6, 0 0.25em 0.25em #cccccc;
  box-shadow: 0 0 0 1px #ffffff inset, 0 0 0.5em #d9d9d9 inset, 0 0.125em 0 0 #a6a6a6, 0 0.25em 0.25em #cccccc;
  background: #f2f2f2;
  border: 1px solid #cccccc;
  color: #666666;
  cursor: pointer;
  padding: 1em 0;
  text-shadow: 1px 1px 1px #ffffff, 2px 2px 1px #ffffff, -1px -1px 0 #ffffff, -2px -2px 1px #cccccc;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.keyboard .action {
  padding: 1px;
  cursor: pointer;
  text-transform: uppercase;
}
.keyboard .action button,
.keyboard .action span {
  border: 1px solid #cccccc;
  color: #ffffff;
  cursor: pointer;
  display: block;
  padding: 1em 0;
  width: 4em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}
.keyboard .action strong {
  font-size: .75em;
}
.keyboard .action-clear {
  right: 5em;
}
.keyboard .action-clear span {
  -webkit-box-shadow: 0 0 0 1px #ff8080 inset, 0 0 0.5em #800000 inset, 0 0.125em 0 0 #990000, 0 0.25em 0.25em #999999;
  -moz-box-shadow: 0 0 0 1px #ff8080 inset, 0 0 0.5em #800000 inset, 0 0.125em 0 0 #990000, 0 0.25em 0.25em #999999;
  box-shadow: 0 0 0 1px #ff8080 inset, 0 0 0.5em #800000 inset, 0 0.125em 0 0 #990000, 0 0.25em 0.25em #999999;
  background-color: #cc0000;
  border: 1px solid #b30000;
  text-shadow: 1px 1px 1px #ff4d4d, -2px -2px 1px #b30000, -1px -1px 0 #990000;
}
.keyboard .action-login {
  right: 0;
}
.keyboard .action-login button {
  -webkit-box-shadow: 0 0 0 1px #c6eab6 inset, 0 0 0.5em #407e24 inset, 0 0.125em 0 0 #4a912a, 0 0.25em 0.25em #999999;
  -moz-box-shadow: 0 0 0 1px #c6eab6 inset, 0 0 0.5em #407e24 inset, 0 0.125em 0 0 #4a912a, 0 0.25em 0.25em #999999;
  box-shadow: 0 0 0 1px #c6eab6 inset, 0 0 0.5em #407e24 inset, 0 0.125em 0 0 #4a912a, 0 0.25em 0.25em #999999;
  background-color: #5eb935;
  border: 1px solid #54a52f;
  text-shadow: 1px 1px 1px #a8df8f, -2px -2px 1px #54a52f, -1px -1px 0 #4a912a;
}
.pushed {
  position: relative;
  top: 1px;
}
/* @end */
/* @group 3) Reservations */
/* @group .reservations */
.reservations {
  margin: 0 0 2em;
}
.reservations h2 {
  text-align: center;
}
.reservationsList {
  margin: 0;
  text-align: center;
}
.reservationsList li {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 0 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}
.reservationsList li a {
  background: url(../img/reservationsListItem.png) no-repeat;
  color: #666666;
  display: inline-block;
  height: 71px;
  padding: 30px 8px 0 8px;
  text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 2px 2px 0 #ffffff, -2px -2px 0 #ffffff;
  width: 102px;
}
.reservationsList li a:active {
  background-position: 0 -121px;
  color: #407e24;
  position: relative;
  text-shadow: 1px 1px 1px #ffffff;
  top: 1px;
}
/* @end */
/* @group .noBookingTicket */
.noBookingTicket {
  margin: 0 0 2em;
  text-align: center;
}
.noBookingTicket span {
  font-size: 1.5em;
  font-weight: 100;
  margin: 0 .25em 0 0;
  vertical-align: middle;
}
.noBookingTicket .btn {
  vertical-align: middle;
}
/* @end */
.btn-gray,
.btn-gray:visited {
  background-color: #C1C1C1;
}
/* @group .generatedTickets */
.generatedTickets {
  text-align: center;
}
.generatedTickets h3 {
  font-size: 1em;
  margin: 0 0 1em;
  text-transform: uppercase;
}
.generatedTicketsList {
  margin: 0;
  text-align: center;
}
.generatedTicketsList li {
  float: left;
  margin: 0 1em 0 0;
}
.generatedTicketsList a {
  background: url(../img/generatedTicketsListItem.png) no-repeat;
  color: #366a1e;
  display: block;
  height: 92px;
  padding: 8px 14px 0 52px;
  text-shadow: 1px 1px 0 #ffffff;
  width: 66px;
}
.generatedTicketsList a:active {
  background-position: 0 100%;
  position: relative;
  top: 1px;
}
.generatedTicketsList span {
  display: block;
}
.generatedTicketsList .number {
  display: block;
  line-height: 1.2;
  margin: 0 0 10px;
}
.generatedTicketsList .number em {
  display: block;
}
.generatedTicketsList .number strong {
  display: block;
}
.generatedTicketsList .price {
  font-size: 1.25em;
  font-weight: 100;
}
/* @group BX Slider */
.generatedTickets .bx-wrapper {
  margin: 0 auto;
}
.generatedTickets .bx-window {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin: 0;
  padding: 1em 0;
}
.generatedTickets .bx-prev,
.generatedTickets .bx-next {
  background: #5eb935 no-repeat center;
  color: #ffffff;
  height: 80px;
  margin: -40px 0 0 0;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 60px;
  z-index: 120;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 3px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) inset, 0 0 3px rgba(0, 0, 0, 0.5) inset, -1px -1px 12px rgba(0, 0, 0, 0.5) inset, 0 3px 3px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.generatedTickets .bx-prev {
  background-image: url(../img/bx-prev.png);
  left: -80px;
}
.generatedTickets .bx-next {
  background-image: url(../img/bx-next.png);
  right: -82px;
}
.generatedTickets .bx-prev:active,
.generatedTickets .bx-next:active {
  background-color: #4a912a;
}
/* @end */
/* @end */
/* @end */
/* @group 4) Consumption */
/* @group .beverage-menu */
.beverages-menu {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.beverages-menu li {
  display: inline-block;
  padding: 0 .5em 0 0;
  margin: 0 .5em 0 0;
}
.beverages-menu li a {
  background: #262626;
  color: #ffffff;
  display: block;
  padding: .75em 1em;
  -webkit-box-shadow: 0 0 12px #ffffff, 0 0 0 4px #666666 inset;
  -moz-box-shadow: 0 0 12px #ffffff, 0 0 0 4px #666666 inset;
  box-shadow: 0 0 12px #ffffff, 0 0 0 4px #666666 inset;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
.beverages-menu .current a {
  cursor: default;
}
.beverages-menu .current a,
.beverages-menu li a:active {
  background-color: #5eb935;
  text-shadow: 1px 1px 0 #407e24;
  -webkit-box-shadow: 0 0 12px #5eb935, 0 0 0 4px #d6f0ca inset;
  -moz-box-shadow: 0 0 12px #5eb935, 0 0 0 4px #d6f0ca inset;
  box-shadow: 0 0 12px #5eb935, 0 0 0 4px #d6f0ca inset;
}
.beverages-menu li a:active {
  position: relative;
  top: 1px;
}
/* @end */
/* @group .beverageBlock */
.beverageBlock {
  margin: 0;
}
.beverageItems {
  margin: 0;
  width: 49%;
}
.beveragesItemsL {
  float: left;
}
.beveragesItemsR {
  float: right;
}
.beverageItem {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #e6e6e6;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding: .5em 1em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
}
.beverageItem .product {
  float: left;
  padding: .55em 0 0;
  text-shadow: 1px 1px 0 #ffffff;
  width: 60%;
  font-size: 22px;
}
.beverageItem label {
  display: none;
}
.beverageItem .bq {
  float: right;
  font-size: 26px;
  font-weight: 700;
  margin: 0 4px 0 0;
  padding: .25em;
  text-align: center;
  width: 1.5em;
}
.beverageItem .moreless {
  cursor: pointer;
  float: right;
  height: 48px;
  width: 48px;
}
.beverageItem .more {
  background-image: url(../img/more.png);
  margin: 0 4px 0 0;
}
.beverageItem .less {
  background-image: url(../img/less.png);
}
.beverageItem .moreless:active {
  background-position: 0 100%;
  position: relative;
  top: 1px;
}
/* @end */
/* @end */
/* @group 5) Summary */
#consumptionSummary {
  width: 100%;
}
#consumptionSummary thead {
  text-transform: uppercase;
}
#consumptionSummary .producto {
  text-align: left;
}
#consumptionSummary .precioud,
#consumptionSummary .uds,
#consumptionSummary .precio {
  font-weight: 700;
  text-align: right;
}
#consumptionSummary tfoot {
  font-size: 24px;
}
/* @end */
/* @group 6) Ticket: Generating */
/* @group Ticket status */
.ticket-status {
  background: no-repeat center top;
  left: 50%;
  padding: 148px 0 0;
  position: absolute;
  text-align: center;
  top: 50%;
}
.ticket-status .msg {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 8px;
}
/* @end */
.ticket-generating {
  background-image: url(../img/ticket-generating.png);
  height: 40px;
  margin-left: -250px;
  margin-top: -94px;
  width: 500px;
}
/* @end */
/* @group 7) Ticket: Generated */
.ticket-generated {
  background-image: url(../img/ticket-generated.png);
  height: 40px;
  margin-left: -250px;
  margin-top: -94px;
  width: 500px;
}
.ticket-generated .msg {
  color: #0c0;
}
/* @end */
/* @group 8) Ticket: Error */
.ticket-error {
  background-image: url(../img/ticket-error.png);
  height: 88px;
  margin-left: -275px;
  margin-top: -118px;
  width: 550px;
}
.ticket-error .msg {
  color: #c00;
}
/* @end */
/* @end */
.ticket-saving {
  background-image: url(../img/ticket-saving.png);
  height: 88px;
  margin-left: -275px;
  margin-top: -118px;
  width: 550px;
}
.ticket-saved {
  background-image: url(../img/ticket-saved.png);
  height: 88px;
  margin-left: -275px;
  margin-top: -118px;
  width: 550px;
}
.ticket-save-error {
  background-image: url(../img/ticket-save-error.png);
  height: 88px;
  margin-left: -275px;
  margin-top: -118px;
  width: 550px;
}
.ticket-save-error .msg {
  color: #c00;
}
/* @group Browser specific styles */
/* Poner "inline" todos los elementos dispuestos en "inline-block" */
html.ie6 .footer .lang a,
html.ie7 .footer .lang a,
html.ie6 .login-tactil .login,
html.ie7 .login-tactil .login,
html.ie6 .reservationsList li,
html.ie7 .reservationsList li,
html.ie6 .beverages-menu li,
html.ie7 .beverages-menu li {
  display: inline;
}
html.ie7 .tables .generateTicket {
  margin-left: -10em;
  width: 12em;
}
html.ie8 .tables .generateTicket {
  margin-left: -6em;
  width: 12em;
}
/* @end */
/* @group Classes: Tactil */
.inside {
  margin: 0;
  padding: 2em 2em;
}
.btn-big {
  background: #5eb935;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* @group Pagination */
.prev-next {
  margin: 0;
}
.prev-next .prev {
  float: left;
  margin: 0;
}
.prev-next .next {
  float: right;
  margin: 0;
}
/* @end */
/* @group Table class: Standard */
.table-std,
.table-std caption,
.table-std thead,
.table-std th,
.table-std tr,
.table-std td {
  border: 1px solid #e6e6e6;
}
.table-std caption {
  background: #5eb935;
  color: #ffffff;
  font-weight: 700;
  padding: .5em;
  text-shadow: 1px 1px 0 #54a52f;
  text-transform: uppercase;
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0.25em;
  -moz-border-top-right-radius: 0.25em;
  -moz-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0.25em;
}
.table-std th {
  font-weight: 700;
  text-align: left;
}
.table-std th,
.table-std td {
  padding: .5em;
}
.table-std thead td,
.table-std thead th,
.table-std tfoot th,
.table-std tfoot td {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0.5em 0 rgba(94, 185, 53, 0.5) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0.5em 0 rgba(94, 185, 53, 0.5) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0.5em 0 rgba(94, 185, 53, 0.5) inset;
  background: #f5fbf2;
  color: #407e24;
  text-shadow: 1px 1px 0 #ffffff;
}
.table-std tbody thead,
.table-std tbody th {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0.5em 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0.5em 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0.5em 0 rgba(0, 0, 0, 0.1) inset;
  background: #fafafa;
  color: #666666;
  text-shadow: 1px 1px 0 #ffffff;
}
/* @end */
/* @group Hide elements */
/* for image replacement */
.ir,
.beverageItem .moreless {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden
   Updated to ensure no other style overrides the styles defined in this rule */
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
/* @end */
/* @group .clearfix */
/* CLEARFIX: j.mp/phayesclearfix */
.clearfix:after,
.inside:after,
.user-box:after,
.footer .lang:after,
.keyboard:after,
.generatedTicketsList:after,
.beverageItem:after,
.prev-next:after,
.beverageBlock:after,
.footer:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix,
.inside,
.user-box,
.footer .lang,
.keyboard,
.generatedTicketsList,
.beverageItem,
.prev-next,
.beverageBlock,
.footer {
  zoom: 1;
}
/* @end */
/* @end */