/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#markets { display: block; position: relative; width: 100%; padding: 50px 0 50px 0; overflow: hidden; margin: 0 auto; font-size: 0; text-align: center; }
	div#markets div.container { display: block; position: relative; width: 1200px; padding: 0; overflow: hidden; margin: 0 auto; font-size: 0; text-align: center; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

div#markets div.responsive_map { display: none; }
div#markets div.map { display: inline-block; position: relative; width: auto; height: auto; margin: 75px auto 0 auto; border: none; }
div#markets div.map.debug { border: 1px solid #000000; }
	div#markets div.map span.icon { display: block; position: absolute; width: 23px; height: 23px; margin: -11px 0 0 -11px; background: transparent url(../src/img/markets_icon.png) no-repeat; cursor: pointer; }
	div#markets div.map.debug span.icon { display: none; }
	div#markets div.map span.icon[data-selected="true"] { background-position: 0 -23px; cursor: pointer; }
	div#markets div.map div.text { display: none; position: absolute; width: auto; height: auto; border: none; background-color: #e1114c; z-index: 10; padding: 10px; max-width: 300px; }
		div#markets div.map div.text h2 { display: block; position: relative; margin: 50px auto 0 auto; font-weight: 700; line-height: 20px; font-size: 14px; text-align: left; color: #ffffff; padding: 0; margin: 0; }
		div#markets div.map div.text p { display: block; position: relative; margin: 15px auto 0 auto; line-height: 20px; font-size: 12px; text-align: left; color: #ffffff; padding: 0; margin: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* mercados */

div#markets div.markets { display: block; position: relative; width: 100%; height: auto; font-size: 0; text-align: center; border-bottom: 2px solid #d9dee3; padding: 15px 0 50px 0; }
	div#markets div.markets div.block { display: inline-block; position: relative; width: auto; border-right: 1px solid #455560; padding: 0 5px; }
	div#markets div.markets div.block:last-child { border-right: none; }
		div#markets div.markets div.block h3 { display: block; position: relative; width: auto; cursor: pointer; }
		div#markets div.markets div.block h3:hover { color: #e1114c; }
		div#markets div.markets div.block h3[data-selected="true"] { color: #e1114c; font-weight: 700; }
		div#markets div.markets div.block p { display: none; }