/*||||||||||||||||||||||||||| ESTRUTURA + ESTILOS BÁSICOS ||||||||||||||||||||||||||*/

/* ----------------------------------------------------------------------------------
/  Body + Links + Títulos + Parágrafo
-----------------------------------------------------------------------------------*/
body{
	background:#434343;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#626262;
	font-size:11px;
	text-align:left;
	padding:0;
	margin:0;
}
*{
	outline:none;
}
a:link, a:active, a:visited {
	color:#192779;
	text-decoration:none;
	padding:0;
	margin:0;
}
a:hover {
	text-decoration:underline;
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5{
	font-size:11px;
	font-weight:normal;
	padding:0;
	margin:0;
}
p{
	padding:0;
	margin:0;
}
/* ----------------------------------------------------------------------------------
/  Bold
-----------------------------------------------------------------------------------*/
.bold{
	font-weight:bold;
}
/* ----------------------------------------------------------------------------------
/  Container
-----------------------------------------------------------------------------------*/
#containerBg{
	background:#434343 url(../imagens/bg_body.gif) no-repeat;
/*background:#434343 url(../imagens/bg_body.gif);*/
	width:788px;
	height:600px;
	position:absolute;
	background-color:Blue;
	top:1px;
	left:50%;
	padding:0;
	margin:0 0 0 -398px;
}
#container
{
	left: 50%;
	margin: 0px 0px 0px -385px;
	width: 770px;
	padding-top: 0px;
	position: absolute;
	top: 2px;
	height: 598px;
	background-color: white;
}
/* ----------------------------------------------------------------------------------
/  Testeira
-----------------------------------------------------------------------------------*/
#testeira{
	background:url(../imagens/bg_testeira.jpg) top left no-repeat;
	width:770px;
	height:79px;
	padding:0;
	margin:0;
}
/* Link */
#testeira h1 a{
	width:270px;
	height:70px;
	font-size:0px;
	text-indent:-20000px;
	display:block;
	position:absolute;
	padding:0;
	margin:5px 0 0 250px;
}
/* Acesso Clientes */
#acesso a{
	background:url(../imagens/ico_acesso.gif) center left no-repeat;
	width:90px;
	color:#A8A9D1;
	font-weight:bold;
	position:absolute;
	padding:0 0 0 10px;
	margin:35px 0 0 55px;
}
/* Fale Conosco */
#faleConosco a{
	background:url(../imagens/ico_fale.gif) center left no-repeat;
	width:75px;
	color:#A8A9D1;
	font-weight:bold;
	position:absolute;
	padding:0 0 0 15px;
	margin:35px 0 0 580px;
}
/* Mapa do Site */
#mapaSite a{
	background:url(../imagens/ico_mapa.gif) center left no-repeat;
	width:75px;
	color:#A8A9D1;
	font-weight:bold;
	position:absolute;
	padding:0 0 0 13px;
	margin:35px 0 0 678px;
}
/* ----------------------------------------------------------------------------------
/  Menu Rodapé
-----------------------------------------------------------------------------------*/ 
#rodapeMenu{
	background:url(../imagens/bg_rodapeMenu.gif) top left repeat-x;
	width:770px;
	height:27px;
	color:#fff;
	font-weight:bold;
	clear:left;
	padding:0;
	margin: 0 0 0 0px;
}
#rodapeMenu ul{
	padding:0;
	margin:0 0 0 25px;
}
#rodapeMenu ul li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#rodapeMenu ul li span{
	float:left;
	padding:7px 2px 0 2px;
	margin:0;
}
#rodapeMenu ul li a{
	height:20px;
	color:#fff;
	display:block;
	float:left;
	padding:0;
	margin:0;
}
#rodapeMenu ul li a{
	padding:7px 5px 0 5px;
}
#rodapeMenu ul li a:hover{
	background:url(../imagens/bg_rodapeMenuOver.gif) no-repeat top left;
	border-right:2px solid #135690;
	padding-right:3px;
}
/* A * /
#rodapeMenu ul li .a{
	width:79px;
	padding:7px 0 0 5px;
}
#rodapeMenu ul li a:hover.a{
	background:url(../imagens/bg_rodapeMenuOverA.gif) top left no-repeat;
}
/* B * /
#rodapeMenu ul li .b{
	width:50px;
	padding:7px 0 0 6px;
}
#rodapeMenu ul li a:hover.b{
	background:url(../imagens/bg_rodapeMenuOverB.gif) top left no-repeat;
}
/* C * /
#rodapeMenu ul li .c{
	width:55px;
	padding:7px 0 0 5px;
}
#rodapeMenu ul li a:hover.c{
	background:url(../imagens/bg_rodapeMenuOverC.gif) top left no-repeat;
}
/* D * /
#rodapeMenu ul li .d{
	width:105px;
	padding:7px 0 0 5px;
}
#rodapeMenu ul li a:hover.d{
	background:url(../imagens/bg_rodapeMenuOverD.gif) top left no-repeat;
}
*/
/* Trabalhe Conosco */
#rodapeMenu .trabalhe a{
	color:#868CB5;
	float:right;
	padding:0;
	margin:7px 15px 0 0;
}
#rodapeMenu .trabalhe a:hover{
	color:#9AA1CE;
	text-decoration:none;
}
/* ----------------------------------------------------------------------------------
/  Rodapé
-----------------------------------------------------------------------------------*/ 
#rodape{
	width:770px;
	height:14px;
	color:#A0A0A0;
	font-size:10px;
	font-weight:bold;
	position:absolute;
	top:600px;
	left:50%;
	padding:0;
	margin:0 0 0 -385px;
}
#rodape #copyright{
	float:left;
	padding:0;
	margin:0;
}
#rodape #assinatura a{
	color:#A0A0A0;
	font-size:10px;
	float:right;
	padding:0;
	margin:0;	
}

