/* Admin CSS */

*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration: none;
	border:none;
    font-family: Arial;
}
div#geral{
	margin: 60px auto;
	position: relative;
	width: 780px;
	height: 600px;
}
div#topo{
	width: 780px;
	height: 45px;
	float: left;
	margin-bottom: 20px;
}
div#topo ul li{
	display: inline;
}
div#topo ul li a{
	display: block;
	height: 45px;
	float: left;
	text-indent: -9000px;
	background: url("../../img/menu.gif");
}
div#topo ul li#ricardo a{
	width: 291px;
}
div#topo ul li#servicos a{
	width: 171px;
}
div#topo ul li#portifolios a{
	width: 177px;
}
div#topo ul li#contato a{
	width: 138px;
}

/* Botoes */
div#topo ul li#ricardo a { background-position: 0 0;  outline: 0;}
div#topo ul li#servicos a{ background-position: -291px 0; outline: 0;}
div#topo ul li#portifolios a{ background-position: -462px 0; outline: 0;}
div#topo ul li#contato a{ background-position: -639px 0; outline: 0;}

/* Botoes Hover */
div#topo ul li#ricardo a:hover { background-position: 0 -54px; }
div#topo ul li#servicos a:hover{ background-position: -291px -54px; }
div#topo ul li#portifolios a:hover{ background-position: -462px -54px; }
div#topo ul li#contato a:hover{ background-position: -639px -54px; }

/* Botoes Cliked */
div#topo ul li#ricardo a.cliked { background-position: 0 -54px; }
div#topo ul li#servicos a.cliked { background-position: -291px -54px; }
div#topo ul li#portifolios a.cliked { background-position: -462px -54px; }
div#topo ul li#contato a.cliked { background-position: -639px -54px; }

div#conteudo{
	float: left;
	width: 780px;
}
div#rodape{
	background: url("../../img/rodape.gif") no-repeat;
	float: left;
	width: 780px;
	height: 29px;
	margin-top: 30px;
}