/*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:Trebuchet MS;
    background:#0B0B0B url(images/bgs/bgSite.jpg) no-repeat fixed 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;
}
/*********************ESTILO PARA EL TITULO DE LA MASTER************/
.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-image:url('Images/bgs/bgBotonPopUp.jpg');
height: 23px;
font-weight:900;
font-size:12px;
text-decoration: none;
color: #C9D5DA;
text-transform:uppercase;
}
/**************** FINAL ESTILOS PARA ASP BUTTONS ***************/
.advertisement728x90footer 
{
	background-color:#0B0C1D;
}
/*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:#0B0C1D;
	width:981px;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
	border-bottom-width:0px;
}
.bgBodyIframe
{
	background-image: url('Images/bgs/bgBody.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#0B0C1D;
	width:100%;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
	border-bottom-width:0px;
}
/*LINKS PARA EL MENU DE BOTONES*/
.menuText
{	
	font-weight:900;
	font-size:12px;
	color: #C9D5DA;
	text-decoration: none;
	text-transform: uppercase;	
}
.menuItem
{
	 width:10%;
	 text-align:center;
	 padding-left:10px;
	 padding-right:10px;
}
.menuItem:link 
{	
	font-weight:900;
	font-size:12px;
	color: #C9D5DA;
	text-decoration: none;
	text-transform: uppercase;	
}
.menuItem:visited 
{	
	font-weight:900;
	font-size:12px;	
	color: #C9D5DA;
	text-decoration: none;
	text-transform: uppercase;
}
.menuItem:hover 
{	
	font-weight:900;
	font-size:12px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform:uppercase;	
}
.menuItem:active 
{
	text-decoration: none;	
	text-transform: uppercase;
	font-weight:900;
}
/*** sub menu text ***/
/*LINKS PARA EL MENU DE BOTONES*/
.subMenuText
{	
	font-weight:900;
	font-size:10px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	text-align:left;
}
.lettersList
{	
	padding-left:7px;
	padding-right:7px;	
}
.subMenuItem
{	
	font-weight:900;
	font-size:10px;
	color: #79A7D9;
	text-decoration: none;
	text-transform: uppercase;
}
.subMenuItem:link 
{	
	font-weight:900;
	font-size:10px;
	color: #79A7D9;
	text-decoration: none;
	text-transform: uppercase;	
}
.subMenuItem:visited 
{	
	font-weight:900;
	font-size:10px;	
	color: #79A7D9;
	text-decoration: none;
	text-transform: uppercase;
}
.subMenuItem:hover 
{	
	font-weight:900;
	font-size:10px;
	text-decoration: none;
	color: white;
	text-transform:uppercase;	
	border-bottom:solid 2px white;
	vertical-align:top;
}
.subMenuItem:active 
{
	color: #79A7D9;
	font-size:10px;
	text-decoration: none;	
	text-transform: uppercase;
	font-weight:900;
}

.lightBox img {
border:2px solid white;
}
.lightBox:hover {
background-color:gray;
}
.lightBox:hover img {
border:2px solid gray;
}

/* para img sin link */
.lightBoxNoLink{
border:2px solid white;
}
/* fin para img sin link */

/*** fin de submenu text ***/
.textoMenu
{	
	font-weight:900;
	font-size:12px;
	color: #C9D5DA;
	text-transform: uppercase;
}
.bgSubMenu
{
	background-image: url('Images/bgs/bgSubMenu.jpg');
	height:23px;
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align:bottom;
	text-align:center;	
}
/*/////////inicio del menu de artista //////////////////*/
.bgMenuTablaArtist {
	background-image: url('Images/bgs/bgMenuArtista.jpg');
	height:41px;
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align:bottom;
	text-align:left;
}

