/* CSS Document */

.artistaBusqueda{
  width:300px;
  background-color: #FFF;
}

.artistaBusqueda .topArtistaBusqueda{
  background:url(/imgfiles/front/img/bg_top_detalle.gif) top left no-repeat;
  width:300px;
  height:9px;
}

.artistaBusqueda .bottomArtistaBusqueda{
  background:url(/imgfiles/front/img/bg_bottom_detalle.gif) bottom left no-repeat;
  width:300px;
  height:9px;
}

.artistaBusqueda .detalle{
  border-right: 1px #E7E7E7 solid;
  border-left: 1px #E7E7E7 solid;
  padding:5px;
  height:180px;
}

.artistaBusqueda .fotoArtista{
  float:left;
  border: 1px solid #E3E3E3;
  width:84px;
  height:84px;
}

.artistaBusqueda .texto{
  float:left;
  padding-left:5px;
  width:190px;
}

.artistaBusqueda .detalle .descripcion{
  color:#404040;
  font:11px "Lucida Grande",Arial,Helvetica,sans-serif;
  padding-top:5px;
  width:280px;
  overflow:hidden;
}

.artistaBusqueda .detalle .nombre{
  color:#000;
  margin-bottom:3px;
  text-decoration:none;
  font:17px "Lucida Grande",Arial,Helvetica,sans-serif;
  font-weight:bold;
  overflow:hidden;
}

.artistaBusqueda .texto .tipo{
  color:#404040;
  font:11px "Lucida Grande",Arial,Helvetica,sans-serif;
}

.artistaBusqueda .texto .extra{
  color: #990000;
  font:11px "Lucida Grande",Arial,Helvetica,sans-serif;
}

.clear{
  clear:both;
}

.listadoCompleto{
  width:595px;
  float:left;
}

.listado{
  width:290px;
  float:left;
}

.listado .entrada, .listadoCompleto .entrada{
  padding:5px;
  background:url(/imgfiles/front/img/linea.gif) bottom left repeat-x;
}

.listado .entrada .numero, .listadoCompleto .entrada .numero{
	width: 22px;
	padding-bottom:5px;
	color:#900000;
	font-weight:bold;
	font:15px "Lucida Grande",Arial,Helvetica,sans-serif;
	text-align: center;
	float: left;
	padding-top: 30px;
}

.listado .entrada .imagen, .listadoCompleto .entrada .imagen{
  float:left;
  border: 1px solid #E3E3E3;
  width:49px;
  height:49px;
  padding:0px;
}

.listado .entrada .desc, .listadoCompleto .entrada .desc{
  float:left;
  padding-left:5px;
  width:100px; //Nuevo
}

.listado .entrada .nombre, .listadoCompleto .entrada .nombre{
  color:#900000;
  margin-bottom:3px;
  text-decoration:none;
  font:12px "Lucida Grande",Arial,Helvetica,sans-serif;
  overflow:hidden;
}

.listado .entrada .descripcion{
  color:#404040;
  font:11px "Lucida Grande",Arial,Helvetica,sans-serif;
  width:205px;
  overflow:hidden;
}

.listadoCompleto .entrada .descripcion{
  color:#404040;
  font:11px "Lucida Grande",Arial,Helvetica,sans-serif;
  width:500px;
  overflow:hidden;
}

.listadoHorizontal{
  width:570px;
  float:left;
}

.listadoHorizontal .entrada{
	padding:5px;
	float: left;
	width:177px;
}

.listadoHorizontal .entrada .numero{
	width: 22px;
	padding-bottom:5px;
	color:#900000;
	font-weight:bold;
	font:15px "Lucida Grande",Arial,Helvetica,sans-serif;
	text-align: center;
	float: left;
	padding-top: 30px;
}

.listadoHorizontal .entrada .imagen{
  float:left;
  border: 1px solid #E3E3E3;
  width:49px;
  height:49px;
  padding:0px;
}

.listadoHorizontal .entrada .desc{
  float:left;
  padding-left:5px;
  width:50px; //Nuevo
}

.listadoHorizontal .entrada .nombre{
  color:#900000;
  margin-bottom:3px;
  text-decoration:none;
  font:12px "Lucida Grande",Arial,Helvetica,sans-serif;
  overflow:hidden;
}

.listadoHorizontal .entrada .descripcion{
  color:#404040;
  font:11px "Lucida Grande",Arial,Helvetica,sans-serif;
  width:113px;
  overflow:hidden;
}

.listadoHorizontal .lineaVertical{
	width:2px;
	height:52px;
	background:url(/imgfiles/front/img/lineaVertical.gif) bottom left repeat-y;
	float: left;
	margin-right:10px;
}