/*||||||||||||||||||||||||||||||||||||| PÁGINAS |||||||||||||||||||||||||||||||||||*/

/* ----------------------------------------------------------------------------------
/  HOME
-----------------------------------------------------------------------------------*/ 
/* Imagem recorte */
#home{
	background:url(../imagens/bg_idxTop.jpg) top left no-repeat;
	width:770px;
	height:30px;
	float:left;
	padding:0;
	margin:0;
}
/* Serviços */
#left{
	background:url(../imagens/bg_idxLeft.jpg) left top no-repeat;
	width:160px;
	height:240px;
	float:left;
	padding:10px 0 0 0;
	margin:0;
}
#left a{
	color:#828385;
	float:left;
	padding:0;
	cursor: hand;
}

#left .tit{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	display:block;
	padding:10px 10px 0 0;
	margin:0;
}
#left p{
	height:130px;
	padding:20px 7px 0 7px;
	margin:0;
}
#left .btLeiaMais a{
	background:url(../imagens/bt_leiaMais.jpg) right top no-repeat;
	width:75px;
	height:18px;
	color:#727272;
	font-weight:bold;
	float:right;
	display:block;
	padding:2px 0 0 0;
	margin:0 3px 0 0;
}
/* Institucional */
#right{
	background:url(../imagens/bg_idxRight.jpg) left top no-repeat;
	width:160px;
	height:240px;
	float:right;
	padding:10px 0 0 0;
	margin:0;
}
#right .tit
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 10px 0 0 10px;
    margin: 0;
}
#right p{
	height:100px;
	padding:20px 7px 0 7px;
	margin:0;
}
#right a
{
    color: #000080;
    float: left;
    padding: 0;
    cursor: hand;
}
#right .btLeiaMais a{
	background:url(../imagens/bt_leiaMais.jpg) right top no-repeat;
	width:90px;
	height:18px;
	color:#727272;
	font-weight:bold;
	float:right;
	display:block;
	padding:2px 0 0 0;
	margin:0 3px 0 0;
}

