/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #36C;}

a:hover {color: #06F;}

body {
	background: #4E5D3C url(img/bg.jpg);
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.6em serif;}

h2 {
	font: bold 1em Verdana,serif;
	margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

.blockquote {
	/*background: url(img/quote.gif) no-repeat;*/
	color: #555;
	font: normal 1.4em serif;
	/*padding-left: 22px;*/
}

blockquote p {padding: 6px;text-align:left}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

img.left {margin: 0 18px 6px 0;}

img.right {margin: 0 0 6px 18px;}

img.center {margin: 0 0 6px 0;}

img.galLeft {margin: 0 18px 6px 0;}

img.galRight {margin: 0 0 6px 18px;}

img.galCenter {margin: 0 0 6px 0;}

.divider {
	background: url(img/divider.gif) no-repeat;
	height: 20px;
	margin: 24px 0;
}

.p_index {
	text-align:center;
	margin-bottom: 0.5em;
}

/* structure */
.container {
	background: url(img/bgcontainer.jpg) repeat-y center top;
	margin: 0 auto;
	width: 736px;
}

.gfx {
	background: url(img/gfx.jpg) no-repeat;
	float: left;
	height: 140px;
	margin-top: 12px;
	width: 52px;
}

.top {
	background: url(img/bgcontent.gif) no-repeat 0 -4%;
	float: left;
	text-align: center;
	width: 632px;
}

.header {
	background: #56644A url(img/header.jpg) no-repeat;
	color: #FFC;
	font-size: 1.4em;
	height: 232px;
	padding-right: 270px;
}

.header h1 {
	font: normal 3.2em serif,sans-serif;
	padding: 62px 0 34px 0;
}

.pattern {
	background: #334127 url(img/pattern.gif) repeat-x;
	clear: both;
	height: 12px;
}

/* navigation */
.navigation {margin: 0 24px;}

.navigation a {
	color: #6C7151;
	font: normal 1.9em serif;
	line-height: 50px;
	margin: 0 16px;
	text-decoration: none;
}
.navigation a:hover,.navigation #selected {
	color: #2C3111;
}

/* content */
.content {
	background: url(img/bgcontent.gif) no-repeat;
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	padding: 0 38px 12px;
}
.content .spacer {
	height: 42px;
}

/* content item */
.item {clear: both;}

.item img {border: 1px dashed #8A6;}

.item .title {
	color: #445044;
	font: normal 2em serif;
}

.item .title:first-letter {
	display: block;
	float: left;
	font-size: 2.4em;
}

.item .metadata {
	color: #666;
	font-size: 0.9em;
	float: left;
	padding: 0 0 6px 4px;
}

.item .body {
	clear: both;
}

/* footer */
.footer {
	background: url(img/bgfooter.gif) no-repeat;
	color: #666;
	font-size: 1.1em;
	line-height: 41px; 
	margin: 0 auto;
	text-align: center;
	width: 632px;
}

.footer a {
	color: #666;
	text-decoration: none;
}

.footer a:hover {
	color: #333;
	text-decoration: underline;
}


/* Estilos para el callejero */

#divContenedor {
	border-style:double;
	position:absolute;
	overflow:hidden;
}

.divMostrarCallejero {
	padding:1px;
	width:80px;
	height:16px;
	position:relative;
	border-style:solid; 
	border-width: 1px; 
	border: 1px dashed #8A6;
	font-family:verdana;
	font-size:12px;
	margin:15px 10px 0px 0px;
	float:left;
}

#divZoomContenedor {
	position:relative;
	width:200px;
	height:48px;
	border-width: 0px; 
	border: 0px;
	margin:0px 10px 00px 65px;
	float:left;
}

.divMapa {
	color: rgb(0, 0, 0); 
	cursor: move; 
}

.divBolaMapa {
	display:inline;
	background: url(./img/bola.gif) no-repeat;
	height: 25px;
	position:absolute;
	color:white;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

.enlaceBola {
  color: white;
	font: normal 14px Helvetica;
	font-weight:bold;
	text-decoration: none;
	
}

.enlaceBola:hover  {
	color: yellow;
}

#divZoom {
	top:0px;
	left:0px;
	width:200px;
	height:67px;
	position:absolute;
}

#imgZoom  {
	border-style:none;
}

#divZoomBarraMenos  {
	position:absolute;
	top:16px;
	left:36px;
	width:67px;
	height:12px;
	cursor:pointer;
}

#divZoomBarraMas  {
	position:absolute;
	top:16px;
	left:151px;
	width:67px;
	height:12px;	
	cursor:pointer;
}

#divZoomBarra {
	position:absolute;
	top:11px;
	left:85px;
	width:12px;
	height:67px;
}

#imgZoomBarraMenos  {
	border-style:none;
	cursor: pointer;
}

#imgZoomBarraMas  {
	border-style:none;
	cursor: pointer;
}

#imgZoomBarra {
	border-style:none;
}

#imgAyudaCallejero {
	border-style:none;
	height:20px;
}

#divMapaLoad{
	z-index:11;
	width:545px;
	height:400px;
	background: url(./img/mapaLoad.jpg) no-repeat;
	visibility:visible;
	cursor:wait;
}

#divMapaAyuda{
	z-index:12;
	width:545px;
	height:400px;
	top: 0px;
	left: 0px;
	background: url(./img/mapaAyuda.jpg) no-repeat;
	position:absolute;
	visibility:hidden;
	cursor:help;
}


.enlaceSinNada {
	text-decoration: none;
	font-family:verdana;
	font-size:12px;
	color:#444;
	cursor: help;
}

.enlaceSinNada:hover {
	color:#444;
	cursor: help;
}



.descarga {
	text-decoration: none;
}

#divAyudaCallejero  {
	cursor: help;
	float:right;
}


.textAyudaCallejero {
	font-size:12px;
}

.divEnlacePatrocinio{
	width:81px;
	height:17px;
	float:left;
	margin:0px 3px 6px 3px;
}

.divContEnlacePatrocinio{
	width:540px;
	float:left;
}

.imgEnlacePatrocinio {
	width:100%;
	height:100%;
}

.dialogo {
	color: #990000;
}