/* CSS Document */

img {border:none;}

body {
padding:0px;
margin:0px;
}

/********************************************************************************************************************************
		TOPO
****************************************************************/

.topo {
width:100%;
height:135px;
background:url(../img/bg_topo.png) repeat-x top;
}

.topocentro {
width:980px;
height:135px;
margin:0 auto;
padding:0px;
background:url(../img/bg_topocentro.jpg) no-repeat top right;
}

.data {
width:980px;
height:15px;
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#448aa6;
text-align:right;
padding:13px 0px 0px 0px;
margin:0px;
}

.logo {
width:980px;
height:51px;
padding:0px 0px 0px 0px;
margin:0px;
background:url(../img/logo.png) 58px 9px no-repeat;
}

.logo a {
width:255px;
height:40px;
margin:0px 0px 0px 58px;
padding:9px 0px 0px 0px;
display:block;
}

.menu {
width:980px;
height:56px;
padding:31px 0px 0px 0px;
background:url(../img/menu.png) 58px 31px no-repeat;
}

.menu ul {padding:0px; margin:0px 0px 0px 58px; width:760px; height:25px;}

.menu ul li {padding:0px; margin:0px; list-style:none; display:inline;}

/* Blocos do Menu */
.menu ul li a.menu_lan {width:87px; height:25px; display:block; float:left; margin-right:10px;}
.menu ul li a.menu_produtos {width:153px; height:25px; display:block; float:left; margin-right:15px;}
.menu ul li a.menu_noticias {width: 73px; height:25px; display:block; float:left; margin-right:10px;}
.menu ul li a.menu_contato {width:73px; height:25px; display:block; float:left; margin-right:10px;}
.menu ul li a.menu_extranet {width:88px; height:25px; display:block; float:left; margin-right:10px;}
/* FIM Blocos do Menu */

/********************************************************************************************************************************
		MEIO
****************************************************************/

.meio {
width:100%;
background:#fff;
}

.centro {
width:980px;
margin:0 auto;
padding:0px;
display:table;
background:url(../img/bg_centro.png) no-repeat center top;
}

.banner {
width:839px;
height:181px;
margin:32px 0px 0px 58px;
padding:0px;
}

.banner .bn_principal {
width:541px;
height:181px;
margin:0px 17px 0px 0px;
padding:0px;
float:left;
}

.banner .bn_secundario {
width:281px;
height:181px;
margin:0px;
padding:0px;
background:url(../img/bg_bnsecundario.png) 0px 88px no-repeat;
float:left;
}

.fotobn {width:123px;height:80px; float:left;}

/* Banner 2 */
.bn_sec_dois {
width:281px;
height:80px;
margin:0px 0px 21px 0px;
padding:0px;
background:url(../img/bg_bndoisetres.png) right no-repeat;
float:left;
}

.bn_sec_dois h2 {
width:139px;
height:18px;
margin:0px;
padding:13px 0px 0px 19px;
float:left;
font:12px tahoma, Arial, Helvetica, sans-serif;
color:#1d5374;
font-weight:bold;
background:url(../img/seta.png) 9px 17px no-repeat;
display:table;
}

.bn_sec_dois p {
width:139px;
height:54px;
margin:0px;
padding:2px 0px 0px 19px;
float:left;
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#4d4d4d;
display:table;
}

/* Banner 3 */
.bn_sec_tres {
width:281px;
height:80px;
margin:0px;
padding:0px;
background:url(../img/bg_bndoisetres.png) right no-repeat;
float:left;
}

.bn_sec_tres h2 {
width:139px;
height:18px;
margin:0px;
padding:13px 0px 0px 19px;
float:left;
font:12px tahoma, Arial, Helvetica, sans-serif;
color:#1d5374;
font-weight:bold;
background:url(../img/seta.png) 9px 17px no-repeat;
display:table;
}

.bn_sec_tres p {
width:139px;
height:54px;
margin:0px;
padding:2px 0px 0px 19px;
float:left;
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#4d4d4d;
display:table;
}

/********************************************************************************************************************************
	HOME
****************************************************************/

.home {
width:100%;
background:url(../img/bg_meio.png) repeat-x bottom #f8f9fa;
margin:24px 0px 0px 0px;
padding:0px 0px 30px 0px;
}

.conteudo {
width:980px;
margin:0 auto;
padding:0px;
display:table;
}

