/*CSS Document*/

.floaterOn, .floaterOff {
	position:absolute;
	width:450px;
	height:450px;
	top:150px;
	left:350px;
	display:inline;
}

.floaterOff {display:none;}

/*xxxxxxxxxxxx Principais xxxxxxxxxxxxxx*/
* {
	padding:0;
	margin:0 auto;
}

a { outline: none; }

body, html {
	min-height:100%;
	min-width:100%;
	background:url(../img/bg.jpg);
	font:85% "Trebuchet MS";
	color:#666666;
}
	
ul, li, ol { list-style:none; }

p { margin-bottom:10px }

span.tituloAzul, span.itemContato, span.tituloAzul a, span.tituloAzul a:hover {font: bold 110% "Trebuchet MS"; color:#2094C0; margin-bottom:10px; display:block; }
 
 
select {
	font:90% Verdana, Arial, Helvetica, sans-serif;
	color:#0E4472;
	height:20px;
	background:#F5F3F2;
	border:1px solid #CFC9C0;
	padding:2px;
	float:left;
}


#geral {
	width:100%;
	text-align:center;
}

#container {
	width:763px;
	background:#fff;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:4px;
	display:table;
	border:4px solid #0F325A;
}


/*xxxxxxxxxxxx /End Principais/ xxxxxxxxxxxxxx*/

/*xxxxxxx Topo xxxxxxxxxx*/

#topo {
	width:753px;
	height:78px;
	background:url(../img/bgtopo.jpg) repeat-x;
	text-align:left;
	display:table;
}

h1 {
	width:254px;
	height:78px;
	background:url(../img/logo.jpg);
	text-indent:-9999px;
	float:left;
	margin-left:25px;
	_margin-left:15px;
	cursor:pointer;
}

#language {
	width:185px;
	height:14px;
	float:right;
	margin-top:15px;
	text-indent:-9999px;
}

#eua {
	width:67px;
	height:14px;
	background:url(../img/english-flag.jpg) no-repeat;
	float:left;
	cursor:pointer;
}

#brazil {
	float:left;
	width:77px;
	height:14px;
	background:url(../img/brazilian-flag.jpg) no-repeat;
	margin-left:18px;
	cursor:pointer;
}

#servicos-top {
	margin:15px 22px 0 0;
	_margin:10px 10px 0 0;
	float:right;
	width:355px;
}

#servicos-top select {
	float:right;
}

#servicos-top select optgroup {
	font-style:normal;
	padding:2px 0 4px 0;
}

label#labelServicos {
	float:left;
	margin-top:4px;
	_margin-top:0;
}
/*xxxxxxx /End Topo/ xxxxxxxxxx*/

/*xxxxxxx Headers xxxxxxxxxx*/

h2 {
	width:753px;
	text-indent:-9999px;
	margin-bottom:5px;
	float:right;
	height:150px;
}

h2.home { height:201px; background:url(../img/headers/home.jpg) no-repeat right; margin-bottom:5px; }
h2.empresa { background:url(../img/headers/empresa.jpg) no-repeat right; }
h2.clientes { background:url(../img/headers/clientes.jpg) no-repeat right; }
h2.parceiros { background:url(../img/headers/parceiros.jpg) no-repeat right; }
h2.contato { background:url(../img/headers/contato.jpg) no-repeat right; }

h2.servicos-rede { background:url(../img/headers/servicos-rede.jpg) no-repeat right; }
h2.servicos-tecnologia { background:url(../img/headers/servicos-tecnologia.jpg) no-repeat right; }
h2.servicos-seguranca { background:url(../img/headers/servicos-seguranca.jpg) no-repeat right; }

/*xxxxxxx /End Headers/ xxxxxxxxxx*/

/*xxxxxxx Area Menu xxxxxxxxxx*/

ul.menu {
	width:450px;
	height:26px;
	float:left;
	margin-left:25px;
	_margin-left:12px;
}

ul.menu#internas { 
	width:520px; 
	margin-top:2px;
}

ul.menu li {
	float:left;
	margin-right:5px;
	height:26px;
}

ul.menu a {
	background:url(../img/bg-menu.jpg) repeat-x;
	background-position:8px 3px;
	padding:8px 20px;
	font:95% Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	height:40px;
}


ul.menu a:hover {
	background:url(../img/bg-menu-over.jpg) repeat-x;
	background-position:8px 3px;
	color:#fff;
	text-decoration:none;	
}

#contatos {
	font:95% Arial, Helvetica, sans-serif;
	text-align:right;
	color:#8F837C;
	width:180px;
	float:right;
	margin-right:27px;
	_margin-right:15px;
}

#contatos a { color:#8F837C; }
#contatos a:hover {	text-decoration:none; }

