/*

Parques

*/

html,img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	color: #fff;
	background-color: #abbc9d;
	margin: 0px;
	padding: 0;
	height: 100%;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-align: left;
	font-family:'CartoGothicStdBook', sans-serif;
	
	text-align: left;
	
	margin : 0px 0px 0px 0px;
}
#supersize img {
	height:100%;
	width:100%;
	z-index:0;
	}

	/*Supersize Plugin Styles*/
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			display:none;
		}
		#supersize .activeslide, #supersize .activeslide img{
			display:inline;
		}
div#background    {
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -6px;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('http://www.parques.com.uy/type3/proximanova-regular-webfont.eot');
    src: url('http://www.parques.com.uy/type3/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type3/proximanova-regular-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type3/proximanova-regular-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type3/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('http://www.parques.com.uy/type3/proximanova-bold-webfont.eot');
    src: url('http://www.parques.com.uy/type3/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type3/proximanova-bold-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type3/proximanova-bold-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type3/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('http://www.parques.com.uy/type3/proximanova-light-webfont.eot');
    src: url('http://www.parques.com.uy/type3/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type3/proximanova-light-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type3/proximanova-light-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type3/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaLightItalic';
    src: url('http://www.parques.com.uy/type3/proximanova-lightitalic-webfont.eot');
    src: url('http://www.parques.com.uy/type3/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type3/proximanova-lightitalic-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type3/proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type3/proximanova-lightitalic-webfont.svg#ProximaNovaLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegularItalic';
    src: url('http://www.parques.com.uy/type3/proximanova-regularitalic-webfont.eot');
    src: url('http://www.parques.com.uy/type3/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type3/proximanova-regularitalic-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type3/proximanova-regularitalic-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type3/proximanova-regularitalic-webfont.svg#ProximaNovaRegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'CentennialBold';
    src: url('http://www.parques.com.uy/type/centen53-webfont.eot');
    src: url('http://www.parques.com.uy/type/centen53-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/parques/type/centen53-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/parques/type/centen53-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/parques/type/centen53-webfont.svg#CentennialBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CentennialLight';
    src: url('http://www.parques.com.uy/type/centen78-webfont.eot');
    src: url('http://www.parques.com.uy/type/centen78-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type/centen78-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type/centen78-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type/centen78-webfont.svg#CentennialLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CentennialRoman';
    src: url('http://www.parques.com.uy/type/centen79-webfont.eot');
    src: url('http://www.parques.com.uy/type/centen79-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.parques.com.uy/type/centen79-webfont.woff') format('woff'),
         url('http://www.parques.com.uy/type/centen79-webfont.ttf') format('truetype'),
         url('http://www.parques.com.uy/type/centen79-webfont.svg#CentennialRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*

index

*/
.backlogo {
    width: 121px;
    height: 168px;
   
   left: 30px; 
	top: 0px;
	
    position: absolute;
	z-index: 2;
 }
#backlogo {
    width: 121px;
    height: 168px;
   
   left: 30px; 
	top: 0px;
	
    position: absolute;
	z-index: 2;
 }
#logo {
    width: 121px;
    height: 168px;
   
   left: 30px; 
	top: 0px;
	
    position: absolute;
	z-index: 3;
 }
 
 #by {
	width: 300px;
	height: 20px;
	left: 173px;
	top: 136px;
	position: absolute;
	z-index: 3;
 }
 
 #fondocontuno {
    width: 100%;
    height: 300px;
   border-top:solid 1px #fff;
   border-bottom:solid 1px #fff;
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 3;
 }
  #fondoconidos {
    width: 100%;
    height: 300px;
  
   left: 0px; 
	top: 200px;
	  background-color: #26201b;
   opacity:.80;
filter:alpha(opacity=80);
    position: absolute;
	z-index: 3;
 }
    #fondoconidosleftindex {
    width: 28px;
    height: 300px;
   border-top:solid 1px #fff;
   border-bottom:solid 1px #fff;
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 3;
 }
 
   #fondoconidosleft {
    width: 28px;
    height: 300px;
   
   left: 0px; 
	top: 200px;
	  background-color: #26201b;
   opacity:.80;
filter:alpha(opacity=80);
    position: absolute;
	z-index: 3;
 }
 
  #cerrar {
    width: 28px;
    height: 300px;
  
   right: 20px; 
	top: 200px;
	
    position: absolute;
	z-index: 40;
 }
   #abrir {
    width: 28px;
    height: 300px;
   
   left: 0px; 
	top: 200px;
	
    position: absolute;
	z-index: 40;
 }

 /*

textos

*/

