﻿div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.FilaTitulo
{
	color: #006699;
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 15px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra h2
{
	color: #336984;
	font-size: 13pt;
	font-weight: bold;
	text-transform: uppercase;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales
{
	float: left;
	margin: 20px 0;
	width: 100%;
	clear: both;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila
{
	clear: both;
	float: left;
	height: 30px;
	width: 100%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.Opcional
{
	background: transparent no-repeat scroll 0 0;
	float: left;
	height: 10px;
	margin: 6px 4px 0 0;
	width: 10px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.Obligatorio
{
	background: transparent url(Img/Obligatorio.gif) no-repeat scroll 0 0;
	float: left;
	height: 10px;
	margin: 6px 4px 0 0;
	width: 10px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.Nombre
{
	float: left;
	margin-top: 3px;
	width: 30%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.Campo
{
	float: left;
	width: 62%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.Campo input
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.Campo input.Error
{
	background: #FFFFFF url(Img/Errortxt.gif) no-repeat scroll right center;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.MostrarAsistentes
{
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosAdicionales div.Fila div.MostrarAsistentes input
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.FilaTotal
{
	border-bottom: 1px solid #336984;
	border-top: 1px solid #336984;
	float: left;
	margin-bottom: 15px;
	padding: 5px 0 8px;
	width: 100%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.FilaTotal div.Label
{
	float: left;
	text-align: right;
	width: 78%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.FilaTotal div.Valor
{
	background-color: #FFFFCC;
	float: left;
	text-align: right;
	width: 20%;
	margin-left: 8px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.PasarelasDePago
{
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra a.PayPal
{
	background: transparent url(Img/BotonPayPal.gif) no-repeat scroll 0 0;
	clear: both;
	display: block;
	height: 47px;
	margin: 0 auto;
	width: 141px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra a.BotonHacerDonativo
{
	background: transparent url(Img/es/BotonHacerDonativo_es.gif) no-repeat scroll 0 0;
	clear: both;
	display: block;
	height: 40px;
	margin: 0 auto;
	width: 258px;
}

div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra a.TarjetaCredito
{
	background: transparent url(Img/es/RealizarCompra.gif) no-repeat scroll 0 0;
	clear: both;
	display: block;
	height: 47px;
	margin: 0 auto;
	width: 260px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra a.RealizarCompra
{
	clear: both;
	display: block;
	height: 40px;
	margin: 0 auto;
	width: 258px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Asistencia
{
	clear: both;
	margin: 0 auto 10px;
	width: 100%;
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Asistencia input
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Asistencia label
{
	color: #808080;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Leyenda
{
	clear: both;
	margin: 0 auto 10px;
	width: 100%;
	float: left;
	color: #808080;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Leyenda div.Obligatorio
{
	background: transparent url(Img/Obligatorio.gif) no-repeat scroll 0 0;
	float: left;
	height: 12px;
	margin: 3px 5px 0;
	width: 12px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Terminos
{
	clear: both;
	margin: 0 auto 20px;
	width: 100%;
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Terminos input
{
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Terminos div
{
	color: #808080;
}

div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Communications
{
	clear: both;
	margin: 0 auto 5px;
	width: 100%;
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Communications input
{
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Communications div
{
	color: #808080;
}

div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura h2
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura p
{
	color: #C0C0C0;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Check
{
	margin-bottom: 10px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Check label
{
	color: #808080;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Check input
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Desplegador
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila
{
	clear: both;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila div.Label
{
	float: left;
	width: 30%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila div.Control
{
	float: left;
	width: 68%;
	margin-left: 1%;
}
#FormularioFactura
{
	overflow: hidden;
	height: auto;
}

div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila div.Control div.CiudadYPais
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila div.Control div.CiudadYPais div.Pais
{
	clear: both;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila div.Control div.CiudadYPais div.Provincia
{
	clear: both;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.Factura div.Fila div.Control div.CiudadYPais div.Ciudad
{
	clear: both;
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

.section_header
{
	border-bottom: 1px solid #cdcaca;
	color: #000;
	font-size: 18px;
	margin-bottom: 5px;
}
.a12
{
	font-size: 12px;
}
.a10
{
	font-size: 10px;
}
.a12
{
	font-size: 12px;
}
.a13
{
	font-size: 13px;
	color: #000;
}
.a15
{
	font-size: 15px;
}
.a18
{
	font-size: 18px;
}
.a20
{
	font-size: 20px;
}
.v9
{
	font-size: 9px;
}
.v10
{
	font-size: 10px;
}
.v12
{
	font-size: 12px;
}

.mb5
{
	margin-bottom: 5px;
}
.mb10
{
	margin-bottom: 10px;
}
.mb15
{
	margin-bottom: 15px;
}
.mb20
{
	margin-bottom: 20px;
}
.bold
{
	font-weight: bold;
}
.mt5
{
	margin-top: 5px;
}
.mt10
{
	margin-top: 10px;
}

.rb_selected
{
	background: transparent url(Img/radio_on.gif) no-repeat scroll 0 0;
	clear: both;
	margin: 0 auto;
	padding-left: 10px;
	border: 0px;
	width: 11px;
	height: 11px;
}
.rb_unselected
{
	background: transparent url(Img/radio_off.gif) no-repeat scroll 0 0;
	clear: both;
	margin: 0 auto;
	padding-left: 10px;
	border: 0px;
	width: 11px;
	height: 11px;
}

div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta
{
	float: left;
	margin: 20px 0;
	width: 100%;
	clear: both;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila
{
	clear: both;
	float: left;
	height: 30px;
	width: 100%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.Opcional
{
	background: transparent no-repeat scroll 0 0;
	float: left;
	height: 10px;
	margin: 6px 4px 0 0;
	width: 10px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.Obligatorio
{
	background: transparent url(Img/Obligatorio.gif) no-repeat scroll 0 0;
	float: left;
	height: 10px;
	margin: 6px 4px 0 0;
	width: 10px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.Nombre
{
	float: left;
	margin-top: 3px;
	width: 30%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.Campo
{
	float: left;
	width: 62%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.Campo input
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.Campo input.Error
{
	background: #FFFFFF url(Img/Errortxt.gif) no-repeat scroll right center;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.CampoCVV2
{
	float: left;
	width: 52.4%;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.CampoCVV2 input
{
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.CampoCVV2 input.Error
{
	background: #FFFFFF url(Img/Errortxt.gif) no-repeat scroll right center;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila a.CVV2
{
	margin-left: 6px;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.CardExpirationMonth
{
	float: left;
}
div.Pagina div.FondoCuerpo div.Cuerpo div.CuerpoIzquierda div.FondoInformacionTickets div.SumarioDeCompra div.DatosTarjeta div.Fila div.CardExpirationYear
{
	float: left;
	margin-left: 5px;
}


.ModalPopupBackground
{
	background-color: #000;
	filter: alpha(opacity=40);
	opacity: 0.5;
}

.WaitWhileProcessingPanel
{
	background: #FFF;
	box-shadow: 10px 10px 5px #888;
	padding: 5px 5px 5px 15px;
	padding: 0px10px10px10px;
	position: absolute;
	width: 400px;
	height: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	padding: 10px;
}

.WaitWhileProcessingPanelHeader
{
	color: #006699;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 5px;
}

.WaitWhileProcessingPanelDetail
{
	font-size: 15px;
}

.WaitWhileProcessingPanelDetail img
{
	position: relative;
	top: 100px;
	left: 200px;
}

.WaitWhileProcessingPanelApplyBackground
{
	background-image: url(img/BarraLoading2.gif);
	background-repeat: no-repeat;
	background-position: 140px 100px;
}

/* Repeat Start */
.RepeatingInstanceSelector
{
	padding-top: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #336984;
	border: 1px solid #CCC;
	padding-top: 10px;
	padding-left: 10px;
}

.RepeatingInstanceSelector input
{
	width: 100px;
	margin-left: 5px;
}

.RepeatingInstanceSelector select
{
	width: 100px;
	position: relative;
	left: 330px;
	top: -20px;
}
/* Repeat End */

/* VenueMap Start */
#VenueMap
{
	
	height: 365px;
	width: 600px;
	margin-top: 50px;
	margin-left: 30px;
	margin-bottom:30px;
	margin-right: auto;
	overflow: visible;

}


#VenueMap ul
{
	/* This position the ul content in the middle of the gallery*/
	margin-left: -30px;
}


#VenueMap ul li
{
	/* In order to create the proper effect with hover we should use display inline-table                     This will display the big picture right next to its thumbnail                 */
	list-style: none;
	display: inline-table;
	padding: 10px;
}


/* This is the pic to display when the hover action occur over the li that contains the thumbnail  */
#VenueMap ul li .pic
{
	/* Animation with transition in Safari and Chrome */
	-webkit-transition: all 0.6s ease-in-out; /* Animation with transition in Firefox (No supported Yet) */
	-moz-transition: all 0.6s ease-in-out; /* Animation with transition in Opera (No supported Yet)*/
	-o-transition: all 0.6s ease-in-out; /* The the opacity to 0 to create the fadeOut effect*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin-top: 10px; 
	margin-left: -80px;
	border: 1px solid black; /* box shadow effect in Safari and Chrome*/
	-webkit-box-shadow: #272229 2px 2px 10px; /* box shadow effect in Firefox*/
	-moz-box-shadow: #272229 2px 2px 10px; /* box shadow effect in IE*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5); /* box shadow effect in Browsers that support it, Opera 10.5 pre-alpha release*/
	box-shadow: #272229 2px 2px 10px;
}

#VenueMap ul li .mini{ width:485px;
						height:292px;}

#VenueMap ul li .mini:hover
{
	cursor: pointer;
}


/* This create the desired effect of showing the imagen when we mouseover the thumbnail*/
#VenueMap ul li:hover .pic
{
	/* width and height is how much the picture is going to growth with the effect */
	opacity: 1 !important;
	visibility: visible;
	float: left;
	z-index:1000;
	position:relative;
	left:-100px;
	top:-700px;
	
}


/* VenueMap End */
.NumberedTicketSelectorDescription{ margin-bottom:30px;}

.NumberedTicketSelectorTicketDetail{ margin-bottom:30px; float:left;}

.NumberedTicketSelector{ width:140px; 
						margin-left:5px; 
						margin-bottom:-30px;
						}
						
.NumberedTicketSelection{ width:460px; 
						margin-right:400px;
						 background-color:#C9F;}
						
.SumarioDeCompra{ width:510px;} 

.ModalPopupBackground
{
	background-color:#000;
	filter:alpha(opacity=40);
	opacity:0.5;
}

.VenueImagePanel
{
	background:#FFF;
	box-shadow: 10px 10px 5px #888;
	padding: 0px20px10px40px;
	position:absolute;
	width:800px;   
	height:600px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	padding: 10px;
	color: #555555;
}

.VenueImagePanel h3 
{ 
	font-size:24px;
	color:#006699;
	height:36px;
	padding:5px;
}

.VenueImagePanel p
{
	margin-left:20px;
	margin-right:20px;
}

.VenueImagePanel #SumarioCompra_ClosePanel
{
	margin-left:760px;
}