/*xxxxxxx /End Area Menu/ xxxxxxxxxx*/

/*xxxxxxx Conteúdo Principal Home xxxxxxxx*/

#principal {
	width:710px;
	clear:right;
	padding-top:15px;
	display:table;
	text-align:left;
}

/*///Primeira Coluna///*/

#colunaA {
	width:211px;
	background-color:#F3F3F1;
	float:left;
}

#colunaA.servicos {
	background-color:#fff;
}

#bem-vindo {
	font:100% Arial, Helvetica, sans-serif;
	color:#706B65;
	background:url(../img/bem-vindo.jpg) no-repeat 15px 12px;
	padding:50px 8px 20px 15px;
	line-height:20px;
	text-align:left;
}

.news-letter {
	text-align:left;
	font:110% Arial, Helvetica, sans-serif;
	color:#666;
	background:url(../img/news-letter.jpg) no-repeat;
	padding:45px 15px 0 5px;	
}

#sucesso {
	height:80px;
	background-color:#F3F3F1;
	font:bold 120% Arial, Helvetica, sans-serif;
	color:#FF9900;
	line-height:14px;
	text-align:center;
	padding:60px 0 0 0;
	display:none;
}

#cadastrar {
	display:block;
}

.news-letter input {
	margin-top:5px;
	height:18px;
	width:140px;
	border:1px solid #BCB9B8;
	font:110% Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px 0 0 4px;
	display:inline;
}	

.news-letter label.news { float:left; margin:8px 0 0 3px; }
.news-letter input.false { display:none; }
.news-letter img#btCadastra { margin-top:5px; cursor:pointer; }

/*///End Primeira Coluna///*/

/*///Segunda Coluna///*/

#colunaB {
	float:left;
	text-align:left;
	width:490px;
}

#colunaB.internas { margin-left:30px; width:460px; }

#colunaB ul {
	display:table;
}

#colunaB ul li {
	float:left;
	margin-left:20px;
	_margin-left:15px;
	width:143px;
	font:95% Arial, Helvetica, sans-serif;
	line-height:15px;
	color:#0081B7;
}

#colunaB ul li img {
	margin-top:5px;
}

h3 {
	width:143px;
	height:83px;
	background:#00CC00;
	text-indent:-9999px;
	margin-bottom:8px;
	cursor:pointer;	
}

h3.rede { background:url(../img/box-rede.jpg) no-repeat; }
h3.tecnologia{ background:url(../img/box-tecnologia.jpg) no-repeat; }
h3.eletronica {	background:url(../img/box-eletronica.jpg) no-repeat; }

/* Destaques da Home */

#d01, #d02, #d03, #d04, #d05 { display:none; }

.servico_destaque {
	margin:20px 0 0 20px;
	_margin:20px 0 0 30px;
	font:100% Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#706B65;
	text-align:left;
}

.servico_destaque a  {
	font:100% Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	background-color:#E2DED6;
	float:left;
	margin:6px 3px 0 0;
	padding:3px 5px;
}

.servico_destaque img {
	text-align:center;
	padding:3px;
	margin-right:20px;
	background-color:#EEEBE6;
	border:1px solid #D1CBC9;
	float:left;
}

h4 {
	font:bold 200% Arial, Helvetica, sans-serif;
	color:#FF3366;
	letter-spacing:-0.1em;
	margin:0;
}


/*///End Segunda Coluna///*/

/*xxxxxxx /End Conteúdo Principal Home/ xxxxxxxx*/

/*xxxxxxxxx Áera Parcerias xxxxxxxxxx*/
#parcerias {
	width:710px;
	height:101px;
	background:url(../img/bg-parcerias.jpg) repeat-x;
	border:2px solid #EEEBE6;
	margin-top:20px;
}

#parcerias ul {
	background:url(../img/parcerias.jpg) no-repeat 40px 45px;
	padding-left:160px;
	display:table;
}
#parcerias ul li {
	border-left:1px solid #E0DED8;
	float:left;
	padding:0 10px;
	margin-top:15px;
}
/*xxxxxxxxx /End Áera Parcerias xxxxxxxxxx*/

/*xxxxxxxxxxxx Rodapé xxxxxxxxxxxxx*/

#rodape {
	width:710px;
	height:52px;
	background:url(../img/bg-rodape.jpg) no-repeat #BBDBEC;
	margin-top:20px;
}

#rodape ul {
	float:right;
	margin:15px 20px 0 0;
	_margin:15px 8px 0 0;
}

#rodape ul li {
	float:left;
	font:90% Arial, Helvetica, sans-serif;
	margin:0 1px;
}

