.reserva-datos img {
	float: left;
	border: 2px solid #642687;
	margin-right: 5px;
}
#funciones-activas ul img {
	margin-left: 3px;
   margin-right: 3px;
	margin-bottom: -2px;
}
#codigo_obra {
   width: auto;
}
.reserva-datos {
	padding: 10px;
	height: 100px;
	background-color: #F8F8F8;
	margin-top: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}
.reservas .dia .espectaculo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	margin: 0px;
	overflow: auto;
	height: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	position: relative;
}
.reservas .dia .espectaculo img {
	float: left;
	border: 2px solid #999;
	margin-right: 10px;
	height: 75px;
	width: 100px;
}
.reservas .dia .espectaculo a {
	font-weight: bold;
	text-decoration: none;
	color: #672F95;
}

.reservas .dia .espectaculo a:hover {
	text-decoration: underline;
	width: 100%;
}
.reservas .dia .espectaculo input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 20px;
}
.reservas .dia .espectaculo-over img {
	float: left;
	border: 2px solid #999999;
	margin-right: 10px;
}

.reservas .dia .espectaculo i {
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
}
.reservas .dia .espectaculo-over a {
	font-weight: bold;
	text-decoration: none;
	color: #672F95;
}
.reservas .dia .espectaculo-over a:hover {
	text-decoration: underline;
	width: 100%;
}
.reservas .dia .espectaculo-over {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #F0F0F0;
	margin: 0px;
	overflow: auto;
	height: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.reservas .dia .espectaculo-over i {
	color: #FF0000;
	text-decoration: none;
	font-style: normal;
}
.reservas .dia .espectaculo-over input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 20px;
}


