@charset "utf-8";
/* CSS Document */

* {margin:0;padding: 0;list-style: none;border: 0;text-decoration: none;}
:focus {outline: 0;}
table {border-collapse: collapse;width: 100%;}
html, body {height: 100%;}
hr {display: none;}
input.zerado {border: 0;}
.imgleft {float: left; padding: 5px;}
.imgright {float: right; padding: 5px;}
h2, h3, h4, h5, h6 {font: bolder 100%/100% helvetica, 'trebuchet ms', verdana, sans-serif;}
h3 {color:#606060;}
ol {list-style: decimal;}
blockquote, q {quotes: "" ""}
hr {display:none;}



body {background:url(imgs/bg.jpg) repeat;font-family:arial;}
#geral{background:url(imgs/bg-geral.gif) no-repeat top center;}
#sub-geral {width:903px;margin:0 auto;text-align:left;overflow:hidden;}

#header h1 {float:left;margin-bottom:40px;}
#header h1 a {display:block;background:url(imgs/logo.gif) no-repeat;width:215px;height:122px;}
#header h1 a span{display:none;}

#header div {float:right;}
#header ul li{font-size:13px;text-transform:uppercase;float:left;margin-left:1px;overflow:hidden;}
#header ul{*float:right;}
#header ul li a.on{height:28px;}
#header ul li a{text-align:center;color:#fff;background:url(imgs/bg-menu.gif) repeat-x;height:28px;display:block;padding-top:31px;}
#header ul li.home a{width:53px;}
#header ul li.home a.on{background:url(imgs/menu-home-on.png) no-repeat;}
#header ul li.home a:hover{background:url(imgs/menu-home-on.png) no-repeat;}
#header ul li.web a{width:43px;}
#header ul li.web a.on{background:url(imgs/menu-home-on.png) no-repeat;}
#header ul li.web a:hover{background:url(imgs/menu-home-on.png) no-repeat;}
#header ul li.clientes a{width:76px;}
#header ul li.clientes a.on{background:url(imgs/menu-clientes-on.png) no-repeat;}
#header ul li.clientes a:hover{background:url(imgs/menu-clientes-on.png) no-repeat;}

#header ul li.branding a{width:76px;}
#header ul li.branding a.on{background:url(imgs/menu-clientes-on.png) no-repeat;}
#header ul li.branding a:hover{background:url(imgs/menu-clientes-on.png) no-repeat;}

#header ul li.grafico a{width:121px;}
#header ul li.grafico a.on{background:url(imgs/menu-grafico-on.png) no-repeat;}
#header ul li.grafico a:hover{background:url(imgs/menu-grafico-on.png) no-repeat;}
#header ul li.contato a{width:76px;}
#header ul li.contato a.on{background:url(imgs/menu-contato-on.png) no-repeat;}
#header ul li.contato a:hover{background:url(imgs/menu-contato-on.png) no-repeat;}

#header span.phone{display:block;float:right;font-size:35px;font-weight:bold;color:#fff;letter-spacing:-0.06em;margin-top:30px;*clear:both;}
#header span.phone span{font-size:19px;}
#header p{clear:both;color:#fff;font-size:14px;background:url(imgs/bg-p-header.png) repeat;padding:12px 14px 11px 14px;line-height:19px;text-align:center;margin-bottom:19px;*padding-top:7px;letter-spacing:-0.05em;*margin-bottom:17px;*width:903px;*padding-left:0;}
.design-grafico #header p{letter-spacing:-0.08em;}

div.banner{}
div.banner div.webmail{}
div.banner div.webmail a{display:block;color:#fff;font-size:13px;width:250px;float:left;background:url(imgs/img-webmail.gif) no-repeat left center;padding-left:21px;}
div.banner div.webmail a:hover{text-decoration:underline;}
div.banner div.buttons{float:right;margin-top:-20px;margin-bottom:20px;}

#footer{font-size:11px;color:#fff;width:903px;border-top:7px solid #c06503;margin-top:15px;clear:both;}
#footer address {float:left;font-style:normal;background:url(imgs/bg-address.gif) no-repeat left top;height:38px;padding-top:21px;padding-left:28px;}
#footer ul {float:right;padding-top:21px;}
#footer ul li{float:left;margin-left:15px;}
#footer ul li.on {font-weight:bold;}
#footer ul li a{color:#fff;}
#footer ul li a:hover{text-decoration:underline;}

/*clientes*/
ul#clientes {background:url(imgs/bg-h2.png) repeat;padding:42px 42px 7px 42px;display:table;clear:both;overflow:hidden;*padding-bottom:42px;margin-bottom:35px;*width:903px;}
ul#clientes li{float:left;margin-right:35px;*margin-right:38px;margin-bottom:35px;}
/* ACRESCENTADA PELO DANIEL*/
ul#clientes li a {width:134px;height:131px;background-image:none;margin-top:-30px;float:left;display:block}
/* FIM*/
ul#clientes li.on{margin-right:0px;}
h2{clear:both;color:#fff;font-weight:bold;font-size:35px;letter-spacing:-0.05em;margin-bottom:48px;font-family:arial;background:url(imgs/bg-h2.png) repeat;padding-left:15px;padding-top:8px;padding-bottom:8px;}

/*contato*/
form {background:url(imgs/bg-h2.png) repeat;padding:42px 42px 42px 42px;margin-bottom:35px;*width:903px;*margin-top:-8px;}
form label{color:#fff;font-size:14px;display:block;margin-bottom:7px;text-transform:none;}
form input{background:url(imgs/bg-input.jpg) repeat-x;width:387px;height:35px;color:#fff;font-size:15px;padding-left:4px;padding-right:4px;}
form input#ddd{width:47px;padding-left:4px;}
form input#phone{width:328px;padding-left:4px;}
form input#codigo{width:168px;padding-left:4px;float:left;margin-left:8px;}
form li.codigo img{float:left;*padding-top:3px;}
form textarea{background:url(imgs/bg-textarea.jpg) repeat-x;width:387px;height:115px;font-family:arial;color:#fff;font-size:15px;padding-left:4px;padding-top:4px;padding-right:4px;}
form li.bt img{cursor:pointer;}
form fieldset ul {float:left;margin-right:12px;}
form fieldset ul.right {}
form fieldset ul li{margin-bottom:25px;clear:both;}
form fieldset ul li.bt img{*padding-top:30px !important;padding-top:46px;}

/*design grafico*/
ul#design-grafico {background:url(imgs/bg-h2.png) repeat;padding:42px 42px 7px 42px;display:table;clear:both;overflow:hidden;*padding-bottom:42px;margin-bottom:35px;*width:903px;*margin-bottom:0;}
ul#design-grafico li{float:left;margin-right:54px;margin-bottom:35px;height:296px;}
ul#design-grafico li.on{margin-right:0px;}
ul#design-grafico #header div p{}



/*web*/
ul#lista-jobs {*margin-top:-8px;}
ul#lista-jobs li {border-top:1px solid #d47d00;padding-top:30px;margin-top:30px;}
ul#lista-jobs li div {width:889px;background:#d47d00;font-size:14px;font-style:italic;padding-top:8px;padding-bottom:8px;padding-left:7px;padding-right:7px;display:table;color:#fff;margin-top:20px;}
ul#lista-jobs li div p{float:left;background:none;}
ul#lista-jobs li div p a{text-decoration:underline;color:#72070e;background:none;}
ul#lista-jobs li div span{float:right;}

/*botão banner*/
.buttons{clear:both;}
#prev1, #play1, #stop1, #next1{color:#FFF;cursor:pointer;}