/* CSS Document */
body {
	margin:0; padding:0;
	background-color: #003333;
	text-align: center; /* hack do IE */	
	font:14px Arial,Helvetica,sans-serif;
	color:#000;
}
.tudo {
	width: 760px;
	margin:0 auto;
	padding: 0px;
	background-image: url(../imagens/fundo_vd.jpg);
	text-align:left; /* "remédio" para o hack do IE */
	height:528px;	
}
/*********** div topo *************/
.top {
	height:87px;
	/*background-image:url(../imagens/jardim_de_maytreia.jpg);*/
}
	
/*************  ***********/
/*       parte central    */
.conteudo {
	width: auto;
	position:relative;
	clear:both;
	padding-top:20px;
}
.caminho {
	position: absolute;
	top:0px;
	left:0px;
	margin-top:-10px;
	width:746px;
	height:80px;
	background-image:url(../imagens/caminho.gif);
	background-repeat: no-repeat;
	z-index: 1;
}
.esq, .dir {
	position: absolute;
}
.esq {
	display:block;
	float: left;
	top:85px;
	left:7px;
	width:420px;
	height:230px;
	border: 2px solid #ffc;
	padding:0 10px;
	background-image:url(../imagens/fundo_9.jpg);
}
.dir {
	display:block;
	float: right;
	top:85px;
	right:7px;
	width:284px;
	height:230px;
	background-image:url(../imagens/borda.jpg);
	border:2px outset #ffc;
	z-index:100;
}
.quadro {
	width:240px;
	height:190px;
	z-index: 25;
	background-image:url(../imagens/fundo_11.jpg);
	border:thin inset #FFF;
	margin:20px;
}
ul.fotos {
	position:relative;
	clear:both;
	top:310px;
	padding-left:5px;
	list-style:none;  
	width:760px;
	padding:0 5px;
	margin:0; 
	padding:0; 
	background-image:url(../imagens/fundo_span.jpg);
	z-index:1;
}
.fotos:after, .icon:after, .pous:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	}
ul.fotos li {
	width:102px;
	height:49px;
	float:left; 
	border:1px solid #000;
	margin:2px; 
}
ul.fotos li img {
	border:none; 
	width:102px;
	height:49px;
}
ul.fotos li span img {
	width:440px;
	height:211px;
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
	z-index:600;
}
ul.fotos a:hover span {
	display: block;
  position: absolute; 
	top:-245px; 
	left: 7px; 
	background:#fff;
	border:2px solid #003;
	z-index:500;
}
ul.fotos a:hover span.legenda {
	display: block;
	position:absolute;
	text-align:center; 
	width:440px;
	top:209px;
	left:-2px;
	padding:2px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000; 
}
/**************** EL **********************/
img {
	display:block;
	border: 0px;
	float: left;
}
img.pad{padding:2px 0 0 15px;}
ul.pousadas {
	list-style:none;
	margin:0;
	padding:0;
}