/*
NOTA: A marca azul dos links está a ser mostrada usando alguns truques. Criaram-se duas imagens, uma marca azul e uma marca transparente. Criou-se uma terceira imagem imagemPreenchimento.jpg, que é cinza e branca. Essa imagem serve para preencher a sidebar2 e dessa forma permitir colocar as marcas na zona branca da imagem por intermédio do css.

No ID links2, coloca-se a marca como imagem de background dos links, colocando a marca transparente ou azul conforme o estado do link.
*/

@charset "utf-8";

body  {
	font: 100% Helvetica, Arial, sans-serif; 
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%;
}

#pubcontainer {
	position: relative; 
	margin-left: auto;
    margin-right: auto;
	width: 1005px; 							  
	background: #FFFFFF;		
	/*
		border-bottom: 1px solid #cccccc;		
		border-left: 1px solid #cccccc;	
		border-right: 1px solid #cccccc;	
	*/
	padding:0px 0px 20px 0px;
	text-align:center;
}


#pubcontainer a img{
	border:none;
}

/* CAIXA PRINCIPAL CONTEM TODOS OS ELEMENTOS */
.principal #container { 

	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */

/* estas duas linhas centram a pagina */
	margin-left: auto;
    margin-right: auto;
    
	/* OPTIMIZADO PARA RESOLUCAO 1024x768 */	
	width: 1005px; 
	height:100%;
	_height: 749px; 				/* usar -20px de width em relacao ao padrao evita alguns probs com browsers */
	min-height: 749px;
							    /* altura minima de container IE6*/
	background: #FFFFFF;		    /* cor de fundo container */
	/*margin:0px 0px 0px 10px; 		/* topo direita fundo esquerda */
	border: 1px solid #cccccc;		/* cor border container */
	/*text-align: left; 				/* anula o text-align: center no elemento body */
	padding:0px 10px 0px 10px;	 /* topo direita fundo esquerda */
	
} 

/* BARRA DO MENU */
.principal #sidebar1 {

	position: absolute;
	top: 0;
	left: 0;
	width:200px;
	height:100%;
	background: #ffffff; 
	padding: 0px 10px 0px 10px; /* topo direita fundo esquerda */
	text-align:right;
}

/* ASSOCIACAO ACADEMICA DE COIMBRA */
.titulo {
	color:#333333;
	font-size:12px;
	text-align:center;
}
/* SECCAO DE RUGBY */
.subTitulo {
	color:#333333;
	font-size:25px;
	text-align:center;
}

/* BARRA DO SUB-MENU */
.principal #sidebar2 {
	position: absolute;
	top: 0;
	left: 221px;
	height: 100%;
	width: 130px;
	background:url("../img/barraPreenchimento.jpg") repeat-y;
	z-index:2;
	/* 6px faz parte do artificio para fazer aparecer a marca azul */
	padding: 0px 0px 0px 6px; /* topo direita fundo esquerda */
	
	/*text-align:left;*/
}


/* BARRA DO BANNER */
.principal #sidebar3 {

	position: absolute;
	top: 5px;
	right: 7px;
	height:738px;
	width: 100px; 
	background: #ffffff; 
}

.principal #sidebar3 a img {
	border:none;
}

.principal #sidebar3 a {
	text-decoration:none;
	color:#E6E6E6;
}
.principal #sidebar3 a:hover {
	text-decoration:underline;
	color:#666666;
}

.principal #sidebar4 {
	position: absolute;
	top: 0;
	left: 357px;
	width: 150px;
	height:100%;
	background:url("../img/fundo_bola.jpg") repeat-y;
}

.principal #sidebar4 img {
	width: 150px;
	height:749px;
}

.principal #sidebar4_layout7 {
	position: absolute;
	top: 0;
	left: 357px;
	width:  300px;
	height:100%;
	background:url("../img/fundo_bola2.jpg") repeat-y;
}

.principal #sidebar4_layout7 img {
	width: 300px;
	height:749px;
}

.principal #imagemBola {
	width:559px;
	height:749px;
	background:url("../img/bola3.jpg") no-repeat;
	
}

/* TEXTO HEADER DO MAINCONTENT  */
.principal #mainContentHeader {
	color:#E6E6E6;
	font-size:48px;
	text-align:center;
	
}

.principal #mainContentHeaderContactos {
	color:#E6E6E6;
	font-size:48px;
	text-align:center;
	
}

.principal #mainContentHeaderNoticiasSeccao {
	color:#E6E6E6;
	font-size:46px;
	text-align:center;
	
}

/* TEXTO HEADER DO MAINCONTENT  */
.principal #mainContentHeaderGaleriaAAC {
	color:#E6E6E6;
	font-size:100px;
	text-align:center;
	
}

