﻿body
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: White;
	background-color: #505050;
}

.discs.my-thng
{
	background-image: url('images/actions/background.png');
	background-color: transparent;
	margin-top: -14px;
	margin-left: 0px;
	padding-bottom: 30px;
	width: 972px;
	background-repeat: repeat-y;
	margin-left: -1px;
	padding-top: 25px;
	overflow: hidden;
	height: auto;
}

.discs.my-thng a
{
	color: #009CFB;
}

.headLista
{
	margin-bottom: 5px;
}

.tituloDiscos
{
	font-size: 14px;
	margin-left: 10px;
}

.ordenar
{
	position: absolute;
	right: 0px;
}

.orderby
{
	margin: 0;
	padding: 0;
	height: 18px;
	font-size: 11px;
	vertical-align: middle;
}

.contendorDiscos
{
	width: 550px;
	background: black;
	position: relative;
	margin-left: 75px;
	float: left;
}

.col-b
{
	padding-left: 10px;
	width: 250px;
	overflow: hidden;
	margin-top: 20px;
}

.listaDiscos
{
	width: 528;
	border: solid 1px #2d2d2d;
	padding: 10px;
	background: #272727;
	height: auto;
	overflow: hidden;
}

.accionesDiscos
{
	border: solid 1px #2d2d2d;
	background: black;
	width: 518px;
	height: 13px;
	padding: 5px;
	margin-bottom: 15px;
}

.accionDisco
{
	position: relative;
}

.discoEntrada
{
	clear: both;
}
.avatarDisco
{
	width: 165px;
	height: 165px;
	float: left;
	border: solid 1px #2d2d2d;
	margin-right: 10px;
}

.avatarDiscoVacio
{
	width: 50px;
	height: 50px;
	float: left;
	border: solid 1px #2d2d2d;
	margin-right: 10px;
	background: url(images/discos/discos_vacio.jpg);
}

.datosDisco
{
	width: auto;
}

.datosDiscoVacio
{
	width: 100%;
	font-size: 20px;
}

.datosDisco a
{
	text-decoration: none;
	color: #0499FF;
}

.datosDisco a:hover
{
	text-decoration: underline;
}

.editarIcon
{
	position: absolute;
	top: -93px;
	right: 25px;
	text-decoration: none;
	color: White;
	font-size: 11px;
	text-decoration: underline;
	cursor: pointer;
}
/*.barrita
{
	position: absolute;
	top: -93px;
	right: 17px;
	text-decoration: none;
	color: White;
	font-size: 11px;
}
*/


.eliminarIcon
{
	right: 3px;
	background: url(images/amigos/cruz_gris.png) no-repeat right;
	text-decoration: none;
	width: 11px;
	height: 11px;
	cursor: pointer;
	float:left;
}

.eliminar
{
	color: White;
	font-size: 11px;
	margin-right: 17px;
	text-decoration: underline;
}

.lineaSep
{
	border-bottom: solid 1px #2d2d2d;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	height: 1px;
	clear: both;
	width: 100%;
}

.seleccionar
{
	color: #979797;
	float: left;
}

.seleccionarop
{
	color: #ea7406;
	font-weight: bold;
	cursor: pointer;
}

.seleccionarElim
{
	margin-right: 15px;
	color: #ea7406;
	cursor: pointer;
}

.seleccionarElimIcon
{
	position: absolute;
	right: 10px;
	background: url(images/discos/cruz_naranja.png) no-repeat right center;
	text-decoration: none;
}

.btnBuscar
{
	background-image: url(images/discos/btn.png);
	background-repeat: no-repeat;
	width: 103px;
	height: 27px;
	float: left;
	padding-left: 9px;
	padding-top: 5px;
	margin-top: 10px;
	font-weight: bold;
}

.interseccion
{
	background-image: url(images/actions/interseccion.png);
	height: 45px;
	width: 972px;
	background-repeat: no-repeat;
	width:972px;
	margin-right:4px;

}

