/*HTML elements style*/
body
{
	width : 930px;
	/*height : 960px;*/ /*necessário para ZenPhoto em FF e IE */
	margin: 50px 0 0 0;
	padding: 0; /* need for Opera */
	font-family : verdana, sans-serif;
	font-size : 14px; /*aprox. 10pt (pt nem é mais mencionado no W3C...)*/
	background-color : #fff; 
	background-attachment : fixed;
	background-image : url("/../images/praia_sul_desbot.jpg");
	background-position : center center;
	background-repeat : no-repeat;
	border : 0;
}

body.fotos
{
 	height : 1260px; /*necessário para ZenPhoto em FF e IE (1200px para evitar dupla barra de rolagem) */
}

.comargem /*coloca margem apenas no conteúdo, e não no cabeçalho*/
{margin: 0 20px;}

h1 {font-size : 1.5em; font-weight: bold; text-align : center;}
h2 {font-size : 1.4em; font-weight: bold; text-align : center;}
h3 {font-size : 1.3em; font-weight: bold; text-align : center;}
h4 {font-size : 1.2em; font-weight: bold; text-align : center;}
h5 {font-size : 1.1em; font-weight: bold; text-align : center;}

p.main {font-weight: bold;}

p.eco-large
{
	font-size : 1.2em;
	font-style : italic;
	font-weight: bold;
	color : #008800;
	text-align: center;
	margin-left : 340px;
	margin-right : 10px;
}

p.eco-small, ul.eco-small
{
	font-size : 1em;
	font-style : normal;
	font-weight: normal;
	color : #008800;
	text-align: left;
	text-indent : 0em;
	margin-left : 350px;
	margin-right : 10px;
}

p.title {font-size : 1.5em; font-weight : bold; text-align : center;}

p.rodape {font-size : 1em; color : #000; text-align : left;}

/*Home page styles*/
div.home
{
	width : 100%;
	text-align: center;
	font-size : 1em;
	color : #008;
	min-height : 272px;
}

div.home-left-pic {float : left; margin : 0 10px 0 10px; font-size : 0.85em; font-style : italic; color : #008;}

div.home-right-pic { float : right; margin : 0 10px 0 10px; font-size : 0.85em;	font-style : italic; color : #008;}

ul.main {color : #008; text-align: left; list-style-type : square;}
/*Home page styles - end*/

/*Header and menu styles*/
#header
{
	position: absolute;
	height : 46px;
	width: 930px;
	background-image : url("../images/header-bg.png");
	background-repeat : repeat-x;
 	top : 0px; /*necessário para Firefox e Chrome, que colocam margem superior "automática"*/
	margin-bottom : 10px;
}

#header img
{
	float : left;
	margin-left : 10px;
}

#menu a
{
	display : block;
	padding : 5px;
	margin : 1px;
	font-weight : bold;
	border-style : solid;
	border-width : 1px;
	border-color : green;
	font-size : 1.1em;
	text-decoration : none;
}

#menu a.ativo {background-color : #ddd;} /*CLASS not pseudo-class*/

#menu a:link {color : #080;}
#menu a:visited {color : #080;}
#menu a:hover {color : #0f0; background-color : #080;}

#menu ul
{
	position : absolute;
	left : 240px;
	list-style : none;
	z-index : 1;
	margin : 6px 0 0 0;
}

#menu li
{
	float : left;
}
/*Header and menu styles - end*/

/*Aluguel page styles*/
div.calendario
{
	height : 260px;
	float : right;
	margin-right : 50px;
	font-size : 1.2em;
	font-weight : bold;
	text-align : center;
	color : #008;
}

table.aluguel
{
	margin-left : 50px;
	text-align : left;
	text-align : center;
	padding-left : 5px;
	padding-right : 5px;
	color : #008;
}

td.aluguel
{
	font-size : 0.9em;
}
			
th.aluguel
{
	font-size : 1.1em;
}

.th-sub
{
	font-size : 0.9em;
	font-weight : normal;
}

th.coltitle
{
	color : #008;
}

th.tabletitle
{
	font-size : 1.6em;
	color : #008;
	text-align : center;
}
/*Aluguel page styles - end*/

.narrativa dl
{
	font-size : 1.3em;
	font-weight : bold;
}

.narrativa dt
{
	font-size : 1.2em;
	font-weight : bold;
}

.narrativa dd
{
	font-size : 1em;
	font-weight : normal;
	padding-bottom : 10px;
}

.extra dl
{
	text-align : left;
	margin-left : 0;
	margin-top : 1em;
	font-family : verdana, sans-serif;
	font-size : 1.1em;
	font-weight : bold;
}

.extra dt
{
	text-align : left;
	font-family : verdana, sans-serif;
	font-size : 0.9em;
	font-weight : bold;
	margin-left : 2em;
	margin-top : 1em;
}

.extra dd
{
	text-align : left;
	font-family : verdana, sans-serif;
	font-size : 0.8em;
	font-weight : normal;
	margin-left : 4em;
	padding-bottom : 10px;
}

/*Generic styles*/
#picture-left
{
	float : left;
	width : 320px;
	padding : 10px 20px 10px 0;
	border : 0px solid black;
	text-align : center;
	font-size : 0.8em;
	font-style : italic;
	caption-side : bottom;
}

#picture-right
{
	float : right;
	width : 320px;
	padding : 10px 20px 10px 0;
	border : 0px solid black;
	text-align : center;
	font-size : 0.8em;
	font-style : italic;
	caption-side : bottom;
}

/*notice board*/
.notice
{
	color : #00f;
	font-size : 1.2em;
/* 	font-weight : bold; */
	outline-color : #0000ff;
	text-align : center;
	/* outline-style : dashed; */
	/* outline-width : 2px; */
	/* padding : 0.4em; */
}