@charset "utf-8";

/* ---------------------------------------------------
 * Filename:	basic.css
 * Description:	Regras das estruturas do menu de navegação.
 * Version:		1.0.0 (2009-07-01) YYYY-MM-DD
 * Website:		http://www.recantogaivotas.com.br/
 * Author:		Heitor Rolim – iDesk Informática
 *
 * == STRUCTURE ======================================
 * 
 * Page width: 900px  static
 * Number of columns: 02
 * --------------------------------------------------- */

#menu {
	margin:auto;
	text-align:left;
	width:900px;
	height:40px;
	background:url(images/fundo-menu.png) no-repeat;
}

#menu a {
	border:0;	
}

ul#navmenu-h {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	background:url(images/fundo-menu.png) no-repeat;
}

ul#navmenu-h ul {
	width: 200px; /* Sub Menu Width */
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index:100;
	background:url(images/fundo-sub-menu.jpg) no-repeat top left;
}

ul#navmenu-h ul ul, ul#navmenu-h ul ul ul { top: 0; left: 100%; }

ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
	float:left;
	display:block;
	background:url(images/fundo-menu.png) no-repeat;
	color:#FFF;
	text-decoration:none;
	height:40px;
	border:0;
}

ul#navmenu-h a.home, 
ul#navmenu-h a.pousada, 
ul#navmenu-h a.apartamentos, 
ul#navmenu-h a.restaurantes, 
ul#navmenu-h a.lazer, 
ul#navmenu-h a.localizacao, 
ul#navmenu-h a.tarifas, 
ul#navmenu-h a.contato {
	text-indent:-9999px;
}

ul#navmenu-h a.home { width:84px; background-position:-70px -44px; margin-left:70px; }
ul#navmenu-h a:hover .home,ul#navmenu-h li:hover a.home, ul#navmenu-h li.iehover a.home { background-position:-70px -88px; }

ul#navmenu-h a.pousada { width:101px; background-position:-154px -44px; }
ul#navmenu-h a:hover .pousada,ul#navmenu-h li:hover a.pousada, ul#navmenu-h li.iehover a.pousada { background-position:-154px -88px; }

ul#navmenu-h a.apartamentos { width:144px; background-position:-255px -44px; }
ul#navmenu-h a:hover .apartamentos,ul#navmenu-h li:hover a.apartamentos, ul#navmenu-h li.iehover a.apartamentos { background-position:-255px -88px; }

ul#navmenu-h a.restaurantes { width:127px; background-position:-399px -44px; }
ul#navmenu-h a:hover .restaurantes,ul#navmenu-h li:hover a.restaurantes, ul#navmenu-h li.iehover a.restaurantes { background-position:-399px -88px; }

ul#navmenu-h a.lazer { width:80px; background-position:-526px -44px; }
ul#navmenu-h a:hover .lazer,ul#navmenu-h li:hover a.lazer, ul#navmenu-h li.iehover a.lazer { background-position:-526px -88px; }

ul#navmenu-h a.localizacao { width:124px; background-position:-606px -44px; }
ul#navmenu-h a:hover .localizacao,ul#navmenu-h li:hover a.localizacao, ul#navmenu-h li.iehover a.localizacao { background-position:-606px -88px; }

ul#navmenu-h a.contato { width:100px; background-position:-730px -44px; }
ul#navmenu-h a:hover .contato,ul#navmenu-h li:hover a.contato, ul#navmenu-h li.iehover a.contato { background-position:-730px -88px; }

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a { color: #FFF; }

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {
	height:18px;
	padding:5px 3px 5px 20px;
	border-bottom:1px solid #999;
	text-align:left;
	float: none;
	font-size:12px;
	color:#000;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a {
	background: #666;
	color:#FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
	background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
	background: #666;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
	background: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
	background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }