/*1 corpo principal, instruções para layout geral do site */
BODY {
overflow-y:auto;
overflow-x:auto;
margin:0px;
text-align:center;
padding:0;
border:0px none;

SCROLLBAR-FACE-COLOR: #EFEFEF;
SCROLLBAR-HIGHLIGHT-COLOR: #f6faf9; 
SCROLLBAR-SHADOW-COLOR: #f5f5f5;
SCROLLBAR-3DLIGHT-COLOR: #dedede;
SCROLLBAR-ARROW-COLOR: black; 
SCROLLBAR-DARKSHADOW-COLOR: #d8d8d8; 
SCROLLBAR-BASE-COLOR: #dedede;

background-image:url("img/fundo.jpg");
background-repeat:repeat-x;


color:#333333;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
/*1 *********************************************************/


/*1.1 classe de estilo opcional para textos com destaque em negrito deve ser chamada por class="textobold" */
font.textobold {
font-weight: bold;
}
/*1.1 *********************************************************/



/*1.2 classe de estilo opcionalpara textos com cor diferenciado do geral do site deve ser chamada por class="cordois" */
font.cordois {
color:red;
}
/*1.2 *********************************************************/



/*2 instrução padrão para todos os links dentro do site, (bold com houver sublinhado) */
a:link {
	font-family: verdana;
	color:white;
	font-size:10px;
	text-decoration:none;
	}
a:visited {
	font-family: verdana;
	color:white;
	font-size:10px;
	text-decoration:none;
	}
a:hover {
	font-family: verdana;
	color:#EFEFEF;
	font-size:10px;
	text-decoration:underline;
	}
a:active {
	font-family: verdana;
	color:white;
	font-size:10px;
	text-decoration:none;
}
/*2 *********************************************************/



/*2.1 classe de estilo opcional (bold com houver de cor diferente) para links do documento, ao invés do hover ser sublinhado, o link é caracterizado pelo texto em em outra cor, todos os atributos(familia,tamanho, etc) são herdados do padrão geral de link, deve ser chamado com class="linkcoropcional" */
a.linkcoropcional:link {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
	}
a.linkcoropcional:visited {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;	}
a.linkcoropcional:hover {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:underline;
	}
a.linkcoropcional:active {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
}
/*2.1 *********************************************************/



/*2.1.1 classe de estilo opcional (bold com houver de cor diferente) para links do documento, ao invés do hover ser sublinhado, o link é caracterizado pelo texto em em outra cor, todos os atributos(familia,tamanho, etc) são herdados do padrão geral de link, deve ser chamado com class="linkcoropcional" */
a.linkcoropcionaldois:link {
	text-decoration:none;
	color:#333333;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
a.linkcoropcionaldois:visited {
	text-decoration:none;
	color:#333333;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
a.linkcoropcionaldois:hover {
	text-decoration:none;
	color:#04438d;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
a.linkcoropcionaldois:active {
	text-decoration:none;
	color:#333333;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}
/*2.1.1 *********************************************************/



/*2.2 classe de estilo opcional (underline)*/
a.linkunderline:link {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#04438d;
}
a.linkunderline:visited {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#04438d;
}
a.linkunderline:hover {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#04438d;
}
a.linkunderline:active {
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#04438d;
}
/*2.2 *********************************************************/

/*2.2 classe de estilo opcional (underline)*/
a.linkunderlineb:link {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#04438d;
}
a.linkunderlineb:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#04438d;
}
a.linkunderlineb:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#04438d;
}
a.linkunderlineb:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
color:#04438d;
}

/*3 classe borderid para uso em imagens com links, dentro do tag <a href="" CLASS="borderit"> que antecede a imagem */
.borderit img{
border: 1px solid silver;
margin-bottom:6px;
}
.borderit:hover img{
border: 1px solid #333333;
}
.borderit:hover{
color:  #333333;
}
/*3 *********************************************************/



/*4 classe form para usar em campos de formulário, chamado por class="form" */
input.form, textarea.form { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:200px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formb, textarea.formb { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 80px;
*height: 83px;
width:200px;
overflow-y:auto;
overflow-x:auto;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formc, textarea.formc { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:140px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formd, textarea.formd { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:30px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

.forme { 
border:0px solid #e8e8e8;
font-family: Arial;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:100px;
overflow-y:auto;
overflow-x:auto;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

html>body .forme { 
border:0px solid #e8e8e8;
font-family: Arial;
margin:0;
padding:0;
padding-right:4px;
font-size: 12px;
height: 14px;
*height: 17px;
width:100px;
overflow-y:auto;
overflow-x:auto;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

html>body .formeb { 
border:0px solid #e8e8e8;
font-family: Arial;
margin:0;
padding:0;
padding-right:4px;
font-size: 12px;
height: 14px;
*height: 17px;
width:80px;
overflow-y:auto;
overflow-x:auto;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formf, textarea.formf { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:115px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formcb, textarea.formcb { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:250px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formdb, textarea.formdb { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:36px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formfb, textarea.formfb { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:173px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formfc, textarea.formfc { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 12px;
height: 14px;
*height: 17px;
width:130px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

input.formz { 
border:0px solid #e8e8e8;
font-family: Verdana;
margin:0;
padding:0;
font-size: 10px;
height: 14px;
*height: 17px;
width:250px;
background: transparent url("fundo_input.gif") 0px no-repeat; 
}

/*4 *********************************************************/

/*5 estrutura principal do site, todos os outros div´s(com position:absolute;) estão alinhados com base neste, assim todo div que
tiver height ou width com %, será em cima do valor desse div principal, assim como alinhamento */
div.enquadramento {
top:15px;
position:relative;
width: 800px; /*tamanho do site, largura*/
height: 500px; /*tamanho do site, altura*/
border:0px;
padding:0;
text-align:center;
margin:0 auto; /*valor auto utilizado no Firefox para calculo altomático das margens "deixar centralizado"*/
}
/*5 *********************************************************/


/*6 divs do conteúdo do site:
div.top => div utilizado para cabeçalho e menus horizontais;
div.esquerda => div utilizado menus verticais ou imagens;
div.frame => div utilizado para conteúdo ou para abrir iframes que chamem arquivos externos;
div.baixo => div utilizado para rodapés, assinaturas, créditos, informações de visualizações e direitos autorais;

No HTML a hierarquia de exibição é do último div ao primeiro, o último div será exibido em acima de todos os outros, assim como o primeiro será exibido sempre abaixo dos outros ************************************************/

div.top {
position:absolute;
top:-10px;
left:0px;
width: 680px;
height: 147px;
border:0px;
padding:0;
text-align:left;
background-image:url("img/02.jpg");
background-repeat:no-repeat;
background-color:white;
}


/*6 *********************************************************/

div.enquadraframe {
position:absolute;
top: 0px;
right: 0px;
width: 518px;
height: 472px;
border:0px;
text-align: left;
background-image:url("img/03.jpg");
background-repeat:no-repeat;
}

/*6 *********************************************************/
/*6 **********/
p.credito {
position:absolute;
top: 600px;
right: 0px;
width:100%;
text-align: center;
color:#04438d;
border:0px;
padding:0;
font-family:verdana;
font-size:7pt;
}

div.corpo {
position:absolute;
top: 177px;
left: 0px;
width: 700px;
height: 430px;
border:0px;
text-align:left;
}

div.menu{
position:absolute;
top:147px;
left:0;
width: 800px;
height: 29px;
border:0px;
padding:0;
text-align:left;
background-image:url("img/menu0.jpg");
background-repeat:repeat-x;
z-index: 999;
}


ul#menu {
margin:0;
padding:0;
list-style-type:none;
position:absolute;
top:0px;
right:0px;
width: 800px;
display: inline;
height:29;
background-color:#04438d;
text-transform:uppercase;
}
ul#menu li {
border-right:1px solid #FFFFFF;
display: inline;
float: left;
}
ul#menu li a:link, ul#menu li a:visited {
display: block;
text-decoration:none;
font-family: verdana;
font-size:10px;
color:white;
background-color:#04438d;
height:27px;
width:110px;
float: left;
text-align:center;
padding-top:2px;
}
ul#menu li a:hover {
background-image:url("img/menu.jpg");
float: left;
}


/*7 **********/
ul#menuexpande {
width:112px;
margin:0;
padding:0;
list-style-type:none;
background-color:#f9f9f9;
text-transform:uppercase;
}
ul#menuexpande li {
border:1px solid #c9c8c8;
border-top:0px;
}
ul#menuexpande li a:link, ul#menuexpande li a:visited {
width:110px;
display:block;
text-decoration:none;
font-family: arial;
font-size:7pt;
color:#5f5d5e;
text-align:center;
background-color:#f9f9f9;
}
ul#menuexpande li a:hover {
display:block;
text-decoration:none;
font-family: arial;
font-size:7pt;
color:#04438d;
text-align:center;
}

div.menuum {
position:absolute;
top:176px;
left:110px;
width:109px;
text-align:left;
background-color: #f9f9f9;
visibility:hidden;
}
div.menudois {
position:absolute;
top:176px;
left:221px;
width:109px;
text-align:left;
background-color: #f9f9f9;
visibility:hidden;
}
div.menutres {
position:absolute;
top:176px;
left:554px;
width:109px;
text-align:left;
background-color: #f9f9f9;
visibility:hidden;
}

/*EMPRESA *********************************************************************************************************/
/*EMPRESA *********************************************************************************************************/
/*EMPRESA *********************************************************************************************************/

div.txtright {
position:absolute;
top: 55px;
left: 182px;
width: 530px;
height: 300px;
border:0px;
text-align: justify;
padding-right:20px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
}

ul#menulateral {
position:absolute;
top:90px;
left:40px;
width: 100px;
margin:0;
padding:0;
list-style-type:none;
background-color:#ffffff;
}
ul#menulateral li {
border-top:1px solid #c9c8c8;
}
ul#menulateral li a:link, ul#menulateral li a:visited {
padding-top:9px;
height:22px;;
width: 100%;
display:block;
text-decoration:none;
font-family: verdana;
font-size:10px;
text-indent:8px;
color:#04438d;
text-align:left;
background-color:#ffffff;
}
ul#menulateral li a:hover {
display:block;
text-decoration:none;
font-family: verdana;
font-size:10px;
text-indent:14px;
color:#888888;
text-align:left;
}

/*SOLUCOES *********************************************************************************************************/
/*SOLUCOES *********************************************************************************************************/
/*SOLUCOES *********************************************************************************************************/

ul#menulateralb {
position:absolute;
top:80px;
left:40px;
width: 237px;
margin:0;
padding:0;
list-style-type:none;
background-color:#ffffff;
}
ul#menulateralb li {
border-top:1px solid #c9c8c8;
}
ul#menulateralb li a:link, ul#menulateralb li a:visited {
padding-top:9px;
height:22px;;
width: 100%;
display:block;
text-decoration:none;
font-family: verdana;
font-size:10px;
padding-left:8px;
color:#04438d;
text-align:left;
background-color:#ffffff;
}
ul#menulateralb li a:hover {
display:block;
text-decoration:none;
font-family: verdana;
font-size:10px;
padding-left:14px;
color:#888888;
text-align:left;
}