.principal #mainContentHeaderSeniores
{
	color:#E6E6E6;
	font-size:42px;
	text-align:center;

}

.principal #mainContentHeaderJuvenis
{
	color:#E6E6E6;
	font-size:42px;
	text-align:center;

}


/* TEXTO PRINCIPAL DO MAINCONTENT  */
.principal #textoMainContent{

	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:50px 10px 20px 10px;
	color:#333333;

}


/* plantel0708.html - AREA DO CONTEUDO PRINCIPAL */
.principal #mainContent { 
	
	margin: 0 95px 0 346px; /* topo direita fundo esquerda */
	padding: 0px 0px 0px 0px; /* topo direita fundo esquerda */
}

/* plantel_seniores.html, juvenis, etc - AREA DO CONTEUDO PRINCIPAL */
.principal #mainContentPlantelSubMenus { 

	margin: 0 95px 0 350px; /* topo direita fundo esquerda */
	padding: 0px 0px 0px 0px; /* topo direita fundo esquerda */
}



/* index.html - AREA DO CONTEUDO PRINCIPAL EXCLUSIVO PARA LAYOUT 1 */
.principal #mainContentIndex { 

	margin: 0 100px 0 211px; /* topo direita fundo esquerda */
	padding: 0px 0px 0px 0px; /* topo direita fundo esquerda */
}

/* galeria_historial.html, galeria_links.html, noticias_seccao.html, etc - AREA DO CONTEUDO PRINCIPAL EXCLUSIVO PARA LAYOUT 5 e 8*/
.principal #mainContentGaleriaHistLinks { 

	margin: 0 100px 0 500px; /* topo direita fundo esquerda */
	padding: 0px 0px 0px 0px; /* topo direita fundo esquerda */
}


/* contactos.html - AREA DO CONTEUDO PRINCIPAL EXCLUSIVO PARA LAYOUT 7*/
.principal #mainContentContactos { 

	margin: 0 100px 0 650px; /* topo direita fundo esquerda */
	padding: 0px 0px 0px 0px; /* topo direita fundo esquerda */
}


/* galeria_fotos*.html AREA DO CONTEUDO PRINCIPAL */
.principal #mainContentGaleriaFotos { 

	margin: 0 95px 0 350px; /* topo direita fundo esquerda */
	padding: 0px 0px 0px 0px; /* topo direita fundo esquerda */
}

/* LINKS MENU PRINCIPAL */

a.links1 {
	padding-right:50px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	text-align:right;
}

