* {margin:0; padding:0; font-family:helvetica, arial, sans-serif}
body {background:#fff url(../img/bg_bco.jpg) 0 0 repeat; line-height:17px; font-size:11px}
img {border:none}
a {outline:none; overflow:hidden; text-decoration:none; color:#f60}
a:hover {text-decoration:underline}
h1, h2, h3, h4 {line-height:normal}
h1 {color:#f37920; font-size:84px; letter-spacing:-9px; margin:0 0 15px -5px}
h2 {color:#a9a9a9; font-size:23px; letter-spacing:-2px; padding-bottom:7px}
h2 span {display:block; line-height:18px}
h3, h3 span {font:italic bold 23px georgia, "times new roman", times, serif; color:#000; padding-bottom:9px; display:block}
h3 strong {color:#f37920}
h4 {font:bold 19px georgia, "times new roman", times, serif; color:#f37920; padding:40px 0 12px}


/* classes */

.quebra {width:100%; height:2px; display:block; clear:both; background-color:transparent; font-size:0}

.extremidades {width:100%; background:#000 url(../img/bg_pto.jpg) 0 0 repeat; color:#fff}

.limite {width:1003px; margin:auto}

.menu {text-transform:uppercase; font-weight:700}
.menu dt {padding:3px 0}
.menu span {visibility:hidden}
.menu a, .menu a:hover span {color:#fff}
.menu a:hover {text-decoration:none; color:#f60}
.menu a:hover span {visibility:visible}

.padding {padding:7px}

.destaque {-moz-box-shadow:0 0 8px #0bf; -webkit-box-shadow:0 0 8px #0bf}

.cases {width:200px; float:left; cursor:pointer; margin-bottom:70px; font-size:12px}
.cases img {width:200px; display:block; margin-bottom:12px}
.cases strong {color:#f60}

.mais {height:20px; padding:8px 0 0 17px; background:transparent url(../img/case-esq.png) 0 0 no-repeat; display:none; z-index:999}
.mais * {float:left}
.mais div {padding-right:10px; background:transparent url(../img/case-dir.png) right bottom no-repeat}
.mais span {display:block; height:19px; padding:1px 3px 0; background-color:#f37920; color:#fff; font-weight:700; font-size:12px; white-space:nowrap}

.divisao {width:36px; height:227px; margin-top:8px; background:transparent url(../img/divisao.gif) center 0 repeat-y; float:left}

.case {padding-bottom:70px; display:none}
.case h3 {font-size:24px; color:#ff7800; padding:10px 14px; position:relative; background-color:#454545}
.case h3 span {color:#fff; padding:0}
.case h3 img {right:20px; top:20px; cursor:pointer}

.descricao-case, .imagens-case {float:left}
.descricao-case {width:365px; padding-right:25px}
.descricao-case * {width:100%}
.descricao-case p {padding-bottom:16px}

.imagens-case {width:282px; text-align:right; padding-top:14px}
.imagens-case img {width:280px; border:1px solid #ccc; display:block; margin-top:32px}
.imagens-case p {font:italic 10px georgia, "times new roman", times, serif; color:#888; padding-top:3px}

.portfolio {padding:40px 0 50px; border-top:1px solid #c5763d; border-bottom:1px solid #333}
.portfolio h3 span {font-size:11px; font-weight:400; padding-top:2px}
.portfolio img {width:670px; border:1px solid #ccc; display:block}

.first {border-top:none; padding-top:0}

.last {border-bottom:none; padding-bottom:70px}

.divisao-lateral {border-top:1px solid #ccc; padding-top:6px; margin-top:55px}

.link {font-weight:700; padding:3px 0 30px; color:#f60}
.link a {color:#000}

.alerta {display:none; text-align:right; color:#09f; padding-bottom:6px}


/* ids */

#marca, #slogan, #menu, .mais, .case h3 img, #rodape .limite div {position:absolute; z-index:1}

#topo {height:210px}
#topo .limite {position:relative}

#redes-sociais {float:right; padding:3px 18px 0 0}
#redes-sociais img {float:left; margin-left:3px}

#marca {left:7px; top:55px}

#slogan {left:260px; top:25px}

#menu {right:18px; top:50px; font-size:12px; text-align:right}

#principal {width:951px; padding:50px 26px 0}

#conteudo {width:672px; padding-right:46px; float:left; color:#454545}

#lateral {width:233px; float:left; color:#000; padding-top:8px}

#contato {margin:18px 0 12px}

#form-contato h2 {padding-bottom:13px}
#form-contato input, #form-contato textarea {width:209px; padding:4px; border:1px solid #dedede; background-color:#ebebeb; margin-bottom:8px; font-size:11px; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; outline:none; behavior:url(../pie/PIE.htc)}
#form-contato textarea {overflow:auto; height:80px}
#form-contato p {text-align:right}
#form-contato p input {width:90px; background-color:#ccc; color:#fff; text-transform:uppercase; font-weight:700; font-size:12px; border:none; padding:4px 22px; cursor:pointer}
#form-contato .destaque {border-color:#9bffff; background-color:#f0ffff}

#tweet-container {padding-bottom:10px; color:#333}
#tweet-container * {font:italic 11px georgia, "times new roman", times, serif}
#tweet-container ul {list-style:none}
#tweet-container li {border-bottom:1px dashed #ccc; padding:10px 0}
#tweet-container p {padding-top:5px; color:#818181}
#tweet-container p a {color:#b1b1b1}

#alerta-twitter {color:#666; text-align:center; padding:25px 15px 40px}

#copy {padding-bottom:45px; text-align:center; font-size:10px; color:#999}

#rodape {position:fixed; bottom:0; z-index:888; padding:7px 0}
#rodape dl {padding-left:18px}
#rodape dt {display:inline; padding:0 8px; font-size:10px}
#rodape .limite {position:relative}
#rodape .limite div {top:0; right:26px}
#rodape img {vertical-align:text-bottom}