* {
	margin: 0;
}
/* 
 *	Menu principal do site
 */
a.menu_principal:link {
	color: #006699;
	text-decoration: none
}
a.menu_principal:active {
	color: #006699;
	text-decoration: none
}
a.menu_principal:visited {
	color: #006699;
	text-decoration: none;
}
a.menu_principal:hover {
	color: #FCFCFC;
	text-decoration: none;
	text-indent: 10px;
}
/* 
 *	Índices das notícias e tutoriais
 */
a.indice:link {
	color: #0033CC;
	text-decoration: none
}
a.indice:active {
	color: #0033CC;
	text-decoration: none
}
a.indice:visited {
	color: #0033CC;
	text-decoration: none
}
a.indice:hover {
	color: #999900;
	text-decoration: none
}
/* 
 *	Links Diversos 
 */
a.link_diversos:link {
	color: #993300;
	text-decoration: none
}
a.link_diversos:active {
	color: #993300;
	text-decoration: none
}
a.link_diversos:visited {
	color: #993300;
	text-decoration: none
}
a.link_diversos:hover {
	color: #CCC;
	text-decoration: none
}
/* 
 *	Elementos do HTML 
 */
body {
	background: url(../estrutura/bgEstrutura/background.jpg);
	font-family: "Trebuchet MS";
	font-size: 70%;
	color: #333366;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0
}
h5 {
	font-size: 12px;
}
h5.titulo {
	text-transform: uppercase
}
h5.fonteMenor {
	font-size: 10px
}
input, textarea, select {
	font-family: Microsoft Sans Serif;
	font-size: 11px
}
p {
	margin: 5px 0 5px 0
}
/* 
 * Área geral do site, abrigando todas as DIVs 
 */
#capa {
	width: 750px;
	height: auto;
	display: table;
	margin: 0 auto 0 auto
}
/* 
 * Topo do site, onde se situa o logotipo 
 */
#topo {
	width: 750px;
	height: 116px;
	background: url(../estrutura/bgEstrutura/topo.jpg);
	margin: 0 0 1px 0;
}
/* 
 * Barra superior abaixo do banner, que abre o espaço para o conteúdo 
 */
#abre_corpo {
	background: url(../estrutura/bgEstrutura/abre_corpo.jpg) top no-repeat;
	width: 750px;
	height: 20px;
	margin: 0;
	clear: both
}
/* 
 * Coluna do menu
 */
 
#corpo_do_site {
	background: #FFF;
	width: 750px;
	display: table
}
#coluna_menu {
	background: #FFF;
	width: 150px;
	float: left;
	text-align: left;
}
#coluna_menu .barra_titulo_menu {
	background: url(../estrutura/bgCaixas/bg_barra_titulo.jpg);
	border-bottom: 1px solid #CCC;
	width: 135px;
	padding: 5px;
	height: auto;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: bold
}
#coluna_menu .barra_titulo_menu_sem_espaco {
	background: url(../estrutura/bgCaixas/bg_barra_titulo.jpg);
	border-bottom: 1px solid #CCC;
	width: 135px;
	padding: 5px;
	height: auto;
	text-transform: uppercase;
	font-weight: bold
}
#coluna_menu ul {
	width: 145px;
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	background: #FFF /* Cor do fundo do menu */
}
#coluna_menu li {
	background: #F6F6F6;
	border-bottom: 1px solid #E6E6E6;
	line-height: 20px;
	margin: 1px 0 1px 0;
	text-indent: 3px
}
#coluna_menu li a:link {
	text-decoration: none;
}
#coluna_menu li a:hover {
	background: #0033CC; /* Cor do fundo do menu */
	display: block;
	text-decoration: none
}
#coluna_menu .li_login {
	background: none;
	border-bottom: 0;
	padding-top: 5px;
}
/* 
 * Coluna do Conteúdo
 */
#coluna_conteudo {
	background: #FFF;
	width: 600px;
	height: auto;
	float: right;
	clear: right
}
#area_conteudo {
	width: 580px;
	height:auto;
	display: table;
	margin: 0 auto 0 auto;
}
/* 
 * Barra de contato
 */
#barra_de_contato {
	width: 580px;
	padding-bottom: 5px;
	clear: both;
}
#bdc_lado_esquerdo {
	width: 50%;
	text-align: left;
	float: left;
}
#bdc_lado_esquerdo img {
	border: 0;
	vertical-align: middle;
}
#bdc_lado_direito {
	width: 50%;
	float: right;
	text-align: right;
}
#bdc_lado_direito img {
	border: 0;
	vertical-align: middle;
}
/* 
 * Título e caixa bordada, que organiza o conteúdo.
 */
