/* COPIADO DO ARQUIVO blueprint/grid.css 
   PARTE DO FIX ESTA NO blueprint/ie.css
   
   Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix {display: inline-block;}

/* CLASSES UTEIS */
ul.limpo {list-style: none; list-style-position: inside;}

ul.inline li {display: inline-block; padding: .5em;}
ul.inline li a {text-decoration: none; font-weight: 400; font-size: 1.2em; }

/* layout */

body#corpo { font-family: arial; font-size: 75%;}

#pagina, 
#topo,
#institucional, 
#principal, 
#rodape {width: 100%; text-align: left; overflow: hidden;}

#topo .interior,
#institucional .interior, 
#principal .interior,
#rodape .interior {width: 960px; margin: 0 auto; overflow: hidden;}

/* fim:layout */

body {background-color: #fff; background-image: none;}

/* TOPO */
#topo {eight: 100px; background: transparent url(../imgs/bg-topo.jpg) no-repeat scroll center center;}
#topo .interior {overflow: hidden;}
#logo {float: left; height: 67px; width: 300px;padding-top: 29px}
#logo a {border: 0}
#logo img {height: 67px; width: 300px; border: 0; }
#direita {float: left; height: 100px; width: 660px; text-align: right;}
#direita #noticias {padding-top: 30px;}

#direita #noticias fieldset {padding: 0; margin: 0; display: inline}
#direita #noticias fieldset label {padding: 0; margin: 0; color: #a5d8f6; font-weight: 900;}
#direita #noticias fieldset #txtEmail {padding: 1px 0; margin: 0; color: #999; font-style:italic;}
#direita #noticias fieldset #btnCadastrar {background-color: #a5d8f6; color: #fff; margin: 0; border: 0 none;}
#direita #noticias a.feed {display: inline-block; padding-bottom:1px; vertical-align: bottom}
#direita #noticias a.feed img {height: 20px}
/* a instrucao abaixo nao é vista pelo idiotnet explorer 6*/
#direita #noticias fieldset input[id=btnCadastrar] {padding: 1px 7px}

#mensagem-alerta { font-size: .8em; color: #ff0000 }

/* MENU SUPERIOR */
#topo {height: auto;}
#direita {height: auto}
#direita #menu {padding-top: 20px; overflow: hidden; width: 100%; text-align: right;}
#direita #menu ul {display: inline-block!important; list-style: none; list-style-position: inside; overflow: hidden;}
#direita #menu ul li {line-height: 2em; display:inline; padding: 0; }
#direita #menu ul li a {line-height: 2em; padding: 0 6px; text-decoration: none; color: #fff; font-weight: 500; font-family: Helvetica; font-size: 1.2em; }
#direita #menu ul li a:hover {color:#A5D8F6}
#direita #menu ul li.atual a {background-color:#A5D8F6; color: #115d91; border: 1px solid #a5d8f6}
/* menu a direita deve ter float:right */

/* TARJA INSTITUCIONAL (por aparecer em mais de uma pagina)*/
#institucional {height: 245px; background: transparent url(../imgs/bg-instit.jpg) no-repeat scroll center top;}
#institucional .interior {height: 245px;}
#institucional .interior .banner {text-align: center;}
#institucional .interior .banner img {height: 245px; width: 960px}

/* PRINCIPAL */
#principal { background: transparent url(../imgs/bg-principal-inferior.jpg) no-repeat scroll left bottom;} 
/* usar a parte de cima do mesmo bg do*/
#principal { padding-bottom: 30px}
/* RODAPE */

#rodape {height: 58px; background: transparent url(../imgs/bg-rodape.jpg) no-repeat scroll center bottom}
#rodape .interior {padding-top: 7px}
#rodape .esq span,
#rodape .dir span {padding: 0 .5em; line-height: 1.5em; display: inline-block; }
#rodape a {text-decoration: none; color: #888}
#rodape a:hover {text-decoration: underline}

#rodape .interior .esq {float: left; text-align: left; overflow: hidden; width: 50%}
#rodape .interior .dir {float: left; text-align: right; overflow: hidden; width: 50%}

#classe-inutil-de-teste {}