.paginador
{
	text-align: right;
	padding: 0 5px;
	line-height: 17px;
	clear: both;
	float: right;
}
.paginador span
{
	float: left;
	color: #ea7406;
}
.paginador strong
{
	color: #ea7406;
}
.paginador a
{
	padding: 0 5px;
	text-decoration: none;
}
.paginador a.on
{
	text-decoration: underline;
	font-weight: 700;
	text-decoration: none;
}
.paginador a.anterior
{
	background: url(./images/Galleries/btn-adat-naranja.gif);
	width: 17px;
	height: 17px;
	float: right;
	margin-right: 5px;
	padding: 0;
	text-decoration: none;
}
.paginador a.siguiente
{
	background: url(./images/Galleries/btn-adat-naranja.gif) right;
	width: 17px;
	height: 17px;
	float: right;
	padding: 0;
	text-decoration: none;
}

.titleDisco
{
	font-size: 24px;
}

.btnAgregarL
{
	float: left;
	width: 4px;
	height: 27px;
	background-image: url(   'images/amigos/btn_izq.png' );
	position: relative;
}

.btnAgregar
{
	float: left;
	width: 183px;
	height: 27px;
	background-image: url(   'images/amigos/btn_center.png' );
	position: relative;
}

.btnAgregar a
{
	font-size: 13px;
	color: White;
	text-decoration: underline;
	font-weight: bold;
	position: absolute;
	top: 4px;
	right: 20px;
}

.btnAgregarR
{
	float: left;
	width: 4px;
	height: 27px;
	background-image: url(   'images/amigos/btn_der.png' );
	position: relative;
}

.col-b .owner
{
	background-color: #232323;
	border: solid 1px #313131;
	padding: 8px; *height:1%;margin:1px010px0px;}
       
