article
{
	margin-left:50px;
	display: inline-block;
	vertical-align: top;
	width: 70%;
}
header
{
	color: #faaf42;
}
.feed
{
	position: relative;
	top: 1.5em;
	z-index: 2
}
ul
{
	vertical-align: top;
	width: 40%;
	padding: 0;
	/*margin: 1em;*/
}


ul li
{
	border-radius: 1em;
	color: #D000FF;
	cursor: move;
	text-align: center;
	list-style: none;
	padding:  1em;
height: 25px;
	margin: 0;
	
}
ul:last-child li
{
	background-color: #fff;
}

#nav, .B
{
	background-color: #faaf42;
}

#nav div span
{
	background-color: #fbc679;
	color: #faaf42;
}


#score
{
	background-color: rgba(250,175,66,.5);
	color:#000;
}

#text
{ 
	background-color: rgba(255,255,255,1);
	background-image: url('../../x.png');
	background-repeat: no-repeat;
	background-position: top right;
	box-shadow: 0 0 3em #666;
	display: none;
	left: 200px; 
	position: absolute;
	padding: 1em 2em;
	top: 80px;
	width: 60%;
	z-index: 2;
}

.dra, .res
{
	width:180px;
	border:1px solid #542C82;
	background-color:#DDD3E8;
		color:#542C82;
}

.sup
{
	color:  #faaf42;
	font-size: 1em;
}

.see
{
	background-color:  #542C82;
	border-radius: .3em;
	color: #fff;
	cursor: pointer;
	padding: .2em 1em;
}

 .sup .sound
{
	color:#542C82 !important;
	cursor: pointer;
	position: relative;
	z-index: 5;
}
#logo {
	position:absolute;
	background-image:url(img/SU4.gif);
	width:170px;
	height:75px;
	left:40px;
}
.dra{
	
	color:#542C82;
	border:1px solid #542C82;
	background-color:#DDD3E8;
	}
.dra{
	
	}
.imagen{
	position:absolute;
	width:25%;}

audio{
	position:absolute !important;}