/*	elementos	*/
* {
list-style:none;
text-decoration:none;
border:none;
font-size:11px;/*  bug */
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0;
}

a {
color:#666;
font-weight:normal;
text-decoration:none;
}

a:hover {
color:#666;
font-weight:normal;
text-decoration:underline;
}


body {
background:#fff url(lib/img/bg.jpg) 0 0 repeat-x;
padding:0;
margin:0;
}


#nextsys { position:relative; display:block; width:277px; height:101px; }

#nextsys span { position:absolute; width:277px; height:98px; top:0; left:0; background:url(lib/img/logo.jpg) 0 0 no-repeat; }



#root { 	width:720px;margin:0 auto;
border:0px solid #333;
background:url(lib/img/bg-root.jpg) 0 -2px no-repeat;
}

#menu { height:52px; border:0 solid red;margin:4px 0 0 200px;}
#menu li { float:left; display:inline;}


#menu .submenu li { float:none; display:block; border:0; height:22px; background:#052A61; }
#menu .submenu li a  { display:block; padding:0; color:#fff;margin:0; height:20px; line-height:19px; vertical-align:middle; padding-left:18px;}
#menu .submenu li a:hover  { background-color:#1F4377; text-decoration:none; }




#menu .submenu { position:relative;z-index:1; }
#menu .submenu ul { margin:0; display:none; position:absolute; left:0; top:49px; border:0px solid #444; width:200px; height:80px; background-color:white; }

#menu .grant ul { width:230px; }

#menu .submenu ul:hover{ display:block; }
#menu .submenu:hover ul { display:block; }





#menu a { display:block; position:relative; height:49px; cursor:pointer; }

#menu a span { position:absolute; width:100%; height:100%; }

a#mnu-item-home { width:79px; }
a#mnu-item-solucoes { width:99px; }
a#mnu-item-servicos { width:96px; }
a#mnu-item-nextsys { width:94px; }
a#mnu-item-contato { width:95px; }


#mnu-item-home span { background:url(lib/img/mnu-item-home.jpg) no-repeat;  }
#mnu-item-home span.hover { background:url(lib/img/mnu-item-home-hover.jpg) no-repeat; }

#mnu-item-contato span { background:#fff url(lib/img/mnu-item-contato.jpg) 0 0 no-repeat;  }
#mnu-item-contato span.hover { background:#fff url(lib/img/mnu-item-contato-hover.jpg) 0 0 no-repeat; }

#mnu-item-servicos span { background:#fff url(lib/img/mnu-item-servicos.jpg) 0 0 no-repeat; }
#mnu-item-servicos span.hover { background:url(lib/img/mnu-item-servicos-hover.jpg) 0 0 no-repeat; }

#mnu-item-solucoes span { background:#fff url(lib/img/mnu-item-solucoes.jpg) 0 0 no-repeat; }
#mnu-item-solucoes span.hover { background:url(lib/img/mnu-item-solucoes-hover.jpg) 0 0 no-repeat; }


#mnu-item-nextsys span { background:url(lib/img/mnu-item-nextsys.jpg) 0 0 no-repeat;  }
#mnu-item-nextsys span.hover { background:url(lib/img/mnu-item-nextsys-hover.jpg) 0 0 no-repeat; }

#menu a span.hover:hover { background:none; }


#content {
width:485px;
margin-left:230px;
margin-top:22px;
}


#view #content {
margin:0;
float:right;
}



#sidebar {
margin:220px 0 0 0;
width:149px;
padding:15px 19px 15px 19px;
float:left;
overflow:hidden;
border:1px solid #B4BDC4;
background:#9EBED5 url(lib/img/bg-sidebar-ul.jpg) 0 top no-repeat;/*#BDDDF2*/
}




#sidebar a { display:block;padding:5px 2px; }

#sidebar a:hover { background-color:#C2DDEF;color:#000;text-decoration:none; }
#sidebar:hover { border-color:#789AAF; }
#sidebar:hover ul li a { color:#333; }

#sidebar a { border-bottom:1px dotted #333; }
#sidebar a.a-last { border-bottom-width:0; }