a.links1:link { color:#969696;text-decoration:none; }

a.links1:visited { color:#969696;text-decoration:none; }

a.links1:hover { color:#5AB8DF;text-decoration:none; }

a.links1:active { color:#5AB8DF;text-decoration:none; }

/* LINK ONDE NOS ENCONTRAMOS NA PAGINA */
a.actual_links1:link, a.actual_links1:visited, a.actual_links1:hover, a.actual_links1:active { 

	color:#5AB8DF; 
	text-decoration:none;
	padding-right:50px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	text-align:right; }


/* LINKS MENU SECUNDARIO */

a.links2 {

	padding:5px 10px 0px 0px;
	font-size:18px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;

}

a.links2:link { color:#ffffff;text-decoration:none; 
	 padding-left: 30px;
     background: url("../img/marcaTransparente.jpg") left no-repeat;

}

a.links2:visited { 
	 
	 color:#ffffff;text-decoration:none;	 
	 
	 /* PADDING ESQUERDO PARA MARCA AZUL */
	 padding-left: 30px;
     background: url("../img/marcaTransparente.jpg") left no-repeat;
	 /*background-position: -10px 0%;*/
}

a.links2:hover { color:#1A1A1A;text-decoration:none; 
	 padding-left: 30px;
     background: url("../img/marcaAzul.jpg") left no-repeat;}

a.links2:active {color:#1A1A1A;text-decoration:none; 
	 padding-left: 30px;
     background: url("../img/marcaAzul.jpg") left no-repeat;}
	 

/* LINK ONDE NOS ENCONTRAMOS NA PAGINA */
a.actual_links2:link, a.actual_links2:visited, a.actual_links2:hover, a.actual_links2:active { 
	color:#1A1A1A;text-decoration:none; 
	 padding-left: 30px;
     background: url("../img/marcaAzul.jpg") left no-repeat;
	 font-size:18px;
	 font-family:Helvetica, Arial, sans-serif;
	 text-decoration:none;}

	 
/* LINKS LAYOUT 6 */

a.links3 {
	padding-right:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:28px;
	text-align:left;
}

a.links3:link { color:#969696;text-decoration:none; }

a.links3:visited { color:#969696;text-decoration:none; }

a.links3:hover { color:#5AB8DF;text-decoration:none; }

a.links3:active { color:#5AB8DF;text-decoration:none; }

/* LINK ONDE NOS ENCONTRAMOS NA PAGINA */
a.actual_links3:link, a.actual_links3:visited, a.actual_links3:hover, a.actual_links3:active { 

	color:#5AB8DF;
	text-decoration:none; 
	padding-right:50px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:28px;
	text-align:left;
}


.textoCinza {
	color:#969696;
	font-size:28px;
	font-family:Helvetica, Arial, sans-serif;
}

.textoAzul {
	color:#5AB8DF;
	font-size:28px;
	font-family:Helvetica, Arial, sans-serif;
}


/*################################### 
    PARTES ALTERADAS/CRIADAS PARA 
    COMPATIBILIDADE COM OS SCRIPTS
 #################################*/

/* GALERIA THUMB TABLE */
.thumbnail_table {
	width:547px; 
	height:173px; 
	background-color:#bcbdc1;
	border:none;
}
.thumbImage {
	width:75px;
	height:60px;
	border:none;
}
.thumbImageSelected {
	width:65px;
	height:50px;
	border:5px solid #5AB8DF;
}

/*IMAGEM HEADER DO MAINCONTENT*/ 
.principal #imagemHeader{
	z-index:1;
}
.principal #imagemHeaderButtons{
	position:absolute;
	top:180px;
	z-index:2;
}
.principal #imagemHeaderAllButtons{
	display:none;
}

.principal #imagemHeaderCarregar{
	position:absolute;
	top:200px;
	left:380px;
	z-index:2;
	display:none;
}

.plantelMainTable {
	width:547px;
}
.plantelMainTable .pointer{
	cursor:pointer;
}
.plantelMainTable td {
	padding:2px 1px 2px 1px;
}
.plantelMainTable thead th {
	text-align:left;
	font-size:12px;
}
.plantelMainTable .selected {
	background-color:#D5EBF9;
}
.plantelMainTable .par {
	background-color:#F9FCFE;
}
.plantelMainTable .impar {
	background-color:#EFF9FD;
}
.principal .selectCompeticao{
	max-width:540px;
	min-width:400px;
	_width:400px;
	height:130px;
	border:1px solid #D5EBF9;
	color:#969696;
	font-family:Helvetica, Arial, sans-serif;
}

.principal #noticia {
	
	padding-bottom:30px;
	width:380px;
	height:auto;
}

.userImg {
	max-width:360px;
	height:auto;
	padding:5px;
	margin:5px;
	border: #ccc solid 1px;	
}

.principal #noticia a{
	color:#969696;
	text-decoration:none;
}

.principal #noticia a:hover{
	color:#5AB8DF;
}

.principal #noticiaData {
}

.principal #noticiaTitulo{
	font-size:16px;
	font-weight:bold;
	padding:20px 0px 5px 0px;
}

.principal #noticiaCabecario{
	padding:10px 0px 10px 0px;
}

.principal #noticiaLink{
	text-align:right;
	padding:0px 0px 20px 0px;
	border-bottom:3px double #969696;
	position:inherit;
}

.principal #noticiaLink a{
	text-decoration:underline;
}

.principal #noticiaTexto{
	width:100%;
	height:auto;
	padding:20px 0px 10px 0px;
	/*border-top:1px solid #969696;*/
}

.principal #Voltar {
	padding-top:30px;
	text-align:center;
}

.principal #Voltar a{
	color:#969696;
	text-decoration:none;
}

.principal #Voltar a:hover{
	color:#5AB8DF;
}

.competicao_winner {
	font-weight:bold;
	color:#30AD36;
}
.competicao_looser {
	color:#C91418;
}
.principal .index{
	padding-top:20px;
	text-align:center;
}
.principal .index a{
	color:#969696;
	text-decoration:none;
}

.principal .index a:hover{
	color:#5AB8DF;
}

.toolTipHeader {
	width:250px;
	font-family:arial;
	font-weight:bold;
	border:1px solid #A5CFE9;
	padding:3px;
	font-size:11px;
	color:#4B7A98;
	background-color:#D5EBF9;
	filter:alpha(opacity=85); /* IE */
	opacity:0.85; /* FF */
}

.toolTipBody {
	border-bottom:1px solid #A5CFE9;
	border-left:1px solid #A5CFE9;
	border-right:1px solid #A5CFE9;
	width:250px;
	font-family:arial;
	font-size:11px;
	padding:3px;
	color:#1B4966;
	background-color:#FFFFFF;
	filter:alpha(opacity=85); /* IE */
	opacity:0.85; /* FF */
}

a.linkfornews{

font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:15px;
text-decoration:none;

}

a.linkfornews:link {
color:#969696;
text-decoration:none;
}

a.linkfornews:hover {
color:#3399FF;
text-decoration:none;
}

a.linkfornews img{
	border:none;
}