@charset "UTF-8";
/* CSS Document */

#rodape {
    width:960px;
	height:60px;
	position:relative;
}

#rodape ul {
    padding:2px;
    margin:-8px;
    float: left;
    background-color:none;
    list-style:none;
}

#rodape ul li { display: inline; padding:2px; float:left; }

/* botão catraca */
#catraca {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-catraca.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#catraca span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-catraca.png) no-repeat;
	background-position: bottom;
}

/* botão acesso */
#acesso {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-acesso.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#acesso span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-acesso.png) no-repeat;
	background-position: bottom;
}

/* botão ronda */
#ronda {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-ronda.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#ronda span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-ronda.png) no-repeat;
	background-position: bottom;
}

/* botão protocolador */
#protocolador {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-protocolador.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#protocolador span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-protocolador.png) no-repeat;
	background-position: bottom;
}

/* botão sistemas */
#sistemas {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-sistema.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#sistemas span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-sistema.png) no-repeat;
	background-position: bottom;
}

/* botão crachás */
#crachas {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-crachas.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#crachas span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-crachas.png) no-repeat;
	background-position: bottom;
}

/* botão acessorios */
#acessorios {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-acessorios.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#acessorios span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-acessorios.png) no-repeat;
	background-position: bottom;
}

/* botão supromentos */
#suprimentos {
	clear: both;
	position:relative;
	display:block;
	height: 79px;
	width: 117px;
	background:url(../imagens/bt-suprimentos.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}
#suprimentos span.hover {
	position: absolute;
	display: block;
	height: 79px;
	width: 117px;
	background: url(../imagens/bt-suprimentos.png) no-repeat;
	background-position: bottom;
}