/* comum ao site  */
html, .body_jc 
{

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;	
	vertical-align:top;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #9ccaec;
}


/* Master Page Base ----   Master Page Base ----   Master Page Base ----   Master Page Base ----   Master Page Base ----   Master Page Base ---- */


div.backgroundimg
{
    background-position: center 110px;
    left: 50%; 
    margin-left: -506px; 
    position: absolute; 
    width: 1012px; 
    background-image: url('images/Farol3.jpg'); 
    background-repeat: no-repeat; 
}

.tablemp
{
    padding: 0px;
    margin: 0px;
    width: 1012px; 
    height: 718px; 
    font-size: 8pt; 
    line-height: 0pt; 
}

/* Banner de topo */

/* Bandeira */

td.style1
{
    width: 160px;
    height: 100px;
    margin: 0px; 
}

div.jcLogo
{
    height:100px; 
    width: 160px;
    cursor: pointer; 
    cursor: pointer;
}

img.jcLogoimg
{
    height: 94px; 
    width: 155px; 
    border-style: outset; 
    border-width: medium;
    cursor: pointer; 
    cursor: pointer;
    background-position: left;
    background-repeat: no-repeat;
}

/* Porto imagens */

td.style2
{
    width: 852px;
    height: 100px;
    margin: 0px; 
}
        
div.bannertopo
{
    height: 100px; 
    width: 852px; 
    cursor: pointer; 
    background-position: left;
    background-repeat: no-repeat;
}	

img.bannertopoimg
{
    height:100px; 
    width: 852px; 
}


/* Linha laranja  */
        
td.style3
{
    width: 1012px; 
    height: 10px;  
    background-position: center top; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-bottom: 0px;
    padding-top: 0px; 
    background-color: #FF6600;
}

/* Menu de opções */

td.style4
{
    width: 160px;
    height: 468px;
    vertical-align: top;
    text-align: left;
    margin:5px 0 0 0; 
}

td.style4B
{
    width: 140px;
    height: 100px;
    vertical-align: top;
    text-align: left;
    margin:5px 0 0 0; 
}
         
div.w3org
{
    width:140px; 
    float:left; 
    margin: 0 0 0 7px;  
    position:relative; 
    text-align: center;
}

/* Place Holder */

td.style5
{
    width: 852px;
    table-layout: fixed;
    overflow: auto;
    font-size: 8pt; line-height: normal; 
    vertical-align: top; 
    text-align: center; 
    clip: rect(5px, 300px, 300px, 5px); 
    padding-bottom: 5px; 
    padding-top: 5px;
}

/* Linha laranja  tb.style3 */

/* Footer */

td.style6
{
    width: 1012px; 
    height: 30px;
    background-color: #0066FF; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-bottom: 0px; 
    padding-top: 0px; 
    text-decoration: none; 
    text-align: center;
}

/* Fim do style da MasterPage Base ----    */

/* Default Page ----   Default Page ----   Default Page ----   Default Page ----   Default Page ----   Default Page ----   Default Page ----   Default Page ----    */
        

div.divplaceholder
{
    width: 852; 
    height: 568px;
    vertical-align: top;
    margin: 0 auto; 
    padding: 0px; 
    text-decoration: none; 
}

table.basetable
{
    width: 100%;
    height: 471px;
    border: 0 ;
}

/* Fim do style da Default Base ----    */


/* MyTown Page ----  MyTown Page ----  MyTown Page ----  MyTown Page ----  MyTown Page ----  MyTown Page ----  MyTown Page ----  MyTown Page ----  MyTown Page ----   */

img.porto_rio_se
{
    height: 310px; 
    width: 833px; 
    border-style: ridge; 
    border-width: thick;
    cursor: pointer; 
    cursor: pointer; 
    background-position: center;
    background-repeat: no-repeat;

}	

td.textoporto
{
 padding: 0px 10px 10px 10px;
 font-size: small;
 color: #0000CC;
 text-align: justify;
 background-color: #99CCFF;
 vertical-align:top;
 width :838;   

}

/* Fim do style da MyTown ----    */


table.OSGtable
        {
            width: 100%;
            height: 568px;
            background-image: url('images/TorreBelemFrente.jpg');
            background-repeat: no-repeat; 
        }


