body {
	margin: 0;
	padding: 0;
 }
 
 #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 820px;
	 height: 3670px; 
	 overflow: hidden;
	 z-index:0;
	} 

 #FALDONNEGROINFERIOR 
{ 
	 left: -13px; 
	 top: 3347px; 
	 position: absolute; 
	 width: 834px;
	 height: 323px;
	 z-index:1;
} 

 #LOGOPALACIOVILLAPANE 
{ 
	 left: 621px; 
	 top: 3546px; 
	 position: absolute; 
	 width: 101px;
	 height: 87px;
	 z-index:2;
} 

 #LOGOPALACIOVILLAPANE:hover{
 	transform: scale(0.9);
	transition: transform .5s ease;
}

 #LOGOONLYYOOU 
{ 
	 left: 471px; 
	 top: 3544px; 
	 position: absolute; 
	 width: 65px;
	 height: 69px;
	 z-index:3;
} 

 #LOGOONLYYOOU:hover{
 	transform: scale(0.9);
	transition: transform .5s ease;
}

 #LOGOHARDROCK 
{ 
	 left: 277px; 
	 top: 3544px; 
	 position: absolute; 
	 width: 118px;
	 height: 71px;
	 z-index:4;
} 

 #LOGOHARDROCK :hover{
 	transform: scale(0.9);
	transition: transform .5s ease;
}

 #LOGOPALLADIUM 
{ 
	 left: 71px; 
	 top: 3546px; 
	 position: absolute; 
	 width: 152px;
	 height: 58px;
	 z-index:5;
} 

 #LOGOPALLADIUM:hover{
 	transform: scale(0.9);
	transition: transform .5s ease;
}

 #CONTCTANOSBOTON 
{ 
	 left: 285px; 
	 top: 3407px; 
	 position: absolute; 
	 width: 251px;
	 height: 66px;
	 z-index:6;
} 

#CONTCTANOSBOTON:hover{

	transform: scale(1.3);
	transition: transform .5s;
}



 #FONDOPRODUCCIONDECON 
{ 
	 left: 0px; 
	 top: 3022px; 
	 position: absolute; 
	 width: 820px;
	 height: 325px;
	 z-index:7;
} 

 #VERALGUNOSEJEMPLOSBO 
{ 
	 left: 517px; 
	 top: 3276px; 
	 position: absolute; 
	 width: 258px;
	 height: 47px;
	 z-index:8;
} 

 #IMG16 
{ 
	 left: 617px; 
	 top: 2818px; 
	 position: absolute; 
	 width: 203px;
	 height: 206px;
	 z-index:9;
} 

 #TXT16 
{ 
	 left: 649px; 
	 top: 2875px; 
	 position: absolute; 
	 width: 154px;
	 height: 100px;
	 z-index:10;
} 

#TXT16:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG15 
{ 
	 left: 413px; 
	 top: 2817px; 
	 position: absolute; 
	 width: 204px;
	 height: 207px;
	 z-index:11;
} 

 #TXT15 
{ 
	 left: 439px; 
	 top: 2895px; 
	 position: absolute; 
	 width: 146px;
	 height: 48px;
	 z-index:12;
} 

#TXT15:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG14 
{ 
	 left: 203px; 
	 top: 2818px; 
	 position: absolute; 
	 width: 211px;
	 height: 206px;
	 z-index:13;
} 

 #TXT14 
{ 
	 left: 235px; 
	 top: 2888px; 
	 position: absolute; 
	 width: 146px;
	 height: 74px;
	 z-index:14;
} 

#TXT14:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG13 
{ 
	 left: 0px; 
	 top: 2818px; 
	 position: absolute; 
	 width: 204px;
	 height: 206px;
	 z-index:15;
} 

 #TXT13 
{ 
	 left: 28px; 
	 top: 2888px; 
	 position: absolute; 
	 width: 146px;
	 height: 74px;
	 z-index:16;
} 

#TXT13:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG12 
{ 
	 left: 617px; 
	 top: 2609px; 
	 position: absolute; 
	 width: 203px;
	 height: 210px;
	 z-index:17;
} 

 #TXT12 
{ 
	 left: 642px; 
	 top: 2652px; 
	 position: absolute; 
	 width: 164px;
	 height: 126px;
	 z-index:18;
} 

#TXT12:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG11 
{ 
	 left: 413px; 
	 top: 2609px; 
	 position: absolute; 
	 width: 204px;
	 height: 211px;
	 z-index:19;
} 

 #TXT11 
{ 
	 left: 447px; 
	 top: 2658px; 
	 position: absolute; 
	 width: 125px;
	 height: 101px;
	 z-index:20;
} 

