*{
  margin:0;
  padding:0;
}

body{
  background:  #FFFFFF url(imagens/sombra.jpg) repeat-y center;
  font:12px Arial, Verdana, Tahoma;
  text-align:center;
 
}

#barra{
  height:30px;
  width:777px;
  background:#71807D;
  margin:2px auto;
  font:17px Arial, Verdana, Tahoma;
  color:#FFFFFF;
  line-height:30px;
  word-spacing:5px;
}

.h1{
  font:16px Verdana, Arial, Tahoma;
  text-align:center;
  color:#D8EBEB;
  font-weight:normal;
  text-decoration:none;
  list-style:none;
  padding:19px 0 5px 0;/*responsável pela cor nos títulos dos links*/
  margin:3px 4px 0 3px;/*top rigth bot left*/
  background:url(imagens/fundo_menu.gif) no-repeat bottom;
}

.h2{
  font:16px Verdana, Arial, Tahoma;
  text-align:center;
  color:#D8EBEB;
  font-weight:normal;
  text-decoration:none;
  list-style:none;
  padding:19px 0 5px 0;/*responsável pela cor nos títulos dos links*/
  margin:3px 4px 0 3px;/*top rigth bot left*/
  background: #D0E1EE;
}

#topo{
  margin:3px 0 0 0;
  text-align:center; 
}

#conteudo{
  width:777px;
  height:auto;
  background: #FFFFFF;/*background caixa atras do texto dos cursos*/
  padding:5px 0 5px 0;
}

#box-conteudo{
  width:550px;
  height:auto;
  background:#E5E5E5;
  float:right;
  margin:0 4px 0 1px;
  
}


#menu{
  width:207px;
  height:950px;
  background:#D0E1EE;
  padding:0 0 0 0;
  text-align:left;
  margin:0 0 0 5px;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  list-style:none;
  float:left;	
}

#menu ul{
  list-style:none;
 
}

#menu ul li a{
  list-style:none;
  width:200px;
  background:#D0E1EE;
  float:left;
  text-decoration:none;
  margin:0 0 0 3px;
  border-bottom:1px solid black;
  color:#394644;
  padding:6px 0 10px 0;
}

#menu ul li a:hover{
  background:#AFCDE2;
  list-style:none;
  color: #000000;
}

#clear{
  clear:both;
}