body { margin:0; padding:0; background:url(../images/background.png) repeat-x left top #bb2418; }
.esc { display:none; }
.height6 { height:1px !important; }

#barra { background:url(../images/barra-bg.jpg) repeat-x left top; width:100%; display:block; height:28px; }
#barra ul.barra { margin:0; padding:0; width:920px; display:block; margin:0 auto; }
#barra ul.barra li { width:auto; margin:0; padding:0; float:right; }
#barra ul.barra li a { outline:none; }
.link-branco{color:#FFF; font-size:14px; font-weight:bold; margin-right:10px;}
.footer-line {
	LINE-HEIGHT: 0px; MARGIN-TOP: 5px; WIDTH: 100%; MARGIN-BOTTOM: 5px; BACKGROUND: url(bg_footer_line.gif) repeat-x; HEIGHT: 2px; FONT-SIZE: 0px
}
#page { width:900px; display:block; margin:0 auto; }

#header { width:900px; height:92px; display:block; }
#header h1 { margin:0; padding:0; background:url(../images/logotipo_bencom.png) no-repeat left top; width:215px; height:62px; display:block; float:left; margin-top:30px; }
#header h1 a { width:215px; height:92px; display:block; text-indent:-9999px; outline:none; }
#header ul { margin:0; padding:0; float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; letter-spacing:-0.04em; width:540px; }
#header ul li { float:left; }
#header ul li a { color:#FFF; padding-left:10px; padding-right:10px; padding-top:38px; padding-bottom:6px; display:block; }
#header ul li a:hover { background:url(../images/header-link.jpg) repeat-x left top; }

#contents { background:url(../images/rounded-cima.png) no-repeat center top #fff; width:871px; padding-left:15px; padding-right:14px; display:block; padding-top:12px; padding-bottom:14px; font-size:12px; margin:0 auto; }


/* graylink */

a.graylink { background:url(../images/graylink-a.jpg) no-repeat left top; color:#999 !important; font-size:12px !important; padding: 8px 0 6px 0px !important; width:100px !important; }
a.graylink span { background:url(../images/graylink-span.jpg) no-repeat right top !important; height:32px !important; padding: 8px 26px 6px 6px !important; }
a.graylink:hover { color:#000; }

a.graylink img { padding-bottom:3px !important; }
a#naoaplica img { padding-bottom:0px !important; }



/* wrapper */

#wrapper { width:845px; padding-left:22px; padding-right:4px; display:block; background:url(../images/wrapper-bg.gif) no-repeat center bottom; height:150px; padding-top:15px; padding-bottom:18px; }
#welcome { width:541px; display:block; padding-right:22px; border-right:1px solid #CCC; float:left; }
#welcome h2 { margin:0; padding:0; font-size:25px; font-weight:bold; text-align:center; display:block; padding-bottom:15px; }
#welcome p { margin:0; padding:0; line-height:17px; }
#clientes { width:271px; display:block; float:left; padding-left:10px; }

/* things */

ul#things { margin:0; padding:0; width:100%; display:block; margin-top:28px; margin-bottom:12px; }
ul#things li { width:260px; display:block; float:left; overflow:hidden; }
ul#things li h3 { width:100%; margin:0; padding:0; font-size:20px; font-weight:bold; color:#990000; display:block; height:20px; position:relative; }
ul#things li small, ul#things li small a { font-size:12px; color:#999999; padding-left:1px; }
ul#things li ul { margin:0; padding:0; width:246px; margin-top:6px; }
ul#things li ul li { margin:0; padding:0; display:block;  width:246px; }
ul#things li ul li blockquote { margin:0; padding:0; font-size:11px; color:#666; margin-top:8px; }
ul#things li ul li a { padding-left:6px; padding-top:7px; padding-bottom:7px; padding-right:6px; display:block; color:#000; }
ul#things li ul li a span { color:#999; padding-right:6px; font-size:11px; }
ul#things li#blog h3 { text-indent:16px; padding-left:5px; padding-bottom:5px; }
ul#things li#blog { border-right:1px solid #F1F1F1; padding-left:14px; padding-right:12px; }
ul#things li#blog ul { height:126px; display:block; overflow:hidden;  }
ul#things li#blog ul li { float:left;  }
ul#things li h3 img.rss { position:absolute; left:0px; top:1px; }
ul#things li#twitter { border-right:1px solid #F1F1F1; padding-left:19px; padding-right:19px; }
ul#things li#twitter blockquote { background:url(../images/twitter.jpg) no-repeat right top; margin:0; padding:0; border:0; width:170px; padding-right:98px; margin-top:6px; font-size:12px; line-height:17px; color:#333; }
ul#things li#twitter blockquote ul, ul#things li#twitter blockquote ul li, ul#things li#twitter blockquote ul li a { margin:0; padding:0; font-size:12px; }
ul#things li#twitter blockquote a { color:#CA0000; border:none; background:none; font-size:100% !important; font-weight:normal !important; }
ul#things li#twitter blockquote ul, ul#things li#twitter blockquote ul li { background:url(../images/twitter.jpg) no-repeat right top; }
ul#things li#twitter blockquote ul li { margin:0; padding:0; border:0; width:170px; padding-right:98px; margin-top:6px; font-size:12px; line-height:17px; color:#333; }


ul#things li#work { padding-left:19px; }
ul#things li#work img.img-work { float:left; margin-right:12px; }
ul#things li#work p.desc-work { padding-left:8px; padding-top:5px; }
ul#things li#work p { margin:0; padding:0; color:#333; line-height:19px; }
ul#things li#work p.saiba-mais { padding-top:8px; }

/* footer um */

#footer-um { width:900px; background:url(../images/footer-um.jpg) no-repeat center top; padding-top:22px; display:block; margin:0 auto;  }
#footer-um h3 { font-size:18px; color:#FFFFFF; display:block; font-weight:bold; }
#footer-um h5 { color:#5e100a; font-size:12px; display:block; padding-left:1px; padding-top:3px; margin-bottom:6px; }
#footer-um ul { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:238px; display:block; float:left; margin-top:6px; }
#footer-um ul li.first { border-top:1px solid #a71308; }
#footer-um ul li.first.hover { border-top:1px solid #8d0c04; }
#footer-um ul li { margin:0; padding:0; display:block; border-bottom:1px solid #8d0c04; padding-top:8px; padding-bottom:8px; padding-left:5px; }
#footer-um ul li a { color:#ffffff; outline:none; display:block; }
#footer-um ul li a.name { width:85px; display:block; float:left; font-weight:bold; }
#footer-um ul li a.desc { color:#e1e1e1; text-align:right; padding-right:2px; }
#footer-um ul.produtos { padding-left:26px; }
#footer-um ul.areas { padding-left:70px; }
#footer-um ul li.hover { background:#a31f15; border-bottom:1px solid #8d0c04; }
#footer-um ul li.hover a.desc { color:#fff; }
#footer-dois a{color:#FFF}
#depoimentos { width:260px; margin-left:20px; padding-left:18px; padding-right:18px; border-left:1px solid #a71308; border-right:1px solid #a71308; display:block; float:left; }
#depoimentos blockquote { margin:0; padding:0; border:0; color:#fff; font-size:12px; line-height:17px; background:url(../images/depoimento-blockquote.jpg) no-repeat left top; padding-top:4px; }
#depoimentos blockquote strong { display:block; padding-top:7px; color:#fcfcfc; font-size:14px; text-align:right; }
#newsletter { width:260px; display:block; padding-left:20px; float:left; padding-right:16px; }
#newsletter input.input { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold; border:1px solid #CACAD2; background:#fff; padding-left:2px; padding-top:5px; padding-bottom:4px; padding-right:5px; width:195px; }
#forms { width:254px; height:83px; display:block; margin-top:20px; position:relative; }
#forms img.newsletter-carta { position:absolute; left:3px; top:0px; }
#forms input.butok { position:absolute; left:180px; top:60px; }
#forms input#nome { position:absolute; left:48px; top:2px; }
#forms input#email { position:absolute; left:48px; top:31px }

/* footer dois */

#footer-dois { width:100%; display:block; background:url(../images/footer-dois.jpg) no-repeat center top; padding-top:13px; text-align:center; font-size:11px; color:#FFF; line-height:18px; margin-top:25px; display:block; padding-bottom:32px; }
#footer-dois p { margin:0; padding:0; }
#footer-dois strong { font-size:13px; font-weight:bold; display:block; }

/* internas e sidebar */

#content { width:588px; display:block; float:left; padding-top:10px; line-height:19px; }
#content a { color:#CA0000; }
#content a:hover { color:#000; }
#content ul { list-style:outside; color:#333; }
#content ul li { padding-top:2px; padding-bottom:2px; }
#content h1 { margin:0; padding:0; font-size:20px; font-weight:bold; color:#891C22; display:block; padding-bottom:6px; }
#content h2, h3, h4, h5 { margin:0; padding:0; }
#content h2 { color:#AB282E; font-size:20px; font-weight:bold; padding-top:8px; padding-bottom:10px; }
#content h3 { color:#AB282E; font-size:17px; padding-top:6px; padding-bottom:2px; margin-bottom:4px; border-bottom:1px solid #CCC; }
#content h4 { color:#000; font-size:17px; padding-top:6px; padding-bottom:8px; font-weight:bold; }
#content h5 { color:#000; font-size:14px; padding-top:6px; padding-bottom:8px; font-weight:bold; }
#content blockquote { margin:0; padding:0; border:0; border-left:4px solid #a71308; padding-left:12px; padding-top:5px; padding-bottom:5px; padding-right:5px; color:#666; margin-left:22px; margin-top:8px; margin-bottom:12px; }
#content label { display:block; padding-bottom:1px; padding-top:10px; font-weight:bold; }
#content form input.input { width:300px; background:url(../images/input-bg.jpg) repeat-x left top; padding:4px; border:1px solid #c4c4c4; }
#content form input.curriculo { width:300px; }
#content form input.error { background:#FCEFEF; border:1px solid #666; }
label.error { display:none !important; visibility:hidden !important; }
#content form input.input:focus { background:#fff; }
#content form select.input { width:310px; background:url(../images/input-bg.jpg) repeat-x left top; padding:4px; border:1px solid #c4c4c4; }
#content form select option { background:#FFF; }
#content form textarea.input { width:300px; background:url(../images/input-bg.jpg) repeat-x left top; padding:4px; border:1px solid #c4c4c4; height:66px; }
#content form textarea.input:focus { background:#fff; } 
#content .enviar { width:310px; display:block; text-align:right; padding-top:6px; }
form#contato { float:left; }
#content #contatoinfos { width:250px; float:right; padding-top:24px; }

#sidebar { width:247px; display:block; float:left; margin-left:18px; padding-left:14px; border-left:1px solid #F1F1F1; }
#sidebar h3 { font-size:16px; height:17px; font-weight:bold; color:#000; }
#sidebar ul { margin:0; padding:0; }
#sidebar ul li { background:url(../images/sidebar-li-bg.jpg) no-repeat center bottom; padding-top:14px; padding-bottom:10px; }
#sidebar ul li div.img-side { width:50px; display:block; float:left; }
#sidebar ul li div.content-side { width:182px; display:block; float:left; padding-top:9px; padding-left:8px; }
p.link-sidebar { text-align:right; margin:0; padding:0; }
#sidebar ul li.last { background:none; }
#sidebar ul li ul li { margin:0; padding:0; background:none; border-bottom:1px solid #F1F1F1; }
#sidebar ul li ul li:last-child { border-bottom:none; }
#sidebar ul li ul li a { color:#888; padding-top:6px; padding-bottom:7px; padding-left:12px; display:block; }
#sidebar ul li ul li a:hover { color:#333; }
.bottom_portfolio { border-left:none !important; width:860px !important; display:block; margin:0 auto !important; background:none !important; padding:0 !important; }
.bottom_portfolio ul { background:none; border:none; width:100%; display:block; }
.bottom_portfolio ul li { width:244px; display:block; list-style:none; float:left; padding-left:21px; padding-right:21px; background:none !important; }
#logos { width:150px; height:130px; display:block; margin:0 auto; text-align:center; margin-top:15px; }

/* sidebar li's */

p.desc { padding-left:62px; padding-top:4px; }
ul#servicos { list-style:none; margin:0; padding:0; }
ul#servicos li { border-bottom:1px solid #F1F1F1; padding-top:6px; }
ul#servicos li.last { border-bottom:none; }
ul#servicos h2 { font-size:18px; color:#a71308; }
li#parcerias div { padding-left:16px; padding-top:6px; }
li#websites p.desc { background:url(../images/icone-websites.jpg) no-repeat left top; }
li#manutencoes p.desc { background:url(../images/icone-manutencoes.jpg) no-repeat left top; }
li#softmail p.desc { background:url(../images/icone-softmail.jpg) no-repeat left top; }
li#mob p.desc { background:url(../images/icone-mobsites.jpg) no-repeat left top; }
li#marketingdigital p.desc { background:url(../images/mktdigital.jpg) no-repeat left top; }

/* ul's e li's internas (conteudo) */

ul#listaclientes { margin:0; padding:0; list-style:none; padding-top:8px; }
ul#listaclientes li { float:left; width:144px; display:block; text-align:center; margin-bottom:8px; background:url(../images/clientes-fundo.gif) no-repeat center top; }
ul#listaclientes li img { margin-top:4px; }
ul#listaclientes li.hover { background:url(../images/clientes-fundo.gif) no-repeat center bottom; }
p.obrigado { background:url(../images/newsletter-obrigado.gif) no-repeat left top; padding-left:84px; padding-top:16px; padding-bottom:14px; }
fieldset { border:none; }
textarea#descricao-do-projeto { height:246px !important; margin-top:8px; }
div#hspace { height:22px; }
.form1 { width:325px; display:block; float:left; background:url(../images/form-1.gif) no-repeat right top; }
.form2 { width:250px; display:block; float:left; background:url(../images/form-2.gif) no-repeat right top; }
.form3 { width:325px; display:block; float:left; background:url(../images/form-3.gif) no-repeat right top; }
.form4 { width:250px; display:block; float:left; background:url(../images/form-4.gif) no-repeat right top; }