* {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 {
	background:#4A6774;
	float:left;
	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;
	color: #ffffff;
	font-size:2em;
	}

#pageHeader h1 span {
	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 {
	font-variant: small-caps;
	font-size: 1.5em;
	color: #ffffff;
	width:268px;
	height:45px;
	overflow: hidden;
}

.preamble h3 span{	
	width:268px;
	height:45px;
	background:url(imagenes/bienvenida.gif) no-repeat top left;
	position:absolute; left:0; 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 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 {
	position:absolute; left:0; z-index:1;
	width:268px;
	height:45px;
	background:url(imagenes/fiestas.gif) no-repeat top left;
}

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


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

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

.preamble .guia h3 span{
	position:absolute; left:0; z-index:1;
	width:268px;
	height:45px;
	background:url(imagenes/guia.gif) no-repeat top left;
}
.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;
	font-variant: small-caps;
	font-size:1em;
	color:#A4A20A;
	width:190px;
	height:40px;
	overflow:hidden;
}

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

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

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

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

.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;
}

/* Quitar esto? 
#fotos {
	width: 160px;
	position:relative;
	z-index:2;
	left:-52em;
	top:1em;
	background-color:#DECD95;
	border:1px solid #bfbd06;
	padding:0.5em;
	}
*/
#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;
	}
#fotosvert22 {
	width: 230px;
	position:absolute;
	z-index:2;
	float:left;
	margin-left:-12px;
	margin-top:16px;
	background-color:#4A6774;
	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;
	z-index:2;
	margin-left:2px;
	bottom: 4em;
	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;}