.barra_titulo {
	background: url(../estrutura/bgCaixas/bg_barra_titulo.jpg);
	border-bottom: 1px solid #CCC;
	width: 98%;
	padding: 1%;
	height: auto;
	clear: both;
}
.barra_titulo h5 {
	text-transform: uppercase;
	text-indent: 0, 5%;
	font-weight: bold;
}
.campo_com_titulo {
	border: 1px solid #CCC;
	width: 580px;
	height: 100%;
	margin-bottom: 10px;
	clear: both;
	display: table;
}
.conteudo_campo_com_titulo {
	width: 560px;
	height: auto;
	display: table;
	margin: 10px;
	clear: both;
}
.imagem_de_fundo_1 {
	background: url(../estrutura/bgCaixas/bg_time.jpg);
}
.imagem_de_fundo_2 {
	background: url(../estrutura/bgCaixas/bg_mail.jpg);
}
.imagem_de_fundo_3 {
	background: url(../estrutura/bgCaixas/bg_fone.jpg);
}
.imagem_de_fundo_4 {
	background: url(../estrutura/bgCaixas/bg_atencao.jpg);
}
.imagem_de_fundo_5 {
	background: url(../estrutura/bg_planos/bg_asp.jpg);
}
.imagem_de_fundo_6 {
	background: url(../estrutura/bg_planos/bg_php.jpg);
}
.plano_de_hospedagem {
	width: 140px;
	height: auto;
	float: left;
}
.ctd_plano_de_hospedagem {
	border: 1px solid #CCC;
	width: 118px;
	padding: 5px;
	margin: 5px;
}
.ctd_plano_de_hospedagem ul {
	list-style: none;
	margin: 0
}
.ctd_plano_de_hospedagem li {
	display: block
}
.fonte_arial_1 {
	font-family: Arial;
	font-size: 26px;
	font-weight: bold;
	color: #993300;
	text-indent: 5px;
}
.fonte_arial_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
	text-indent: 5px;
}
/* ************************************ */

#fecha_corpo {
	background: #FFF url(../estrutura/bgEstrutura/fecha_corpo.jpg);
	width: 750px;
	height: 20px;
	margin: 0 auto 0 auto;
	clear: both;
	text-align: center
}
#creditos {
	width: 750px;
	height: 20px;
	color: #999;
	text-align: center
}
/* ************************ Listas Odenadas ************************** */
ul#informativos {
	width: 100%;
	padding: 0;
}
ul#informativos li {
	border-bottom: 1px solid #E6E6E6;
	line-height: 20px;
	margin: 1px;
	text-indent: 3px;
}
ul#informativos li a:link {
	color: #0066CC;
	text-decoration: none
}
ul#informativos li a:active {
	color: #0066CC;
	text-decoration: none
}
ul#informativos li a:visited {
	color: #CC6600;
	text-decoration: none
}
ul#informativos li a:hover {
	background: #0033CC;
	color: #FFF;
	text-decoration: none
}
.titulo_noticia_tutorial {
	font-family: Arial;
	font-size: 16px;
}
/* ************************************************** */

/* ************************************************** */

#flash {
	width: auto;
	height: auto;
	margin: 5px 0 0 0
}
barra_lado_esquerdo {
	width: 49%;
	height: auto;
	float: left;
	text-align: left
}
barra_lado_esquerdo img {
	border: 0;
	vertical-align: middle
}
#barra_lado_direito {
	width: 49%;
	height: auto;
	float: right;
	text-align: right
}
#barra_lado_direito img {
	border: 0;
	vertical-align: middle
}
/* **************************************** Classes ************************************************ */
/* ************************************ */

/* ************************************ */
#atendimento {
	background: #FFF;
	border: 1px solid #CCC;
	width: auto;
	margin-bottom: 10px;
	clear: both
}
#atendimento h5.botoes {
	font-size: 12px;
	color: #0099FF;
	text-transform: uppercase
}
#ctd_atendimento {
	width: 550px;
	height: 100%;
	margin: 5px;
	clear: both
}
#ctd_atendimento .tutorial_left {
	width: 275px;
	float: left;
	clear: left;
	margin-bottom: 30px
}
.tutorial_left .tutorial_left_ctd {
	border-bottom: 1px solid #CCC;
	background: url(../estrutura/bgCaixas/bgTime.jpg) repeat;
	width: 265px;
	margin: 5px;
	clear: left
}
.tutorial_left .tutorial_left_ctd img {
	margin: 5px;
	float: left
}
#ctd_atendimento .tutorial_right {
	width: 275px;
	float: right;
	clear: right;
	margin-bottom: 30px
}
.tutorial_right .tutorial_right_ctd {
	border-bottom: 1px solid #CCC;
	background: url(../estrutura/bgCaixas/bgTime.jpg) repeat;
	width: 265px;
	margin: 5px;
	clear: right
}
.tutorial_right .tutorial_right_ctd img {
	margin: 5px;
	float: left
}
/* ************************************ */

/* ************************************ */
.bgTecnologias {
	background: url(../estrutura/bgCaixas/bgTecnologias.jpg) top center no-repeat;
	border-top: 1px solid #E6E6E6;
	width: 550px; /* 560px */
	height: 86px;
	clear: both
}
.anuncio {
	width: auto;
	height: auto;
	margin: 10px 0 0 5px;
}
.fonteDestacada {
	color: #FF0000;
	font-size: 18px;
	text-transform: uppercase
}
/* Fim das Classes */
/* Tabelas */
table.tabelaForm {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 10px 0
}
table.tabelaForm tr {
	padding: 1px;
}
table.tabelaForm th {
	display: none
}
#flash {margin:5px 0 5px 0;}