@charset "utf-8";
/* CSS Document */

a{text-decoration:none; color:#498CFC}
a:hover{text-decoration:underline;}

h1,h2,h3,p
{
	margin:0px;
	padding:0px;
}
h2
{
	color:#333333;
	font-size:20px;
	font-weight:normal;
}
h3
{
	color:#666666;
	font-size:12px;
}
p{line-height:14px;}
img{border:0; margin:0; *margin-bottom:-3px;}

body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
}

/************************** ID ***********************/

#root
{
	width:1000px;
	margin:0 auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#topo
{
	background:url(../images/img_topo.jpg) top left scroll no-repeat;
	width:100%;
	height:150px;
	float:left;
}
#topo img.logo{padding:37px 46px 0 30px;}
#topo div.versao{float:left; padding:122px 0 0 15px;}
#topo div.versao2{padding:33px 0 0 76px;}
#topo p{background:url(../images/img_fundo_menu.gif) top left scroll no-repeat; height:27px; width:107px; text-align:center; float:left; line-height:26px; font-size:13px; margin-top:119px; cursor:pointer}

#topo h2 {background:url(../images/img_fundo_menu_selecionado.gif) top left scroll no-repeat; height:27px; width:107px; text-align:center; float:left; line-height:26px; font-size:13px; margin-top:119px; color:#FFFFFF}


#topo p:hover{background:url(../images/img_fundo_menu_ativo.gif) top left scroll no-repeat; height:27px; width:107px; font-weight:bold}
#topo a{color:#FFFFFF;}
#topo a:hover{color:#FFFFFF; text-decoration:none;}
#menuEsq
{
	width:231px;
	float:left;
	padding-left:10px;
	color:#FFFFFF;
}
#menuEsq p{line-height:15px;}
#menuEsq a{color:#FFFFFF}
#miolo
{
	width:759px;
	float:left;
	text-align:justify;
}
#mioloInternas
{
	width:750px;
	float:left;
	background:url(../images/img_fundo_miolo_internas.gif) top left scroll repeat-y;
	min-height:723px; height:auto !important; height:723px;
}
#mioloServicos
{
	width:577px;
	float:left;
	background:url(../images/img_fundo_miolo_internas.gif) top left scroll repeat-y;
	min-height:790px; height:auto !important; height:790px;
}
#flashEimagem
{
	width:744px;
	height:189px;
	text-align:right;
	padding-right:15px;
}
#tituloServico
{
	width:744px;
	height:122px;
	padding-right:15px;
}
#rastro
{
	width:599px;
	height:38px;
	background:url(../images/img_topo_rastro_01.gif) top left scroll no-repeat;
	padding:14px 0 0 160px;
	font-size:10px;
}
#rastroServicos
{
	width:417px;
	height:38px;
	background:url(../images/img_topo_rastro_01.gif) top left scroll no-repeat;
	padding:14px 0 0 160px;
	font-size:10px;
}
#conteudo{color:#000000; font-size:11px;}
#conteudo h2{color:#456478; font-size:20px; font-family:"Trebuchet MS", Verdana, Arial;}
#servicos
{
	width:138px;
	background:url(../images/img_topo_servicos_menu.gif) top left scroll no-repeat #C5DAE8;
	min-height:790px; height:auto !important; height:790px;
	float:left;
	padding:0 15px 0 15px;
	text-align:center;
}
/* CLASS */

.borderAssLibero{border-bottom-style:solid; border-bottom-color:#859CAA; border-bottom-width:1px; width:690px; line-height:21px; *line-height:24px; _line-height:31px; padding-top:12px;}
.borderAssLiberoHome{border-bottom-style:solid; border-bottom-color:#859CAA; border-bottom-width:1px; width:690px; line-height:20px; *line-height:22px; _line-height:29px; padding-top:12px;}
.boxMarrom
{	
	background-color:#B7BAA1;
	width:342px;
	padding:0 8px 0 15px;
	min-height:572px; height:auto !important; height:572px;
}
.boxAzulClaro
{	
	background-color:#D8EDFB;
	width:332px;
	padding:0 18px 0 15px;
	color:#316080;
}
.boxAzulEscuro
{	
	background-color:#5CA9DD;
	width:332px;
	padding:0 18px 0 15px;
	color:#ffffff;
}
.boxAzulEscuro a{color:#FFFFFF;}
.clearBoth{clear:both}
.colorCinza{color:#4D5D67;}
.colorPreto{color:#000000;}
.displayTable{display:table;}
.font11{font-size:11px}
.font12{font-size:12px}
.font14{font-size:14px}
.floatLeft{float:left}
.fundo1{background:url(../images/img_fundo_menu_esq_laranja.jpg) repeat-x top left scroll; width:211px; height:68px; padding-left:20px;}
.fundo2{background:url(../images/img_fundo_menu_esq_cinza.gif) repeat-y top left scroll; width:201px; height:32px; padding-left:30px;}
.fundo3{background-color:#859CAA; padding:6px 11px 6px 11px}
.fundo4{background:url(../images/img_fundo_menu_esq_cinza_02.gif) repeat-y top left scroll; width:201px; height:32px; padding-left:30px;}
.fundo5{background-color:#9A9C86; padding:10px 10px 10px 10px; margin-right:7px; color:#565847; font-size:12px;}
.fundoNossosServicos{background:url(../images/img_fundo_nossos_servicos2.jpg) top left scroll no-repeat; width:591px; height:378px; margin-left:82px; font-size:12px;}
.lineHeight20{line-height:20px;}
.marginRight2{margin-right:2px;}
.marginLeft10{margin-left:10px;}
.paddingLeft56{padding-left:14px;}
.paddingLeft160{padding-left:160px;}
.paddingLeft115{padding-left:70px;}
.paddingTop11{padding-top:11px; padding-bottom:9px;}
.paddingTop20{padding-top:20px;}
.marginT11L10{margin:24px 0 10px 10px;}
.paddingRight15{padding-right:15px;}
.paddingRight100{padding-right:100px;}
.textAlignCenter{text-align:center}
.textAlignLeft{text-align:left}
.textAlignRight{text-align:right}
.width365{width:365px;}
.padding33 {padding-left:33px;}
.width430{width:475px;}
.width500 {width:450px;}

.padding1NS{padding:46px 0 0 270px; font-size:10px; font-weight:bold; text-align:center}
.padding2NS{padding:55px 80px 0 0; font-size:10px; font-weight:bold; text-align:center}
.padding3NS{padding:160px 0 0 25px; font-size:10px; font-weight:bold; text-align:center}
.padding4NS{padding:81px 0 0 75px; font-size:10px; font-weight:bold; text-align:center}
.padding5NS{padding:115px 0 0 10px; font-size:10px; font-weight:bold; text-align:center}
.padding6NS{padding:170px 0 0 270px; font-size:10px; font-weight:bold; text-align:center}

/* IMAGE REPLACE */

h2#tit1
{
	width: 231px;
	height: 44px;
	background:url(../images/produtos-sysmas-e-sistemas.gif) no-repeat top left scroll;
}
h2#tit1 span {
	display: none;
}
p#tit2
{
	width: 231px;
	height: 60px;
	background:url(../images/bot-produtos-sysmap.jpg) no-repeat top left scroll;
}
p#tit2 span {
	display: none;
}
p#tit2 a:hover {text-decoration:none}
h2#tit3
{
	width: 167px;
	height: 26px;
	*height: 30px;
	background:url(../images/gestao-de-projetos.gif) no-repeat top left scroll;
	
}
h2#tit3 span {
	display: none;
}
h2#tit3 a:hover {text-decoration:none}
h2#tit4
{
	width: 109px;
	height: 26px;
	*height: 36px;
	background:url(../images/gestao-de-disponibilidade-de-infraestrutura-tecnologica.gif) no-repeat top left scroll;
}
h2#tit4 span {
	display: none;
}
h2#tit4 a:hover {text-decoration:none}
h2#tit5
{
	width: 100px;
	height: 80px;
	*height: 40px;
	background:url(../images/consultoria-de-ti.gif) no-repeat top left scroll;
}
h2#tit5 span {
	display: none;
}
h2#tit5 a:hover {text-decoration:none}
h2#tit6
{
	width: 41px;
	height: 18px;
	background:url(../images/crm.gif) no-repeat top left scroll;
}
h2#tit6 span {
	display: none;
}
h2#tit6 a:hover {text-decoration:none}
h2#tit7
{
	width: 82px;
	height: 18px;
	background:url(../images/soa-bpm.gif) no-repeat top left scroll;
}
h2#tit7 span {
	display: none;
}
h2#tit7 a:hover {text-decoration:none}
h2#tit8
{
	width: 87px;
	height: 50px;
	*height: 10px;
	background:url(../images/alocacao-de-recursos.gif) no-repeat top left scroll;
}
h2#tit8 span {
	display: none;
}
h2#tit8 a:hover {text-decoration:none}
h2#tit9
{
	width: 263px;
	height: 45px;
	background:url(../images/sysmap-qualidade-software.gif) no-repeat top left scroll;
}
h2#tit9 span {
	display: none;
}	
h2#tit9 a:hover {text-decoration:none}
h2#tit10
{
	width: 170px;
	height: 53px;
	background:url(../images/excelencia-em-ti.gif) no-repeat top left scroll;
}
h2#tit10 span {
	display: none;
}	
h2#tit10 a:hover {text-decoration:none}
h2#tit11
{
	width: 190px;
	height: 60px;
	background:url(../images/sysmap-rc.gif) no-repeat top left scroll;
}
h2#tit11 span {
	display: none;
}
h2#tit11 a:hover {text-decoration:none}