h3 { font:bold 13px Arial;color:#FFF;margin-bottom:14px; }

#footer { clear:both;color:#000;padding:15px 0 30px;height:75px;border:0px solid #333; }

#bg-footer { background:url(lib/img/bg-footer.jpg) 0 bottom repeat-x;padding-bottom:12px; }

h1, h4 {
color:#3977A8;
font:bold 13px "Trebuchet MS", Verdana, sans-serif;
position:relative; display:block; width:490px; height:22px; text-indent:-9999px;  }
h2  { color:#9F9595; margin-bottom:18px; font:bold 12px arial;}
.list h2 { color:#86A7BA; }


#contato #content, #trabalhe #content { height:180px; }

h1 span, h4 span { position:absolute; width:490px; height:22px; top:0; left:0; }
#home h1 span { background:url(lib/img/h-main-desenvolvendo-hoje.png) 0 0 no-repeat;  }

#nextsys-empresa h1, #trabalhe h1, #contato h1, #solucoes h1, #info h1 #servicos h1, #view h1 { margin-top:80px; }

#solucoes h1 span { background:url(lib/img/h-solucoes-nextsys.png) 0 0 no-repeat; }
#info h1 span { background:url(lib/img/h-info.png) 0 0 no-repeat; }
#servicos h1 span { background:url(lib/img/h-servicos-nextsys.png) 0 0 no-repeat; }
#contato h1 span { background:url(lib/img/h-contato.png) 0 0 no-repeat; }
#trabalhe h1 span { background:url(lib/img/h-trabalhe-conosco.png) 0 0 no-repeat; }



#nextsys-empresa h1 span { background:url(lib/img/h-nextsys.png) 0 0 no-repeat; }


#view h1 span { background-position:0 0; background-repeat:no-repeat;   }
#view .docnix h1 span { background-image:url(lib/img/hs-docnix.png); }
#view .docaction h1 span { background-image:url(lib/img/hs-docaction.png); }
#view .docaudit h1 span { background-image:url(lib/img/hs-docaudit.png); }
#view .circulo-de-melhorias h1 span { background-image:url(lib/img/hs-circulo-de-melhorias.png); }
#view .planejamento-estrategico h1 span { background-image:url(lib/img/hs-planejamento-estrategico.png); }
#view .indicadores h1 span { background-image:url(lib/img/hs-indicadores.png); }
#view .groupware-linux h1 span { background-image:url(lib/img/hs-groupware-linux.png); }
#view .produto-app-server h1 span { background-image:url(lib/img/hs-produto-app-server.png); }
#view .pos-venda h1 span { background-image:url(lib/img/hs-pos-venda.png); }
#view .business-intelligence h1 span { background-image:url(lib/img/hs-business-intelligence.png); }


#view .consultoria h1 span { background-image:url(lib/img/hse-consultoria.png);  }
#view .seguranca h1 span { background-image:url(lib/img/hse-seguranca.png); }
#view .fabrica-de-software h1 span { background-image:url(lib/img/hse-fabrica-de-software.png); }
#view .outsourcing h1 span { background-image:url(lib/img/hse-outsourcing.png); }
#view .microsoft h1 span { background-image:url(lib/img/hse-s-microsoft.png); }
#view .ibm h1 span { background-image:url(lib/img/hse-s-ibm.png); }
#view .linux h1 span { background-image:url(lib/img/hse-s-linux.png); }
#view .oracle h1 span { background-image:url(lib/img/hse-s-oracle.png); }
#view .helpdesk h1 span { background-image:url(lib/img/hse-helpdesk.png); }
#view .mapeamento h1 span { background-image:url(lib/img/hse-mapeamento.png); }
#view .headhunting h1 span { background-image:url(lib/img/hse-headhunting.png); }




#view .missao h1 span { background-image:url(lib/img/n-missao.png); }
#view .politica h1 span { background-image:url(lib/img/n-politica.png); }
#view .certificacoes h1 span { background-image:url(lib/img/n-certificacoes.png); }
#view .parceiros h1 span { background-image:url(lib/img/n-parceiros.png); }
#view .organograma h1 span { background-image:url(lib/img/n-organograma.png); }
#view .cases-de-sucesso h1 span { background-image:url(lib/img/n-cases-de-sucesso.png); }


#view .sudameris h1 span { background-image:url(lib/img/c-sudameris.png); }
#view .telefonica h1 span { background-image:url(lib/img/c-telefonica.png); }
#view .cce h1 span { background-image:url(lib/img/c-cce.png); }
#view .voip h1 span { background-image:url(lib/img/c-voip.png); }
#view .siciliano h1 span { background-image:url(lib/img/c-siciliano.png); }


#view .soxexpress h1 span { background-image:url(lib/img/hs-soxexpress.png); height:65px; }
#view .soxexpress h1 { height:65px; }

#view .cases-de-sucesso li span h1 span { margin-top:10px; }
#view .cases-de-sucesso li span h1 { margin:-10px 0 10px; border-top:1px solid #DFDFDF; }
#view .cases-de-sucesso li span div { padding:10px; width:420px;overflow:hidden; }



#view .clientes h1 span { background-image:url(lib/img/n-clientes.png); }



#view .cases-de-sucesso li a {
text-decoration:none;
display:block;
padding:5px 10px;
outline:none;
}


#view .cases-de-sucesso li a:hover {
background-color:#C2DDEF;
color:#45494F;
}



#view #root .cases-de-sucesso ul li {
list-style-type:none;
background-color:#fff;
border:1px solid #E6E6E6;
margin:0 20px 20px;
}




