/* @group Classes reutilizaveis */
.l { float: left;}
.r { float: right;}
.cb { clear: both;}
.block { display: block;}
/* @end */

#slider {  position: relative; z-index: 1;   }
ul.navslider { width: 230px;  z-index: 9999; position: relative;  background: url(images/bg_escolha-conheca.png); padding: 5px 0 0;}
ul.navslider li { }
ul.navslider li a { padding: 5px 0 5px 20px;  font-size: .9em; font-weight: 800; text-transform: uppercase; color: #000; text-decoration: none; display: block; width: 255px; /*height: 27px;*/ margin-left: -6px;}
ul.navslider li a:hover, ul.navslider li a.selected { background: url(images/bg_bt-escolha-conheca.png) no-repeat; color: rgb(255, 255, 255);  }
ul.navslider li a:focus { outline: none; }

.scroll {  overflow: auto;  width: 380px; }
.scrollContainer div.panel { padding: 15px 30px 20px 30px; height: 300px; width: 320px; #000; }
.scrollContainer div.panel h4 { color: #000; font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; font-weight: 800; }
.scrollContainer div.panel p { color: #000; font-size: 1em; line-height: 1.2em; margin-bottom: 5px; margin-left: 11px; }
.scrollContainer div.panel li { color: #000; font-size: .8em; line-height: 1.2em; list-style: disc; margin-left: 20px; margin-bottom: 5px; }
.scrollContainer div.panel a { color: #000 }
.scrollButtons { position: absolute; top: 120px; cursor: pointer;}
.scrollButtons.left { left: 0; }
.scrollButtons.right { right: 0; }
/* @end */