div.txtrightsolucoes {
position:absolute;
top: 55px;
left: 317px;
width: 470px;
height: 240px;
border:0px;
text-align: justify;
line-height:20px;
}

div.menubaixo {
position:absolute;
top: 315px;
left: 70px;
width: 680px;
height: 133px;
border:0px;
text-align: left;
}

div.menubaixob {
position:absolute;
top: 365px;
left: 70px;
width: 680px;
height: 133px;
border:0px;
text-align: left;
}

div.menuinteligencia {
position:absolute;
top: 220px;
left: 315px;
width: 540px;
height: 20px;
border:0px;
text-align: left;
font-size:10px;
}

div.box {
width: 100%;
height: 100%;
border:0px;
text-align:justify;
background-color:#FFFFFF;
}

div.txttreinamento {
position:absolute;
top: 45px;
left: 295px;
width: 240px;
height:245px;
border:0px;
text-align: justify;
overflow-y:auto;
overflow-x:hidden;
padding-right:10px;
line-height:20px;
}

div.txttreinamentob {
position:absolute;
top: 45px;
left: 545px;
width: 220px;
height:250px;
border:0px;
text-align: left;
font-size:10px;
line-height:20px;
}

div.fotos {
position:absolute;
bottom: 35px;
left: 45px;
width: 700px;
height:85px;
text-align: left;
border:0px;
border-top:1 solid silver;
}

