/* GERAL */
*                                   { margin:0; padding:0; outline:0; font-size:100%; line-height:1.1em; font-family: 'Montserrat', sans-serif; font-weight:inherit; font-style:inherit; }
p                                   { margin-bottom:15px; line-height:1.2em; }
hr                                  { clear:both; float:none; width:100%; }
.ie6 body hr, .ie7 body hr          { display:block; margin:-8px; } 
hr.clear                            { display:block; visibility:hidden; clear:both; height:0; margin:0; padding:0; border:0; }
a                                   { cursor:pointer; }
a, img                              { border:none; text-decoration:none;}
a:hover                             { text-decoration:underline; }
ul                                  { list-style:none; }
h1,h2,h3,h4,h5,h6                   { font-weight: normal; }
textarea                            { overflow:auto; resize:none; }
strong                              { font-weight:bold !important; }
em                                  { font-style:italic; }
.left                               { float:left !important; }
.right                              { float:right !important; }
.clear                              { clear:both; }
.block                              { display:block; }
fieldset                            { border:none; }
body                                { color: #333; font-size: 23px; font-family: 'Montserrat', sans-serif; } 
.cont                               { width: 1000px; margin: auto; }
.cont h2                            { color: #2F2C2C; font-size: 58px; font-weight: 700; text-transform: uppercase; letter-spacing: -3px; margin-bottom: 40px; }
.cont h2 span                       { color: #F26621; }
.cont p                             { line-height: 30px; }
.bt_topo                            { display: none; position: fixed; width: 46px; height: 46px; z-index: 999; bottom: 20px; right: 20px; background: url('../imagens/bt/bt_topo.png'); opacity: 0.8; }
.bt_topo:hover                      { opacity: 1; }

.container                          { width: 100%; }
#header                             { width: 1000px; height: 70px; position: absolute; top: 45px; z-index: 999; left: 50%; margin-left: -500px; }
#header h1                          { display: block; width: 250px; height: 80px; float: left; }
#header h1 a                        { display: block; width: 250px; height: 80px; background: url('../imagens/estrutura/logo.png'); text-indent: -9999px; }
#header ul                          { float: right; margin-top: 40px; }
#header ul li                       { display: block; float: left; margin-left: 25px; text-transform: uppercase; font-size: 16px; }
#header ul li a                     { color: #FFF; display: block; height: 30px; }
#header ul li a:hover               { text-decoration: none; border-bottom: solid 2px #fff; }

#home                               { display: block; width: 100%; height: 650px; background: url('../imagens/bg/bg.jpg') top center no-repeat; position: relative; }
#home>div                           { position: absolute; z-index: 2; width: 1000px; left: 50%; margin-left: -500px; top: 240px; text-align: center; }
#home>div h2                        { font-size: 110px; font-weight: 700; color: #FFF; line-height: 110px; text-shadow: 1px 1px 2px #000; }
#home>div h2>span                   { color: #F26621; }
#home>div h3                        { font-size: 30px; color: #FFF; text-shadow: 1px 1px 2px #000; }
#home .sombra                       { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; }
#home .seta                         { position: absolute; width: 40px; height: 40px; z-index: 999; background: url('../imagens/estrutura/seta.png') no-repeat; left: 50%; margin-left: -20px; bottom: 30px; }

#sobre-nos                          { padding: 100px 0; background: #eeedec; }
#sobre-nos p.menor                  { font-size: 14px; line-height: 18px; }

#servicos                           { padding: 100px 0; background: #25292c; }
#servicos h2                        { color: #FFF; }
#servicos p                         { color: #FFF; }
#servicos ul                        { padding: 50px 0; border-top: solid 3px #FFF; border-bottom: solid 1px #FFF; margin-top: 50px; overflow: hidden; }
#servicos ul li                     { display: block; float: left; width: 320px; margin-right: 20px; }
#servicos ul li p                   { font-size: 13px; line-height: 22px; margin: 0; }
#servicos ul li h3                  { font-weight: 700; font-size: 20px; text-transform: uppercase; color: #FFF; margin-bottom: 25px; padding-left: 35px; }
#servicos ul li.sistemas            { margin-right: 0; }
#servicos ul li.software h3         { background: url('../imagens/estrutura/software.png') left no-repeat; }
#servicos ul li.sistemas h3         { background: url('../imagens/estrutura/sistemas.png') left no-repeat; }
#servicos ul li.redes_sociais h3    { background: url('../imagens/estrutura/redes.png') left no-repeat; }

#produtos                           { padding: 100px 0; background: #eeedec; }
#produtos p                         { margin-bottom: 5px; }
#produtos p.menor                   { font-size: 14px; line-height: 18px; margin-bottom: 30px; }
#produtos .cont a                   { text-decoration:none; color: #000; transition: .3;}
#produtos .cont a:hover             { text-decoration: underline; color:#F26621}
#produtos p.menor span              { font-size: 14px; color: #F26621; padding-left: 15px; transition: .3;}
#produtos p.menor span:hover        { color: #000; }

#contato .infos                     { padding: 100px 0; background: #F26621; text-align: center; }
#contato .infos h2                  { color: #FFF; }
#contato .infos p                   { color: #FFF; }
#contato .infos span                { color: #FFF; }
#contato .infos p                   { margin-bottom: 50px; font-weight: 20px; }
#contato .mail                      { font-weight: 700; font-size: 30px; background: url('../imagens/estrutura/mail.png') left no-repeat; padding-left: 70px; display: inline-block; height: 37px; line-height: 37px; margin-right: 20px; }
#contato .tel                       { font-weight: 700; font-size: 30px; background: url('../imagens/estrutura/tel.png') left no-repeat; padding-left: 80px; display: inline-block; height: 42px; line-height: 42px; margin-left: 20px; }
#contato .formulario                { padding: 100px 0; background: #eeedec; }
#contato form p                     { display: block; float: left; position: relative; margin-right: 20px; margin-bottom: 20px; }
#contato .campo                     { display: block; float: left; width: 310px; padding: 5px; height: 40px; background: #CCC9C6; border: none; color: #FFF; font-weight: 16px; }
#contato .ultimo                    { margin-right: 0; }
#contato textarea                   { width: 990px !important; height: 100px !important; }
#contato label.error                { position: absolute; right: 5px; font-size: 10px; top: 18px; }
#contato .processo                  { display: none; font-size: 15px; }
#contato .msg_envio                 { display: none; }
#contato .msg_envio_erro            { display: none; }
#contato .bt                        { width: 200px; height: 70px; background: #F26621; color: #FFF; border: none; border-radius: 5px; cursor: pointer; }