/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Djalma Araújo / Luiz Tiago		*/
/*   Empresa   : Prática Design					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,select,textarea,label,form,address { font-family: arial, trebuchet ms, arial, tahoma, tahoma; color: #000; }

body { background: #600 url(../img/bg.gif); margin: 10px 0 10px 0; }

address { font-size: 10px; color: #BF0000; text-align: center; padding:0 10px 15px 10px; }

hr { color: #E0E4EB; border: none; border-bottom: 1px solid #E0E4EB; height: 1px; overflow: hidden; }

p,li { text-align: justify }

/* ID's */

#container {
width: 730px;
margin:0 auto;
position: relative;
background: #fff url(../img/bg-container.gif) repeat-y 0 -1px;
padding: 0;
overflow: hidden;
}

#hd {
background: url(../img/bg-hd.gif) left top repeat-x;
padding: 18px 13px 0px 13px;
width: 704px;
overflow: hidden;
}
#faixa-topo {
	background:url(../img/bg-faixa-topo.gif) no-repeat;
	width:262px;
	height:116px;
	position:absolute;
	right:6px;
	top:5px;
}
#tx-atalhos { position:absolute; top:15px; right:19px; }

#nav {
	width: 709px;
	height: 24px;
	background: url(../img/bg-nav.gif) 0 10px no-repeat;
	clear: left;
	overflow: hidden;
	padding:8px 0 0 0;
	margin:0 0 0 -3px;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	overflow: hidden;
	height: 24px;
	/*border-right: 1px solid #9D9EA3;*/
	background-repeat: no-repeat;
	text-indent:-4000px;
}

#nav li a:hover { background-position: 0 -34px; }


.mn-apresentacao { background-image: url(../img/mn-apresentacao.gif); width: 136px;  }
.mn-produtos { background-image: url(../img/mn-produtos.gif); width: 127px;  }
.mn-servicos { background-image: url(../img/mn-servicos.gif); width: 128px;  }
.mn-cases { background-image: url(../img/mn-cases.gif); width: 101px; }
.mn-clientes { background-image: url(../img/mn-clientes.gif); width: 113px; }
/*.mn-parceiros { background-image: url(../img/mn-parceiros.gif); width: 53px;  }*/
.mn-contato { background-image: url(../img/mn-contato.gif); width: 104px; }


#md {
clear: both;
padding-bottom: 10px;
width: 716px;
padding: 0 7px 0 7px;
}

#miolo {
padding: 3px;
padding-bottom: 5px;
}

#colLat {
width: 154px;
float: right;
}

#parceiros_integracao {
clear: both;
padding-top: 5px;
}

#parceiros {
padding: 15px 0 15px 3px;
}

#content { 
float: left;
}

#content.home {
padding: 0 0 0 3px;
width: 557px;
}

#content.interna {
width: 715px;
padding-bottom: 10px;
}

#content.interna p {
padding-top: 7px;
padding-bottom: 7px;
}

#cases_de_sucesso {
background: url(../img/bg-cases.png) repeat-x;
height: 21px;
border-left: 1px solid #AEAFB1;
border-right: 1px solid #AEAFB1;
padding: 1px 0 1px 1px;
overflow: hidden;
}

#cases_de_sucesso p {
color: #8699A4;
font-size: 10px;
padding: 4px;
}

#box {
width: 543px;
background: url(../img/bg-box.png) repeat-x;
padding: 7px;
padding-bottom: 10px;
overflow: hidden;
}

#parceria {
padding-right: 10px;
}

#colLat_interna {
width: 180px;
float: left;
padding-left: 15px;
text-align:center;
}

#conteudo {
width: 275px;
float: left;
padding-left: 10px;
}

#conteudo_maior {
width: 480px;
float: left;
padding-left: 10px;
}

#conteudo_maior h3 {
font-size: 12px;
color: #BF0000;
padding-bottom: 10px;
}

#ft {
	clear: both;
	background: url(../img/bg-ft.gif) left 18px no-repeat;
	width: 730px;
	height:34px;
}
#ft address {  }

/* CLASS's */

.produto {
/*width: 365px;
float: right;*/
padding-top: 10px;
}

.swt { 
clear: right;
padding-top: 20px;
}

.box {
width: 179px;
float: left;
padding: 1px;
height: 160px;
}

.box a {
display: block;
width: 179px;
height: 160px;
text-decoration: none;
}

.box p, .box li {
font-size: 10px;
color: #909090;
}

#box1 { background: url(../img/bg-box1.gif) no-repeat; }
#box2 { background: url(../img/bg-box2.gif) no-repeat; }
#box3 { background: url(../img/bg-box3.jpg) no-repeat; }

#box2 p, #box3 p {
padding: 10px 10px 0 23px;
}

/* MENU */

.tit_interna {
width: 430px;
background: url(../img/bg-interna.jpg) 0 3px no-repeat;
min-height: 120px;
_height: 120px;
padding: 25px 30px 10px 30px;
}

#tit_interna h2, .produtos h2 {
font-size: 15px;
font-weight: bold;
color: #666;
padding-bottom: 30px;
}