.artistMenuButtonLeft
{
	height:28px;
	width:15px;
	background-image: url('Images/bgs/bgCornerLeftBoton.png');
	background-repeat: no-repeat;
	background-position:bottom right;
}
.artistMenuButtonRight
{
	height:28px;
	width:15px;
	background-image: url('Images/bgs/bgCornerRightBoton.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	
}
.bgMenuArtist
{
	background-image: url('Images/bgs/bgBoton.gif');
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align:center;
}
.iconArtist
{
    vertical-align:bottom;
}
.tablasArtistMenuItem
{
    vertical-align:bottom;
}
.artistNavigation
{
	border:0px;
	padding-left:10px;
	padding-right:10px;
}
.eventosUML
{
	border:0px;
	width:309px;
}
/*/////////final del menu de artista //////////////////*/
/*__________________________________________________________________________________________*/
/******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;
    background-color:Black;
    height: 115px;
}
/*///////////////////   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 
{
    padding:0px;
	border-spacing:0px;	
	border-collapse:collapse;
	height:39px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.tablaSubMenu 
{
    width: 100%;
    padding:0px;
	border:0px;
	white-space: nowrap;
	border-spacing:0px;	
	border-collapse:collapse;
}
.tablasTitulo{
	font-size:21;
	font-weight:bold;
	text-transform:uppercase;
	color:White;
	white-space: nowrap;
	text-align:left;
}
.LeftSubMenu
{
	width:20px;
	height:23px;
}
.RightSubMenu
{
	width:20px;
	height:23px;
}
/*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;
    padding: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-spacing: 0px;
    border-width: 0px;
    border-collapse: collapse;
    border-bottom-width: 0px;
    height:39px;
    width:100%;
}
/*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/bgs/bgDivider.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	height: 14px;
}

/*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:100%;
	height:33px;
}
/*/////////////////////////////     T    A   B   L   A   S    ////////////////////////////////////////////*/

/*tablas en el sitio*/
.tablaGeneral
{   
    border-collapse:collapse;
  	width:100%;
	vertical-align:top;
	border:0;
}
.tablaMedia
{   
    border-collapse:collapse;
	vertical-align:top;
	border:0;
	width:100%;
}
.tablaGeneralSmallNews
{   
    border-collapse:collapse;
  	width:100%;
	vertical-align:top;
	border:0;
	background-color:Gray;
}
.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:981px;
	vertical-align:top;
	border:0;
}
.sectionLeft
{
	width:60%;
	border:none;
}
.sectionRight
{
	width:30%;
	border:none;
}
.tablasNoticias
{
	width:100%;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:solid 1px white;
}
.tablaFooter
{   
    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:100%;
	height:33px;
	vertical-align:top;
	border:0;
	background-color:Black;
}

.bgSombraDerecha
{
    background-image: url('Images/corners/right.png');
    background-repeat:repeat-y;
}
.bgSombraIzquierda
{
    background-image: url('Images/corners/left.png');
    background-repeat:repeat-y;
}
.titulosModulos
{
	font-size:21;
	font-weight:bold;
	text-transform:uppercase;
	color:White;
	white-space: nowrap;
	text-align:center;
}
.subTitulos
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: White;
	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	//////////////////////////////////////////////////////////////*/
/*///LINKS EN FOOTER///*/

.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 ///*/
.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;
}

/*verMas Item LightBox*/
.linkVerMasLightBox:link 
{	
    font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FF0000;
	text-decoration: none;
	

}
.linkVerMasLightBox:visited 
{	
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FF0000;
	text-decoration: none;
}
.linkVerMasLightBox:hover 
{	
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.linkVerMasLightBox:active 
{
	text-decoration: none;	
	font-weight:bold;
	text-transform: uppercase;
}

/*Fin verMas Item LightBox*/

.linkImgBox:link 
{	color: #CCCCCC;
	text-decoration: underline;
	

}
.linkImgBox:visited 
{
	color: #CCCCCCC;
	text-decoration: underline;
}
.linkImgBox:hover 
{
	color: #FFFFFF;
	text-decoration: underline;
}
.linkImgBox:active 
{
	color: #FFFFFF;
	text-decoration: underline;
}

.imga
{	
    font-size: 11px;
	text-transform:capitalize;
	color: green;
	border:3px;
	border-color:gray;
}

.imga:visited 
{	
	font-size: 11px;
	text-transform:capitalize;
	color: white;
	border:3px;
	border-color:white;
}
.imga:hover 
{	
	font-size: 11px;
	text-transform:capitalize;
	color: gray;
	border:3px;
	border-color:white;
}
.imga:active 
{
	text-decoration: none;	
	text-transform: capitalize;
}
/*TITULOS PARA MODULOS*/
.titulos 
{
	font-size:21;
	font-weight:bold;
	text-transform:uppercase;
	color:White;
	white-space: nowrap;
	text-align:left;
}
.tituloIzquierda 
{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: White;
	text-align: left;
}

/*////////////////////////////////////	F	I	N		L	I	N	K	S	//////////////////////////////////////////////////////////////*/
/*contenidos para los diferentes modulos*/
.contenidos
{
	font-size: 11px;
	color: White;
	text-align:justify;
}
.contenidosBio
{
	font-size: 11px;
	color: White;
	text-align:justify;
}
.contenidosBioStrong
{
	font-size: 11px;
	font-weight:bold;
	color: Black;
	text-align:justify;
}
.contenidosMobile
{
	font-size: 17px;
	color: White;
	text-align:justify;
}
.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 TITULOS PARA MODULOS*/
img, a img {
border:medium none;
}