body {margin:0; padding:0;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#logoCx {width:100%; height:157px; margin:0 auto; padding:0}
#logo {width:760px; height:157px; margin:0 auto; padding:0}
#logo h1 {display:block; float:none; margin:0; padding:0}
.linkCSS{margin:0; padding:0; padding-top:10px}

#serv 
{
	white-space:nowrap; 
	display:block; 
	width:760px; 
	height:43px; 
	margin:auto; 
	float:none; 
	text-align:center; 
	padding:0; 
	position:relative; 
	z-index:12
}
#serv table {width:85%; height:100%; margin:0px auto}
#serv table tr {margin:0px; padding:0px;}
#serv table td {margin:0px; padding:0px;}

#click-menu333 ul li div a {padding: 5px 0 5px 15px}
#click-menu333 ul {list-style:none}
/*
#menuLat2 h2 {padding: 5px 0 5px 12px}
#menuLat2 ul li a {padding: 5px 0 5px 12px}
*/

.special {position:relative; margin:-280px 0 0 0; float:left; width:162px}

#hbheaderCx {width:100%; margin:0 auto; height:44px; text-align:center}
#hbheader {width:740px; margin:0 auto}
#hbheader .banner {float:left; margin:1px 0 0 1px}

#corpoCont {margin:0 auto; width:760px; padding:0}
#corpoInner, #corpo {float:left; width:100%; padding:0; clear:both}


#colA, #colB, #colB2 {position:relative}
#colA {width:162px; height:100%; margin:0; padding:0 0 0 0; float:left; bottom:0}

#colA #menuLat h2 {margin:0; padding:0}
ul#navlist{font:Arial; font-size:12px}
#navlistb {font-size:10px; padding:5px 0 5px 20px; margin:0}
#navlistb2 {font-size:10px; padding:5px 0 5px 13px; margin:0}
#fillSpace {margin:0; padding:0; height:45px}
#navlist {list-style-type:none; padding:26px 0 0 18px; margin:0}
#navlist2 {list-style-type:none; padding:0 0 0 0; margin:0; width:162px; text-align:center}
#navlist2 img {max-width:162px; padding:5px 0 5px 0}
#navlist3 {list-style-type:none; padding:26px 0 0 0; margin:0; line-height:26px}
div#menuLat {display:block; width:162px; margin:0 0 0 0; padding:0 0 0 0}

div#menuLat2 {display:block; width:162px; margin:0; padding:70px 0 70px 0;/*visibility:hidden*/}
#menuLat2 div 
{
	/*position:absolute;*/
	display:table-cell;
	vertical-align:bottom;
	bottom:0;
	left:0;
	/*padding-bottom:70px*/
}



.clear {
	clear: both;
	line-height: 1px;
}

* html #content {
        height: 1%;
}

#menuLat2 h2 {text-align:center}


/*.modalidadesInscrito{margin:20px 0; padding:90px 0 0 0}
.emolumentos {margin:20px 0; padding:0}*/



#colB2 
{
	width:575px; 
	height:100%; 
	margin:0 0 0 0; 
	float:left; 
	overflow:hidden; 
	/*zoom:1;*/
	padding:10px 0 0 10px;
} /*zoom 1 for IE6, enable layout*/

#detalheAssociado
{
	width:100%;
	margin:0;
	padding:20px 0 40px 0;
	
}

.title
{
	width:auto;
	margin:0;
	padding:5px 0 5px 8px;
	border:solid 1px #E2E2E2;
	background-color:#F0F0F0;
	clear:both;
}
.orange
{
	color:#F35D2F;
	font-weight:bold;	
	font-size:12px
}

.SocioTable
{
	width:100%;
	font-size:11px;
	border-collapse:collapse	
}
.socioLink
{
	font-size:11px;
	text-decoration:underline;
	color:#0086C0	
}
.tableCol1
{
	border:solid 1px #E2E2E2;
	color:#F35D2F;
	/*font-weight:bold;*/
	width:177px;
	height:27px;
	padding-left:5px
}

.tableCol2
{
	width:272px;
	border:solid 1px #E2E2E2;
	height:27px;
	padding-left:5px
}

.tableAlignRight
{
	text-align:right;
	width:272px;
	border:solid 1px #E2E2E2;
	height:27px;
	padding-right:5px
}

.pushRight 
{
	font-size:11px;
	margin:0; 
	padding: 0 0 0 30px;
	border:solid 1px #E2E2E2;
	color:#F35D2F;
	font-weight:bold;
	height:27px
}


#colB 
{
	width:381px; 
	height:100%; 
	margin:0 0 0 0; 
	float:left; 
	overflow:hidden; 
	/*zoom:1;*/
	padding:10px 0 0 10px;
} /*zoom 1 for IE6, enable layout*/


