/*Bloco Geral*/
* {margin:0; padding: 0; list-style: none; text-decoration: none;border:0; outline:0}
a span, h1 span, h2 span, h4 span, h5 span, button span, address {display:none;}
body, html {height:100%;}
body {background:  url(../images/bg-geral.png) repeat;}
body,td,th {font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
hr{clear:both;border:0;margin:0;background:none;width:1px;height:1px;}
a:link {color: #09c;text-decoration:none;cursor:pointer;border-bottom:1px dotted #09c;}
a:visited {color:#09c;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #09c;}
a:active {color:#09c;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #09c;}
a:hover {color: #7DCEE9;text-decoration:none;cursor:pointer;border-bottom:0;}
a.link-branco:link {color:#fff;text-decoration:none;cursor:pointer;border-bottom:1px dotted #fff;}
a.link-branco:visited {color:#fff;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #fff;}
a.link-branco:active {color:#fff;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #fff;}
a.link-branco:hover {color:#fff;text-decoration:none;cursor:pointer;border-bottom:0;}
a.img:link {text-decoration:none;cursor:pointer;border-bottom:0;}
a.img:visited {text-decoration:none;cursor:pointer;border-bottom:0;}
a.img:active {text-decoration:none;cursor:pointer;border-bottom:0;}
a.img:hover {text-decoration:none;cursor:pointer;border-bottom:0;}

/*Bloco Header*/
#header {width:100%;height:158px;background:url(../images/bg-header.png) repeat-x top left;margin:25px 0 0 0;}
#header #header-conteudo {margin:0 auto;width:980px;height:158px;position:relative;}
#header #header-conteudo #logo {margin:10px 0 0 0;width:140px;height:95px;display:block;float:left;}
#menu {left:0;width:550px;height:20px;display:block;position:absolute;z-index:3;visibility: visible;}
#menu ul li {float:left;}
#menu ul li.espaco {margin-left:30px;}
#menu ul li a:link {border-bottom:0;}
#menu ul li.home:hover {background:url(../images/menu-home-over.gif);}
#menu ul li.nossotrabalho:hover {background:url(../images/menu-nossotrabalho-over.gif);}
#menu ul li.sobrenos:hover {background:url(../images/menu-sobrenos-over.gif);}
#menu ul li.solucoes:hover {background:url(../images/menu-solucoes-over.gif);}
#menu ul li.faleconosco:hover {background:url(../images/menu-faleconosco-over.gif);}
#header #header-conteudo #menu {left:0;top:133px;width:550px;height:20px;display:block;position:absolute;z-index:3;visibility: visible;}
#header #header-conteudo #tag-cloud {width:535px;height:134px;position:absolute;top:15px;right:0;z-index:1;visibility:visible;}

/*Bloco Banner*/
#banner.destaque {width:100%;height:265px;background: #fff url(../images/menu-bottom-line.png) no-repeat;}
#banner {width:100%;height:130px;background: #fff url(../images/menu-bottom-line.png) no-repeat;}
#banner #banner-conteudo {margin:0 auto;width:980px;position:relative;height:130px;}
#banner #banner-conteudo p.breadcrumb {margin:25px 0 0 0;width:700px;display:block;font: normal 12px Arial, Helvetica, sans-serif;color: #333;float:left;}
#banner #banner-conteudo p.titulo-interna {margin:10px 0 0 0;width:700px;display:block;font: lighter 16px Calibri, Arial;color: #333;float:left;}
#banner #banner-conteudo p.frase-interna {margin:0;width:700px;display:block;font: normal 14px Arial, Helvetica, sans-serif;color: #333;float:left;}
#banner #banner-conteudo #link-interno {float:right;display:block;margin:55px 15px 0 0;}
#banner #banner-conteudo #link-interno .anterior {display:block; float:left;margin-right:10px}
#banner #banner-conteudo #link-interno .proximo {display:block; float:left;margin:0}

/*Bloco Conteúdo*/
#conteudo {width:980px;margin:0 auto;background: url(../images/bg-conteudo.png) no-repeat;position:relative;}
#conteudo #frame-content {margin:20px 0 0 0;width:535px;display:block;float:left; margin-left:80px}
#conteudo #frame-content .frame {width:535px; height:100%; display:none;}
#conteudo #frame-content .frame-preview {width:165px; height:115px; display:block; float:left;padding:4px; border: 1px dotted #999; margin:3px 2px 0 1px;display:none;}
#conteudo #home-coluna {margin:20px 0 0 0;width:310px;display:block;float:left;}
#conteudo #home-coluna p {margin:15px 0 0 0;}
#conteudo #home-coluna2 {margin:20px 0 0 12px;width:310px;display:block;float:left;}
#conteudo #home-coluna2 p {margin:15px 0 0 0;}
#conteudo #home-twitter {margin:20px 0 0 12px;width:310px;display:block;float:left;background:url(../images/bg-twitter.png) no-repeat 150px top;}
#conteudo #home-twitter p {margin:10px 0 0 0;}
#conteudo #home-twitter .tweetwhen {color:#f90;}
#conteudo #home-coluna2 #lista-servicos li {margin:5px 0 0 0;width:310px; text-indent:30px;background:url(../images/icone_check.png) no-repeat center left;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo .divisao {border-left:1px dotted #999;margin:25px 0 0 12px;width:10px;height:260px;display:block;float:left;}
#conteudo .solucoes {margin:20px 0 0 0;width:980px; height:350px; display:block;float:left;border-bottom:1px dotted #586264;}
#conteudo .solucoes .img-solucoes {display:block; float:left; width:210px; height:350px}
#conteudo .solucoes p {display:block; float:left; width:750px; margin:10px 0 0 20px;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo .solucoes ul.lista-solucoes {display:block; float:left; margin:20px 0 0 20px;}
#conteudo .solucoes ul.lista-solucoes li{margin:5px 0 0 0;width:750px; text-indent:30px;background:url(../images/icone_check.png) no-repeat center left;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}

#conteudo #texto {margin:20px 0 0 0;width:600px;display:block;float:left;}
#conteudo #texto p {margin:10px 0 0 0;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo #img-texto {width:325px;display:block;position:absolute; top:-35px;right:30px;}
#conteudo #texto #lista-servicos li {margin:5px 0 0 0;width:310px; text-indent:30px;background:url(../images/icone_check.png) no-repeat center left;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo #texto .depoimento {display:block; float:left; width:300px; height:100%; background:url(../images/bg-oquedisseram.png) no-repeat left bottom; margin-top:10px}
#conteudo #texto .depoimento .nome {width:300px;display:block; float:left;font: normal 12px Arial, Helvetica, sans-serif;color: #586264; margin:10px 0 0 0}
#conteudo .texto2 {margin:20px 0 0 0;width:980px;display:block;float:left;}
#conteudo .texto2 p {margin:10px 0 0 0;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo .equipe {margin:20px 0 0 80px;width:215px;display:block;float:left;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo p.solto {margin:20px 0 0 0;width:980px;display:block;float:left;}
#conteudo .lista-servicos-texto {margin:20px 0 0 0;width:475px;display:block;float:left;}
#conteudo .lista-servicos-texto p {margin:10px 0 0 0;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo .lista-servicos-texto strong {font: normal 16px Arial, Helvetica, sans-serif;color: #036;}
#conteudo #lista-projetos {margin:20px 0 0 0;width:980px;display:block;float:left;}
#conteudo #lista-projetos .projeto {width:215px; height:260px; display:block; float:left; margin:0 10px 20px 20px}
#conteudo #lista-projetos .projeto .frame-preview {width:205px; height:135px; display:none; float:left; border: 1px dotted #999; padding:4px}
#conteudo #lista-projetos .projeto .frame-titulo {width:205px;display:block; float:left;padding:4px; font: bold 14px Arial, Helvetica, sans-serif;color: #586264; margin:5px 0 0 0}
#conteudo #lista-projetos .projeto .frame-titulo a:link {color: #586264;text-decoration:none;cursor:pointer;border-bottom:1px dotted #586264;}
#conteudo #lista-projetos .projeto .frame-titulo a:visited {color:#586264;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #586264;}
#conteudo #lista-projetos .projeto .frame-titulo a:active {color:#586264;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #586264;}
#conteudo #lista-projetos .projeto .frame-titulo a:hover {color: #879396;text-decoration:none;cursor:pointer;border-bottom:0;}
#conteudo #lista-projetos .projeto .frame-agencia {width:205px;display:block; float:left;padding:4px;font: normal 12px Arial, Helvetica, sans-serif;color: #586264;}
#conteudo #lista-projetos .projeto .frame-agencia a:link {color: #586264;text-decoration:none;cursor:pointer;border-bottom:1px dotted #586264;}
#conteudo #lista-projetos .projeto .frame-agencia a:visited {color:#586264;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #586264;}
#conteudo #lista-projetos .projeto .frame-agencia a:active {color:#586264;text-decoration:none;cursor:pointer;border-bottom:0;border-bottom:1px dotted #586264;}
#conteudo #lista-projetos .projeto .frame-agencia a:hover {color: #879396;text-decoration:none;cursor:pointer;border-bottom:0;}
#conteudo #lista-projetos .projeto .frame-descricao {width:205px; display:block; float:left;padding:4px; font: normal 12px Arial, Helvetica, sans-serif;color: #586264;}
#conteudo .clientes {margin:20px 0 0 0;width:475px;display:block;float:left;}
#conteudo .clientes p {margin:10px 0 0 0;font: normal 12px Arial, Helvetica, sans-serif;color: #333;}
#conteudo .clientes strong {font: normal 16px Arial, Helvetica, sans-serif;color: #036;}
#conteudo .clientes ul.lista-clientes {margin-top:20px;}
#conteudo .clientes ul.lista-clientes li{margin:20px 20px 0 0;width:280px;display:block;float:left; display:inline;border-bottom:0;border-bottom:1px dotted #586264; padding:5px 5px 5px 20px; background:url(../images/dot.png) no-repeat center left}
#conteudo .clientes ul.lista-clientes li.link {background:url(../images/dot_link.png) no-repeat center left}
#conteudo .clientes ul.lista-clientes li a:link {color: #09c;text-decoration:none;cursor:pointer;border-bottom:0;}
#conteudo .clientes ul.lista-clientes li a:visited {color:#09c;text-decoration:none;cursor:pointer;border-bottom:0;}
#conteudo .clientes ul.lista-clientes li a:active {color:#09c;text-decoration:none;cursor:pointer;border-bottom:0;}
#conteudo .clientes ul.lista-clientes li a:hover {color: #7DCEE9;text-decoration:none;cursor:pointer;border-bottom:0;}

/*Bloco Rodapé*/
#rodape {width:100%;background: url(../images/bg-rodape.png) repeat-x top left;}
#rodape #rodape-conteudo {width:980px;height:180px;margin:0 auto;}
#rodape #rodape-conteudo #icones-rodape {width:100%;height:40px;}
#rodape #rodape-conteudo #assinatura {width:980px;margin:20px 0 0 0;}
#rodape #rodape-conteudo #menu-rodape {width:800px;margin:10px 0 0 77px;}

/* Hero */
#hero-container h1 {height: 86px;margin: 50px 0 3px 0;background-repeat:no-repeat;}
.span-5 {width:394px;font: normal 14px Arial, Helvetica, sans-serif;color: #333;float:left;}
#hero-container {width:100%;position:absolute;top:-25px;left:0;height:290px;overflow: hidden;z-index: 2;visibility: visible;}
.hero-wrapper {height:290px;background-position:right bottom;background-repeat:no-repeat;width:100%;}
ul#hero-frames {z-index: 4;position:absolute;right:0;bottom:20px;width:75px;visibility: visible;}
ul#hero-frames li {float:left;margin-left:5px;}
ul#hero-frames li a {display:block;width: 20px;height: 20px;}
a.frame-1 {background: url(../images/portifolio/bt-frame-1.png) 0 0 no-repeat;border:0;}
a.frame-2 {background: url(../images/portifolio/bt-frame-2.png) 0 0 no-repeat;border:0;}
a.frame-3 {background: url(../images/portifolio/bt-frame-3.png) 0 0 no-repeat;border:0;}
a.frame-1:hover, a.frame-2:hover, a.frame-3:hover {background-position: 0 -20px;border:0;}
a.frame-1-active {background: url(../images/portifolio/bt-frame-1.png) 0 -40px no-repeat;border:0;}
a.frame-2-active {background: url(../images/portifolio/bt-frame-2.png) 0 -40px no-repeat;border:0;}
a.frame-3-active {background: url(../images/portifolio/bt-frame-3.png) 0 -40px no-repeat;border:0;}
#hero_container h1 {height:100px;margin-bottom:4px;}
#hero_container p {width:394px;}
.hero_image {z-index:10;position:absolute;display:block;}

/*Bloco Formulário*/
form.contato {margin:10px 0 10px 40px;width:410px;float:left;}
form.contato fieldset{margin:0;border:0;}
form.contato legend{display:block;}
form.contato .maior {margin-top:6px;float:left;width:400px;color:#5C6669;font:normal 12px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato .grande {margin-top:6px;float:left;width:400px;color:#5C6669;font:normal 12px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato .sucesso {margin-top:6px;float:left;width:400px;color:#518c06;font:bold 16px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato .medio {height:45px;margin-top:6px;float:left;width:305px;color:#5C6669;font:normal 12px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato .pequeno {height:45px;margin-top:6px;float:left;width:80px;color:#5C6669;font:normal 12px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato .menor {height:45px;margin-top:6px;float:left;width:45px;color:#5C6669;font:normal 12px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato .metade {height:45px;margin-top:6px;float:left;width:145px;color:#5C6669;font:normal 12px Arial, Helvetica, sans-serif;text-align:left;margin-left:5px;}
form.contato label input {width:98%; height:18px;background:#fff;border:1px solid  #5C6669;font:normal 12px Arial, Helvetica, sans-serif;display:block;margin-top:4px;padding-top:3px;float:left;}
form.contato label textarea {width:98%; height:80px;background:#fff;border:1px solid  #5C6669;font:normal 12px Arial, Helvetica, sans-serif;display:block;margin-top:2px;padding-top:3px;float:left;}
form.contato label select {width:99%;height:23px;float:left;border:1px solid  #5C6669;font:normal 12px Arial, Helvetica, sans-serif;margin-top:4px;float:left;}
form.contato .botao {width:66px;height:15px;background: url(../images/bt-enviar.png) no-repeat;border:0;cursor:pointer;display:block;float:right;margin:10px 10px 0 0;}