#TXT11:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG10 
{ 
	 left: 204px; 
	 top: 2610px; 
	 position: absolute; 
	 width: 210px;
	 height: 209px;
	 z-index:21;
} 

 #TXT10 
{ 
	 left: 225px; 
	 top: 2653px; 
	 position: absolute; 
	 width: 164px;
	 height: 106px;
	 z-index:22;
} 

#TXT10:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG9 
{ 
	 left: -4px; 
	 top: 2610px; 
	 position: absolute; 
	 width: 208px;
	 height: 208px;
	 z-index:23;
} 

 #TXT9 
{ 
	 left: 12px; 
	 top: 2648px; 
	 position: absolute; 
	 width: 180px;
	 height: 127px;
	 z-index:24;
} 

#TXT9:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG8 
{ 
	 left: 616px; 
	 top: 2401px; 
	 position: absolute; 
	 width: 204px;
	 height: 208px;
	 z-index:25;
} 

 #TXT8 
{ 
	 left: 643px; 
	 top: 2440px; 
	 position: absolute; 
	 width: 150px;
	 height: 126px;
	 z-index:26;
} 

#TXT8:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG7 
{ 
	 left: 414px; 
	 top: 2402px; 
	 position: absolute; 
	 width: 203px;
	 height: 208px;
	 z-index:27;
} 

 #TXT7 
{ 
	 left: 442px; 
	 top: 2440px; 
	 position: absolute; 
	 width: 150px;
	 height: 126px;
	 z-index:28;
} 

#TXT7:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG6 
{ 
	 left: 203px; 
	 top: 2402px; 
	 position: absolute; 
	 width: 212px;
	 height: 210px;
	 z-index:29;
} 

 #TXT6 
{ 
	 left: 229px; 
	 top: 2434px; 
	 position: absolute; 
	 width: 164px;
	 height: 132px;
	 z-index:30;
} 

#TXT6:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG5 
{ 
	 left: 0px; 
	 top: 2402px; 
	 position: absolute; 
	 width: 204px;
	 height: 209px;
	 z-index:31;
} 

 #TXT5 
{ 
	 left: 30px; 
	 top: 2458px; 
	 position: absolute; 
	 width: 146px;
	 height: 100px;
	 z-index:32;
} 

#TXT5:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG4 
{ 
	 left: 617px; 
	 top: 2198px; 
	 position: absolute; 
	 width: 204px;
	 height: 205px;
	 z-index:33;
} 

 #TXT4 
{ 
	 left: 643px; 
	 top: 2249px; 
	 position: absolute; 
	 width: 154px;
	 height: 104px;
	 z-index:34;
} 

#TXT4:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG3 
{ 
	 left: 413px; 
	 top: 2199px; 
	 position: absolute; 
	 width: 204px;
	 height: 203px;
	 z-index:35;
} 

 #TXT3 
{ 
	 left: 441px; 
	 top: 2250px; 
	 position: absolute; 
	 width: 154px;
	 height: 104px;
	 z-index:36;
} 

#TXT3:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG2 
{ 
	 left: 203px; 
	 top: 2199px; 
	 position: absolute; 
	 width: 211px;
	 height: 203px;
	 z-index:37;
} 

 #TXT2 
{
	 left: 232px; 
	 top: 2234px; 
	 position: absolute; 
	 width: 154px;
	 height: 131px;
	 z-index:38;
} 

#TXT2:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #IMG1 
{ 
	 left: 0px; 
	 top: 2199px; 
	 position: absolute; 
	 width: 204px;
	 height: 203px;
	 z-index:39;
}






 #TXT1 
{ 
	 left: 13px; 
	 top: 2231px; 
	 position: absolute; 
	 width: 180px;
	 height: 127px;
	 z-index:40;

} 

#TXT1:hover{

	transform: scale(0.8);
	transition: transform .5s;
	filter: invert(0.4) sepia(1) hue-rotate(75deg) saturate(230%) 
    
}

 #FONDOICONOS 
{ 
	 left: 0px; 
	 top: 2034px; 
	 position: absolute; 
	 width: 820px;
	 height: 165px;
	 z-index:41;
} 

 #ICONO4 
{ 
	 left: 610px; 
	 top: 2076px; 
	 position: absolute; 
	 width: 75px;
	 height: 78px;
	 z-index:42;
} 

