@charset "utf-8";
/* CSS Document */
body {
	background-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #FFCC99;
	scrollbar-darkshadow-color: #FFCC99;
	scrollbar-track-color: #666666;
	scrollbar-arrow-color: #666666;
	color: #FFC;
}


#contenedor {
	float: left;
	height: 535px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
#usuario_panel {
	float: left;
	height: 300px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}
#relleno {
	float: left;
	height: 300px;
	width: 480px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/relleno_usuario_panel.png);
	background-repeat: no-repeat;	
}
#relleno_cambiar_clave {
	float: left;
	height: 300px;
	width: 480px;
	margin-top: 10px;
	margin-left: 10px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/relleno_cambiar_clave.png);
	background-repeat: no-repeat;	
}
a:link {
	text-decoration: none;
	color: #FFC;
}
a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFC;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #FFF;
}

.letrabase {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFC;
	text-decoration: none;
	line-height: 1.2;
	
}
.letranegra {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	line-height: 1.2;	
}
.texto_titulos {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	line-height: 1.2;
	/*font-weight: bold;*/
}
.tabla_titular {
	color: #999;
	line-height: 1.2;
	font-weight: bold;
}
.blanquito {
	color: #FFF;
	font-weight: bold;
}
.letrabarrainferior {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	text-align: center;
}
#titulo {
	float: left;
	height: 100px;
	width: 980px;
}
#separacionarriba {
	float: left;
	height: 10px;
	width: 980px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/separacionarriba.png);
	background-repeat: repeat-x;
}
#contenidos {
	float: left;
	height: 330px;
	width: 980px;
	text-align: left;
}
#barraderecha {
	float: left;
	height: 330px;
	width: 120px;
	margin-left: 10px;
}

#separacionabajo {
	float: left;
	height: 10px;
	width: 980px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/separacionabajo.png);
	background-repeat: repeat-x;
}
#fechas {
	float: left;
	height: 15px;
	width: 980px;
	background-color: #553900;
}
#ultimaactualizacion {
	float: left;
	height: 15px;
	width: 300px;
	margin-left: 5px;
	padding-top: 1px;
	text-align: left;
}
#fechaactual {
	float: left;
	height: 15px;
	width: 280px;
	margin-left: 50px;
	padding-top: 1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFC;
	text-align: right;
}
#botonerainferior {
	float: left;
	height: 15px;
	width: 980px;
	text-align: center;
	margin-top: 5px;
}
#bar {
	float: left;
	height: 15px;
	width: 980px;
	margin-top: 10px;
	text-align: center;
}
/*#botonera_flash {
	float: left;
	height: 280px;
	width: 120px;
}*/
#sesion {
	float: left;
	height: 50px;
	width: 120px;
	text-align: center;
	color: #FFF;
}




/*ACA HOME!!!!*/



#contenido_aca {
	background-color: #000;
	float: left;
	height: 320px;
	width: 840px;
	margin-top: 5px;
	margin-left: 5px;
	border: thin solid #CCC;
	/*padding-top: 5px;*/
	padding-left: 15px;
	
}
#cuadro_sergio {
	float: left;
	height: 310px;
	width: 300px;
	margin-top: 3px;
	margin-left: 5px;
	border: thin solid #CCC;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/bohio_bistoletti.jpg);
}
#cuadro_juanca {
	float: left;
	height: 310px;
	width: 300px;
	margin-top: 3px;
	margin-left: 10px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/juanca-y-bohio.jpg);
	border: thin solid #CCC;
}
#banner {
	float: left;
	height: 115px;
	width: 200px;
	margin-top: 3px;
	margin-left: 10px;
	/*border: thin solid #CCC;*/
}
#votacion {
	float: left;
	height: 182px;
	width: 195px;
	margin-top: 10px;
	margin-left: 10px;
	/*border: thin solid #CCC;
	padding-left: 5px;*/
}
#vot_arriba {
	height: 14px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/voto_up.png);
	background-repeat: no-repeat;	
}
#vot_medio {
	height: 154px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/voto.png);
	background-repeat: repeat-y;
	text-align: center;
	line-height: 1.2;
	/*padding-left: 5px;*/
}
#vot_abajo {
	height: 14px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/voto_down.png);
	background-repeat: no-repeat;	
}