.txtbotonesinf {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	
	text-align: left;
	}
	.txtmasterplan {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: left;
	}
	
.txtbotonessupbold {
	color: #fff;
	font-family:'ProximaNovaBold', sans-serif;
	font-size: 14px;
	
	text-align: left;
	}
	.txtbotonessup {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 14px;
	line-height:20px;
	text-align: left;
	}
	.textos {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	}
		.textosby {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	}
	.textosindex {
	color: #fff;
	font-family: 'ProximaNovaLight', sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 26px;
	text-align: left;
	}
		.textosgrimm {
	color: #fff;
	font-family: 'CentennialLight', sans-serif;
	font-size: 26px;
	
	line-height: 34px;
	text-align: left;
	}
	.titulos {
	color: #fff;
	font-family: 'CentennialRoman', sans-serif;
	font-size: 24px;
	line-height: 21px;
	text-align: left;
	}
	
 /*

botones

*/
  #fondobotinf {
	width: 100%;
	height: 130px;
	background-color: #6c702f;
	left: 0px;
	top: 0px;
	opacity:.80;
	filter:alpha(opacity=80);
	position: absolute;
	z-index: 1;
	background-image: url(img/trama.png);
 }
   #botgrim {
    width: 121px;
    height: 42px;
  
   left: 40px; 
	bottom: 40px;
	
    position: absolute;
	z-index: 11;
 }
    #barrio {
    width: 83px;
    height: 20px;
  
   right: 660px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
     #volver{
    width: 83px;
    height: 20px;
  
   right: 80px; 
	bottom: 7px;
	
    position: absolute;
	z-index: 101;
 }
 
     #ubicacion {
    width: 80px;
    height: 20px;
  
   right: 550px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
      #medioambiente {
    width: 100px;
    height: 20px;
  
   right: 405px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
       #imagenes {
    width: 80px;
    height: 20px;
  
   right: 309px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
     #respaldo {
    width: 80px;
    height: 20px;
  
   right: 185px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
      #comercializacion {
    width: 120px;
    height: 20px;
  
   right: 27px; 
	top: 105px;
	
    position: absolute;
	z-index: 11;
 }
 
  
 
   #contacto {
    width: 87px;
    height: 30px;
  border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   
   right: 60px; 
	top: 36px;
	
    position: absolute;
	z-index: 4;
 }

    #office {
    width: 87px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 60px; 
	top: 36px;
	
    position: absolute;
	z-index: 4;
 }

     #edificios {
    width: 87px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 180px; 
	top:36px;
	
    position: absolute;
	z-index: 4;
 }
 
      #master {
    width: 87px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 303px; 
	top:36px;
    position: absolute;
	z-index: 4;
 }
      #grim {
  width: 70px;
    height: 30px;
   border-left:solid 1px #fff;
   border-right:solid 1px #fff;
   padding-left:10px;
   right: 430px; 
	top:36px;
    position: absolute;
	z-index: 4;
 }
       #video {
    width: 77px;
    height: 89px;
 
 
   right: 0px; 
	top:450px;
    position: absolute;
	z-index: 50;
 }
 
