*{
margin:0;
padding:0;
list-style-type:none;
}
html,body{
height:100%;
}
#limites {	
width: 80%;
height:auto!important;
height:100%;/*Internet explorer 6-*/
min-height:100%;/*Firefox e complacentes*/
margin:0 auto;
padding: 20px 0px 0px 0px;
text-align:left;
overflow: hidden;
}
/*-------------------------------------------------------rodape--------*/
#limites,#rodape{
width:100%;
margin:0 auto;/*Centraliza o layout*/
overflow: hidden;
}
#b{
/*Faz com que o conteudo do site não fique por baixo do rodape*/
clear:both;
visibility:hidden;/*Oculta*/
height:35px;/*Altura do rodape*/
}
#rodape{
height:35px;/*Altura do rodape*/
margin-top: -35px;/*Altura do rodape*/
}
#rodape {
padding: 0px 20px 0px 20px;
}
#rodape p {
text-align : center;
font-size : smaller;
color : #ffffff;
}
#rodape a {
color : #ffffff;
}
/*============-----------------------------------------------------------body-----------------*/
body {
font: normal small Arial, Helvetica, sans-serif;
background-color:#000022;
color: #000000;
text-align: center;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
color : #ffffff;
}
h3 {
font-size: 1em;
}
p, blockquote, ul, ol {
margin-bottom: 1.5em;
line-height: 1.8em;
text-align: justify;
}
blockquote {
margin-left: 3em;
margin-right: 3em;
font-style: italic;
}
ul {
list-style: square inside;
}
ol {
margin-left: 3em;
}
a {
color: #900;
}
a:hover {
text-decoration: none;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  =============================================   TUDO           xxxxxxxxxx*/
#tudo {
        position:relative;
        width:80%;
        min-height:100%;
	margin:0 auto;
	text-align:left;
	border:2px solid #f00;
	}
 * html #tudo {height: 90%;}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  ==============================================   TOPO           xxxxxxxxxx*/
#topo {
clear:both;
width: 80%;
height: 20%;
margin:0 auto;
overflow: hidden;
}
.logo {
margin-right: 20%;
}
.topo {
margin-bottom:20px;
padding: 1em;
}
/*xxxxxxxxxxxxxx     ===============================================                  BARMENU    xxxxxxxxxxxxxxxxxxxxxxx*/
#barmenu {
width: 80%;
height: 40px;
margin:0 auto;
margin-top:10px;
overflow: hidden;
}
#barmenu * {
margin:0 auto;
overflow: hidden;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx inicio barra de navegação */
  p.barNav {
  position:relative;
  } 
  .barNav a {
  font-weight:bold;
  color: #ffffff;
  text-decoration: none;
  background: #660000;  /* ============= cor da tecla ============*/
  text-align: center;
  padding: 2px 29px;
  margin-right:10px;
  border: 1px solid #000000;
  }
  .barNav a:hover {
  color: #666666;
  background: #FCFCFC;  /* xxxxxxxxxxxxxxxxxxxxx cor ao colocar o maose xxxx */
  border: 1px solid #666666;
  }
  .barNav a span { 
  display:none;
  }
  .barNav a:hover span {
  display: block;
  position: absolute; 
  top:240px; 
  left:450px; 
  width: 240px;
  padding: 2px 0; 
  color: #666666; 
  background:#fffff0; /* xxxxxxxxxxxxxxxxxxxxx cor fundo do texto xxxx */
  font-size: 12px; 
  border:2px dotted #000; 
  text-align:center;
  }
/* ----------------------------------------------------------------box----------------- */
#box {
width: 80%;
min-height: 26%;
margin:0 auto;
background-color: #660000;
overflow: hidden;
}
/* ----------------------------------------------------------------box left----------------- */
#boxleft {
float:left;
width: 29%;
min-height: 20%;
margin-top:20px;
margin-left:20px;
margin-bottom:20px;
padding:1%;
background-color:#ffffff;
overflow: hidden;
}
#boxleft * {
width: 150px;
margin-top:3%;
margin-left:2%;
margin-right:2%;
margin-bottom:1%;
padding: 3px;
z-index:1;
}
#prom {
width: 90%;
font-weight:bold;
color:#ffffff;
background-color:#000066;
padding:5px 5px 5px 5px;
word-wrap: break-word;
}
.prom {
font-size: large;
text-align:center;
}
#prom a {
color:#FFFF00;
}
/* ----------------------------------------------------------------box rigth----------------- */
#boxright {
float: right;
width:62%;
min-height: 20%;
background-color:#ffffff;
margin-top:20px;
margin-left: 5px;
margin-right:10px;
margin-bottom:20px;
padding:10px;
overflow: hidden;
}
#boxright * {
padding: 20px;
z-index:99;
}
#boxright2 {
float: right;
width:62%;
background-color:#ffffff;
margin-top:20px;
margin-left: 5px;
margin-right:10px;
margin-bottom:20px;
padding:1em;
overflow: hidden;
}
#rodape {
clear : both;
width:80%;
height: 35px;
/*background-color: #000033;*/
padding: 0px 20px 0px 20px;
/*overflow: hidden;*/
}
#rodape p {
text-align : center;
font-size : smaller;
color : #ffffff;
}
#rodape a {
color : #ffffff;
}