/* 
#############################################
## ESTRUTURA CSS FEITA PELA ÁPICE INTERNET ##
## E-MAIL: CONTATO@APICEINTERNET.COM.BR    ##
#############################################
*/

html { background:#fff url(images/bg_fundinho_internas.jpg) repeat-x; }

body { background:url(images/bg_internas.jpg) top center no-repeat; text-align:center; margin:0px; padding:0px; }
	
* { font:13px Arial; }
* a { color:#F30; text-decoration:underline; }
* a:hover { color:#111; text-decoration:none; }
* h2 { font:22px Arial; color:#333; font-weight:bold; text-align:left; }
* h3, h3 strong { font:16px Arial; color:#333; font-weight:bold; padding:10px 0px; text-align:left; }
* h4 { font-weight:bold; text-align:left; }
* h5 { margin:10px 0px; font:14px Arial; font-weight:bold; }
* p, address { font:13px Arial; color:#333; text-align:left; margin:10px 0px; padding:0px; }
* strong, b { font-weight:bold; }
* ul { margin:0px; padding:0px; list-style:none; }
* li { float:left; padding:0px; margin:0px; text-align:center; list-style:none; font:13px Arial; color:#333; padding-left:15px; }
* em { font-style: italic; }

* .logo { width:248px; height:200px; background:url(images/logoapice.jpg) no-repeat; margin:0px; padding:0px; float:left; margin-top:14px; }
* .logo a { display:block; width:100%; height:100%; text-indent:-9999px; text-decoration:none; background:none; }
* .logo a:hover { text-decoration:none; }

#topo, .criacaodesites, .otimizacaodesites, .agenciaweb, .hospedagemdesites, .sistemasweb, .orcamentosite, .contatosite, .ondeganha2 { width:840px; margin:0 auto; }
#topo h1 { margin:0px; text-indent:-9999px; }
#menu { width:501px; height:50px; background:url(images/bg_menu.jpg) top left no-repeat; float:right; }
#menu ul li { float:left; width:90px; height:50px; margin:0px; padding:0px; margin-left:10px; }
#menu ul li.orcamento { width:100px; }
#menu ul li.contato { width:75px; }
#menu ul li.subs { height:5px; }
#menu ul li a { display:block; height:100%; text-indent:-9999px; }
.frase_principal, .frase_principal2 { margin-top:60px; float:right; font:22px 'Times New Roman'; font-style:italic; color:#fff; display:block; width:500px; text-align:right; }
.frase_principal2 { margin-top:0px; }

.altura_blocos { height:45px; clear:both; }

.criacaodesites { background:url(images/criacaodesites.jpg) top left no-repeat; }
.otimizacaodesites { background:url(images/otimizacaodesites.jpg) top left no-repeat; }
.agenciaweb { background:url(images/agenciaweb.jpg) top left no-repeat; }
.hospedagemdesites { background:url(images/hospedagemdesites.jpg) top left no-repeat; }
.sistemasweb { background:url(images/sistemasweb.jpg) top left no-repeat; }
.orcamentosite { background:url(images/orcamento.jpg) top left no-repeat; }
.contatosite { background:url(images/contato.jpg) top left no-repeat; }
.criacaodesites h2, .otimizacaodesites h2, .ondeganha h3, .fiquepordentro h3, .agenciaweb h2, .hospedagemdesites h2, .sistemasweb h2, .orcamentosite h2, .contatosite h2, .ondeganha2 h3 { text-indent:-9999px; margin-bottom:30px; }
.txtprincipal p { width:600px; }
.txtprincipal ul li { float:none; display:block; text-align:left; margin:5px 0px; }
.txtprincipal ul.port { width:840px; }
.txtprincipal ul.port li { width:250px; height:40px; padding-top:190px; margin:0px 8px 10px 0px; float:left; }
.txtprincipal ul.port li a { color:#333; margin-left:27px; }
.sistemasweb .txtprincipal p { width:560px; }
.ondeganha { float:left; background:url(images/ondeminhaempresaganha.jpg) top left no-repeat; width:450px; }
.otimizacaodesites .ondeganha { background:url(images/funcionamentootimizacao.jpg) top left no-repeat; }
.agenciaweb .ondeganha, .hospedagemdesites .ondeganha, .sistemasweb .ondeganha { background:url(images/confirasolucoes.jpg) top left no-repeat; }
.ondeganha p.paragrafo1 { margin-left:160px; }
.ondeganha p.paragrafo2 { margin-left:130px; }
.fiquepordentro { float:right; background:url(images/fiquepordentro.jpg) top left no-repeat; width:290px; }
.ondeganha h3, .fiquepordentro h3 { margin:0px; }
.none { display:none; }

.ondeganha2 { background:url(images/ondeganha2.jpg) top right no-repeat; text-align:left; }
.ondeganha2 p { width:600px; }


#orcamento ul li { background:url(images/formulario.jpg) top left no-repeat; width:520px; height:28px; margin:0px; padding:8px 0px 0px 30px; text-align:left; }
#orcamento ul li.dois { background:url(images/formulario_txtarea.jpg) top left no-repeat; width:550px; height:62px; }
#orcamento ul li label { float:left; width:80px; text-align:right; padding-top:2px; padding-right:10px; margin-right:10px; font-weight:bold; }
#orcamento ul li input { width:400px; background:none; border:none; }
#orcamento ul li textarea { background:none; border:none; width:400px; height:50px; }
#orcamento input.enviar { height:40px; width:120px; background:url(images/formenviar.jpg) no-repeat; margin-left:180px; border:none; }

#orcamento ul li.mini { background:url(images/formini.jpg) top left no-repeat; width:290px; float:left; }
#orcamento ul li.mini input { width:120px; }
#orcamento ul li.mini select { border:none; background:none; }

.fiquepordentro ul li { padding:5px; background:url(images/formini.jpg) top left no-repeat; background-position:-50px 0px; width:250px; height:30px; }
.fiquepordentro ul li label { float:left; width:45px; text-align:right; font-weight:bold; margin:3px 8px 0px 5px; }
.fiquepordentro ul li input { float:right; margin-top:3px; margin-right:50px; width:120px; border:none; background:none; }
.fiquepordentro ul li.enviar { height:36px; width:101px; background:url(images/formenviar.jpg) no-repeat; border:none; padding:0px; margin:0px; }
.fiquepordentro ul li.enviar input { height:33px; width:100px; margin:0px; background:none; border:none; }

#rodape2 { display:block; background:url(images/bg_fundo_rodape.jpg) repeat-x; }
#rodape { background:url(images/bg_rodape.jpg) top center no-repeat; margin:0 auto; display:block; height:75px; width:840px; padding:25px 70px 0px 70px; }
#rodape p, #rodape address, #rodape ul.right li a { color:#fff; font-size:12px; font-weight:bold; text-align:left; }
#rodape ul.right { float:right; width:140px; }
#rodape ul.right li { width:140px; margin:5px 0px; }

* .orcamentoonline { float:right; margin-top:230px; }

* .cidadesatendidas { text-indent:-99999px; }
* .cidadesatendidas h2, .cidadesatendidas ul { padding:0px; margin:0px; height:2px; }

* .projeto_destaque { margin-left:-50px; }

* .espaco { height:1px; clear:both; }

* .creditos { visibility:hidden; display:none; }