h4 span { background:url(lib/img/h-credibilidade.png) 0 0 no-repeat; }



#content { border:0px solid #333; height:166px; }
#content.interna { height:120px; }


#nextsys-empresa #content, #solucoes #content, #info #content, #servicos #content, #view #content { height:auto; margin-bottom:14px;padding:0 15px 0 0; }
#contato #content {}

#view #content img { margin:12px 0 0 5px; }

#reload { display:none; }

.primeiro {
margin-top:20px;
}

#content p { margin:3px 12px 20px 0; }
#content p.hands { padding-left:109px;background:url(lib/img/home/hands.jpg) left center no-repeat; }
#content a { color:#95B7C3; text-decoration:underline;}
#content a:hover { color:#6D929F; text-decoration:none;}

iframe { display:none;}







#footer ul li { float:left;margin-right:20px;}

#footer ul { padding:15px 0 10px;display:block; }
#footer ul a { color:#3977A8;text-decoration:none; }


#footer ul a:hover { color:#2F5D7F;text-decoration:underline; }

#footer address {
clear:both;
 }

#footer p {
margin-top:17px;
}


p, li { font:12px Arial, Verdana, sans-serif; color:#7F7F7F; }

#content-sec { margin-top:15px; }
#content-sec li { list-style-type:circle; list-style-position:inside; }



#content-sec div { float:left; width:497px; height:109px; border:1px solid #E6E6E6; margin-bottom:10px; padding:25px 0 0 0;}

#content-sec div .bg { float:none; background:url(lib/img/icon-indicadores.png) 22px 8px no-repeat; width:377px; border-width:0; margin:0; padding:0 0 0 120px; }


#content-sec.list div { float:none; width:auto; height:auto; border:none; margin:0; padding:0;} 
#content-sec.list ul  { margin-left:0; }

#content-sec.list ul li {
display:block;
border:1px solid #E6E6E6;
list-style-type:none;
float:left;
background:url(lib/img/home/call-2.jpg) right bottom no-repeat;
width:236px;
margin:0 2px 2px 0;
}


#content-sec.list ul li:hover { border:1px solid #CFCFCF; }
#content-sec.list ul li div { background:url(lib/img/icon-indicadores-solucoes.png) 9px center no-repeat; padding:32px 16px 20px 68px; }
#content-sec.list ul li a { color:#343434;display:block;font-weight:bold;margin-top:10px;text-decoration:underline; }
#content-sec.list ul li a:hover { text-decoration:none; }
#content-sec.list p, #content-sec.list h2 { margin:0; }

#content-sec.lista ul {  border:1px solid #CFCFCF; width:260px; margin:0 auto;  padding:10px; background-color:#fff;}
#content-sec.lista ul li { list-style-type:none; list-style-position:inside;  }
#content-sec.lista ul li a { color:#072E67;padding:6px 0 6px 6px;display:block;border-bottom:1px solid #c0c0c0; }
#content-sec.lista ul li a:hover { background-color:#DEDEDE; text-decoration:none;  }
#content-sec.lista ul li a.a-last { border-width:0; }

#content-sec.lista ul:hover { border-color:#c0c0c0; }


