body { background-color: #202020; }

/* CONTAINER TOPO
---------------------- */

#table-topo {                
        background: url(imagens/topo.jpg); }
                
        #a-marinha {                        
                position: relative; 
		top: 20px; 
		left: 15px;
                display: block; 
		width: 60px; 
		height: 96px; }
                        
        #a-marinha span  {                        
                display: none; }
                        
        #a-marinha:hover span  {                        
                display: block;
                position: absolute; 
		top: 60px; 
		left: 90px; }
                
        #a-google {                        
                position: relative; 
		top: 155px; 
		left: 142px;
                display: block; 
		width: 100px; 
		height: 40px; }
                        
        #a-google span  {                        
                display: none; }
                        
        #a-google:hover span  {                               
                position: absolute; 
		top: -15px; 
		left: 90px;
                display: block; 
		width: 80px; 
		height: 25px;
                background: #0000A9; 
                font-family:Brush Script MT;
                font-size: 22px;
                color: yellow;
                text-align: center; }
                
        #a-imarnave {                        
                position: relative; 
		top: 5px; 
		left: 0px;
                display: block; 
		width: 200px; 
		height: 40px;
                font-family: Palatino Linotype;
                font-size: 20px;
                color: #FFF;
                text-align: center;
                text-decoration: none;}
                        
                #a-imarnave:hover { 
			color: yellow; 
			font-size: 22px; }
                
                #span-texto-imarnave {                        
                        position: relative; 
			top: 0px;
			left: 0px;
                        display: block; 
			width: 180px;
                        padding-left: 10px; 
			padding-right: 10px;
                        font-family: segoe ui;
                        font-size: 14px;
                        color: #30C0FF;
                        text-align: center; }
                        
/* CONTAINER INTERMEDIÁRIO
--------------------------------- */

#table-intermediaria {
        background: url(imagens/fnd-pagina.png) repeat-x 0 -250px; }
        
                /* INTERMEDIÁRIO ESQ */
                
                /* DHN (TOGGLE) */
                
                #span-dhn  {                        
                        position: relative; 
			top: 20px; 
			left: 35px;
                        display: block; }
                        
                 #span-dhn span {                        
                        display: none; }
                        
                #span-dhn:hover span {
                        position: absolute; 
			top: 30px; 
			left: 85px; 
                        display: block; 
			width: 142px; 
			height: 28px;
                        background: #6FA3D3;
                        font-family: segoe ui;
                        font-size: 10px;
                        color: #FFF;
                        text-align: center; }
                        
                /* TOGGLE DHN */
                
                #div-toggle-dhn {
                        position: absolute; 
			top: -20px; 
			left: 85px; 
                        z-index:  987654321;
                        display: none; 
			width: 142px; 
			height: 255px;
                        padding-top: 20px;
                        background: url(imagens/veleiro2.jpg);}
                        
                .link-toggle-dhn {
                        display: block; 
			width: 142px;
			height: 10px;
                        padding-top: 10px; 
			padding-bottom: 10px;
                        font-family: segoe ui;
                        font-size: 12px;
                        line-height: 10px;
                        color: yellow;
                        text-align: center;
                        text-decoration: none;
                        border-bottom: 1px dotted #808080; }
                        
                .link-toggle-dhn:hover { 
                        background: #4A4E50;
                        color: #00FF00; }
                        
                /* DPC */
                
                #a-dpc  {                        
                        position: relative; 
			top: 30px; 
			left: 35px;
                        display: block; }
                        
                 #a-dpc span {                        
                        display: none; }
                        
                #a-dpc:hover span {
                        position: absolute; 
			top: 30px; 
			left: 85px; 
                        display: block; 
			width: 142px; 
			height: 28px;
                        background: url(imagens/roll-dpc.png);
                        background-position: -4px 0;}
                        
                 /* BODE VERDE */
                
                #a-bodeverde  {                        
                        position: relative; 
			top: 40px; 
			left: 35px;
                        display: block; }
                        
                 #a-bodeverde span {                        
                        display: none; }
                        
                #a-bodeverde:hover span {
                        position: absolute; 
			top: 10px; 
			left: 85px; 
                        display: block;
			width: 142px;
			height: 28px;
                        background: url(imagens/roll-bodeverde.png);
                        background-position: -8px 0; }
                        
                 /* INTERMEDIÁRIO MIOLO */
                 
                #td-interm-miolo {
                        background: url(imagens/veleiro.jpg) no-repeat; }
                
                #img-linha-horizontal {
                        position: relative; 
			top: 0px; 
			left: 0px;
                        display: block;
			width: 580px; 
			height: 2px; }
                        
                #span-hino { 
                        display: block; 
			width: 400px; 
                        margin-left: 160px; 
			margin-top: 30px;
                        font-family: Brush Script MT; 
			font-size: 25px; 
			color: #00FF00;
                        text-align: center; }
                        
                #a-cisne-branco {
                        float: left; 
                        font-family: segoe ui; 
                        font-size: 10px; 
                        color:  #779AC8; 
                        text-decoration: none; }
                        
                #a-cisne-branco:hover {
                        color: #FFF; }

                #a-cancao { 
                        float: right; 
                        font-family: segoe ui; 
                        font-size: 10px; 
                        color:  #779AC8; 
                        text-decoration: none; }
                        
                #a-cancao:hover {
                        color: #FFF; }
                        
              /* INTERMEDIÁRIO DIR */
              /* CENTRO DE CONHECIMENTO */
                        
                #a-ccm { 
                        position: relative; 
			top: 20px; 
			left: 25px;
                        display: block; 
			width: 150px; 
			height: 153px; }
                        
                #a-ccm span  {                        
                        display: none; }
                        
                #a-ccm:hover span  {                       
                        
                        position: absolute; 
			top: 80px;
			left: -80px; 
                        display: block; 
			width: 100px; 
			height: 102px;
                        background: url(imagens/simulador150edit.jpg); }
                        
                /* EDUCS */
                
                #a-educs {
                        position: relative; 
			top: 30px;
			left: 75px;
                        display: block; 
			width: 50px; 
			height: 47px;
                        font-family: Palatino Linotype;
                        font-size: 16px;
                        color: #FFF;
                        text-decoration: none; }
                        
                 #a-educs:hover { color: yellow }
                 
                /* TABELA MENU RODAPÉ */
                
                #td-canto-esq {
                        width: 75px; 
                        background: url(imagens/botao-0-150.jpg); }
                        
                .link-rodape {
                        display: block;
                        width: 150px;
                        height: 30px;
                        padding-top: 6px;
                        background: url(imagens/botao-0-150.jpg);
                        font-family: palatino linotype; 
                        font-size: 12px; 
                        color:  #104068;
                        text-align: center;
                        text-decoration: none; }
                        
                .link-rodape:hover {
                        background: url(imagens/botao-0a-150.jpg); }
                        
                #td-canto-dir {
                        width: 75px; 
                        background: url(imagens/botao-0-150.jpg) top right; }
                        
                #div-webdesigner {
                        display: block;
                        width: 900px;
                        margin-left: auto;
                        margin-right: auto;
                        text-align: center; }
                        
                        #a-loupoulit {
                        font-family:  segoe ui; 
                        font-size: 10px; 
                        color:  #828282; 
                        text-decoration: none; }
                        
                        #a-loupoulit:hover {
                        font-size: 14px;
                        color:  #FFF; }