Untitled

<!--HTML-->
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="assets/css/style.css" type="text/css" />
    <title>Priv social - Página inicial</title>
  </head>
  <body>
    <div id="top-sup">
	  <div class="logo">
	    <div class="bot">
	      <a href=""><img src="assets/img/logo.png" alt="assets/img/logo.png" /></a>
		</div>
	  </div>
	</div>
	<div id="bar-fix-lft">
	  <ul>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	    <li><a href=""><img src="#" /></a></li>
	  </ul>
	</div>
	<div id="block-user">

	</div>
  </body>
</html>

<!-CSS -->

*{  margin:0;  padding:0;  }

body{
  font-family:Open sans;
  background:#f2f4f8;
}

#top-sup{
  width:100%;
  height:68px;
  background:#FFF;
  position:fixed;
  z-index:9999;
}

#top-sup .logo{
  width:68px;
  height:68px;
  background:#d0574a;
}

#top-sup .logo .bot{
  width:69px;
  height:68px;
  background:#d0574a;
  overflow:hidden;
}

#top-sup .logo img{
  margin-top:8px;
  margin-left:10px;
  z-index:-1;
}

#bar-fix-lft{
  width:69px;
  position:fixed;
  background:#202020;
  height:90%;
}

#bar-fix-lft ul{
  list-style:none;
  margin-top:65px;
}

#bar-fix-lft ul li{

}

#bar-fix-lft ul li a{
  display:block;
  height:50px;
  width:69px;
  line-height:20px;
}

#bar-fix-lft ul li a:hover{
  background:#2a2a2a;
}

#bar-fix-lft ul li a img{
   margin-top:15px;
   margin-left:23px;
}

#block-user{
  width:69px;
  height:68px;
  background:#202020;
  float:left;
}