@charset "utf-8";
/* CSS Document */

#principal{
	width:600px;
	height:25px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#principal li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
#principal li a:link, #principal li a:active, #principal li a:visited{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100px;
	color: #333;
	text-decoration:none;
	display:block;
	height:25px;
	text-align:center;
	line-height:25px;
}
#principal li a:hover{
	color: #990000;
	text-decoration: underline;
}

#menu{
	width:1024px;
	height:70px;
	border-radius:10px 10px 0 0;
	background: url(../imagens/bg_menu.png);
	margin-top:70px;
	position:relative;
	z-index:1;
}
#menu1{
	margin:0;
	padding:0;
}
#menu1 li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
#menu1 li a{
	float:left;
	font-family:"Century Gothic";
	font-size:16px;
	width:169px;
	color: #FFF;
	text-align:center;
	text-decoration:none;
	display:block;
	height:70px;
	line-height:70px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	border-right:1px solid #F00;
}
#menu1 li a:hover{
	background:#ba2621;
}
#menu1 li:first-child a{
	border-radius:10px 0 0 0;
}
#menu1 li:last-child a{
	width:174px;
	border-radius:0 10px 0 0;
	border-right:0;
}

#menu1 li:hover #sub-menu{
	display:block;
}

#sub-menu{
	width:170px;
	position:absolute;
	margin:70px 0 0 0; 
	padding:0;
	list-style:none;
	background: url(../imagens/bg_menu.png);
	display:none;
}
#sub-menu li a{
	font-family: "Century Gothic";
	font-size:16px;
	width:170px;
	height:60px;
	line-height:60px;
	color: #FFF;
	display:block;
	text-decoration:none;
	padding:0;
	border-right:0;
}
#sub-menu li:first-child a{
	border-radius:0;
	border-right:0;
	border:0;
}
#sub-menu li:last-child a{
	width:170px;
	border-radius:0;
	border-right:0;
	border:0;
}