<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#slide_menu{
background-color: #282828;
color: #CCC;
font: 13px Verdana, Helvetica, sans-serif;
text-align: left;
display: block;
cursor: pointer;
width: 150px;
height: auto !important;
padding: 40px 30px;
position: fixed;
top: 100px;
left: -190px;
border: 1px solid #424141;
-moz-border-radius: 0 12px 12px 0;
-webkit-border-radius: 0 12px 12px 0;
-moz-box-shadow: 2px 2px 5px #333;
-webkit-box-shadow: 2px 2px 5px #333;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
}
#slide_menu:hover{
left: -20px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
}
</style>
</head>
<body>
<div id="slide_menu">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. <br />Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type<br /> and scrambled it to make a type specimen book.
</div>
</body>
</html>