﻿html, body {margin: 0 0 20px 0; padding: 0; min-width: 944px;}

body {font-family: Verdana, Arial, tahoma; font-size: 12px;}

h1 {text-indent: -9999px; height: 114px; margin: 0 67px; padding: 0;}

h2 {
	font-family: "Century Gothic", Arial, Verdana;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3, h4 {font-size: 12px; font-weight: bold; margin: 0 0 3px 0;}

h3 {text-transform: uppercase;}

img {border: none;}

address {font-style: normal;}

p {margin: 0 0 15px 0;}

div.container {width: 944px; margin: 0 auto 50px auto;}

div.header {height: 21px; padding: 6px 40px 0 40px; font-size: 11px; position: relative;}

.pincel {width: 34px; height: 49px; display: block; position: absolute; top: 0; right: 32px; border: 0; cursor: pointer;}

div.navegacao {font-size: 9px;}

div.header a, div.navegacao a {text-decoration: none;}

div.header a:hover, div.navegacao a:hover {text-decoration: underline;}

div.menu {float: right; margin: 0 35px 0 0;}

.aspas {font-size: 25px; font-weight: bold; font-family: Times New Roman, times, Serif;}

small {line-height: 15px;}

p.grafico, p.graf_equipe {text-align: center; padding: 20px 0;}

/*---- Classes MENU ----*/

a.empresa, a.desenv, a.infra, a.service, a.dynamics, a.contato {
	background-repeat: no-repeat;
	background-position: center center;
}

ul.menu {height: 27px; margin: 0; padding: 0 0 0 73px;}

ul.menu li {float: left; padding: 0; margin: 2px 0 0 0; list-style: none; height: 23px;}

ul.menu li a {display: block; margin: 0 10px; height: 23px; text-indent: -99999px;}

a.empresa{width: 80px;}

a.desenv {width: 155px;}

a.infra {width: 126px;}

a.service {width: 103px;}

a.dynamics {width: 141px;}

a.contato {width: 81px;}

a.empresa:hover {width: 80px;}

a.desenv:hover {width: 155px; background-position: center center;}

a.infra:hover {width: 126px;}

a.service:hover {width: 103px;}

a.dynamics:hover {width: 141px;}

a.contato:hover {width: 81px;}

a.empresa_hover {width: 80px;}

a.desenv_hover {width: 155px;}

a.infra_hover {width: 126px;}

a.service_hover {width: 103px;}

a.dynamics_hover {width: 112px;}

a.contato_hover {width: 81px;}


/*---- FIM classes MENU ----*/

div.banner {width: 890px; height: 279px; margin: 0 auto;}

div.casos_sucesso, div.autorizada, div.certificacao {margin-top: 9px;}

div.canal_cliente h2, div.casos_sucesso h2, div.autorizada h2, div.parceiros h2, div.certificacao h2 {
	font-size: 13px;
}

div.canal_cliente, div.casos_sucesso {height: 110px;}

div.parceiros {height: 231px;}

div.autorizada, div.certificacao {height: 109px;}


div.canal_cliente h2, div.casos_sucesso h2, div.autorizada h2, div.parceiros h2, div.certificacao h2 {
	padding: 7px 0 0 13px;
	height: 24px;
}

/* --- Caixa Novidades da Home --- */

div.novidades {width: 369px; padding: 17px 30px 20px 30px; margin: 22px 12px 0 42px; float: left;}

ul.novidades {margin: 0 0 15px 0; padding: 0; list-style: none;}

ul.novidades li {margin: 0; padding: 15px 0; font-size: 11px;}

ul.novidades li a {text-decoration: none;}

ul.novidades li a:hover {text-decoration: underline;}

a.rss, a.ver_todas {font-weight: bold;}

a.rss {
	float: right;
	display: block;
	padding: 2px 0 4px 30px;
	background: url(../images/logo_rss.jpg) no-repeat left center;
}


/* --- Coluna 02 ----*/

div.h_col02, div.h_col03 {margin: 22px 0 0 0;}

div.h_col02 {float: left; width: 223px; margin-right: 12px;}

div.h_col03 {float: left; width: 182px;}

div.clear {clear: both;}

/*--- Colunas internas ---*/

div.in_col01 {width: 204px; margin: 22px 0 0 43px; float: left;}

div.in_col01 div.canal_cliente {width: 202px; overflow: hidden;}

div.submenu {margin-bottom: 9px; padding: 10px 15px; line-height: 15px;}

ul.submenu {margin: 0; padding: 0; list-style: none; font-size: 9px;}

ul.submenu li {margin: 0; padding: 5px 5px 5px 10px;}

ul.submenu a {text-decoration: none; font-size: 11px;}

ul.submenu a:hover {text-decoration: underline;}

a.hover {font-weight: bold;}

div.conteudo, div.cont_noticias, div.cont_contato {
	width: 580px;
	min-height: 300px;
	padding: 25px 30px 30px 30px;
	margin: 22px 0 0 12px;
	float: left;
	position: relative;
	line-height: 20px;
}


div.cont_noticias, div.cont_contato {width: 640px; padding: 0;}
div.cont_noticias ul.noticias_interno > li, div.cont_contato ul.contato li {padding: 30px; margin: 0 0 20px 0;}

div.conteudo ul li {margin: 0 0 15px 0; font-weight: bold;}

div.conteudo ul li ul {margin: 0; padding: 0 0 0 18px;}

div.conteudo ul li ul li {font-weight: normal; margin: 0;}

div.conteudo h2 {margin: 0 0 15px 0;}

div.conteudo h3 {font-size: 13px; margin: 30px 0 15px 0;}

div.conteudo .logo {padding: 3px; margin: 5px 10px 0 0; float: left;}

p.grafico .logo {float: none;}

div.controles {font-size: 10px; padding: 3px 0 3px 8px;}

div.banner_container {width: 882px; height: 141px; position: relative; margin: 0 auto;}
div.banner_container div {position: absolute;}
div.banner_container h2 {width: 856px; height: 133px; margin: 4px 0 0 0; text-indent: -999999px;}
div.banner_container div.left, div.banner_container div.right {width: 13px; height: 141px;}
div.banner_container div.left {top: 0; left: 0;}
div.banner_container div.right {top: 0; right: 0;}
div.banner_container div.center {top: 0; left: 13px; width:856px; height: 141px;}

/*--- FIM Colunas internas ---*/

/*--- Logos Clientes ---*/

.logo_ibope, .logo_intel, .logo_mill, .logo_media, .logo_senac, .logo_sesi,
.logo_over, .logo_latin, .logo_partner, .logo_sesc, .logo_duarte,
.logo_burson, .logo_abep, .logo_abnote
{padding: 3px;}
    
p.clientes {margin: 0 0 30px 0;}

.logo_intel, .logo_mill {margin: 0 15px;}
.logo_media {margin: 0 15px 0 23px; }

.logo_senac {margin: 0 24px 0 40px;}
.logo_sesi{position: relative; margin: 0 30px 10px 25px;}
.logo_over{margin: 0 0 10px 0;}

.logo_latin {margin: 0 0 20px 8px;}
.logo_partner {margin: 0 61px 0 61px;}
.logo_sesc {margin: 0 0 15px 0;}

.logo_duarte {margin: 0 66px 0 25px;}
.logo_burson {margin: 0 55px 20px 0;}
.logo_abep {margin: 0 0 24px 0;}

.logo_abnote {margin: 0 0 0 5px;}

/*--- FIM Logos CLientes ---*/

.casos { width:280px;
         float:left;}

.casos1 { width:280px;
         float:left;
         margin-left:20px;}

.logo_micro_partner, .logo_oracle {padding: 3px;}

ul.noticias_interno, ul.contato, ul.contato ul, ul.contato li
{
   padding: 0;
   margin: 0;
   list-style: none;
   }
   
ul.contato li {float: left; width: 580px;}

ul.ramais li {padding: 10px !important; float: left; width: 255px; margin: 0 10px 10px 0 !important;}
   
ul.noticias_interno li {font-weight: normal !important;}

ul.noticias_interno h3 {margin: 0 0 15px 0; font-size: 15px;}

div.footer_container {
	min-height: 114px;
	height: 114px;
	width: 100%;
	font-family: arial, verdana, tahoma;
	line-height: 15px;
	}

div.footer {width: 637px; padding: 28px 14px 32px 209px; margin: 0 auto; line-height: 18px;}

div.footer div.telefones {float: right;}

ul.fotos 
{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
ul.fotos li {display: inline;}
    
ul.fotos a {border: none; text-decoration: none;}

ul.fotos img {padding: 3px; margin: 0 5px 5px 0;}

.modal { background-color: Black; filter: alpha(opacity=40); opacity: 0.85; }

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}

.fotocontainer 
{
    position: relative;
}

.btFechar
{
    position: absolute;
    top: 0;
    right: 0;
}
