/******************************************************************************************************/
/*****************************        DEFINIÇÕES DE ELEMENTOS BASE   **********************************/
/******************************************************************************************************/
a:link {padding:.2em;text-decoration: none; color:#003366;}
a:visited {padding:.2em; text-decoration: none; color:#003366;}
a:active {padding:.2em; text-decoration:underline; color:#669900;}
a:hover {padding:.2em; text-decoration:underline; color:#669900;}
a:focus {padding:.2em; text-decoration:underline; color:#003366;}
a:hover.current {text-decoration:none; background:#666666; color:white; cursor:default}

body {}

h1 {font-size:1.0em; color:#003366;}
h1 p{font-size:1.0em}

img {border-style: none;}
img#logo  {border-style: solid; 
           border-bottom-width:2px; 
           width: 95%;
           height:95%;
           margin: auto auto;
           }


table#unica {
/*    border: thin dashed #666666;*/
    width:600px;
}

.unicalinha1
{
    color:#666666;
    background:#DCDCDC;
    text-align:center;
    font-weight:bolder;
}    
.unicalinhas
{
    color:#666666;
    background:#EBEBEB;
    text-align:center;
} 


table#baixa {
/*    border: thin dashed #666666;*/
    width:600px;
}

.baixalinha1
{
    color:#666666;
    background:#DCDCDC;
    text-align:center;
    font-weight:bolder;
}    
.baixalinhas
{
    color:#666666;
    background:#EBEBEB;
    text-align:center;
} 

table#media {
    /*border: thin dashed #003366;*/
    width:450px;
}


.medialinha1
{
    color:#669900;
    background:#C9D9A5;
    text-align:center;
    font-weight:bolder;
}    
.medialinhas
{
    color:#669900;
    background:#E0EBCD;
    text-align:center;
}            

table#alta {
    /*border: thin dashed #003366;*/
    width:450px;
}

.altalinha1
{
    color:#003366;
    background:#A4B5C9;
    text-align:center;
    font-weight:bolder;
}    
.altalinhas
{
    color:#003366;
    background:#CCD6E0;
    text-align:center;
}        

.td3{color:#669900;background:#E0EBCD;width:8%}
.td4{color:#669900;background:#E0EBCD;width:8%}
.td5{color:#669900;background:#E0EBCD;width:8%}
.td6{color:#669900;background:#E0EBCD;width:8%}
.td7{color:#003366; background:#CCD6E0;width:8%}
.td8{color:#003366; background:#CCD6E0;width:8%}
.td9{color:#003366; background:#CCD6E0;width:8%}
.td10{color:#003366; background:#CCD6E0;width:8%}
.td11{color:#666666;background:#DCDCDC;width:8%}
.td12{color:#666666;background:#DCDCDC;width:8%}
.td1{color:#666666;background:#DCDCDC;width:8%}
.td2{color:#666666;background:#DCDCDC;width:8%}







/*
table#cabecalho {
    border: thin dashed blue;
}
*/

table#cabecalho {
/*    border: thin dashed blue;
	background-color:yellow;	*/
}

table#cabecalho td{
    width:16%;
    text-transform: uppercase;
    text-align: center;
    font-size:80%;
    font-weight:bold;

}

table#paises {
    /*border: thin dashed #000080;*/
}
table#paises td{
    text-transform:uppercase;
    text-align: center;
    font-size:75%;
}

table#contacto {
    /*border: thin dashed #000080;*/
    width: 400px;    
}
table#contacto td{
    text-transform:uppercase;
    text-align: center;
    font-size:75%;
}
    
/*****************************************************************************************************/  
/*******************************    DEFINIÇÕES DE GRANDES AREAS      **********************************/  
/******************************************************************************************************/    
#topo
{
    width: 960px;
    height: 131px;
    margin: auto auto; /*centra a zona de conteudos no ecran*/    
    background-image: url('/photos/globalsite/topo.jpg');    
    position:relative;
    top:-10px;
}

#base
{
    /*border: thin solid black;*/
    width: 960px;
    height: 250px;
    margin: auto auto;
    background-image: url('/photos/globalsite/base.jpg');    
    background-repeat:no-repeat;
    position: relative;
    top: -140px;
}


#wrap { font-family: Times New Roman; 
    /*border: thin dotted blue;*/
    font-size:16px; 
    color:#669900;    
    width: 960px;
    height:768px;
    margin: auto auto; /*centra a zona de conteudos no ecran*/
    position: relative;
    top: -135px;
}
#screen{
    /*border: thin dotted BLUE;*/
    width: 95%;
    margin: auto auto; /*centra a zona de conteudos no ecran*/
}

#Cabecalho{
    /*border: thin dotted green;*/
    margin: 5px;
    padding: 5px;
    font-size: 150%;
    font-style: italic;
    color: #669900;
    position: relative;
    width: 95%;
    height: 130px;
    margin: auto auto;
    border-spacing: 3px;
}

#Bandeiras
{
    /*border: thin dotted Yellow;*/
    margin: 0px;
    padding: 0px;     
    text-align: right;
    width:95%;
	position: absolute;
    top: 100px;
    right: 0px;
 }

#Menus
{
/*    border: thin dotted RED;
    border-style: double;*/
    width:60%;
    margin-left:380px;
 }


/* estilo para IE e demais 
#Menus
{
    border: thin dotted RED;
    margin: 0px;
    padding: 0px;     
    text-align: right;
    width:50%;
    position: absolute;
    top: 140px;
    right: 30px; 
    z-index: 1;
 }
*/


/* correcção para Chrome, firefox */
html>/**/body #Menus{right: -415px}


#Corpo{
    margin: 5px;
    padding: 5px;    
    font-size: 100%;
    width:95%;
    margin: auto auto; /*centra a zona de conteudos no ecran*/      
    position: absolute;
    top: 165px;
}

#ColunaEsquerda{
    /*border: thin dotted orange;*/
    margin: 5px;
    font-size: 100%;
    width: 30%;
}
#ColunaDireita
{
	/*border: thin dotted teal;*/
    margin: 5px;    
    font-size: 100%;
    width: 68.5%;
    position: absolute;
    top: 0px;
    left: 32%;
}

#Rodape{
    /*border: thin solid green;*/
    font-size: 90%;
    color: #800000;
    width:95%;
    margin: auto auto; /*centra a zona de conteudos no ecran*/
    position: absolute;
    top: 715px; 
    right: 15px;      
}

#RodapeEsquerda
{
    /*border: thin dotted red;*/
    /*width: 40%;*/
}

#RodapeDireita
{
    /*border: thin dotted blue;*/
    text-align:right;
    position: absolute;
    top:0;
    right:0px;
}


/******************************************************************************************************/
/*******************************        DEFINIÇÕES DE CLASSES        **********************************/
/******************************************************************************************************/
.CabecalhoImagem
{
    padding: 5px;
    margin: 5px;
    width: 292px;
    height: 131px;
    position: absolute;
    top: 0; left:0;    
 }

.CabecalhoConteudo
{
    padding: 5px;
    margin: 5px;
    color: #008000;
    margin-left: 195px;
    text-align: center;   
}
 
.EsquerdaConteudo{
    padding: 0px;
    margin: 5px;
}
.EsquerdaConteudo h2
{
    font-size:17px;
    font-family:Times New Roman;
    font-style: italic;
    color: #669900;
}
.EsquerdaConteudo p
{
   font-size:11px;
   font-family:Verdana;
   color: #666666;
    position:relative;
    top:-15px;
}

.DireitaConteudo
{
    padding: 5px;
    margin: 5px;    
    color: #000080;
}
.DireitaConteudo h2
{
    font-size:17px;
    font-family:Times New Roman;
    font-style: italic;
    color: #669900;
}
.DireitaConteudo p
{
   font-size:11px;
   font-family:Verdana;
   color: #666666;
   position:relative;
   top:-15px;
   width:96%;
   text-align:justify;
}

.DireitaConteudo p#visitantestitulo
{
   font-size:11px;
   font-family:Verdana;
   color: #666666;
   position:relative;
   top:0px;
   width:96%;
   text-align:justify;
}

.DireitaConteudo p#visitantescorpo
{
   font-size:11px;
   font-family:Verdana;
   color: #003366;
   position:relative;
   top:-10px;
   width:96%;
   text-align:justify;
}




.DireitaImagem{}

.RodapeEsquerdoConteudo
{
    padding: 0px;
    margin: 0px;    
    color: #800000;
}

.RodapeDireitaConteudo
{
    padding: 0px;
    margin: 0px;    
    color: #669900;    
}

.condicoes
{
   font-size:11px;
   font-family:Verdana;
   color: #666666;
    position:relative;
    top:-15px;
}

/******************************************************************************************************/
/*******************************             Galeria Images          **********************************/
/******************************************************************************************************/
#gallery {width:620px; height:370px; padding:10px; border:0px solid #333; background: white; position:relative; }
	
#gallery b.default {position:absolute; left:10px; top:10px; width:448px; height:370px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#003366; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

/*-- Imagens pequenas para selecção --*/
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color: #14669E}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}

/*-- Com o rato sobre uma imagem --*/
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-448px; top:0; width:450px; height:370px; text-align:center; background: white; z-index:20;}
#gallery ul li a:hover span {display:block; color: #003366; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:450px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

/*-- Após click sobre uma imagem --*/
#gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:focus b {position:absolute; left:-448px; top:0; width:450px; height:370px; text-align:center; background: white; z-index:10;}
#gallery ul li a:active b {position:absolute; left:-448px; top:0; width:450px; height:370px; text-align:center; background: white; z-index:10;}
#gallery ul li a:focus span {display:block; color: #003366; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active span {display:block; color: #003366; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery ul li a:active img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
/*