#ICONO4:hover {
	 transform: scale(1.2); 
	transition: transform .5s;
}

 #ICONO3 
{ 
	 left: 451px; 
	 top: 2077px; 
	 position: absolute; 
	 width: 79px;
	 height: 78px;
	 z-index:43;
} 

#ICONO3:hover {
	 transform: scale(1.2); 
	transition: transform .5s;
}

 #ICONO2 
{ 
	 left: 295px; 
	 top: 2077px; 
	 position: absolute; 
	 width: 75px;
	 height: 77px;
	 z-index:44;
} 

#ICONO2:hover {
	 transform: scale(1.2); 
	transition: transform .5s;
}

 #ICONO1 
{ 
	 left: 137px; 
	 top: 2076px; 
	 position: absolute; 
	 width: 75px;
	 height: 78px;
	 z-index:45;
} 

#ICONO1:hover {
	 transform: scale(1.2); 
	transition: transform .5s;
}

 #TECNOLOGALDERMUNDIAL 
{ 
	 left: 0px; 
	 top: 1981px; 
	 position: absolute; 
	 width: 820px;
	 height: 54px;
	 z-index:46;
} 

 #SECTORHOTELEROFONDO 
{ 
	 left: 0px; 
	 top: 1381px; 
	 position: absolute; 
	 width: 820px;
	 height: 601px;
	 z-index:47;
} 

 #SECTORHOTELEROBOTON 
{ 
	 left: 279px; 
	 top: 1789px; 
	 position: absolute; 
	 width: 262px;
	 height: 46px;
	 z-index:48;
} 

#SECTORHOTELEROBOTON:hover {
	 transform: scale(1.3); 
	transition: transform .5s;
	
}

 #BLOQUECONCENOS 
{ 
	 left: 0px; 
	 top: 1298px; 
	 position: absolute; 
	 width: 820px;
	 height: 91px;
	 z-index:49;
} 

#BLOQUECONCENOS:hover {
	 transform: scale(1.1); 
	transition: transform .5s;
}

 #BLOQUETienesalgunadu 
{ 
	 left: -7px; 
	 top: 973px; 
	 position: absolute; 
	 width: 834px;
	 height: 325px;
	 z-index:50;
} 

 #TECNOLOGA 
{ 
	 left: 0px; 
	 top: 742px; 
	 position: absolute; 
	 width: 820px;
	 height: 500px;
	 z-index:51;
} 

 #TECNOLOGA_texto
{ 
	 left: 0px; 
	 top: 742px; 
	 position: absolute; 
	 width: 820px;
	 height: 500px;
	 z-index:51;
} 

 #TECNOLOGA_texto:hover{
  -webkit-animation: tiembla 1s infinite;

}

@-webkit-keyframes tiembla{
  0%  { -webkit-transform:translate(0px,0px); }
  50%{ -webkit-transform:translate(-20px,0px); }
  100%{ -webkit-transform:translate(0px,0px);}
}

 #TEXTOCAJA4GRIS34EnVi 
{ 
	 left: 0px; 
	 top: 588px; 
	 position: absolute; 
	 width: 820px;
	 height: 154px;
	 z-index:52;
} 

 #layer_53 
{ 
	 left: -10px; 
	 top: 502px; 
	 position: absolute; 
	 width: 840px;
	 height: 87px;
	 z-index:53;
} 

#layer_53:hover {
	 transform: scale(1.1); 
	transition: transform .5s;
} 

 #REALIDADVIRTUALINMER 
{ 
	 left: 0px; 
	 top: 95px; 
	 position: absolute; 
	 width: 820px;
	 height: 407px;
	 z-index:53;
} 






 #REALIDADVIRTUALINMER_texto
{ 
	 left: 0px; 
	 top: 95px; 
	 position: absolute; 
	 width: 820px;
	 height: 407px;
	 z-index:54;
} 

#REALIDADVIRTUALINMER_texto:hover{
  -webkit-animation: tiembla 1s infinite;

}

@-webkit-keyframes tiembla{
  0%  { -webkit-transform:translate(0px,0px); }
  50%{ -webkit-transform:translate(-20px,0px); }
  100%{ -webkit-transform:translate(0px,0px);}
}

 #REALIDADVIRTUALINMER_subtexto
{ 
	 left: 0px; 
	 top: 95px; 
	 position: absolute; 
	 width: 820px;
	 height: 407px;
	 z-index:53;
} 


 #LOGOVISUALARRIBA 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 820px;
	 height: 95px;
	 z-index:56;
}