article
{
	padding: 0;
}






ul
{
	width: 50%;
	padding: 0 0 0 1em ;
	margin: 0;
	vertical-align: top;
}

ul li
{
	list-style: none;
}


.drag, .res
{
	border-radius: .5em;
	color: #fff;
	height: 60px;
	padding: 0 2em;
	width: 80%;
}

.drag
{


}

.res
{
	
}

.sound
{
	font-size: 2em;
	cursor: pointer;
	margin: 20px;
}
@media(max-width: 800px){
	.drag, .res
	{
		height: 90px;
	}
}
article ul{
	
	margin-left:70px;}
article .sound{
	margin-left:80px;}
#logo {
	position:absolute;
	background-image:url(img/s7.gif);
	width:170px;
	height:75px;
	left:40px;
}#subtitulo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFF;
	text-align:left;
	top:10px !important;
	width:650px !important;
	height:50px;
	position:absolute;
	left:470px;
}

#audio{
	margin-left:100px;
}