* {
margin: 0;
padding: 0;
}
html{
height:100%;
}

body {
	height:100%;
	background-color: #767F7C;
	/*background-image: url("../imagens/fundo.gif");*/
	background-position:center center;
	font: normal 12px helvetica, arial, sans-serif;
	letter-spacing: 0.2px;
	line-height:  16px;	
}


.hideable.hidden .content {
Display:none;
}


.corIls {
	color:#12636B;
	}

/* div total da página, que permite ter o conteudo todo nesta mesma estrutura.*/
#centrar{ width: 100%; height: 100%; display: table; }


	#geral  { display: table-cell; vertical-align: middle; width: 100%; height:100%; text-align: center; }

#page {
	width: 972px;
	margin: 0 auto;
	background-color: #fff;
	text-align:left;
}

div#ini {
	width: 972px;
	height: 14px;
	

}
div#cabecalho {
	width: 972px;
	max-height: 240px;
	

}

div#menu {
	width: 972px;
	height: 52px;
	background-image: url("../imagens/menu.jpg");
}

div#menudiv1 {
	float:left;
	margin:90px;
	padding: 5px;
	width: 5px;
	height: auto;
	max-height: 300px;
	background-color: ;	
}

div#menudiv {
	float:left;
	margin:10px;
	padding:5px;
	max-width: 200px;
	height: auto;
	max-height: 300px;
	background-color: ;	
}


div#espaco {
	width: 972px;
	height: 10px;
}



div#final {
width: 972px;
background-color: #767F7C;	
}

	

div#logo {
	  width: 200px;
	  height: 162px;
	  float: left;
}

div#menuPrincipal{
	width: 800px;
	float: left;
}

/* layout colunas */

#conteudo{
	/*position: relative;*/
}

#coluna1de2{
	float:left;
	width: 660px;
	background-color: #fff;
	max-height: 360px;
	
	
	
}

#coluna1de2pat{
	float:left;
	width: 670px;
	background-color: #fff;
	max-height: 360px;
	
	
	
}


#coluna {
	float:left;
	margin:25px;
	padding:0px;
	width: 270px;	
	background-color: ;
	
}


#coluna1 {
	float:left;
	margin:25px;
	padding:0px;
	max-width: 900px;
	max-height: 400px;
	background-color: ;
	overflow: scroll;
	
}

#projectosub {
	float:left;
	margin:25px;
	padding:0px;		
	background-color: ;
	
}


#projecto {
	float:left;
	margin:25px;
	padding:0px;
	width: 410px;	
	background-color: ;
	
}

#menuterapias {
	float:left;
	margin:25px;
	padding:0px;
	max-width: 240px;	
	background-color: ;
	
}

#terapias {
	float:left;
	margin:25px;
	padding:0px;
	width: 270px;		
	background-color: ;
	
}

#terapias1 {
	float:left;
	margin:25px;
	padding:0px;
	width: 100px;		
	background-color: ;
	
}

#terapias2{
	float:left;
	margin:25px;
	padding:0px;
	width: 200px;		
	background-color: ;
	
}

#contactos {
	float:left;
	margin:25px;
	padding:0px;	
	max-height: 315px;	
	background-color: ;
	
}
#contactos1 {
	float:left;
	margin:25px;
	padding:0px;
	width: 480px;
	max-height: 315px;	
	background-color: ;
	
}
#maps {
	float:left;
	margin:25px;
	padding:0px;
	width: 300px;
	max-height: 315px;	
	background-color: ;
	
}

#coluna2header {
	width:300px;
	
}
#coluna1de2flash {
	float:left;
	margin:0;
	padding:0;
	
}

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

.proprio a 
{ color:grey 
}

.link a 
{ color:black;
}


.branco a 
{ color:white;
}


/* passou a .citacaoDestaque era #titulo em destaque nas páginas dos doutores, bem como o título destaque da págia notícias.*/

.citacaoDestaque {
	font: normal 18px helvetica, arial, sans-serif;
	line-height:  22px;
	color: #12636b;
}



