@charset "utf-8";
/*=====================================*/
/* CSS yl3d Design  2010		       */
/* Menu - versão 2.2                   */
/*=====================================*/
<!--

/* +++++++++++++++++++ Menu do Topo +++++++++++++++++++ */
#topo_menu ul {
	width: 355px;
	height: 10px;
	list-style:none;
	float: right;
	margin: 5px 0px 0px 0px;
	padding:0;
}

#topo_menu li {
	width: auto;
	text-align:center;
	font-size:9px;
	float: left;
	display: inline;
	margin: 5px 5px 0px 5px;
}

#topo_menu li a
{
	color:#CCC;
	font-weight:bold;
}

#topo_menu li a:hover
{
	color:#06C;
	font-weight:bold;
}


/* +++++++++++++++++++ Menu Animado +++++++++++++++++++ */
#menu_animado{
	width: 1000px;
	height: 400px;
	position:relative;
}

	#menu_animado a{
		display:block;
		width: 100%;
		height: 100%;
	}

		#esfera_central{
			position:absolute;
			top:50px;
			left:400px;
			z-index:90;
			height:340px;
			width:200px;
			text-align:center;
			background:url('../img/estrutura/esfera_central.png') no-repeat center top;
		}
				
		#esfera_central #titlebar{
			margin: 90px 15px 0px 15px;
		}
		
		#esfera_central #titlebar h2{
			color: #333;
		}
			
		#esfera1{
			position:absolute;
			top:-465px;
			left:670px;
			z-index:90;
			height:120px;
			width:120px;
			background:url('../img/estrutura/esfera_empresa.png') no-repeat center center;
		}
		
		#esfera2{
			position:absolute;
			top:-465px;
			left:675px;
			z-index:90;
			height:60px;
			width:60px;
			background:url('../img/estrutura/esfera_solucoes.png') no-repeat center center;
		}
		
		#esfera3{
			position:absolute;
			top:-465px;
			left:210px;
			z-index:90;
			height:75px;
			width:75px;
			background:url('../img/estrutura/esfera_portfolio.png') no-repeat center center;
		}
		
		
		#reflexo1{
			position:absolute;
			top:390px;
			left:670px;
			z-index:90;
			height:120px;
			width:120px;
			background:url('../img/estrutura/esfera_empresa_reflex.png') no-repeat center center;
			opacity: .0;
		   	-moz-opacity: .0;
		   	filter:alpha(opacity=0);
		}
		
		#reflexo2{
			position:absolute;
			top:250px;
			left:675px;
			z-index:80;
			height:60px;
			width:60px;
			background:url('../img/estrutura/esfera_solucoes_reflex.png') no-repeat center center;
			opacity: .0;
		   	-moz-opacity: .0;
		   	filter:alpha(opacity=0);
		}
		
		#reflexo3{
			position:absolute;
			top:390px;
			left:210px;
			z-index:90;
			height:75px;
			width:75px;
			background:url('../img/estrutura/esfera_portfolio_reflex.png') no-repeat center center;
			opacity: .0;
		   	-moz-opacity: .0;
		   	filter:alpha(opacity=0);
		}


-->