#rodape ul li a {
	background-color:#146392;
	color:#BBDBEC;
	padding:5px 8px;
	text-decoration:none;
	height:16px;
	width:55px;
	display:block;
	float:left;
}

#rodape ul li a:hover {
	background-color:#0F3760;
	color:#FFFFFF;
}	

#assinatura {
	font-size:90%;
	color:#0E406C;
	float:left;
	margin:10px 0 0 15px;
	_margin:10px 0 0 10px;
}

#assinatura address {
	font-style:normal;
}

/*xxxxxxxxxxxx /End Rodapé xxxxxxxxxxxxx*/

/*xxxxxxxxxxxx Página de Contatos xxxxxxxxxxxxx*/

#contatosLateral { padding:0 12px;}

#contatosLateral a, #contatosLateral a:hover { color:#666; }

span.itemContato { 
	padding-left:6px;
	margin:12px 0 5px 0;
	background:url(../img/seta-rosa.gif) no-repeat;
	background-position:0 6px;
}

form label {
	display:block;
	font-weight:bold;
	margin-bottom:-2px;
}

form label.rb { display:inline; font-weight:normal; }

form input.textbox, form input.textboxOn { 
	width:280px; 
	height:18px;
	margin-bottom:10px;
	border:1px solid #33333;
	font:95% Arial, Helvetica, sans-serif;
	color:#666666;
	padding:1px 0 0 3px;
}

form input.textboxOn, form textarea.textAreaOn { border:2px solid #FFCB7D;background-color:#FFFFD9;}

form label#labelAssunto  {
	margin-top:10px;
}

form .radioButton { 
	width:25px;
}

#btLimpar, #btEnviar {
	width:79px;
	height:21px;
	cursor:pointer;
	text-indent:-9999px;
	float:left;
	margin:10px 5px 0 0;
}		

#btLimpar {background:url(../img/bt-limpar.jpg) no-repeat;}
#btEnviar {
	display:block;
}

/*xxxxxxxxxxxx End Página de Contatos xxxxxxxxxxxxx*/		

/*xxxxxxxxxxxx Páginas de Serviços xxxxxxxxxxxxx*/

#colunaA.servicos ul {
	width:211px;
}

#colunaA.servicos h3 {
	width:200px;
	background-repeat:no-repeat;
	background-color:#fff;
	height:22px;
	margin:15px 0 5px 0;
	cursor:pointer;
}

#colunaA.servicos h3#h3Tecnologia { background:url(../img/h3_servicos_tecnologia.jpg) no-repeat; margin-top:0; }
#colunaA.servicos h3#h3Rede { background:url(../img/h3_servicos_rede.jpg) no-repeat; }
#colunaA.servicos h3#h3Seguranca { background:url(../img/h3_servicos_seguranca.jpg) no-repeat; }

#colunaA.servicos ul li a {
	display:block;
	width:190px;
	background:url(../img/seta-rosa.gif) no-repeat #EEECEA;
	background-position:4px 7px;
	text-decoration:none;
	border:1px solid #fff;
	_border:1px solid #EEECEA;
	font:95% Arial, Helvetica, sans-serif;
	color:#666666;
	padding:3px 6px 3px 12px;
}

#colunaA.servicos ul li a:hover {
	background:url(../img/seta-amarela.gif) no-repeat #0D1D38;
	background-position:4px 7px;
	border:1px solid #9DE6EC;
	color:#BCE2FA;
}

h4.h4Servicos {
	width:450px;
	background-color:#F3F2F1;
	border:1px solid #D6D6D6;
	font-size:160%;
	padding:2px 6px;
	margin:10px 0;
	font-weight:normal;
	letter-spacing:0;
}

#colunaB dl { margin:12px 0; }

#colunaB dl dt {
	font: bold 110% "Trebuchet MS"; 
	color:#2094C0; 
	margin-bottom:5px; 
	display:block;
}

#colunaB dl dd {
	background:url(../img/dotted.gif) bottom repeat-x;
	padding-bottom:15px;
}

/*xxxxxxxxxxxx /End Páginas de Serviços xxxxxxxxxxxxx*/

/*xxxxxxxxxxxx Página Clientes xxxxxxxxxxxxx*/

#colunaClientes ul {
	margin:5px 20px 0 0;
	float:left;
	width:320px;
}

#colunaClientes ul li {
	display:table;
}
#colunaClientes img {
	border:1px solid #CCCCCC;
	padding:2px;
	float:left;
}

#colunaClientes p {
	padding:6px 0 0 10px;
	float:left;
	background-color:#F8F7F6;
	border:1px solid #ECE8E5;
	margin-left:6px;
	width:175px;
	height:80px;
}
/*xxxxxxxxxxxx /End Página Clientes xxxxxxxxxxxxx*/