/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Porto Santo
Version:	1.1
Last change:	02/06/08 
Author:	Duarte Sousa
-------------------------------------------------------------------*/
@import "mapas_search.css";/*Form Search*/
/*@import "left_column.css";/*Left Column*/
/*@import "menu.css";/*menu top*/
/*@import "weather.css";/*formatação do tempo na esquerda*/
@import "mapas_date.css";/*formatação no top*/
/*------------------------------------------------------------------
[Main]

1.  HTML - BODY  (backgrounds)
2.  CONTAINER / #container
2.1 TOP IMAGE / #top_image
3.  LOGO / #logo (Porto Santo)
4.  MENU SUPERIOR / #menu_superior (Menu principal)
5.  CONTENT/ #content
6.  LEFT / #left (coluna da esquerda)
7.  RIGHT / #right (coluna da direita)
8.  HEADER / #header (imagem do header)
9.  TEXT / #text (textos)
10. MENU RIGHT / #menu_right (sub menu)
11. FOOTER / #footer (footer)
12. FOOTER P / #footer p (formatação do p dentro do footer)
13. FOOTER P / #footer p a:hover
14. FLAGS / #flags (FLAGS)
15. CONTENT HEADING / .contentheading (text title)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. HTML - BODY ]
*/
html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#75A5E8;
	overflow: hidden!important;
}
/*------------------------------------------------------------------
[2. CONTAINER / #container]
*/
#container {
	position:relative; /* necessário para o posicionamento do footer*/
	margin:0 auto; /* centrar, não funciona com IE5 */
	width:948px;
	background-color:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	
}
/*------------------------------------------------------------------
[2.1 TOP IMAGE / #top_image]
*/
#top_image {
	margin:0 auto; /* centrar, não funciona com IE5 */
	padding:0em;
	bottom: 30px;
	text-align:left;
	position: absolute;
}
/*------------------------------------------------------------------
[3. LOGO / #logo]
*/
#logo {
	padding:0em;
	height:27px;
	background-color:#2d59b3;
}
/*------------------------------------------------------------------
[4. MENU SUPERIOR / #menu_superior]
*/
#menu_superior {
	height:25px;
	margin:0;
	padding:0;
	border:0;
}
/*------------------------------------------------------------------
[5. CONTENT/ #content]
*/
#content {
	padding:0em 0em 33em; /* trabalha com o footer */
	margin-left:27px;
	margin-right:25px;
}
/*------------------------------------------------------------------
[6. LEFT / #left]
*/
#left {
	width:256px;
	_width:256px;
	background-color:#2753B0;
	height:397px;
	_height:397px;
	margin-top:400px;
	_margin-top:400px;
	/*float:left;
	height:890px;*/
}
/*------------------------------------------------------------------
[7. RIGHT / #right]
*/
#right {
	width:597px;
	margin-left:0px;
	_margin-left:0px;
}
/*------------------------------------------------------------------
[8. HEADER / #header]
*/
#header {
position:absolute;
margin-top:20px;
	height:383px;
	padding-top:0px;
	_padding-top:0px;
	*padding-top:0px;
	margin-bottom:0px;
}
/*------------------------------------------------------------------
[9. TEXT / #text]
*/
#text {
	width:950px;
	padding-right:20px;
	color:#6d6f72;
	text-align:justify;
	margin-left:300px;
	margin-top:30px;
	
}
/*------------------------------------------------------------------
[10. MENU RIGHT / #menu_right]
*/
#menu_right {
	width:186px;
	background-color:#e1e2e3;
	padding-bottom:100px;
}
/*------------------------------------------------------------------
[11. FOOTER / #footer]
*/
#footer {
	position:absolute;
	width:100%;
	bottom:0; /* encosta ao fundo */
	text-align:center;
}
/*------------------------------------------------------------------
[12. FOOTER P / #footer p a]
*/
#footer p a {
	color:#d7c789;
	font-size:8px;
	margin-right:26px;
	text-decoration:none;
}
/*------------------------------------------------------------------
[13. FOOTER P / #footer p a:hover]
*/
#footer p a:hover {
	text-decoration:underline;
}
/*------------------------------------------------------------------
[14. FLAGS / #flags]
*/
#flags {
	position:absolute;
	top:220px;
	right:33px;
	z-index:200;
}
/*------------------------------------------------------------------
[15. CONTENT HEADING / .contentheading]
*/
.contentheading{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}


ul#rotator {list-style:none;margin:0px;padding:0px;width:896px;height:383px;overflow:hidden;}
ul#rotator li,
ul#rotator li a,
ul#rotator li img,
ul#rotator li a img {
	width:896px;
	height:383px;
	margin:0px;
	padding:0px;
	border:none;
	left:0px;
	top:-16px;
}
/*------------------------------------------------------------------
17. Links do ficheiro INDEX.HTML
*/
.caixa_left a {
	color:#ffffff;
}

.caixa_direita a {
	color:#6d6f72;
}

/*------------------------------------------------------------------
18. Menus Maps
*/
#menu_maps{
	position:relative;
	float:right;
	padding-left: 4px;
	height:23px;
	*height:28px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:14px;
	color:#FFFFFF;
	top:15px;
	padding-top:3px;
}

#menu_maps a {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}
#menu_maps a:visited {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

#menu_maps a.current {
	font-weight:bold;
	text-decoration:underline;
}
#menu_maps a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}