/*

botones grimm

*/
 #bio {
    width: 80px;
    height: 20px;
  
   left: 800px; 
	top: 470px;
	
    position: absolute;
	z-index: 11;
 }
    #parques {
    width: 80px;
    height: 20px;
  
   left: 40px; 
	top: 470px;
	
    position: absolute;
	z-index: 11;
 }
     #plazaagua {
    width: 160px;
    height: 20px;
  
   left: 130px; 
	top: 470px;
	
    position: absolute;
	z-index: 11;
 }
    #plazaespiral{
    width: 180px;
    height: 20px;
  
   left: 300px; 
	top: 470px;
	
    position: absolute;
	z-index: 11;
 }
    #canales{
    width: 120px;
    height: 20px;
  
   left: 480px; 
	top: 470px;
	
    position: absolute;
	z-index: 11;
 }
     #paseos{
    width: 200px;
    height: 20px;
  
   left: 600px; 
	top: 470px;
	
    position: absolute;
	z-index: 11;
 }
 
 
 
 
 
/*

Index

*/
#indextitulo {
    width: 600px;
    height: 40px;
   
   left: 30px; 
	top: 240px;
	
    position: absolute;
	z-index: 4;
 }
 #indextexto {
    width: 90%;
    height: 200px;
   
   left: 30px; 
	top: 280px;
	
    position: absolute;
	z-index: 4;
 }
   #backcontacto {
    width: 1000px;
    height: 150px;
   paddin-right: 50px;
   left: 30px; 
	top: 200px;
	
    position: absolute;
	z-index: 4;
 }
 
  #content {
    width: 1000px;
    height: 200px;
   paddin-right: 50px;
   left: 30px; 
	top: 280px;
	
    position: absolute;
	z-index: 4;
 }

   #contubicacion {
    width: 500px;
    height: 300px;
   paddin-right: 50px;
   left: 30px; 
	top: 200px;
	
    position: absolute;
	z-index: 4;
 }
    #ubicaciontextos {
    width: 300px;
    height: 200px;
   paddin-right: 50px;
   left: 560px; 
	top: 230px;
	
    position: absolute;
	z-index: 4;
 }
 
 
/*

Grimm

*/
 #indextextogrimm {
    width: 90%;
    height: 200px;
   
   left: 30px; 
	top: 230px;
	
    position: absolute;
	z-index: 4;
 }
   #textogrimm {
    width: 50%;
    height: 200px;
   
   left: 30px; 
	top: 230px;
	
    position: absolute;
	z-index: 4;
 }
   #imggrimm {
    width: 370px;
    height: 250px;
   
   right: 50px; 
	top: 225px;
	
    position: absolute;
	z-index: 4;
 }
 








 
/*

Vinculos

*/

a.vinculo:link {
	color: #fff;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}


a.vinculo:visited {
	color: #fff;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}
a.vinculo:hover {
	color: #abbc9d;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}
a.vinculo:active {
	color: #abbc9d;
	text-decoration: none;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}
.activevinculo {
	color: #abbc9d;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}

a.subbot:link {
	color: #fff;
	text-decoration: none;
}


a.subbot:visited {
	color: #fff;
	text-decoration: none;
}
a.subbot:hover {
		color: #fff;
	text-decoration: underline;
}
a.subbot:active {
	color: #fff;
	text-decoration: none;
}
.subbotactivevinculo {
	color: #fff;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size: 13px;
	text-decoration: underline;
	text-align: left;
}





.contact-formtextarea {
   background-color: #6c702f;
   opacity:.60;
filter:alpha(opacity=60);
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  
  font-size: 12px;
  font-family: 'ProximaNovaRegular', sans serif;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  
}
.contact-formtextarea .a:link {
  background-color: #a6a6a6;
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  
  font-size: 12px;
  font-family: 'ProximaNovaRegular', sans serif;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  
}
.contact-formtextarea .a:hover {
  background-color: #000;
  border: 1px solid #fff;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  
  font-size: 12px;
  font-family: 'SohoGothicProRegular', sans serif;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  transition-property: all;
  transition-duration: 0.3s;
  
}



.muestra {
   padding-right: 10px;
   padding-bottom: 10px;
 }




/*

OFFICE CENTER //////////////////////////////////

*/








/*

Master Plan

*/
#masterimg {
	width: 976px;
	height: 500px;
	left: 0px;
	top: 200px;
	position: absolute;
	z-index: 0;
 }
 #numeralesmaster {
    width: 10px;
    height: 290px;
  padding-top:10px;
   right: 280px; 
	top: 200px;
	
    position: absolute;
	z-index: 7;
 }
#infomaster {
    width: 230px;
    height: 290px;
  padding-left:15px;
   right: 49px; 
	top: 260px;
	border-left:solid 1px #fff;
    position: absolute;
	z-index: 7;
 }


#a {
	width: 16px;
	height: 16px;
	left: 140px;
	top: 280px;
	position: absolute;
	z-index: 802;
 }
