/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

/* ---------- Clase que carga la estructura principal del recinto ---------- 
.pista {
    /* position: absolute; 
    min-height: 100%;
    /*height: 0.8;
    width: 100%;
    max-width: 910px;/*Tama�o 1050px
    margin: 0 auto;
    left: 0;
    right: 0;
    background-size: 100% auto;
    background-image: url(../img/2023_Estructuras.svg); /* Imagen base para cena 
    background-repeat: no-repeat;
    padding-bottom: 15vh
}*/
/* ----------------------------------------------------------------------- */

/* --------------------------------------- Clases para mesa rectangular-10 Tipo A -------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina RECT-10 */
	.silla_rect_ta path {
	    fill: #eaeaea; /* #949492 */
	    transition: all 200ms linear
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_rect_ta {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_rect_ta:hover .silla_rect_ta path {
	    fill: #913ACE /* #023859 - #FF0000 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento */
	.asiento_rect_ta {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_rect_ta path {
	    fill: #ffffff /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas rectangulares (magenta) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_rect_ta:hover path,
	.asiento_rect_ta.select path {
	    fill: #913ACE /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_rect_ta.ocupado {
	    cursor: default
	}

/* 8.-pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_rect_ta.ocupado path {
	    fill: #8f8f9c/* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#Numero_rect_ta {
	    fill: #913ACE; /* #F1ECE9 */
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	}
	
/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_rect_ta.ocupado path {
	    fill: #8f8f9c  /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_rect_ta:hover .silla_rect_ta.ocupado path {
	    fill: #8f8f9c /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_rect_ta.ocupada {
	    cursor: default
	}
/* 13.- pinta el relleno de una silla sobre el plano general cuando esta ocupada temporalmente */
	.silla_rect_ta.ocupado-temp path {
	    fill: #913ACE /* #A63740 */
	}

/* 14.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_rect_ta:hover .silla_rect_ta.ocupado-temp path {
	    fill: #913ACE /* #A63740 */
	}

/* 15.- Cursor normal */
	.mesa_rect_ta.ocupado-temp {
	    cursor: default
	}		
	
/* -------------------------------------------------------------------------------------------------------------- */	
	
/* --------------------------------------- Clases para mesa rectangular-10 Tipo B -------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina RECT-10 */
	.silla_rect_tb path {
	    fill: #eaeaea; /* #949492 */
	    transition: all 200ms linear
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_rect_tb {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_rect_tb:hover .silla_rect_tb path {
	    fill: #0000ff /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento */
	.asiento_rect_tb {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_rect_tb path {
	    fill: #ffffff /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas rectangulares (magenta) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_rect_tb:hover path,
	.asiento_rect_tb.select path {
	    fill: #0000ff /* #00ffff */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_rect_tb.ocupado {
	    cursor: default
	}

/* 8.-pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_rect_tb.ocupado path {
	    fill: #8f8f9c/* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#Numero_rect_tb {
	    fill: #0000ff; /* #F1ECE9 */
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	}
	
/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_rect_tb.ocupado path {
	    fill: #8f8f9c  /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_rect_tb:hover .silla_rect_tb.ocupado path {
	    fill: #8f8f9c  /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_rect_tb.ocupada {
	    cursor: default
	}
	
/* 13.- pinta el relleno de una silla sobre el plano general cuando esta ocupada temporalmente */
	.silla_rect_tb.ocupado-temp path {
	    fill: #0000ff /* #A63740 */
	}

/* 14.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_rect_tb:hover .silla_rect_tb.ocupado-temp path {
	    fill: #0000ff /* #A63740 */
	}

/* 15.- Cursor normal */
	.mesa_rect_tb.ocupado-temp {
	    cursor: default
	}	
	
/* -------------------------------------------------------------------------------------------------------------- */	
	
/* --------------------------------------- Clases para mesa rectangular-12 Tipo C -------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina RECT-12 */
	.silla_rect_tc path {
	    fill: #eaeaea; /* #949492 */
	    transition: all 200ms linear
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_rect_tc {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_rect_tc:hover .silla_rect_tc path {
	    fill: #ff00ff /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento */
	.asiento_rect_tc {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_rect_tc path {
	    fill: #ffffff /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas rectangulares (magenta) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_rect_tc:hover path,
	.asiento_rect_tc.select path {
	    fill: #ff00ff /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_rect_tc.ocupado {
	    cursor: default
	}

/* 8.-pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_rect_tc.ocupado path {
	    fill: #8f8f9c /* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#Numero_rect_tc {
	    fill: #ff00ff; /* #F1ECE9 */
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	}
	
/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_rect_tc.ocupado path {
	    fill: #8f8f9c
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_rect_tc:hover .silla_rect_tc.ocupado path {
	    fill: #8f8f9c 
	}

/* 12.- Cursor normal */
	.mesa_rect_tc.ocupada {
	    cursor: default
	}	
/* 13.- pinta el relleno de una silla sobre el plano general cuando esta ocupada temporalmente */
	.silla_rect_tc.ocupado-temp path {
	    fill: #ff00ff /* #A63740 */
	}

/* 14.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_rect_tc:hover .silla_rect_tc.ocupado-temp path {
	    fill: #A63740 /* #A63740 */
	}

/* 15.- Cursor normal */
	.mesa_rect_tc.ocupado-temp {
	    cursor: default
	}	
	
/* -------------------------------------------------------------------------------------------------------------- */	
	
/* ---------------------------------------- Clases para mesa circular-(_c12-_c11-_c10) ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina circ-12(11) */
 	.silla_c10 path {
	    fill: #eaeaea; /* #949492 */
	    transition: all 200ms linear
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	 .mesa_c10 {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_c10:hover .silla_c10 path {
	    fill: #00FF00 /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento */
	.asiento_c10 {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_c10 path {
	    fill: #ffffff /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas circulares-12 (azul) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_c10:hover path,
	.asiento_c10.select path {
	    fill: #00FF00 /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_c10.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_c10.ocupado path {
	    fill: #8f8f9c /* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#Numero_c10 {
	    fill: #00FF00; /* #F1ECE9 */
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_c10.ocupado path {
	    fill: #8f8f9c  /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_c10:hover .silla_c10.ocupado path {
	    fill: #8f8f9c  /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_c10.ocupada {
	    cursor: default
	}
/* 13.- pinta el relleno de una silla sobre el plano general cuando esta ocupada temporalmente */
	.silla_c10.ocupado-temp path {
	    /*fill: #00FF00 /* #A63740 */
	    fill: #00FF00
	}

/* 14.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_c10:hover .silla_c10.ocupado-temp path {
	    /*fill: #00FF00 /* #A63740 */
	    fill: #00FF00
	}

/* 15.- Cursor normal */
	.mesa_c10.ocupado-temp {
	    cursor: default
	}	

/* -------------------------------------------------------------------------------------------------------------- */

/* Estilos para concierto */

/* ---------- Clase que carga la estructura principal del recinto ---------- */
.pista2 {
    position: absolute;
    min-height: 100%;
    /*height: 0.8;*/
    width: 100%;
    max-width: 910px; /*Tama�o 1050px*/
    margin: 0 auto;
    left: 0;
    right: 0;
    background-size: 100% auto;
    background-image: url(../img/Concierto_2023_Estructuras.svg);/* url(../img/exterior.svg) */
    background-repeat: no-repeat
}
/* ----------------------------------------------------------------------- */
/* ---------------------------------------- Clases para seccion A ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina cuad-12 */
	.silla_sa path {
	    fill: #eaeaea; 
	    transition: all 200ms linear
	    /* #949492 */
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_sa {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_sa:hover .silla_sa path {
	    fill: #00FF00
	     /*#ff00ff - #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	.asiento_sa {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_sa path {
	    fill: #eaeaea 
	    /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas cuadradas (magenta) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_sa:hover path,
	.asiento_sa.select-c path {
	    fill: #00FF00 
	    /* #ff00ff - #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_sa.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_sa.ocupado path {
	    fill: #8f8f9c 
	    /* #ff00ff #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#a_Secc {
	    fill: #00FF00; 
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	    /* #ff00ff - #F1ECE9 */
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_sa.ocupado path {
	    fill: #913ACE 
	    /* #ff00ff - #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_sa:hover .silla_sa.ocupado path {
	    fill: #A63740 
	    /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_sa.ocupada {
	    cursor: default
	}
	
/* ---------------------------------------- Clases para seccion B ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina circ-10 */
	.silla_sb path {
	    fill: #eaeaea; 
	    transition: all 200ms linear
	    /* #949492 */
	} 

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_sb {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_sb:hover .silla_sb path {
	    fill: #0000ff 
	    /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	.asiento_sb {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_sb path {
	    fill:  #eaeaea
	    /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas circulares-10 (azul) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_sb:hover path,
	.asiento_sb.select-c path {
	    fill: #00ffff 
	    /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_sb.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_sb.ocupado path {
	    fill: #8f8f9c
	    /* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#b_Secc {
	    fill: #0000ff; 
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	    /* #F1ECE9 */
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_sb.ocupado path {
	    fill: #0000ff 
	    /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_sb:hover .silla_sb.ocupado path {
	    fill: #A63740 
	    /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_sb.ocupada {
	    cursor: default
	}

/* ---------------------------------------- Clases para seccion C ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina cuad-12 */
	.silla_sc path {
	    fill: #eaeaea; 
	    transition: all 200ms linear
	    /* #949492 */
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_sc {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_sc:hover .silla_sc path {
	    fill: #ff00ff 
	    /* #ff00ff - #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	.asiento_sc {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_sc path {
	    fill: #eaeaea
	    /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas cuadradas (magenta) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_sc:hover path,
	.asiento_sc.select-c path {
	    fill: #ff00ff 
	    /* #ff00ff - #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_sc.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_sc.ocupado path {
	    fill: #8f8f9c
	    /* #ff00ff #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#c_Secc {
	    fill: #ff00ff; 
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	    /* #ff00ff - #F1ECE9 */
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_sc.ocupado path {
	    fill: #913ACE 
	    /* #ff00ff - #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_sc:hover .silla_sc.ocupado path {
	    fill: #A63740 
	    /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_sc.ocupada {
	    cursor: default
	}

/* ---------------------------------------- Clases para seccion D ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina circ-10 */
	.silla_sd path {
	    fill: #eaeaea; 
	    transition: all 200ms linear
	    /* #949492 */
	} 

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_sd {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_sd:hover .silla_sd path {
	    fill: #0000ff 
	    /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	.asiento_sd {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_sd path {
	    fill: #ffffff
	    /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas circulares-10 (azul) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_sd:hover path,
	.asiento_sd.select path {
	    fill: #00ffff 
	    /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_sd.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_sd.ocupado path {
	    fill: #8f8f9c
	    /* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#d_Secc {
	    fill: #0000ff; 
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	    /* #F1ECE9 */
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_sd.ocupado path {
	    fill: #0000ff 
	    /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_sd:hover .silla_sd.ocupado path {
	    fill: #A63740 
	    /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_sd.ocupada {
	    cursor: default
	}

/* ---------------------------------------- Clases para seccion E ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina cuad-12 */
	.silla_se path {
	    fill: #eaeaea; 
	    transition: all 200ms linear
	    /* #949492 */
	}

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_se {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_se:hover .silla_se path {
	    fill: #0000ff 
	    /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	.asiento_se {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_se path {
	    fill: #ffffff
	    /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas cuadradas (magenta) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_se:hover path,
	.asiento_se.select path {
	    fill: #00ffff 
	    /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_se.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_se.ocupado path {
	    fill: #8f8f9c
	    /* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#e_Secc {
	    fill: #0000ff; 
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	    /* #F1ECE9 */
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_se.ocupado path {
	    fill: #0000ff 
	    /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_se:hover .silla_se.ocupado path {
	    fill: #A63740 
	    /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_se.ocupada {
	    cursor: default
	}

/* ---------------------------------------- Clases para seccion F ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina circ-10 */
	.silla_sf path {
	    fill: #eaeaea; 
	    transition: all 200ms linear
	    /* #949492 */
	} 

/* 2.- cambia el puntero al pasar sobre la mesa */
	.mesa_sf {
	    cursor: pointer
	}

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	.mesa_sf:hover .silla_sf path {
	    fill: #0000ff 
	    /* #023859 */
	}

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	.asiento_sf {
	    cursor: pointer
	}

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	.asiento_sf path {
	    fill: #ffffff
	    /* #949492 */
	}

/* 6.- Pinta el relleno de las sillas circulares-10 (azul) del detalle al momento de seleccionar en la modal un asiento */
	.asiento_sf:hover path,
	.asiento_sf.select path {
	    fill: #00ffff 
	    /* #0A6AA6 */
	}

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	.asiento_sf.ocupado {
	    cursor: default
	}

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	.asiento_sf.ocupado path {
	    fill: #8f8f9c 
	    /* #A63740 */
	}

/* 9.- Coloca el numero de la mesa en la ventana modal */
	#f_Secc {
	    fill: #0000ff; 
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	    /* #F1ECE9 */
	}

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	.silla_sf.ocupado path {
	    fill: #0000ff 
	    /* #A63740 */
	}

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	.mesa_sf:hover .silla_sf.ocupado path {
	    fill: #A63740 
	    /* #A63740 */
	}

/* 12.- Cursor normal */
	.mesa_sf.ocupada {
	    cursor: default
	}
































	
/* ---------------------------------------- Clases para mesa cuadrada-12 ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina cuad-12 */
/* 	.silla_cuad path {
	    fill: #eaeaea; #949492
	    transition: all 200ms linear
	} */

/* 2.- cambia el puntero al pasar sobre la mesa */
/* 	.mesa_cuad {
	    cursor: pointer
	} */

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	/* .mesa_cuad:hover .silla_cuad path {
	    fill: #ff00ff #023859
	} */

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	/* .asiento_cuad {
	    cursor: pointer
	} */

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	/* .asiento_cuad path {
	    fill: #eaeaea #949492
	} */

/* 6.- Pinta el relleno de las sillas cuadradas (magenta) del detalle al momento de seleccionar en la modal un asiento */
	/* .asiento_cuad:hover path,
	.asiento_cuad.select path {
	    fill: #00ffff #0A6AA6
	} */

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
	/* .asiento_cuad.ocupado {
	    cursor: default
	} */

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	/* .asiento_cuad.ocupado path {
	    fill: #00ffff #A63740
	} */

/* 9.- Coloca el numero de la mesa en la ventana modal */
	/* #Numero_cuad {
	    fill: #0000ff; #F1ECE9
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	} */

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
	/* .silla_cuad.ocupado path {
	    fill: #0000ff #A63740
	} */

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
	/* .mesa_cuad:hover .silla_cuad.ocupado path {
	    fill: #a63740 #A63740
	} */

/* 12.- Cursor normal */
	/* .mesa_cuad.ocupada {
	    cursor: default
	}	 */


/* -------------------------------------------------------------------------------------------------------------- */

/* Longitud maxima del svg (por su Id) del detalle de la mesa c/sus asientos */
/* #Mesa-rectangular {
    max-width: 300px 250px
} */


/*  */
/* .num_svg path {
    transition: all 200ms linear;
    fill: #F1ECE9 #F1ECE9
} */

/* Longitud maxima del svg (por su Id) del detalle de la mesa c/sus asientos */
/* #Mesa-Circular-10 {
    max-width: 300px 250px
} */

/* Llenado de la mesa en la ventana de detalle */
/* #Circular-10 {
    fill: #485058; #485058
    stroke: #656565; #485058
    stroke-width: 2;
    stroke-miterlimit: 10
} */

/* 

.mesa.ocupada .silla path {
    fill: #A63740 #A63740
}



.mesa.ocupada .num_svg path {
    fill: #615b5b #615b5b
}


.mesa:hover .num_svg path {
    fill: #fdfdfd #fdfdfd
}


.mesa.ocupada ellipse {
    stroke: #a1a1a1; #a1a1a1
    fill: #C5C5C5 #C5C5C5
}


.mesa.ocupada:hover ellipse {
    stroke: #a1a1a1; #a1a1a1
    fill: #C5C5C5 #C5C5C5
}


.mesa ellipse  { 
    fill: #485058; #485058
    stroke: #656565; #656565
    transition: all 200ms linear;
    stroke-width: 2;
    stroke-miterlimit: 10
}


.mesa:hover ellipse { 
    fill: #0A6AA6; #0A6AA6
    stroke: #023859 #023859
}
 */
/* -------------------------------------------------------------------------------------------------------------- */



/* Longitud maxima del svg (por su Id) del detalle de la mesa c/sus asientos */
/* #Mesa-cuadrada {
    max-width: 300px 250px
} */

/* Llenado de la mesa en la ventana de detalle */
/* #Cuadrada-12 {
    fill: #485058; #485058
    stroke: #656565; #485058
    stroke-width: 2;
    stroke-miterlimit: 10
} */

/* -------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Clases para mesa circular-8 ---------------------------------------- */

/* 1.- Pinta el relleno de las sillas en gris al momento de cargar la pagina circ-10 */
	/* .silla path {
	    fill: #eaeaea; #949492
	    transition: all 200ms linear
	} */

/* 2.- cambia el puntero al pasar sobre la mesa */
	/* .mesa {
	    cursor: pointer
	} */

/* 3.- cambia de color del relleno de las sillas al pasar el cursor sobre la mesa */
	/* .mesa:hover .silla path {
	    fill: #0000ff #023859
	} */

/* 4.- cambia el puntero al pasar sobre el asiento en la modal */
	/* .asiento {
	    cursor: pointer
	} */

/* 5.- Pinta el relleno de las sillas (gris) del detalle al momento de cargar la modal donde se seleccionan asientos */
	/* .asiento path {
	    fill: #eaeaea #949492
	} */

/* 6.- Pinta el relleno de las sillas circulares-10 (azul) del detalle al momento de seleccionar en la modal un asiento */
	/* .asiento:hover path,
	.asiento.select path {
	    fill: #00ffff #0A6AA6
	} */

/* 7.- pone el puntero estandar al pasar sobre un asiento ya pagado/bloqueado en la modal */
/* 	.asiento.ocupado {
	    cursor: default
	} */

/* 8.- pinta el relleno de un asiento pagado/bloqueado en la modal */
	/* .asiento.ocupado path {
	    fill: #00ffff #A63740
	} */

/* 9.- Coloca el numero de la mesa en la ventana modal */
/* 	#Numero {
	    fill: #0000ff; #F1ECE9
	    font-family: 'Oswald';
	    font-size: 32px;
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none
	} */

/* 10.- pinta el relleno de una silla sobre el plano general cuando esta ocupada */
/* .silla.ocupado path {
    fill: #0000ff #A63740
} */

/* 11.- Cambia de color las sillas que ya estan ocupadas/pagadas cuando se pasa el cursor sobre la mesa */
/* .mesa:hover .silla.ocupado path {
    fill: #A63740 #A63740
} */

/* 12.- Cursor normal */
/* .mesa.ocupada {
    cursor: default
} */


/* Clases para mesas, silla, asientos y numeros */
/* 


.num_svg_cuad path {
    transition: all 200ms linear;
    fill: #F1ECE9 #F1ECE9
}


.mesa_cuad ellipse  { 
    fill: #485058; #485058
    stroke: #656565; #656565
    transition: all 200ms linear;
    stroke-width: 2;
    stroke-miterlimit: 10
}


.mesa_cuad:hover ellipse { 
    fill: #0A6AA6; #0A6AA6
    stroke: #023859 #023859
}

.mesa:hover .num_svg path {
    fill: #fdfdfd #fdfdfd
}


.mesa_cuad.ocupada .silla_cuad path {
    fill: #A63740 #A63740
}

.mesa_cuad.ocupada ellipse {
    stroke: #a1a1a1; #a1a1a1
    fill: #C5C5C5 #C5C5C5
}


.mesa_cuad.ocupada .num_svg_cuad path {
    fill: #615b5b #615b5b
}


.mesa_cuad.ocupada:hover ellipse {
    stroke: #a1a1a1; #a1a1a1
    fill: #C5C5C5 #C5C5C5
}
 */
/* Longitud maxima del svg (por su Id) del detalle de la mesa c/sus asientos */
	/* #Mesa-circular-12 {
    max-width: 300px 250px
} */