@charset "utf-8";

/* Data: 22/12/2009 */
/* Designer: Marconi Duarte */
/* Email: marconiduarte@yahoo.com */

/* (c) 2009 Marconi Duarte Criação de Sites */
/* URL: http://www.marconiduarte.com.br */
/* E-Mail: contato@marconiduarte.com */
/* Telefone: (83) 8895-3902 */

/* -- area-do-cliente -- */

#area-do-cliente,
#topo,
#rodape { background-color: #76ab12; }

#area-do-cliente #campos-login { background-color: #1c1c1c; color: #fff; }

#area-do-cliente #campos-login ul,
#area-do-cliente #aba-login,
#topo #destaques,
#promocoes,
#conteudo,
#rodape #menu-rodape,
#parceiros ul { width: 951px; margin: 0 auto; }

#area-do-cliente #campos-login ul { padding-top: 20px; }

#area-do-cliente #campos-login ul li,
#topo #logo-atendimento #logo,
#topo #menu ul li,
#parceiros ul li,
#conteudo #registrar-dominio ul li,
#conteudo #boletim-informativo ul li { float: left; }

#area-do-cliente #campos-login ul li input { width: 200px; margin: 0 15px 20px 0; }

#area-do-cliente #campos-login ul li input.radio { width: 13px; height: 13px; margin-right: 5px; }

#area-do-cliente #campos-login ul li input.btn-acessar { width: 80px; height: 35px; background-color: #76ab12; background-image: none; padding: 0; color: #fff; text-transform: uppercase; cursor: pointer; } 

#area-do-cliente #campos-login ul.lembrarsenha { margin-top: -20px; }

#area-do-cliente #aba-login a { width: 188px; height: 25px; background: url(../images/btn-areadocliente.gif) no-repeat; display: block; float: right; }

/* -- logo-atendimento -- */

#topo #logo-atendimento { width: 941px; margin: 0 auto; }

#topo #logo-atendimento { padding-left: 10px; }

/* -- logo -- */

#topo #logo-atendimento #logo h1 a { width: 234px; height: 63px; background: url(../images/logo.gif) no-repeat; display: block; }

/* -- atendimento -- */

#topo #logo-atendimento #atendimento-online { float: right; margin: 14px 25px 0 0; }

/*#topo #logo-atendimento #atendimento-online a { width: 138px; height: 38px; background: url(../images/btn-atendimentoviachat.gif) no-repeat; display: block; }*/

/* -- menu -- */

#topo #menu ul { width: 944px; margin: 0 auto; padding: 14px 0 0 7px; }

#topo #menu ul li a { height: 42px; background: url(../images/menu.gif) no-repeat; display: block; margin-right: 31px; }

#topo #menu ul li.empresa a { width: 68px; background-position: left top; }

#topo #menu ul li.empresa a:hover { background-position: left bottom; }

#topo #menu ul li.hospedagem a { width: 85px; background-position: -98px top; }

#topo #menu ul li.hospedagem a:hover { background-position: -98px bottom; }

#topo #menu ul li.revenda a { width: 142px; background-position: -214px top; }

#topo #menu ul li.revenda a:hover { background-position: -214px bottom; }

#topo #menu ul li.radio a { width: 82px; background-position: -387px top; }

#topo #menu ul li.radio a:hover { background-position: -387px bottom; }

#topo #menu ul li.cloud a { width: 114px; background-position: -501px top; }

#topo #menu ul li.cloud a:hover { background-position: -501px bottom; }

#topo #menu ul li.dedicado a { width: 63px; background-position: -646px top; }

#topo #menu ul li.dedicado a:hover { background-position: -646px bottom; }

#topo #menu ul li.promocoes a { width: 77px; background-position: -740px top; }

#topo #menu ul li.promocoes a:hover { background-position: -740px bottom; }

#topo #menu ul li.faleconosco a { width: 89px; background-position: -848px top; margin-right: 0; }

#topo #menu ul li.faleconosco a:hover { background-position: -848px bottom; }