#uno-b {
	width: 16px;
	height: 16px;
	left: 300px;
	top: 270px;
	position: absolute;
	z-index: 800;
 }
 #dos-b {
	width: 16px;
	height: 16px;
	left: 340px;
	top: 270px;
	position: absolute;
	z-index: 799;
 }
  #tres-b {
	width: 16px;
	height: 16px;
	left: 370px;
	top: 270px;
	position: absolute;
	z-index: 798;
 }
   #cuatro-b {
	width: 16px;
	height: 16px;
	left: 400px;
	top: 270px;
	position: absolute;
	z-index: 797;
 }
 #cinco-b {
	width: 16px;
	height: 16px;
	left: 430px;
	top: 270px;
	position: absolute;
	z-index: 796;
 }
  #seis-b {
	width: 16px;
	height: 16px;
	left: 460px;
	top: 270px;
	position: absolute;
	z-index: 795;
 }
   #siete-b {
	width: 16px;
	height: 16px;
	left: 490px;
	top: 271px;
	position: absolute;
	z-index: 794;
 }
    #b {
	width: 16px;
	height: 16px;
	left: 430px;
	top: 250px;
	position: absolute;
	z-index: 0;
 }
    #ocho-b {
	width: 16px;
	height: 16px;
	left: 520px;
	top: 270px;
	position: absolute;
	z-index: 793;
 }
     #nueve-b {
	width: 16px;
	height: 16px;
	left: 550px;
	top: 270px;
	position: absolute;
	z-index: 792;
 }
      #diez-b {
	width: 16px;
	height: 16px;
	left: 580px;
	top: 270px;
	position: absolute;
	z-index: 791;
 }
       #once-b {
	width: 16px;
	height: 16px;
	left: 611px;
	top: 270px;
	position: absolute;
	z-index: 790;
 }
     #doce-b {
	width: 16px;
	height: 16px;
	left: 640px;
	top: 269px;
	position: absolute;
	z-index: 789;
 }
     #trece-b {
	width: 16px;
	height: 16px;
	left: 687px;
	top: 270px;
	position: absolute;
	z-index: 787;
 }
     #catorce-b {
	width: 16px;
	height: 16px;
	left: 745px;
	top: 270px;
	position: absolute;
	z-index: 40;
 }