#content-sec #destaque {
width:164px;
height:288px;
float:right;
background:#BDDDF2 url(lib/img/home/destaque.jpg) left bottom no-repeat;
border:1px solid #B3BDC7;
padding:0 23px;

}

#content-sec #destaque div { padding:0;width:164px; padding:178px 0 20px;background:url(lib/img/info.jpg) center 16px no-repeat;border-width:0; }
#destaque h2, #destaque li { color:#4B6071; }

div#call-1 { 
padding:25px 105px 0 23px;
width:368px;
position:relative;  border-top:5px solid #494949;background:url(lib/img/home/call-2.jpg) right bottom no-repeat;
}
div#call-2 { position:relative; border-bottom:5px solid #494949; background:url(lib/img/home/call-2.jpg) right bottom no-repeat;  }



div#call-1 a {
background:url(lib/img/bt-blue.png) 0 0 no-repeat;
width:124px;
height:46px;
text-align:center;
display:block;
line-height:46px;

color:#fff;
position:absolute;

bottom:13px;
right:24px;

}

div#call-2 a {
color:#fff;
line-height:46px;
text-align:center;
display:block;
position:absolute;
right:24px;
bottom:13px;
width:124px;
height:46px;
background:url(lib/img/bt-blue.png) 0 0 no-repeat;
}

#destaque a {
color:#fff;
line-height:46px;
text-align:center;
display:block;
width:118px; height:46px;
background:url(lib/img/bt-gray.png) center center no-repeat;
margin:12px 0 0 20px;

}


#box {
width:718px;
border:1px solid #D7D2C8;
clear:both;
background:#E3DFD7 url(lib/img/bg-box.jpg) center bottom no-repeat;
color:#78736D;
}

h4 { margin-bottom:8px; }

#box div { 
background:url(lib/img/icon-grafico.png) 22px 22px no-repeat;
padding:30px 20px 0 225px;
height:145px;
}

#creditos, #creditos a { font:11px Arial; color:#666; }
#creditos a { text-decoration:underline; }
#creditos a:hover { text-decoration:none; }



#view h2 { 
color:#7AADD1;
margin:35px 0 5px 0;
font-family:verdana;}

#view #content li  { list-style-type:disc; list-style-position:inside; margin-left:5px; }

#view #content dd, dt { color:#666;}


#view #content dd { padding-bottom:13px; }
#view #content dd.lastdd { padding-bottom:0; }

#view #content dt { font-weight:bold; margin-right:15px; text-decoration:underline; }


#view #content dl { 
margin:15px 0;
padding:15px 19px 16px;
border:1px solid #ccc;
background:#fff url(lib/img/home/call-2.jpg) right bottom no-repeat;
}

#footer dd, dt { display:inline; color:#666;}
#footer dt { margin-right:15px;}







input, textarea, select { margin-bottom:15px;border:2px solid #ccc;padding:5px;}
label {height:19px;}
label, button, textarea {display:block;}

form legend { padding:0 8px;font-weight:bold;color:#7AADD1; }

.inline { display:inline;cursor:pointer;width:15px;overflow:hidden;margin-bottom:0;}
.inline {margin-right:5px;}
.inline:hover {color:orange;clear:both; }
select:focus, select:hover, input:hover, textarea:hover, input:focus, textarea:focus, .form_focus { 
border:2px solid #1A4A8F;background-color:#DFEDFF;}
select { width:130px; }
option { padding-left:5px; }

button {
display:block;
margin:0 auto;
margin-top:10px;
cursor:pointer;
color:#fff;
line-height:46px;
text-align:center;
width:124px;
height:46px;
background:url(lib/img/bt-blue.png) 0 0 no-repeat;
}

button:hover { text-decoration:underline; }

fieldset {
margin:0 auto;
padding:23px 40px 20px 40px; width:208px; border:1px solid #DFDFDF; 
background:#fff
}

fieldset:hover legend { color:red; }
fieldset:hover { border-color:#7AADD1; }

img.pics { float:right; }



#webmail #root { background:url(lib/img/bg-root-webmail.jpg) 0 -2px no-repeat; }
#webmail #menu { margin:4px 0 0 110px;}
#webmail #content {
width:700px;
margin:20px 0 7px 0;
display:block;
height:300px;
}
#webmail_iframe { display:block;
border:1px solid #ccc;
}

#webmail_iframe:hover { 
border-color:#c0c0c0;
}