/* -- destaques -- */

#topo #destaques { width: 951px; height: 201px; }

#topo #destaques .svw { width: 15px; height: 22px; background-color: #76ab12; }

#topo #destaques .svw ul { position: relative; left: -999em; }

#topo #destaques .stripViewer { position: relative; overflow: hidden; }

#topo #destaques .stripViewer ul { position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }

#topo #destaques .stripViewer ul li { float: left; }

#topo #destaques .stripTransmitter { overflow: auto; width: 1%; }

#topo #destaques .stripTransmitter ul { position: relative; list-style-type: none; padding-left: 16px; margin-top: -186px; position: absolute; }

#topo #destaques .stripTransmitter ul li { width: 25px; float: left; margin-right: 10px; }

#topo #destaques .stripTransmitter a { background-color: #f3f3f3; display: block; padding: 3px 0; text-align: center; color: #1c1c1c; text-decoration: none; font-size: 13px; font-weight: bold; opacity: 0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); }

#topo #destaques .stripTransmitter a:hover { background-color: #76ab12; color: #fff; }

#topo #destaques .stripTransmitter a.current, 
#topo #destaques.stripTransmitter a.current:hover { background: #76ab12; color: #fff; }


/* -- promocoes -- */

#promocoes { margin-top: 1px; }

#promocoes h1 { width: 117px; height: 51px; background: url(../images/t-promocoes.gif) no-repeat; float: left; }

#promocoes p { width: 814px; height: 33px; background: #efefef url(../images/bg-promocoes.gif) no-repeat right bottom; padding: 18px 0 0 20px; float: left; }

/* -- conteudo -- */

#conteudo { padding: 24px 0; }

/* -- planos -- */

#conteudo #planos { margin-bottom: 37px; }

#conteudo #planos #plano1 { width: 301px; background: url(../images/bg-planohospedagem.gif) no-repeat; float: left; margin-right: 24px; }

#conteudo #planos #plano1 h2,
#conteudo #planos #plano2 h2,
#conteudo #planos #plano3 h2 { height: 41px; }

#conteudo #planos #plano1 div.infoplano,
#conteudo #planos #plano2 div.infoplano,
#conteudo #planos #plano3 div.infoplano { width: 159px; float: left; padding: 15px 0 0 20px; line-height: 17px; }

#conteudo #planos #plano1 div.infoplano a { color: #76ab12; }

#conteudo #planos #plano1 div.preco,
#conteudo #planos #plano2 div.preco,
#conteudo #planos #plano3 div.preco { width: 101px; padding-top: 45px; line-height: 25px; float: left; font-size: 12px; color: #fff; }

#conteudo #planos #plano1 div.preco span.moeda,
#conteudo #planos #plano2 div.preco span.moeda,
#conteudo #planos #plano3 div.preco span.moeda { font-size: 18px; }

#conteudo #planos #plano1 div.preco span.valor,
#conteudo #planos #plano2 div.preco span.valor,
#conteudo #planos #plano3 div.preco span.valor { font-size: 32px; font-weight: bold; }

#conteudo #planos #plano1 div.preco sup.centavos,
#conteudo #planos #plano2 div.preco sup.centavos,
#conteudo #planos #plano3 div.preco sup.centavos { font-size: 15px; }

#conteudo #planos #plano2 { width: 301px; background: url(../images/bg-planorevenda.gif) no-repeat; float: left; margin-right: 24px; }

#conteudo #planos #plano2 div.infoplano a { color: #ff6600; }

#conteudo #planos #plano3 { width: 301px; background: url(../images/bg-planocloudcomputing.gif) no-repeat; float: left; }

#conteudo #planos #plano3 div.infoplano a { color: #1277ab; }

/* -- radio-online -- */

#conteudo #radio-online,
#conteudo #dedicado,
#conteudo #eventos,
#conteudo #registrar-dominio,
#conteudo #boletim-informativo,
#conteudo #redes-sociais { width: 261px; float: left; padding-left: 20px; margin: 0 64px 34px 0; }

