@charset "utf-8";
img {border:0;}
.fundo {
  background-attachment: fixed;
  background-image: url(imagens/fundo-vermelho.jpg);
  background-repeat: repeat-x;
  background-color: #cb1212;
  color: #DDD;
}
.logo {
  left:0;
  right:0;
  top:-5px;
  position:absolute;
  width:767px;
  height:609px;
  margin-left:auto;
  margin-right:auto;
}
.logopequeno {
  left:0;
  right:0;
  top:-1px;
  position:absolute;
  margin-left:70%;
  margin-right:30%;
}
.tabeladorodape {
  padding-bottom:20px;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  background-color: #7a0001;
}
.barradomenu{
  position:absolute;
  bottom:60px;
  left:0;
  right:0;
  width:780px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:40px;
}
ul.menu { 
  margin:0; 
  padding:0;
}
	
ul.menu li {
  list-style:none;	
  display:inline;
}
ul.menu li a {
  float:left;
  width:7.1em;
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font-family:Calibri;
}
ul.menu li a:hover {
  background:#7a0001;
  color:#fff;
}
a:link, a:hover, a:visited, a:active {
  text-decoration:none;
  color:#FFF;
}




html, body, .wrapper {
  min-height: 100%; /*Sets the min height to the height of the viewport.*/
  width: 100%;
  height: 100%; /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
  margin: 0;
  padding: 0;
  text-align:justify;
}

html>body, html>body .wrapper {
  height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom:250px;
}

.footer {
  position:absolute;
  bottom: 0;
  width: 100%;
  float: none;
  clear: both;
  height:100px;
}

.main {
  margin-bottom:140px; /*Modify value as needed for footer height.*/
  min-height:200px;
  height:100%;
  height: auto;
  padding: .5em;
  width:850px;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px;
}