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

html { background:#fff url(images/bg_inicial_repeatx.jpg) 0px -80px repeat-x; }

body { background:url(images/bg_internas.jpg) center -20px no-repeat; text-align:center; margin:0px; padding:0px; }
	
* { font-family:Arial, Helvetica, sans-serif; font-size:13px; }
* a {text-decoration:underline; outline:0; color:#000; }
* a:hover { text-decoration:none; }
* h2 { font:22px Myriad, Arial; color:#333; font-weight:normal; text-align:left; }
* h3, h3 strong { font:20px Myriad, Arial; color:#333; font-weight:normal; padding:10px 0px; text-align:left; }
* h4 { font-weight:normal; text-align:left; }
* h5 { margin:10px 0px; font:14px Arial; font-weight:bold; }
* p, address { font:13px Arial; color:#555; text-align:left; margin:10px 0px; padding:0px; line-height:1.3em; }
* li { color:#333; }
* strong, b { font-weight:bold; }
* em { font-style: italic; }

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

#topo { width:840px; margin:0 auto; }
.criacaodesites, .otimizacaodesites, .agenciaweb, .hospedagemdesites, .sistemasweb, .orcamentosite, .contatosite, .ondeganha2, .novidades { width:940px; margin:0 auto; }
.frase_principal, .frase_principal2 { margin-top:55px; float:right; font:22px Myriad, 'Times New Roman'; color:#fff; display:block; width:500px; text-align:right; }
.frase_principal2 { margin-top:0px; color:#f60; }

.redesTop { margin:10px 0px; font-size:14px; text-align:right; color:#fff; float:right; }
.altura_blocos { height:45px; clear:both; }

.menu2 { margin:0 auto; padding:0px; list-style:none; height:30px; width:950px; }
.menu2 li { float:left; display:inline; margin:0px 2px; padding:0px; }
.menu2 li a { height:30px; width:auto; padding:10px 28px 0px 28px; display:block; text-decoration:none; font-size:22px; color:#fff; }
.menu2 li a:hover, .menu2 li a.ativo  { color:#f60;}
.menu2 li ul.submenu { position:absolute; margin:0px; padding:0px; list-style:none; width:270px; margin-top:-10px; z-index:1000; display:none; }
.menu2 li ul.submenu li { background:#eee; margin:0px; padding:2px 5px; display:block; width:100%; height:auto; border:1px solid #ccc; border-top:0px; text-align:left; }
.menu2 li ul.submenu li a { color:#222; font-size:18px; display:block; text-align:left; width:100%; text-indent:0px; text-decoration:none; padding-left:0px; }
.menu2 li ul.submenu li a:hover, .menu2 li ul.submenu li a.ativo { color:#f60; background:none; }

.otimizacaodesites { background:url(images/otimizacaodesites.jpg) right 50px no-repeat; }
.agenciaweb { background:url(images/agenciaweb.jpg) right 50px no-repeat; }
.hospedagemdesites { background:url(images/hospedagemdesites.jpg) right 50px no-repeat; min-height:400px; }
.sistemasweb { background:url(images/sistemasweb.jpg) right 50px no-repeat; }
.orcamentosite { background:url(images/orcamento.jpg) right 50px no-repeat; }
.contatosite { background:url(images/contato.jpg) right 50px no-repeat; }
.novidades { min-height:400px; }

.txtprincipal { text-align:left; }
.txtprincipal p { width:650px; }
.txtprincipal h2 { text-indent:0px; font:20px Myriad, Arial; height:auto; margin:18px 0px; font-weight:normal; color:#c00; }
.txtprincipal h2 a { font:16px arial; color:#c00; font-weight:bold; }
.txtprincipal ul.info { padding:0px; }
.txtprincipal ul.info li { float:none; display:block; text-align:left; margin:10px 0px; }
.sistemasweb .txtprincipal p { width:650px; }
.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; text-indent:-9999px; }
.none { display:none; }

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

#orcamento ul { list-style:none; padding:0px; }
#orcamento ul li { background:url(images/formulario.jpg) top left no-repeat; width:520px; height:36px; 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:80px; }
#orcamento ul li label { float:left; width:80px; text-align:right; padding-top:2px; padding-right:10px; margin-right:10px; font-weight:normal; }
#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:100px; background:url(images/formenviar.jpg) no-repeat; margin-left:450px; border:none; cursor:pointer; }

#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; }

#cotacao ul li { width:520px; height:28px; margin:0px; padding:8px 0px 0px 0px; text-align:left; }
#cotacao ul li.dois { background:url(images/formulario_txtarea.jpg) top left no-repeat; width:550px; height:62px; }
#cotacao ul li label { float:left; width:80px; text-align:right; padding-top:2px; padding-right:10px; margin-right:10px; font-weight:bold; }
#cotacao ul li input { width:400px; padding:4px; vertical-align:middle; border:1px solid #333; }
#cotacao ul li textarea { background:none; border:none; width:400px; height:50px; }
#cotacao input.enviar { height:30px; width:80px; margin-left:100px; }

.fiquepordentro ul { list-style:none; padding:0px; }
.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; }

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

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

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

#rodape_geral { display:block; background:#43133a; clear:both; margin-top:20px; border-top:2px solid #290b23; } 
#rodape_geral .twitterRodape { position:absolute; background:url(images/bg-twitter-rodape.png) top center no-repeat; width:932px; height:73px; left:50%; margin:-23px 0px 0px -486px; padding:10px 0px 0px 30px; }
#rodape_geral .twitterRodape img { vertical-align:middle; float:left; margin-right:5px; margin-top:3px; border:0px; }
#rodape_geral .rodape { margin:0 auto; padding:50px 0px 0px 0px; width:920px; list-style:none; }
#rodape_geral .rodape ul.mapa { display:block; width:830px; list-style:none; margin:0px; padding:3px 0px 0px 0px; }
#rodape_geral .rodape ul.mapa li { float:left; margin-right:60px; text-align:left; padding:0px; }
#rodape_geral .rodape ul.mapa li.comercial { margin-right:0px; }
#rodape_geral .rodape ul.mapa li h3 { color:#FF3300; font:22px Myriad, Arial; font-weight:normal; padding:0px; }
#rodape_geral .rodape ul.mapa li a { display:block; font:13px Arial; color:#FFF; margin:10px 0px; font-weight:bold; text-decoration:none; }
#rodape_geral .rodape ul.mapa li a:hover { text-decoration:underline; }
#rodape_geral address { font:13px Arial; color:#fff; display:block; text-align:center; padding-top:6px; background:#5c1a50; height:30px; padding-top:10px; margin-bottom:0px; border-top:1px solid #290b23; }
#rodape_geral .mapasite { margin:0 auto; color:#fff; width:970px; padding-top:10px; }

.clear { clear:both; height:1px; }
.clearConteudo { clear:both; height:20px; }

#conteudo { display:block; margin:0 auto; width:940px; text-align:left; }
#conteudo .internas { width:660px; margin:0px 10px 0px 0px; border-right:1px dashed #bbb; padding:0px 10px 0px 0px; float:left; }
#conteudo .dois { width:200px; border:none; float:left; }
h1 { margin:5px 0px 30px 0px; padding:0px; color:#290b23; font:26px Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; }
h1 a { font-size:26px; }
p.navegacao { margin:0 auto; width:940px; font:12px Arial; color:#444; padding:0px; padding-bottom:15px; }
p.navegacao a { font:12px Arial; }

.blocoMetodologia { float:left; width:305px; margin-right:30px; }
.blocoMetodologia img { float:left; margin:0px 10px 0px 0px }
.blocoMetodologia h3 { padding:0px; margin:0px 0px 10px 0px; }
.blocoMetodologia p { width:auto; }

.modulo { display:block; margin:20px 10px; }
.modulo img { vertical-align:middle; border:0px; margin-right:5px; }
.modulo h2 { font-family:Myriad, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#777; margin-bottom:20px; }

* .formularios { width:225px; float:right; margin-top:260px; text-align:left; border:1px solid #ccc; padding:0px 5px; }
* .formularios ul { margin:0px; padding:0px; list-style:none; }
* .formularios ul li { width:100%; padding:4px 3px; }
* .formularios ul li label { width:80px; float:left; font:12px Arial; color:#777; text-align:left; }
* .formularios ul li input, * .formularios ul li textarea { width:130px; font:12px Arial; color:#555; border:1px solid #ccc; }
* .formularios ul li input.enviar { width:auto; padding:4px 15px; margin-bottom:8px; }

* .formularios2 { width:480px; background:#fff; padding:0px; }
* .formularios2 ul { margin:0px; padding:0px; list-style:none; }
* .formularios2 ul li { width:100%; padding:4px 3px; }
* .formularios2 ul li label { width:80px; float:left; font:13px Arial; color:#444; font-weight:bold; margin-right:10px; text-align:right; }
* .formularios2 ul li input, * .formularios2 ul li textarea { width:300px; font:13px Arial; color:#555; border:1px solid #ccc; }
* .formularios2 ul li input.enviar { width:auto; padding:4px 15px; }
* .formularios2 ul li input.enviar2 { width:100%; height:35px; text-indent:-9999px; outline:0; background:url(images/button-cadastrar-email.jpg) top left no-repeat; border:0px; }

#transparencia { position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display:none; }
#mapa { display:none; position:fixed; top:50%; left:50%; z-index: 100; width:850px; height:530px; margin-left:-425px; margin-top:-240px; background:#fff; overflow:auto; text-align:center; }

.portifa { margin:4px 15px; border:1px solid #000; }

* h1, h2, h3, h4 { font-weight:normal; }

.imgssites { padding:5px; }
.divportifa { width:660px; }

/* Twitter */
.twitterR { position:absolute; z-index:5; left:50%; margin-left:200px; }
.fb-like { position:absolute; margin-top:-10px; }
.twitted {
	margin:0 auto;
	padding:0px;
	list-style:none;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	font:12px Arial;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {

	margin: 0;
	padding: 0.8em 0px 1em 0px;
	border-bottom: 1px solid #ccc;
	text-align:left;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	font:12px Arial;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color:#777;
	font:12px Arial;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color:#777;
	font:12px Arial;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}