<style>
body {
  font-family      : Tahoma,Arial, Helvetica, sans-serif;
  font-size        : 12px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:60px;
  margin-right:60px;
  
  width			   : auto;
}

a {
  color: White;
  text-decoration:none;
}

#splashme{
  display          : none;
}
.tab {
  background : #FFFFFF;
  border           : none;
  display          : none;
  vertical-align   : top;
  width            : auto;
}

:root {
  --cor1  : #ecf2f9; /* azul claro  */
  --cor2  : #003366; /* azul marinho*/
  --cor3  : #336699; /* azul médio  */
  --cor4  : #404040; /* cinza escuro */
  --cor5  : #333333; /* cinza escuro */
  
  --fundo1: #ecf2f9; /* azul claro  */
  --fundo2: #003366; /* azul marinho*/
  --fundo3: #336699; /* azul médio  */
  --fundo4: #d8d8d8; /* cinza claro */
  --fundo5: #666666; /* cinza médio */
  --fundo6: #dde3ea; /* azul claro  */
}
/* Styles for sections */

#footer {
  font-family      : Tahoma,Arial, Helvetica, sans-serif;
  font-size        : 12px;
  border-top       : 0px solid black;
}

#header {
  font     : bold 20pt Arial,sans-serif;
  color           : var(--cor2);
}
.prova {
  font-size       : 24px;
}

.piscina, .local {
  font-size       : 16px;
}

#lastupdate {
  font:   normal 9pt Tahoma,sans-serif;
  margin-bottom    : 5px;
  margin-top : 5px;
  text-align       : right;
  color              : #336699;
  width            : auto;
}

#navigation {
  background-color : #ecf2f9;
  color : #003366;
  font:   normal 10pt Arial,sans-serif;
  width            : auto;
  margin-top : 5px;
  margin-bottom : 5px;
  line-height:1.5;
}

#navigation A {
color : #003366;
}

#navigation A:hover {
background-color: #336699;
color: #ffffff;
}

#noscript {
  border           : none;
  font-size        : 10px;
  font-weight      : bold;
  color            : red;
  margin-bottom    : 15px;
  text-align       : center;
  width            : auto;
  margin : 25px;
}

#freeText{
  font-family      : Tahoma, sans-serif;
  background-color: #003366;
  border           : solid 0px black;
  color            : #f6f6f7;
  font-weight      : bold;
  font-size           :14px;
  margin-bottom    :15px;
  margin-top       :15px;
  padding          : 4px;
  text-align       : center;
  vertical-align   : top;
  width            : auto;
  
  text-transform: uppercase;
}
#freeText2{
  font-family      : Tahoma, sans-serif;
  background-color: #003366;
  border           : solid 0px black;
  color            : #f6f6f7;
  font-weight      : bold;
  font-size           :14px;
  margin-bottom    :15px;
  margin-top       :10px;
  padding          : 4px;
  text-align       : center;
  vertical-align   : top;
  width            : auto;
  border-radius: 10px;
  text-transform: uppercase;
}
#results {
  font-family      : Arial, sans-serif;
  font-size        : 13px;
  margin-top    : 12px;
  margin-bottom    : 12px;
  vertical-align   : middle;
  width            : auto;
}

#results A {
  color:#336699;
}

#results A:hover {
  color:#ffffff;
  background-color: #336699;
}


/* Styles for table rows */

.trList0 {
}

.trList1 {
  background-color: #ecf2f9;
}

.trTitle1 {
  padding-top:2px;

}

.trTitle2 {
  background-color: #ecf2f9;
}


/* Styles for table cells */

.title1 {
  font-family    : Verdana, sans-serif;
  font-size        : 16px;
  color              : #003366;
  font-weight      : bold;
  margin-left : 5px;
  line-height : 1.5;
  vertical-align:middle;
  border-top: 2px solid #ecf2f9;
}


.title2 {
  font-family      : Verdana, sans-serif;
  font-size         : 13px;
  color               : #336699;
  font-weight    : bold;
  letter-spacing: 0px;
  line-height: 2;
  vertical-align:bottom;
}

.leftText {
  font-family : Arial, sans-serif;
  font-size : 13px;
  margin-left : 5px;
  color: #333333;
}

.centerText {
  font-size : 12px;
  font-family      : Arial, sans-serif;
  color: #666666;
  text-align      : center;
}

.rightText {
  font-size : 12px;
  font-family      : Arial, sans-serif;
  color: #333333;
  text-align      : right;
}

.ourlink, .ourlink A, .ourlink A:link, .ourlink A:visited, .ourlink A:active {
  font: bold 20px Verdana, Helvetica, sans-serif;
  color: #fafafb;
  text-align : left;
  text-decoration: none;
}

.ourlinkoff, .ourlinkoff A, .ourlinkoff A:hover, .ourlinkoff A:visited, .ourlinkoff A:active {
  font: normal 12px Verdana, Helvetica, sans-serif;
  text-align      : left;
  text-decoration: none;
  color: #cdcdcd;
  cursor: Default;
}

.sitelink, .sitelink A {
  font-size: 18px;
  font-family   : Helvetica, sans-serif;
  color: White;
  text-align : center;
  font-weight: bolder;
  text-decoration : none;
  letter-spacing: 2px;
}

.sitelink A:hover {
  color: White;
}

.compet {
	font:bold 16pt Arial,sans-serif;
	color:White;
}

.categ {
	font:bold 10pt Arial,sans-serif;
	color:White;
}

.dat_loc {
	font:normal 8pt Verdana,Arial,sans-serif;
	color:#ffffff;
	margin-left:5px;
}

.doc_tabs, doc_tabs td, doc_tabs tr {
	height:50px;
	color: #003366;
	background:#003366;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.doc_tabs1 {
	height:50px;
	color: #003366;
	background:#5db6e4;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.doc_tabs2 {
	height:50px;
	color: #003366;
	background:#fa2626;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}


.iconimg {
	height:22px;
	margin: 15px 20px;
	vertical-align:middle;
}
@media (max-width: 768px) {
#results {
  font-size        : 6px;
}
.title1 {
  font-size        : 7px;
}
.title2 {
  font-size         : 6px;
}
.centerText {
  font-size : 6px;
}
.prova {
  font-size       : 8px;
}

.piscina, .local {
  font-size       : 7px;
}
.leftText {
  font-size : 6px;
}
#freeText{
  font-size           :8px;
}
#freeText2{
  font-size           :8px;
}
.ourlink, .ourlink A, .ourlink A:link, .ourlink A:visited, .ourlink A:active {
  font: bold 16px Verdana, Helvetica, sans-serif;
}

.ourlinkoff, .ourlinkoff A, .ourlinkoff A:hover, .ourlinkoff A:visited, .ourlinkoff A:active {
  font: normal 6px Verdana, Helvetica, sans-serif;
}
#navigation {
  font:   normal 6pt Arial,sans-serif;
}
#lastupdate {
  font:   normal 5pt Tahoma,sans-serif;
}
body {
  margin-top:20px;
  margin-bottom:20px;
  margin-left:20px;
  margin-right:20px;
}
}
</style>