﻿body {
    font-family:Arial;
    font-size: 14px;
    color: black;
    margin: 0 0 0 0;
    overflow:auto;
}

a {
    font-family:Arial;
    font-size: 16px;
    font-weight:bolder;
    color: #333333;   
}

#divBack {
    width:100%; 
    height:100%; 
    left: 0;
    top: 0; 
    background-image: url(../images/background.jpg); 
    opacity:0.3; 
    position:absolute; 
    background-size: 100%  auto;
    background-color:black;
    background-repeat:no-repeat;
    z-index:0;
    margin:none;
}

#divMain {
    height:100%;
    width:100%; 
    min-width:750px;    
    min-height:350px;  
    position:absolute;
    left: 0;
    top: 0; 
    z-index:10;  
    overflow: visible;
    display:table;
}

.MenuContent 
{
   overflow:auto;
}

#MenuEsq, #MenuDir{
    width:10%;
    text-align:center;
    vertical-align:Top;
    min-width:100px;
}

#QuadroPrincipal{
    vertical-align:Top; 
    text-align:center; 
    padding-top:8px;
    background-image: url(../images/white50.png); 
    background-repeat:repeat;
    -moz-border-radius: 10px; 
    webkit-border-radius: 10px; 
    border-radius: 10px; 
    border: 1px solid white;
    min-width:400px;
}

.destaque{
    vertical-align:Top; 
    background-image: url(../images/white50.png); 
    background-repeat:repeat;
    -moz-border-radius: 10px; 
    webkit-border-radius: 10px; 
    border-radius: 10px; 
    border: 1px solid white;
    width:100%;
    padding: 4px 10px 4px 10px; 
}


.Menu{
    font-family:Arial;
    font-size: 15px;
    color:#037dcd;
    font-weight:bolder;
    background-color:White ;
    max-width:120px !important;
    width:100%;
    margin-left:auto;
    margin-right:auto;  
    padding:  0px  0px 4px 0px;
}

.MenuOn{
    color: red;
}

.MenuItem
{
    width:80%; 
    margin: auto; 
    background-color:white;
}

.Menu:hover,#ImgPT:hover,#ImgEN:hover,a:hover,.verMapa,.tabOn:hover,.tabOff:hover,.textoTabEN:hover,.textoTabPT:hover,.verOMapa:hover{ 
    cursor: url(../images/spcursor.gif),pointer;
}

.VideoWrapper {
  width: 57%;
  display: inline-block;
  position: relative;
}

.VideoWrapper:after {
  padding-top: 56.5%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.VideoMain {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.5% 0.5% 0.5% 0.5%;
  background-color: white;
  text-align:center;
}

.TextWrapper {
  width: 90%;
  display: inline-block;
  position: relative;
}

.textoTitulo {
    font-family:Arial;    
    font-size: 24px; 
    font-weight:bolder;
    padding-top:0; 
    padding-bottom: 0;
    margin-top:0; 
    margin-bottom:0; 
    color:black;
    text-align:left;
}

.textoSubTitulo {
    font-family:Arial;    
    font-size: 20px; 
    font-weight:bolder;
    padding-top:0; 
    padding-bottom: 0;
    margin-top:0; 
    margin-bottom:0; 
    color:black;
    text-align:left;
}

.textoNormal {
    font-family:Arial;
    font-size: 16px;
    color: #333333;
    font-weight:bolder; 
    padding-top:0; 
    padding-bottom: 0; 
    margin-top:0; 
    margin-bottom:0; 
    text-align:left;
}

.textoNormal a{
    font-family:Arial;
    font-size: 16px;
    color: #444444;
    font-weight:bolder; 
    padding-top:0; 
    padding-bottom: 0; 
    margin-top:0; 
    margin-bottom:0; 
    text-align:left;
}

.textoTabPT, .textoTabEN {
    font-family:Arial;
    font-size: 20px;
    color: black;
    font-weight:bolder; 
    padding: 8px 0 8px 0;
    margin-top:0; 
    margin-bottom:0;    
    opacity: 1; 
}

.Apoios{
    max-height:120px; 
    float:left;
}

.ApoiosNotfirst
{
  margin-left: 1%;
  margin-bottom: 0.5%;
}

.verMapa{
    margin-left:10px;
    background-color: transparent;
    border: 1px solid gray;
    font-family:Arial;
    font-size: 14px;   
    color:#037dcd;
    -moz-border-radius: 5px; 
    webkit-border-radius: 5px; 
    border-radius: 5px;    
}  

.verMapa2{
    margin-left:10px;
    background-color: transparent;
    border: 1px solid gray;
    font-family:Arial;
    font-size: 14px;   
    color:#037dcd;
    -moz-border-radius: 5px; 
    webkit-border-radius: 5px; 
    border-radius: 5px;    
}  

#verMapa, #verOMapa{
    position:absolute;
    z-index:20;
    width:100%;
    height:100%;
    background-image: url(../images/black65.png);
    display: none;
}

#verMapaDet{
    width:80%;
    height:80%;
    min-width:300px;  
    background-color:White;
    position:absolute;
    z-index:30;
    top:10%;
    left:10%;
    -moz-border-radius: 5px; 
    webkit-border-radius: 5px; 
    border-radius: 5px;  
    border:1px solid black;    
}

#verOMapaDet{
    width:80%;
    height:80%;
    min-width:300px;  
    background-color:White;
    position:absolute;
    z-index:30;
    top: 10%;
    left:10%;
    -moz-border-radius: 5px; 
    webkit-border-radius: 5px; 
    border-radius: 5px;  
    border:2px solid black;    
}

#verMapaClose, #verOMapaClose{
    width: 25px;
    height: 25px;
    float: right;
    background-color:transparent;
    background-image: url(../images/Close.png);
    background-size:100% 100%;
}

#verMapaClose:hover, #verOMapaClose:hover{
    background-color:Red;
    background-image: url(../images/CloseOn.png);    
}

.tabOn {
    background-color: rgba(255, 255, 255, .7);
    border-left: 1px solid White;  
    border-top: 1px solid White;  
    border-right: 1px solid White;  
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;        
}

.tabOff {
}

.tableizer-table {
	border: 1px solid black; 
	font-family: Arial;
	text-align:center;	
} 

.tableizer-table td{
    border: 1px solid black;
}

.tableizer-table th{
    border: 1px solid black;
	color: #000;
	font-weight: bolder;
	text-align:center;
}

.esc
{
    text-align:left !important; 
    padding-left:4px !important;
    padding-right:4px !important;
}