* {margin:0;padding:0;}  
body {
	width:100%;
	background:#0A3443 url(imagenes/back.jpg) repeat-y top left;
	font-family:verdana, arial, sans-serif;
}
ul, ol {list-style:none;}

#container {width:760px;
	position:absolute;
	z-index:1;	
}
#intro, .texto {
	float:left;
	background:#4A6774;
	width:570px;
}
#linkList {
	padding:190px 0 0 0;
	margin:0 0 0 570px;
	font-size:11px;
}
* html #linkList {position:absolute;left:0;top:0;} /* Explorer */

#pageHeader h1 {
	width:570px;
	height:190px;
	overflow: hidden;
	font-variant:small-caps;
	font-size: 2em;
	color: #ffffff;
}

#pageHeader h1 span {
	display: block;
	position:absolute; left:0; top:0; z-index:1;
      	width:570px;
	height:190px;
      	margin:0; padding:0;
      	background:url("imagenes/titulo.gif") top left no-repeat;
      }

#pageHeader h2 {display:none;}
#quickSummary p {font-size:11px;margin:0;padding:0;}
#quickSummary p.p1 {
	float:left;
	width:380px;
	height:178px;
	background:url(imagenes/fondo1.gif) no-repeat top left;
	
}
#quickSummary p.p2 {
	float:left;
	width:190px;
	padding:102px 0 50px 9px;
	background:url(imagenes/fondo.gif) no-repeat top left;
	color:#1A1A1A;
	/* start box model to fix main nav in IE 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:181px;
	padding:102px 0 0 9px;
	/* end box model to fix main nav in IE 5.5 */
}
#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited, #quickSummary p.p2 a:active {color:#F5F7F2;}
#quickSummary p.p2 a:hover {color:#F4D3B3;}
.preamble {
	clear:both;
	width:570px;
	padding:0 0 20px 0;
	background:#4A6774;
	font-size:11px;
}

.preamble h2 {
	margin:0 0 0 9px;
	padding:0 10px 10px 0;
	font-size:12px;
	font-weight: bolder;
	font-variant: small-caps;
	line-height:1em;
	color:#BF7A20;
}

.preamble h3 {
	width:268px;
	height:45px;
	overflow: hidden;
	font-variant:small-caps;
	font-size: 1.5em;
	color: #ffffff;
	}

.preamble h3 span {
	width:268px;
	height:45px;
	background:url(imagenes/bienvenidaen.gif) no-repeat top left;
	position:absolute; 
	left: 0;
	z-index:1;
}

.preamble h4 {
	margin:0 0 0 12px;
	padding:0 10px 10px 0;
	font-size:12px;
	font-weight: bolder;
	line-height:6.5px;
	color:#FFFFFF;
}

.preamble .fiestas h3 span {
	width:268px;
	height:45px;
	background:url(imagenes/fiestasen.gif) no-repeat top left;
	left: 0;
	position:absolute;
	z-index: 1;
}

.preamble .ayuntamiento h3 span{
	width:268px;
	height:45px;
	background:url(imagenes/ayuntamientoen.gif) no-repeat top left;
	left: 0;
	position:absolute;
	z-index: 1;
}


.preamble .aoslos h3 span {
	width:268px;
	height:45px;
	background:url(imagenes/aoslos.gif) no-repeat top left;
	left: 0;
	position: absolute;
	z-index: 1;
}


.preamble .otras h3 span {
	width:268px;
	height:45px;
	background:url(imagenes/otrasen.gif) no-repeat top left;
	left: 0;
	position:absolute;
	z-index: 1;
}

.preamble .turismo h3 span {
	width:268px;
	height:45px;
	background:url(imagenes/alojamientosen.gif) no-repeat top left;
	left: 0;
	position:absolute;
	z-index: 1;
}

.preamble .guia h3 span {
	width:268px;
	height:45px;
	background:url(imagenes/guiaen.gif) no-repeat top left;
	left: 0;
	position:absolute;
	z-index: 1;
}
.preamble p {
	margin:12px;
	color:#CFD9DC;
}

.preamble dl {
	margin:20px;
	color:#CFD9DC;
}

.preamble dl dd {
	margin-left:30px;
}