#tit_interna ul {
list-style: disc;
padding-left: 30px;
}


.tt-parceiros_comerciais { width: 154px; height: 25px; background: url(../img/tt-parceiros_comerciais.jpg); text-indent: -4000px; overflow: hidden; }

.tt-parceiros_integracao { width: 154px; height: 25px; background: url(../img/tt-parceiros_integracao.jpg); text-indent: -4000px; overflow: hidden; }

.tt { height: 15px; width: 175px; background-repeat: no-repeat; text-indent: -4000px; overflow: hidden; background-position: 8px 10px; padding-top: 10px; } 

.tti { width: 710px; height: 180px; overflow: hidden; display: block; background-position: 8px 10px; padding-top: 20px; background-repeat: no-repeat; }

/*.tti { background-position: 5px 10px; background-repeat: no-repeat; height: 50px; width: 703px; padding: 10px 5px 10px 5px; }*/
.tti-apresentacao { background-image: url(../img/topo-apresentacao.jpg); }
.tti-produtos { background-image: url(../img/topo-produtos.jpg); }
.tti-servicos { background-image: url(../img/topo-servicos.jpg); }
.tti-cases { background-image: url(../img/topo-cases.jpg); }
.tti-clientes { background-image: url(../img/topo-clientes.jpg); }
.tti-parceiros { background-image: url(../img/topo-parceiros.jpg); }
.tti-contato { background-image: url(../img/topo-contato.jpg); }
.tti-cotacao { background-image: url(../img/topo-cotacao.jpg); }
.tti-director { background-image: url(../img/topo-director.jpg); }

.tti span { background-repeat: no-repeat; height: 35px; overflow: hidden; text-indent: -4000px; display: block; background-position: 12px 8px; padding-top: 0px; width: 760px; }

/*.tti span { text-indent: -4000px; display: block; height: 38px; width: 200px; background-repeat: no-repeat; }*/

.tit { background-repeat: no-repeat; text-indent: -4000px; }

.tit-banco_de_dados { background-image: url(../img/tit-banco_de_dados.gif); }
.tit-ambientes_operacionais { background-image: url(../img/tit-ambientes_operacionais.gif); }
.tit-ativos_de_rede { background-image: url(../img/tit-ativos_de_rede.gif); }
.tit-gerenciamento { background-image: url(../img/tit-gerenciamento.gif); background-position: 23px 10px; }
.tit-instalacao_e_suporte { background-image: url(../img/tit-instalacao_e_suporte.gif); background-position: 23px 10px; }

.tit-visao { background-image: url(../img/tit-visao.gif); height: 23px; }
.tit-partners_comerciais { background-image: url(../img/tit-partners_comerciais.gif); height: 23px; }
.tit-partners_integracao { background-image: url(../img/tit-partners_integracao.gif); height: 23px; }
.tit-missao { background-image: url(../img/tit-missao.gif); height: 23px; }
.tit-ibm { background-image: url(../img/tit-ibm.gif); height: 21px; }
.tit-microsoft { background-image: url(../img/tit-microsoft.gif); height: 18px; }

/*.tti-apresentacao span { background-image: url(../img/tti-apresentacao.gif); }
.tti-produtos span { background-image: url(../img/tti-produtos.gif); }*/

.box_interna {
width: 165px;
float: left;
background: url(../img/bg-box_interna.jpg) no-repeat;
height: 200px;
padding: 10px 15px 5px 10px;
}

.box_interna2 {
background: url(../img/bg-box_interna2.jpg) no-repeat;
height: 250px;
}

.box_interna3 {
background: url(../img/bg-box_interna3.jpg) no-repeat;
height: 280px;
}

.box_interna3 {
background: url(../img/bg-box_interna3.jpg) no-repeat;
height: 280px;
}

.box_interna4 {
background: url(../img/bg-box_interna4.jpg) no-repeat;
height: 680px;
}

.box_interna4 p {
text-align: center;
}

.box_interna5 {
background: url(../img/bg-box_interna5.jpg) no-repeat;
height: 480px;
}

.ft {
padding: 12px 9px 10px 2px;
background: url(../img/bg-ft.jpg) 0 10px no-repeat;
}

.box_interna p {
font-size: 9px;
padding: 5px;
padding-top: 15px;
}

.lista {
padding-top: 10px;
}

.lista li {
padding-bottom: 5px;
}

.coluna {
width: 200px;
padding-right: 10px;
float: left;
}

.campo { border: 1px solid #ccc; border-left: 4px solid #ccc; height: 15px; padding: 3px; width: 300px; } 
.textarea { height: 90px; } 
.botao { background: #666; padding: 5px 10px; color: white; border: none; }

.produto h4 { font-size: 11px; padding: 7px 0; }
.produtos h3 { padding-top: 10px; padding-bottom: 5px; }

/* MASTER CLASS's */
.center { text-align: center; }
.fleft { float: left; }
img.fleft { margin-right: 10px; } 
.fright { float: right; }
img.fright { margin-left: 10px; }