#uno-c {
	width: 16px;
	height: 16px;
	left: 300px;
	top: 410px;
	position: absolute;
	z-index: 800;
 }
 #dos-c {
	width: 16px;
	height: 16px;
	left: 300px;
	top: 360px;
	position: absolute;
	z-index: 799;
 }
  #tres-c {
	width: 16px;
	height: 16px;
	left: 340px;
	top: 360px;
	position: absolute;
	z-index: 797;
 }
  #cuatro-c {
	width: 16px;
	height: 16px;
	left: 370px;
	top: 360px;
	position: absolute;
	z-index: 796;
 }
   #cinco-c {
	width: 16px;
	height: 16px;
	left: 400px;
	top: 360px;
	position: absolute;
	z-index: 795;
 }
    #seis-c {
	width: 16px;
	height: 16px;
	left: 430px;
	top: 360px;
	position: absolute;
	z-index: 794;
 }
     #siete-c {
	width: 16px;
	height: 16px;
	left: 460px;
	top: 360px;
	position: absolute;
	z-index: 793;
 }
      #ocho-c {
	width: 16px;
	height: 16px;
	left: 490px;
	top: 360px;
	position: absolute;
	z-index: 792;
 }
       #c {
	width: 16px;
	height: 16px;
	left: 420px;
	top: 380px;
	position: absolute;
	z-index: 1000;
 }
       #nueve-c {
	width: 16px;
	height: 16px;
	left: 520px;
	top: 360px;
	position: absolute;
	z-index: 792;
 }
        #diez-c {
	width: 16px;
	height: 16px;
	left: 550px;
	top: 360px;
	position: absolute;
	z-index: 791;
 }
     #once-c {
	width: 16px;
	height: 16px;
	left: 580px;
	top: 360px;
	position: absolute;
	z-index: 691;
 }
      #doce-c {
	width: 16px;
	height: 16px;
	left: 630px;
	top: 380px;
	position: absolute;
	z-index: 400;
 }
       #catorce-c {
	width: 16px;
	height: 16px;
	left: 585px;
	top: 410px;
	position: absolute;
	z-index: 790;
 }
        #quince-c {
	width: 16px;
	height: 16px;
	left: 550px;
	top: 410px;
	position: absolute;
	z-index: 791;
 }
         #dieciseis-c {
	width: 16px;
	height: 16px;
	left: 520px;
	top: 410px;
	position: absolute;
	z-index: 792;
 }
          #diecisiete-c {
	width: 16px;
	height: 16px;
	left: 490px;
	top: 410px;
	position: absolute;
	z-index: 793;
 }
           #diecocho-c {
	width: 16px;
	height: 16px;
	left: 460px;
	top: 410px;
	position: absolute;
	z-index: 794;
 }
          #diecinueve-c {
	width: 16px;
	height: 16px;
	left: 431px;
	top: 409px;
	position: absolute;
	z-index: 795;
 }
           #veinte-c {
	width: 16px;
	height: 16px;
	left: 400px;
	top: 410px;
	position: absolute;
	z-index: 796;
 }
            #veintiuno-c {
	width: 16px;
	height: 16px;
	left: 370px;
	top: 410px;
	position: absolute;
	z-index: 798;
 }
             #veintidos-c {
	width: 16px;
	height: 16px;
	left:340px;
	top: 410px;
	position: absolute;
	z-index: 799;
 }
 
 #uno-d {
	width: 16px;
	height: 16px;
	left: 150px;
	top: 480px;
	position: absolute;
	z-index: 900;
 }
  #dos-d {
	width: 16px;
	height: 16px;
	left: 310px;
	top: 480px;
	position: absolute;
	z-index: 511;
 }
   #tres-d {
	width: 16px;
	height: 16px;
	left: 340px;
	top: 480px;
	position: absolute;
	z-index: 510;
 }
    #cuatro-d {
	width: 16px;
	height: 16px;
	left: 369px;
	top: 480px;
	position: absolute;
	z-index: 509;
 }
     #cinco-d {
	width: 16px;
	height: 16px;
	left: 400px;
	top: 480px;
	position: absolute;
	z-index: 508;
 }
      #seis-d {
	width: 16px;
	height: 16px;
	left: 430px;
	top: 480px;
	position: absolute;
	z-index: 507;
 }
       #siete-d {
	width: 16px;
	height: 16px;
	left: 460px;
	top: 480px;
	position: absolute;
	z-index: 506;
 }
        #ocho-d {
	width: 16px;
	height: 16px;
	left: 490px;
	top: 480px;
	position: absolute;
	z-index: 505;
 }
         #d {
	width: 16px;
	height: 16px;
	left: 445px;
	top: 465px;
	position: absolute;
	z-index: 500;
 }
         #nueve-d {
	width: 16px;
	height: 16px;
	left: 520px;
	top: 480px;
	position: absolute;
	z-index: 504;
 }
          #diez-d {
	width: 16px;
	height: 16px;
	left: 550px;
	top: 480px;
	position: absolute;
	z-index: 503;
 }
    #once-d {
	width: 16px;
	height: 16px;
	left:585px;
	top: 480px;
	position: absolute;
	z-index: 502;
 }
     #doce-d {
	width: 16px;
	height: 16px;
	left:610px;
	top: 480px;
	position: absolute;
	z-index: 501;
 }
     #trece-d {
	width: 16px;
	height: 16px;
	left:640px;
	top: 480px;
	position: absolute;
	z-index: 500;
 }
     #catorce-d {
	width: 16px;
	height: 16px;
	left:670px;
	top: 480px;
	position: absolute;
	z-index: 321;
 }
      #quince-d {
	width: 16px;
	height: 16px;
	left:720px;
	top: 460px;
	position: absolute;
	z-index: 320;
 }
      #dieciseis-d {
	width: 16px;
	height: 16px;
	left:760px;
	top: 410px;
	position: absolute;
	z-index: 23;
 }
      #diecisiete-d {
	width: 16px;
	height: 16px;
	left:820px;
	top: 390px;
	position: absolute;
	z-index: 20;
 }
       #dieciocho-d {
	width: 16px;
	height: 16px;
	left:830px;
	top: 470px;
	position: absolute;
	z-index: 22;
 }
 
 
        #uno-uno {
	width: 16px;
	height: 16px;
	left:50px;
	top: 445px;
	position: absolute;
	z-index: 901;
 }
         #uno-dos {
	width: 16px;
	height: 16px;
	left:910px;
	top: 510px;
	position: absolute;
	z-index: 3;
 }
          #uno-tres {
	width: 16px;
	height: 16px;
	left:805px;
	top: 220px;
	position: absolute;
	z-index: 39;
 }
         #dos-dos {
	width: 16px;
	height: 16px;
	left:230px;
	top: 445px;
	position: absolute;
	z-index: 900;
 }
          #tres-tres {
	width: 16px;
	height: 16px;
	left:230px;
	top: 300px;
	position: absolute;
	z-index: 900;
 }
           #cuatro-cuatro {
	width: 16px;
	height: 16px;
	left:260px;
	top: 220px;
	position: absolute;
	z-index: 54;
 }
            #cinco-cinco {
	width: 16px;
	height: 16px;
	left:925px;
	top: 340px;
	position: absolute;
	z-index: 5;
 }
    #seis-seis {
	width: 16px;
	height: 16px;
	left:1010px;
	top: 240px;
	position: absolute;
	z-index: 3;
 }
     #siete-siete {
	width: 16px;
	height: 16px;
	left:1010px;
	top: 360px;
	position: absolute;
	z-index: 2;
 }
      #ocho-ocho {
	width: 16px;
	height: 16px;
	left:1010px;
	top: 400px;
	position: absolute;
	z-index: 2;
 }
       #e {
	width: 16px;
	height: 16px;
	left:1060px;
	top: 400px;
	position: absolute;
	z-index: 0;
 }




hidden;
collapse;


.thumbnail {
	position: relative;
	z-index: 500;
}
.thumbnail:hover{ background-color: transparent; z-index: 10; }
.thumbnail span{ /* Estilos para la imagen agrandada */
position: absolute;
background-color: black;
padding: 10px; 
left: 50px;
top: -50px;
border: 0px double gray;
visibility: hidden;
color: #ffffff;
text-decoration: none;
font-size: 12px;

}

.thumbnail span img{  border-width: 0; paddin: 20px; }
.thumbnail:hover span{ visibility: visible; top: 20; left: 20px; paddin-left: 20px; }