.preamble p a {padding:2px;text-decoration:none;}
.preamble p a:link {color:#D8BF42;}
.preamble p a:visited {color:#4D3A33;}
.preamble p a:active {color:#C64708;}
.preamble p a:hover {background:#C6B478;color:#fff;}
/*
-----------------------------------------------------------------------------------------
=texto
-------------------------------------------------------------------------------------- */
.texto div {
	padding: 19px 0;
	background:#DECD95;
}
.texto h3 {
	float:left;
	width:190px;
	height: 40px;
	overflow: hidden;
	font-variant:small-caps;
	font-size: 1em;
	color: #a4a20a;
}


.texto .explicacion h3 span {
	background:url(imagenes/comoen.gif) no-repeat top left;
	height:40px;
	width: 190px;
	left: 0;
	position:absolute;
	z-index: 1;
}

.texto .historia h3 span {
	background:url(imagenes/historiaen.gif) no-repeat top left;
	height:40px;
	width: 190px;
	left: 0;
	position:absolute;
	z-index: 1;
}


.texto .patrimonio h3 span {
	background:url(imagenes/patrimonioaren.gif) no-repeat top left;
	height:40px;
	width: 190px;
	left: 0;
	position:absolute;
	z-index: 1;
}

.texto .sendas h3 span {
	background:url(imagenes/sendasen.gif) no-repeat top left;
	height:40px;
	width: 190px;
	left: 0;
	position:absolute;
	z-index: 1;
}

.texto p {
	margin:0 0 0 190px;
	padding:0 10px 22px 0;
	font-size:11px;
	line-height:16.5px;
	color:#4D3A33;
}

.texto h2 {
	margin:0 0 0 190px;
	padding:0 10px 10px 0;
	font-size:12px;
	font-weight: bolder;
	font-variant: small-caps;
	line-height:1em;
	color:#BF7A20;
}
.texto p a {padding:2px;text-decoration:none;}
.texto p a:link {color:#C64708;}
.texto p a:visited {color:#4D3A33;}
.texto p a:active {color:#C64708;}
.texto p a:hover {background:#C6B478;color:#fff;}
.texto div.footer {
	clear:both;
	padding:6px 0;
	background:#555;
	text-align:center;
	font-size:10px;
}
.texto div.footer a {
	margin:5px 15px;
	padding:5px;
}
.texto div.footer a:link, .texto div.footer a:visited, .texto div.footer a:active {color:#999;text-decoration:none;}
.texto div.footer a:hover {background:#777;color:#bbb;}

#linkList2 {
	width:180px;
	padding:0 0 250px 10px;
	}
#linkList2 h3 {
	width:180px;
	height:22px;
	text-indent:-5000px;
}

#linkList2 ul {
	margin:10px 0 20px 0;
	color:#7FA2B0;
}
#linkList2 ul li {margin:10px 0 0 0;padding: 1px 0 0 12px;}
#texto2 ul li {background:url(imagenes/punto1.gif) no-repeat top left;}
#texto2 ul li a:link, #texto2 ul li a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
 #texto2 ul li.active {
	background:url(imagenes/puntos.gif) no-repeat top left;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#texto2 ul li a:hover {color:#C64708;}
#texto2 ul li a.c:link, #texto2 ul li a.c:visited, #texto2 ul li a.c:active, #larchives ul li a:link, #larchives ul li a:visited, #larchives ul li a:active, #lresources ul li a:link, #lresources ul li a:visited, #lresources ul li a:active {
	color:#7FA2B0;
	font-weight:normal;
}
#texto2 ul li a.c:hover, #larchives ul li a:hover, #lresources ul li a:hover {
	color:#C64708;
	/*color:#7FA2B0;*/
	font-weight:normal;
}



#fotosvert {
	width: 91px;
	position:absolute;
	z-index:2;
	float:left;
	margin-left:-542px;
	margin-top:20px;
	background-color:#DECD95;
	border:1px solid #bfbd06;
	padding:0.5em;
	}
#fotosvert2 {
	width: 120px;
	position:absolute;
	z-index:2;
	float:left;
	margin-left:-542px;
	margin-top:20px;
	background-color:#DECD95;
	border:1px solid #bfbd06;
	padding:0.5em;
	}

#fotos2 {
	width: 160px;
	position:absolute;
	z-index:2;
	margin-left:-573px;
	margin-top:700px;
	background-color:#DECD95;
	border:1px solid #bfbd06;
	padding:0.5em;
	}

#fotomap {
	margin-left: 200px;
	}

#logos {
	width: 231px;
	position:absolute;
	margin-left:2px;
	bottom: 4em;
	z-index:2;
	padding:0.5em;
	font-size:10px;
	color:#C64708;
	border:1px solid #555;
	}
#logos p a {padding:2px;text-decoration:none;}
#logos p a:link {color:#C64708;}
#logos p a:visited {color:#C64708;}
#logos p a:active {color:#C64708;}
#logos p a:hover {background:#C6B478;color:#fff;}

#version {
	width: 150px;
	position:absolute;
	margin-top: 50px;
	margin-left: 10px;
	padding:0.5em;
	font-size:10px;
	color:#C64708;
	}

#version p a {padding:2px;text-decoration:none;}
#version p a:link {color:#C64708;}
#version p a:visited {color:#C64708;}
#version p a:active {color:#C64708;}
#version p a:hover {background:#C6B478;color:#fff;}