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

De WIKI SEPLAG
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(6 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 48: Linha 48:
.listabotao2 {
.listabotao2 {
display: flex;
display: flex;
width: 560px;
width: 660px;
height: 150px;
height: 160px;
margin: auto;
margin: auto;
}
}
Linha 135: Linha 135:
.toclimit-7 .toclevel-6 ul {
.toclimit-7 .toclevel-6 ul {
display: none;
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;
}