@charset "utf-8";
/* CSS Document */
.navProdMovil {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;		
}
#CabeceraDistribuidores {
	position: relative;
	float:left;
	width:100%;
	background-color:#f4f4f4
}
#fichaMapa {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;		
}
#fotoMapa {
    z-index: 1;
		float:right;		
}
.PruebaMapa {
    z-index: 1;
}
ul#continents {
	list-style: none;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display:none;
}
/* Estilo fichaDistribuidor con li's */
ul#listaproviders {
	float: left;
	margin:0;
	padding:0;
}
ul#listaproviders li {
	float: left;
	list-style:none;
	margin:1%;
	padding-left:5px;
	text-align:left;
}
.distribuidor {
	width:200px;
	height:230px;
	color: #444444;
	border:#666 1px solid;
	background-color:#eee;
	font-size:13px;
	display:block;	
}
.distribuidor ul{
	width:100%;
	margin:0;
	padding:0;
	padding-top:3px;
}
.distribuidor li{
	float:left;
	width:94%;
	margin-left:3%;
}
li.headDistribuidor{
	float:left;
	color: #fff;
	margin-rightt:3px;
	background-color:#C00;
	font-weight:bold;
	/*
	border-bottom:1px solid #C00;
	*/
	display:block;	
}
li.companyDistribuidor{font-weight:bold}

li.telDistribuidor {
	font-weight:bold;
	border-top:1px solid #666;
	border-bottom:1px solid #666;	
}

#f3dcad {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 0px;
	left: 0px;
}
#fhilo {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 0px;
	left: 30px;
}
#ffresa {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 0px;
	left: 60px;

}
#ftorno {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 0px;
	left: 90px;
}
div#MargB {
    position: absolute;
		margin-top:327px;
		margin-left:208px;
    top: 0;
    left: 0;	
}
div#Marg {
		background-color:#FFF;
    position: absolute;
		margin-top:260px;
		margin-left:500px;
    top: 0;
    left: 0;		
}
ul#continents {
	list-style: none;
	/*
	background: url(../css2/imgGral/mapamundi.jpg) no-repeat 0 0;
	*/
	position: relative;
	width: 980px;
	height: 400px;
	margin: 0px;
	padding: 0px;
}
/* Estilo recuadros contacto */

.TablaContenido {	
	width: 100%;
	overflow:hidden;
	text-align:left;
}

/*
ul.tarjeta {
	width:100%;
}
ul.tarjeta li {
	width:95%;
	padding:5px;
	margin:2%;
	font-size:0.9em; 	
}
*/
ul.tarjetaR li {
	width:90%;
	padding:10px;
	margin:2%;
}
ul.tarjetaR li h3 {
	font-size:1.0em;
	margin-bottom:.4em;
}

/* fin estilos recuadros contacto */

ul.tarjetaR {
	float:left;
	list-style:none;
	margin:0; padding:0;
	border:none;
	font-size:0.9em;	
}
ul.tarjetaR li {
	display:block;
	float:left;
	background-color:#EEE;
	border-width: 1px;
	border-style:solid;
}

