@charset "utf-8";
/* CSS Document */
*{margin:0px; 
  padding:0px;}
  
#Galeria{width:1150px;
		 height:480px;
		 text-align:justify;
         }
		
#NivelUno1{width:150px;
		  height:890px;
		  margin-left:40px;
		  margin-right:20px;
		  }
#NivelDos{width:1050px;
		  height:590px;
		  position:absolute;
		  border-radius:10px;
		  padding:0px 50px;
		  font-family:Tw Cen MT, Geneva, sans-serif;
		  font-size:20px;
		  color:rgb(106,111,115);
			}
			
#NivelDos h1{color:rgb(242,125,25); 
			}			
#NivelDos p{color:rgb(106,111,115); }

#NivelDos ul{list-style:none;}

#NivelDos ul li::before{
			/*content:url(http://bonjesushotel.com/IMAGENES/star2.png);*/
			content:url(http://bonjesushotel.com/IMAGENES/flecha3.png);
	}	
#NivelDos ul li{font-family:Tw Cen MT, Geneva, sans-serif;
		  		font-size:20px;
		        color:rgb(106,111,115);}

			
/*#NivelUno, #NivelDos{display:inline-block;}*/
	

#uno, #dos, #cuatro, #cinco{width:140px;
							height:140px;
							margin:0px;
							border:5px solid #fff;
							box-shadow: #000 1px 1px 3px;
							float:left;
							background-size:100% 100%;
							transition:all .9s;
							}
										 
#uno{background-image:url(http://bonjesushotel.com/CARRU/GALERIA/11.jpg);
					  -webkit-transform:rotate(-25deg); 
					  -webkit-animation-name:animacion1;
					  -webkit-animation-duration:3s;
					  -webkit-animation-iteration-count:infinite;
					  -webkit-animation-direction:alternate;
					  
					  -moz-transform:rotate(-25deg); 
					  -moz-animation-name:animacion1;
					  -moz-animation-duration:3s;
					  -moz-animation-iteration-count:infinite;
					  -moz-animation-direction:alternate;
					  
					  -ms-transform:rotate(-25deg); 
					  -ms-animation-name:animacion1;
					  -ms-animation-duration:3s;
					  -ms-animation-iteration-count:infinite;
					  -ms-animation-direction:alternate;
					  
					  -o-transform:rotate(-25deg); 
					  -o-animation-name:animacion1;
					  -o-animation-duration:3s;
					  -o-animation-iteration-count:infinite;
					  -o-animation-direction:alternate;
					  }
#uno:hover{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/1.jpg);}


#dos{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/2.jpg); 
					  -webkit-transform:rotate(-20deg);
					  -webkit-animation-name:animacion2;
					  -webkit-animation-duration:4s;
					  -webkit-animation-iteration-count:infinite;
					  -webkit-animation-direction:alternate;
					  
					  -moz-transform:rotate(-20deg);
					  -moz-animation-name:animacion2;
					  -moz-animation-duration:4s;
					  -moz-animation-iteration-count:infinite;
					  -moz-animation-direction:alternate;
					  
					  -ms-transform:rotate(-20deg);
					  -ms-animation-name:animacion2;
					  -ms-animation-duration:4s;
					  -ms-animation-iteration-count:infinite;
					  -ms-animation-direction:alternate;
					  
					  -o-transform:rotate(-20deg);
					  -o-animation-name:animacion2;
					  -o-animation-duration:4s;
					  -o-animation-iteration-count:infinite;
					  -o-animation-direction:alternate;
					  }
#dos:hover{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/22.jpg); }




#cuatro{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/4.jpg); 
					  -webkit-transform:rotate(15deg);
					  -webkit-animation-name:animacion4;
					  -webkit-animation-duration:4s;
					  -webkit-animation-iteration-count:infinite;
					  -webkit-animation-direction:alternate; 
					  
					  -moz-transform:rotate(15deg);
					  -moz-animation-name:animacion4;
					  -moz-animation-duration:4s;
					  -moz-animation-iteration-count:infinite;
					  -moz-animation-direction:alternate; 

					  -ms-transform:rotate(15deg);
					  -ms-animation-name:animacion4;
					  -ms-animation-duration:4s;
					  -ms-animation-iteration-count:infinite;
					  -ms-animation-direction:alternate; 
					  
					  -o-transform:rotate(15deg);
					  -o-animation-name:animacion4;
					  -o-animation-duration:4s;
					  -o-animation-iteration-count:infinite;
					  -o-animation-direction:alternate; 
					  }
					  
#cuatro:hover{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/44.jpg);}


#cinco{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/5.jpg); 
					  -webkit-transform:rotate(5deg);
					  -webkit-animation-name:animacion5;
					  -webkit-animation-duration:4s;
					  -webkit-animation-iteration-count:infinite;
					  -webkit-animation-direction:alternate;
					  
					  -moz-transform:rotate(5deg);
					  -moz-animation-name:animacion5;
					  -moz-animation-duration:4s;
					  -moz-animation-iteration-count:infinite;
					  -moz-animation-direction:alternate;
					  
					  -ms-transform:rotate(5deg);
					  -ms-animation-name:animacion5;
					  -ms-animation-duration:4s;
					  -ms-animation-iteration-count:infinite;
					  -ms-animation-direction:alternate;
					  
					  -o-transform:rotate(5deg);
					  -o-animation-name:animacion5;
					  -o-animation-duration:4s;
					  -o-animation-iteration-count:infinite;
					  -o-animation-direction:alternate;
					   } 
#cinco:hover{background-imagE:url(http://bonjesushotel.com/CARRU/GALERIA/55.jpg);}

/*CHROME*/
@-webkit-keyframes animacion1{
	100%{-webkit-transform:rotate(25deg);
		}
	}

@-webkit-keyframes animacion2{
	100%{-webkit-transform:rotate(20deg);
		}
	}

	
@-webkit-keyframes animacion4{
	100%{-webkit-transform:rotate(-15deg);
		}
	}

@-webkit-keyframes animacion5{
	100%{-webkit-transform:rotate(-15deg);
		}
	}
	
/*MOZILLA*/
@-moz-keyframes animacion1{
	100%{-moz-transform:rotate(25deg);
		}
	}

@-moz-keyframes animacion2{
	100%{-moz-transform:rotate(20deg);
		}
	}

	
@-moz-keyframes animacion4{
	100%{-moz-transform:rotate(15deg);
		}
	}

@-moz-keyframes animacion5{
	100%{-moz-transform:rotate(-15deg);
		}
	}
	
/*internet*/
@-ms-keyframes animacion1{
	100%{-ms-transform:rotate(25deg);
		}
	}

@-ms-keyframes animacion2{
	100%{-ms-transform:rotate(20deg);
		}
	}

	
@-ms-keyframes animacion4{
	100%{-ms-transform:rotate(15deg);
		}
	}

@-ms-keyframes animacion5{
	100%{-ms-transform:rotate(-15deg);
		}
	}


/*opera*/
@-o-keyframes animacion1{
	100%{-o-transform:rotate(25deg);
		}
	}

@-o-keyframes animacion2{
	100%{-o-transform:rotate(20deg);
		}
	}

	
@-o-keyframes animacion4{
	100%{-o-transform:rotate(15deg);
		}
	}

@-o-keyframes animacion5{
	100%{-o-transform:rotate(-15deg);
		}
	}