div.contato {
position:absolute;
top: 55px;
left: 90px;
width: 400px;
height: 330px;
border:0px;
text-align: left;
/*hack para o ie 8 */
background-image: /*\**/ url(img/10.jpg);
/*hack para o ie 7 */
*background-image:  url(img/10b.jpg);

background-repeat:no-repeat;
}

div.localizacao {
position:absolute;
top: 175px;
left: 435px;
width: 320px;
height: 80px;
border:0px;
text-align: left;
}

div.work{
position:absolute;
top:120px;
right:40px;
width: 150px;
height: 20;
text-align:right;
}

div.workb{
position:absolute;
top:0px;
right:40px;
width: 150px;
height: 20;
text-align:right;
}

div.dez{
position:absolute;
top:400px;
left:30px;
width: 120px;
height: 96px;
text-align:right;
background-image:url(img/11.jpg);
background-repeat:no-repeat;
}

div.logo{
position:absolute;
top:400px;
left:150px;
width: 120px;
height: 96px;
text-align:right;
background-image:url(img/11.jpg);
background-repeat:no-repeat;
}

div.texto{
position:absolute;
top:180px;
left:50px;
width: 700px;
height: 37px;
text-align:center;
}

div.mundos{
position:absolute;
top:370px;
left:40px;
width: 240px;
height: 240px;
text-align:center;
}

div.fotos{
position:absolute;
top:890px;
left:40px;
width: 700px;
height: 83px;
text-align:right;
}

