
html,body{height:100%}

body {
	background: #272729 url(https://est.no.comunidades.net/estilos/html5/bg1.png) repeat-x top !important;
        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: 1100px;}


/**********/
/* Header */
/**********/
.container .grid1 {width: 1100px;}
#header {height:120px;0px;}


/******************/
/* Titulo do Site */
/******************/
.container .grid2 {float: left; width: 800px; height:50px; overflow:hidden;}
#titulo {margin-top:15px; font:30px "Helvetica", Arial, sans-serif; color:#fff; text-shadow: #000 2px 2px 3px;}


/****************/
/* Menu do Topo */
/****************/
.container .grid3 {float: right; width: 1000px;}
#meno_topo {margin:0px 0px 0px 0px;}


/************************/
/* Menu do Topo - cores */
/************************/
#menu a {color: #bbb;}
#menu li:hover > a {color: #ffffff;}
*html #menu li a:hover {color: #ffffff;}


/****************/
/* Menu do Topo */
/****************/
#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; padding: 0 0 0 25px; font:16px/20px "Helvetica", Arial, sans-serif; text-decoration: none;text-shadow: 0 2px 0 #000; max-width:160px; overflow: hidden; white-space: nowrap;}
#menu a {text-align:center;}
#menu li:hover > ul {display: block;}


/********************/
/* Slide de Imagens */
/********************/
.container .grid4 {width: 1100px;margin: 0 auto; height:300px;}
.slides_container img {
        max-width:1100px;
        max-height:300px;
        -moz-border-radius: 10px;border-radius: 10px;-webkit-border-radius:10px;
}


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


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


/**********************/
/* Coluna da Esquerda */
/**********************/
.container .grid5 {width: 250px;float: left; color:#333;}
.container .grid9 {}


/****************/
/* Menu Lateral */
/****************/
.graphite {padding-left:5px;}
.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: 810px;float: right;}


/**********/
/* Footer */
/**********/
#footer {width:100%; color:#eee; padding:20px 0;}
.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; -moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius:5px;}
.container .grid5 img {max-width: 245px; width: expression(this.width > 245 ? 245: 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;}
