/************ESTILOS COPIADOS DE LAYOUT-CSS PARA AGILIZAR ******/

#content {  
  height: 100%;
  min-height: 100%;
  text-align: left; 
}


#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1020px;
  margin: 0 auto;
}

#content[id],
#width[id] {
	width: 94%;
	height: auto;
}


/**ID PAGE **/

#page {
	position:relative;
	width:100%;
	height:100%;
	
}



/*********************************************************ESTILOS ORIGINAIS DA HOME *****/ 
/**************************************************************/
/************************************************************************/



#cardapio {
	position:absolute;
	left:0;
	top:7px;
	width:1011px;
	background-image:url(../imagens/menu_home.png);
	z-index:10;
	
}



#base-home {
	position:absolute;
	top:30px;
	width:1011px;
	height:572px;
	left:0;
	
}




#TextHome {
	position:absolute;
	left:5px;
	top:337px;
	width:400px;
	z-index:10;
	}
	
#TextHome pre {
	font:normal bold normal 12pt/18pt Verdana, Arial, Helvetica, sans-serif;
	margin:0 10px ;
	text-indent:0;
	}

	
a {color:#CCCCCC;
	text-decoration: none;
	font-weight:bold;
}

a:link {
}

a:visited {
	text-decoration: none;
	font-weight:bold;
} 

a:hover {
	color: #FFCC33;
	text-decoration:none;
}

#aviso {
	font:normal small-caps bold  10pt/12pt Arial, Helvetica, sans-serif;
	color:#000;
	border:#FFCC00  1px solid;
	margin:10px;
	padding:5px;
	width:600px;
	text-align:center;
	}

.green {color:#009900;}


		



/************ESTILOS COPIADOS DE LAYOUT-CSS PARA AGILIZAR ******/



/************************MENU PRINCIPAL, contido em ID cardapio****/
/*****************************************************************/


#menu {
	width: 100%;
	background: #000;
	float: left;
}

										/****inventei esta classe *****//
#menu ul.home{
list-style: none;
margin: 0;
padding: 0;
width:5%;   
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:16%;   /****largura original 12 em; original em width**/
float: left;
}

#menu a, #menu h2 {
font: bold 10px/16px verdana, arial, helvetica, sans-serif;
display: block;
margin:0 0 0 3px;
padding: 2px 3px;

}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
text-align:center;
}



#menu a {
text-decoration: none;
text-align:center;
text-transform: uppercase;					
	background-color:#CCCCCC;
	color:#000;
	border:1px solid #006600;
	border-top:none;



}

#menu a:hover {
color: #009900;
background: #fff;
}

																								/****acrescentei esta ID SINGLE  para inserir o item home**/																										
																								/**tem que ficar neste local da css para nao ser sobrepujado *****/
							
	
#menu h2.single {
font: bold 10px/16px verdana, arial, helvetica, sans-serif;
display: block;
margin:0 0 0 3px;
padding: 2px 3px;
}

#menu h2.single a: {font: bold 10px/16px verdana, arial, helvetica, sans-serif;}

#menu h2.single a:link{
color: #fff;
background: #000;
text-transform: uppercase;
text-align:center;
border:none;
font: bold 11px/16px verdana, arial, helvetica, sans-serif;
}


#menu h2.single a:hover {
	color:#00cc00;

}

																																	/**********************fim do id single******************/



#menu li {position: relative;
	}

#menu ul ul {
position: absolute;
z-index: 500;	                                 /*****acrescentei largura porque mudei #menu ul para %**************/
width: 100%;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/*comeca script para ie*/


[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]

/*termina script para ie*/