.scrollList{
  width:308px;
}

.scroll{
  float:left; 
  width:15px;
  height:365px;
  padding-top:8px;
  background:#E2E2E2;
}

.scrollListCompleto{
  width:610px;
}

.scrollListHorizontal{
  width:606px;
}

.scrollListHorizontal .scroll{
  float:left; 
  width:12px;
  height:67px;
}

.scrollList .up{
  background:url(/imgfiles/front/img/scroll_up.gif) no-repeat; 
  width:12px; 
  height:8px;
  cursor:hand;
  cursor:pointer;
  padding-bottom:10px;
  margin-top:-10px;
  padding-right:15px;
}

.scrollList .down{
  background:url(/imgfiles/front/img/scroll_down.gif) no-repeat;
  width:12px; 
  height:8px; 
  position:relative; 
  top:330px;
  cursor:hand;
  cursor:pointer;
  padding-bottom:10px;
  padding-right:15px;
  margin-top:11px;
}

.scrollListCompleto .up{
  background:url(/imgfiles/front/img/scroll_up.gif) no-repeat; 
  width:12px; 
  height:8px;
  cursor:hand;
  cursor:pointer;
}

.scrollListCompleto .down{
  background:url(/imgfiles/front/img/scroll_down.gif) no-repeat;
  width:12px; 
  height:8px; 
  position:relative; 
  top:480px;
  cursor:hand;
  cursor:pointer;
}

.scrollListHorizontal .left{
  background:url(/imgfiles/front/img/scroll_left.gif) no-repeat; 
  width:16px; 
  height:16px;
  cursor:hand;
  cursor:pointer;
  position:relative;
  top:26px;
}

.scrollListHorizontal .right{
  background:url(/imgfiles/front/img/scroll_right.gif) no-repeat;
  width:16px; 
  height:16px; 
  cursor:hand;
  cursor:pointer;
  position:relative;
  top:26px;
}

.float_left{
  float:left;
}

.clear{
  clear:both;
}

.recuadro{
  background:#F9F9F9 none repeat scroll 0%;
  border:1px solid #E2E2E2;
  margin:10px 0pt 0pt;
  width:605px;
  padding-left:6px;
}

#ArtistasIzquierda{
  background-color:#ffffff;
  border-right:1px solid #EBEBEB;
  float:left;
  width:630px;
}

#ArtistasDerecha{
//  background-color:#F8F8F8;
  border-left:1px solid ##FFFFFF;
  float:left;
  width:305px;
  padding-left:10px;
}

.texto_rojo{
  color:#900000;
  margin-bottom:3px;
  text-decoration:none;
  font:12px "Lucida Grande",Arial,Helvetica,sans-serif;
}

.selectBusqueda{
  border:1px solid #AFAFAF;
  color:#444444;
  font-family:'Lucida Grande',Geneva,Arial,sans-serif;
  font-size:12px;
  padding-left:5px;
  width:280px;
}

.margin_left_10{
  margin-left:10px;
}

.margin_top_10{
  margin-top:10px;
}

.recuadroBuscador{
  background-color:#F0EEE5;
  border:1px solid #E8E5DB;
  margin:0px auto;
  position:relative;
  padding:10px;
}

.separadorBuscador{
  background:transparent url(/imgfiles/sep_buscador.gif) repeat-x scroll left top;
  display:block;
  height:2px;
}

.inputClave{
  background:#FDFFA4 url(/imgfiles/lupa.png) no-repeat scroll 4px center;
  border:1px solid #AFAFAF;
  color:#000000;
  font-family:'Lucida Grande',Geneva,Arial,sans-serif;
  font-size:12px;
  padding:0px 3px 3px 20px;
  width:254px;
}

.botonBuscar{
  font-family:'Lucida Grande',Arial,Helvetica,sans-serif;
  font-size:12px;
  margin-top:10px;
}

.recuadroLetrasBuscador{
  background:#F9F9F9 none repeat scroll 0%;
  border:1px solid #E2E2E2;
  margin:10px 0pt 0pt;
  padding:10px;
  margin-bottom:15px;
}

.linkGris{
  color:#727272;
  font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
}

.letraBuscador {
  padding:3px;
}

.divLetrasBuscadorA {
  margin:0px auto;
  //width:240px;
  margin-left:10px;
}

.divLetrasBuscadorB {
  margin:0px auto;
  //width:165px;
  margin-left:45px;
}


.Sociales{
	float:left;
	width:200px;
	padding-top:8px;
}

.SocialesImg{
	float:left;
	padding-left:10px;
	padding-top:0px;
}
.SocialesTxt{
	float:left;
	padding-top:6px;

}