#cases .btLeiaMais a{
	background:url(../imagens/bt_leiaMais.jpg) right top no-repeat;
	width:75px;
	height:18px;
	color:#727272;
	font-weight:bold;
	float:right;
	display:block;
	padding:2px 0 0 0;
	margin:20px 30px 0 0px;
}

#modulos .btLeiaMais a{
	background:url(../imagens/bt_leiaMais.jpg) right top no-repeat;
	width:75px;
	height:18px;
	color:#727272;
	font-weight:bold;
	float:right;
	display:block;
	padding:2px 0 0 0;
	margin:35px 30px 0 0px;
}
/* Banner */
#banner{

	width:448px;
	height:250px;
	text-align:right;
	float:left;
	padding:0px 0px 0 0;
	margin:0;
}
#banner span{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
}
#banner p{
	width:200px;
	height:30px;
	float:right;
	color:#fff;
	padding:0;
	margin:0;
}
/* Cases */
#cases{
	background:url(../imagens/bg_cases.jpg) left top no-repeat;
	width:383px;
	height:6.3cm;
	float:left;
	display:block;
	padding:0;
	margin:0 0 0 0;
}
#cases .tit{
	color:#4D4D4D;
	font-weight:bold;
	padding:0;
	margin:0 0 0  10px;
}
#cases .tit span{
	color:#FF6600;
	padding:10px 3px 0 10px;
}
#cases #logo{
	width:190px;
	height:65px;
	float:left;
	padding:0;
	margin:10px 0 0 50px;
}
#cases a{
	width:350px;
	height:50px;
	color:#828385;
	float:left;
	padding:0;
	margin:90px 0 0 20px;
}
/* Módulos */
#modulos{
	background:url(../imagens/bg_modulo.jpg) top right no-repeat;
	width:383px;
	height:6.3cm;
	display:block;
	float:right;
	padding:0;
	margin:0;
}
#modulos .tit{
	color:#4D4D4D;
	font-weight:bold;
	padding:0 0 0 3px;
	margin:0 0 0 205px;
}
#modulos .tit span{
	color:#FF6600;
	padding:0 3px 0 3px;
}
#modulos a{
	width:230px;
	height:50px;
	color:#828385;
	float:left;
	padding:0;
	margin: 70px 0px 0  140px;
}
/* ----------------------------------------------------------------------------------
/  Conteúdo (Internas)
-----------------------------------------------------------------------------------*/ 
/* Imagem Topo */
#imagemTop{
	background:url(../imagens/bg_imagemTop.jpg) top left no-repeat;
	width:770px;
	height:30px;
	float:left;
	padding:0;
	margin:0;
}
/* Banner */
#bannerEsquerda{
	width:160px;
	height:460px;
	float:left;
	padding:0;
	margin:0;
}
/* Banner A */
#bannerInternas{
	background:url(../imagens/image006.jpg) top left no-repeat;
	width:160px;
	height:235px;
	padding:0;
	margin: 0 0px 0 0px;
}
/* Banner Case */
#bannerCases a{
	background:url(../imagens/bg_bannerCases.jpg) top left no-repeat;
	width:160px;
	height:97px;
	display:block;
	padding:0;
	margin:0;
}

#bannerskype a{
	background:url(../imagens/bg_quero.png) top left no-repeat;
	width:160px;
	height:170px;
	display:block;
	padding:0;
	margin:0;
}

