/* --------------------------------------
   Global Styles
   -------------------------------------- */
   
   
   
   
   #menuWrapper{
      height:auto;
	  background-image:url(../images/lady.png);
	  position:absoulte;
	   
	  
	 
	 
	  background-attachment: fixed;
	  
   }
     #moreInfo{
	 position :absoulte;
	 height:auto;
	 
   
   }
   #more{
       background-color:red;
      width:100px;
	  height:100px;
	   position: absolute; 
   }
  
   
   .right-guest{
     background-color: #444;
   }
  
  #titleMenu{
    background-color:#444;
	color:white;
	
	font-size:22px;
	font-famil:arial;
	margin-left:-20px;
	width:150px;
	
	
  
  }
   #menu{
     float:left; widht:100%; z-index:10; position: relative; margin-left: -5px; 
	 top:0px;
	
	   
   }
    #kk > div{
	   top:0px;
	  
	   
	}
	
   .col-sm-10 > div{
       
        margin-left: 20px; 
		margin-top:0px;
		width:100%;
		
	   
   
   }
   #sswetha{
	   width:150px;
	  
	   background-color:yellow;
	   border:solid 2px;
	   text-align:center;
	   font-size:13px;
	   padding:10px;
	   font-family: comic Sans MS;
	   
	}
	
	 #sswetha:hover{
	     color:orange;
		 font-weight:bolder;
	 }

    #sswetha:active{
	     color:red;
		 font-weight:bolder;
	 }
	  img{
	     
	 }
	
	 
	#thevika img:hover {
	opacity:0.6;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
	}
   #thevika img: {
	
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
   }
	#delay{
	   -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
	
	}
	#cateMenu{
	
	z-index : 1;
	 border:solid 2px;
	-webkit-transform: translate(0%,0); /* x axis 100 present y axis 0*/
	-webkit-transition: all 1s ease;
   height:200px;width:400px;background-color:yellow;margin-top:28px; right:-400px;position:absolute;z-index:1;
	
}
#opa{
height:100%;
width:100%;
 border: 1px solid black;
    opacity: 0.4;
    filter: alpha(opacity=40);
     background-color: #000000;
}

/*BUFFET MENU*/
#buffetTittle{
   font-size:40px;
    text-shadow: 3px 3px 5px orange;
	background:#c4c4c4;
	color:#FFFFFF;
	width:auto;
	margin-top:0px;
	

}
#spa{
   color:orange;
   text-shadow: 2px 2px #000000;
   

}

#buffetHeading { 
  text-item:center;
background-image:url(../images/buffet_large_01.jpg);
 background-repeat:no;
	width:auto;
	text-align:center;
	
	margin-top:50px;
	
	background-position: bottom;
	
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;
	height:350px;
}
#buffetHead2 { 
  text-item:center;
background:url(../images/buffet_large_bottom.jpg) no-repeat;

	width:auto;
	border: 3px solid #c4c4c4;
	text-align:center;
	
	background-position: 20px;
	background-position:bottom;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;
	height:300px;
	
}
#midImg{
  
background:url(../images/week_medium_01.jpg) no-repeat;

	height:310px;
	text-align:center;
}
#midImg2{
    
       background:url(../images/secondBuffet.jpg) no-repeat;
       height:310px;
	   text-align:center;

}
#buffetBottom{
	  margin-top:100px; 
	  color:#ffffff;
	   text-shadow: 2px 2px #000000;
	   font-size:25px;
  
   
}
.bottomWord{
   font-size:30px;
}

#center{
  font-size:16px;color:#c4c4c4; padding:15px;
}
	
@media (max-width: 480px){
	                      #resv{
						 margin-top:-20px;
						}
						   
	}
@media (max-width: 768px) {
	
	   #buffetHeading { text-align:center;
					  text-item:center;
					background:url(../images/carousel_small_03.jpg) no-repeat;
					
						width:auto;
						
						
						
						background-position: top;
						/*background-position: center;*/
						background-attachment:fixed;/* this do the magic this stop the image to move up*/
						positon:relative;
						height:180px;
					}
#buffetHead2 { 
  text-item:center;
background:url(../images/buffet_large_bottom.jpg) no-repeat;

	width:auto;
	border: 3px solid #c4c4c4;
	text-align:center;
	
	background-position: 20px;
	background-position:bottom;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;
	height:300px;
	
}
#midImg{
  
background:url(../images/carousel_small_05.jpg) no-repeat;

	height:310px;
	text-align:center;
}
#midImg2{
    
       background:url(../images/secondl_small_02.jpg) no-repeat;
       height:310px;
       text-align:center;
}
#spa{
   color:orange;
   text-shadow: 2px 2px #000000;
   

}
#buffetBottom{
	  margin-top:100px; 
	  color:#ffffff;
	   text-shadow: 2px 2px #000000;
	   font-size:25px;
  
   
}
#opa{
height:100%;
width:100%;
 border: 1px solid black;
    opacity: 0.4;
    filter: alpha(opacity=40);
     background-color: #000000;
}
#center{
  font-size:18px;color:#c4c4c4; padding:15px;
}
			
div.hr {

 
background-color: #C4C4C4;
background-image: linear-gradient(left,#f0f0f0,#8c8c8c,#f0f0f0);
height: 5px;
 
}
#buffetTittle{
   font-size:20px;
    text-shadow: 3px 3px 5px orange;
	background:#c4c4c4;
	color:#FFFFFF;

}
#center{
  font-size:15px;color:#c4c4c4; padding:10px;
}


	 
	}
@media (min-width: 1200px) {
 #buffetH{
   /*background-image:url(../images/buffetH.png);*/
   
    background-repeat: no-repeat;
  display: block;
   
   height:50px;
   width:auto;
   text-align:center;
   display:block;
   margin-left:auto;
   margin-right:auto;
	  
   

}
#buffetHeading {
  text-item:center;
background:url(../images/buffet_large_01.jpg) no-repeat;
    
	width:auto;
	
	text-align:center;
	
	
	background-position:top;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	
	height:310px;
}
#buffetHead2 { 
  text-item:center;
background:url(../images/buffet_large_bottom.jpg) no-repeat;

	width:auto;
	border: 3px solid #c4c4c4;
	text-align:center;
	
	background-position: 20px;
	background-position:bottom;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;
	height:300px;
	
}
div.hr {

 
background-color: #C4C4C4;
background-image: linear-gradient(left,#f0f0f0,#8c8c8c,#f0f0f0);
height: 5px;
 
}
#buffetTittle{
   font-size:40px;
    text-shadow: 3px 3px 5px orange;
	background:#c4c4c4;
	color:#FFFFFF;
	width:auto;
	margin-top:0px;
	

}
#midImg{
  
background:url(../images/weekend.png) no-repeat;

	height:310px;
}
#midImg2{
    
       background:url(../images/secondBuffet.jpg) no-repeat;
       height:310px;

}
#center{
  font-size:30px;color:#c4c4c4; padding:10px;
}
#opa{
height:100%;
width:100%;
 border: 1px solid black;
    opacity: 0.4;
    filter: alpha(opacity=40);
     background-color: #000000;
}
#spa{
   color:orange;
   text-shadow: 2px 2px #000000;
   

}
#buffetBottom{
  margin-top:100px; 
  color:#ffffff;
   text-shadow: 2px 2px #000000;
   font-size:40px;
  
   
}
.bottomWord{
   font-size:35px;
}
}