/*--------------------------------------------------------------------
Corpo Style / Estruturas comuns (IE6 FF1.5)

Version: 	1.0
author: 		Burocratik (alexandre gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);
@import url(texto.css);

/* =SUBMENU PRINCIPAL
------------------------------------------------------*/
ul#mainSubMenu{
	position: absolute;
	top: 57px; left: 225px; 
	width: 131px; height: 100px;
	padding: 0;	margin: 0;
	list-style: none;
	border: none;
}
ul#mainSubMenu li{ /* :INFO: Cria as linhas de separacao*/
	width: 127px;
	padding: 1px 0 1px 0;
	margin: 0;
	height: 15px;
	border-bottom: 1px solid #8ace57;
}
ul#mainSubMenu li a{
	position: relative;
	display: block;
	width: 127px; height: 15px;
	margin: 0; padding: 0;
	line-height: 15px;
	font-family: Tahoma, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-indent: 5px;
	color: #526d84;
	border: 0; /* :INFO: para anular no visited o formato global (texto.css) dos links*/
}
*html ul#mainSubMenu li a, *html ul#mainSubMenu li strong{ /* :HACK: IE <=6*/
	line-height: 14px; 
}
ul#mainSubMenu li a:hover {
	visibility: visible; /* :BUG: para no IE  para as imagens voltarem ao posicao non-hover*/
}
ul#mainSubMenu li a:hover span,
ul#mainSubMenu li a:focus span { /* :INFO: necessario para a imagem do roll over*/
	display: block;
	margin: 0; padding: 0;
	position: absolute;
	top: -1px; left: -5px;
	width: 5px;	height: 15px;
	background: transparent url(../imgs/submenu-over.gif) no-repeat left center;
}
ul#mainSubMenu li strong{ /* :INFO: botao on*/
	position: relative;
	display: block;
	width: 127px;	height: 15px;
	margin: 0; padding: 0;
	line-height: 15px;
	font-family: Tahoma, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 5px;
	color: #526d84;
	background: #edf7e7;
}

/* = HEADER TITULO
------------------------------------------------------*/
#header-contactos {
	position: absolute;
	left: 0px; top: 175px;
	width: 255px; height: auto;
	font-family: "Lucida Sans Unicode", sans-serif; font-weight: normal; font-size: 12px;
	line-height: 1.5em; letter-spacing: normal;
}
#header-contactos-chegar {
	position: absolute;
	left: 0px; top: 175px;
	width: 290px; height: 210px;
	background: transparent url(../pics/roteiro-chegar-mapa.jpg) no-repeat left top;
}
#header-contactos h2 {
	font-size: 40px; font-weight: normal;
	letter-spacing: -3px;
	margin: 43px 0 19px 0; padding: 0;
	color: #1b5d35;
}
#header-contactos h3 {
	font-size: 18px; font-weight: normal;
	margin: 0 0 8px 0; padding: 0;
	color: #6aba3a;;
}
#header-contactos p {
	margin: 0 0 2px 0; padding: 0;
	color: #485056;
}


/* =CONTENT ESQUERDA
------------------------------------------------------*/
.content-esq {
	float: left;
	width: 290px; height: auto;
	margin: 85px 10px 0 0; padding: 0;
	font-family: "Lucida Sans Unicode", sans-serif;
	letter-spacing: normal; line-height: 1.3em;
	color: #808080;
}
.content-esq h4 {
	margin: 0; 	padding: 0 0 2px 0; 
	font-size: 14px; font-weight: normal;
	color: #6aba3a;
}
.content-esq p {
	margin: 0; 	padding: 0;
	font-size: 11px;
}
.content-esq p span{
	color: #6aba3a;
}
.dormir {
	height: 250px;
	background: transparent url(../imgs/roteiro-dormir-fundo.gif) no-repeat left bottom;
}
.comer {
	height: 300px;
	background: transparent url(../imgs/roteiro-comer-fundo.gif) no-repeat left bottom;
}
.chegar {
	height: 300px;
	background: transparent url(../imgs/roteiro-chegar-fundo.gif) no-repeat left bottom;
}
/* =CONTENT CENTRO: txt
------------------------------------------------------*/
#content-center {
	float: left;
	width: 290px; height: auto;
	margin: 30px 10px 0 0; padding: 0;
	font-family: "Lucida Sans Unicode", sans-serif; 
	letter-spacing: normal; line-height: 1.3em;
	color: #808080;
}
#content-center-chegar {
	float: left;
	width: 290px; height: auto;
	margin: 30px 10px 0 0; padding: 0;
	font-family: "Lucida Sans Unicode", sans-serif; 
	letter-spacing: normal; line-height: 1.3em;
	color: #485056;
}
#content-center-chegar h2 {
	font-size: 40px; font-weight: normal; line-height: normal;
	letter-spacing: -3px;
	margin: 0 0 0px 0; padding: 0;
	color: #1b5d35;
}

/* =CONTENT DIREITA: txt
------------------------------------------------------*/
#content-dta {
	float: left;
	width: 290px; height: auto;
	margin: 30px 0 0 0; padding: 0;
	font-family: "Lucida Sans Unicode", sans-serif; 
	letter-spacing: normal; line-height: 1.3em;
	color: #808080;
}
#content-dta-chegar {
	float: left;
	width: 250px; height: auto;
	margin: 85px 0 0 40px; padding: 0;
	font-family: "Lucida Sans Unicode", sans-serif; 
	letter-spacing: normal; line-height: 1.3em;
	color: #808080;
}
#content-dta-chegar h4 {
	margin: 0; 	padding: 0 0 2px 0; 
	font-size: 14px; font-weight: normal;
	color: #6aba3a;
}
#content-dta-chegar p {
	margin: 0; 	padding: 0;
	font-size: 11px;
}
#content-dta-chegar p span{
	color: #6aba3a;
}


/* =FORMATACOES VARIAS
------------------------------------------------------*/
#content-center h4, #content-dta h4 {
	margin: 0; 	padding: 0 0 2px 0; 
	font-size: 14px; font-weight: normal;
	color: #6aba3a;
}
#content-center p, #content-dta p {
	margin: 0 0 12px 0; 	padding: 0;
	font-size: 11px;
}
#content-center a, #content-dta a {
	color: #808080; text-decoration: none; border-bottom: 1px solid #6aba3a;
}
#content-center a:visited, #content-dta a:visited {
	color: #808080; border-bottom: 1px dotted #6aba3a;
}
#content-center a:focus, #content-center a:hover,
#content-dta a:focus, #content-dta a:hover {
	color: #808080; border-bottom: 1px dotted #6aba3a; 
}