/* para las Capas */
#info {
	/*
	BORDER-BOTTOM: #ddd 2px solid;
	BORDER-LEFT: #ddd 2px solid;
	BORDER-TOP: #ddd 2px solid;
	BORDER-RIGHT: #ddd 2px solid;
	*/
	BORDER: #ec7b01 2px solid;
	width: 700px;
	margin: auto;
	BACKGROUND: #243c3e;
	/*FLOAT: left;*/
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#info P {
	LINE-HEIGHT: 1.5em;
}

#info P.info {
	MARGIN-LEFT: 10px;
}

#info H2 {
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 0px;
	COLOR: #151;
	FONT-SIZE: 15px;
	PADDING-TOP: 10px;
}

#info H3 {
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 0px;
	COLOR: #048;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	PADDING-TOP: 5px;
}


/* colocar de fondo la imagen del mapa de MC */
.mapaMC {
	padding:0;
	margin:0;
	list-style:none;
	background:#243c3e url(../imagenes_navira/mapaMC.jpg);
	width:700px;
	height:849px;
	margin: auto;
	position:relative;
	z-index:100;
}


/* mover el texto fuera de la pantalla */
.mapaMC li a {
	text-indent:-9999px;
	display:block;
	width:20px;
	height:15px;
	/*background:#355C62;*/
	background:url(../imagenes_navira/vineta.gif);
	position:absolute;
	line-height:8px;
}

/* hacer que las imágenes y la descripción sean invisibles y una posición absoluta de forma que no ocupe ningún espacio */
.mapaMC li a em {
	visibility:hidden;
	position:absolute;
}

/* posición de los marcadores */
.mapaMC li a.cruzSur {top:240px; left:270px;}
.mapaMC li a.losCedros {top:1px; left:270px;}
.mapaMC li a.comidasParaLlevar {top:110px; left:290px;}
.mapaMC li a.farmacia1 {top:135px; left:315px;}
.mapaMC li a.cordiez {top:143px; left:319px;}
.mapaMC li a.feriaNatural {top:157px; left:325px;}
.mapaMC li a.bingo {top:168px; left:330px;}
.mapaMC li a.correo {top:183px; left:334px;}
.mapaMC li a.superTop {top:192px; left:336px;}
.mapaMC li a.auditorio {top:195px; left:354px;}
.mapaMC li a.ypf {top:197px; left:345px;}
.mapaMC li a.iglesia {top:225px; left:392px;}
.mapaMC li a.q {top:250px; left:365px;}
.mapaMC li a.elefantes {top:205px; left:205px;}
.mapaMC li a.cajones {top:150px; left:263px;}
.mapaMC li a.elCandil {top:225px; left:320px;}
.mapaMC li a.bna {top:222px; left:332px;}
.mapaMC li a.balMun {top:260px; left:326px;}
.mapaMC li a.pasarela {top:279px; left:317px; background:url(../imagenes_navira/vinetaPasarela.gif); width:30px; height:8px;}
.mapaMC li a.plazaSM {top:213px; left:352px; background:url(../imagenes_navira/vinetaPlazaSM.gif); width:13px; height:10px;}
.mapaMC li a.natura {top:290px; left:348px;}
.mapaMC li a.terminal {top:304px; left:309px;}
.mapaMC li a.muni {top:323px; left:302px;}
.mapaMC li a.playasC {top:330px; left:390px;}
.mapaMC li a.casino {top:312px; left:430px;}
.mapaMC li a.nido {top:330px; left:625px;}
.mapaMC li a.residencia {top:312px; left:565px;}
.mapaMC li a.shell {top:363px; left:310px;}
.mapaMC li a.feriaArtesanal {top:355px; left:345px;}
.mapaMC li a.alfarero {top:585px; left:382px;}
.mapaMC li a.ofTurismo {top:755px; left:345px;}
.mapaMC li a.sanSebastian {top:765px; left:120px;}
.mapaMC li a.tiroleses {top:605px; left:85px;}
.mapaMC li a.campanas {top:447px; left:225px;}
.mapaMC li a.anfiteatro {top:560px; left:290px;}
.mapaMC li a.bpc {top:422px; left:335px;}
.mapaMC li a.secTurismo {top:447px; left:329px;}
.mapaMC li a.hospital {top:475px; left:345px;}
.mapaMC li a.policia {top:500px; left:345px;}
.mapaMC li a.bomberos {top:504px; left:382px;}

/* mover el texto de nuevo a la vista */
.mapaMC li a:hover {
	background:#600;
	text-indent:0;
	height:1.2em;
	font-size:1em;
	color:#fff;
	line-height:1em;
	padding:2px 10px;
	width:30px;
	margin-left:5px;
}

/* 'hack' para IE5.x */
* html .mapaMC li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}

/* que el texto descriptivo sea visible, darle un tamaño y una posición */
.mapaMC li a:hover em, .mapaMC li a:hover em.sinIMG {
	visibility:visible;
	margin-left:5px;
	background:#fff;
	border:1px solid #600;
	width:200px;
	color:#600;
	padding:25px;
	font-style:normal;
	font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif;
	letter-spacing:1px;
	line-height:1.5em;
}

.mapaMC li a:hover em { top:-135px; }

.mapaMC li a:hover em.sinIMG { top:-50px; }


/* 'hack' para IE5.x */
* html .mapaMC li a:hover em {width:200px; w\idth:150px;}

/* dar a la imagen un borde y un margen */
.mapaMC li a:hover em img {
	border:1px solid #000;
	display:block;
	margin:auto;
}

/* estilo de un SPAN vacío (que sé que no es semánticamente correcto) en una punta de flecha */
.mapaMC li a:hover em span, .mapaMC li a:hover em.sinIMG span {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	border:15px solid #fff;
	border-width:15px 0 15px 15px;
	border-left-color:#600;
	position:absolute;
	left:0;
}

.mapaMC li a:hover em span {top:128px;}

.mapaMC li a:hover em.sinIMG span {top:43px;}

/* 'hack' para IE5.x */
* html .mapaMC li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}