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

Project:	Porto Santo
Version:	1.1
Last change:	02/06/08 
Author:	Duarte Sousa
-------------------------------------------------------------------*/
/*@import "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 "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;
	background-image:url(../images/bg_image.jpg);
	background-repeat:repeat-x;
}
/*------------------------------------------------------------------
[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 {
	padding:0em;
	height:175px;
	background-image:url(../images/top_image.jpg);
	background-color:#2d59b3;
}

#foot {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	bottom:-1px;
	display:block;
	height:581px;
	margin:0;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:0;
	left:0;
}

/*------------------------------------------------------------------
[3. LOGO / #logo]
*/
/*#logo {
	padding:0em;
	height:27px;
	background-color:#2d59b3;
}
*//*------------------------------------------------------------------
[4. MENU SUPERIOR / #menu_superior]
*/
#menu_superior {
	height:0px;
	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:relative;
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;
}


/* SEARCH */

/*------------------------------------------------------------------
[Search]

1. SEARCH / #search (div de suporte)
2. SEARCH / .search (div que posiciona o input)
3. SEARCH TEXT / .search_text (div do texto)
4. SEARCH INPUT / .search_input (div do input)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. SEARCH / #search]
*/
#search {
	position:absolute;
	top:141px;
	left:717px;
	width:230px;
	background-color:#a4c1e5;
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
}
/*------------------------------------------------------------------
[2. SEARCH / .search]
*/
.search {
	padding-top:2px;
	padding-bottom:2px;
	margin-right:14px;
	*margin-right:8px;
	float:right;
}
/*------------------------------------------------------------------
[3. SEARCH TEXT / .search_text]
*/
.search_text {
	with:90px;
	float:left;
	font-size:10px;
	margin-top:6px;
	margin-left:5px;
	text-transform:uppercase;
	font-weight:normal;
}
/*------------------------------------------------------------------
[4. SEARCH INPUT / .search_input]
*/
#search input {
	font-size: 10px;
	height:13px;
	border:none;
}

/* DATE */

/*------------------------------------------------------------------
[Datas e logo do weather]

1. TIME WEATHER / #time_weather (div de suporte)
2. TIME DATE / #time_date (div da data)
3. TIME TIME / #time_time (div da hora)
4. TIME ICON / #time_icon (div do icon)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. TIME WEATHER / #time_weather]
*/
#time_weather {
	position:absolute;
	top:141px;
	left:310px;
	width:400px;
	height:23px;
 	*height:28px;
	background-image:url(../images/bg_weather.jpg);
	background-repeat:repeat-y;
	color:#FFFFFF;
	font-size:13px;
	text-align:right;
}
/*------------------------------------------------------------------
/*------------------------------------------------------------------
[2. TIME DATE / #time_date]
*/
#time_date {
	position:absolute;
	top:4px;
	right:80px;
	text-align:right;
}
/*------------------------------------------------------------------
/*------------------------------------------------------------------
[3. TIME TIME / #time_time]
*/
#time_time {
	padding-top:4px;
	margin-right:10px;
 	*margin-right:8px;
	float:right;
	font-weight:bold;
}
/*------------------------------------------------------------------
/*------------------------------------------------------------------
[4. TIME ICON / #time_icon]
*/
#time_icon {
	position:absolute;
	top:-20px;
	/*height:45px;*/
	width:45px;
	left:60px;
	text-align:right;
}
/*------------------------------------------------------------------
*/
/*#time_icon img{
	width:60px;
	height:60px;
}

*/



/* floating the divs */
#corporate_sw {
	line-height: 39px;
	text-align: center;
	margin-top: 40px;
	width: 950px;
	position: absolute;
}

#corptext {
	font-family: Arial!important;
	font-style: italic!important;
	font-size: 13px;
}

img, a {
	border: 0 none;
	outline: none;
}
#corpicon img {
	vertical-align: middle;
}

.corpfloatleft {
	display: inline-block;
	vertical-align: middle;
}

.corpfloatright {
	padding-left: 5px;
	display: inline-block;
}

.clearfloat {
	display: none;
	
}