body {
	background: #2E2E2E url(../imagens/img-fundo-site.jpg) repeat;
	margin:0px auto;
	overflow:auto;
}
/*
Estilos de divs, menus e estrutura em geral
*/
#topo {
	width:900px;
	height:80px;
	margin:0px auto;
	text-align:center;
}
#topo-logo {
	background: url(../imagens/img-fundo-topo-logo.jpg) no-repeat center top;
	width:280px;
	height:60px;
	text-align:center;
	padding-top:20px;
	float:left;
}
#topo-menu {
	background: url(../imagens/img-fundo-topo-menu.jpg) repeat-x;
	width:620px;
	height:80px;
	text-align:left;
	float:right;
}
ul#topo-menu-links {
	width:620px;
	margin:0px auto;
	padding-left:70px;
}
ul#topo-menu-links li {
	list-style:none;
	display:inline;
}
ul#topo-menu-links a {
	text-decoration: none;
	color: #FFFFFF;
	float:left;
	line-height:20px;
	padding-top:15px;
	display:block;
}
ul#topo-menu-links a:hover {
	text-decoration: none;
	color:#0099FF;
}
ul#topo-menu-links div {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	display:block;
}
ul#topo-menu-links small {
	color: #CCCCCC;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	font-weight:normal;
	display:block;
}
ul#topo-menu-links span {
	background: url(../imagens/img-topo-menu-separador.gif) no-repeat center;
	width:1px;
	height:80px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}
#separador {
	background: #333333;
	width:900px;
	margin:0px auto;
	height:5px;
}
#status-servico-erro {
	background: #FFFF99;
	padding: 10px;
	width: 630px;
	margin:0px auto;
	text-align:left;
}
#quadro_barra_porcetagem_uso {
	background:#F0F0F0;
	border:#CCCCCC 1px solid;
	width:150px;
	height:13px;
}
#barra_porcetagem_uso {
	background:url(../../../img/Barra.Grafico.Uso.png);
	height:13px;
	color:#000000;
	font-family:Arial, sans-serif;
	font-size:10px;
	text-align:center;
	padding:0px;
	margin:0px;
}
#conteudo {
	background: #FFFFFF;
	width:890px;
	margin:0px auto;
	padding:5px;
}
#rodape {
	background: #EEEEEE;
	width:900px;
	margin:0px auto;
	border-top: #CCCCCC 5px solid;
	clear:both;
}
#rodape-colunas {
	width:880px;
	margin:0px auto;
	padding-left:5px;
	padding-right:5px;
}
#rodape-coluna-1 {
	width:176px;
	text-align:left;
	left:0px;
	float:left;
}
#rodape-coluna-2 {
	width:176px;
	text-align:left;
	left:10px;
	float:left;
}
#rodape-coluna-3 {
	width:176px;
	text-align:left;
	left:20px;
	float:left;
}
#rodape-coluna-4 {
	width:176px;
	text-align:left;
	left:30px;
	float:left;
}
#rodape-coluna-5 {
	width:176px;
	text-align:center;
	left:40px;
	float:left;
}
#rodape-copyright {
	width:100%;
	margin:0px auto;
	text-align:center;
	clear:both;
}
ul#menu-rodape-links {
	padding:5px 0px 5px 0px;
	color: #333333;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0px auto;

}
ul#menu-rodape-links li {
	list-style:none;
	display: block;
}
ul#menu-rodape-links a {
	text-decoration: none;
	color: #333333;
}
ul#menu-rodape-links a:hover {
	text-decoration: underline;
}
/*
Estilos de textos
*/
.texto_pequeno {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.texto_medio {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.texto_medio_negrito {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.texto_grande {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
}
.texto_grande_negrito {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
.texto_titulo {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
.texto_azul {
	color: #0099FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.texto_azul_negrito {
	color: #0099FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.texto_vermelho {
	color: #AB1C10;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.texto_vermelho_negrito {
	color: #AB1C10;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.texto_versiculos {
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}
.texto_ilimitado {
	color: #AB1C10;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border: #AB1C10 1px dashed;
	padding-left:5px;
	padding-right:5px;
}
.texto_menu1 {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
/*
Estilos de formulários
*/
.campo {
	background: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:3px;
	border: #CCCCCC 1px solid;
}
.botao_pequeno {
	background: url(../imagens/img-fundo-botao-pequeno.gif) no-repeat center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	width:105px;
	height:31px;
	padding:0px;
	margin:0px;
	border:hidden;
	cursor:pointer;
}
.botao_pequeno:hover {
	background: url(../imagens/img-fundo-botao-pequeno.gif) no-repeat center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0099FF;
	font-weight:bold;
	width:105px;
	height:31px;
	padding:0px;
	margin:0px;
	border:hidden;
	cursor:pointer;
}
.botao_grande {
	background: url(../imagens/img-fundo-botao-grande.gif) no-repeat center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	width:165px;
	height:31px;
	padding:0px;
	margin:0px;
	border:hidden;
	cursor:pointer;
}
.botao_grande:hover {
	background: url(../imagens/img-fundo-botao-grande.gif) no-repeat center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0099FF;
	font-weight:bold;
	width:165px;
	height:31px;
	padding:0px;
	margin:0px;
	border:hidden;
	cursor:pointer;
}
.textarea {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family: Tahoma, Arial, sans-serif;
	padding-left:3px;
	padding-right:3px;
	width:200px;
	BACKGROUND-COLOR: #ffffff;
	BORDER-RIGHT: #D1DBE4 1px solid;
	BORDER-TOP: #F0F3F7 1px solid;
	BORDER-LEFT: #F0F3F7 1px solid;
	BORDER-BOTTOM: #D1DBE4 1px solid;
}
/* CSS das abas */
.dynamic-tab-pane-control.tab-pane {
  position:  relative;
  width:    100%;    /* width needed weird IE bug */
  margin-right:  -2px;  /* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {
  height:        16px;
  background-image:  url("../imagens/tab.png");
  border-left: #D5D5D5 1px solid;
  border-right: #D5D5D5 1px solid;
  position:    relative;
  top:      0;
  display:    inline;
  float:      left;
  overflow:    hidden;
  
  cursor:      Default;

  margin:      1px -2px 1px 2px;
  padding:    3px 10px 3px 10px;

  z-index:    1;
  font:      11px Tahoma;
  white-space:  nowrap;
  text-align:    center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
  height:        16px !important;
  background-image:  url("../imagens/tab.active.png") !important;
  border-left: #D5D5D5 1px solid;
  border-right: #D5D5D5 1px solid;
  overflow:    hidden;
  z-index:    3;
  margin:      1px -2px 1px 2px;
  padding:		3px 10px 3px 10px;
  top:      0;
  font:        11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
  font:        11px Tahoma;
  color:        #333333;
  text-decoration:  none;
  cursor:        default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
  font:        11px Tahoma;
  height:        16px;
  background-image:  url("../imagens/tab.hover.png");
}

.dynamic-tab-pane-control .tab-page {
  clear:      both;
  border-top:      1px solid #D5D5D5;
  background-color:    rgb( 252, 252, 254 );
  z-index:    2;
  position:    relative;
  top:      -2px;

  font:        11px Tahoma;
  color:        Black;

  filter:      progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
          progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
  
  /*244, 243, 238*/
  /* 145, 155, 156*/
  
  padding:    0px;
}

.dynamic-tab-pane-control .tab-row {
  z-index:    1;
  white-space:  nowrap;
}