.cont_home {
width:839px;
margin:0px 0px 0px 58px;
padding:0px;
display:table;
background:url(../img/bg_artigo.png) 205px 0px no-repeat;
}

.esquerda {
width:215px;
height:400px;
display:table;
float:left;
margin:20px 0px 0px 0px;
}


/********************************************************************************************************************************
		MENU HOME
****************************************************************/

.menu_home {width:215px;}

.menu_home ul {padding:0px; margin:0px;}

.menu_home ul li {padding:0px; margin:0px; list-style:none;}

.menu_home ul li a.menu_home_atuamos {width:214px; height:30px; background:url(../img/menu_atuamos.png) no-repeat; display:block;}
.menu_home ul li a.menu_home_atuamos:hover {background:url(../img/menu_atuamos_2.png) no-repeat;}

.menu_home ul li a.menu_home_produtos {width:214px; height:30px; background:url(../img/menu_produtos.png) no-repeat; display:block;}
.menu_home ul li a.menu_home_produtos:hover {background:url(../img/menu_produtos_2.png) no-repeat;}

.menu_home ul li a.menu_home_solucoes {width:214px; height:30px; background:url(../img/menu_solucoes.png) no-repeat; display:block;}
.menu_home ul li a.menu_home_solucoes:hover {background:url(../img/menu_solucoes_2.png) no-repeat;}

.menu_home ul li a.menu_home_consultoria {width:214px; height:30px; background:url(../img/menu_consultoria.png) no-repeat; display:block;}
.menu_home ul li a.menu_home_consultoria:hover {background:url(../img/menu_consultoria_2.png) no-repeat;}

.menu_home ul li a.menu_home_integracao {width:214px; height:30px; background:url(../img/menu_integracao.png) no-repeat; display:block;}
.menu_home ul li a.menu_home_integracao:hover {background:url(../img/menu_integracao_2.png) no-repeat;}


/***************
	post blog
***************/

.postblog {
width:213;
height:119px;
background:url(../img/bg_postblog.png) no-repeat;
margin:20px 0px 0px 0px;
}

.img_blog {
width:93px;
height:95px;
float:left;
padding:0px;
margin:10px 0px 0px 12px;
}

.postblog h2 {
width:89px;
height:18px;
margin:0px;
padding:13px 0px 0px 19px;
font:12px tahoma, Arial, Helvetica, sans-serif;
color:#1d5374;
font-weight:bold;
background:url(../img/seta.png) 9px 17px no-repeat;
display:table;
}

.postblog p {
width:95px;
margin:0px;
padding:2px 0px 0px 10px;
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#4d4d4d;
display:table;
}

.postblog a {
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#194865;
padding:5px 0px 0px 10px;
margin:0px;
text-decoration:none;
}

.postblog a:hover {text-decoration:underline;}



/********************************************************************************************************************************
		PARCEIROS
****************************************************************/

.parceiros {
width:980px;
margin:0 auto;
padding:0px;
background:url(../img/bg_parceiros.png) center top no-repeat;
}

.imgparceiros {
width:980px;
height:103px;
margin:0px;
padding:0px;
background:url(../img/img_parceiros.png) center top no-repeat;
}

/********************************************************************************************************************************
		RODAPÉ
****************************************************************/

.rodape {
width:100%;
height:69px;
background:url(../img/bg_rodape.png) repeat-x top;
padding:0px;
margin:0px 0px 21px 0px;
}

.cont_rodape {
width:980px;
height:69px;
margin:0 auto;
padding:0px;
/*background:url(../img/bg_rodape2.png) repeat-x top center;*/
}

.imgrodape {
width:922px;
height:25px;
padding:0px 0px 0px 58px;
margin:0px;
float:left;
}

.cont_rodape ul {
width:450px;
padding:0px 0px 0px 58px;
margin:13px 0px 0px 0px;
float:left;
}

.cont_rodape ul li {padding:0px; margin:0px; list-style:none; display:inline;}

.cont_rodape ul li a {
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#fff;
margin:0px 3px 0px 0px;
padding:0px;
text-decoration:none;
}

.cont_rodape ul li a:hover {text-decoration:underline;}

.cont_rodape h4 {
font:10px tahoma, Arial, Helvetica, sans-serif;
color:#48728a;
margin:17px 0px 0px 130px;
padding:0px;
text-decoration:none;
float:left;
}
















