html {
	font-family: serif;
	padding: 37px 0px 40px 0px;
	background: #e8e8e9;
}

body {
	margin: 0px auto 0px auto;
	width: 1211px;
	background: url(../img/bg-body.gif) repeat-y center 37px;
}

div#content {
	background: url(../img/top-body.gif) no-repeat top left;
	padding: 41px 47px 0px 47px;
}

div#nav {
	float: right;
	width: 328px;
	color: white;
	background-color: #94ac22;
}
div#nav :link,
div#nav :hover,
div#nav :visited {
	color: transparent;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size. 15px;
}
div#nav ul {
	display: block;
	width: 328px;
	height: 47px;
	margin: 0px;
	padding: 0px;
}
div#nav li {
	display: block;
	float: left;
	margin: 0px;
	width: 164px;
	height: 47px;
}
div#nav a {
	display: block;
	text-align: center;
	padding: 15px 0px 12px 0px;
}
div#nav a.inicio {
	background: url(../img/inicio.gif) top left;
}
div#nav a.contacto {
	background: url(../img/contacto.gif) top left;
}

h1 {
	background: url(../img/hoteles-en-la-sierra-de-cazorla.gif) no-repeat top left;
	width: 388px;
	height: 49px;
	color: transparent;
	margin: 0px;
}

div#frame {
	margin-bottom: 50px;
}

div#footer {
	background: url(../img/bottom-body.gif) no-repeat bottom center;
	height: 87px;
	margin: 0px 4px 0px 3px;
	background-color: #e7eec6;
}
div#footer div#links {
	color: white;
	float: left;
	width: 603px;
	height: 85px;
	background-color: #94ac22;
}
div#footer div#links a:link,
div#footer div#links a:hover,
div#footer div#links a:visited {
	color: white;
	font-size: 10pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
}
div#footer div#links ul {
	display: block;
	margin: 0px;
	padding: 18px 0px 0px 0px;
}
div#footer div#links li {
	display: block;
	margin-bottom: 6px;
}
div#footer div#links li.left {
	float: left;
	margin-left: 31px;
	width: 265px;
}
div#footer div#social {
	float: right;
	text-align: right;
	margin-right: 23px;
}
div#footer div#social img {
	margin-left: 6px;
	margin-top: 13px;
}
div#footer div#address {
	font-family: sans-serif;
	font-size: 11pt;
	color: #536017;
	padding-top: 3px;
	margin-left: 614px;
}
div#footer div#address p {
	margin: 0px;
}

div.clear {
	clear: both;
}

/* CONTACTO **********************************************************/

div#contacto {
	float: left;
	width: 317px;
}
div#contacto h2 {
	color: #94ac22;
	width: 238px;
	margin: 0px 78px 15px 3px;
	text-align: center;
	font-size: 16pt;
	padding: 4px 0px 4px 0px;
	border-color: #cecece;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

div#contacto p.telefonos {
	color: transparent;
	background: url(../img/telefonos.gif) no-repeat;
	width: 239px;
	height: 145px;
	padding-bottom: 36px;
	border-bottom-width: 1px;
	border-bottom-color: #cecece;
	border-bottom-style: solid;
}

div#contacto p.direccion {
	margin: 39px 30px 0px 0px;
	color: #434244;
	font-size: 13pt;
	font-family: "Georgia", Serif;
}

div#contacto p.enlaces {
	width: 239px;
	margin-top: 39px;
	padding-top: 40px;
	border-top-width: 1px;
	border-top-color: #cecece;
	border-top-style: solid;
}
div#contacto p.enlaces a:link,
div#contacto p.enlaces a:hover,
div#contacto p.enlaces a:visited {
	color: #94ac22;
	text-decoration: underline;
	font-weight: bold;
}

div#mapa {
	margin-top: 109px;
	margin-left: 354px;
	border-style: solid;
	border-width: 7px;
	border-color: #e7eec6;
	width: 749px;
	height: 522px;
}
div#mapa h2 {
	font-family: serif;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #94AC22;
}
div#mapa p {
	font-size: 16px;
	font-family: "Georgia",Serif;
	margin-bottom: 0;
	color: #434244;
}
div#mapa a:link,
div#mapa a:hover,
div#mapa a:visited {
	text-decoration: none;
	color: #94AC22;
}