#conteudo #radio-online h1 { height: 25px; background: url(../images/t-radioonline.gif) no-repeat; }

#conteudo #radio-online div.plano,
#conteudo #dedicado div.plano { height: 53px; background: #f1f6e7 url(../images/ico-streamingaudio.gif) no-repeat left top; padding: 15px 0 0 68px; margin-top: 10px; }

#conteudo #radio-online div.plano span.titulo,
#conteudo #dedicado div.plano span.titulo { font-size: 15px; }

/* -- dedicado -- */

#conteudo #dedicado { padding-left: 0; }

#conteudo #dedicado h1 { height: 25px; background: url(../images/t-dedicado.gif) no-repeat; }

#conteudo #dedicado div.plano { background: #f1f6e7 url(../images/ico-servidordedicado.gif) no-repeat left top; }

/* -- eventos -- */

#conteudo #eventos { padding-left: 0; margin-right: 0; }

#conteudo #eventos h1 { height: 25px; background: url(../images/t-eventos.gif) no-repeat; }

#conteudo #eventos ul { background-color: #76ab12; }

#conteudo #eventos ul li { height: 48px; background: url(../images/ico-eventos.gif) no-repeat left center; padding: 20px 0 0 68px; border-bottom: 1px dashed #fff; color: #fff; }

#conteudo #eventos ul li a { color: #fff; }

/* -- registrar-dominio -- */

#conteudo #registrar-dominio h1 { height: 25px; background: url(../images/t-registrardominio.gif) no-repeat; }

#conteudo #registrar-dominio ul li input,
#conteudo #conteudo-internas #form-contato table tr td input { width: 145px; margin: 10px 10px 0 0; } 

#conteudo #registrar-dominio ul li select { width: 94px; height: 35px; padding: 7px 10px; margin-top: 10px; } 

#conteudo #registrar-dominio ul li input.btn-registrar,
#conteudo #boletim-informativo ul li input.btn-cadastrar { width: 95px; height: 35px; background-color: #76ab12; background-image: none; padding: 0; color: #fff; text-transform: uppercase; cursor: pointer; } 

/* -- boletim-informativo -- */

#conteudo #boletim-informativo { padding-left: 0; }

#conteudo #boletim-informativo h1 { height: 25px; background: url(../images/t-boletiminformativo.gif) no-repeat; }

#conteudo #boletim-informativo ul li input { width: 249px; margin-top: 10px; } 

/* -- redes-sociais -- */

#conteudo #redes-sociais { padding-left: 0; margin-right: 0; }

#conteudo #redes-sociais h1 { height: 25px; background: url(../images/t-redessociais.gif) no-repeat; }

#conteudo #redes-sociais ul { background-color: #f1f6e7; }

/* -- parceiros -- */

#parceiros { background-color: #f3f3f3; }

#parceiros ul li { width: 190px; padding: 30px 0; text-align: center; }

/* -- rodape -- */

#rodape { padding: 30px 0 10px 0; }

/* -- menu-rodape -- */

#rodape #menu-rodape ul { width: 190px; padding-bottom: 20px; float: left; }

#rodape #menu-rodape ul li.titulo { font-weight: bold; padding-bottom: 10px; }

#rodape #menu-rodape ul li a { color: #fff; }

#rodape #menu-rodape ul li.titulo a { color: #1c1c1c; }

/* -- copyright -- */

#copyright { background-color: #1c1c1c; padding: 20px; color: #8e8e8e; }

#copyright a { color: #8e8e8e; }.div_titulo {
	font-size: 18px;
}
.style1031 {
	text-align: justify;
}
.div_just {
	text-align: justify;
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}
.div_test {
	font-size: 12px;
}
td_01 {
	font-family: Verdana, Geneva, sans-serif;
}
.bgd_tit {
	background-image: url(../images/barra_titul.jpg);
}
.div_fundo {
	background-image: url(../images/barra_titul.jpg);
}