#conteudo{
	width:605px;
	height:483px;
	float:right;
	padding: 0 0 0 0;
	margin:0;
}
/* Conteudo Scroll */
#conteudoScroll{
	width:595px;
	height:420px;
	padding-left:10px;
	margin:0px 0px 0px 0px;
	overflow:auto;
	position:relative;
}
#conteudoScroll p{
	padding:0;
	margin:0 5px  5px 5px;
}
/* Conteudo Lista */
.lista{
	list-style:url(../imagens/ico_lista.gif);
}
.lista li{
	padding:2px 0 0 0;
	margin:0;
}
/* Abre Divs */
.escondeitem{
	position:absolute;
	visibility:hidden;
	height:0px;
	width:0px;
	overflow:hidden;
	padding:0;
	margin:0;
}
.listaItem{
	margin:3px 3px 3px 10px;
}
#pai0, #pai1, #pai2, #pai3, #pai4, #pai5, #pai6, #pai7{
	background:#f9f9f9;
	padding:0;
	margin:5px;
}
#pai0 p, #pai1 p, #pai2 p, #pai3 p, #pai4 p, #pai5 p, #pai6 p, #pai7 p{
	padding:3px 5px 3px 15px;
	margin:0;
}
#pai0 li, #pai1 li, #pai2 li, #pai3 li, #pai4 li, #pai5 li, #pai6 li, #pai7 li{
	background:#f9f9f9;
	list-style:none;
	padding:3px;
	margin:0;
}
#pai0 ul li ul{
	list-style:none;
	padding:0;
	margin:0 0 0 10px;
}
/* ----------------------------------------------------------------------------------
/  Scroll Imagem
-----------------------------------------------------------------------------------*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
}
.vscrollerbase, .vscrollerbar {
	width: 14px;
	top: 0px;
}
.vscrollerbar {
	left: 0px;
}
.vscrollerbar, .hscrollerbar {
	padding: 14px;
	z-index: 2;
}
.vscrollerbarbeg {
	background: url(../imagens/drag.gif) 0px -10px;
	width: 14px;
	height: auto;
}
.vscrollerbarend {
	background: url(../imagens/drag.gif);
	width: 14px;
	height: 10px;
}
.vscrollerbase {
	background:url(../imagens/bg_scroll.gif) bottom;
	height:277px;
}
.vscrollerbasebeg {
	top: 0px;
	width: 14px;
	background: url(../imagens/bt_up.gif) 0px 0px no-repeat;
}
.vscrollerbaseend {
	height:14px;
	width:14px;
	background: url(../imagens/bt_down.gif) 0px 0px no-repeat;
}
/* ----------------------------------------------------------------------------------
/  Títulos
-----------------------------------------------------------------------------------*/
/* Títulos */
#titInstitucional{
	background:url(../imagens/tit_institucional.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titProduto, #titModulos, #titPonto, #titHistoria, #titEquipamento, #titSolucaorhnydus, #titRepresentantes, #titVantagens{
	background:url(../imagens/tit_produto.jpg) top left no-repeat;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titModulos{
	background-image:url(../imagens/tit_modulos.jpg);
}
#titPonto{
	background-image:url(../imagens/tit_ponto.jpg);
}
#titHistoria{
	background-image:url(../imagens/tit_historia.jpg);
}
#titEquipamento{
	background-image:url(../imagens/tit_equipamento.jpg);
}
#titSolucaorhnydus{
	background-image:url(../imagens/tit_solucaorhnydus.jpg);
}
#titRepresentantes{
	background-image:url(../imagens/tit_representantes.jpg);
}
#titVantagens{
	background-image:url(../imagens/tit_vantagens.jpg);
}
#titServicos{
	background:url(../imagens/tit_servicos.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titClientes{
	background:url(../imagens/tit_clientes.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titCases{
	background:url(../imagens/tit_cases.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titTabelas{
	background:url(../imagens/tit_tabelas.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titFaleconosco{
	background:url(../imagens/tit_faleconosco.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titMapa{
	background:url(../imagens/tit_mapa.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
#titTrabalhe{
	background:url(../imagens/tit_trabalhe.jpg) top left no-repeat;
	width:165px;
	height:45px;
	font-size:0px;
	text-indent:-20000px;
	padding:0;
	margin:0;
}
.Titulo
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	font-weight: bold;
	font-size: large;
	margin: 5px 0px 0px 5px;
	color: Navy;
	padding-top: 5px;
	height: 30px;
}
/* Subtítulos */
.subTit{
	background:url(../imagens/ico_seta.gif) top left no-repeat;
	color:#192779;
	font-weight:bold;
	display:block;
	padding:0 0 0 15px;
	margin:5px 0 10px 2px;
}
/* ----------------------------------------------------------------------------------
/  Institucional
-----------------------------------------------------------------------------------*/
/* Endereço */
#nydusEnd{
	padding:0;
	margin:0 0 10px 0;
}
#nydusEnd img{
	float:left;
	padding:0;
	margin:20px 20px 15px 50px;
}
#nydusEnd p{
	padding:2px;
	margin:0;
}
/* ----------------------------------------------------------------------------------
/  Produto
-----------------------------------------------------------------------------------*/
.imgProduto{
	padding:0;
	margin:0 20px 0 20px;
	float:right;
}
/* ----------------------------------------------------------------------------------
/  Clientes
-----------------------------------------------------------------------------------*/
#clientesImg{
	text-align:center;
	vertical-align:middle;
	padding:0;
	margin:0;
}
#clientesImg img{
	padding:0;
	margin:10px 20px 10px 30px;
}
/* ----------------------------------------------------------------------------------
/  Fale Conosco
-----------------------------------------------------------------------------------*/
#FrmFaleConosco{
	padding:0;
	margin:0;
}
#faleConoscoForm{
	padding:0;
	margin:0;
 font-size: small;
}
#faleConoscoForm li
{
	float: left;
	margin: 0px 0px 0px 5px;
	width: 100%;
	list-style-type: none;
}
#faleConoscoForm label{
	width:100px;
	height:16px;
	text-align:right;
	display:block;
	float:left;
	padding:3px 0 0 0;
	margin:10px 0 0 0;
}

#faleConoscoForm input{
	background:#F5F6F9;
	border:#696969 1px solid;
	width:350px;
	height:14px;
	color:#686868;
	float:right;
	padding:2px 0 0 2px;
	margin:10px 125px 0 0px;
}