.reservas .dia .espectaculo-agotado {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	margin: 0px;
	overflow: auto;
	height: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #CCCCCC;
	filter:alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.reservas .dia .espectaculo-agotado img {
	float: left;
	border: 2px solid #666666;
	margin-right: 10px;
	height: 75px;
	width: 100px;
	filter:alpha(opacity:40);
	-moz-opacity:0.40;
	opacity:0.40;
}
.reservas .dia .espectaculo-agotado a {
	font-weight: bold;
	text-decoration: none;
	color: #BBBBBB;
}
.reservas .dia .espectaculo-agotado input {
	float: right;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.reservas .dia .espectaculo-agotado a:hover {
	text-decoration: underline;
	width: 100%;
}
.reservas .dia .espectaculo-agotado i {
	text-decoration: none;
	font-style: normal;
}
.reservas .dia .espectaculo-agotado-over {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	margin: 0px;
	overflow: auto;
	height: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	color: #CCCCCC;
	filter:alpha(opacity:50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.reservas .dia .espectaculo-agotado-over img {
	float: left;
	border: 2px solid #666666;
	margin-right: 10px;
	filter:alpha(opacity:40);
	-moz-opacity:0.40;
	opacity:0.40;
}

.reservas .dia .espectaculo-agotado-over a {
	font-weight: bold;
	text-decoration: none;
	color: #BBBBBB;
}
.reservas .dia .espectaculo-agotado-over a:hover {
	text-decoration: underline;
	width: 100%;
}
.reservas .dia .espectaculo-agotado-over input {
	float: right;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.reservas .dia .espectaculo-agotado-over i {
	text-decoration: none;
	font-style: normal;
}

.reservas .titulo {
	background-color: #985ECC;
	margin: 0px;
	font-size: 11px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.reservas .titulo a {
	color: #FFFFFF;
	text-decoration: none;
}

.reservas {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.reserva-datos .espectaculo {
	font-weight: bold;
	margin-left: 110px;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #642687;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
.reserva-datos .lugar {
	margin-left: 110px;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #642687;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

.reserva-datos .fecha {
	font-weight: bold;
	margin-left: 110px;
	padding: 3px;
	margin-bottom: 2px;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #999999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	height: 18px;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #999999;
	color : #999999;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
}

.form-row {
	clear: both;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.field-label {

}

.field-widget {

}.formulario-seccion {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #642687;
	padding: 3px;
	text-align: center;
	position: relative;
}
#formulario-reserva {
	margin: 0px;
	padding: 0px;
	background-color: #F8F8F8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	position: relative;
}
#formulario-reserva fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin: 0px;
}
#formulario-reserva legend {
	background-color: #666666;
	width: 100%;
	padding: 4px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	display: block;
}
#formulario-reserva #siguiente {
	float: right;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.formulario-seccion-error {
	background-color: #FF0000;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}
.reservas .titulo h2 a {
	color: #FFFFFF;
}
#formulario-reserva .form-row .field-widget #localidades {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #999999;
}
.aviso-confirmacion {
	background-color: #F8F8F8;
	font-size: 13px;
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.reserva-datos .persona {
	font-size: 13px;
	padding-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px dotted #642687;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.reservable {
	background-image: url(http://img.alternativateatral.com/imagenes/ticket_green.gif);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	margin: 1px;
	padding-top: 15px;
	padding-right: 1px;
	padding-bottom: 15px;
	padding-left: 22px;
	background-position: 0px 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4F2384;
}
.aviso-mail {
	background-image: url(http://img.alternativateatral.com/imagenes/email.png);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	margin: 1px;
	padding-top: 15px;
	padding-right: 1px;
	padding-bottom: 15px;
	padding-left: 22px;
	background-position: 0px 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4F2384;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
.aviso-mail textarea {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	width: 600px;
}

.reservable ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	list-style-type: lower-alpha;
	list-style-image: url(http://img.alternativateatral.com/imagenes/arbol-funciones.gif);
}

.no-reservable {
	background-image: url(http://img.alternativateatral.com/imagenes/ticket_gris.gif);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	margin: 1px;
	padding-top: 15px;
	padding-right: 1px;
	padding-bottom: 15px;
	padding-left: 22px;
	background-position: 0px 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #431578;
}

.reservas-agotadas {
	background-image: url(http://img.alternativateatral.com/imagenes/bullet_star.png);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	margin: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 22px;
	background-position: 4px 0px;
}
.reservas-disponibles {
	background-image: url(http://img.alternativateatral.com/imagenes/bullet_green.png);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	margin: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 22px;
	background-position: 4px 0px;
}
.funciones-activas {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}
.sombra .funciones-activas a {
	color: #666666;
	text-decoration: underline;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}

.estado-reservas {
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 5px;
}
h1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.reservas-agotadas a {
	color: #333333;
	text-decoration: none;
}
.reservas-agotadas a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #642687;
}
.reservas-disponibles a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #642687;
}
.reservas-disponibles a {
	color: #333333;
	text-decoration: none;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #642687;
	padding: 5px;
	margin: 0px;
	background-image: url(http://img.alternativateatral.com/imagenes/fondo-header.jpg);
	background-repeat:  repeat-x;
	border: 1px solid #CCCCCC;
	position: relative;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	color: #FFFFFF;
	background-image: url(http://img.alternativateatral.com/imagenes/fondo-registro.jpg);
	border: 1px solid #6A2288;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
.listado-reservas {
	width: 100%;
}
.email a {
	color: #333333;
	text-decoration: none;
}

.detalle-reserva-titulo {
	background-color: #522687;
	color: #FFFFFF;
	font-weight: bold;
}
.detalle-reserva-si {
}
.detalle-reserva-no {
  color: #999999;
}
.detalle-reserva-total {
	color: #333333;
}
.detalle-reserva-total td {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F2F2F2;
}
.detalle-reserva-titulo td {
	padding: 5px;
}
.detalle-reserva-si td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.detalle-reserva-no td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#formulario-nueva-reserva #confirmar {
	float: right;
}

#formulario-nueva-reserva label {
	width: 80px;
	display: block;
	float: left;
	height: 15px;
	padding-top: 3px;
}
#nueva-persona {
	display: block;
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	margin: 10px;
	overflow: auto;
	padding-right: 10px;
	padding-left: 10px;
}
.datos-espectaculo {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px;
	margin: 0px;
	background-image: url(http://img.alternativateatral.com/imagenes/fondo-header.jpg);
	background-repeat:  repeat-x;
	border: 1px solid #CCCCCC;
	height: 75px;
}
#sector-formulario {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(http://img.alternativateatral.com/imagenes/fondo-header.jpg);
	background-repeat:  repeat-x;
	border: 1px solid #CCCCCC;
	overflow: auto;
	display: block;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0px;
	height: 295px;
	position: relative;
}
#sector-formulario td { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#formulario-localidad {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}

#formulario-localidad input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#formulario-localidad select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#formulario-localidad label {
	display: block;
	margin-bottom: 2px;
	height: 22px;
}
#formulario-localidad label span {
	display: block;
	width: 110px;
	float: left;
	text-align: right;
	margin-right: 5px;
	padding-top: 2px;
}
#formulario-localidad fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px;
}
.sombra #formulario-localidad input[button] {
	float: right;
}

.datos-espectaculo img {
	float: left;
	margin-right: 10px;
	border: 2px solid #CCCCCC;
}
.datos-espectaculo h3 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #601E82;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-decoration: none;
}
.datos-espectaculo a {
	color: #601E82;
	text-decoration: none;
}
.datos-espectaculo a:hover {
	text-decoration: underline;
}
#boton-continuar, input[button] {
	background-color: #663B95;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}
#progreso-continuar {
    position: absolute;
    bottom: 22px;
    right: 240px;
}
.agotado {
   color: #999999;
}
#toogle-funciones-activas {
  font-family: Courier;
  font-size: 11px;
  color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
}
#toogle-funciones-activas:hover {
	/* text-decoration: underline; */
}
.toogle-estado-reservas {
  font-family: Courier;
  font-size: 11px;
  color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
}
.toogle-estado-reservas:hover {
	/* text-decoration: underline; */
}
#toogle-asignar-localidades {
  font-family: Courier;
  font-size: 11px;
  color: #666666;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 4px;
}
#toogle-toogle-asignar-localidades:hover {
	/* text-decoration: underline; */
}
.numero {
   text-align: right;
}
.detalle-reserva-separador {
	color: #666666;
}
.detalle-reserva-separador td {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.sector-info-localidades {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.titulo-confirmacion {
  font-weight: bold;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.sector-boton-confirmacion {
  font-weight: bold;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.titulo-item-confirmacion {
  font-weight: bold;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.valor-item-confirmacion {
  font-weight: normal;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.titulo-itemfinal-confirmacion {
  font-weight: bold;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCCC;
}
.valor-itemfinal-confirmacion {
  font-weight: normal;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCCC;
}
.titulo-importes-confirmacion {
  font-weight: normal;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCCC;
}
.valor-importes-confirmacion {
  font-weight: normal;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCCC;
}
.titulo-total-confirmacion {
  font-weight: bold;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
.valor-total-confirmacion {
  font-weight: bold;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
.comisiones {
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #666;
	display: block;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px dotted #999;
	background-color: #F8F8F8;
}
.dia ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 100%;
	overflow: auto;
}
#mensaje {
    text-align:center;
	font-weight: bold;
	height: 15px;
}
#formulario-precio {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}

#formulario-precio input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#formulario-precio select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#formulario-precio label {
	display: block;
	margin-bottom: 2px;
	height: 22px;
}
#formulario-precio label span {
	display: block;
	width: 110px;
	float: left;
	text-align: right;
	margin-right: 5px;
	padding-top: 2px;
}
#formulario-precio fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px;
}
#formulario-precio input[button] {
	float: right;
}
#ayuda-config {
   position: absolute;
   right: 10px;
   text-decoration: none;
   color: #642687;
}