body{ margin-right: 0px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; font-family: 'Roboto Condensed', sans-serif; }
ul{ padding: 0px; display: table; }
ul li{ display: table-cell; vertical-align: middle; }

.menu-lateral{ display: none; position: absolute; left: 0px; top: 0px; width: 185px; height: auto; background: #FFF;  }
.menu-lateral #titulo{ color: #FFF; padding-top: 20px; text-align: center; background: #DC8239; width: 100%; height: 60px; font-size: 26px; font-weight: 700; }
.menu-lateral #titulo .f1{ font-size: 12px; font-weight: 300; color: #FFF; }

.menu-lateral #opcao{ cursor: pointer; border-bottom: 1px solid #DDD; width: 100%; padding-top: 2px; padding-bottom: 0px; font-size: 17px; font-weight: 700; color: #111; }
.menu-lateral #opcao:hover{  background: #EEE; transition: 0.1s ease-in; }
.menu-lateral #opcao:active{ border-bottom: 1px solid #555; }
.menu-lateral #opcao ul{ margin-left: 10px; }
.menu-lateral #opcao ul li{}
.menu-lateral #opcao ul li img{ margin-right: 10px; }

.infoBox { height: 300px; overflow: auto; background-color: #FFF; width: 500px; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; border: 2px solid #DDD; border-radius: 3px; margin-top: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 45px 3px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 45px 3px rgba(153,153,153,1);
box-shadow: 0px 0px 45px 3px rgba(153,153,153,1); }
.infoBox p { padding: 0 15px }
.infoBox:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #3fa7d8; top: -10px; content: ""; height: 0; position: absolute; width: 0; left: 138px }



.listagem{ right: 0px; width: 300px; background: #FFF; position: fixed; top: 0px; height: 100%; }

.listagem .titulo{ color: #FFF; width: 100%; height: 40px; background: #DC8239; font-size: 16px; line-height: 40px; padding-left: 10px; }
.listagem .lista{ cursor: pointer;  border-bottom: 1px solid #EEE; width: 270px; min-height: 300px; max-height: 500px; overflow: auto; margin-left: 18px; margin-top: 20px; font-size: 14px; }
.listagem .lista ul{ display: table; padding: 3px; }
.listagem .lista ul li{ display: table-row; cursor: pointer; }
.listagem .lista ul li .btn{ margin-top: 20px; margin-bottom: 10px; width: 160px; height: 22px; line-height: 22px; background: #EEE; color: #000; font-size: 12px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #CCC; }
.listagem .lista ul li .btn:hover{ background: #CCC; transition: 0.1s ease-in; }

.listagem .desenv{ font-size: 12px; width: 270px; margin-left: 18px; margin-top: 30px; }