div.txtrightvendas{
position:absolute;
top: 55px;
left: 302px;
width: 410px;
height: 400px;
border:0px;
text-align: justify;
background-image:url(img/12.jpg);
background-repeat:no-repeat;
line-height:20px;
}

div.fotosvendas{
position:absolute;
top: 270px;
left: 650px;
width: 113px;
height: 325px;
border:0px;
text-align: justify;
}

div.imagematuacao{
position:absolute;
top:360px;
left:35px;
width: 133px;
height: 129px;
text-align:right;
background-image:url(img/13.jpg);
background-repeat:no-repeat;
}

div.imagemclientes{
position:absolute;
top:360px;
left:15px;
width: 155px;
height: 139px;
text-align:right;
background-image:url(img/15.jpg);
background-repeat:no-repeat;
}

div.imagemcontato{
position:absolute;
/*hack para o ie 8 */
top: /*\**/ 507px;
/*hack para o ie 7 */
*top:  500px;
left:0px;
width: 197px;
height: 145px;
text-align:right;
background-image:url(img/16.jpg);
background-repeat:no-repeat;
}

div.newsletter{
position:absolute;
top: 50px;
left: 90px;
width: 600px;
height: 400px;
border:0px;
text-align: left;
/*hack para o ie 8 */
background-image: /*\**/ url(img/17.jpg);
/*hack para o ie 7 */
*background-image:  url(img/17b.jpg);

background-repeat:no-repeat;
}

div.workcorpo {
position:absolute;
top: 50px;
left: 20px;
width: 400px;
height: 300px;
border:0px;
text-align: justify;
}

div.imgwork {
position:absolute;
top: 300px;
right: 20px;
width: 268px;
height: 199px;
border:0px;
text-align: justify;
background-image:url(img/18.jpg);
background-repeat:no-repeat;
}

div.workcorpodois {
position:absolute;
top: 50px;
left: 20px;
width: 400px;
height: 600px;
border:0px;
text-align: justify;

}

li.novalinha {
padding:0px; height:18px; padding-left:10px; border:0;
}
a.novalinha  {
line-height:12px; padding:0px; height:18px; padding-left:10px; border:0; text-indent:0px; display:block
}


li.novalinhab {
padding:0px; height:18px; padding-left:22px; border:0;
}
a.novalinhab  {
line-height:12px; padding:0px; height:18px; padding-left:10px; border:0; text-indent:0px; display:block
}


div.imgmystery{
position:absolute;
top:410px;
left:40px;
width: 239px;
height: 142px;
text-align:right;
background-image:url(img/20.jpg);
background-repeat:no-repeat;
}

div.imgbb{
position:absolute;
top:495px;
left:60px;
width: 200px;
height: 235px;
text-align:right;
background-image:url(img/21.jpg);
background-repeat:no-repeat;
}

div.imgcc{
position:absolute;
top:495px;
left:50px;
width: 200px;
height: 185px;
text-align:right;
background-image:url(img/22.jpg);
background-repeat:no-repeat;
}

div.animafotos{
position:absolute;
top:530px;
left:60px;
width:160px;
height:120px;
text-align:right;
}

div.animafotosb{
position:absolute;
top:570px;
left:60px;
width:160px;
height:120px;
text-align:right;
}

div.fto{
position:absolute;
top:255px;
right:-85px;
width:140px;
height:450px;
text-align:right;
}

div.imgdd{
position:absolute;
/*hack para o ie 8 */
top: /*\**/ 495px;
/*hack para o ie 7 */
*top:  515px;
left:50px;
width: 200px;
height: 235px;
text-align:right;
background-image:url(img/23.jpg);
background-repeat:no-repeat;
}

div.imgee{
position:absolute;
top:495px;
left:50px;
width: 200px;
height: 139px;
text-align:right;
background-image:url(img/24.jpg);
background-repeat:no-repeat;
}

div.imgff{
position:absolute;
top:495px;
left:50px;
width: 200px;
height: 229px;
text-align:right;
background-image:url(img/25.jpg);
background-repeat:no-repeat;
}

div.imggg{
position:absolute;
top:495px;
left:50px;
width: 200px;
height: 229px;
text-align:right;
background-image:url(img/29.jpg);
background-repeat:no-repeat;
}

div.artigos {
text-align:left;
position:absolute;
top: 0px;
right: 0px;
width: 381px;
height: 234px;
border: 0px;
padding: 0px;
background-image:url("img/30.jpg");
background-repeat:repeat;
overflow-y:auto;
overflow-x:hidden;
line-height:15px;
}

ul#artigos {
margin:0;
padding:0;
list-style-type:none;
position:absolute;
display: inline;
width:100%;
}

ul#artigos li {
display: inline;
float: left;
width:90px;
*width:95px;
padding-left:10px;
}