<style> .item-product {
margin-top: 25px
}
.productbody-content {
widthpadding-left: 300px15px;
floatpadding-right: left15px
}
.displaysmall {
displayfont-size: none11px
}
.product-nextimagebox {
max-width: 300px;700px
}
float: left;.item-product {
margin-lefttop: 20px25px
}
.item-contentproduct {
paddingwidth: 10px 0 10px 0300px;
margin-topfloat: -4px;left
}
background-color: #182542;.display {
transition-propertydisplay: background-color;
none
}
transition.product-duration: 1.5s;next {
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifwidth: 300px;
font-sizefloat: 16pxleft;
textmargin-transformleft: uppercase;20px
font-weight: 400;}
text-align: center;.item-content {
color: #fffpadding: 10px 0 10px 0;
}
.general-item-content {margin-top: -4px;
background-color: #fff#182542;
bordertransition-property: 1px solid #182542background-color;
}
transition-duration: 1.5s;
.item-image {font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
opacityfont-size: 116px;
text-webkit-transitiontransform: .3s ease-in-outuppercase;
transitionfont-weight: .3s ease-in-out
}
400;
.itemtext-imagealign:hover {center;
opacitycolor: .2#fff;
}
.general-item-content:hover {
paddingbackground-color: 10px 0 10px 0#fff;
margin-top: -4pxborder: 1px solid #182542;
background-color: #84bf41;}
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.item-image {
font-sizeopacity: 16px1;
text-webkit-transformtransition: uppercase .3s ease-in-out;
font-weight: 400;transition: .3s ease-in-out
text-align: center;}
.item-image:hover {
coloropacity: #fff.2
}
.item-contenttopcontent:hover {
padding: 15px10px 0 15px10px 0;
margin-top: -4px;
background-color: #f2f2f2#84bf41;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #160000#fff
}
.item-circlecontenttop {
width: 50pxpadding: 15px 0 15px 0;
heightmargin-top: 50px-4px;
border-radiusbackground: 50%#f2f2f2;
font-size: 18pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #16000016px;
margintext-bottomtransform: 25pxuppercase;
linefont-heightweight: 50px400;
text-align: center;
backgroundcolor: #f2f2f2#160000
}
.item-content acircle {
font-sizewidth: .8rem!important50px;
colorheight: #fff50px;
}
.item-content a:hover {border-radius: 50%;
font-size: .8rem!important18px;
color: #fff#160000;
}
margin-bottom: 25px;
.container {line-height: 50px;
positiontext-align: relativecenter;
widthbackground: 100%#f2f2f2
}
.image.item-content a, a .item-content {
displayfont-size: block.8rem!important;
widthcolor: 100%#fff;
height: auto
cursor:pointer;
}
padding: 13px 0 10px 0;
.image {
line-height:1.5;
}
display: block;.item-content a:hover {
widthfont-size: 100%.8rem!important;
heightcolor: auto#fff
}
.userTypeLinkcontainer {
colorposition: #160000relative;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;width: 100%
}
.image {
font-sizedisplay: 16pxblock;
font-weightwidth: 400100%;
line-height: 30px; auto
}
.image {
text-aligndisplay: centerblock;
margin-rightwidth: 1%100%;
margin-leftheight: 1%auto
}
.userTypeLink:hover {
color: #84bf41#160000;
visibility: inherit
}
.userTypeLinkProdukte {
color: #fff !important; //TG 190614: increased importance to overwrite confluence settings
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px30px;
text-align: center;
margin-right: 1%;
margin-left: 1%
}
.userTypeLinkProdukteuserTypeLink:hover {
color: #84bf41;
visibility: inherit
}
.HeaderuserTypeLinkProdukte {
color: #fff #160000!important;
//TG 190614: increased importance to overwrite confluence settings
font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 25px16px;
font-weight: 400;
line-height: 30px16px;
text-align: center;
margin-topright: 20px1%;
margin-bottomleft: 10px;1%
}
.HeaderBlockuserTypeLinkProdukte:hover {
margin-topcolor: 25px#84bf41;
heightvisibility: 250pxinherit
}
.HeaderLineHeader {
height color: 4px#160000;
font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
leftfont-size: 3px25px;
backgroundline-colorheight: #84bf4130px;
widthmargin-top: 100%20px;
floatmargin-bottom: left10px;
}
.HeaderLine50HeaderBlock {
heightmargin-top: 2px25px;
leftheight: 3px;250px
background-color: #84bf41;}
.HeaderLine {
height: 4px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left
}
.HeaderLineItemHeaderLine50 {
height: 4px2px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left;
margin-bottom: 5px
}
.item-link-boxHeaderLineItem {
floatheight: left4px;
max-widthleft: 992px3px;
marginbackground-color: 30px 0#84bf41;
clearwidth: both100%;
}
float: left;
.item-margin-bottom: 5px
}
.item-link-box {
float: left;
max-width: 992px;
margin: 30px 0;
clear: both;
}
.item-link-box .Header {
margin-bottom: 15px;
}
.item-content-button {
width: 300px;
min-height: 100px;
border: 0;
margin-right: 20px;
margin-bottom: 15px24px;
padding: 10px;
border-top: 4px solid #84bf41;
}
.wiki-content .item-content-button a {
color: #fff;
}
</style>
<div class="Abstand"></div>
<div>
<div class="AbstandProdukte">
<div class="Abstand"></div>
<div>
<div class="AbstandProdukte">
<!-- -->
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">Teda</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Tessera d'assicurato <br />(Teda)</a>
</div>
</div>
<!-- -->
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">Teda<>RCC</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicVEKAPublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKAZsr.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Tessera d'assicurato (TedaPublicZSR">Registro dei codici creditori <br />(RCC)</a>
</div>
</div>
<!-- -->
<div style="float: left; width: 300px; margin-right: 20px0px;">
<div class="Header">RCC<>RCCo</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicZSRPublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_ZsrZvr.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicZSRPublicZVR">Registro deicentrale codici creditori </br>(RCCdelle<br>convenzioni (RCCo)</a>
</div>
</div>
</div>
</div>
<div styleclass="float: left; width: 300px; margin-right: 0px;">item-link-box">
<div class="Header">RCCo<>Istruzioni</div>
<div<a classhref="HeaderLine/x/t4IFCg">
</div>
<button type="button" class="item-content item-content-button">
<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />Istruzioni per la registrazione<br>e l'utilizzazione del Login SASIS
</button>
</a>
<div<a classhref="item-content/x/NoBcCw">
<a<button classtype="userTypeLinkProduktebutton" hrefclass="/display/PublicZVR">Registro centrale delle convenzioni (RCCo)</a>
item-content item-content-button">
</div>
Inizializzazione della procedura <br>online per il numero RCC e C
</div>button>
</div>
</div>
<div class="item-link-box">a>
<div class="Header">Istruzioni</div> <a href="/x/DgBmFg">
<button type="button" class="item-content item-content-button">
<a href="/x/t4IFCg">IstruzioniIstruzioni per la registrazione e l'utilizzazione del Login SASIS</a>registrazione<br>Microsoft Teams
</button>
<a href="/x/BwQ6DQ">
<button type="button" class="item-content item-content-button">
<a href="/x/NoBcCw">Inizializzazione della procedura online per il numero RCC</a> IAM procedura di assegnazione dei ruoli per power user e applicazione<br>
</button>
</a>
</div>
</div>
|