#colB h1 {margin:0; padding-top:10px; width:100%; height:100%}
#colB h1 span {float:left; display:inline}
#colB h1 #print {float:right; display:inline; height:1px; overflow:visible;
				 top:-5px; position:relative; margin-left:20px; clear:both}
#colB h2 {margin:0; padding:0}
#colB h2 img {vertical-align:top; padding-bottom:1px}
#colB h3 {margin:0; padding:0}
#colB p {margin:0}
#colB h5 {margin:0px; padding:0}

#colB2 h1 {margin:0; padding-top:10px}
#colB2 h1 span {padding:0;margin:0}
#colB2 h2 {margin:0; padding:0}
#colB2 h2 img {vertical-align:top; padding-bottom:1px}
#colB2 h3 {margin:0; padding:0}
#colB2 p {margin:0}
#colB2 h5 {margin:0px; padding:0}
.destaquesAbstract{margin:0;padding:0 0 10px 0}


/* ########################## div da direita ##################################### */
#colC 
{
	width:194px; 
	height:auto;
	margin:0; 
	padding:0; 
	float:right;
}
#colC h1 {margin:0; padding:20px 0 0 10px}
#colC h1 span {padding:0;margin:0}
#colC h2 {padding:15px 0 6px 10px; margin:0}
#colC h2 img{padding:10px 0 0 0}

#colC ul { margin:0 0 0 22px; padding:0 0px; list-style-image:url(/img/list3Bullet.gif)}
#colC ul li {padding: 7px 0}
#colC ul a {padding: 0}
#colC ul a:hover {color:#F35D2F}

