body,html,ul,li						{ margin:0;padding:0; }
#contenedor						{ float:left; position:relative; width:940px; height:677px; background:url(i/backMapa.jpg); }
#contenedor ul#lista_pueblos 		{ list-style:none; float:left; position:relative; width:100%; height:100%; }
#contenedor ul#lista_pueblos li 	{ position:absolute; top:0; left:0;z-index:99; width:20px; height:29px; background:url(i/Gmark.png) no-repeat transparent;background-position:0 0;cursor:pointer;}
#contenedor ul#lista_pueblos li  * {
	font-family: 'Helvetica', Arial; font-size: 9pt; line-height:1em; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;
}
#contenedor ul#lista_pueblos li:hover { background-position:-20px 0px; z-index:100;}

/*** Contenidos de los pueblos ***/
#contenedor ul#lista_pueblos li .extendedinfo {
	display:none;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;
    position:absolute; bottom:100%; 
    left: -4.5em; background:white; border-radius:4px;
    text-align: center;float:left; width:130px;
	transition:all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; -ms-transition:all .3s ease-out 0s;
	box-shadow: 0 0 4px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3); moz-box-shadow: 0 0 4px rgba(0,0,0,.3); -o-box-shadow: 0 0 4px rgba(0,0,0,.3); -ms-box-shadow: 0 0 4px rgba(0,0,0,.3);
}
#contenedor ul#lista_pueblos li:hover .extendedinfo		{ display:block !important;}
#contenedor ul#lista_pueblos li .shortinfo,
#contenedor ul#lista_pueblos li div[id^="info_"]			{ float:left; width:100%; *width:94%; padding:5px;}
#contenedor ul#lista_pueblos li .pueblo,
#contenedor ul#lista_pueblos li .vermas		{ float:left; display:inline-block;}
#contenedor ul#lista_pueblos li .pueblo		{ width:85%; color:black; font-weight: bold; text-align:left; font-size: 11pt;}
#contenedor ul#lista_pueblos li .pueblo em    { /*float:left; clear:both;*/ color:#C00; font-size:0.8em;display:none; font-style:normal;}
#contenedor ul#lista_pueblos li .vermas		{ 
	float:right;width:16px; height:11px;
	overflow:hidden; text-indent:-100em;
	background:url(i/Imark.png) no-repeat 0 0 transparent;
}
#contenedor ul#lista_pueblos li div[id^="info_"]			{ 
	display:none;
	transition:all .3s ease-out 0s; -webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out .5s; -ms-transition:all .3s ease-out .5s;
}
#contenedor ul#lista_pueblos li div[id^="info_"] span 	{ float:left; width:100%; text-align:left; padding: 2px; color:#999; float:right; font-size: 0.8em;}
#contenedor ul#lista_pueblos li div[id^="info_"] [id^="info_ver"]	{ 
	float:left; width:100%; *width:92%; border-radius:4px; cursor:pointer;
	border:1px solid #c3c3c3; padding: 5px;text-align:center; margin-top: 5px;
	background: red;
	background: -webkit-linear-gradient(top, red 30%, #900);
}
#contenedor ul#lista_pueblos li div[id^="info_"] [id^="info_ver"] a	{ text-decoration:none; color:white; text-shadow:0px -1px 0px rgba(0,0,0,.5); font-weight:bold; font-size:1em;float: left;background: url(i/externalLink.png) no-repeat right center transparent;width:100%;}
#contenedor ul#lista_pueblos li div[id^="info_"] [id^="info_ver"]:hover { 
	color:white; 
	background: #F66;
	background: -webkit-linear-gradient(top,#F66 40%, red);
	background: -moz-linear-gradient(top, #F66 40%,red);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F66), color-stop(100%,red));
	background: -o-linear-gradient(top,#F66 40%,red);
	background: -ms-linear-gradient(top,#F66 40%,red);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#Ff6666', endColorstr='#ff0000',GradientType=0 );
	background: linear-gradient(top, #F66 40%,red);
}

#contenedor ul#lista_pueblos li dl		{ width:100%; float:left; color: #999; margin: 0;}
#contenedor ul#lista_pueblos li dl dt,
#contenedor ul#lista_pueblos li dl dd	{ width: 50%; margin: 0; padding: 2px 0px; border-top: 1px dotted #333; font-size: 8pt;}
#contenedor ul#lista_pueblos li dl dt		{ float:left;text-align: left; font-weight: bold;}
#contenedor ul#lista_pueblos li dl dd	{ float:right;text-align: right;}

/*** Expanded ***/
#contenedor ul#lista_pueblos li .extendedinfo.expanded	{ width:170px; display:block; left: -6em;}
#contenedor ul#lista_pueblos li .extendedinfo.expanded .pueblo em { display:block; text-transform:capitalize; }
#contenedor ul#lista_pueblos li .extendedinfo.expanded .vermas		{ background-position: 0 -11px; margin-top: 4%;}
#contenedor ul#lista_pueblos li .extendedinfo.expanded .shortinfo	{ 
	background: #F2F2F2;
	background: -webkit-linear-gradient(top,#fff,#F2F2F2 70%,#E2E2E2);
	background: -moz-linear-gradient(top, #fff,#F2F2F2 70%,#E2E2E2);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#E2E2E2));
	background: -o-linear-gradient(top,#fff,#F2F2F2 70%,#E2E2E2);
	background: -ms-linear-gradient(top,#fff,#F2F2F2 70%,#E2E2E2);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#E2E2E2',GradientType=0 );
	background: linear-gradient(top, #fff,#F2F2F2 70%,#E2E2E2);
	border-bottom: 1px solid #CCC;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-o-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	
}
#contenedor ul#lista_pueblos li .extendedinfo.expanded div[id^="info_"]	{ display:block !important;}

#contenedor ul#lista_pueblos li#elem_frigiliana		{top:455px; left:498px;}
#contenedor ul#lista_pueblos li#elem_riglos		{top:92px; left:662px;}
#contenedor ul#lista_pueblos li#elem_riglos .extendedinfo.expanded	{ bottom: -570%;} 
#contenedor ul#lista_pueblos li#elem_passanant-i-belltall	{top:151px; left:758px;}
#contenedor ul#lista_pueblos li#elem_robledillo-de-gata		{top:227px; left:384px;}
#contenedor ul#lista_pueblos li#elem_arino			{top:185px; left:671px;}
#contenedor ul#lista_pueblos li#elem_agaete			{top:602px; left:152px;}
#contenedor ul#lista_pueblos li#elem_cehegin		{top:369px; left:619px;}
#contenedor ul#lista_pueblos li#elem_mundaka		{top: 31px; left: 567px;}
#contenedor ul#lista_pueblos li#elem_mundaka .extendedinfo.expanded		{ bottom: -570%; }
#contenedor ul#lista_pueblos li#elem_setenil-de-las-bodegas	{top:450px; left:437px;}
#contenedor ul#lista_pueblos li#elem_patones		{top:204px; left:528px;}
#contenedor ul#lista_pueblos li#elem_feria			{top:337px; left:365px;}

#contenedor ul#lista_pueblos li#elem_los-tojos	{top:46px; left:492px;}	
#contenedor ul#lista_pueblos li#elem_los-tojos .extendedinfo.expanded	{ bottom: -570%;} 

#contenedor ul#lista_pueblos li#elem_lastres		{top:23px; left:431px;}
#contenedor ul#lista_pueblos li#elem_lastres .extendedinfo.expanded		{ bottom: -570%;}
#contenedor ul#lista_pueblos li#elem_finestrat		{top:338px; left:699px;}
#contenedor ul#lista_pueblos li#elem_puebla-de-sanabria		{top:116px; left:380px;}
#contenedor ul#lista_pueblos li#elem_puebla-de-sanabria .extendedinfo.expanded		{ bottom: -570%;}
#contenedor ul#lista_pueblos li#elem_suria			{top:132px; left:797px;}
#contenedor ul#lista_pueblos li#elem_zuheros		{top:406px; left:476px;}
#contenedor ul#lista_pueblos li#elem_sanguesa		{top:83px; left:632px;}
#contenedor ul#lista_pueblos li#elem_sanguesa .extendedinfo.expanded		{ bottom: -570%;}
#contenedor ul#lista_pueblos li#elem_buenavista	{top:590px; left:88px;}
#contenedor ul#lista_pueblos li#elem_candeleda		{top:236px; left:445px;}
#contenedor ul#lista_pueblos li#elem_tembleque		{top:266px; left:527px;}
#contenedor ul#lista_pueblos li#elem_combarro		{top:84px; left:280px;}
#contenedor ul#lista_pueblos li#elem_valldemossa		{top:260px; left:829px;}
#contenedor ul#lista_pueblos li#elem_ezcaray	{top:102px; left:560px;}
#contenedor ul#lista_pueblos li#elem_abla			{top:439px; left:560px;}
#contenedor ul#lista_pueblos li#elem_os-de-civis	{top:93px; left:780px;}
#contenedor ul#lista_pueblos li#elem_covarrubias	{ top: 106px; left: 528px;}
#contenedor ul#lista_pueblos li#elem_arinyo {top: 189px;left: 674px;}