#faleConoscoForm textarea{
	background:#F5F6F9;
	border:#696969 1px solid;
	width:350px;
	height:100px;
	color:#686868;
	font-size:11px;
	font-family:tahoma;
	float:right;
	padding:2px 0 0 2px;
	margin:10px 125px 0 0px;
}
#faleConoscoForm #botaoEnviar{
	background:#FFF;
	border:#696969 1px solid; 
	width:60px;
	height:20px;
	color:#686868;
	font-weight:bold;
	float:left;
	padding:0 0 3px 0;
	margin:10px 0 0 10px; 
}
#faleConoscoForm #botaoLimpar{
	background:#FFF;
	border:#696969 1px solid;
	width:60px;
	height:20px;
	color:#686868;
	font-weight:bold;
	float:left;
	padding:0 0 3px 0;
	margin:10px 0 0 110px;
}
/* ----------------------------------------------------------------------------------
/  Mapa
-----------------------------------------------------------------------------------*/
.links{
	width:350px;
	padding:0;
	margin:0;
}
.links li{
	list-style:none;
	padding:3px 3px 3px 15px;
	margin:0;
}
.links li h2{
	background:#f0f0f0;
	height:13px;
	padding:3px;
	margin:0 0 0 -10px;
}
.links li h2 a{
	font-weight:bold;
}

#apDiv2 {
	position:absolute;
	left:7px;
	top:387px;
	width:146px;
	height:128px;
	z-index:1;
}
#apDiv3 {
	position:absolute;
	left:647px;
	top:553px;
	width:62px;
	height:15px;
	z-index:2;
}
#apDiv4 {
	position:absolute;
	left:166px;
	top:390px;
	width:203px;
	height:91px;
	z-index:3;
	color: #828385;
	text-align: justify;}
	
#apDiv5 {
	position:absolute;
	left:559px;
	top:390px;
	width:203px;
	height:91px;
	z-index:1;
	text-align: justify;
}
#apDiv6 {
	position:absolute;
	left:432px;
	top:390px;
	width:89px;
	height:107px;
	z-index:1;
}