/* 
	Desenvolvido por
	
	Eduardo Freitas de Almeida
	www.eduardoalmeida.net
	contato@eduardoalmeida.net
	
	Pedro Putz
	www.putzdesign.net
	
*/

* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	background: #988765 url(../imgs/bg_bege.png);
	
	text-align: center;
}
h1 {
	display: block;
	position: absolute;
	width: 216px;
	height: 52px;
	left: 4px;
	top: 0;
	background: url(../imgs/titulo.png) no-repeat;
	
	text-align: left;
}
h1 span, h2 span {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
h3 {
	font-family: "New York", Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 14px 0;
	
	text-align: left;
}
p {
	line-height: 18px;
	margin-bottom: 16px;
	text-align: justify;
}
a:link {
	text-align: left;
	text-decoration: underline;
	color: #420;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #963;
}
a:active {
	color: #666;
}
ul {
	list-style: none;
	margin-left: 20px;
	
	text-align: left;
}
li {
	margin: 3px 0;
	text-align: left;
}
div {
	position: relative;
	text-align: left;
}

/* 		 */
#divMae {
	display: block;
	position: relative;
	width: 760px;
	margin: 10px auto;
	padding: 5px 0 0 0;
	background: #FEC url(../imgs/bg_topo.png) no-repeat top;
}
#divTopo {
	display: block;
	width: 760px;
	height: 263px;
	margin: 0;
	padding: 0 4px;
	background: url(../imgs/bg_corpo.png) repeat-y;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 752px;
}
html>body #divTopo {
	width: 752px;
}

#listaIdioma {
	display: block;
	position: absolute;
	top: 16px;
	right: 20px;
	margin: 0;
}
#listaIdioma li {
	display: block;
	margin: 0 10px;
	float: left;
}
#listaIdioma li a:link, #listaIdioma li a:visited {
	display: block;
	width: 62px;
	height: 19px;
	float: left;
	background: url(../imgs/botao.png) no-repeat;
	line-height: 19px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #963;
}
#listaIdioma li a:hover {
	color: #630;
	background-position: -62px;
}
#listaIdioma li a:active {
	color: #630;
	background-position: -124px;
}

/* 	MENU	 */
#listaMenu {
	display: block;
	position: absolute;
	width: 216px;
	height: 211px;
	top: 52px;
	left: 4px;
	margin: 0;
	border-top: 1px solid #FFF;
	background: #963;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 209px;
}
html>body #listaMenu {
	height: 209px;
}
#listaMenu li {
	margin: 0;
	padding: 0;
}
#listaMenu li a:link, #listaMenu li a:visited {
	display: block;
	width: 216px;
	height: 30px;
	padding-left: 10px;
	border-bottom: 1px solid #FFF;
	background: #963;
	
	line-height: 29px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 29px;
	width: 206px;
}
html>body #listaMenu li a:link, html>body #listaMenu li a:visited {
	height: 29px;
	width: 206px;
}
#listaMenu li a:hover {
	background: #CA8;
	color: #600;
}
#listaMenu li a:active {
	background: #D97;
	color: #600;
}

/* 	FOTO - PAINEL	 */
#imgPainel {
	display: block;
	position: absolute;
	width: 536px;
	height: 211px;
	top: 52px;
	right: 4px;
	background: #000;
	overflow: hidden;
}

/* 	ÁREA DE CORPO	 */
#divCorpo {
	display: block;
	width: 760px;
	margin: 0;
	padding: 0 4px;
	background: url(../imgs/bg_corpo.png) repeat-y;
	
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 752px;
}
html>body #divCorpo {
	width: 752px;
}

/* 	Área Lateral Esquerda (Links Externos)	 */
#divSecundaria {
	display: block;
	width: 196px;
	margin: 10px;
	float: left;
}
#divSecundaria ul {
	margin: 0;
	padding: 0;
}
#divSecundaria ul li {
	margin: 0;
	padding: 0;
}
#divSecundaria ul li a span {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


#divPrincipal {
	display: block;
	margin-left: 216px;
	padding: 20px;
}
#divPrincipal h2 {
	display: block;
	width:186px;
	height: 30px;
	margin-bottom: 10px;
}
#stHome {
	background: url(../imgs/st_home.png) no-repeat;
}
#stAcomo {
	background: url(../imgs/st_acomo.png) no-repeat;
}
#stFotos {
	background: url(../imgs/st_fotos.png) no-repeat;
}
#stLocal {
	background: url(../imgs/st_local.png) no-repeat;
}
#stAlbergue {
	background: url(../imgs/st_albergue.png) no-repeat;
}
#stReservas {
	background: url(../imgs/st_reservas.png) no-repeat;
}
#stContato {
	background: url(../imgs/st_contato.png) no-repeat;
}


#divRodape {
	display: block;
	height: 23px;
	margin: 0;
	padding: 0 556px 6px 10px;
	background: url(../imgs/bg_base.png) no-repeat bottom;
		
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 16px;
}
html>body #divRodape {
	height: 16px;
}
#divRodape p {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	margin: 0;
}
#divRodape a:link, #divRodape a:visited {
	font-weight: bold;
	color: #CB9;
}
#divRodape a:hover {
	color: #FFF;
}