/* --==============================================-- ESTRUTURA GERAL DO SITE --==============================================-- */ *{ margin:0px; padding:0px; list-style:none; text-decoration:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .block{display:block;} .left{float:left;} .right{float:right;} .bold{font-weight:bold;} .indent{text-indent:-99999px; overflow:hidden;} .clear{clear:both;} .mR20{margin-right:20px;} .mL20{margin-left:20px;} .font20{font-size:20px;}.font25{font-size:25px;} .font30{font-size:30px;}.font35{font-size:35px;} .font40{font-size:40px;}.font45{font-size:45px;} .font50{font-size:50px;}.font55{font-size:55px;} .font60{font-size:60px;}.font65{font-size:65px;} body{background:#fff;} /* --==============================================-- CONFIGURAÇÕES DO TOPO --==============================================-- */ .risco-topo{height:7px; background:#EAEAEA;} #menu{width:514px; height:30px; background:#4E4E4E; position:absolute; right:0; z-index:10;} #menu img{border:0px;} #menu ul li{height:30px; float:left;} #menu ul li a{text-decoration:none; heigh:30px; display:block; padding:7px 10px 15px 10px; font:14px Arial, Helvetica, sans-serif; color:#FFF;} #menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus{background:#FE8001; font-weight:bold;} #menu ul li ul{display:none; background:url(../imagens/fundo-cinza.png) repeat;} #menu ul li ul li{height:30px; float:none;} #menu ul li ul li a{font:14px Arial, Helvetica, sans-serif; color:#fff;} #menu ul li ul li a:hover{height:10px; font-weight:bold;} #menu ul li:hover > ul, #menu ul li:active > ul, #menu ul li:focus > ul {display: block; position: absolute; margin-top: -3px; z-index: 5000; width:150px;} #info-topo{margin:0px auto; width:930px; height:92px; padding-top:20px;} #info-topo img{border:0;} #info-topo .logo{width:236px; height:73px; border-right:1px solid #CCC; margin-right:20px;} #info-topo .slogan{font-size:18px; color:#B2B2B2; letter-spacing:0px; line-height:18px; padding-top:20px;} #info-topo .ddd-tel-topo{font-size:10px; color:#B2B2B2; padding-top:20px; text-align:right;} #info-topo .tel-topo{font-size:30px; font-weight:bold; color:#B2B2B2; letter-spacing:-3px; position:relative; text-align:right;} #info-topo .tel-topo span{background:#FFF; width:150px; height:12px; position:absolute; bottom:top; right:0; margin-top:24px;} #info-topo .link-verde{color:#99CC00; display:block; position:absolute; margin-left:-134px; margin-top:-10px;} #info-topo .link-verde:hover{background:#99CC00; color:#FFF;} /* --==============================================-- PORTFÓLIO HOME --==============================================-- */ #portfolio-fundo{background:#99CC00; padding:22px 0px; height:318px;} #portfolio-home{margin:0px auto; width:930px;} #portfolio-home .tit-uTrabalhos{font-size:30px; font-weight:bold; color:#CCE680; position:relative;} #portfolio-home .tit-uTrabalhos span{bottom:0; left:0; position:absolute; background:#99CC00; width:300px; height:12px; z-index:2;} #portfolio-home #foto{position:absolute; width:638px; z-index:3;} #portfolio-home #foto img{border:0px;} #portfolio-home #foto .linkFoto{background:#FFF; padding:10px; display:block; margin-bottom:6px;} #portfolio-home #foto .linkFoto:hover{background:#CCE680;} #portfolio-home #foto .link-branco{color:#FFF; text-decoration:underline;} #portfolio-home #foto .link-branco:hover{background:#FE8001;} #portfolio-home #foto .data{font-size:10px; color:#6B8D00;} #portfolio-home #descricao{position:absolute; margin-top:-6px; margin-left:658px; width:272px; z-index:3;} #portfolio-home #descricao .tit1-cliente span{background:#6B8D00; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#fff; padding:0 5px;} #portfolio-home #descricao .tit2-cliente{margin-top:-8px;} #portfolio-home #descricao .tit2-cliente span{background:#6B8D00; font-weight:bold; color:#fff; letter-spacing:-2px; padding:0 5px;} #portfolio-home #descricao .tit3-cliente{margin-top:-8px;} #portfolio-home #descricao .tit3-cliente span{background:#CCE680; font-style:italic; font-size:16px; color:#6B8D00; padding:0 5px;} #portfolio-home #descricao .desc-projeto {font:14px "Times New Roman", Times, serif; color:#FFF; margin-top:8px;} #portfolio-home #descricao .desc-projeto a{font:14px "Times New Roman", Times, serif; color:#FFF; margin-top:8px;} #portfolio-home #descricao .desc-projeto a:hover{text-decoration:underline;} #portfolio-home #descricao .desc-projeto strong{color:#6B8C00; font-weight:bold;} #portfolio-home #descricao .envolvimento{margin-top:8px;} #portfolio-home #descricao .envolvimento span{background:#FFF; font-weight:bold; font-size:14px; font-family:"Times New Roman", Times, serif; color:#6B8D00; padding:0 5px;} #portfolio-home #descricao .desc-envolvimento{margin-top:2px;} #portfolio-home #descricao .desc-envolvimento span{background:#6B8D00; font-size:14px; font-family:"Times New Roman", Times, serif; color:#FFF; padding:0 5px;} /* --==============================================-- CHAMADAS HOME --==============================================-- */ #chamadas{margin:0px auto; width:930px; height:192px;} #chamadas #projetos-realizados{margin-top:10px; width:260px; float:left;} #chamadas #projetos-realizados h1{font-size:30px; font-weight:bold; color:#4D4D4D; letter-spacing:-2px; padding-bottom:7px;} #chamadas #projetos-realizados img{border:0px; margin-right:20px;} #chamadas #projetos-realizados a{color:#FE7F00; text-decoration:underline;} #chamadas #projetos-realizados a:hover{background:#FE7F00; color:#FFF; text-decoration:none;} #chamadas .divisoria{background:url(../imagens/divisoria-home.gif) top no-repeat; width:49px; height:192px; float:left; margin:0 12px} .texto{color:#4C4C4C; line-height:15px;} #chamadas #sobre-mim{margin-top:10px; width:260px; float:left;} #chamadas #sobre-mim h1{font-size:30px; font-weight:bold; color:#FE7F00; letter-spacing:-2px; padding-bottom:7px;} #chamadas #sobre-mim img{border:0px; margin-right:20px;} #chamadas #sobre-mim a{color:#6B8D00; text-decoration:underline;} #chamadas #sobre-mim a:hover{background:#6B8D00; color:#FFF; text-decoration:none;} #chamadas #respons-social{margin-top:10px; width:260px; float:left;} #chamadas #respons-social h1{font-size:30px; font-weight:bold; color:#99CC00; letter-spacing:-2px; padding-bottom:7px;} #chamadas #respons-social img{border:0px; margin-right:20px;} #chamadas #respons-social a{color:#FE7F00; text-decoration:underline;} #chamadas #respons-social a:hover{background:#FE7F00; color:#FFF; text-decoration:none;} /* --==============================================-- RODAPE HOME --==============================================-- */ #rodape-fundo{background:#4E4E4E; height:30px; padding:20px;} #rodape{margin:0px auto; width:930px;} #rodape .copyright{font-size:9px; color:#CCC; width:260px;} #rodape #rede-social .twitter{background:url(../imagens/icon-twitter.png) left top no-repeat; width:103px; height:26px; margin-left:464px;} #rodape #rede-social .twitter:hover{background:url(../imagens/icon-twitter.png) left bottom no-repeat; width:103px; height:27px;} #rodape #rede-social .linkedin{background:url(../imagens/icon-linkedin.png) left top no-repeat; width:96px; height:26px; margin-left:20px;} #rodape #rede-social .linkedin:hover{background:url(../imagens/icon-linkedin.png) left bottom no-repeat; width:96px; height:27px;} #rodape #rede-social .orkut{background:url(../imagens/icon-orkut.png) left top no-repeat; width:73px; height:26px; margin-left:20px;} #rodape #rede-social .orkut:hover{background:url(../imagens/icon-orkut.png) left bottom no-repeat; width:73px; height:27px;} /* --==============================================-- CONTEÚDO --==============================================-- */ #titulo-fundo{background:#FFF url(../imagens/fundo-verde.jpg) left top repeat-x; padding-top:40px;} #conteudo {margin:0px auto; width:930px;} #conteudo #titulo{width:931px; position:absolute; margin-top:-46px;} #conteudo #titulo h1{font-size:49px; font-weight:bold; color:#CCE680; letter-spacing:-3px; position:relative; float:right; text-align:right;} #conteudo #titulo h1 span{background:url(../imagens/fundo-verde.jpg) left top repeat-x; width:500px; height:7px !important; position:absolute; top:0; right:0; margin-top:39px;} #conteudo .chamada{position:absolute; margin-top:-20px; color:#FFF;} #conteudo .fundo-conteudo{background:#FFF; width:910px; padding:16px 0px 20px 20px;} /* --==============================================-- PORTFOLIO --==============================================-- */ #conteudo .portfolio{width:280px; float:left; margin-right:22px; margin-bottom:20px; height:300px;} #conteudo .portfolio h1{font-size:22px; font-weight:bold; color:#4E4E4E; letter-spacing:-1px; margin-bottom:-5px;} #conteudo .portfolio p{color:#8A8A8A;} #conteudo .portfolio .info{margin-top:-12px;} #conteudo .portfolio .info a{background:#4E4E4E; padding:3px 5px; color:#FFF; font-size:10px; display:block;} #conteudo .portfolio .info a:hover{background:#FE8001;} #conteudo .portfolio .imagem img{border:0px; background:#000;} #conteudo .portfolio .imagem a{border:1px solid #4E4E4E; background:#FFF; padding:1px; display:block;} #conteudo .portfolio .imagem a:hover{opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60); border:1px solid #99CC00;} #conteudo .portfolio .envolvimento{margin-top:6px;} #conteudo .portfolio .envolvimento strong{color:#99CC00;} #conteudo .portfolio .url{margin-top:3px;} #conteudo .portfolio .em-desenvolvimento{color:#FE8001;} #conteudo .portfolio .link-laranja{color:#FE8001; text-decoration:underline;} #conteudo .portfolio .link-laranja:hover{background:#FE8001; color:#FFF;} #conteudo .portfolio .desenvolvimento{color:#FE8001;} #conteudo .portfolio .cliente {padding-top:5px;} #conteudo .portfolio .cliente a{color:#8A8A8A;} #conteudo .portfolio .cliente a:hover{color:#8A8A8A; text-decoration:underline;} /* --==============================================-- FALE COMIGO --==============================================-- */ #conteudo .form-info{width:260px; color:#4C4C4C; height:440px; margin-left:40px; margin-top:40px;} #conteudo .form-info .ddd-tel-topo{font-size:10px; color:#B2B2B2; padding-top:20px;} #conteudo .form-info .tel-topo{font-size:43px; font-weight:bold; color:#999; letter-spacing:-3px; position:relative;} #conteudo .form-info .tel-topo span{background:#FFF; width:230px; height:12px; position:absolute; bottom:top; margin-top:34px;} #conteudo .form-info .link-verde{color:#99CC00; display:block; position:absolute; margin-left:0px; margin-top:-14px;} #conteudo .form-info .link-verde:hover{background:#99CC00; color:#FFF;} #conteudo .form-info .rede-social{margin-top:20px;} #conteudo .form-info .rede-social .twitter{background:url(../imagens/btn-twitter.jpg) left top no-repeat; width:32px; height:32px;} #conteudo .form-info .rede-social .twitter:hover{background:url(../imagens/btn-twitter.jpg) left bottom no-repeat;} #conteudo .form-info .rede-social .linkedin{background:url(../imagens/btn-linkedin.jpg) left top no-repeat; width:32px; height:32px; margin-left:10px;} #conteudo .form-info .rede-social .linkedin:hover{background:url(../imagens/btn-linkedin.jpg) left bottom no-repeat;} #conteudo .form-info .rede-social .orkut{background:url(../imagens/btn-orkut.jpg) left top no-repeat; width:32px; height:32px; margin-left:10px;} #conteudo .form-info .rede-social .orkut:hover{background:url(../imagens/btn-orkut.jpg) left bottom no-repeat;} #conteudo .form-info .sofa {position:absolute; margin-left:-320px; margin-top:200px;} #conteudo .formulario{position:absolute; margin-left:400px; margin-top:-450px; z-index:30;} #conteudo .formulario2{position:absolute; margin-left:480px; margin-top:-380px; z-index:30;} #conteudo .formulario2 h1{font-size:20px; font-weight:bold; color:#FE8001;} #conteudo .formulario2 .link-laranja{color:#FE8001; text-decoration:underline;} #conteudo .formulario2 .link-laranja:hover{background:#FE8001; color:#FFF;} /* --==============================================-- SOBRE MIM --==============================================-- */ #conteudo .foto{margin-top:20px;} #conteudo .foto .tit{margin-top:10px; position:absolute; margin-left:430px; z-index:10;} #conteudo .foto .fundo-tit{position:absolute; margin-left:420px; margin-top:10px;} #conteudo .foto .fundo-tit .fundo-rafael{background:#EAEAEA; width:236px; height:100px; z-index:9;} #conteudo .foto .fundo-tit .fundo-bianco{background:#EAEAEA; width:424px; height:100px; margin-top:-25px; z-index:9;} #conteudo .foto .slogan{font-size:14px; color:#4C4C4C; letter-spacing:0px; line-height:16px; position:absolute; margin-left:670px; margin-top:40px;} #conteudo .foto .rafael{font-size:75px; letter-spacing:-2px; font-weight:bold; color:#4C4C4C;} #conteudo .foto .bianco{font-size:130px; letter-spacing:-6px; font-weight:bold; color:#4C4C4C; margin-top:-70px;} #conteudo .texto{margin-top:220px; width:426px; float:left;} #conteudo .texto .frases{font-style:italic; font-size:25px; line-height:24px;} #conteudo .texto .frases span{font-size:30px; color:#FE8001;} #conteudo .texto .autor-frase{position:absolute; margin-left:310px; font-style:italic; color:#999; margin-top:-38px;} #conteudo .texto h1{color:#FE8001; font-size:20px; margin-bottom:10px;} #conteudo .texto .linha-cinza{color:#CCC;} #conteudo .texto li{ background:url(../imagens/seta-laranja.png) left top no-repeat; padding-left:15px; margin-bottom:10px;} #conteudo .texto a{color:#FE8001; text-decoration:underline;} #conteudo .texto a:hover{background:#FE8001; color:#FFF;} /* --==============================================-- RESPONSABILIDADE SOCIAL --==============================================-- */ #conteudo .resp-social{background:#F2FFCC; width:240px; height:240px; float:left; margin-right:20px; margin-top:15px; margin-bottom:15px; padding:10px 20px; color:#4c4c4c;} #conteudo .resp-social1{background:#F2FFCC; width:240px; height:160px; float:left; margin-right:20px; margin-top:15px; margin-bottom:15px; padding:10px 20px; color:#4c4c4c;} #conteudo .resp-social2{background:#F2FFCC; width:840px; height:190px; margin-right:20px; margin-top:15px; margin-bottom:15px; padding:10px 20px;} #conteudo .resp-social h1{color:#99CC00; font-size:18px; font-weight:bold; margin-bottom:6px;} #conteudo .resp-social1 h1{color:#99CC00; font-size:18px; font-weight:bold; margin-bottom:6px;} #conteudo .resp-social2 h1{color:#99CC00; font-size:18px; font-weight:bold; margin-bottom:6px;} #conteudo .resp-social2 li{float:left; margin-right:20px;} #conteudo .resp-social2 li a{background:#999; padding:1px; display:block;} #conteudo .resp-social2 li a:hover{background:#FE8001;} #conteudo .resp-social2 img{border:0px;}