MediaWiki:Common.css: mudanças entre as edições

De WIKI SEPLAG
Ir para navegação Ir para pesquisar
(Criou página com '→‎* o código CSS colocado aqui será aplicado a todos os temas: .botaosimples { border: 2px solid white; padding: 10px; width: 150px; height: 120px; box-shadow:0 0 .5...')
 
Sem resumo de edição
 
(11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 16: Linha 16:
.botao {
.botao {
width: 200px;
width: 200px;
height: 100px;
height: 120px;
         box-shadow:0 0 .5em #999;
         box-shadow:0 0 .5em #999;
border-radius:10px;
border-radius:10px;
Linha 48: Linha 48:
.listabotao2 {
.listabotao2 {
display: flex;
display: flex;
width: 560px;
width: 660px;
height: 150px;
height: 160px;
margin: auto;
margin: auto;
}
}
Linha 63: Linha 63:
font-size: 18px;
font-size: 18px;
font-family: Georgia, Times, serif;
font-family: Georgia, Times, serif;
}
.botao2 {
width: 200px;
height: 120px;
        box-shadow:0 0 .5em #999;
border-radius:10px;
background-image: linear-gradient(to right, rgba(70, 119, 66, 0.9), rgba(70, 119, 66, 0.3));
margin: auto;
text-align: center;
position: relative;
}
.botao2 p{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: black;
font-weight: bold;
font-size: 18px;
font-family: Georgia, Times, serif;
}
.botao a{
color: black;
}
.botao2 a{
color: black;
}
.buttonClass {
  font-size:18px;
  font-family:Times New Roman;
  width:200px;
  height:100px;
  border-width:1px;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
  align-items : center;
  justify-content : center;
  color:#fff;
  border-color:#84bbf3;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  text-shadow:inset 0px 1px 0px #528ecc;
  background:linear-gradient(rgba(118, 184, 255, 1), rgba(62, 93, 155, 1));
}
.buttonClass:hover {
  background: linear-gradient(rgba(62, 93, 155, 1), rgba(118, 184, 255, 1));
}
.buttonClass a{
color: white;
}
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.icone-sei-duv{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/5b/Duv1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-duv:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/30/Duv2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-err{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e2/Err1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-err:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3b/Err2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-ext{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/d5/Ext1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-ext:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f3/Ext2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-foc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/09/Foc1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-foc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/a/a1/Foc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-func{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/9/97/Func1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-func:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e7/Func2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-inter{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Inter1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-inter:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Inter2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-norm{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/fc/Norm1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-norm:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8f/Norm2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-org{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/dc/Org1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-org:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/24/Org2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-perf{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b7/Perf1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-perf:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/df/Perf2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/5f/Pesq1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f4/Pesq2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pet{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/57/Pet1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pet:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/27/Pet2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-sig{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/7/7a/Sig1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-sig:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/89/Sig2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.botao-inicial{
  width: 321px;
  height: 157px;
  background: transparent url('/images/5/5e/Marrom.png') 0% 0% no-repeat padding-box;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
  align-items : center;
  justify-content : center;
  font-size:20px;
  font-family:Overpass;
  color: #E4F0F6;
  opacity: 1;
}
.botao-inicial a{
  color: #E4F0F6;
}
.botao-inicial:hover{
  background: transparent url('/images/4/4a/Azul-claro.png') 0% 0% no-repeat padding-box;
}
.botao-inicial:hover a{
  color: #6E6E6E;
}
.sei{
  background: transparent url('/images/b/bc/AzulSEI.png') 0% 0% no-repeat padding-box;
}
.sei:hover a{
  color:#2B4352;
}
.norm{
  background: transparent url('/images/3/33/VerdeSEI.png') 0% 0% no-repeat padding-box;
}
.norm a{
  color: #434D32;
}
.norm:hover a{
  color: #434D32;
}
.icone-sei-estat{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Estat.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-estat:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/2b/Estat2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-fed{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/6/64/Fed.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-fed:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/31/Fed2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-manual{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b5/Manual.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-manual:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3a/Manual2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operdoc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f6/Operdoc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operdoc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/52/Operdoc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/08/Operproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-operproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/37/Operproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-orgproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/4/41/Orgproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-orgproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e3/Orgproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq4{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/59/Pesq.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq4:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f5/Pesquisa2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
}

Edição atual tal como às 14h07min de 3 de fevereiro de 2023

/** o código CSS colocado aqui será aplicado a todos os temas */

.botaosimples {
	border: 2px solid white;
	padding: 10px;
	width: 150px;
	height: 120px;
	box-shadow:0 0 .5em #999;
	border-radius:10px;
	background-color: rgba(75, 172, 198, 0.9);
	margin: auto;
	text-align: center;
	position: relative;
}

.botao {
	width: 200px;
	height: 120px;
        box-shadow:0 0 .5em #999;
	border-radius:10px;
	background-image: linear-gradient(to right, rgba(62, 93, 155, 0.9), rgba(62, 93, 155, 0.3));
	margin: auto;
	text-align: center;
	position: relative;
}

.listabotao {
	display: flex;
	width: 800px;
	height: 200px;
	margin: auto;
}

.listabotao4 {
	display: flex;
	width: 1000px;
	height: 150px;
	margin: auto;
}

.listabotao3 {
	display: flex;
	width: 780px;
	height: 150px;
	margin: auto;
}

.listabotao2 {
	display: flex;
	width: 660px;
	height: 160px;
	margin: auto;
}

.botao p{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
	font-weight: bold;
	font-size: 18px;
	font-family: Georgia, Times, serif;
}

.botao2 {
	width: 200px;
	height: 120px;
        box-shadow:0 0 .5em #999;
	border-radius:10px;
	background-image: linear-gradient(to right, rgba(70, 119, 66, 0.9), rgba(70, 119, 66, 0.3));
	margin: auto;
	text-align: center;
	position: relative;
}

.botao2 p{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
	font-weight: bold;
	font-size: 18px;
	font-family: Georgia, Times, serif;
}

.botao a{
	color: black;
}

.botao2 a{
	color: black;
}

.buttonClass {
  font-size:18px;
  font-family:Times New Roman;
  width:200px;
  height:100px;
  border-width:1px;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
  align-items : center;
  justify-content : center;
  color:#fff;
  border-color:#84bbf3;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  text-shadow:inset 0px 1px 0px #528ecc;
  background:linear-gradient(rgba(118, 184, 255, 1), rgba(62, 93, 155, 1));
}

.buttonClass:hover {
  background: linear-gradient(rgba(62, 93, 155, 1), rgba(118, 184, 255, 1));
}

.buttonClass a{
	color: white;
}

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

.icone-sei-duv{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/5b/Duv1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-duv:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/30/Duv2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-err{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e2/Err1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-err:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3b/Err2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-ext{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/d5/Ext1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-ext:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f3/Ext2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-foc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/09/Foc1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-foc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/a/a1/Foc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-func{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/9/97/Func1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-func:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e7/Func2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-inter{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Inter1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-inter:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Inter2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-norm{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/fc/Norm1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-norm:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8f/Norm2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-org{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/dc/Org1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-org:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/24/Org2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-perf{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b7/Perf1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-perf:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/d/df/Perf2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pesq{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/5f/Pesq1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pesq:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f4/Pesq2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-pet{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/57/Pet1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pet:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/27/Pet2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-sig{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/7/7a/Sig1.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-sig:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/89/Sig2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.botao-inicial{
  width: 321px;
  height: 157px;
  background: transparent url('/images/5/5e/Marrom.png') 0% 0% no-repeat padding-box;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
  align-items : center;
  justify-content : center;
  font-size:20px;
  font-family:Overpass;
  color: #E4F0F6;
  opacity: 1;
}

.botao-inicial a{
  color: #E4F0F6;
}

.botao-inicial:hover{
  background: transparent url('/images/4/4a/Azul-claro.png') 0% 0% no-repeat padding-box;
}

.botao-inicial:hover a{
  color: #6E6E6E;
}

.sei{
  background: transparent url('/images/b/bc/AzulSEI.png') 0% 0% no-repeat padding-box;
}

.sei:hover a{
  color:#2B4352;
}

.norm{
  background: transparent url('/images/3/33/VerdeSEI.png') 0% 0% no-repeat padding-box;
}

.norm a{
  color: #434D32;
}

.norm:hover a{
  color: #434D32;
}

.icone-sei-estat{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/8/8b/Estat.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-estat:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/2/2b/Estat2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-fed{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/6/64/Fed.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-fed:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/31/Fed2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}
.icone-sei-manual{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/b/b5/Manual.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-manual:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/3a/Manual2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operdoc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f6/Operdoc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operdoc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/52/Operdoc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/0/08/Operproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-operproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/3/37/Operproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-orgproc{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/4/41/Orgproc.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-orgproc:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/e/e3/Orgproc2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pesq4{
  top: 50px;
  left: 155px;
  width: 147px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/5/59/Pesq.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}

.icone-sei-pesq4:hover{
  /* Layout Properties */
  top: 50px;
  left: 155px;
  width: 321px;
  height: 157px;
  /* UI Properties */
  background: transparent url('/images/f/f5/Pesquisa2.png') 0% 0% no-repeat padding-box;
  opacity: 1;
}