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

body {
	height:100%;
	background-color: #bad405;
	background-image: url("../imagens/fundo2.png");
	background-position:center center;
	font: normal 12px helvetica, arial, sans-serif;
	letter-spacing: 0.2px;
	line-height:  16px;
}
.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: 900px;
	margin: 0 auto;
	background-color: #fff;
	text-align:left;
}

/* engloba o menu e o logo*/

div#header {
	width: 900px;
	margin-bottom: 12px;
	border-bottom: 2px solid #bad405;
	background-image: url("../imagens/menuback.png");
}
	

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

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

/* layout colunas */

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

#coluna1de2,
#coluna1de3 {
	float:left;
	/*margin:15px 15px 15px 0px;*/
	margin:15px;
	
	padding:0;
	width: 170px;
	background-color: #fff;
	border: 1px #FFF;
	
}

#coluna2de2 {
	float:left;
	width:668px;
	padding: 15px;
	border-left: 2px dotted #bad405;
	
}
#coluna2header {
	width:515px;	
}
#coluna2de2flash {
	float:left;
	margin:0;
	padding:0;
}


#coluna2de3 {
	float:left;
	padding: 15px;
	border-left: 2px dotted #bad405; 
	border-right: 2px dotted #bad405;
	width: 410px;
	height: auto;
	min-height: 300px;
	background-color: #fff;
margin-bottom:20px;
}

#coluna3de3 {
	float:left;
	padding: 15px 15px;
	width: 200px;
	
}

.clear {
	clear: both;
}



/* 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: 429px;

}

/* LINKS*/ 

a {
	text-decoration: none;
	color: #12636b;
}

a:hover{
	color: #bad405;
}

a:active {
	text-decoration: none;
	color: #12636b;
}

#menuPrincipal .submenu1 a {
	display:block;
	width:180px;
	height:18px;
	font-size:10px;
	text-decoration: none;
	color: #12636b;
	padding: 2px 4px 0px;
}

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


#coluna1de3 a {
	display:block;
	width:160px;
	font-size:12px;
	
	text-decoration: none;
	color: #12636b;
	padding: 2px 4px 0px;
}

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


.col1de3menu a {
	display:block;
	font-size:11px;
	
	text-decoration: none;
	color: #12636b;
	padding: 2px 4px 0px;
}

.col1de3menu a:hover, 
.col1de3menu a.actual {
	background-image: url(../imagens/gradientemenu.png);
	background-repeat: repeat-y;
	/*color: #fff;*/
	background-position: right;
}
/* 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;
		}
		
		#menuPrincipal .contactos { 
			line-height: 140%;
			background-color: #bad405;
			width:250px;
			margin-left:-2px;
		} 
		
		#menuPrincipal .contactos a:hover{
	color: #fff;
}