/* SabiaQ Page ----   SabiaQ Page ----   SabiaQ Page ----   SabiaQ Page ----   SabiaQ Page ----   SabiaQ Page ----   SabiaQ Page ----   SabiaQ Page ----    */


.irtopo
{
 float:right;   
}

/* MyLinks Page ----   MyLinks Page ----   MyLinks Page ----   MyLinks Page ----   MyLinks Page ----   MyLinks Page ----   MyLinks Page ----   MyLinks Page ----    */
 
td.cell15
{
    width: 15%; 
    height: 30px;
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-bottom: 0px; 
    padding-top: 0px; 
    text-decoration: none; 
    text-align: center;
}
td.cell85
{
    width: 85%; 
    height: 30px;
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding-bottom: 0px; 
    padding-top: 0px; 
    text-decoration: none; 
    text-align: center;
    font-size: large;
}
img.linkedinlogo
{
    height: 22px;
    width: 92px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

img.facebooklogo
{
    height: 48px;
    width: 100px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

img.googlelogo
{
    height: 37px;
    width: 119px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

img.livelogo
{
    height: 40px;
    width: 171px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

/* OSgrid Page ----   OSgrid Page ----   OSgrid Page ----   OSgrid Page ----   OSgrid Page ----   OSgrid Page ----   OSgrid Page ----   OSgrid Page ---- OSgrid Page ---- */

img.OpensimJoeman
{
    height: 284px;
    width: 426px;
    border-style: outset; 
    border-width: medium;
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}


img.OSGridLogo
{
    height: 57px;
    width: 73px;
    border-style: outset; 
    border-width: medium;
    cursor: pointer; 
    cursor: pointer;
    background-position: left;
    background-repeat: no-repeat;
}

img.OpensimLogo
{
    height: 106px;
    width: 426px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

.img 				
{

	border-style: none;
    cursor: pointer; 
    cursor: pointer;
    width: 100%;
    height: 100%;
}

/* OSgrid Page  */

table.OSGridimg
    {
        height: 492px;
        width: 100%;
    }

img.img001
    {
     cursor: pointer; 
     height: 140px; 
     width: 183px;

    }

img.img002
    {
     cursor: pointer; 
     height: 472px; 
     width: 472px;
    }

td.img6x6
    {
        height: 110px;
        width: 150px;
        text-align: left;
        vertical-align:top;

    }

img.img6x6
    {
        height: 90px;
        width: 148px;
        border-style: ridge; border-width: thick;
        margin: 1px 0px 0px 1px;
        cursor: pointer;
        cursor: pointer;
    }


.style5Erro
        {
            width: 100%;
            height: 550px;
            table-layout: fixed;
            overflow: auto;
            font-size: 8pt; line-height: normal; 
            vertical-align: top; 
            text-align: center; 
            clip: rect(5px, 300px, 300px, 5px); 
            padding-bottom: 5px; 
            padding-top: 5px;
        }


/* X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  X-Plane Page ----  */

table.basetableXP
{
    width: 100%;
    height: 550px;
    border: 0 ;
}

img.XPdvd
{
    height: 290px;
    width: 222px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
 
 
img.XPorg
{
    height: 99px;
    width: 300px; 
    cursor: pointer; 
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
    
            
/* Master BackOffice ----  Master BackOffice ----  Master BackOffice ----  Master BackOffice ----  Master BackOffice ----  Master BackOffice ----  Master BackOffice ----  */

div.backgroundimgbackoffice
{
    background-position: center 110px;
    left: 50%; 
    margin-left: -506px; 
    position: absolute; 
    width: 1012px; 
    background-image: url('images/backofficeimg.jpg'); 
    background-repeat: no-repeat; 
}



/* Ecrãs pequenos de Manutenção ----  Ecrãs pequenos de Manutenção ---- Ecrãs pequenos de Manutenção ---- Ecrãs pequenos de Manutenção ---- Ecrãs pequenos de Manutenção ---- */

div.backgroundimgmanut
        {
        left: 50%; 
        margin-left: -400px; 
        position: absolute; 
        background-position: center 0px;
        margin-top: 0px;
        padding-top: 0px;  
        width: 800px; 
        background-color: #ECFCFD;
        }
        
td.styletopo
        {
            top: 0px;
            width: 100%; 
            height: 100px;
            
            background-image: url('Images/PortoBanner800.jpg'); 
            background-repeat: no-repeat; 
            background-attachment: fixed; 
            background-position: center top;
        }
        
div.topoimgmanut
        {
        background-position: center 0px;
        height:100px; 
        left: 50%; 
        margin-left: -400px; 
        position: absolute; 
        width: 800px; 
        background-image: url('images/PortoBanner800.jpg');
        background-repeat: no-repeat;
        top: 0px;
}
        
.tablempman
        {
        margin: 0px;
        padding: 0px;
        width: 800px; 
        height: 465px; 
        font-size: 8pt; 


        }
        
.style3manut
        {
        width: 100%; 
        height: 10px;  
        margin: 0px; 
        padding: 0px;
        background-position: center top; 
        background-color: #FF6600;
        } 
               
.styleCPHmanut
        {
            height: 315px;
            vertical-align: top;
        }

.style6manut
        {
            width: 800px; 
            height: 30px;
            background-color: #0066FF; 
            margin-top: 0px; 
            margin-bottom: 0px; 
            padding-bottom: 0px; 
            padding-top: 0px; 
            text-decoration: none; 
            text-align: center;
        }


/* Links......  Links...... Links...... Links...... Links...... Links...... Links...... Links...... Links...... Links...... Links...... Links...... Links...... */

.lblinfor
{
	font-family:Verdana;
	font-size:xx-large;
}

a:link, a:visited
{
	color: #0066CC;
	text-decoration: none;
}

a:hover
{
	color: #336633;
	text-decoration: underline;
}

a:active
{
	color: Lime;
	text-decoration: underline;
}





/* Para opção principal   */


div.nav {

width:140px; 
float:left; 
padding:0 0 0 5px; 
position:relative; 
margin:0 0 20px 7px; 
font-size:120%;

}

div.nav a, div.nav a:focus, div.nav a:hover, div.nav a:active {

color:#000; 
text-decoration:none; 
line-height:2em; 
width:90%; 
display:block;
}

div.nav ul {

list-style:none; 
padding:0; 
margin:0; 
position:relative;

}

div.nav .navBg1	{

border-left: 10px solid #19c1f3; 
list-style:none; 
background-color:#e4ecf8; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px; 
height:2em;

}

div.nav .navBg1:hover, div.nav .navBg1:active, div.nav .navBg1:focus {

border-left: 10px solid #19c1f3; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px; 
height:2em;

}

div.nav .navBg2	{
border-left: 10px solid #008ed3; 
list-style:none; 
background-color:#e4ecf8; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg2:hover, div.nav .navBg2:active, div.nav .navBg2:focus {

border-left: 10px solid #008ed3; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg3	{

border-left: 10px solid #0f6bb5; 
list-style:none; 
background-color:#e4ecf8; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg3:hover, div.nav .navBg3:active, div.nav navBg3:focus {

border-left: 10px solid #0f6bb5; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg4	{

border-left: 10px solid #0054a6; 
list-style:none; 
background-color:#e4ecf8; margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg4:hover, div.nav .navBg4:active, div.nav .navBg4:focus {

border-left: 10px solid #0054a6; 
list-style:none; background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg5	{

border-left: 10px solid #8cc63f; 
list-style:none; 
background-color:#e4ecf8; margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg5:hover, div.nav .navBg5:active, div.nav .navBg5:focus {

border-left: 10px solid #8cc63f; 
list-style:none; background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg6	{

border-left: 10px solid #5dbb46; 
list-style:none; 
background-color:#e4ecf8; margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg6:hover, div.nav .navBg6:active, div.nav .navBg6:focus {

border-left: 10px solid #5dbb46; 
list-style:none; background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg7	{

border-left: 10px solid #22b14c; 
list-style:none; 
background-color:#e4ecf8; margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg7:hover, div.nav .navBg7:active, div.nav .navBg7:focus {

border-left: 10px solid #22b14c; 
list-style:none; background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg8	{

border-left: 10px solid #28903a; 
list-style:none; 
background-color:#e4ecf8; margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg8:hover, div.nav .navBg8:active, div.nav .navBg8:focus {

border-left: 10px solid #28903a; 
list-style:none; background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg9				{

border-left: 10px solid #006f3a; 
background-color:#e4ecf8; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav .navBg9:hover, div.nav .navBg9:active, div.nav .navBg9:focus {

border-left: 10px solid #006f3a; 
list-style:none; background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;
}


/* Para a opção seleccionada */


div.nav li.selectedBg1 	{

border-left: 10px solid #19c1f3; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg2 	{

border-left: 10px solid #008ed3; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg3 	{

border-left: 10px solid #0f6bb5; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg4 	{

border-left: 10px solid #8cc63f; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg5 	{

border-left: 10px solid #8cc63f; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg6 	{

border-left: 10px solid #5dbb46; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}


div.nav li.selectedBg7 	{

border-left: 10px solid #22b14c; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg8 	{

border-left: 10px solid #28903a; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selectedBg9 	{

border-left: 10px solid #006f3a; 
list-style:none; 
background-color:#9dbce3; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 8px;

}

div.nav li.selected, li.selectedBg1, li.selectedBg2, li.selectedBg3, li.selectedBg4, li.selectedBg5, li.selectedBg6, li.selectedBg7, li.selectedBg8, li.selectedBg9 a {

font-weight:bold; 
color:#000; 
margin:2px 0px 2px 0px; 
padding:0px 1px 0px 0px;

}	

/* Para a opção selecionada quando tem desdobramento de opções  */

div.nav li.selected, li.selectedBg1, li.selectedBg2, li.selectedBg3, li.selectedBg4, li.selectedBg5, li.selectedBg6, li.selectedBg7, li.selectedBg8, li.selectedBg9 span	{

font-weight:bold; 
color:#000; 
line-height:2em;

}	

/* Para sub-opção */
/* ============================================================================== */

div.nav li.subNav a {

color:#000; 
text-decoration:none; 
line-height:18px; 
display:block; 
padding: 0px 0px 0px 22px;

width:110px; 
background-color:#eef5ff; 
margin:2px 0px 2px 10px; 

}

div.nav li.subNav a:hover, div.nav li.subNav a:active, div.nav li.subNav a:focus {

color:#f26522; 
text-decoration:underline; 
line-height:18px; 
display:block; 
padding: 0px 0px 0px 19px;

}

div.nav li.subNav span 	{

color:#000; 
text-decoration:none; 
line-height:18px; 
display:block; 
font-weight:bold;

}



/* Para sus-sub-opção , se for necessário */
/* ========================================================================================================= */

div.nav li.subSubNav	{

list-style:square; 
margin-left:33px; 
color:#000; 
font-size:90%;

}

div.nav li.subSubNav a 	{

color:#000; 
line-height:18px; 
padding:0;

}

div.nav li.subSubNav a:hover {

text-decoration:underline

}

div.nav li.subNavselected	{

color:#f26522; 
text-decoration:underline; 
line-height:18px; 
list-style:none; 
padding: 0px 0px 0px 19px;

}

div.nav li.subNavselected a	{

color:#f26522; 
text-decoration:underline; 
line-height:18px;

}

div.nav li.subSubNavSelected {

list-style:square; 
margin-left:33px; 
color:#f26522; 
font-size:90%; text-decoration:underline; 
line-height:18px; 
padding:0;

}


/* A usar se passar para 1024 x 768  */


div.navImage1	{

background-color:#19c1f3; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage2	{

background-color:#008ed3; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage3	{

background-color:#0f6bb5; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

} 

div.navImage4	{

background-color:#0054a6; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage5	{

background-color:#8cc63f; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage6	{

background-color:#5dbb46; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage7	{

background-color:#22b14c; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage8	{

background-color:#28903a; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

div.navImage9	{

background-color:#006f3a; 
width:181px; 
padding-left:9px; 
padding-bottom:4px; margin-bottom:8px;

}

	
div.footerContainer	{

width:950px; 
height:40px; 
border-top:solid 1px; 
padding-top:18px; 
clear:both; 
color:#000; 
margin-top:18px; 
font-size:90%;

}

div.footerContainer a	{

color:#000; 
text-decoration:none;

}

div.footerLeft 		{

position:relative; 
width:50%; 
float:left;

}

div.footerLeft img	{

position:relative; 
top:-10px; 
float:left; 
padding-right:6px;

} 
	
div.footerRight		{

position:relative; 
width:50%; 
float:left; 
text-align:right;

}