html, body {
  height:100%;
}

body {
  margin:0; 
  font-family:Helvetica, Arial, sans-serif; 
  font-size:12px;
  z-index: 1;
  background: #17B228 url(../images/Header-BG-Variable.png) repeat center;
  color:#333;
  overflow-y:scroll;
}

div {
  display: block;
  font-size: 12px;
}

#header {
  width: 98%;
  min-width: 900px;
  min-height: 83px;
  margin: 0px auto;
  background: #17B228 url(../images/Header-BG-Variable.png) repeat-x center;
  border-radius: 10px;
  margin-bottom: 10px;
  
  position:relative;
  top:0;
  left:0;
  right:0;
  padding: 0 auto;
  z-index:50;
}

#headerLogo {
  padding-left: 20px;
  padding-top: 8px;
}

#interalu {
  width: 98%;
  height: 100%;
  z-index: 10;
  margin: 0px auto;
  color:#333;
  font-family:Helvetica, Arial, sans-serif;
  background: #FAFAFA url('../images/Green3-BG.jpg') repeat-y center;
  /*padding-bottom: 30px;*/
}

.sf-menu {
  height:75%;
  position:absolute;
  left:20%;
  top:28%;
}

.sf-menu li {
  display: inline;
  list-style: none; 
}

.sf-menu li a, #leftList li a {
  /* Border Radius */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  
  /* Border Shadow */
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
  
  color: #ffffff;
  background: rgba(0,0,0,0.2);
  display: inline-block;
  padding: 5px 15px;
  outline: none;
  text-decoration: none;
  font-size: 15px;
}

.sf-menu li a {
  font-size: 20px;
}

#leftList li a {
  font-size: 15px;
}

#leftList{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

#leftList li {
  padding-bottom: 15px;
}

.sf-menu li a:hover, #leftList li a:hover {
  color: red;
}

.sf-menu li a:active {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4); 
}


.head {
  font-weight: normal;
}

#contentPanel {
  width: 95%;
  margin: 0px auto;
}

#contentPane {
  width: 98%;
  height: 100%;
  margin: auto;
  clear: both;
  margin: 0 0 2em 0;
  position:relative;
  padding-left:5px;
  padding-right:5px;
}

#contentPane .title {
  margin: 0 0 .5em 0;
  overflow: hidden;
}

#contentPane .title .head{
  color: #333;
  font-size: 22px;
  line-height: 24px;
  padding: 0 10px 0 0;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #FAFAFA;
}

#contentPane .title .titleBar {
  margin: 0 -100% 0 0;
  vertical-align: middle;
  width: 100%;
  height: 24px;
}

.panel{
  width: 100%;
  height: 100%;
  min-width: 900px;
}

.panel .left-panel{
  width: 25%;
  min-width: 200px;
  min-height: 200px;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
  background-color: rgba(153, 153, 153, 0.5);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

.panel .rigth-panel{
  width: 70%;
  min-width: 300px;
  margin-top: 0px;
  margin-right: 20px;
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
}

#footer {
  height: 35px;
  width: 95%;
  background: #17B228 url(../images/Header-BG-Variable.png);
 -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0px auto;
  line-height: 35px;
  
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  padding: 0 auto;
  z-index:50;
}

#copyright {
  clear: both;
  width: 98%;
  color: white;
  horizontal-align: center;
}

/* position:fixed;bottom:0;left:0;right:0;padding: 0 auto;
 Enviado às 11:55 de Terça-feira
 João:  Para o Body
overflow-y:scroll;min-width:999px;*/