ul.tarjetaR li.first {
	border-width: 1px;
	margin-left:2%;
}
ul.tarjetaR li h3 {
	color:#d11;
}
ul.tarjetaR li a {
	color:#d11;
}
.fitxaprovider {
	color: #444444;
	border:#666 1px solid;
	background-color:#EEE;
}
#ale {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 50px;
	left: 423px;
}
#arg {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 320px;
	left: 220px;
}
#arm {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 95px;
	left: 515px;
}
#aze {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 90px;
	left: 535px;
}
#aus {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 310px;
	left: 825px;
}
#aut {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 68px;
	left: 435px;
}
#bal {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 30px;
	left: 465px;
}
#ben1 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 50px;
	left: 408px;
}
#ben2 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 62px;
	left: 400px;
}
#bie {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 50px;
	left: 470px;
}
#bra {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 250px;
	left: 260px;
}
#che {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 55px;
	left: 440px;
}
#chil {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 290px;
	left: 180px;
}
#cor {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 100px;
	left: 752px;
}
#din {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 30px;
	left: 420px;
}
#spa {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 85px;
	left: 390px;
}
#fil {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 175px;
	left: 760px;
}
#geo {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 75px;
	left: 510px;
}
#gre {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 90px;
	left: 455px;
}
#honk {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 150px;
	left: 720px;
}
#jap {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 95px;
	left: 780px;
}
#ind1 {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 140px;
	left: 615px;
}
#ind2 {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 160px;
	left: 615px;
}
#ind3 {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 160px;
	left: 635px;
}
#isr {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 115px;
	left: 490px;
}
#ita {
	text-align:right;	
	width: 20px;
	height: 20px;
	top: 90px;
	left: 430px;
}
#kaz {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 50px;
	left: 575px;
}
#kir {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 80px;
	left: 610px;
}
#mal1 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 194px;
	left: 685px;
}
#mal2 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 192px;
	left: 704px;
}
#mex {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 135px;
	left: 90px;
}
#mol {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 60px;
	left: 470px;
}
#nz {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 345px;
	left: 870px;
}
#pol {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 45px;
	left: 450px;
}
#por1 {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 80px;
	left: 360px;
}
#por2 {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 100px;
	left: 360px;
}
#rpch {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 100px;
	left: 710px;
}
#rsa {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 320px;
	left: 460px;
}
#rum {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 70px;
	left: 465px;
}
#hun {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 60px;
	left: 455px;
}
#ser {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 80px;
	left: 455px;
}
#rus {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 30px;
	left: 520px;
}
#sin1 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 205px;
	left: 700px;
}
#sin2 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 218px;
	left: 694px;
}
#sin3 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 214px;
	left: 714px;
}
#sui {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 70px;
	left: 417px;
}
#tha1 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 160px;
	left: 693px;
}
#tha2 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 177px;
	left: 697px;
}
#taiw {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 140px;
	left: 750px;
}
#tay {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 95px;
	left: 590px;
}
#tur {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 95px;
	left: 480px;
}
#tur2 {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 90px;
	left: 490px;
}
#tuk {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 95px;
	left: 555px;
}
#ucr {
	text-align:right;
	width: 20px;
	height: 20px;
	top: 60px;
	left: 490px;
}
#uk1 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 42px;
	left: 392px;
}
#uk2 {
	text-align:right;
	width: 15px;
	height: 15px;
	top: 57px;
	left: 385px;
}
#usa2 {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 105px;
	left: 150px;
}
#usa1 {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 70px;
	left: 160px;
}
#usa3 {
	text-align:right;
	width: 30px;
	height: 30px;
	top: 90px;
	left: 180px;
}
#uzb {
	text-align:right;
	width: 25px;
	height: 25px;
	top: 80px;
	left: 570px;
}
ul#continents li {
	position: absolute;
}
ul#continents li a{
	display: block;
	height: 100%;
}
/*
ul#continents li a:hover {
	background: url(../css2/images/map.png) no-repeat 0 0;
}
*/
ul#continents li#arg a:hover {
	background-position: 0 -270px;
}
ul#continents li#chil a:hover {
	background-position: 0 -270px;
}
ul#continents li#bra a:hover {
	background-position: 0 -270px;
}
ul#continents li#mex a:hover {
	background-position: -226px -273px;
}
ul#continents li#usa a:hover {
	background-position: -226px -273px;
}
ul#continents li#africa a:hover {
	background-position: -209px -417px;
}
ul#continents li#europe a:hover {
	background-position: -22px -427px;
}
ul#continents li#asia a:hover {
	background-position: -363px -268px;
}
ul#continents li#australia a:hover {
	background-position: -412px -455px;
}
ul#continents li a span {
	display: none;
}
ul#continents li a:hover span {
	display: block;
}
ul#continents li a{
	display: block;
	height: 100%;
	text-decoration: none;
}
ul#continents li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}
.large{font-size:12px}
@media only screen and (min-width: 800px) {
	
ul.tarjetaR li {
	clear:none;
	width:45%;
	padding:5px;
	margin:2%;
}
ul.tarjetaR li.first {
	clear:both;
	border-width: 1px;
	margin-left:0;
}

}
@media only screen and (min-width: 950px) {
ul#continents {display:block}	
}