@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

.md-contenedor { height: 130px; position: fixed; right: -220px; top: 60px; width: 280px; z-index: 99 }
.md-contenedor::after { clear: both }
.md-contenedor > .b { background-color: #F5811E; color: #FFF; cursor: pointer; float: left; font-family: 'Open Sans', sans-serif; font-weight: 400; height: 130px; width: 60px; z-index: 101 }
.md-contenedor > .b > .txt { font-size: 16px; left: -8px; position: absolute; top: 38px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.md-contenedor > .b > .icn { font-size: 30px; position: absolute; text-align: center; top: 90px; width: 60px }
.md-contenedor > .c { background-color: #444; float: left; padding: 5px 0; width: 220px; z-index: 100;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}
.md-contenedor > .c > ul { color: #F5811E; font-family: 'Open Sans', sans-serif; font-size: 12px; list-style: disc outside; margin-left: 0; padding: 0 10px 0 25px; position: relative }
.md-contenedor > .c > ul > li { border-bottom: 1px solid #555; padding: 5px 0 }
.md-contenedor > .c > ul > li.fin { border-bottom: none; padding: 5px 0 }
.md-contenedor > .c > ul > li.fin::after { display: none }
.md-contenedor > .c > ul > li > a,
.md-contenedor > .c > ul > li.fin > a { color: #FFF; text-decoration: none;
  -webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.md-contenedor > .c > ul > li > a:hover,
.md-contenedor > .c > ul > li.fin > a:hover { color: #F5811E }

@media screen and (max-width: 768px) {
  .md-contenedor { position: absolute }
}

@media screen and (max-width: 480px) {
  .md-contenedor { width: 245px }
  .md-contenedor > .b { width: 25px }
  .md-contenedor > .b > .txt { left: -25px }
  .md-contenedor > .b > .icn { width: 25px }
}