/**
* Archivo CSS del Proyecto Mercolleida
*
* Definición de los Mapas con interacción disponibles para el Sitio Web de MERCOLLIDA
*
* @author      	Jonathan Ch.
* @version     	0.0
* @copyright	2009 Griho
* @project		Sitio web de MERCOLLEIDA
* @package		xhtml-css
*
* @style       Medidas de Columnas 
* @media       screen
* @layout      in pixels:
*              |         1000 (984)        |	Hay un margen de 24px por la barra lateral de desplazamiento y 8px de lateral blanco
*              | 250  |     484      | 250 |	Puedeser dividirse en 3 columnas a nivel más alto 	
*              | 300  |      	| 280| 300 |	Son las 3 columnas del pie que siempre estarán.
*
*/


/*
* @section 			elemento mapaAcceso
*
*/
#mapaAcceso {
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ccc;
	width: 98%;/*59.166em /*710px;*/
	height: auto;
	text-align: center;
}
#mapa_zonas {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#mapaAcceso img {
	margin: 0;
	padding: 0;
	/*width: 100%;*/
	height: auto;
}
dl.map, dl.map.on {
	position: absolute;
/*	background: url(../imagenes/mapa/mapa_g.png) left top no-repeat;*/
	text-align:left;
	margin: 0px;
	padding: 0px;
}
dl.map.on:hover {
	/*background: url(../imagenes/mapa/mapa_g_on.png) left top no-repeat;*/
}
dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position: absolute;
	left: -9999px;
	width: 300px;/*247px;*/
	padding: 0.4166em;/*0.909em;*/
	background-color: #FFF;
	border: 2px dotted #ccc;
	/*-moz-border-radius:8px;
	border-radius:8px;*/
	z-index: 20;
	font-size: 12px;
	text-align: left;
}
/*dl.map.on dd img {
	position: relative;
	float: right;
	border: 1px solid #000;
	margin: 2px;
}*/
dl.map.on a.location {
	display: block;
	position: absolute;
	text-indent: -9999px;
	background: url(img/point.png) center center no-repeat;
	/*width: 10px;
	height: 10px;*/
	outline: none;
	z-index: 10;
	text-decoration: none;
}
dl.map.on a.location:hover {
	background:url(img/point-hover.png) no-repeat center center;
   border: 2px dotted #999999;
}
dl.map.on dd a {
	text-decoration: none;
	color: #000;
}
#mapaAcceso .precios_rapidos h2 {
	font-size: 90.9%;
}
#mapaAcceso .precios_rapidos ul, #mapaAcceso .precios_rapidos li {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
#mapaAcceso dd .precios_rapidos table {
	margin: 0.9em auto;
	width: 95%;/*90%;*/
}
#mapaAcceso .precios_rapidos table caption {
	margin: 0.275em 0 0 0;/*0.45em 0 0 0;*/
}
/* #mapaAcceso .precios_rapidos table thead th, #mapaAcceso .precios_rapidos table thead tr {
}
#mapaAcceso .precios_rapidos table thead {
	position: inherit;
	overflow: hidden;
	display: block;
	clip: rect(auto, auto, auto, auto);
	height: auto;
	
	visibility: visible;
	background-color: #ccc;
	border: solid 1px red;
}*/
#mapaAcceso .precios_rapidos table tbody td {
	padding-left: 0.275em;
}
#mapaAcceso .precios_rapidos table tbody td span {
	font-size: 90.9%;
}