#menu-principal {
	background-color: #4D3712;
	height: 40px;
	margin: 40px 0 0 0;
	padding: 0 0 0 85px;	
	font-size: 8pt;
	color: #E8E2D4;
}

#container {
	text-align: left;
}

.cnt {
	text-align: center;
}

.innercnt {
	width: 545px;
	margin: 0px auto;
	/*position: relative;*/
	text-align: left;	
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 menu 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main_nav{
	padding: 0;
	height: 40px;
	margin: 0;
}

#main_nav .innercnt{
	z-index: 109;
}

#main_nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  background: url(../img/menu.gif) top right no-repeat;
  }
  
#main_nav ul li{
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    position: relative;
    z-index: 109;
}
    
#main_nav ul li#quienes-somos{ width: 104px; }
#main_nav ul li#habitaciones{ width: 89px; }
#main_nav ul li#reservaciones{ width: 102px; }
#main_nav ul li#restaurante{ width: 96px; }
#main_nav ul li#eventos{ width: 63px; }
#main_nav ul li#contactenos{ width: 91px; }

#main_nav ul li a{
	text-decoration: none;
   margin: 0;
   padding: 0;
   border: none;
   width: 100%;
   height: 100%;
   display: block;
}
      
      #main_nav ul li a img{
      display: none;
      }
      
      #main_nav ul li:hover a img,
      #main_nav ul li.hovered a img{
      display: block;
      border: none;
      text-decoration: none;
      }
      
      #main_nav ul li a:hover{
      border: none;
      }
      
      /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      Menu dropper - something that 
      drops always goes down imo, so we
      will call this one the menu dropper
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
      
      #main_nav ul li ul.menu_dropper{
      margin: 0;
      display: none;
      padding: .5em;
      list-style-type: none;
      position: absolute;
      left: 0;
      width: 190px;
      background: #604C2F;
      }
      
      #main_nav ul li.hovered ul.menu_dropper{
      display: block;
      }
      
      #main_nav ul li:hover ul.menu_dropper{
      display: block; 
      }
      
        #main_nav ul li ul.menu_dropper li{
        float: none;
        font-size: 1.1em;
        margin: 0;
        height: auto;
        line-height: 2em;
        }
        
          #main_nav ul li ul.menu_dropper li a{
          text-decoration: none;
          color: white;
          width: 99%;
          height: 100%;
          display: block;
          text-indent: 1em;
          padding: .2em 0 .2em .2em;
          }
          
          #main_nav ul li ul.menu_dropper li a:hover{
			 background: #4D3712;
          color: #E8E2D4;
          }
          
          #main_nav ul li ul.menu_dropper li p{
          font-size: .9em;
          margin: 0 0 .2em 0;
          line-height: 1.6em;
          padding-left: 1.2em;
          width: 85%;
          }