#sesion {
	float: left;
	height: 15px;
	width: 270px;
	margin-left: 50px;
}


a:link {
	text-decoration: none;
	color: #FFC;
}
a:visited {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFC;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #FFF;
}




/*LINKS*/

#aqui_los_links {
	float: left;
	height: 285px;
	width: 800px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: auto;
}
#link_up {
	float: left;
	height: 14px;
	width: 800px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/links_up.png);
	background-repeat: no-repeat;
}
#link_medio {
	float: left;
	height: 257px;
	width: 680px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/link_medio.png);
	background-repeat: repeat;
	overflow: auto;
	padding-left: 20px;
}
#link_down {
	float: left;
	height: 14px;
	width: 800px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/link_down.png);
	background-repeat: no-repeat;
}

#contenido_aca_disco {
	background-color: #000;
	float: left;
	height: 320px;
	width: 840px;
	margin-top: 5px;
	margin-left: 5px;
	border: thin solid #CCC;
	overflow: auto;

}
#img_grande {
	float: left;
	height: 285px;
	width: 250px;
	margin-top: 10px;
	margin-left: 0px;
	border: thin solid #CCC;
}
#img_galeria {
	float: left;
	height: 285px;
	width: 550px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: auto;
	/*border: thin solid #CCC;*/
}
#video_show {
	float: left;
	height: 285px;
	width: 384px;
	margin-top: 8px;
	margin-left: 5px;
	border: thin solid #666;
}
#video_listado {
	float: left;
	height: 260px;
	width: 430px;
	margin-top: 8px;
	margin-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFC;
}
#vid_up {
	float: left;
	height: 14px;
	width: 430px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/lista_video_up.png);
	background-repeat: no-repeat;
}
#vid_medio {
	float: left;
	height: 220px;
	width: 420px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/lista_video_medio.png);
	background-repeat: repeat;
	overflow: auto;
	padding-left: 10px;
}
#vid_down {
	float: left;
	height: 14px;
	width: 430px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/lista_video_down.png);
	background-repeat: no-repeat;
}
#youtube {
	float: left;
	height: 25px;
	width: 430px;
	margin-top: 0px;
	margin-left: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFC;
	background-color: #000;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/YouTubeLogo.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
/*aca los discos*/
#muestraPortada {
	float: left;
	height: 230px;
	width: 190px;
	margin-top: 20px;
	margin-left: 20px;
	border: thin solid #666;
}
#muestraListaCanciones{
	float: left;
	height: 230px;
	width: 580px;
	margin-top: 20px;
	margin-left: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFC;
	overflow: auto;
}
#volver{
	float: left;
	height: 20px;
	width: 580px;
	margin-top: 20px;
	margin-left: 20px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFC;
	/*overflow: auto;*/
}







#contacto {
	float: left;
	height: 300px;
	width: 407px;
	/*margin-top: 5px;
	margin-left: 5px;
	border: thin solid #CCC;*/
	}
#contacto_arriba {
	float: left;
	height: 20px;
	width: 407px;
	margin-top: 10px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/contacto_up.png);
	background-repeat: no-repeat;
}
#contacto_medio{
	float: left;
	height: 260px;
	width: 392px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/voto.png);
	background-repeat: repeat;
	padding-left: 15px;
}
#contacto_abajo {
	float: left;
	height: 20px;
	width: 407px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/contacto_down.png);
	background-repeat: no-repeat;
}
#img_relleno2 {
	float: left;
	height: 300px;
	width: 300px;
	margin-top: 10px;
	margin-left: 80px;
	background-color: #000;
	background-repeat: no-repeat;
	/*border: thin solid #CCC;*/
	background-image: url(../CONTENIDO/IMAGENES_FONDO/img_relleno_contacto.png);
}




