body { 
	font:12px Arial, Helvetica, sans-serif;
	color: #666;
	background: #fbfbfb url("http://media.halts.com.br/site/images/bg_site.png") repeat-x; 
	min-height: 800px;
}
.clear { clear: both; }
.justificado { text-align: justify; }
.sublinhado { text-decoration: underline; }
.paragrafo { margin-left: 15px; }
a { text-decoration:none; color: #666; }
.link { text-decoration: none; }
.link:hover { text-decoration: underline }
#hp { width: 800px; margin: 0 auto; }
#logo { background: url("http://media.halts.com.br/site/images/logo.png") center no-repeat; width: 195px; height: 85px; float: left; margin-top: -20px; margin-bottom: 20px;}
#menu{ float:right; height: 70px; }
#menu ul,li{ list-style:none; }
#menu li{ padding:10px 5px; height:53px; float:left; width:80px; background-color:#eaeae7; border-right:1px solid #eaeae7; overflow:hidden; display:block; }
#menu li a{ width: 48px; height: 53px; float:left; vertical-align:top; position:absolute; background: url("http://media.halts.com.br/site/images/bg_menu.png"); }
#menu li a.link-menu { background: transparent; color: #666; width: 130px; }
#menu li a.link-menu:hover { text-decoration: underline; }
#menu li a.menu-empresa { background-position: 0 0; }
#menu li a.menu-portfolio { background-position: 48px 0; }
#menu li a.menu-clientes { background-position: 92px 0; }
#menu li a.menu-contato { background-position: 144px 0; }
#menu li a.menu-bola-cinza { background-position: 0 53px; }
.no-style { background: transparent !important; width: 95px !important; }
#menu li p{ margin-left:0;  margin-top:0; padding-left:55px; padding-top: 15px; font-size: 14px; font-weight: 700; width:95px; text-align:left;  color:#666; display:none; }
#conteudo { clear: both; }
#conteudo-about { border-top: 2px solid #629fc4; padding: 10px 0; margin-top: 20px; color: #666; }
#conteudo-portfolio { border-top: 2px solid #98cb52; padding: 10px 0; margin-top: 20px; overflow: none; }
#conteudo-clientes { border-top: 2px solid #faa819; padding: 10px 0; margin-top: 20px; }
#conteudo-clientes h1 { color: #faa819; font-size: 25px; margin: 10px 0; }
#conteudo-clientes li { float: left; margin: 0 9px 0 0; }
#conteudo-clientes li.ultimo { float: left; margin: 0 0 0 0; }
#conteudo-contato { border-top: 2px solid #e61e29; padding: 10px 0; margin-top: 20px; }
#conteudo-about h1 { color: #629fc4; font-size: 25px; margin: 10px 0; }
#conteudo-portfolio h1 { color: #98cb52; font-size: 25px; margin: 10px 0; }
#conteudo-portfolio li { float: left; margin: 0 9px 0 0; }
#conteudo-portfolio li.ultimo { float: left; margin: 0 0 0 0; }
#conteudo-portfolio li p{ color: #666; font-weight: 700; margin: 5px 0; }
#conteudo-contato h1 { color: #e61e29; font-size: 25px; margin: 10px 0; }
.lado-a { float: left; width: 390px; }
.lado-b { float: left; width: 390px; margin-left: 15px;}
.lado-ab p{ margin: 8px 0; }
.ver-mais { vertical-align: top; height:15px; }
.ver-mais-completo { vertical-align: top; height:15px; float: right; }
.bola-azul { background: url("http://media.halts.com.br/site/images/bolinhas.png") 0 0; height: 11px; width: 12px; float: left; margin-right: 5px; }
.bola-verde { background: url("http://media.halts.com.br/site/images/bolinhas.png") -18px 0; height: 11px; width: 12px; float: left; margin-right: 5px; }
.bola-vermelha { background: url("http://media.halts.com.br/site/images/bolinhas.png") 12px 0; height: 11px; width: 12px; float: left; margin-right: 5px; }
.bola-laranja { background: url("http://media.halts.com.br/site/images/bolinhas.png") 30px 0; height: 11px; width: 12px; float: left; margin-right: 5px; }
.ver-mais-texto { float: left; height: 11px; margin-top: -3px; color: #666;}
.ver-mais-texto a { font-weight: 700; }
.ver-mais-texto a:hover { text-decoration: underline; }
.imagem-portfolio { border: 3px solid #98cb52; display: block; }
.imagem-portfolio:hover { border: 3px solid #4b7413; }
.imagem-cliente { background: #ccc; width: 187px; height: 126px; border: 3px solid #faa819; display: block; }
#conteudo-contato input { margin-top: 5px; margin-bottom: 5px; }
#id_nome, #id_telefone { background: #F5F5F4; width: 175px; border: 1px solid #ccc; padding: 5px }
#id_telefone { margin-left: 13px; }
#id_e-mail, #id_mensagem { background: #F5F5F4; width: 378px; border: 1px solid #ccc; padding: 5px; }
.btn-submit { background: #F4F4F2; border: 0; color: #666; float: right; }
.portfolios img { float: left; }
.trabalhos-lista { border-bottom: 1px solid #98cb52; height:87px; float: left; width: 620px; padding-top: 25px; }
.trabalhos-lista li { border: 2px solid #98cb52; float: left; margin-left: 10px; width: 90px; height: 72px; }
.trabalhos-lista li:hover { border: 2px solid #4b7413; float: left; margin-left: 10px; width: 90px; height: 72px; }
.form-contato { width: 400px; float: left; }
.form-contato p { margin: 10px 0; }
.form-contato label { display: block; font-weight: 700; margin: 3px 0 0 0; float: left; margin-right: 10px; width: 100px; text-align: right; }
input, textarea { border: 1px solid #ccc; }
textarea { overflow: auto; }
ul.errorlist li{ margin-left: 20px; font-weight: 700 !important; color: red !important; display: inline !important; }
.form-btn { width: 450px; text-align: right; }
.btn { background: #E61E29 ; color: black; padding: 5px; } 
.btn:hover { background: #9F0000; color: black } 
.link-imgs { color: #4b7413; font-weight: 700; }
.link-imgs:hover { text-decoration: underline; }
#midias-sociais { width: 115px; height: 32px; margin-top: 10px; }
.midias-sociais-contato { width: 115px; height: 32px; margin-top: 10px; float: right; }
.orkut, .facebook, .twitter { display: block; width: 32px; height: 32px; float: left; margin-right: 5px; }
.orkut { background: url("http://media.halts.com.br/site/images/orkut-32x32.png") center no-repeat; }
.twitter { background: url("http://media.halts.com.br/site/images/twitter-32x32.png") center no-repeat; }
.facebook { background: url("http://media.halts.com.br/site/images/facebook-32x32.png") center no-repeat; }

@font-face {
    font-family: 'Sabon LT Std';
    src: url('SabonLTStd-Roman.eot');
    src: local('Sabon LT Std Roman'), local('SabonLTStd-Roman'), url('../fonts/SabonLTStd-Roman.otf') format('opentype');
}

@font-face {
    font-family: 'Sabon LT Std';
    font-weight: bold;
    src: url('SabonLTStd-Bold.eot');
    src: local('Sabon LT Std Bold'), local('SabonLTStd-Bold'), url('../fonts/SabonLTStd-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Sabon LT Std';
    font-style: italic;
    src: url('SabonLTStd-Italic.eot');
    src: local('Sabon LT Std Italic'), local('SabonLTStd-Italic'), url('../fonts/SabonLTStd-Italic.otf') format('opentype');
}

@font-face {
    font-family: 'Sabon LT Std';
    font-style: italic;
    font-weight: bold;
    src: url('SabonLTStd-BoldItalic.eot');
    src: local('Sabon LT Std Bold Italic'), local('SabonLTStd-BoldItalic'), url('../fonts/SabonLTStd-BoldItalic.otf') format('opentype');
}