.col-b .owner a
{
	color: #009CFB;
}
.col-b .owner:after
{
	content: ".";
	display: block;
	clear: left;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.col-b .owner p
{
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 13px;
	color: #999999;
}
.col-b .owner p a
{
	font-size: 13px;
	font-weight: 700;
}
.col-b .owner img
{
	float: left;
}
.col-b .owner .datos
{
	float: right;
	width: 150px;
	font-size: 11px;
	color: #999999;
}
.col-b .owner .datos a
{
	background: url(./images/Galleries/addUser-azul.gif) no-repeat left;
	line-height: 22px;
	display: block;
	font-weight: 700;
}
.col-b .owner .datos strong
{
	color: #999999;
	font-size: 11px;
}
.col-b .box
{
	background-color: #242424;
	border: solid 1px #2d2d2d;
	height: 215px;
	padding: 8px 0 8px 8px;
	margin-bottom: 10px;
	position: relative;
}
.col-b .box .paginador
{
	margin-top: 5px;
	padding: 0 8px 0 0;
}
.col-b .box a.imagen img
{
	border: none;
}
.col-b .box a.imagen
{
	border: solid 1px #009cfb;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 1px 1px 0;
}
.col-b .box a.imagen:hover
{
	border: solid 1px #f17901;
}
.avatarOtrosDiscos {
	width:52px;
	height:52px;
	overflow:hidden;
	float:left;		
	border:solid 1px #242424;	
	cursor:pointer;
}
.avatarOtrosDiscos:hover {
	width:52px;
	height:52px;
	overflow:hidden;
	float:left;		
	border:solid 1px #FFFFFF;	
	cursor:pointer;
}
/*estilos de las cajas redondeadas*/
span.corner-top
{
	display: block;
	background: url(./images/Galleries/corner-left.gif) no-repeat top left;
	height: 4px;
	font-size: 1px;
	line-height: 1px;
}
span.corner-top span
{
	display: block;
	background: url(./images/Galleries/corner-right.gif) no-repeat top right;
	height: 4px;
	font-size: 1px;
	line-height: 1px;
}
span.corner-bottom
{
	display: block;
	background: url(./images/Galleries/corner-left.gif) no-repeat bottom left;
	height: 4px;
	font-size: 1px;
	line-height: 1px;
}
span.corner-bottom span
{
	display: block;
	background: url(./images/Galleries/corner-right.gif) no-repeat bottom right;
	height: 4px;
	font-size: 1px;
	line-height: 1px;
}
/*fin estilos de las cajas redondeadas*/

/*Estilos de las pestanias*/
h4.solapa
{
	position: relative;
	margin-bottom: -1px;
	height: 30px;
    /*padding-top:25px;*/
}
h4.solapa .pestana
{
	float: left;
	background: url(./images/Galleries/solapa-d.gif) no-repeat right;
	line-height: 30px;
	text-align: center;
	height: 30px;
	padding-right: 3px;
	text-decoration: none;
	margin-right: 5px;
}
h4.solapa .pestana span
{
	background: url(./images/Galleries/solapa-i.gif);
	float: left;
	height: 30px;
	padding: 0 12px 0 15px;
	text-decoration: none;
	color: #FFFFFF;
}
h4.solapa a
{
	color: #009cfb;
	float: left;
	background: url(./images/Galleries/solapa-d.gif) no-repeat right;
	line-height: 30px;
	text-align: center;
	height: 30px;
	padding-right: 2px;
	text-decoration: none;
	margin-right: 5px;
}
h4.solapa a span
{
	background: url(./images/Galleries/solapa-i.gif);
	float: left;
	height: 30px;
	padding: 0 10px 0 13px;
	text-decoration: none;
}
h4.solapa a.off
{
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
h4.solapa a.off span
{
	color: #fff;
	cursor: hand;
}
h4.solapa a.off:hover
{
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
/*fin Estilos de las pestanias*/

.vermas
{
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.vermas a
{
	color: #009afe;
	text-decoration: underline;
}

.temaNoPlay
{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom: solid 1px #3b3b3b;
	position: relative;
}

.temaPlay
{
	padding: 10px;
	border-bottom: solid 1px #3b3b3b;
	border-top: solid 1px #3b3b3b;
	background-color: Black;
	height: auto;
	overflow: hidden;
	position: relative;
}

.tituloTema
{
	font-size: 14px;
	float: left;
	font-size: 14px;
	width: 379px;
}

.datosTema
{
	color: #989898;
	font-size: 12px;
	width: 350px;
}

.btnPlay
{
	background-image: url(images/play.png);
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0px;
	top: 10px;
}

.embed
{
	width: 110px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: solid 1px #bcbcbc;
	font-size: 10px;
}
.contenidoTema {
	float: left;
}
.acciones
{
	float: right;
}
.comentar {
	overflow: hidden;
	margin-top: 10px;
}
.avatarComentar
{
	width: 50px;
	height: 50px;
	border: solid 1px #3b3b3b;
	float: left;
	margin-right: 10px;
}
.textareaComentar {
	float: left;
	width: 370px;
	height: 46px;
	margin-right: 4px;
}
.txtComentario
{
	width: 375px;
	height: 50px;
	border: solid 1px #bcbcbc;
	float: left;
}

.caracteresComentar
{
	width: 70px;
	position: absolute;
	right: 5px;
	color: #989898;
	font-size: 10px;
	text-align: center;
}

.btnComentarL
{
	float: left;
	width: 4px;
	height: 27px;
	background-image: url(  'images/amigos/btn_izq.png' );
	position: relative;
}

.btnComentar
{
	float: left;
	width: 62px;
	height: 27px;
	background-image: url(  'images/amigos/btn_center.png' );
	position: relative;
	font-size: 12px;
}

.btnComentarR
{
	float: left;
	width: 4px;
	height: 27px;
	background-image: url(  'images/amigos/btn_der.png' );
	position: relative;
}


.btnComentar a
{
	color: White;
	text-decoration: none;
	position: absolute;
	top: 5px;
	left: 4px;
}
.EmptyData
{		
	font-size:20px;
	color:#686868;
	width:230px;
	margin-top:0px;	
}