/*centra y alinea la pagina, da el fondo del sitio*/
body 
{
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#F2EFE0 url(Images/bgs/bgSite.jpg) no-repeat center top;
}
input
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.HighlightValidatorCalloutExtender
{
	background-color:#FFFACD;
	color: gray;
}
.ValidatorCalloutExtender
{
	color: Black;
	display:inline;
}
.advertisement728x90footer 
{
	background-color:#010101;
}
/*da el fondo de la pagina con una repeticion en x*/
.bgBody 
{
	background-image: url('Images/bgs/bgBody.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #010101;
    width:955px;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
	border-bottom-width:0px;
}
#homeLink
{
	float:left;	
}
#maindAd
{
	float:right;	
}

#clearImg
{
	border:0	;
	text-decoration:none;
}

img, a img {
border:medium none;
}
.bgBodyPopUp
{
	background-image: url('Images/bgs/bgBody.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#0B0C1D;
	width:460px;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
	border-bottom-width:0px;
}

/****************ESTILOS PARA ASP BUTTONS***************/
.boton{
font-family: Trebuchet MS;
text-decoration: none;
display: compact;
border: 0 outset #cccccc;
background-color: transparent;
height: 23px;
font-weight:bold;
font-size:12px;
text-decoration: none;
color: #C9D5DA;
text-transform:capitalize;
}


.botonFooter
{
	font-family: Trebuchet MS;
	text-decoration: none;
	border: 0 outset #cccccc;
	background:transparent;
	height: 15px;
	font-weight:bold;
	cursor:pointer;
	font-size:10px;
	text-decoration: none;
	text-transform:capitalize;
	color:#BEBEBE;
}
/**************** FINAL ESTILOS PARA ASP BUTTONS ***************/

/*LINKS PARA EL MENU DE BOTONES*/
.menuText
{	
	font-weight:bold;
	font-size:11px;
	color: #C9D5DA;
	text-decoration: none;
	text-transform: uppercase;	
}
.menuItem:link 
{	
	font-weight:bold;
	font-size:11px;
	color: #C9D5DA;
	text-decoration: none;
	text-transform: capitalize;
	
}
.menuItem:visited 
{	
	font-weight:bold;
	font-size:11px;	
	color: #C9D5DA;
	text-decoration: none;
	text-transform: capitalize;

}
.menuItem:hover 
{	
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: capitalize;

	
}
.menuItem:active 
{
	text-decoration: none;	
	text-transform: capitalize;
	font-weight:bold;

}

/*__________________________________________________________________________________________*/
/******EN ESTA PARTE SE HACE EL FORMATO DEL HEADER PARA EL SITIO DE JUANES ******/
/******SE HACE EN TRES DIVISIONES POR QUE JUANES ES EL UNICO ARTISTA QUE VA A ******/
/******CONTAR CON UN REPRODUCTOR DE MUSICA EN LA PARTE DE LA CABECERA DE LA PAGINA Y ******/
/******CON UN LOGEO PARA LA LISTA DE ADMITIDOS******/

/*pone la imagen superior del header del artista. EN LAS SECCIONES DE ARTISTAS DIFERENTES 
DE JUANES POR MEDIO DE UNA ACCION DE JAVA EVITAMOS QUE SE CARGUE LA DIVISION DE LA TABLA 
QUE CONTIENE EL REPRODUCTOR Y LA SECCION DE LOGEO. DEJANDO SOLAMENTE ACTIVO EL HEADER QUE
SERA LA IMAGEN QUE SE TENGA EN EL DIRECTORIO*/

/*///////////////////   I   N   I   C   I   O       D   E   L       H   E   A   D   E   R   ///////*/
.bgHeader
{
	background-image: url('Images/header/imgHdr.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 92px;	
}
/*///////////////////   F   I   N       D   E   L       H   E   A   D   E   R       ///////*/
/*_________________________________________________________________________________________*/

/*///////////////////   I   N   I   C   I   O       D   E   L       M   E   N   U   ///////*/
/*DEFINICION DE LAS CARACTERISTICAS DE LA TABLA*/
.tablaMenu 
{
    width: 100%;
    padding:4px;
	border:0px;
	white-space: nowrap;
	border-spacing:9px;	
	border-collapse:collapse;
	height:24px;
}

/*pone la imagen de fondo que se repite para formar el bg del menu de botones.*/

.bgMenu
{
    background-image: url('Images/bgs/bgMenu.jpg');
	background-repeat:  repeat-x;
	background-position: left top;
	width:100%;
	height:24px;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
	border-bottom-width:0px;
}



/*divide la parte del banner del artista del cuerpo de la pagina que contiene 
la informacion alojada en cada seccion de la pagina*/
.bgDivider 
{
	background-image: url('Images/separaciones/bgDivider.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	height: 14px;
	width:100%;
}
.bgDividerRight
{
	background-image: url('Images/separaciones/bgDividerRight.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 14px;
	width:10px;
}
.bgDividerLeft
{
	background-image: url('Images/separaciones/bgDividerLeft.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	height: 14px;
	width:10px;
}
/*pone las imagenes que sirven como bg en el footer de la pagina*/
.bgInfCenter 
{
	background-image: url('Images/bgs/bgFooter.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	width: 905px;
}
/*/////////////////////////////     T    A   B   L   A   S    ////////////////////////////////////////////*/
.tablaContenedoraSitio
{   
    border-collapse:collapse;
    border-width:0px;
    border-spacing:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 955px;
	vertical-align:top;
	border:0;
}
/*tablas en el sitio*/
.tablaGeneral
{   
    border-collapse:collapse;
	border:none;
	width:100%;
	vertical-align:top;
	border:0;
}
.tablaGeneralSmallNews
{   
    border-collapse:collapse;
  	width:100%;
	vertical-align:top;
	border:0;
	background-color: Transparent;
}
/*/// shadows para las esquinas de las tablas  ///*/
.sombrasTablasLTC
{
	height:6px;
	width:6px;
	background-image: url('Images\tablas\shadows\leftTopCorner.png');
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.sombrasTablasRTC
{
	height:6px;
	width:6px;
	background-image: url('Images\tablas\shadows\rightTopCorner.png');
	background-repeat: no-repeat;
	background-position: left bottom;	
}
.sombrasTablasLBC
{
	height:6px;
	width:6px;
	background-image: url('Images\tablas\shadows\leftBottomCorner.png');
	background-repeat: no-repeat;
	background-position: right top;	
}
.sombrasTablasRBC
{
	height:6px;
	width:6px;
	background-image: url('Images\tablas\shadows\rightBottomCorner.png');
	background-repeat: no-repeat;
	background-position: left top;	
}

		/*/// final shadows para las esquinas de las tablas  ///*/
		/*//////////////////////////////////////////////////////*/
		/*//////////////////////////////////////////////////////*/
		/*//////////////////////////////////////////////////////*/
		/*//////////////////////////////////////////////////////*/
		/*//////////////////////////////////////////////////////*/
		/*///      shadows para los bordes de las tablas     ///*/
.sombrasTablasL
{
	height:1px;
	width:6px;
	background-image: url('Images\tablas\shadows\left.png');
	background-repeat: repeat-y;
	background-position: right top;	
}
.sombrasTablasR
{
	height:1px;
	width:6px;
	background-image: url('Images\tablas\shadows\right.png');
	background-repeat: repeat-y;
	background-position: left top;	
}
.sombrasTablasT
{
	height:6px;
	width:1px;
	background-image: url('Images\tablas\shadows\top.png');
	background-repeat: repeat-x;
	background-position: left bottom;	
}
.sombrasTablasB
{
	height:6px;
	width:1px;
	background-image: url('Images\tablas\shadows\bottom.png');
	background-repeat: repeat-x;
	background-position: left top;	
}
		/*///  final shadows para los bordes de las tablas   ///*/
.subTitulos
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #bebebe;
	text-align: left;
}
.iconPurchase {
	font-family:Trebuchet MS;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
}
/*////////////////////////////////////  F   I   N       T   A   B   L   A   S   ///////////////////////////////////////////////////////////*/
		
		
		
		/*////////////////////////////////////  L	I	N	K	S	///////////////////////////////////////////////////////////*/
		
/*LINK VER MAS*/
.linkVerMas:link 
{	
    font-size: 8px;
	text-transform: uppercase;
	color: #FF0000;
	text-decoration: none;
}
.linkVerMas:visited 
{	
	font-size: 8px;
	text-transform: uppercase;
	color: #FF0000;
	text-decoration: none;
}
.linkVerMas:hover 
{	
	font-size: 8px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.linkVerMas:active 
{
	text-decoration: none;	
	text-transform: uppercase;
}
/*FIN LINKS VER MAS*/
/*///LINKS EN FOOTER///*/
.linkFooter
{	
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    cursor:pointer;
	text-transform: capitalize;
	color: #bebebe;
	text-decoration: none;
}
.linkFooter:link 
{	
    font-size: 10px;
    text-align: center;
    font-weight: bold;
	text-transform: capitalize;
	color: #bebebe;
	text-decoration: none;
}
.linkFooter:visited 
{	
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
	color: #bebebe;
	text-decoration: none;
}
.linkFooter:hover 
{	
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-transform: capitalize;
	color: white;
	text-decoration: none;
}
.linkFooter:active 
{
	text-decoration: none;	
	text-transform: capitalize;
}
/*/// FIN LINKS EN FOOTER ///*/

/*LINK EN ITEMS*/		
.linkItems:link 
{	
    font-size: 12px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}
.linkItems:visited 
{	
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}
.linkItems:hover 
{	
	font-size: 12px;
	text-transform: uppercase;
	color: gray;
	text-decoration: none;
}
.linkItems:active 
{
	text-decoration: none;	
	text-transform: uppercase;
}

a:link 
{	
    font-size: 11px;
	text-transform:capitalize;
	color: white;
	text-decoration: underline;
}
a:visited 
{	
	font-size: 11px;
	text-transform:capitalize;
	color: white;
	text-decoration: underline;
}
a:hover 
{	
	font-size: 11px;
	text-transform:capitalize;
	color: gray;
	text-decoration: underline;
}
a:active 
{
	text-decoration: none;	
	text-transform: capitalize;
}
/*FIN LINKS EN ITEMS*/
		/*////////////////////////////////////  L	I	N	K	S	///////////////////////////////////////////////////////////*/
/*TITULOS PARA MODULOS*/
.titulos 
{
	font-size: 12px;
	font-weight: bold;
	color: #bebebe;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
}
.tituloIzquierda 
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #bebebe;
	text-align: left;
}
/*contenidos para los diferentes modulos*/
.contenidosMobile
{
	font-size: 11px;
	color: White;
	text-align:justify;
}
.contenidos
{
	font-size: 11px;
	color: #FFFFFF;
	text-align:justify;
}

/*Contenidos de las tablas de eventos y de descargas */
.contenidoDatosTablas{
	font-size: 15px;
	color:#fefefe;
	font-family: Verdana;
}
.tablasTitulo{
	font-size:20px;
	text-transform: capitalize;
	color: #989898;
	font-family: Verdana;
}
.bgTablas{
	background-image: url(Images/bgs/bgEventos.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#5c5c5c;
}
.bgIntercalados_a{
	background-image: url(Images/bgs/bgIntercalado_a.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: none 0px;
	height: 19px;
}
.bgIntercaladosLeft_a{
	background-image: url(Images/bgs/bgIntercaladoLeft_a.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	border: none 0px;
	height: 19px;
	width: 10px;
}
.bgIntercaladosRight_a{
	background-image: url(Images/bgs/bgIntercaladoRight_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: none 0px;
	height: 19px;
	width: 10px;
}
.bgIntercalados_b{
	background-image: url(Images/bgs/bgIntercalado_b.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: none 0px;
	height: 19px;
}
.bgIntercaladosLeft_b{
	background-image: url(Images/bgs/bgIntercaladoLeft_b.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	border: none 0px;
	height: 19px;
	width: 10px;
}
.bgIntercaladosRight_b{
	background-image: url(Images/bgs/bgIntercaladoRight_b.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	border: none 0px;
	height: 19px;
	width: 10px;
}
/*fin contenidos de las tablas de eventos y de descargas*/
/*FIN TITULOS PARA MODULOS*/