/* segundo header página equipa */
div#headerEquipa {
	height:200px;
}
div#headerEquipa div#col1equipa {
	width:60px;
	padding:15px;
	float:left;
}

div#headerEquipa div#col2equipa {
	width:565px;
	display:table;
	vertical-align:middle;
	float:left;
}

div#headerEquipa div#col3equipa,
div#headerEquipa div#col3equipaSublinhado {
	width: 245px;
	height:200px;
	float:left;
	
}
div#headerEquipa div#col3equipaSublinhado {
	border-bottom: thin solid #bad405;
	
}



ul { 
	list-style-type: none; 
} 


h3 {
	font: normal 14px helvetica, arial, sans-serif;
	color: #12636b;
	width: auto;
	padding: 5px 5px 2px;
	background-color: #bad405;
}

div#coluna2de3 h3,
div.col2de3 h3 {
	background-image: url(../imagens/gradientetitulos.png);
	background-repeat: repeat-y;
	}

div#coluna2de2 h3 {
	background-image: url(../imagens/gradiente2colunas.png);
	background-repeat: repeat-y;
	}
	
	
p.topo {
	float: right;
}

/* div tudo, nas páginas reage, cardio...*/

#flash {
	padding: 0;
	margin: 0;
	height: 380px;

}

/* LINKS*/ 

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

a:hover{
	color: grey;
}

a:active{
	text-decoration: none;
	color: grey;
}

#menuPrincipal .submenu1 a {
	display:block;
	width:410px;
	height:0px;
	font-size:12px;
	text-decoration: none;
	color: black;
	padding: 2px 4px 0px;
}

#menuPrincipal .submenu1 a:hover,
#menuPrincipal .submenu1 a.actual{
	background-image: url(../imagens/gradientemenu.png);
	background-repeat: repeat-y;
	/*color: #fff;*/
}



/* LINK DO LOGO*/
a.logo img {
	
	border: none;
	
}

a.log {
	text-decoration: none; 
	color: #fff; 
	padding: 0;	
	
}

a.log:hover {
	text-decoration: none; 
	color: #fff; 
	padding: 0;
}

a.log:active {
	text-decoration: none; 
	color: #fff; 
	padding: 0;
}

a.log:visited {
	text-decoration: none; 
	color: #fff; 
	padding: 0;
}


/* MENU */


		#menuPrincipal .botao {
			float: left;	
			display: block;
			height: 160px;
			width: 23px;
			background-color: #12636b;
			color: #ffffff;
			text-decoration: none;
			margin-right: 2px;
			cursor:pointer;
		}
		
		#menuPrincipal .contactos, 
		#menuPrincipal .submenu1 {
			font: normal 10px helvetica, arial, sans-serif;
			line-height: 200%;
			width: 220px;
			height: 160px;
			float: left;	
			overflow: hidden;
			color: #12636b;
			padding-left:15px;
			position:relative;
		
		}
			
		
			
		#menuPrincipal .botao {
			background-color: #12636b;
			display: block;
			height: 160px;
			width: 23px;
			
			}
			
			
		#menuPrincipal .aberto .botao {
			background-color: #bad405;
			
		}
	
		#menuPrincipal .fechado .contactos, 
		#menuPrincipal .fechado .submenu1 {
			display: none;
		}
		
		
		#menuPrincipal .aberto .contactos, 
		#menuPrincipal .aberto .submenu1 {
			display: block;
			
		}
		
		#menuPrincipal .contactos div, 
		#menuPrincipal .submenu1 ul {
				position:absolute;
				bottom:13px;
		}
		
		#menuPrincipal .submenu1 li {
			margin-top:2px;
		}
		#coluna1de3 li {
			margin-top:6px;
			margin-left:72px;
		}
		#coluna2de3 li {
			margin-top:6px;
			margin-left:79px;
		}
		#coluna3de3 li {
			margin-top:6px;
			margin-left:79px;
		}
		#menuPrincipal .contactos { 
			line-height: 140%;
			background-color: #bad405;
			width:335px;
			margin-left:-2px;
		} 
		
		#menuPrincipal .contactos a:hover{
	color: #fff;
	
	

}