@charset "utf-8";
/* CSS Document */

body{margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px; background-color:#F3F3F3;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}


/* =============== Estrutura de todas as Paginas =============== */
#corpo-estrutura {background:url(img/fundo-estrutura.gif) repeat-x top left; width:100%; height: auto}
#topo-estrutura {margin:0 auto; width:990px; height:130px;}
#banner-estrutura {margin:0 auto; width:990px; height:295px; margin-top:10px;}
#conteudo-estrutura {margin:0 auto; width:990px; height:500px; margin-top:20px;}
#rodape-estrutura {width:100%; height:200px; margin-top:20px; clear:left}





/* =============== Estrutura da Pagina Index =============== */
#corpo-index {width:100%; height:auto; background:url(img/fundo-index.gif) repeat-x top}
#topo-index {margin:0 auto; width:990px; height:130px;}
#animacao-index {margin:0 auto; width:990px; height:350px; margin-top:9px}
#plano-index {margin:0 auto; width:990px; height:338px; margin-top:9px}
#conteudo-index {margin:0 auto; width:990px; height:auto; margin-top:20px; clear:both}
#esq-index {width:380px; height:290px; float:left; clear:left; margin-top:10px}
#direita1-index {width:600px; height:120px; float:right}
#direita2-index {width:600px; height:auto; float:right; margin-top:20px}
#rodape-index {margin:0 auto; width:100%; height:200px; margin-top:20px; clear:both}





/* =============== Estrutura da Pagina Serviços =============== */
#corpo-serivos {margin:0 auto; width:990px; height:500px; margin-top:30px;}
#menu-servicos {float:left; width:200px; height:500px;}
#conteudo-servicos {float:right; width:750px; height:500px;}

ul.botoes-servicos1 {margin:0; padding:0; list-style:none;}
ul.botoes-servicos1 li {line-height:30px}
ul.botoes-servicos1 li a {text-decoration:none; display:block; color:#666}
ul.botoes-servicos1 li a:hover {color:#82b704; text-decoration:underline}





/* =============== Estrutura da Pagina Menus =============== */
#corpo-menu {margin:0 auto; width:990px; height:130px;}
#frase-menu{margin-top:20px; margin-left:20px; width:500px; height:20px; float:left;}
#login-menu {margin-top:20px; margin-right:20px; width:350px; height:30px; float:right;}

/* Fundo do Botão */
#corpo-fundo-menu {width:990px; height:81px; float:left;}
#fundo-esq-menu {width:12px; height:81px; float:left; background:url(img/header-box-left.gif) no-repeat left top;}
#fundo-dir-menu {width:12px; height:81px; float:right; background:url(img/header-box-right.gif) no-repeat right top;}
#fundo-cent-menu {width:966px; height:81px; float:left; background:url(img/header-box-tail.gif) repeat-x top;}

/* Logomarca */
#logomarca {width:200px; height:50px; float:left; margin-top:15px; margin-left:10px;}

/* Menus */
#botoes-menu {width:650px; height:50px; float:right; margin-top:15px;}
ul.botoes1 {margin:0; padding:0;}
ul.botoes1 li {list-style:none; float:left; font-size:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height:3em; text-transform:uppercase; padding-left:20px; margin-left:20px; background:url(img/divider.gif) repeat-y left top;}
ul.botoes1 li a {color:#fff; text-decoration:none; display:block;}
ul.botoes1 li a:hover {color:#82b704}

/* Formulário */
#form-login-menu span.text-menu {float:left; width:104px; height:23px; margin-left:5px; background:url(img/input-bg1.gif) no-repeat left top}
#form-login-menu input {border:none; background:none; padding:4px 10px; color:#9b9b9b; width:80px; padding-top:2px}

/* Botão Login */
.bt-login {margin-top:-3px;}





/* =============== Estrutura da Pagina Plano =============== */
#corpo {margin:0 auto; width:990px; height:338px}
#box1, #box2, #box3, #box4 {width:240px; height:338px;  float:left; background:url(img/fundo-plano2.jpg) no-repeat left  }
#box1, #box2, #box3 {margin-right:10px;}





/* =============== Estrutura da Pagina Banner =============== */
#corpo-banner {margin:0 auto; width:980px; height:auto;}
#fundo-banner {margin:0 auto; width:980px; height:220px; background:url(img/banner.jpg) no-repeat top}
#texto-banner {float:right; margin-top:50px; margin-right:20px}
#botoes-banner {margin:0 auto; width:980px; height:65px; margin-top:10px;}

ul.botoes2 {margin:0; padding:0; list-style:none;}
ul.botoes2 li {float:left; background:url(img/banner-bg.gif) no-repeat top; text-align:center;  width:244px;}
ul.botoes2 li a {display:block; text-decoration:none; width:242px; line-height:65px; }
ul.botoes2 li a:hover {color:#82b704}





/* =============== Estrutura da Pagina Rodapé =============== */
#corpo-rodape {float:left; width:100%; height:200px; background:url(img/fundo-rodape.gif) repeat-x top left}
#conteudo-rodape {margin:0 auto; margin-top:30px;  width:990px; height:130px;}
#box1-rodape, #box2-rodape, #box3-rodape
{width:170px; height:100px; float:left; margin-right:20px; margin-top:20px; background:url(img/linha-rodape.gif) repeat-y left top}
#box4-rodape {width:200px; height:30px; float:right; margin-top:90px;}
ul.botoes-rodape {margin:0; padding:0; list-style:none}
ul.botoes-rodape li {width:150px; padding-left:20px; line-height:20px}
ul.botoes-rodape li a { text-decoration:none;  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#FFF}
ul.botoes-rodape li a:hover {color:#82b704}





/* =============== Estrutura da Pagina Portifólio =============== */
#conteudo-port {margin:0 auto; width:990px; height:auto; margin-top:20px;}
#esq-port {float:left; margin-top:20px; width:280px; height:310px;}
#dir-port {float:right; margin-top:20px; width:680px; height:310px;}
#rodape-port {float:left; margin-top:10px; width:980px; height:auto;}
#titulo_port {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:25px; line-height:55px; color:#82b704; font-weight:bold;}
#texto_port {line-height:20px;}
.cs {font-weight:bold; color:#82b704;}
.net {font-weight:bold; color:#000000;}





/* =============== Formatação =============== */
.estilo1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:40px; color:#FFF;}
.estilo2 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:40px; color:#82b704;}
.estilo3 {font-family:Arial, Helvetica, sans-serif, sans-serif; font-size:12px; color:#9b9b9b;}
.estilo4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; color:#FFF; height:50px; padding-top:8px}
.estilo5 {font-family:Arial, Helvetica, sans-serif, sans-serif; font-size:12px; color:#666; border-bottom:#CCC solid 1px; padding:7px}
.estilo6 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#666}
.estilo7 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; color:#000;}
.estilo8 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; color:#FFF;}
.estilo9 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#FFF;}
.estilo10{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; color:#82b704;}
.estilo11{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:30px; color:#82b704;}

.form {border:#999 solid 1px;}
.valor-menu {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:30px; color:#82b704; text-align:center; padding-top:10px;}
.bt-contrate {background:url(img/contrate.jpg); width:112px; height:35px; border:0px; color:#FFF; margin-top:10px }
.bt-contrate:hover, .bt-contato2:hover, .bt-contato1:hover {color:#82b704; cursor:pointer}
.bt-contato1 {background:url(img/bt-fundo1.gif) left top; width:84px; height:32px; border:0px; color:#FFF}
.bt-contato2 {background:url(img/bt-fundo2.gif) left top; width:84px; height:32px; border:0px; color:#FFF}