@charset "iso-8859-1";
body { margin:0; padding:0; width:100%;background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
html { padding:0; margin:0;}
* { margin: 0; padding: 0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }
#conteudo { width:998px; margin:0 auto; padding:0 0 50px 0;}
.block_header { margin:0 auto; width:980px;}
/* img */
.img_margin { float:left; margin:10px 15px 10px 15px; padding:0;}

.bold{
	font-weight:bold;
	color:#000;}

h1 { color: #900; font:normal 260%  Arial, Helvetica, sans-serif; padding:15px 0px 0px 0; margin:0;  }
h2 { color:#2a2a2a; font:normal 180%  Arial, Helvetica, sans-serif; padding:15px 10px; margin:0;}
h3 { color:#2a2a2a; font:normal 160%  Arial, Helvetica, sans-serif;   padding:0 0 15px 10px; margin:0 0 10px 0;}
h4 { font:normal 180% Arial, Helvetica, sans-serif; color:#990000; padding:15px 5px; margin:0;}
h5 { font:normal 160%  Arial, Helvetica, sans-serif; color: #333333; padding:15px 5px; margin:0;}
h6 { font:normal 140%  Arial, Helvetica, sans-serif; color:#990000; padding:15px 5px 0 20px; margin:0;}

p { color: #333333; font:normal 120%  Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 10px; margin:0;}


img.floated { float:left; margin:20px 25px 10px 5px; padding:0;}
img.floated2 { float:right; margin:20px 5px 10px 25px; padding:0;}
/********* MENU PRINCIPAL*/
/* General */
	#cssdropdown {
		position: absolute;
		height:30px;
		margin:0;
		padding:0;
	    background: url('images/menu/menu_fundo.png');
		z-index: 10;
	}

	#cssdropdown, #cssdropdown ul { list-style: none; }
 
	
	/* Head links */
	#cssdropdown li.headlink {
	width: 100px;
	float: left;
	border: 1px  #590009 solid;
	background-color: #e9e9e9;
	text-align: center;
	font-size:14px;
	font-weight: normal;
	

}
	#cssdropdown li.headlink a { display: block; height:28px; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: 1px #590009 solid; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink a { padding: 5px; height: 18px; text-decoration:none;}
	#cssdropdown li.headlink  a:hover { background: url('images/menu/menu_fundo_over.png'); color:#333333;  } /* fundo submenu */
	
	/* Pretty styling */
	 
	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: white; background-image: url('images/menu/menu_fundo.png'); }
	#cssdropdown li.headlink ul {background-color: #333333; background-position: bottom; }
 

/********************* ARRUMAR ***********************/
 
/* Background aplicado aos links de segundo nível */
#cssdropdown ul ul a.drop, .menu ul ul a.drop:visited {background:#2C2C2C url(images/icones/seta_menu.png) no-repeat  10px  ; color:#FFFFFF; font-size:12px; padding:10px 0 10px 30px; border: 1px  #590009 solid;}
/* Estilos para o hover do segudo nível */
#cssdropdown ul ul a.drop:hover{background:#ffffff url(images/icones/seta_menu_over.png) no-repeat 10px; font-size:12px; padding:10px 0 10px 30px; }

/* Estilos aplicados aos links de terceiro nível */
#cssdropdown ul ul ul a, .menu ul ul ul a:visited {background: #666666; color:#FFFFFF;}
/* Estilo aplicado ao hover dos links de terceiro nível */
#cssdropdown ul ul ul a:hover {background:url('images/menu/menu_fundo_over.png');}

/* Esconder os sub níveis e dar-lhes uma posição absoluta para que eles ocupem nenhum espaço */
#cssdropdown ul ul {visibility:hidden; position:relative; height:0;  width:120px; left:0; border-top:1px solid #000;}

/* Estilo para o hover dos links */
#cssdropdown a:hover, .menu ul ul a:hover{color:#000; background: #FFFF00;}
#cssdropdown :hover > a, .menu ul ul :hover > a {color: #000; background:url('images/menu/menu_fundo_over.png');}

/* Torna o segundo nível do menu visível quando passar o mouse sob o primeiro nível do menu ou link */
#cssdropdown ul li:hover ul,
#cssdropdown ul a:hover ul{visibility:visible;}
/* Mantém o terceiro nível oculto quando você passar o mouse sob o primeiro nível do menu ou link */
#cssdropdown ul :hover ul ul{visibility:hidden;}
/* Tornar o terceiro nível visível quando você coloca o mouse sob o segundo nível do menu ou link */
#cssdropdown ul :hover ul :hover ul{ visibility:visible;}

/********************* FIM ARRUMAR ***********************/

 

.slider_menu { background:url(images/menu/menu_fundo.png) top repeat-x; margin:0; padding:0; height:30px;}
/*simple text*/
.slider_menu .slider_resize_menu { width:978px; margin:0 auto; padding:0px 0 !important; padding:0; height:30px !important; height:32px;}

/********** slider **********/
.slider { background:url(images/slider_bg_red2.jpg) top repeat-x; margin:0 0 10px 0; padding:0 0 0 55px; height:224px;}
/*simple text*/
.slider .slider_resize { width:978px; margin:0 auto; padding:6px 0 !important; padding:6px 0 0 0; height:212px !important; height:206px;}
.slider div h2 { font:normal 280%  Arial, Helvetica, sans-serif;; color:#fff; margin:0; padding:25px 10px 10px 10px; line-height:1.2em;}
.slider div p { font:normal 110%  Arial, Helvetica, sans-serif;; color:#9ccef1; margin:0; line-height:1.8em; padding:5px 10px;}
.slider div p.img { float:right; padding:0 42px 0 0; margin:0;}
/*title text*/
.slider2 { background: url(images/slider_bg2_red2.jpg) top repeat-x; margin:0 auto; padding:0; height:106px;}
.slider2_resize { width:970px; margin:0 auto; padding:0;}
.slider2_resize h2 { font:normal 210%  Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:25px 10px 10px 10px; line-height:1.2em;}
.slider2_resize p { font:normal 140%  Arial, Helvetica, sans-serif; color: #D6D6D6; margin:0; line-height:1.8em; padding:0px 10px;}


#slider  a {
text-decoration: none;
cursor:hand;
}
#slider a:hover {
text-decoration: underline;
color:#fff;
cursor:hand;

}
/*texto index*/
 
#slider  .img { float: left; padding:0 10px 0 0; margin:20px 0 0 45px; line-height:0;}
#slider  .img img { padding:0; margin:0; border:0;}
#slider h1 { font:280%  Arial, Helvetica, sans-serif; color: #fff; margin:0; padding:10px; line-height:1.2em;  }
#slider h2 { font:180% Arial, Helvetica, sans-serif; color: #FFFFDF; margin:0; padding:10px; line-height:1.2em; text-decoration: inherit;}
#slider p {font:normal 120% Arial, Helvetica, sans-serif; color: #EEEEEE; margin:0; padding:0 0 0 10px; line-height:1.8em; text-decoration: inherit;  }
#slider div.button { clear:right; float:left; margin:0 0 0 420px; width:520px; margin-top:-31px;}
#slider div.button .right_but { margin:0 0 0 300px;}


/********** header **********/
.header { width:984px; height:110px;margin:0 auto;}

/* .header_text TA­tulos das pA!ginas e sua descriA§ALo */
.header_text { background:bottom repeat-x; margin:0; padding:0;}
.header_text_resize { width:984px; margin:0 auto; padding:0;}
.header_text_resize img { float:right; padding:35px 0 0 0; margin:0;}
.header_text_resize h2 { font: normal 200%  Arial, Helvetica, sans-serif; color:#343434; padding:0px 0 40px 20px; margin:0; line-height:1.6em;}
.header_text_resize h2 span { font: normal 160%  Arial, Helvetica, sans-serif;; color:#747474;}


/* logo */
.logo { float:left; padding:0; margin:20px 0 0 10px; width:120px; height:74px;}
/* search */
.search { float: left; width:229px; margin:3px 0 0 35px; }
.search form { margin:0; padding:0;}
.search input { float:left; border:0;}
.search span { float:left; background:url(images/search_bg.png) no-repeat left; width:172px; height:23px;}
.search input.text { background:none; width:172px; height:15px; padding:5px; color:#a2a2a2; font:normal 110%  Arial, Helvetica, sans-serif;}
.search input.button { float:left; }
/* menu */	
#menu { padding:0; margin:0; width:650px; float:right; height:85px;}
#menu ul { padding:45px 0 0 0; margin:0; list-style:none; border:0; height:41px; }
#menu ul li { float:left; margin:0; padding:0; border:0;}
#menu ul li a { float:left; margin:0 2px 0 0; padding:14px 0 14px 0; color:#434343; font:normal 140%  Arial, Helvetica, sans-serif; text-decoration:none;}
#menu ul li a span { padding:14px 12px 14px 12px;}
#menu ul li a:hover {  background:url(images/r_menu.gif) no-repeat right; color: #990000;}
#menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left;}
#menu ul li a.active {  background:url(images/r_menu.gif) no-repeat right; color: #990000;}
#menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left;}


/*textos*/
.texto_cinza {color: #333333;}
.texto_branco {color: #FFF;}
.texto_bordo {color: #990000;}
.texto_vermelho{color: #666;  }
.email { color:#FF0000; font:normal 120%  Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:underline;}
.email a:hover { text-decoration:underline;}

.email2 { color: #F00;  font:normal 120%  Arial, Helvetica, sans-serif; line-height:1.8em; }
.email2 a:hover { color: #F00; }

div.texto_menu  { 
position:absolute;
margin:0 0 10px 0; 
padding:0px 0 11px 2px;
color: #460000;
font:normal 140%  Arial, Helvetica, sans-serif;
}

div.sombra_menu {
position: absolute;
margin:0 0 10px 0; 
padding:0px 0 11px 0px;
color: #333;
font:normal 140%  Arial, Helvetica, sans-serif;
}

/*sombras*/
div.texto  { 
position:absolute;
margin:0 0 10px 0; 
padding:11px 0 11px 22px;
color: #FFF;
font:bold 160%  Arial, Helvetica, sans-serif;
}

div.sombra {
position:relative;
margin:0 0 10px 0; 
padding:11px 0 11px 21px;
color: #333;
font:bold 160%  Arial, Helvetica, sans-serif;
}




/* .BODY
.body { width:984px; clear:both;}
 */

.left { width:321px; float:left; margin:0 10px 0 0; padding: 0px 0;}
.big_center { width:652px; float:left; margin:0 10px 0 0; padding: 0px 0 0 0px;}
.right { width:321px; float:right; padding:0px 0 0 10px;}
.big_center img { float:left; margin:15px 15px 15px 15px; padding:0;}




/* Empresa */
.body_resize p span { color:#5b5b5b; font: normal 110%  Arial, Helvetica, sans-serif;}
.body_resize img.floated { float:left; margin:10px 15px 10px 5px; padding:0;}
.body_resize img.floated2 { float:right; margin:10px 5px 10px 15px; padding:0;}

.body_resize .left {width:570px; margin:0; padding:10px 15px; float:left;}


.body p.spec { color: #000; font:120%  Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.8em;}
.body img.img { float:left; padding:10px;}

.linha {border-bottom:1px solid #d2d2d2; clear:both;}

/* box_block */ 
.box_block { width:998px; clear:both; padding:10px 0 0 0;  }
.box { width:321px; margin:0 17px 0 0; float:left; background:url(images/box_bg.gif) repeat-y;}
.box .box_t { background:url(images/box_teste2.gif) no-repeat top; }
.box .box_b { background:url(images/box_b.gif) no-repeat bottom; padding:0 0 10px 0; }
.box .box_b_central { background:url(images/box_b.gif) no-repeat bottom; padding:0 0 10px 0; height:240px; }
.box h2 { margin:0 0 10px 0; padding:11px 0 11px 20px; color: #900; font:normal 180% Arial, Helvetica, sans-serif;}
.box img { float:left; padding:15px;}
.box p { padding:5px 20px; margin:0; font:normal 120%  Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}
.box a.more { padding:0 10px; font:110%  Arial, Helvetica, sans-serif; color: #FF0000; line-height:1.8em; text-decoration:none;}
.tit_servicos { font:normal 200% Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.box ul li{ font:normal 120%  Arial, Helvetica, sans-serif; color: #990000; line-height:1.8em;}
.box ul li a{ font:normal 120%  Arial, Helvetica, sans-serif; color: #990000; line-height:1.8em; text-decoration:none;}
.box ul li a:hover{ font:normal 120%  Arial, Helvetica, sans-serif; color: #FF0000; line-height:1.8em; text-decoration: none;}
.box td{font-size:110%;}

/* box_block_vantagens */ 
 
.box_vantagens { width:321px; margin:0 17px 0 0; float:left; background:url(images/box_bg.gif) repeat-y; }
.box_vantagens .box_t { background:url(images/box_teste.gif) no-repeat top;}
.box_vantagens .box_b { background:url(images/box_b.gif) no-repeat bottom; padding:0 0 10px 0;}
.box_vantagens h2 { margin:0 0 10px 0; padding:11px 0 11px 20px; color: #530000; font:normal 180%  Arial, Helvetica, sans-serif;} 
.box_vantagens img { float:left; padding:10px 10px 10px 40px;}
.box_vantagens p{ float:left; width:200px; color: #666666; font:normal 110%  Arial, Helvetica, sans-serif;  line-height:1.8em; padding-top:20px;}
.clear {clear:both;}
 

 
 
.box ul { padding:10px 20px; margin:0; list-style:none;}
.box ul li {   no-repeat left; margin:0; padding:3px 0 3px 25px;  }

/* box_block big*/
.box_big { width:478px; margin: 0; float:left; background:url(images/box_bg_big.gif) repeat-y; }
.box_big li { list-style:none; font:normal 120%  Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em;}
.box_big .box_t_big { background:url(images/box_t_big.gif) no-repeat top; }
.box_big .box_b_big { background:url(images/box_b_big.gif) no-repeat bottom; padding:0 0 10px 40px;}

/* Menu Soluções*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,
var,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit; vertical-align:baseline;outline:0;}

table{border-collapse:collapse;border-spacing:0;}
ol,ul{
	list-style:none;
	font-weight: bold;
}
caption,th{text-align:left;}


input,select,textarea{font:110%  Arial, Helvetica ,clean,sans-serif;}
legend{display:none}label{cursor:pointer;cursor:hand;}:focus{outline:0;}
 
#md li {background:url(images/sub_nav.gif) no-repeat left;  margin:0; padding:3px 0 3px 25px; font:normal 90%  Arial, Helvetica, sans-serif; color: #990000; line-height:1.8em;}
#md h3 {background:url(images/sub_nav.gif) no-repeat left; border-bottom:1px solid #eaeaea;   margin:0; padding:3px 0 3px 25px; font:normal 120%  Arial, Helvetica, sans-serif; color:#333333; line-height:1.8em;}
#md a{ font:normal 120%  Arial, Helvetica, sans-serif; color: #333333; line-height:2em; text-decoration:none;}
#md a:hover{font:normal 120%  Arial, Helvetica, sans-serif; color: #FF0000; line-height:2em; text-decoration: underline;} 
/*CSS Defaut*/
#all{width:500px;margin:0 auto}
 
#md{margin:10px 0;font-size:120%}
 
p{margin:0 0 10px;}
/**/
 

/* lister */
#lister { clear:both; padding:10px; float:right;}
#lister ul { margin:0; padding:0; list-style:none;}
#lister ul li  { background:url(images/lister.gif) no-repeat; float:left; width:24px; height:23px; margin:1px; text-align:center;}
#lister ul li a { color:#7d7d7d;}
#lister ul li a:hover { text-decoration:underline; }
#lister ul li a.active { font-weight:bold; color:#990000;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#5f5f5f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:3px 0; font:bold 120%  Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactform label span { display:block; font:normal 10px  Arial, Helvetica, sans-serif;}
#contactform input.text { width:295px; border:1px solid #d0d0d0; margin:3px 0; padding:5px 2px; height:16px; background:#ffffff;}
#contactform input.text_g { width:400px; border:1px solid #d0d0d0; margin:3px 0; padding:5px 2px; height:16px; background:#ffffff;}
#contactform textarea.text_g { width:400px; border:1px solid #d0d0d0; margin:3px 0; padding:2px; background:#ffffff;} 
#contactform textarea.text { width:295px; border:1px solid #d0d0d0; margin:3px 0; padding:2px; background:#ffffff;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF;}
p.response { text-align:center; color:red; font:bold 110%  Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/********** contact form SHADOWN BOX **********/
#contactformshadown label { margin:0; width:110px; display:block; padding:3px 0; font:bold 120%  Arial, Helvetica, sans-serif; color:#5f5f5f; text-transform:capitalize;}
#contactformshadown input.campo { width:380px; border:1px solid #d0d0d0; margin:3px 0; padding:5px 2px; height:16px; background:#ffffff;}
#contactformshadown textarea { width:380px; border:1px solid #d0d0d0; margin:3px 0; padding:2px; background:#ffffff;}

/*************footer**********/
.footer {padding:0; background: #333333; margin:0; }
.footer_resize { width:984px; margin:0 auto; padding:5px 0;}
.footer p { font:normal 110%   Arial, Helvetica, sans-serif; color:#5f5f5f; padding:3px 10px; margin:0; line-height:1.8em; }
.footer a { font:normal 110%  Arial, Helvetica, sans-serif; color: #BEBEBE; line-height:1.8em; text-decoration:none;}
.footer a:hover { font:normal 110%  Arial, Helvetica, sans-serif; color: #fff;  line-height:1.8em; text-decoration:underline; }
.footer p.left { text-align:left; width:50%; margin:10px 0; padding:10px 0; float:left;} 
.footer p.right { text-align:right; width:50%; margin:10px 0; padding:10px 0; float:right;} 
/*FBG*/
.FBG {padding:0; margin:0; background:url(images/line.gif) top repeat-x;}
.FBG h2 { font:bold 120% Arial, Helvetica, sans-serif;; color:#fff; padding:10px; margin:0; text-transform: capitalize;}
.FBG h2 a{ font:bold 120%  Arial, Helvetica, sans-serif; color: #fff; padding:0px; margin:0; text-transform: capitalize;}
.FBG h2 a:hover{ font:bold 120%  Arial, Helvetica, sans-serif; color: #fff; padding:0px; margin:0; text-transform: capitalize;}
.FBG .foot_nav { float:left; width:180px; border-left:1px solid #484848; padding:0 0 0 40px; margin:10px 0;}
.FBG .foot_nav_g { float:left; width:270px; border-left:1px solid #484848; padding:0 0 0 40px; margin:10px 0;}
.FBG .subscribe { float:left; width:250px; margin:10px 0; padding:0 30px 0 10px;}
.FBG .subscribe input.text { border:1px solid #d9d9d9; background:#FFF;}
.FBG ul { margin:0; padding:0; list-style:none;}
.FBG ul li { background:url(images/foot_nav_sm.gif) no-repeat left; padding:0 20px; margin:0;}
.FBG p { font:100%  Arial, Helvetica, sans-serif; color:#BEBEBE; padding:10px; margin:0;line-height:1.8em}
.FBG p a:hover { font:110%  Arial, Helvetica, sans-serif; color:#fff;    margin:0;line-height:1.8em}
.no_margin { margin:0;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #e0e0e0; padding:0; margin:5px 0; background:none;}

/*************Clientes**********/
#clientes {  padding:10px 15px 10px 15px;  border:1px solid #d5d5d5; background:#f5f5f5;}
#clientes .left{width:290px;float: left;}
#clientes .right{width:290px;float: left;}
#clientes img {	float:left;	margin:0 10px 0px 0px;}
#clientes .botao {	width:91px;	height:23px;	position:relative;	left:140px;	margin:10px 0 10px 0;}
#clientes h3 {  font:normal 180% Arial, Helvetica, sans-serif; color: #990000; padding: 0px 0 30px 20px; margin:0;}
#clientes ul { list-style:none; border:1px solid #e5e5e5; background:#fff; margin:20px auto 20px auto; padding:10px 10px ;}
#clientes li { padding:5px 0 5px 30px; margin:0; font:normal 110% Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:1.8em;}


/*************Botoes Rollover**********/
.botao {	width:91px;	height:23px;	position:relative;	left:170px; *left:0;	margin:10px 0 10px 0;}
.box_b_central .botao {	width:91px;	height:23px;	position:relative;	left:130px; *left:130px;	margin:10px 0 10px 0;}


a.roll_solucao {display: block;	width:91px;height: 23px;	background:url("images/botoes/bt_solucao.gif") 0 0 no-repeat;text-decoration:none;}
a:hover.roll_solucao {	background-position:-91px top;}

a.roll_curriculo {display: block;	width:91px;height: 23px;	background:url("images/botoes/bt_curriculo.gif") 0 0 no-repeat;text-decoration:none;}
a:hover.roll_curriculo {	background-position:-91px top;}

a.roll_projeto {display: block;	width:91px;height: 23px;	background:url("images/botoes/bt_projeto.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.roll_projeto {	background-position:-91px top;}

.bt_slide {width:108px;	height:23px; position: inherit;	
margin:10px 0 10px 255px;}
a.roll_slide {display: block;	width:108x;height: 23px;	background:url("images/botoes/bt_slide2.png") 0 0 no-repeat;text-decoration:none;}
a:hover.roll_slide { }

/*
.bt_slide {width:106px;	height:21px; position:relative;	left:750px;	margin:10px 0 10px 0;}
a.roll_slide {display: block;	width:106x;height: 21px;	background:url("images/botoes/bt_slide.png") 0 0 no-repeat;text-decoration:none;}
a:hover.roll_slide {  }
*/

.bt_conheca {	width:108px;	height:23px;	position:relative;	left:160px; *left:0; _*left:0;	margin:10px 0 10px 0;}
a.roll_conheca {display: block;	width:108px;height: 23px;	background:url("images/botoes/bt_conheca.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.roll_conheca {	background-position:-108px top;}

.bt_enviar {	width:121px;	height:26px;	position:relative;	left:0px; *left:0; _*left:0;	margin:10px 0 10px 0;}
a.roll_enviar {display: block;	width:121px;height: 26px;	background:url("images/botoes/bt_enviar.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.roll_enviar {	background-position:-121px top;}

/*************MENU TOOLTIP**********/
#div_link {
float:right;
}
ul#menutt {
width: 200px;  /* largura total */
list-style:none;
font-size:110%;
clear:both;
line-height:30px;
}
ul#menutt li{
position: relative;
top:0px; /* distancia para o topo da tela */
right:150px;   /* distância para a esquerda da tela */
}
ul#menutt a {
display: block;
text-align:left;
padding:0px 0 0 10px;
margin-bottom:1px;
text-decoration: none;
color: #000;
background: #F7F7F7;
voice-family: "\"}\"";
voice-family:inherit;
width:80px; /* largura cada janela */
float:right;
}
>#pagebody>ul#menutt a {
width:125px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menutt li { float: left; height: 1%; }
* html ul#menutt li a { height: 1%; }
/* End */
ul#menutt a:hover {
color: #fff;
background: #990000;
 
}
ul#menutt a span {
display: none;
}
ul#menutt a:hover span {
display: block;
position: absolute;
margin:0 0 0 -10px;
*margin:28px 0 0 -80px;
padding: 5px 0 0 0;
color: #fff;
background-color: #333;
font-size: 120%;
text-align:left;
border:1px solid  #CCCCCC;
}

/*Soluçoes*/
.solucoes { width:640px; float: right; }
.solucoes ul.caixa { list-style:none; border:1px solid #e5e5e5; background:#fff; margin:5px 0 20px 0; padding:10px 0px 0 0;}
.solucoes li { padding:5px 30px 5px 30px; margin:0; font:normal 110%  Arial, Helvetica, sans-serif; color:#000; line-height:1.8em;}
.solucoes h3 {font:180%  Arial, Helvetica, sans-serif; color: #990000; padding:0 0 5px 20px; margin:0;}

.solucoes img { float:left; margin:0px 10px 30px 10px; padding:0;}

.caixa { list-style:none; border:0px solid #e5e5e5; background:#fff; margin:20px auto ; padding:10px 0 0 0;}


.logos {width:980px; padding:10px 15px 10px 15px;  border:1px solid #d5d5d5; background:#f5f5f5;}
.logos img{padding:0px 20px 0 20px; margin:0;}
.logos ul {  list-style:none; border:1px solid #e5e5e5; background:#fff; }
.logos li {   font:normal 110%  Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:1.8em;}

/*Depoimentos*/
.depoimentos { background:url(images/testi.gif) #EFEFEF no-repeat top left; width:275px; border:1px solid #d5d5d5; margin:5px auto; padding:10px 20px; float: left;}
.depoimentos p { font-style:italic;}
 


/*Revenda*/
.revenda { width:631px;  float: right;}
.revenda ul {  list-style:none; border:1px solid #e5e5e5; background:#fff; margin:5px; padding:10px 10px; float:left;}
.revenda li {width:158px; padding:10px; margin:0; font:normal 110%  Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:1.8em;}
.revenda h3 {font:normal 120%  Arial, Helvetica, sans-serif; color: #990000; padding:0 0 5px 20px; margin:0;}
.revenda img { float:left; margin:0; padding:0;}

#mapa {
	width:312px;
	height:272px;
	border: solid 1px #999999 ;
	padding:2px;
}

/*Softwares*/
.softwares { width:300px;  margin:2px auto; padding:10px 20px; float:left;}
.softwares ul { list-style:none; border:1px solid #e5e5e5; background:#fff; margin:20px auto 20px auto; }
.softwares li { padding:5px 0 5px 5px; margin:0; font:normal 110%  Arial, Helvetica, sans-serif; color:#6e6e6e; line-height:1.8em;}
.softwares h3 {font:normal 160%  Arial, Helvetica, sans-serif; color: #990000; padding:0 0 5px 20px; margin:0;}
.softwares img { float:left; margin:0px; padding:5px;}

/*Softwares*/
#destaques {
width:300px;
}
#destaques ul li {
list-style:url(images/ok.png);
}


#ligue{
width:230px;
 
float:right;
}

.ligue{
color: #CCCCCC;
font-size:100%;
 
}

#ligue p{
color: #fff;
font-size:120%;
font-weight:bold;
}

.equipe ul{
	border:0;

	list-style: url(images/icones/ok.png);
	margin:0 0 0 40px;
	padding:10px 0 0 10px;
	*padding:20px 30px 0  10px;
}

.equipe li{
 
	margin:0 0 0 40px;
	padding:0px 0 0 10px;
	*padding:0px 30px 0  10px;
	font-size:140%;
	font-style:italic;
	font-weight:bold;
	
}

 
.lista li{line-height:2.8em;
}
 
 /*- Menu Tabs B--------------------------- 

    #tabsB {
   
      width:640PX;
      line-height:normal;
      }
    #tabsB ul {
      
     
        list-style:none;
		background:#F4F4F4;
		
      }
    #tabsB li {
      display:inline;
      margin:40px 0 30px 0;
      padding: 0px 0 10px 20px;
	  cursor: pointer;
 
      }
	  
	#tabsB p {
      padding:10px  0px 0 0px;
      }
	  
    #tabsB a {
      float:left;
      background:url("images/menu/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0px 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("images/menu/tabrightB.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
      color: #666;

	  font-size:12px;
      }
 
	  
 
    #tabsB a span {float:none;}
 
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
	  
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

        #tabsB #current a {
                background-position:0% -42px;
        }
        #tabsB #current a span {
                background-position:100% -42px;
        }
 
 
     #tabsB a.active {
      background-position:0% -42px;
      }
    #tabsB a.active span {
      background-position:100% -42px;
      }
*/	  
	  
	  
 /*- Menu Tabs FUNCIONANDO--------------------------- */	  
	  
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width:650px;
	font-size:100%;
 
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: visible;
	position: relative;
	background:  #E6E6E6;
	
	
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size:120%;;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
 
}
 
ul.tabs li a:hover {
	background: #ccc;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}		
	
	
	
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
 
	width:650px;
	background: #fff;
}
.tab_content {
	padding:35px 10px 10px 10px;
	font-size: 1.2em;
}		

.tab_content li{font-size: 120%;

}	
.solucoes2 { padding:0 20px 20px 20px;}
.solucoes2 h3 {font:180%; color: #990000; padding:0 0 5px 20px; margin:0; font-weight:bold;}

    

#mapa {
width: 313px;
height: 272px;
position: relative;
}

#mapa ul {
margin: 0;
padding: 0;
list-style: none;
}

#mapa a {
	position: absolute;
	width: 100px;
	height: 50 px;
	text-indent: -1000px;
	left: 1px;
	top: 304px;
}

#mapa .intel a {
top: 40px;
left: 80px;
}


.img_servicos {
	float:right;
	margin:0 10px 0 10px;
}

.center_servicos {
	width:440px;
	margin:20px 10px 20px 10px;
	padding:5px 0 0 0;
	float:right;
}

.big_side_servicos {
	width:440px;
	margin:20px 0px 0px 10px;
	padding:5px 0 35px 0;
	float:left;
}

.solucoes2 img {
	float:left;
	margin:0 10px 0 10px;
}

.borda img {
	border: solid 1px #999999;
	padding:2px;
}