h2#tit13
{
	width: 242px;
	height: 93px;
	background:url(../images/img_crux_framework.gif) no-repeat top left scroll;
}
h2#tit13 span {
	display: none;
}	
h2#tit13 a:hover {text-decoration:none}
/* SUB-MENU DE SERVIÇOS */

.dropmenudiv{
position:absolute;
top: 0;
z-index:100;
font:normal 12px Verdana;
line-height:18px;
background-color: #0099EC;
width: 310px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#B7E6FF,direction=135,strength=2);*/ /*Add Shadow in IE. Remove if desired*/
filter:Alpha(Opacity=88);
-moz-opacity: .88;
left:50%;
margin-left:-23px; *margin-left:-22px; _margin-left:-25px;
margin-top:5px;  *margin-top:0;

}
.dropmenudiv a
{
	width: auto;
	display: block;
	text-indent: 9px;
	border-bottom: 1px solid #B7E6FF; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: black;
}

.dropmenudiv a:hover{background-color: #E8B44A; font-weight:bold;}


.dropmenudiv2 {
position:absolute;
top: 0;
z-index:100;
font:normal 12px Verdana;
line-height:18px;
background-color: #0099EC;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#B7E6FF,direction=135,strength=2);*/ /*Add Shadow in IE. Remove if desired*/
filter:Alpha(Opacity=88);
-moz-opacity: .88;
left:50%;
margin-top:5px;  *margin-top:0;
}
.dropASysmap1{margin-left:-19px; *margin-left:-18px; _margin-left:-21px;}
.dropASysmap2{margin-left:-21px; _margin-left:-21px;}
.dropmenudiv2 a
{
	width: auto;
	display: block;
	text-indent: 9px;
	border-bottom: 1px solid #B7E6FF; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: black;
}

.dropmenudiv2 a:hover{background-color: #E8B44A; font-weight:bold;}

/* FORMS */

.form1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	width: 300px;
	border: 1px solid #5CA9DD;
	margin-top:2px; *margin-top:1px;
}

.form2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	width: 40px;
	border: 1px solid #5CA9DD;
	margin-top:2px; *margin-top:1px;
}
.form3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 14px;
	width: 160px;
	border: 1px solid #5CA9DD;
	margin-top:2px; *margin-top:1px;
}
.form4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 140px;
	width: 300px;
	border: 1px solid #5CA9DD;
	margin-top:2px; *margin-top:1px;
}
.form5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5CA9DD;
	background-color: #D8EDFB;
	height: 30px;
	width: 50px;	
	border:none;
	font-weight:bold;
	margin-left:252px;
}


/* CLASS PÁGINA OPORTUNIDADES */

.oportunidades ul,ol,li
{
	margin-left:-38px;
	padding:0px;
}
.oportunidades ul,li{list-style:none;}
.menuOportunidades{color:#D48C00}
.hr {width:510px; height:1px; border: none; border-top: 1px solid #5CA9DD; line-height:20px; margin:5px 0 0 0; *margin-top:-2px; text-align:left}


/* HACK IE */

.FLOATLEFTIE{*float:left;}
.MARGINTOP11NEGIE{*margin-top:-11px;}
.MARGINTOP19IE{_margin-top:33px;}
.MARGINBOTTOM10IE{*margin-bottom:10px;}
.MARGINLEFT5IE{_margin-left:5px;}


#popup {
	position:absolute;
	width:330px;
	height:370px;
	left: 355px;
	top: 55px;
	font-size:14px;
	color:#754B83;
	line-height:14px;
}
#popup a{font-size:12px; color:#000000; margin-left:250px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

h1.tit01
{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:28px;
	color:#4A5860;
	font-weight:bold;
	padding-left:13px;
	line-height:96px;
}

h1.tit02
{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:28px;
	color:#4A5860;
	font-weight:bold;
	padding:9px 100px 14px 13px;
}