body { width:100%; margin:auto; font-size:13px; font-family:Arial, Verdana, sans-serif; color:#000; background:url(../images/bg.jpg) repeat-x; }
body,h1,h2,h3,h4,h5,form,p,.nospace{ margin:0px; padding:0px; }

/*CLASSES GERAIS*/
img  { border:0px; }
.campo { padding:3px; border:1px solid #d7d7d7; font-family:tahoma,arial,verdana; font-size:12px; background-image:url(../images/bg_campo.jpg); background-repeat:repeat-x; background-position:top; }
.text_campo { width:80%;  height:105px; border:1px solid #d7d7d7; background-image:url(../images/bg_campo.jpg); background-repeat:repeat-x; background-position:top; }
.text_campo:hover, .text_campo:focus, .campo:hover, .campo:focus { border:1px solid #000 }
.select { background-color:#efefef; padding:3px; border:1px solid #d7d7d7; font-family:tahoma,arial,verdana; font-size:12px; }
.bigfield { width:600px; font-size:15px; }
.botao { font-size:14px; cursor:pointer; font-family: tahoma,arial,verdana; border:1px solid #000; }
.botao2 { font-size:14px; cursor:pointer; font-family: tahoma,arial,verdana; border:1px solid #ccc; background-color:#efefef }
.botao2:hover { border:1px solid #000; }
hr { border:0; border-bottom:1px solid #ccc; height:0px; }
a { text-decoration:none; color:#000 }
a:hover { text-decoration:underline; color:#730101; }
a.opaco { filter:alpha(opacity=100); opacity:1; }
a:hover.opaco { filter:alpha(opacity=80); opacity:0.8; }

.white_content { display: none; position: fixed; top: 20%; left: 25%; width: 50%;  height: 60%; padding: 16px; border: 16px solid #666; background-color:#fff; z-index:1002; overflow:auto; color:#000; }
.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }

.borda_redonda { -moz-border-radius:5px;-webkit-border-radius:5px; }

.corpo { width:972px; margin:auto; }

#cabecalho { width:972px; height:115px; float:left; overflow:hidden; margin: auto; }
#cabecalho h1 { width:289px; height:115px; float:left; }
#cabecalho h1 a { width:262px; height:115px; float:left; background:url(../images/logo.jpg) no-repeat; text-indent: -8000px; }
#cabecalho h1 a span { display:none; }
#cabecalho .menu_top { width:540px; float: left; margin:40px 0 0 0; }
#cabecalho .menu_top ul { float:left; margin: 0; padding: 0; }
#cabecalho .menu_top li { margin: 0; padding: 0; list-style:none; display:inline; }
#cabecalho .menu_top a { padding:5px 15px 5px 15px; float:left; font-size: 18px; color: #fff; margin-right:2px; border:1px solid transparent; -moz-border-radius:5px;-webkit-border-radius:5px; }
#cabecalho .menu_top a:hover { background-color:#ccc; border:1px solid #fff; color: #000; text-decoration: none; filter:alpha(opacity=50); opacity:0.5; }
#cabecalho .menu_top a.choose { text-decoration: underline; }
#centro { width:972px; float: left; }
#centro h2 { margin-bottom: 20px; }


/*home--------------------------------------*/
#centro .home { width: 100%; float: left; }
#centro .home .hleft { width:520px; float: left; margin-top: 20px; font-size: 18px; }
#centro .home .hleft p { text-align: justify; margin-bottom: 20px; color:#464646; }
#centro .home .hleft p strong { color: #000; }
#centro .home .hright { width: 420px; float: left; margin-left:20px; }
#centro .home .hright #lastjobs { width:330px; height:297px; float: left; padding:65px 0 0 54px; margin-left:50px; background-image: url(../images/home_last_jobs.jpg); background-repeat: no-repeat; }
#centro .home .hright #lastjobs .monitor { width:265px; height:260px; float: left; padding: 15px 0 0 15px; background-image: url(../images/iMac.png); background-repeat: no-repeat; }

#centro .tipo_sites { width: 972px; height: 125px; float: left; margin: 40px 0; background-image: url(../images/bg_sites.png); background-repeat: no-repeat; }
#centro .tipo_sites .itemsite { width:200px; float:left; padding:20px 15px; }
#centro .tipo_sites .itemsite a img { float: left; margin-right: 10px; }
#centro .tipo_sites .itemsite a span { float: left; margin-top: 5px; font-size:18px; }
#centro .tipo_sites .itemsite p { width: 100%; float: left; text-align: justify; font-size: 12px; color: #666; margin-top: 5px; }
#centro .tipo_sites .it2 { width: 217px; }

#centro .servicos { width:650px; float: left; }
#centro .servicos a.servico { width:630px; float:left; margin-bottom:40px; background-color: #fff; -moz-border-radius:10px;-webkit-border-radius:10px; display:block; padding: 10px; }
#centro .servicos a.servico:hover { background-color: #f0f0f0; text-decoration: none; background-image: url(../images/bt_vejamais.png); background-repeat: no-repeat; background-position:96% 94%; }
#centro .servicos a.servico .img { width: 128px; float: left; margin:5px 15px 0 0; }
#centro .servicos a.servico p { font-size: 18px; color: #333; margin-top: 5px; }
#centro .servicos a.it2 { width: 217px; }

#centro .bg_round { background-color: #f0f0f0; -moz-border-radius:10px;-webkit-border-radius:10px; display:block; padding: 10px; }
#centro .bg_round_interno { background-color: #f0f0f0; -moz-border-radius:10px;-webkit-border-radius:10px; display:block; padding: 20px; }
#centro .name { color: #730101; }

#centro .lista { padding-right: 10px; }
#centro .lista .less { width: 60%; }
#centro .lista .item_box { width:650px; float:left; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #efefef; }
#centro .lista .item_box img { width:133px; height:100px; float:left; margin-right:10px; border:3px solid #efefef; }
#centro .lista .item_box img.foto { width: 85px; height: 90px; }
#centro .lista .item_box h3 { font-size:14px; font-weight:bold; }
#centro .lista .item_box a { color:#000; }
#centro .lista .item_box a:hover { color:#000; text-decoration:underline; }
#centro .lista .item_box span { font-size:10px; color:#333; }
#centro .lista .item_box span a{ color:#333; font-weight:normal; }
#centro .lista .item_box p { font-size:12px; line-height:18px; margin:0px; color:#666; }

.bt { border-top:1px solid #ccc; }
.br { border-right:1px solid #ccc; }
.bb { border-bottom:1px solid #ccc; }
.bl { border-left:1px solid #ccc; }
.bg { background-color:#ddd;  }

/*INTERNAS*/
#centro .texto { width: 100%; float: left; }
#centro .texto h2 { font-size: 30px; font-weight: normal; color:#730101; line-height: normal; }
#centro .texto h2 a { color:#730101; }
#centro .texto h4 { font-size: 20px; font-weight: normal; }
#centro .texto .text { width:650px; float: left; padding-right:30px; font-size: 15px; line-height: 20px; text-align: justify; }
#centro .texto .text h3 { font-size:22px; font-weight: normal; color: #730101; }
#centro .texto .text p { margin:5px 0 15px 0;}
#centro .texto .text .data { font-size: 12px; color: #666; margin: 10px 0; }
#centro .texto .right { width:270px; float: left; margin-bottom: 15px; }
#centro .texto .right ul { margin: 0; padding: 0; }
#centro .texto .right ul li { margin: 0; padding: 0; list-style: none; }
#centro .texto .right ul li a { width: 260px; float: left; padding: 5px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; }
#centro .texto .right ul li a:hover { color: #fff; text-decoration: none; background-image: url(../images/bg_menu_over.png); background-repeat: repeat-x; background-color:#717171; }
#centro .texto .right ul li a.choose{ color: #fff; text-decoration: none; background-image: url(../images/bg_menu.png); background-repeat: repeat-x; background-color: #a4292c; }
#centro .texto .right hr { border-top:1px solid #dedede; border-bottom:1px solid #fff; }
#centro .texto .right span {  color:#730101; }

#centro .texto .descricao { width:650px; float:left; color:#777; margin-bottom:20px; font-size: 13px; line-height: normal; }
#centro .texto .tit_port { font-size: 20px; font-weight: normal; background-color: #730101; -moz-border-radius:5px;-webkit-border-radius:5px; display:block; padding: 10px; }
#centro .texto .tit_port a { color: white; }
#centro .texto .portfolio { border:5px solid #ccc; -moz-border-radius:5px;-webkit-border-radius:5px; }
#centro .texto .foto_texto { float:right; text-align:center; padding:1px; margin-left:10px; line-height:normal; font-size:10px; background-color:#e5e5e5; }
#centro .texto .foto_texto img { border:1px solid #fff; }
#centro .texto .foto_texto span{ float:left; text-align:left; padding:0 5px; }



/*PAGINACAO*/
.pagination                 { width: 100%; float: left; font-size:16px; font-weight: bold; text-align:center; margin:10px 0px; padding:5px 0px; }
.pagination a.page          { padding:5px; margin-right:3px; text-align:center; color:#000; font-weight:bold; text-decoration: underline; }
.pagination a:hover.page    { text-decoration:none; color:#000; background-color:#CCC; }
.pagination .page_is        { padding:5px; margin-right:3px; text-align:center; color:#666; font-weight:bold; }
.pagination .page_cont      { padding:5px; margin-right:3px; text-align:center; color:#666; font-weight:bold; }
.pagination a:hover.page_is { padding:5px; margin-right:3px; background-color:#CCC; text-decoration:none; text-align:center; color:#666; font-weight:bold; }

/*COMMENT*/
.comment_item         { width:650px; float:left; margin:2px 0; margin:5px 0px; background-position: 25px 41px; background-image: url(../images/bg_comment.gif); background-repeat: no-repeat; }
.comment_item .foto_c { width:50px; float: left; margin-right:10px; overflow: hidden; }
.comment_item .foto_c img{ width:50px; }
.comment_item .nome   { width:570px; float:left; padding:5px 10px; overflow: hidden; background-color: #efefef; font-weight:normal; font-size:13px; color:#2e6996; border-bottom:1px solid #ccc; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
.comment_item .no_atr { float:left; font-size:13px; color:#095892; }
.comment_item .nome a { color:#2e6996; }
.comment_item .data   { width:200px; float:right; font-weight:normal; font-size:10px; color:#999; }
.comment_item .dt_atr { display:inline }
.comment_item .com    { width:560px; float:right; padding:10px 15px; color:#444; font-size:12px; background-color: #efefef; line-height:18px;-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; }
.comment_item .com code { width:480px; overflow-y:hidden ; overflow-x:scroll; background-color: #fff; }
.corsim { }
.cornao { }

/*RODAPE*/
#rodape { width:100%; float:left; font-size:14px; margin-top: 20px; padding-top:20px; background:url(../images/bg_footer.jpg) repeat-x; }
#rodape p { color:#fff; }
#rodape a { color:#fff; }
#rodape a:hover { color:#fff; text-decoration:underline; }
#rodape ul { width:300px; float:right; }
#rodape ul li { text-align:right; list-style:none; padding:2px 0px; }
#rodape .descricao { color:#747474; line-height: 24px; margin-top: 20px; float: left; }
#rodape .item { color:#999; font-size:11px;  }