/* ########################## para a apresentação de tabelas ##################################### */
#colC table tr td {height:16px; padding:0 5px 0 7px}
#colC table tr th {padding:0 5px 0 7px}
.tabelaPainelClassificacao  {width:100%; border-collapse:collapse}
.tabelaPainelResultados {width:100%; border-collapse:collapse}
.tabelaPaineis {width:100%; border-collapse:collapse}
.escolhaPaineis {height:38px; background-color:#FAFAFA; color:#8E8E8E}
.tabelaPainelProximos {width:100%; border-collapse:collapse}
.navLeft {float:left; text-align:left}
.navRight {float:right;  text-align:right}
.leftCol {text-align:left}
.rightCol {text-align:right}

/* ## temporadas ## */
.parT {height:16px; padding-left:20px}
.imparT {height:16px; }
.divTemp {text-align:center}
.tabelaTemp 
{
	width:100%; margin:0px auto; clear:both;
	border-collapse:collapse
}
.tabelaTemp th {padding:0 8px 0 8px}
.tabelaTempHeader {height:32px}
.tabelaTempColCompeticao {text-align:left; width:20%; padding:0 8px 0 8px}
.tabelaTempColData {text-align:left; width:auto; padding:0 8px 0 8px}
.tabelaTempColHora {text-align:center; width:auto; padding:0 8px 0 8px}
.tabelaTempColCVisitante {text-align:right; width:25%; padding:0 8px 0 8px}
.tabelaTempColJogos {text-align:center; width:auto}
.tabelaTempColSeparadorJogos {text-align:center; width:auto}
.tabelaTempColCVisitado {text-align:left; width:25%; padding:0 8px 0 8px}
.tabelaTempColResultados {text-align:center; width:auto; padding:0 8px 0 8px}

/* ## classificativas ## */
.parC {height:16px; padding-left:20px}
.imparC {height:16px; }
.divClasf {text-align:center}
.tabelaClasf 
{
	width:100%; margin:0px auto; clear:both;
	border-collapse:collapse
}
.tabelaClasf th {padding:0 8px 0 8px}
.tabelaClasfHeader {height:32px}
.tabelaClasfColPosicao {text-align:center; width:20%; padding:0 8px 0 8px}
.tabelaClasfColEquipa {text-align:center; width:auto; padding:0 8px 0 8px}
.tabelaClasfColPontuacao {text-align:center; width:20%; padding:0 8px 0 8px}

#formClassificativas {text-align:center}
/*.classificativasDDL {width: 80%}*/



/* ########################## outros ##################################### */

#destaquesList {margin-left:0px}
#destaquesList img {float:left; margin:10px 10px 0 0; padding:0}
#destaquesList h3 {margin-top:5px; padding:0; top:0}
#destaquesList a {margin:0; padding:0; top:0}

#noticiasList {margin:0px; padding:0}
#noticiasList img {float:left; margin:0 10px 0 0; padding:0}
#noticiasList h3 {margin-top:0px; padding:0; top:0}
#noticiasList a {margin:0; padding:0; top:0}


.seph {width:100%; margin:0; padding:0; height:1px; line-height:1px; clear:both}
.sepLista {width:100%; margin:10px 0; padding:0; height:1px; clear:both}

.mais {width:100%; margin:0; padding:0; text-align:right; clear:left}
.mais img {margin:0; padding:0 0 2px 0; vertical-align:middle}


#top {height:1px}


#footerCx {width:100%; margin:0; padding:0; clear:both}
#fmenu {display:block; width:758px; height:36px; margin:0 auto; padding:0; text-align:center; clear:both}
#fmenu ul{padding:7px 0 0 0; margin:0; clear:both}
#fmenu ul li {display:inline; padding:0 5px 0 5px}


#creditosCx {width:758px; height:35px; margin:0 auto; text-align:center; padding:0}
#creditosCx a {padding: 0 10px}
#footLeft {float:left; padding:10px 0 0 0}
#footRight {float:right; padding:10px 0 0 0}


p.nojs {width:100%; margin:0 auto; padding:2px 0 2px 0; clear:both; float:none; text-align:center}

p#problema {width:97.5%; margin:18px 0 0 10px; padding:3px 4px 4px 4px; text-align:center}

.printVer {margin-top:5px; padding-left:8px; padding-right:3px; float:right}

#gotop {margin:0; text-align:right; padding-bottom:5px}
#gotop a {width:48px; padding:5px}
#gotop a span {padding-right:2px}

#gotopFAQ {margin:0; text-align:right; padding-top:5px}
#gotopFAQ a {margin-top:0}
#gotopFAQ a span {text-decoration:underline; font-weight:bold; padding-right:2px}

.itemListaConteudo {padding:0px 0 15px 0}
.itemListaConteudo img {border:0; float:left; padding:0 10px 10px 0; width:105px}
.itemLeft{width:45%; float:left}
.itemRight{width:45%; float:right;}

.fotoEsq {margin: 0; padding: 0 6px 6px 0px; float: left}
.fotoCen {text-align:center; width:100%}
.fotoDir {margin: 0; padding: 0 0 6px 6px; float: right}

#listaContactos {width:100%; vertical-align:middle;}
#listaContactos .fotoContacto {width:20%; padding-right:10px; margin:10px 0; float:left}
#listaContactos .fotoContacto img {width:100px; margin:10px 0}
#listaContactos .txtContacto {width:70%; margin:5px 0; float:left}
#listaContactos .txtContacto h3 {margin-bottom:10px}
#listaContactos .dadosContacto {width:100%}
#listaContactos .dadosContacto label {width:25%; float:left}
#listaContactos .dadosContacto .txt {width:75%; float:left}

#mapaSite {}
#mapaSite ul {padding:0; margin:0}
#mapaSite ul li {padding:15px 0 5px 0; margin:0}
#mapaSite ul ul {padding:0 0 0 10px; margin:0; _margin-top:-12px} /* <=IE6 */
#mapaSite ul ul li {margin:0; padding:5px 0 0 0; position:relative}
#mapaSite ul ul li a {margin:0; padding:0}
#mapaSite ul ul ul {padding:5px 0; margin:0}
#mapaSite ul ul ul li {margin:0; padding:0; text-indent:10px}
#mapaSite .mapaSiteSep {height:1px; width:100%}
#mapaSite .sub_menu{padding-left:25px}
 
#faqEscolhaTemasOut
{
	height:25px;
	border:solid 1px #E2E2E2;
	background-color:#F3F3F3;
	display:block;
	margin-top:10px;
	padding:8px 0 0 8px
}
#faqEscolhaTemasIn {vertical-align:middle; display:table-row}
#faqEscolhaTemasIn .faqTemas {float:left}
#faqEscolhaTemasIn .faqTemasDDL
{
	float:left; margin-left:8px; margin-top:-1px;
	width:20em; height:1.8em; vertical-align:middle
}
/*# h1 {margin:0 0 5px 0; padding:0}*/
#faqPerguntas ol {margin-top:-20px}
#faqPerguntas ol li {margin-bottom:5px}
#faqQAs {padding-bottom: 10px}
#faqQAs ol li {padding:10px 0 0px 0}

#pesquisaResult {text-align:center; margin-top:10px; margin-bottom:10px}

.paginacao {width:100%; margin:10px auto; height:20px; clear:both}
.paginacaoTop {width:100%; margin:30px auto 20px auto; height:25px; clear:both}
.paginacaoBottom {width:100%; margin:20px auto 30px auto; height:25px; clear:both}
.anterior {width:25%; margin:0; float:left; padding-left:4px; padding-top:1px; margin-top:3px}
.paginas {width:45%; margin:0; float:left; text-align:center; padding-top:4px}
.seguinte {width:25%; margin:0; float:right; padding-right:4px; padding-top:1px; margin-top:3px; text-align:right}
.anterior img {padding:0; margin:0; vertical-align:middle}
.seguinte img {padding:0; margin:0; vertical-align:middle}
.seguinte .label {padding:0; margin:0; vertical-align:middle}
.anterior .label {padding:0; margin:0; vertical-align:middle}

#path {width:95.5%; padding:2px 10px 5px 22px; margin-top:3px; margin-bottom:15px}
#path img {padding-right:5px}

#submissao {margin-top:20px}
#submissao span {margin:5px 0 8px 10px}
#submissao label {float:left; width:100px; clear:left; margin:5px 0 8px 10px}
#submissao input, textarea, select, checkbox {margin:5px 0; width:400px}
#submissao #botoes {text-align:center}
#submissao #botoes input {width:140px; height:20px; text-align:center; background-color:#2E6FB7; text-transform:uppercase}

.botaoSubmit {border:solid 1px #28608D; color:#C4F2FF; font-weight:bold; cursor:pointer;cursor:hand; width:140px}
.botao {border:solid 1px #28608D; color:#C4F2FF; background-color:#2E6FB7; font-weight:bold; cursor:pointer; cursor:hand; text-align:center; float:left; text-transform:uppercase; font-size:10px}

#rememberMe input {width:auto}

#inquerito h3 {margin:10px 0}
#inquerito h4 {margin:5px 0}
#inquerito .label {padding:10px 0 0 0; display:block; page-break-after:right}
#inquerito .seccao {padding:20px 0 0 0; display:block; page-break-after:right}
#inquerito textarea, select {width:350px}
#inquerito .button {/*display:block;*/ page-break-before:left; margin-top:15px}

.validation { text-align:center; width:60%;}
.validation ul {text-align:left;}

.buttons {text-align:center; width:100%; clear:both}
.buttons input {margin:5px}

#buttonGroup {width:100%; text-align:center;/*padding-left:50%; */}
.floatButton {display:inline}
.floatButton {margin-left:2px;margin-right:2px;}


.head { margin-top:0px; font-weight:bold; padding:2px 0px 2px 6px}

#colB .tabela1, #colB2 .tabela1 {padding-top:15px; clear:both;}
#colB .tabela1, #colB2 .tabela1  {width:100%; text-align:right}
#colB .tabela1 th, #colB2 tabela1 th {text-transform:uppercase; text-align:left; padding:2px 3px 0 3px;}
#colB .tabela1 th, #colB2 .tabela1 th {padding:2px}

/*#print {float:right; clear:none; margin:10px 0 0 5px}*/
/*#print a { margin-bottom:2px}*/
/*#titulo*/
/*#print { bottom: 0; right: 0; position:absolute }*/
/*#print { bottom: 30px; right: 0; position:relative}*/


pre {white-space:normal}

/* floats the text and image side by side */
.articleSubTitle, .eventSubtitle { overflow:hidden;}
.eventSubtitle {padding-bottom:20px}
#colB2 .articleSubTitle h3 { margin-top:0px }

#txtEnquadramento { margin-top:10px; margin-bottom:50px}
#colA #menuLat #mp3_player h2 {padding:20px 0px 5px 10px}
#colA #menuLat #mp3_player a {margin-top:5px}

@media print
{	
	body {padding:0px;}
	#colA {display:none; width:0px}
	#colB2 {width:auto; padding:0px}
	#colB {width:auto; padding:0px}
	#fmenu {display:none}
	#pesquisa {display:none}
	
	#serv {display:none}
	#hbheaderCx {display:none}
	#footerCx {position:absolute; bottom:0px}
	#print {display:none}
	body {background:#FFF;}
	#path {background:#FFF;}
	#logoCx {background:#FFF;}
	
	#logo {width:100%; }
	#serv {width:100%;margin:0; float:none;padding-top:40px}
	#hbheaderCx {width:100%;}
	#hbheader {width:100%;}


	#corpoCont {margin:0 auto; width:100%; padding:0}
	#corpo {float:left; width:100%; padding:0; clear:both; height:100%}
	.seph {clear:none}
	.sepLista {clear:none}
	.mais {clear:none}

	#footerCx {width:auto; }
	#fmenu {width:auto; }
	#creditosCx {width:auto; }
	#creditos2 {width:auto; }
	#creditosSponsor { float:right; padding:5px 10px 0 0}

	.paginacao {clear:none}
	#submissao {width:100%}
	#submissao label {clear:none; float:none}

	.buttons {clear:none;width:auto} 
}