#usuarios {
	float: left;
	height: 300px;
	width: 350px;
	/*margin-top: 5px;
	margin-left: 5px;
	border: thin solid #CCC;*/
}
#loguin {
	float: left;
	height: 155px;
	width: 350px;	
}
#loguin_up {
	float: left;
	height: 14px;
	width: 350px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/loguin_up.png);
	background-repeat: no-repeat;
}
#loguin_medio {
	float: left;
	height: 127px;
	width: 290px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/loguin_medio.png);
	background-repeat: repeat;
	padding-left: 10px;
}
#loguin_down {
	float: left;
	height: 14px;
	width: 350px;	
	background-image: url(../CONTENIDO/IMAGENES_FONDO/loguin_down.png);
	background-repeat: no-repeat;
}
#img_relleno {
	float: left;
	height: 285px;
	width: 450px;
	margin-top: 15px;
	margin-left: 20px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/img_relleno_usuarios.jpg);
	background-color: #000;
	background-repeat: no-repeat;	/*border: thin solid #CCC;*/
}


#fckeditor {
	float: left;
	height: 285px;
	width: 200px;
	margin-top: 10px;
	margin-left: 0px;
}
#comentarios {
	float: left;
	height: 290px;
	width: 450px;
	margin-top: 10px;
	margin-left: 170px;
	/*border: thin solid #CCC;
	overflow: auto;*/
}
#comentario_up {
	float: left;
	height: 14px;
	width: 450px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/comentario_up.png);
	background-repeat: no-repeat;
}
#comentario_medio {
	float: left;
	height: 262px;
	width: 440px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/comentario_medio.png);
	background-repeat: repeat;
	overflow: auto;
	padding-left: 10px;
}
#comentario_down {
	float: left;
	height: 14px;
	width: 450px;
	background-image: url(../CONTENIDO/IMAGENES_FONDO/comentario_down.png);
	background-repeat: no-repeat;
}

#contenido_lista {
	background-color: #000;
	float: left;
	height: 320px;
	width: 840px;
	margin-top: 5px;
	margin-left: 5px;
	border: thin solid #CCC;
	/*padding-top: 5px;*/
	padding-left: 15px;
	overflow: auto;}



#contenido_lista table {
	background-color: #CCC;
	color: #000;
	padding-left:10px;
	padding-bottom:12px;
	padding-top:12px;
	text-align: center;
}
#links_borrar{
	height: 150px;
	width: 650px;
	overflow: auto;
}

#comentario_borrar{
	height: 150px;
	width: 820px;
	overflow: auto;
}
#agregarvideocompleto{
	height: 190px;
	width: 820px;
	overflow: auto;
	float: left;
}
#formAgregarVideo{
	height: 190px;
	width: 450px;
	overflow: auto;
	float: left;
}
#detallesVideoAgregar{
	float: left;
	height: 190px;
	width: 350px;
	overflow: auto;
}
#agregarDisco{
	float: left;
	height: 290px;
	width: 800px;
	overflow: auto;
}
#editarBorrarDisco{
	float: left;
	height: 290px;
	width: 800px;
	overflow: auto;
}
tr.color-a {
	background: #666;
}
tr.color-b {
	background: #999;
	/*background-color: #999;*/
}














 /*
	Classy yet somehow fancy
	table style created by Radu Bilei
	for Chris Heilmann's CSS Table Gallery
	http://twitter.com/radubilei
	http://icant.co.uk/csstablegallery


table,th,td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table		{	background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

thead, 
tfoot			{	color:white; }

thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
thead th:first-child	{	width:10em; text-align:right; }

tbody td,
tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top}
tbody th				{	color:#222;	text-align:right; background-image:url(tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}
tbody td:last-child		{	border-right:1px solid black}

tbody tr.odd th, 
tbody tr.odd td			{	background-color:#eee; color:#222}

tfoot td,
tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
tfoot th				{	text-align:right}

table a:link	{	line-height:1em; color:black; display:inline-block; padding:3px 7px; margin:-3px -7px}
table a:visited	{	color:#555}
table a:hover	{	text-decoration:none; background:black; color:white; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

::-moz-selection{	background:#202020; color:white}
::selection		{	background:#202020; color:white}

thead ::-moz-selection, 
tfoot ::-moz-selection	{	background:white; color:#202020}
thead ::selection, 
tfoot ::selection		{	background:white; color:#202020}
*/