/*
Theme Name: JMiranda.com.br
Theme URI: http://www.jmiranda.com.br
Description: Página para apresentação do meu portfólio
Version: 1.8
Author: Joares Miranda
Author URI: http://www.jmiranda.com.br
*/

* { margin:0; padding:0; }
html { background:url(imagens/bg-topo.jpg) no-repeat top left; }
body { font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; line-height:18px; padding-bottom:20px; }
a { color:#690; text-decoration:none;}
a img { border:none; }
#pagina { width:990px; margin:0 auto; }
#btTop { width:49px; height:23px; position:fixed; bottom:0; right:0; }
.ic_titulo, 
.alignleft { float:left; margin:0 20px 5px 0; }
.alignright { float:right; margin:0 0 5px 20px; }

/* TOPO */
#topo { width:990px; height:180px; }
#topo h1 { text-indent:-5000px; overflow:hidden; position:relative; top:45px; left:10px; float:left; }
#topo h1 a { width:351px; height:34px; display:block; background:url(imagens/logo.gif) no-repeat top left; }


/* PARTES EXCLUSIVAS DA CAPA */
#produtos { width:985px; height:320px; clear:both; margin:35px 0 0 5px; }
#produtos div { width:240px; height:300px; float:left; margin-left:5px; background:url(imagens/bg_produtos.jpg) no-repeat top left; }
#produtos h2,
#produtos p { width:200px; margin:0 auto; }
#produtos div h2 { margin:10px 0 0 18px; height:50px; font-size:12px; }
#produtos div h2 span { font-size:20px; color:#690; }		
#produtos div#criacaoSites h2 { background:url(imagens/site.jpg) no-repeat center left; text-indent:55px; padding-top:10px; }
#produtos div#manutencaoSites h2 { background:url(imagens/manutencao.jpg) no-repeat center left; text-indent:70px; padding-top:10px; }
#produtos div#orcamentos h2 { background:url(imagens/orcamento.jpg) no-repeat center left; text-indent:55px; padding-top:10px; }
#produtos div#codificacaowebstandard h2 { background:url(imagens/recodificacao.jpg) no-repeat center left; text-indent:45px; padding-top:10px; }
#produtos div#criacaoSites h2 span { position:relative; top:-3px; left:55px; }
#produtos div#manutencaoSites h2 span { position:relative; top:-3px; left:70px; }
#produtos div#orcamentos h2 span { position:relative; top:-3px; left:55px; }
#produtos div#codificacaowebstandard h2 span { position:relative; top:-3px; left:45px; }		
#produtos div p { margin-bottom:5px; }
#produtos div p a { font-weight:bold; }
p.linkOrcamento { text-align:right; padding-right:10px; }
#perfil { width:474px; margin-bottom:35px; float:left; }
#perfil h3 { font:bold 16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }
#perfil h3 span { font-size:25px; color:#690; position:relative; top:-5px; }


/* PAGINAS INTERNAS DO SITE*/
#mioloSite { width:690px; float:left; margin-left:10px; text-align:justify; }
#mioloSite h2 { font:bold 18px Verdana, Arial, Helvetica, sans-serif; }
#mioloSite h2 span { font-size:30px; color:#690; position:relative; top:-5px; }
#mioloSite h3 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; margin:25px 0 5px 0; }
#mioloSite h3 span { font-size:22px; color:#690; position:relative; top:-5px; }
#mioloSite p { margin-bottom:8px; }
#mioloSite ul { margin:10px 0 10px 15px; }
#mioloSite ul li { list-style:none; background:url(imagens/setaLista.gif) no-repeat 0 1px; margin:8px 0; text-indent:15px; }
.bt_solicitacao { font:bold 18px Verdana, Arial, Helvetica, sans-serif; margin:30px 0; }
.bt_solicitacao a { color:#333; }
.bt_solicitacao span { font-size:25px; color:#690; position:relative; top:-8px; }
#glossario { border-top:1px dashed #999; padding-top:15px; font:italic 11px Verdana, Arial, Helvetica, sans-serif; margin:30px 0; color:#999; }
.tt_glossario { font-weight:bold; }
blockquote { border-left:5px solid #CCC; padding-left:15px; margin-left:20px; font-style:italic; color:#666; width:600px; }
.assinatura { text-align:right; }


/* CONFIGURACAO DA NAVEGACAO */
#menu, #projetos, #contato { width:235px; float:right; margin-bottom:40px; clear:right; }
#menu h3, #projetos h3, #contato h3 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }
#menu h3 span, #projetos h3 span, #contato h3 span { font-size:20px; color:#690; position:relative; top:-5px; }		

/* MENU */
#menu ul { width:235px; }
#menu ul li { margin-top:10px; height:50px; font:bold 12px Verdana, Arial, Helvetica, sans-serif;list-style:none; text-indent:75px; padding-top:10px; }
#menu ul li a { color:#333; width:235px; height:50px; display:block; }
#menu ul li span { font-size:20px; color:#690; position:relative; top:-3px; left:75px; }
#menu ul li.criacaoSite { background:url(imagens/pqno-site.jpg) no-repeat center left; }
#menu ul li.manutencaoSite { background:url(imagens/pqno-manutencao.jpg) no-repeat center left; }
#menu ul li.codificacaoSite { background:url(imagens/pqno-recodificacao.jpg) no-repeat center left; }
#menu ul li.orcamento { background:url(imagens/pqno-orcamento.jpg) no-repeat center left; }

/* PROJETOS DA COLUNA */
#projetos ul li { float:left; list-style:none; margin:0 5px 3px 0; }
#projetos p { font-weight:bold; font-size:11px; margin-left:95px; }
#projetos p span { font-size:13px; position:relative; top:-5px; color:#690;	}
#projetos p a {	color:#333; }
#projetos a img { border:1px solid #CCC; }

/* CONTATOS DA COLUNA */
#contato p,
#contato ul li span { font-weight:bold; }
#contato ul li { list-style:none; text-indent:23px; height:20px; padding-top:2px; margin:8px 0; }
#contato ul li.msn { background:url(imagens/ic_msn.jpg) no-repeat top left; }
#contato ul li.twitter { background:url(imagens/ic_twitter.jpg) no-repeat top left; }
#contato ul li.skype { background:url(imagens/ic_skype.jpg) no-repeat top left; }

/* ALINHAMENTOS COLUNAS */
#mioloSite, #menu { margin-top:30px; }

/* AJUSTES DA CAPA */
.home #perfil, .home #contato { margin-left:15px; }
.home #menu { display:none; }
.home #projetos, .home #contato { width:474px; margin-bottom:40px; }
.home #contato { float:left; margin-top:5px; }
.home #projetos { float:right; }
.home #menu, .home #projetos, .home #contato { clear:none; }
.home #projetos h3, .home #contato h3 { font:bold 16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; }
.home #projetos h3 span, .home #contato h3 span { font-size:25px; color:#690; position:relative; top:-5px; }		
.home #projetos p { font-weight:bold; font-size:11px; margin-left:315px; }
.home #projetos p span { font-size:13px; position:relative; top:-5px; color:#690; }
.home #projetos img { margin:0 10px 7px 0; }

/* PERFIL DA CAPA */
#perfil img { float:left; margin:0 15px 0 0 }
#perfil ul li { list-style:none; }

/* PAGINA PORTFOLIO */
.vitrineProjetos { height:150px; border-left:5px solid #CCC; margin:10px 0 30px 0; padding-left:8px; clear:both; display:table; }
#mioloSite .vitrineProjetos h3 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; margin:5px 0; }
.vitrineProjetos p { padding:0; line-height:17px }
.vitrineProjetos img { border:1px solid #CCC; float:left; margin-right:10px; }
.tt_portfolio { background:url(imagens/tt_portfolio.jpg) no-repeat top left; padding:5px 0 0 70px; margin-bottom:20px; }

/* FORMULARIO DE CONTATO */
.tt_contato { background:url(imagens/pqno-orcamento.jpg) no-repeat center left; padding:5px 0 0 70px; margin-bottom:20px; }
#ctForm { width:460px; margin:0 auto;}
#ctForm p { margin:10px 0 15px 0; color:#666; }
#ctForm input { width:300px; height:20px; padding:2px; border:1px solid #666; font:14px "Trebuschet MS",Verdana, Arial, Helvetica, sans-serif; color:#690; }
#ctForm input#ctDDD { width:50px; text-align:center; }
#ctForm input#ctFone { width:238px; }
#ctForm input#btEnviarCt { width:150px; height:35px; position:relative; left:239px; }
#nome { margin-left:35px; }
#fone { margin-left:30px; }
#email { margin-left:32px; }
#url { margin-left:23px; }
#assunto { margin-left:24px; }
#mensagem { float:left; margin:0 5px 0 7px; }
#ctForm #ctMsgs { width:300px; height:200px; padding:2px; border:1px solid #666; font:14px "Trebuschet MS",Verdana, Arial, Helvetica, sans-serif; color:#690; }
p.legenda { font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:#999; margin-left:30px; }