.xeral{
	width: 760px;
	height: 460px;
	background-color:#ffffff;
}
html>body .xeral{
	width:760px;
}
/*************** parte esquerda **************/
.esq{
	float:left;
	width:190px;
}

.entorno{
	border-right: 1px dotted #533C10;
	padding-bottom:40px;
	width:170px;
	margin:10px 0 0 10px;
}
.entorno h1{
	color:#a5a5a5;
	font-weight:bold;
	margin:10px 0 10px 0;
}
.entorno dl{
	font: 10px 'trebuchet ms', verdana, sans-serif;
	color:#6c6c6c;
	padding:0 0 10px 0;
	width:154px;	
}
.entorno dl dt{
	color: #f30;
	padding-left: 7px;
}
.entorno dd a{
	color: #000;
	text-decoration: none;
}
.entorno dd a:hover{
	text-decoration: none;
	background-color: #675118;
	color:#FFFFFF;
}
.entorno dl dd{
	margin-bottom: 10px;
}
/********************* parte dereita ********************/
.dere{
	width:550px;
	margin-left: 200px;
}
#mosaicoentorno{
	float: left;
	width: 500px;
	margin-left: 5px;
	list-style: none;
}
ul#mosaicoentorno li{
	list-style: none;
	width: 170px;
	height: 170px;
	margin: 1px 1px 5px 30px;
	float: left;
	background-color: #675118;
	font-size: 11px;
}
ul#mosaicoentorno li a, ul#mosaicoentorno li#li_paisajes span{
	font: 10px 'trebuchet ms', verdana, sans-serif;
	display: block;
	padding: 120px 5px 0 5px;
	height: 40px;
	color: #fff;
	text-align: center;	
	text-decoration: none;
}
ul#mosaicoentorno li#li_industria{
	background: #675118 url(../imaxes/e-industria.jpg) no-repeat;
}
ul#mosaicoentorno li#li_ocio{
	background: #675118 url(../imaxes/e-ocio.jpg) no-repeat;
}
ul#mosaicoentorno li#li_proximidades{
	background: #675118 url(../imaxes/e-proximidades.jpg) no-repeat;
}
ul#mosaicoentorno li#li_paisajes{
	background: #675118 url(../imaxes/e-paisajes.jpg) no-repeat;
}