/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}

/* Black IT */
html, body {background:url(bg-body.png) repeat-y top center;}
body {background:url(bg-header.png) repeat-x top center; font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:11px; color:#5E5E5E;}

/***** Miscellaneous *****/
hr, .none {display:none;}
h1, #idiomas li a, #sidebar h3, .goblin-studio, #noticias li a {text-indent:-9999px;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

input, select, textarea {font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size:11px; color:#5E5E5E; padding:1px; margin:4px 0;}
select {width:176px;}

a.botao {background:url(bg-botao.png) no-repeat top left; float:left; height:19px; padding:4px 20px 0 10px; color:#FFF; font-weight:bold; position:relative; margin-top:6px;}
a.botao span {background:url(bg-botao.png) no-repeat top right; position:absolute; top:0; right:0; width:15px; height:23px; cursor:pointer;}
a:hover.botao, a:focus.botao {color:#FFF;}

#header, #wrapper, #footer {width:966px; margin:0 auto; position:relative; clear:both;}
h4.nav {margin:4px 12px; color:#5B5B5B; font-weight:normal; font-size:14px; margin-left:60px !important;}
.nav {background:url(bullet.png) no-repeat center left; padding-left:12px;}
.bt-voltar {position:absolute; top:7px; left:10px;}

/***** Formulários *****/
#telefone01-label {margin-top:-39px; margin-left:360px;}
#telefone01-element {margin-left:360px;}
#telefone02-label {margin-top:-39px; margin-left:540px;}
#telefone02-element {margin-left:540px;}
#curriculo-label {margin-top:-39px; margin-left:360px;}
#curriculo {margin-left:360px;}
#email-label {margin-top:8px;}
#empresa-label {margin-top:-39px; margin-left:360px;}
#empresa {margin-left:360px;}
#mensagem {height:100px; width:700px;}
input#enviar {font-size:12px; font-weight:bold; color:#FFF; background:url(bg-botao.png) no-repeat top left; margin-top:-10px;}
input#nome, input#email, input#empresa, input#assunto {width:340px;}
input#telefone01, input#telefone02 {width:160px}
.required {font-size:11px;}
.errors {position:absolute; top:12px; right:30px; color:#F00; font-weight:bold;}

/***** Links *****/
a {color:#4C4D4D; text-decoration:none;}
a:hover, a:focus {color:#4C4D4D; text-decoration:underline;}

/***** Header *****/
#header {padding-top:25px; z-index: 10;}
h1 {background:url(black-it-logo.png) no-repeat; width:241px; height:70px; float:left; margin-right:20px;}

#institucional li {float:left;}
#institucional li a {background:url(header-button.png) no-repeat left; padding:0 10px 1px 15px; float:left;}

.cotacao, .hora {float:left; height:18px; padding-top:4px; position:relative; top:-4px}
.cotacao {background:url(header-cotacao.png) no-repeat left top; padding:4px 25px 0 20px; margin-left:60px;}
.hora {background:url(header-hora.png) no-repeat left top; padding-left:28px; float: right; right: 72px;}

/*.hora {background:url(header-hora.png) no-repeat left top; padding-left:28px; position:absolute; top:21px; right:69px;}*/

#idiomas {position:absolute; top:25px; right:0;}
#idiomas li {float:left;}
#idiomas li a {background:url(header-flags.png) no-repeat; width:16px; height:11px; float:left; margin:0 2px;}

#idiomas li.pt a {background-position:left bottom;}
#idiomas li.en a {background-position:right bottom;}
#idiomas li.pt a:hover, #idiomas li.pt a:focus {background-position:left top;}
#idiomas li.en a:hover, #idiomas li.en a:focus {background-position:right top;}
#idiomas li.active-pt a {background-position:left top; cursor:Default;}
#idiomas li.active-en a {background-position:right top; cursor:Default;}

/***** Menu *****/
#menu {float:left; margin-top:10px;}
#menu li {float:left; position:relative;}
#menu li a {background:url(menu.png) no-repeat top; height:20px; float:left; padding:7px 17px 0;}
#menu li a:hover, #menu li a:focus {background:url(menu.png) no-repeat bottom; color:#FFF; text-decoration:none;}

#menu li.start a {background-position:-2px 0;}
#menu li.start a:hover, #menu li.start a:focus {background-position:-2px bottom;}
#menu li.end a {background-position:right top;}
#menu li.end a:hover, #menu li.end a:focus {background-position:right bottom;}

#menu li span {background:url(menu.png) no-repeat top left; width:2px; height:27px; position:absolute; top:0; right:0;}
#menu li a em {background:url(menu-arrow.png) no-repeat top left; width:5px; height:3px; position:absolute; top:12px; right:13px;}
#menu li a:hover em, #menu li a:focus em {background-position:bottom left;}
#menu li.sub-menu a {padding-right:28px;}
#menu li ul {display:none; position:absolute; top:27px; left:0; width:140px; z-index:100;}
#menu li ul li a {background:#FAFAFA; border:1px solid #DFDFDF; border-left:3px solid #DFDFDF; width:140px; height:auto; padding:5px 10px; margin-top:-1px;}
#menu li ul li a span {background:url(arrow.png) no-repeat top right; width:3px; height:5px; position:absolute; top:8px; right:6px;}
#menu li ul li a:hover, #menu li ul li a:focus {background:#FAFAFA; color:#4C4D4D; text-decoration:underline;}
#menu li:hover ul, #menu li.over ul {display:block;}

/***** Content *****/
#wrapper {margin-top:20px; z-index:9;}
#content {width:757px;}
.destaque {margin:0 0 5px; position:relative; top:-5px;}
.destaque-secundario {background:url(bg-destaques.png) no-repeat; width:735px; height:177px; margin:-3px 0 -3px -1px; padding:10px 0 0 15px; position:relative;}
.destaque-secundario img {margin-top:10px;}

.right, .left {position:absolute; top:72px;}
.right {right:3px;}
.left {left:3px;}

/***** Content - Wrapper *****/
/*.content-out {margin:7px 0 10px 0;}*/
.content-out {background:#FFF; padding:4px; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; position:relative; margin:5px 0 12px;}
.content-out-home {margin:7px 0 10px 0;}
.content-out .top, .content-out .bottom {background:url(bg-content-out.png) no-repeat; width:757px; height:5px; position:absolute; left:-1px;}
.content-out .top {background-position:top; top:-5px;}
.content-out .bottom {background-position:bottom; bottom:-5px;}

.content-in {background:#F8F8F8; min-height:369px; padding:12px; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; position:relative;}
.content-in .top, .content-in .bottom {background:url(bg-content-in.png) no-repeat; width:747px; height:3px; position:absolute; left:-1px;}
.content-in .top {background-position:top; top:-3px;}
.content-in .bottom {background-position:bottom; bottom:-3px;}

.drop-bt {margin:10px 0 0 !important;}
.drop {font-size:11px !important; margin-bottom:10px; padding:2px 12px !important; min-height:0 !important;}
.drop select {width:80px; margin-right:15px;}
.drop p {position:absolute; top:-1px; left:370px;}

/***** Content - Infos *****/
.info {font-size:12px;}
.info p {padding-bottom:10px; line-height:14px;}
.info img.topo {margin-bottom:5px;}

h5 {background:#F1F1F1 url(bg-item.png) repeat-x bottom; margin:10px 0; padding:4px 0 6px 18px; position:relative;}
h5 span {background:url(item.png) no-repeat top left; width:13px; height:19px; position:absolute; top:0; left:0;}

.contato-bullet {margin-top:10px; position:relative;}
.contato-bullet p {position:absolute; top:15px; left:80px;}
.contato {min-height:424px !important;}

.noticias-listagem {min-height:381px !important;}
.noticias {font-size:11px; min-height:344px;}
.noticias img {margin:0 10px 10px 0;}

#noticias {height:23px;}
#noticias li {float:left; padding:0 15px; position:relative;}
#noticias li a, #noticias li span {background:url(noticias.png) no-repeat; float:left; height:23px;}
#noticias li span {background-position:0 0; width:1px; position:absolute; top:0; right:0;}
#noticias li.imprimir a {background-position:-1px 0; width:66px;}
#noticias li.enviar a {background-position:-67px 0; width:116px;}
#noticias li.todas a {background-position:-183px 0; width:137px;}

/***** Formulários *****/
table {font-size:11px;}
table input {margin-right:10px;}
table input.big {width:340px;}
table input.mid {width:160px;}
table textarea {width:710px; height:120px;}

/***** Sidebar *****/
#sidebar {width:195px; position:absolute; top:-5px; right:0;}
.box {background:url(bg-sidebar.png) no-repeat left bottom; width:175px; padding:8px 10px; margin-bottom:9px; position:relative; float:left;}
.community {margin-bottom: 5px;}

.b-busca {height:58px;}
.b-solucoes {height:88px;}
.b-extranet {height:118px;}
.b-comunity {height:38px;}

#sidebar h3 {background:url(sidebar.png) no-repeat; width:195px; height:31px; clear:both;}
#sidebar h3.busca {background-position:0 0;}
#sidebar h3.solucoes {background-position:0 -31px;}
#sidebar h3.extranet {background-position:0 -62px;}
#sidebar h3.comunity {background-position:0 -93px;}
.en h3.busca {background-position:-195px 0 !important;}
.en h3.solucoes {background-position:-195px -31px !important;}

.busca {background:url(sidebar-lupa.png) no-repeat center right;}
.busca input {width:145px;}
.login {background:url(sidebar-cadeado.png) no-repeat center right;}
.cadastro {position:relative; top:2px; left:6px;}
.cadastro p {padding:2px;}
.cadastro a {background:url(arrow.png) no-repeat center left; padding-left:7px;}

.goblin-studio {background:url(goblin.png) no-repeat; width:20px; height:20px; float:right; margin-bottom:20px;}

/***** Footer *****/
#footer, #footer a {color:#FFF; font-size:10px; padding-left:3px; margin-bottom:20px;}