html,body{height:100%}

body {
        min-width: 1200px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:100%;
        color: #333;
        padding:0;
        margin:0 auto;
        font-size:12px;
        line-height:18px;
}


/********/
/* Site */
/********/
.container {margin: 0 auto;width: 1130px;}
.container2 {margin: 0 auto;width:100%;}


/**********/
/* Header */
/**********/
.grid1 {background:#011a2e url(https://est.no.comunidades.net/estilos/html5/header_preto.png) repeat-x top center;}
#header {height:62px;}


/******************/
/* Titulo do Site */
/******************/
.container .grid2 {float: left; width: 400px; padding: 0px; overflow: hidden; white-space: nowrap;}
#titulo {margin-top:14px; font:26px "Helvetica", Arial, sans-serif; color:#fff; text-shadow: #000 2px 2px 3px;}


/****************/
/* Menu do Topo */
/****************/
.container .grid3 {float: right; padding-top:20px;}


/****************/
/* Menu do Topo */
/****************/
#menu a {color: #ddd;}
#menu li:hover > a {color: #fff;}
*html #menu li a:hover {color: #fff;}

#menu {float:right; padding:0px;}
*#menu li{float: left;padding: 0px 0 10px 0;position: relative;line-height: 0; list-style: none;}
#menu a {float: left; height: 20px; margin: 0 12px; font:16px/20px "Helvetica", Arial, sans-serif; text-decoration: none; max-width:150px; overflow: hidden; white-space: nowrap;}
#menu a {text-align:center;}


/********************/
/* Slide de Imagens */
/********************/
.container .grid4 {width:100%;margin: 0 auto; padding-top:30px;}
.nivoSlider img {height:auto; max-height:600px; float:left; width:100%; border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}


/********************/
/* Conteudo do Site */
/********************/
#content{width:100%; margin:0px; min-height:200px; padding: 25px 0 20px 0;}
.geral {background:#f9f9f9;}
.main-section {padding:0 0 30px 0; margin:0px auto;}


/********/
/* Topo */
/********/
.container .grid8 {width: 1100px; margin: 0 auto; padding:0px 0 20px 0;}
#topo {margin: 0px; text-align:center; color:#333;}
#topo p {text-align:center;}
#pub-topo{padding:5px 0;}


/**********************/
/* Coluna da Esquerda */
/**********************/
.container .grid5 {width: 250px;float: left; color:#333; padding:0px;}
.container .grid9 {}
.container .grid9 p {margin: 0px;padding: 5px 0;text-align: left;}


/****************/
/* Menu Lateral */
/****************/
.graphite {padding:0px;}
.graphite .accordion a {color: #666;}
.graphite .accordion a:hover {color: #333;}

ul,li{border:0;outline:none;margin:0;padding:0;}
ul, ul li{list-style: none;}
.graphite {margin-bottom: 30px;}
.graphite .accordion {font: bold 14px "Helvetica", Arial, sans-serif;}
.graphite .accordion, .graphite .accordion li {margin: 0; padding: 0; border: none;}
.graphite .accordion a {padding: 5px 0px 5px 0px;  text-decoration:none; margin-top: 0px; display: block; font-weight:bold; position: relative;}
.graphite .accordion .sub-pags a {padding-left:25px; color:#888;}
.graphite .accordion .sub-pags a:hover {color:#555;}


/*********************/
/* Coluna da Direita */
/*********************/
.container .grid6 {width: 820px; float: right; margin-right:15px;}
.pagtit {color:#999; text-transform: capitalize;}


/**********/
/* Footer */
/**********/
#footer {width:100%; color:#eee; padding:30px 0; background:#011a2e url(https://est.no.comunidades.net/estilos/html5/footer_preto.png) repeat-x top center;}
.container .grid7 {width: 1100px; margin: 0 auto; text-align:center;}
#footer p {text-align:center;}
#footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-weight: normal;}
#footer a:active, #footer a:hover {color: #ddd; text-decoration: none;}


/*********/
/* Geral */
/*********/
a:link, a:visited {color: #36F; text-decoration: none; font-weight: normal;}
a:active, a:hover {color: #03F; text-decoration: none;}

.container p {margin: 0px;padding-bottom: 10px;text-align: justify;}
img {border:0px;}
.container .grid5 img {max-width: 220px; width: expression(this.width > 220 ? 220: true);}
.container .grid6 img {max-width: 800px; width: expression(this.width > 800 ? 800: true);}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}

.titulo {visibility:hidden;overflow:hidden;line-height:0;padding:0;font-size:0px;}
.warning{color: #CC0000;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}