.cTip {}
	.tTip {width: 200px; position: absolute; cursor: pointer; color: #666; font-weight: bold;}
	.tip {color: #333;}
	
	#cloud1 {top: 93px; left: 230px;}
	#cloud2 {top: 168px; left: 440px;}
	#cloud3 {top: 228px; left: 100px;}
	#cloud4 {top: 350px; left: 370px;}
	#cloud5 {top: 370px; left: 60px;}
				
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}

#menu {position:relative; width:500px; height:335px; background:transparent url(images/albergue_s.jpg); overflow:hidden; margin:50px auto;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:100px; height:100px; display:inline;}
#menu a {display:block; float:left; width:100px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:transparent url(images/albergue.jpg) no-repeat 500px 500px;}
* html #menu a  {height:100px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -100px 0; z-index:50;}
#menu a#item3:hover {background-position: -200px 0; z-index:50;}
#menu a#item4:hover {background-position: -300px 0px; z-index:50;}
#menu a#item5:hover {background-position: -400px 0px; z-index:50;}
#menu a#item6:hover {background-position: 0px -100px; z-index:50;}
#menu a#item7:hover {background-position: -100px -100px; z-index:50;}
#menu a#item8:hover {background-position: -200px -100px; z-index:50;}
#menu a#item9:hover {background-position: -300px -100px; z-index:50;}
#menu a#itema:hover {background-position: -400px -100px; z-index:50;}
#menu a#itemb:hover {background-position: 0px -200px; z-index:50;}
#menu a#itemc:hover {background-position: -100px -200px; z-index:50;}
#menu a#itemd:hover {background-position: -200px -200px; z-index:50;}
#menu a#iteme:hover {background-position: -300px -200px; z-index:50;}
#menu a#itemf:hover {background-position: -400px -200px; z-index:50;}