<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@7d96e173daa84f60b5ce827a943cbdeb" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9064a9e7a9e94023be688dc6b4ffc9cd">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9064a9e7a9e94023be688dc6b4ffc9cd" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span>Euro je zajednička valuta više od 340 milijuna ljudi koji se svakodnevno služe euronovčanicama i eurokovanicama eura i snažan je simbol europskog jedinstva. Euronovčanice izdaju nacionalne središnje banke europodručja prema odobrenju Europske središnje banke i zakonsko su sredstvo plaćanja u svim državama europske monetarne unije.</span> </p>
<p class="MsoNormal"><span lang="HR">U optjecaju su dvije serije euronovčanica. Prva se serija sastoji od sedam apoena (5, 10, 20, 50, 100, 200 i 500 eura), a druga, koja se još naziva serija Europa, ima iste apoene osim apoena od 500 eura. Taj se apoen više ne tiska, no i dalje se može upotrebljavati kao sredstvo plaćanja.</span></p>
<p><b><span lang="HR">Obje su serije u optjecaju i može se plaćati svim apoenima.</span></b><b><span lang="HR"><o:p></o:p></span></b></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@72e6d048437f430fb6923e647b921819">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@72e6d048437f430fb6923e647b921819" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
@charset "UTF-8";
body::before {
display: none;
}
@media only screen and (min-width: 1300px) {
body::before {
content: "desktop";
}
}
@media only screen and (min-width: 2560px) {
body::before {
content: "wide-monitor";
}
}
@media only screen and (max-width: 1300px) {
body::before {
content: "tablet-landscape";
}
}
@media only screen and (max-width: 1023px) {
body::before {
content: "tablet-portrait";
}
}
@media only screen and (max-width: 767px) {
body::before {
content: "smartphone-landscape";
}
}
@media only screen and (max-width: 1023px) and (max-height: 500px) {
body::before {
content: "smartphone-landscape";
}
}
@media only screen and (max-width: 558px) {
body::before {
content: "smartphone-portrait";
}
}
main .bn-denominations-container {
opacity: 1;
transition: opacity 0.4s;
}
.bn-denominations-container a::before {
content: none;
}
.bn-denominations-container .banknotes-slider a {
all: initial;
}
main .jumbo-box .bn-denominations-container {
margin-bottom: -130px;
}
main .jumbo-box .bn-denominations-container .banknotes-slider {
max-width: 300px !important;
}
main .jumbo-box .bn-denominations-container .banknote-view {
background: 0 0;
}
main .jumbo-box .bn-denominations-container .banknote-view .bn-flip-icon {
bottom: 110px;
}
.banknotes-slider {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
max-width: calc(100% - 70px);
margin: 0 auto;
opacity: 1;
transition: opacity 0.5s;
height: 100px;
}
@media only screen and (min-width: 1280px) {
.banknotes-slider {
max-width: 1180px;
}
}
.banknotes-slider .items {
height: 60px;
display: flex;
justify-content: center;
}
.banknotes-slider .items .item {
width: 98px;
height: 100%;
}
.banknotes-slider .items a {
padding-left: 0;
}
.banknotes-slider .items span {
display: block;
opacity: 0.7;
transition: opacity 0.7s;
}
.banknotes-slider .items span:hover,
.bn-denominations-container .banknotes-slider .items .flickity-viewport .item {
opacity: 1;
}
.banknotes-slider .items span.is_selected {
border: 3px solid #fff;
opacity: 1;
}
.banknotes-slider .items span.is_selected img {
padding: 7px;
}
.banknotes-slider .items img {
display: block;
padding: 10px;
cursor: pointer;
}
.bn-denominations-container .bn-tabs .banknotes-slider .items .item span.is_selected {
border-color: #003299;
}
.flickity-viewport {
height: 100% !important;
}
.items.flickity-enabled {
display: block;
width: 100%;
height: 100%;
padding: 0 10px;
margin: 0;
}
.flickity-slider {
margin: 0;
}
.flickity-prev-next-button {
border-radius: unset;
width: 40px;
height: 60px;
}
.flickity-prev-next-button.previous {
display: block;
left: -30px;
}
.flickity-prev-next-button.next {
display: block;
right: -30px;
}
.flickity-button-icon {
fill: #3c6baf;
}
.flickity-button,
.flickity-button:hover {
background: 0 0;
background: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent 100%);
}
.flickity-button:disabled {
background: 0 0;
}
@media only screen {
.banknote-view {
background: url(images/banknote-view/bg_01.jpg) #4076bf;
background-size: cover;
position: relative;
padding-top: 50px;
padding-bottom: 90px;
width: 100%;
height: 100%;
min-height: 402px;
margin: 0 auto;
}
.arrow-down-element {
position: absolute;
top: 0;
right: 50%;
border-top: 15px solid #f7f7f7;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
transform: translate(50%);
}
.corrections,
.display-view {
display: block;
position: relative;
}
}
@media only screen and (max-width: 767px) {
.display-view {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 1023px) and (max-height: 500px) {
.display-view {
padding-bottom: 50px;
}
}
@media only screen {
#bn-display-es1,
#bn-display-es2 {
text-align: center;
animation: fadein 1.5s;
background-color: transparent;
position: relative;
height: 100%;
}
.spinny-image {
width: 100%;
max-width: 900px;
height: auto;
padding: 25px 0;
margin: auto;
position: relative;
z-index: 50;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
animation: fadein 2s;
cursor: move;
}
.spinny-image > canvas {
margin: -15% 0 -13%;
}
@keyframes fadein {
0%,
25% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.spinny-loader {
width: unset;
position: absolute;
z-index: 1;
top: calc(50% - 75px);
left: calc(50% - 47px);
opacity: 0.5;
}
.spinny-nojs.spinny-image {
cursor: initial;
}
#spin-flip-1:checked + .spinny-nojs.spinny-image .spinny-back {
display: block;
}
.spinny-image * {
pointer-events: none;
border: none;
}
#bn-display-es1 a,
#bn-display-es2 a {
display: inline-block;
}
.bn-flip-icon {
position: absolute;
bottom: 70px;
left: calc(50% - 30px);
opacity: 0.4;
text-align: center;
}
}
@media only screen and (min-width: 1921px) {
#bn-display-es1,
#bn-display-es2 {
max-height: 100%;
}
}
@media only screen and (max-width: 1283px) {
.banknote-view {
min-height: 200px;
}
}
@media only screen and (max-width: 767px) {
.banknote-view::after,
.banknote-view::before {
content: "";
position: absolute;
width: 5%;
height: 100%;
z-index: 100;
}
.banknote-view::before {
top: 0;
left: 0;
}
.banknote-view::after {
top: 0;
right: 0;
}
.bn-flip-icon img {
width: 75%;
}
}
.bn-centered-tabs > a {
left: 0;
min-width: 200px;
vertical-align: bottom;
margin: 0;
text-decoration: none;
color: #333;
border-left: 1px solid #eee;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
background: #eee;
display: inline-block;
padding: 7px 10px;
box-shadow: inset 0 -5px 10px -5px #eee;
}
.bn-centered-tabs > a:hover {
background: #f7f7f7;
cursor: pointer;
}
.bn-centered-tabs > a.is-active {
margin: -3px 0 -1px;
padding: 10px;
color: #003299;
background: #fbfbfb;
box-shadow: none;
}
.bn-centered-tabs.bn-nested-tabs {
margin-top: -46px;
position: relative;
border-bottom: 0;
}
.bn-centered-tabs.bn-nested-tabs > a.is-active {
margin: -3px 0 -2px;
background: #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.bn-centered-tabs.bn-nested-tabs > a {
min-width: 46%;
min-width: calc(50% - 4px);
position: relative;
}
.bn-nested-tabs > a:after {
content: " ";
background-color: #fff;
height: 2px;
width: calc(100% + 2px);
position: absolute;
top: 100%;
left: -1px;
}
.bn-tabs-content {
background: linear-gradient(to bottom, #fbfbfb 100px, transparent 100px);
}
.bn-tabs-content .bn-tabs-content {
background: #fff;
}
.bn-tabs-content > div {
display: none;
}
.bn-tabs-content.bn-nested-tabs-content > div,
.bn-tabs-content > div.is-active {
display: block;
}
@media (min-width: 768px) and (min-height: 501px) {
.bn-tabs-content.bn-nested-tabs-content > div.is-active {
min-height: 300px;
}
}
@media (min-width: 1024px) {
.bn-tabs-content.bn-nested-tabs-content > div.is-active {
min-height: 300px;
}
}
.bn-tabs-content.bn-nested-tabs-content > div.bn-tab-content > div:last-child {
display: none;
}
.bn-tabs-content.bn-nested-tabs-content > div.is-active > div:last-child {
display: block;
}
.bn-accordion,
.bn-mobile .bn-centered-tabs.bn-nested-tabs,
.bn-tabs-content.bn-nested-tabs-content > div.is-active.hideAccordionContent > div:last-child {
display: none;
}
.bn-centered-tabs {
border-bottom: 1px solid #eee;
text-align: center;
}
@media only screen and (max-width: 568px) {
.bn-centered-tabs > a {
min-width: 120px;
}
}
.bn-mobile .bn-accordion {
display: block;
}
.bn-mobile .bn-nested-tabs-content {
background: #3c6baf;
padding: 0 20px 15px;
}
.bn-tab-content {
margin-bottom: 4px;
}
.bn-accordion {
padding: 11px;
background-color: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.6);
text-align: center;
margin: 0 0 4px;
position: relative;
cursor: pointer;
transition: background-color ease 0.2s;
}
.bn-mobile .bn-tab-content:first-child {
margin-top: -43px;
}
.bn-accordion:hover {
background-color: #f7f7f7;
color: rgba(25, 25, 25, 0.5);
}
.bn-tab-content.is-active .bn-accordion {
background-color: #eee;
margin-bottom: 0;
position: relative;
color: #003299;
}
.bn-tab-content.is-active .bn-accordion::before {
content: "-";
position: absolute;
width: 0;
height: 0;
left: 24px;
top: 10px;
transform: translate(0, 50%);
border: 0 solid transparent;
font-size: 30px;
}
.bn-tab-content.is-active.hideAccordionContent .bn-accordion {
background-color: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.6);
}
.bn-tab-content:not(.is-active) .bn-accordion::before {
content: "+";
position: absolute;
width: 0;
height: 0;
left: 20px;
top: 12px;
transform: translate(0, 50%);
border: 0 solid transparent;
font-size: 30px;
}
.bn-tab-content.is-active.hideAccordionContent .bn-accordion:hover {
background-color: #f7f7f7;
color: rgba(25, 25, 25, 0.5);
}
.bn-accordion-icon {
display: block;
position: absolute;
}
.bn-accordion-icon i {
font-size: small;
}
.bn-tabs-content > .is-active > .bn-tabs {
max-width: 1280px;
margin: 0 auto;
}
table.ecb-banknoteTable {
margin: -1px 0 0;
width: 100%;
}
table.ecb-banknoteTable td {
width: 50%;
}
.specName {
font-weight: 700;
}
.banknoteDetails {
display: flex;
overflow: hidden;
margin-top: 0;
}
.bn-section-description {
margin: 0;
}
.bn-section-description table td,
.bn-section-description table th {
background-color: rgba(0, 0, 0, 0.02);
border-top: 1px solid #fff;
padding: 10px;
}
.bn-section-description table td:not(:last-child),
.bn-section-description table th:not(:last-child) {
border-right: 1px solid #fff;
}
.videoContent {
margin-left: -35px;
margin-right: -35px;
}
.banknoteDetails .bn-section-description p,
.banknoteDetails .ecb-box p,
.banknoteDetails .ecb-column p,
.video-box .videoFeature p {
color: #191919;
}
@media only screen and (max-width: 767px) {
.videoContent {
margin-left: -15px;
margin-right: -15px;
}
}
.detailsContainer {
padding: 50px;
background: #fff;
width: 100%;
display: block;
}
.detailsContainer h2 {
border-bottom: 2px solid rgba(5, 54, 155, 0.1);
margin: 50px 0 25px;
padding-bottom: 10px;
font-size: 28px;
}
.bn-section-description {
padding: 0;
}
.bn-section-description .ecb-column {
width: 100%;
margin: 0;
}
@media only screen and (min-width: 1024px) {
.bn-section-description > div {
display: flex;
}
.bn-section-description .ecb-column {
width: 50%;
}
.bn-section-description .ecb-column:nth-of-type(even) {
margin-left: 0;
padding-left: 50px;
}
}
@media only screen and (max-width: 1023px) {
.detailsContainer h2 {
margin: 50px 0 25px;
}
.bn-section-description {
padding: 0;
}
.specificationsContent {
margin: 30px 0 0;
}
}
@media only screen and (max-width: 767px) {
.detailsContainer {
padding: 15px;
}
}
.europaFeature,
.firstFeature {
position: relative;
max-width: 1280px;
min-height: 400px;
}
.europaFeature:nth-child(odd),
.firstFeature:nth-child(odd) {
margin-left: auto;
}
.europaFeature:nth-child(even),
.firstFeature:nth-child(even) {
margin-right: auto;
}
.featureDescription {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 11;
}
.featureDescription h3 {
position: relative;
padding-bottom: 25px;
margin-bottom: 25px;
}
.featureDescription h3::after {
display: block;
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 5px;
width: 70px;
border-bottom: 2px solid #003299;
}
.featureDescription p {
color: #5d5d5d;
}
.featureDescription.leftPosition {
padding-right: 50%;
padding-left: 0;
}
.featureDescription.rightPosition {
padding-left: 50%;
}
.featureShowcase {
width: inherit;
position: absolute;
z-index: 1;
}
.featureShowcase.rightPosition {
left: 45%;
padding-left: 20%;
}
.featureShowcase.leftPosition {
left: -25%;
left: auto;
right: 45%;
padding-right: 20%;
}
.banknoteBR,
.banknoteFR {
border-bottom: 2px solid #cbcbcb;
border-left: 2px solid #cbcbcb;
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
}
.banknoteBR.banknoteSizeXS,
.banknoteFR.banknoteSizeXS {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1, 1, 1);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1, 1, 1);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1, 1, 1);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1, 1, 1);
transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1, 1, 1);
}
.banknoteBR.banknoteSizeS,
.banknoteFR.banknoteSizeS {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
}
.banknoteBR.banknoteSizeM,
.banknoteFR.banknoteSizeM {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
}
.banknoteBR.banknoteSizeL,
.banknoteFR.banknoteSizeL {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
}
.banknoteFR_inverted {
border-top: 2px solid #cbcbcb;
border-right: 2px solid #cbcbcb;
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
}
.banknoteFR_inverted.banknoteSizeXS {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1, 1, 1);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1, 1, 1);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1, 1, 1);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1, 1, 1);
transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1, 1, 1);
}
.banknoteFR_inverted.banknoteSizeS {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
}
.banknoteFR_inverted.banknoteSizeM {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
}
.banknoteFR_inverted.banknoteSizeL {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
}
.banknoteBL,
.banknoteFL {
border-right: 2px solid #cbcbcb;
border-bottom: 2px solid #cbcbcb;
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.1, 1.1, 1.1);
}
.banknoteBL.banknoteSizeXS,
.banknoteFL.banknoteSizeXS {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1, 1, 1);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1, 1, 1);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1, 1, 1);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1, 1, 1);
transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1, 1, 1);
}
.banknoteBL.banknoteSizeS,
.banknoteFL.banknoteSizeS {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.025, 1.025, 1.025);
}
.banknoteBL.banknoteSizeM,
.banknoteFL.banknoteSizeM {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.05, 1.05, 1.05);
}
.banknoteBL.banknoteSizeL,
.banknoteFL.banknoteSizeL {
-webkit-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-moz-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-ms-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
-o-transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.075, 1.075, 1.075);
}
.banknoteBL img,
.banknoteBR img,
.banknoteFL img,
.banknoteFR img,
.banknoteFR_inverted img {
display: block;
margin-bottom: 0;
}
.banknoteFade {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.4);
}
.featureHighlight {
background: #d3d3d3;
position: absolute;
}
.animLeft,
.animLeftTilt,
.animRight,
.animRightTilt,
.animRightTilt_inverted,
.banknoteFade,
.tiltShadow,
.tiltShadow_inverted {
opacity: 0;
}
.featureBottomBorder,
.featureLeftBorder,
.featureRightBorder,
.featureTopBorder {
position: absolute;
background: #003299;
}
.featureTopBorder {
top: 0;
left: 0;
width: 100%;
height: 2px;
}
.featureRightBorder {
top: 0;
left: calc(100% - 2px);
width: 2px;
height: 100%;
}
.featureBottomBorder {
top: calc(100% - 1px);
left: 0;
width: 100%;
height: 2px;
}
.featureLeftBorder {
top: 0;
left: 0;
width: 2px;
height: 100%;
}
.backgroundGrid {
position: relative;
margin-left: -50px;
margin-right: -50px;
}
.backgroundGrid img {
display: block;
}
.featureShowcase.rightPosition + .backgroundGrid > img {
margin-left: auto;
}
.gridShadow {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.backgroundGrid,
.featureShowcase {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
}
@media only screen and (max-width: 1023px) {
.featureDescription {
position: relative;
transform: translate(0, 0);
}
.featureDescription.leftPosition,
.featureDescription.rightPosition,
.featureShowcase.leftPosition,
.featureShowcase.rightPosition {
padding-right: 0;
padding-left: 0;
margin-bottom: 60px;
}
.backgroundGrid {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 558px) {
.banknoteBR,
.banknoteBR.banknoteSizeL,
.banknoteBR.banknoteSizeM,
.banknoteBR.banknoteSizeS,
.banknoteBR.banknoteSizeXS,
.banknoteFR,
.banknoteFR.banknoteSizeL,
.banknoteFR.banknoteSizeM,
.banknoteFR.banknoteSizeS,
.banknoteFR.banknoteSizeXS,
.banknoteFR.paper {
transform: rotateX(60deg) rotateY(0) rotateZ(-45deg) translate(0, 0) scale3d(1.5, 1.5, 1.5);
}
.banknoteFR_inverted,
.banknoteFR_inverted.banknoteSizeL,
.banknoteFR_inverted.banknoteSizeM,
.banknoteFR_inverted.banknoteSizeS,
.banknoteFR_inverted.banknoteSizeXS {
transform: rotateX(60deg) rotateY(0) rotateZ(135deg) translate(0, 0) scale3d(1.5, 1.5, 1.5);
}
.banknoteBL,
.banknoteBL.banknoteSizeL,
.banknoteBL.banknoteSizeM,
.banknoteBL.banknoteSizeS,
.banknoteBL.banknoteSizeXS,
.banknoteFL,
.banknoteFL.banknoteSizeL,
.banknoteFL.banknoteSizeM,
.banknoteFL.banknoteSizeS,
.banknoteFL.banknoteSizeXS {
transform: rotateX(60deg) rotateY(0) rotateZ(45deg) translate(0, 0) scale3d(1.5, 1.5, 1.5);
}
.featureDescription.leftPosition,
.featureDescription.rightPosition {
margin-bottom: 100px;
}
.backgroundGrid {
margin-bottom: 75px;
transform: scale(1.5);
}
.featureTopBorder {
height: 1px;
}
.featureRightBorder {
top: 0;
left: 100%;
width: 1px;
}
.featureBottomBorder {
top: calc(100% - 1px);
left: 0;
height: 1px;
}
.featureLeftBorder {
width: 1px;
}
}
.europaFeature.anim .banknoteFade,
.firstFeature.anim .banknoteFade {
-webkit-animation: banknoteFade 1s ease-in-out forwards;
-moz-animation: banknoteFade 1s ease-in-out forwards;
animation: banknoteFade 1s ease-in-out forwards;
}
.europaFeature.anim .tiltShadow,
.firstFeature.anim .tiltShadow {
-webkit-animation: tiltShadow 6s linear 3s infinite;
-moz-animation: tiltShadow 6s linear 3s infinite;
animation: tiltShadow 6s linear 3s infinite;
}
.europaFeature.anim .tiltShadow_inverted,
.firstFeature.anim .tiltShadow_inverted {
-webkit-animation: tiltShadow_inverted 6s linear 3s infinite;
-moz-animation: tiltShadow_inverted 6s linear 3s infinite;
animation: tiltShadow_inverted 6s linear 3s infinite;
}
.europaFeature.anim .animLeft,
.firstFeature.anim .animLeft {
-webkit-animation: fadeInPopUpLeft 3s ease-in-out 0s forwards, banknoteLevitationLeft 4s ease-in-out 3s infinite;
-moz-animation: fadeInPopUpLeft 3s ease-in-out 0s forwards, banknoteLevitationLeft 4s ease-in-out 3s infinite;
animation: fadeInPopUpLeft 3s ease-in-out 0s forwards, banknoteLevitationLeft 4s ease-in-out 3s infinite;
}
.europaFeature.anim .animLeftTilt,
.firstFeature.anim .animLeftTilt {
-webkit-animation: fadeInPopUpLeft_toTilt 3s ease-in-out 0s forwards, tiltLeft 6s linear 3s infinite;
-moz-animation: fadeInPopUpLeft_toTilt 3s ease-in-out 0s forwards, tiltLeft 6s linear 3s infinite;
animation: fadeInPopUpLeft_toTilt 3s ease-in-out 0s forwards, tiltLeft 6s linear 3s infinite;
}
.europaFeature.anim .animRight,
.firstFeature.anim .animRight {
-webkit-animation: fadeInPopUpRight 3s ease-in-out 0s forwards, banknoteLevitationRight 4s ease-in-out 3s infinite;
-moz-animation: fadeInPopUpRight 3s ease-in-out 0s forwards, banknoteLevitationRight 4s ease-in-out 3s infinite;
animation: fadeInPopUpRight 3s ease-in-out 0s forwards, banknoteLevitationRight 4s ease-in-out 3s infinite;
}
.europaFeature.anim .animRightTilt,
.firstFeature.anim .animRightTilt {
-webkit-animation: fadeInPopUpRight_toTilt 3s ease-in-out 0s forwards, tiltRight 6s linear 3s infinite;
-moz-animation: fadeInPopUpRight_toTilt 3s ease-in-out 0s forwards, tiltRight 6s linear 3s infinite;
animation: fadeInPopUpRight_toTilt 3s ease-in-out 0s forwards, tiltRight 6s linear 3s infinite;
}
.europaFeature.anim .animRightTilt_inverted,
.firstFeature.anim .animRightTilt_inverted {
-webkit-animation: fadeInPopUpRight_toTilt_inverted 3s ease-in-out 0s forwards,
tiltRightInversed 6s linear 3s infinite;
-moz-animation: fadeInPopUpRight_toTilt_inverted 3s ease-in-out 0s forwards, tiltRightInversed 6s linear 3s infinite;
animation: fadeInPopUpRight_toTilt_inverted 3s ease-in-out 0s forwards, tiltRightInversed 6s linear 3s infinite;
}
@keyframes banknoteFade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInPopUpLeft {
0% {
opacity: 0;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
opacity: 1;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 1;
box-shadow: 50px 50px 10px rgba(0, 0, 0, 0.2), 50px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(-50px, -50px);
-moz-transform: translate(-50px, -50px);
-ms-transform: translate(-50px, -50px);
-o-transform: translate(-50px, -50px);
transform: translate(-50px, -50px);
}
}
@keyframes fadeInPopUpRight {
0% {
opacity: 0;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
25% {
opacity: 1;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 1;
box-shadow: -50px 50px 10px rgba(0, 0, 0, 0.2), -50px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(50px, -50px);
-moz-transform: translate(50px, -50px);
-ms-transform: translate(50px, -50px);
-o-transform: translate(50px, -50px);
transform: translate(50px, -50px);
}
}
@keyframes fadeInPopUpLeft_toTilt {
0% {
opacity: 0;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
-ms-transform: translate(0, 50px);
-o-transform: translate(0, 50px);
transform: translate(0, 50px);
}
25% {
opacity: 1;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
-ms-transform: translate(0, 50px);
-o-transform: translate(0, 50px);
transform: translate(0, 50px);
}
100% {
opacity: 1;
box-shadow: 50px 50px 10px rgba(0, 0, 0, 0.2), 50px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(-50px, 0);
-moz-transform: translate(-50px, 0);
-ms-transform: translate(-50px, 0);
-o-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
}
@keyframes fadeInPopUpRight_toTilt {
0% {
opacity: 0;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
-ms-transform: translate(0, 50px);
-o-transform: translate(0, 50px);
transform: translate(0, 50px);
}
25% {
opacity: 1;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
-ms-transform: translate(0, 50px);
-o-transform: translate(0, 50px);
transform: translate(0, 50px);
}
100% {
opacity: 1;
box-shadow: -50px 50px 10px rgba(0, 0, 0, 0.2), -50px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(50px, 0);
-moz-transform: translate(50px, 0);
-ms-transform: translate(50px, 0);
-o-transform: translate(50px, 0);
transform: translate(50px, 0);
}
}
@keyframes fadeInPopUpRight_toTilt_inverted {
0% {
opacity: 0;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, -50px);
-moz-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
-o-transform: translate(0, -50px);
transform: translate(0, -50px);
}
25% {
opacity: 1;
box-shadow: -1px 2px 2px -2px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(0, -50px);
-moz-transform: translate(0, -50px);
-ms-transform: translate(0, -50px);
-o-transform: translate(0, -50px);
transform: translate(0, -50px);
}
100% {
opacity: 1;
box-shadow: 50px -50px 10px rgba(0, 0, 0, 0.2), 50px -50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
}
@keyframes banknoteLevitationLeft {
0%,
100% {
opacity: 1;
box-shadow: 50px 50px 10px rgba(0, 0, 0, 0.2), 50px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(-50px, -50px);
-moz-transform: translate(-50px, -50px);
-ms-transform: translate(-50px, -50px);
-o-transform: translate(-50px, -50px);
transform: translate(-50px, -50px);
}
50% {
opacity: 1;
box-shadow: 45px 45px 10px rgba(0, 0, 0, 0.2), 45px 45px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(-45px, -45px);
-moz-transform: translate(-45px, -45px);
-ms-transform: translate(-45px, -45px);
-o-transform: translate(-45px, -45px);
transform: translate(-45px, -45px);
}
}
@keyframes banknoteLevitationRight {
0%,
100% {
opacity: 1;
box-shadow: -50px 50px 10px rgba(0, 0, 0, 0.2), -50px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(50px, -50px);
-moz-transform: translate(50px, -50px);
-ms-transform: translate(50px, -50px);
-o-transform: translate(50px, -50px);
transform: translate(50px, -50px);
}
50% {
opacity: 1;
box-shadow: -45px 45px 10px rgba(0, 0, 0, 0.2), -45px 45px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(45px, -45px);
-moz-transform: translate(45px, -45px);
-ms-transform: translate(45px, -45px);
-o-transform: translate(45px, -45px);
transform: translate(45px, -45px);
}
}
@keyframes tiltLeft {
0%,
100% {
opacity: 1;
box-shadow: 50px 50px 10px transparent, 50px 50px 0 transparent;
-webkit-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
25% {
box-shadow: 50px 50px 10px transparent, 50px 50px 0 transparent;
-webkit-transform: scaleY(1.25) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1.25) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1.25) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1.25) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1.25) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
75% {
opacity: 1;
box-shadow: 50px 50px 10px transparent, 50px 50px 0 transparent;
-webkit-transform: scaleY(0.75) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(0.75) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(0.75) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(0.75) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(0.75) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
}
@keyframes tiltRight {
0%,
100% {
opacity: 1;
box-shadow: 50px -50px 10px transparent, 50px -50px 0 transparent;
-webkit-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(50px, 0);
}
25% {
box-shadow: 50px -50px 10px transparent, 50px -50px 0 transparent;
-webkit-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(50px, 0);
}
75% {
opacity: 1;
box-shadow: 50px -50px 10px transparent, 50px -50px 0 transparent;
-webkit-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(50px, 0);
}
}
@keyframes tiltRightInversed {
0%,
100% {
opacity: 1;
box-shadow: 50px -50px 10px transparent, 50px -50px 0 transparent;
-webkit-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1) skewX(0) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
25% {
box-shadow: 50px -50px 10px transparent, 50px -50px 0 transparent;
-webkit-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(1.25) skewX(-15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
75% {
opacity: 1;
box-shadow: 50px -50px 10px transparent, 50px -50px 0 transparent;
-webkit-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-moz-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-ms-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
-o-transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
transform: scaleY(0.75) skewX(15deg) rotateY(0) rotateX(0) rotateZ(0) translate(-50px, 0);
}
}
@keyframes tiltShadow {
0%,
100% {
opacity: 1;
box-shadow: 500px 50px 10px rgba(0, 0, 0, 0.2), 500px 50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: translate(-500px, 0);
-moz-transform: translate(-500px, 0);
-ms-transform: translate(-500px, 0);
-o-transform: translate(-500px, 0);
transform: translate(-500px, 0);
}
}
@keyframes tiltShadow_inverted {
0%,
100% {
opacity: 1;
box-shadow: 500px -50px 10px rgba(0, 0, 0, 0.2), 500px -50px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: scaleY(1) translate(-500px, 0);
-moz-transform: scaleY(1) translate(-500px, 0);
-ms-transform: scaleY(1) translate(-500px, 0);
-o-transform: scaleY(1) translate(-500px, 0);
transform: scaleY(1) translate(-500px, 0);
}
}
.tabFeatureLink {
margin-left: -50px;
margin-right: -50px;
margin-bottom: -2rem;
background-color: #f8f8f8;
padding: 10px 50px;
text-align: center;
position: relative;
border-bottom: 3px solid #4076bf;
border-top: 1px solid #eee;
}
.tabFeatureLink:before {
content: "";
position: absolute;
top: -7px;
left: calc(50% - 7px);
width: 14px;
height: 14px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
background-color: #fff;
transform: rotate(45deg);
}
.tabFeatureLink a {
margin: 0 auto;
padding: 0;
}
.tabFeatureLink a:before {
margin-right: 5px;
position: relative;
}
@media only screen and (max-width: 1023px) {
.tabFeatureLink {
border-bottom: unset;
}
}
@media only screen and (max-width: 767px) {
.tabFeatureLink {
margin-bottom: -15px;
}
}
.responsiveVideoContainer {
padding-top: 0;
}
.video-box .videoFeature p {
color: #949494;
}
.video-box {
display: block;
padding: calc(2em + 5px);
background-color: #fff;
}
.videoFeature {
padding: calc(2em + 5px);
border: 2px solid #eee;
position: relative;
}
.ecb-mediaYTVideo {
margin-bottom: 0;
border-bottom: 5px solid #4076bf;
}
.video-bottom-element {
border-top: 10px solid #4076bf;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
position: absolute;
left: calc(50% - 10px);
}
@media only screen and (max-width: 767px) {
.video-box,
.videoFeature {
padding: calc(1em + 5px);
}
}
</style>
<div class="bn-denominations-container">
<div class="bn-tabs">
<div class="bn-centered-tabs">
<a id="series2" class="is-active">Serija Europa</a>
<a id="series1">Prva serija</a>
</div>
<div class="bn-tabs-content">
<div class="is-active">
<div class="banknotes-slider">
<div class="items europa-series">
<div class="item">
<a id="es2-005" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/5euro_fr_ES2_thumb.png"></span></a>
</div>
<div class="item">
<a id="es2-010" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/10euro_fr_ES2_thumb.png"></span></a>
</div>
<div class="item">
<a id="es2-020" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/20euro_fr_ES2_thumb.png"></span></a>
</div>
<div class="item">
<a id="es2-050" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/50euro_fr_ES2_thumb.png"></span></a>
</div>
<div class="item">
<a id="es2-100" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/100euro_fr_ES2_thumb.png"></span></a>
</div>
<div class="item">
<a id="es2-200" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/200euro_fr_ES2_thumb.png"></span></a>
</div>
</div>
</div>
<div class="banknote-view">
<div class="arrow-down-element"></div>
<div class="display-view">
<div id="bn-display-es2">
<div class="spinny-image spinny-nojs"></div>
</div>
</div>
<img class="spinny-loader" src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/3d-assets/LoadingSeq_bg.gif">
<div class="bn-flip-icon">
<img src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/3d-assets/360-icon.png">
</div>
</div>
</div>
<div>
<div class="banknotes-slider">
<div class="items first-series">
<div class="item">
<a id="es1-005" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/5euro_fr_ES1_thumb.png"></span></a>
</div>
<div class="item">
<a id="es1-010" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/10euro_fr_ES1_thumb.png"></span></a>
</div>
<div class="item">
<a id="es1-020" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/20euro_fr_ES1_thumb.png"></span></a>
</div>
<div class="item">
<a id="es1-050" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/50euro_fr_ES1_thumb.png"></span></a>
</div>
<div class="item">
<a id="es1-100" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/100euro_fr_ES1_thumb.png"></span></a>
</div>
<div class="item">
<a id="es1-200" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/200euro_fr_ES1_thumb.png"></span></a>
</div>
<div class="item">
<a id="es1-500" class="no-icon"><span><img
src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/carousel-thumbs/500euro_fr_ES1_thumb.png"></span></a>
</div>
</div>
</div>
<div class="banknote-view">
<div class="arrow-down-element"></div>
<div class="display-view">
<div id="bn-display-es1">
<div class="spinny-image spinny-nojs"></div>
</div>
</div>
<img class="spinny-loader" src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/3d-assets/LoadingSeq_bg.gif">
<div class="bn-flip-icon">
<img src="https://euro-edukacija.hnb.hr/static/edx.org/images/banknotes/3d-assets/360-icon.png">
</div>
</div>
</div>
</div>
</div>
</div>
<script id="vertexShader" type="x-shader/x-vertex">
varying vec3 n;
varying vec3 v;
varying vec2 texCoord;
varying vec2 vUv;
uniform float uDisp;
void main() {
vUv = uv;
// Get the angles from the hypotenuse
float h = position.x * position.x + position.y;
float ds = sin(uDisp * h);
float dc = cos(uDisp * h);
// Apply the displacement
vec3 newPos = position * mat3( dc, 0, ds,
0, 1, 0,
-ds, 0, dc);
gl_Position = projectionMatrix * modelViewMatrix * vec4(newPos, 1.0);
n = normalMatrix * normal;
vec3 p = (modelMatrix * vec4(position, 1)).xyz;
v = normalize(p - cameraPosition);
texCoord = uv;
}
</script>
<script src="https://euro-edukacija.hnb.hr/static/edx.org/js/three.min.js"></script>
<script src="https://euro-edukacija.hnb.hr/static/edx.org/js/spinnyer-holo.js"></script>
<script src="https://euro-edukacija.hnb.hr/static/edx.org/js/javascript.local.js"></script>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@54ee527674cf498eacf5c9b14c0aed76">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@54ee527674cf498eacf5c9b14c0aed76" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: center; font-size: 12px;">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@5cc6ea42c4564371a3c6a1821323da8f" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@a8c683a6ef0140c789934c0f90677d6a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@a8c683a6ef0140c789934c0f90677d6a" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
.reset-this {
animation : none;
animation-delay : 0;
animation-direction : normal;
animation-duration : 0;
animation-fill-mode : none;
animation-iteration-count : 1;
animation-name : none;
animation-play-state : running;
animation-timing-function : ease;
backface-visibility : visible;
background : 0;
background-attachment : scroll;
background-clip : border-box;
background-color : transparent;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-size : auto auto;
border : 0;
border-style : none;
border-width : medium;
border-color : inherit;
border-bottom : 0;
border-bottom-color : inherit;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom-style : none;
border-bottom-width : medium;
border-collapse : separate;
border-image : none;
border-left : 0;
border-left-color : inherit;
border-left-style : none;
border-left-width : medium;
border-radius : 0;
border-right : 0;
border-right-color : inherit;
border-right-style : none;
border-right-width : medium;
border-spacing : 0;
border-top : 0;
border-top-color : inherit;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top-style : none;
border-top-width : medium;
bottom : auto;
box-shadow : none;
box-sizing : content-box;
caption-side : top;
clear : none;
clip : auto;
color : inherit;
columns : auto;
column-count : auto;
column-fill : balance;
column-gap : normal;
column-rule : medium none currentColor;
column-rule-color : currentColor;
column-rule-style : none;
column-rule-width : none;
column-span : 1;
column-width : auto;
content : normal;
counter-increment : none;
counter-reset : none;
cursor : auto;
direction : ltr;
display : inline;
empty-cells : show;
float : none;
font : normal;
font-family : inherit;
font-size : medium;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : auto;
hyphens : none;
left : auto;
letter-spacing : normal;
line-height : normal;
list-style : none;
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
max-height : none;
max-width : none;
min-height : 0;
min-width : 0;
opacity : 1;
orphans : 0;
outline : 0;
outline-color : invert;
outline-style : none;
outline-width : medium;
overflow : visible;
overflow-x : visible;
overflow-y : visible;
padding : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
page-break-after : auto;
page-break-before : auto;
page-break-inside : auto;
perspective : none;
perspective-origin : 50% 50%;
position : static;
/* May need to alter quotes for different locales (e.g fr) */
quotes : '\201C' '\201D' '\2018' '\2019';
right : auto;
tab-size : 8;
table-layout : auto;
text-align : inherit;
text-align-last : auto;
text-decoration : none;
text-decoration-color : inherit;
text-decoration-line : none;
text-decoration-style : solid;
text-indent : 0;
text-shadow : none;
text-transform : none;
top : auto;
transform : none;
transform-style : flat;
transition : none;
transition-delay : 0s;
transition-duration : 0s;
transition-property : none;
transition-timing-function : ease;
unicode-bidi : normal;
vertical-align : baseline;
visibility : visible;
white-space : normal;
widows : 0;
width : auto;
word-spacing : normal;
z-index : auto;
/* basic modern patch */
all: initial;
all: unset;
}
/* basic modern patch */
#reset-this-root {
all: initial;
* {
all: unset;
}
}
</style>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Open Sans", sans-serif;
}
.wrapper {
padding: 1rem;
}
.nav {
list-style: none !important;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1rem;
}
li.nav-item {
min-width: 100px;
max-width: 100px;
}
.nav-link {
padding: .5rem 1rem;
opacity: .75;
display: block;
font-size: 1.2rem;
line-height: 2rem;
font-weight: 600;
color: #FFF !important;
text-decoration: none;
text-align: center;
cursor: pointer;
}
.nav-link.active {
opacity: 1;
padding: .75rem 1rem;
}
.nav li {
margin-right: 0.2rem;
flex: 1;
}
.nav li:last-child {
margin-right: 0;
}
.main-content {
display: grid;
grid-template-columns: repeat(auto-fill, 400px);
justify-content: space-between;
}
aside {
grid-column: 2 / 3;
grid-row: 1 / -1;
border-left: 1px solid #A1BBBF;
padding: 0 1rem;
display: flex;
flex-direction: column;
align-items: center;
}
aside section {
display: flex;
flex-direction: column;
align-items: center;
}
aside p {
color: #6D8D9B;
font-size: 0.8rem;
line-height: 0.9rem;
text-align: center;
}
aside p:last-child {
color: #023F5A;
font-weight: 600;
font-size: 0.9rem;
line-height: 1rem;
text-align: center;
}
.flip_button {
margin-top: 1rem;
background: #023F5A;
border: none;
border-radius: 0;
display: block;
color: #FFF;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
text-align: center;
line-height: 1.625rem;
padding: 0 .5rem;
cursor: pointer;
}
h2 {
font-size: 1.1rem;
margin-top: .5rem;
line-height: 2rem;
color: #8E733C;
font-weight: normal;
}
.entry {
color: #6D8D9B;
font-size: 0.8rem;
line-height: 0.9rem;
margin-bottom: 1rem;
}
.entry span {
font-size: 0.85rem;
font-weight: 600;
}
.flip-container {
background: url(https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@p3-ruler.png) no-repeat left top;
background-size: 350px 210px;
perspective: 1000px;
}
.flip-container, .front, .back {
width: 380px;
height: 210px;
}
.flipper {
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
}
.flip-container:hover .flipper,
.flip-container.hover .flipper {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.front, .back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
padding-left: 1rem;
}
.front {
z-index: 2;
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.back {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip_icon {
width: 4rem;
}
.course-wrapper .course-content p, .course-wrapper .courseware-results-wrapper p {
margin-bottom: 0.41575em;
}
.xmodule_display.xmodule_HtmlBlock p+p, .xmodule_display.xmodule_HtmlBlock ul+p, .xmodule_display.xmodule_HtmlBlock ol+p {
margin-top: 0px;
}
</style>
<div class="reset-this-root wrapper">
<ul class="nav" id="tablist" role="tablist">
<li class="nav-item">
<a class="nav-link active show" id="pills-5-tab" data-toggle="pill" role="tab" aria-controls="pills-5" aria-selected="true" onclick="openTab(event)" style="background: #b6b6b5;">EUR 5</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-10-tab" data-toggle="pill" role="tab" aria-controls="pills-10" aria-selected="false" onclick="openTab(event)" style="background: #d96c7b;">EUR 10</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-20-tab" data-toggle="pill" role="tab" aria-controls="pills-20" aria-selected="false" onclick="openTab(event)" style="background: #509cb6;">EUR 20</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-50-tab" data-toggle="pill" role="tab" aria-controls="pills-50" aria-selected="false" onclick="openTab(event)" style="background: #ec7533;">EUR 50</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-100-tab" data-toggle="pill" role="tab" aria-controls="pills-100" aria-selected="false" onclick="openTab(event)" style="background: #81c552;">EUR 100</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-200-tab" data-toggle="pill" role="tab" aria-controls="pills-200" aria-selected="false" onclick="openTab(event)" style="background: #b68c60;">EUR 200</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-500-tab" data-toggle="pill" role="tab" aria-controls="pills-500" aria-selected="false" onclick="openTab(event)" style="background: #7b4266;">EUR 500</a>
</li>
</ul>
<div class="tab-content" id="tab-content">
<section class="tab-pane fade active show" id="pills-5" role="tabpanel" aria-labelledby="pills-5-tab">
<main class="main-content">
<section>
<h2>Prva serija</h2>
<figure id="flipimg1" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@5euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="240">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@5euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="240">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>120mm x 62mm</span></p>
<p class="entry">Osnovna boja: <span>siva</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>klasika</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<h2>Serija Europa</h2>
<figure id="flipimg1a" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_5_euro_Banknote_Specimen_Front_RGB_72dpi.jpg" alt width="240">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_5_euro_Banknote_Specimen_Back_RGB_72dpi.jpg" alt width="240">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>120mm x 62mm</span></p>
<p class="entry">Osnovna boja: <span>siva</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>klasika</span></p>
<p class="entry">Puštena u optjecaj: <span>2. svibnja 2012.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanice</button>
</section>
</main>
</section>
<section class="tab-pane fade active show" id="pills-10" role="tabpanel" aria-labelledby="pills-10-tab">
<main class="main-content">
<section>
<h2>Prva serija</h2>
<figure id="flipimg2" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@10euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="254">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@10euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="254">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>127mm x 67mm</span></p>
<p class="entry">Osnovna boja: <span>crvena</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>romanika</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<h2>Serija Europa</h2>
<figure id="flipimg2a" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_10euro_Banknote_front_Specimen_RGB_72dpi.jpg" alt width="254">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_10euro_Banknote_back_Specimen_RGB_72dpi.jpg" alt width="254">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>127mm x 67mm</span></p>
<p class="entry">Osnovna boja: <span>crvena</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>romanika</span></p>
<p class="entry">Puštena u optjecaj: <span>23. rujna 2014.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanice</button>
</section>
</main>
</section>
<section class="tab-pane fade active show" id="pills-20" role="tabpanel" aria-labelledby="pills-20-tab">
<main class="main-content">
<section>
<h2>Prva serija</h2>
<figure id="flipimg3" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@20euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="266">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@20euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="266">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>133mm x 72mm</span></p>
<p class="entry">Osnovna boja: <span>plava</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>gotika</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<h2>Serija Europa</h2>
<figure id="flipimg3a" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_20_euro_Banknote_Specimen_Front_RGB_72dpi.jpg" alt width="266">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_20_euro__euro_Banknote_Specimen_Back_RGB_72dpi.jpg" alt width="266">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>133mm x 72mm</span></p>
<p class="entry">Osnovna boja: <span>plava</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>gotika</span></p>
<p class="entry">Puštena u optjecaj: <span>25. studenoga 2015.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanice</button>
</section>
</main>
</section>
<section class="tab-pane fade active show" id="pills-50" role="tabpanel" aria-labelledby="pills-50-tab">
<main class="main-content">
<section>
<h2>Prva serija</h2>
<figure id="flipimg4" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@50euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="280">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@50euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="280">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>140mm x 77mm</span></p>
<p class="entry">Osnovna boja: <span>narančasta</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>renesansa</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<h2>Serija Europa</h2>
<figure id="flipimg4a" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_50_euro_Banknote_Specimen_Front_RGB_72dpi.jpg" alt width="280">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@ECB_50_euro__euro_Banknote_Specimen_Back_RGB_72dpi.jpg" alt width="280">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>140mm x 77mm</span></p>
<p class="entry">Osnovna boja: <span>narančasta</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>renesansa</span></p>
<p class="entry">Puštena u optjecaj: <span>4. travnja 2017.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanice</button>
</section>
</main>
</section>
<section class="tab-pane fade active show" id="pills-100" role="tabpanel" aria-labelledby="pills-100-tab">
<main class="main-content">
<section>
<h2>Prva serija</h2>
<figure id="flipimg5" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@100euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="294">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@100euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="294">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>147mm x 82mm</span></p>
<p class="entry">Osnovna boja: <span>zelena</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>barok i rokoko</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<h2>Serija Europa</h2>
<figure id="flipimg5a" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@C-1-01_04-ECB_100euro_Full_Banknote_front_Scan_from_ECB_specimen.jpg" alt width="294">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@C-1-01_06-ECB_100euro_Full_Banknote_back_Scan_from_ECB_specimen.jpg" alt width="294">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>147mm x 77mm</span></p>
<p class="entry">Osnovna boja: <span>zelena</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>barok i rokoko</span></p>
<p class="entry">Puštena u optjecaj: <span>28. svibnja 2019.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanice</button>
</section>
</main>
</section>
<section class="tab-pane fade active show" id="pills-200" role="tabpanel" aria-labelledby="pills-200-tab">
<main class="main-content">
<section>
<h2>Prva serija
</h2>
<figure id="flipimg6" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@200euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="306">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@200euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="306">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>153mm x 82mm</span></p>
<p class="entry">Osnovna boja: <span>žuto-smeđa</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>željezna i staklena arhitektura iz 19. stoljeća</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<h2>Serija Europa</h2>
<figure id="flipimg6a" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@C-2-01_05-ECB_200euro_Full_Banknote_front_Scan_from_ECB_Special_light_specimen.jpg" alt width="306">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@C-2-01_04-ECB_200euro_Full_Banknote_back_Scan_from_ECB_speciman.jpg" alt width="306">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>153mm x 77mm</span></p>
<p class="entry">Osnovna boja: <span>žuto-smeđa</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>željezna i staklena arhitektura iz 19. stoljeća</span></p>
<p class="entry">Puštena u optjecaj: <span>28. svibnja 2019.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanice</button>
</section>
</main>
</section>
<section class="tab-pane fade active show" id="pills-500" role="tabpanel" aria-labelledby="pills-500-tab">
<main class="main-content">
<section style="grid-column: 1 / -1;">
<h2>Prva serija</h2>
<figure id="flipimg7" class="flip-container">
<div class="flipper">
<div class="front">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@500euro_fr_ES1_Specimen_RGB_72dpi.jpg" alt width="320">
</div>
<div class="back">
<img class="inner_image" src="https://nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@500euro_re_ES1_Specimen_RGB_72dpi.jpg" alt width="320">
</div>
</div>
</figure>
<p class="entry">Veličina novčanice: <span>160mm x 82mm</span></p>
<p class="entry">Osnovna boja: <span>ljubičasta</span></p>
<p class="entry">Arhitekturalno razdoblje: <span>moderna arhitektura 20. stoljeća</span></p>
<p class="entry">Puštena u optjecaj: <span>1. siječnja 2002.</span></p>
</section>
<section>
<button class="flip_button" onclick="flipBanknote()">Zakreni novčanicu</button>
</section>
</main>
</section>
</div>
</div>
<script>
function openTab(e) {
// Declare all variables
let i, tabPane, navLink;
// Get all elements with class="tabcontent" and hide them
tabPane = document.getElementsByClassName("tab-pane");
for (i = 0; i < tabPane.length; i++) {
tabPane[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
navLink = document.getElementsByClassName("nav-link");
for (i = 0; i < navLink.length; i++) {
navLink[i].classList.remove("active");
navLink[i].setAttribute("aria-selected", "false");
}
// Show the current tab, and add an "active" class to the button that opened the tab
let targetElement = document.getElementById(e.currentTarget.getAttribute("aria-controls"));
targetElement.style.display = "block";
e.currentTarget.className += " active";
e.currentTarget.setAttribute("aria-selected", "true");
}
openTab({currentTarget: document.getElementById('pills-5-tab')});
function flipBanknote() {
let flipContainer = document.getElementsByClassName("flip-container");
for (let i = 0; i < flipContainer.length; i++) {
flipContainer[i].classList.toggle("hover");
}
}
</script>
<p style="font-size: 12px;">Izvor: ESB<p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@e76e614ef978405a8f7d2ddf1b21e17e" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@a9a0526ed51b45f6b27d4172bacfc625">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@a9a0526ed51b45f6b27d4172bacfc625" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span style="font-weight:bold;">Zajedničke značajke prve i druge serije (Europa) euronovčanica</span><p>
<p>Na licu i naličju novčanica, pokraj oznake nominalne vrijednosti prve i druge serije, nalazi se ispisan naziv valute (EURO) na različitim pismima.</p>
<p>Prva serija sadržava naziv valute napisan latiničnim (EURO) i grčkim pismom (EYPΩ).</p>
<p>Serija Europa sadržava naziv valute napisan latiničnim (EURO), grčkim (EYPΩ) i dodatno ćiriličnim pismom (EBPO).</p>
<p><img height="226" width="288" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_14.png" alt="Novcanice" /></p>
<p style="font-size: 12px;">Izvor: ESB<p>
<br /><br />
<p><span style="font-weight:bold;">Inicijali Europske središnje banke</span><p>
<p>Na licu novčanica nalaze se otisnuti inicijali naziva Europske središnje banke.<p>
<p>Prva serija sadržava inicijale naziva Europske središnje banke u pet jezičnih inačica: BCE, ECB, EZB, EKT, EKP – zemalja koje su bile dio Europske unije kada je uvedena jedinstvena valuta.<p>
<p>Novčanice apoena 5, 10 i 20 iz serije Europa sadržavaju inicijale naziva Europske središnje banke u devet jezičnih inačica: BCE, ECB, ЕЦБ, EZB, EKP, EKT, EKB, BĊE, EBC. Dodatni inicijali uvedeni su zbog novih članica Europske unije.<p>
<p>Novčanice apoena 50, 100 i 200 iz serije Europa sadržavaju inicijale naziva Europske središnje banke u deset jezičnih inačica: BCE, ECB, ЕЦБ, EZB, EKP, EKT, EKB, BĊE, EBC, ESB. Inačica ESB dodana je zbog ulaska Hrvatske u Europsku uniju.<p>
<p><img height="226" width="288" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_15.png" alt="Novcanice" /></p>
<p style="font-size: 12px;">Izvor: ESB<p>
<br />
<p><span style="font-weight:bold;">Potpisi predsjednika Europske središnje banke</span><p>
<p>Na licu novčanica nalaze se potpisi predsjednika/predsjednice Europske središnje banke.<p>
<p>Na licu novčanica prve serije potpis se nalazi ispod otisnutih inicijala naziva Europske središnje banke. Postoje tri različita potpisa.<p>
<p>Na licu novčanica serije Europa potpis se nalazi ispod zastave Europske unije. Zasad postoje dva različita potpisa.<p>
<p><span style="font-weight:bold;">Novčanice sa svim navedenim potpisima nalaze se u optjecaju.</span><p>
<p><span style="font-style:italic;">Kada zaprimate novčanicu, provjerite potpis koji se nalazi na novčanici. Potpis mora odgovarati jednom od navedenih potpisa predsjednika/predsjednice Europske središnje banke.</span><p>
<p><img height="226" width="288" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_16.png" alt="Novcanice" /></p>
<p style="font-size: 12px;">Izvor: ESB<p>
<br />
<p><img style="max-height: 500px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_potpisi.png" alt="Potpisi" /></p>
<p style="font-size: 12px;">Izvor: HNB<p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@afead1ad403d4960b2a5b7736c870512">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@afead1ad403d4960b2a5b7736c870512" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;"><strong>Serijski broj</strong></span></p>
<p><span lang="HR" style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;">Svaka euronovčanica na sebi ima otisnutu jedinstvenu kombinaciju slova i brojeva koja se ne ponavlja ni na jednoj drugoj euronovčanici istog apoena.</span></p>
<p><i><span lang="HR">Ako zaprimite više euronovčanica istog apoena, npr. 10 eura, uvijek provjerite razlikuju li se serijski brojevi na svakoj novčanici. Ne postoje dvije euronovčanice od 10 eura s istim serijskim brojem.</span></i></p>
<p></p>
<h3><span lang="HR">Prva serija</span></h3>
<p><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;">Na svakoj euronovčanici otisnuta su dva serijska broja. Gornji i donji serijski broj uvijek su isti, a sastoje se od jednog slova i jedanaest znamenaka.</span></p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_18.png" alt="Novcanice" /></p>
<p style="font-size: 12px;">Izvor: HNB</p>
<p><i><span lang="HR">Kada zaprimate novčanicu, provjerite serijske brojeve. <b>Oba serijska broja na novčanici moraju biti ista.</b></span></i><b><i><span lang="HR"><o:p></o:p></span></i></b></p>
<p></p>
<p></p>
<h3><span lang="HR">Serija Europa</span><span lang="HR"><o:p></o:p></span></h3>
<p><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;"><span lang="HR">Gornji serijski broj sastoji se od dva slova i deset znamenaka.<br /></span></span>Donji serijski broj otisnut je okomito i prikazuje zadnjih šest znamenaka gornjega serijskog broja.</p>
<p></p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_19.png" alt="Novcanice" /></p>
<p></p>
<p style="font-size: 12px;">Izvor: HNB</p>
<p><span style="font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;"><i><span lang="HR">Kada zaprimate novčanicu serije Europa, provjerite serijske brojeve. <b>Zadnjih šest znamenaka na oba serijska broja na novčanici moraju biti iste.</b></span></i></span><b><i><span lang="HR"><o:p></o:p></span></i></b></p>
<p></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@202d05e33b3b4ad28b34b0f31c452dd1" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@ff7f7da9d5274751807f376d59e5e75b">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@ff7f7da9d5274751807f376d59e5e75b" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><span lang="HR">Euronovčanice su zaštićene nizom zaštitnih obilježja koja olakšavaju provjeru njihove autentičnosti i otežavaju njihovo krivotvorenje.</span></p>
<p><span lang="HR">Zaštitna obilježja mogu se provjeriti brzo i jednostavno u četiri koraka:</span><span lang="HR"><o:p></o:p></span></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@76a587e1c5e3430d817f401f080fa81a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@76a587e1c5e3430d817f401f080fa81a" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<table>
<tbody>
<tr>
<td><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_10.jpeg" alt="Osjeti" /></td>
<td><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_11.jpeg" alt="Pogledaj" /></td>
<td><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_12.jpeg" alt="Nakreći" /></td>
<td><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_33.jpeg" alt="Provjeri" /></td>
</tr>
<tr>
<td>OSJETI</td>
<td>POGLEDAJ</td>
<td>NAKREĆI</td>
<td>PROVJERI</td>
</tr>
</tbody>
</table>
<p style="font-size: 12px;">Izvor: HNB<p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@e088334f14bf45a583ab36e4584bcda8" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9a14c9a0cccb460bbc65d150475721a5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9a14c9a0cccb460bbc65d150475721a5" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_10.jpeg" alt="Osjeti" /></p>
<p>Osjetite euronovčanicu i provjerite:</p>
<p>• papir<br />• reljefnost otiska</p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@46d4ec7efea74365a42813e669b1d931">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@46d4ec7efea74365a42813e669b1d931" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls>
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/provjera-autenticnosti.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
<track default label="Hrvatski" kind="captions" srclang="hr" src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/provjera-autenticnosti.vtt">
</video>
<p style="font-size: 12px;">Izvor: ESB<p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@7adf173d49854fcbae1398ea9a674e1f" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@bee1390443ca4a77bd32fa0cd5b59b2a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@bee1390443ca4a77bd32fa0cd5b59b2a" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_10.jpeg" alt="Osjeti" /></p>
<p>Osjetite euronovčanicu i provjerite:<p>
<p><span style="font-weight:bold;">Papir<span><p>
<p>Papir za euronovčanice izrađen je od 100%-tnog pamuka.</p>
<video style="width: 100%;" loop controls>
<track default label="Hrvatski" kind="captions" srclang="hr" src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/cotton.vtt">
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/cotton.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size: 12px;">Izvor: ESB</p>
<p>Posjeduje karakteristična svojstva: šuškavost, elastičnost, čvrstoću, hrapavost papira, dugotrajnost i veliku otpornost na savijanje.</p>
<p>Što je novčanica duže u optjecaju, svojstva papira slabe i novčanica nakon nekog vremena postaje pohabana. Pohabane (zaprljane i mlitave) novčanice redovito se povlače iz optjecaja i zamjenjuju novim novčanicama. Pohabane i oštećene novčanice uništavaju se u središnjoj banci.<p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@d65a6eb4be4c44e58d785738af1d0006" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@6529660ab0834a919e963cda593afe74">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@6529660ab0834a919e963cda593afe74" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_10.jpeg" alt="Osjeti" /></p>
<p>Osjetite euronovčanicu i provjerite:<p>
<p><span style="font-weight:bold;">Reljefnost otiska<span><p>
<p>Specifičan visoki nanos boje može se osjetiti kada jagodicom prstiju prelazimo po dijelovima novčanice otisnutima reljefnim tiskom kao što je oznaka nominalne vrijednosti, kratica Europske središnje banke, osnovni motiv i kose linije koje su prisutne samo na novčanicama serije Europa.<p>
<p>Kod novčanica koje su duže u uporabi ili su pohabane/oštećene taktilni se zaštitni elementi slabije osjete.<p>
<p>Specifičan visoki nanos boje nalazi se samo na licu novčanica (dijelovi označeni na slici).<p>
<br />
<p>Prva serija<p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_21.png" alt="Novcanice" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<br />
<p>Serija Europa<p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_22.png" alt="Novcanice" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<br />
<p>Kao pomoć slijepim i slabovidnim osobama, radi lakšeg i bržeg utvrđivanja autentičnosti i prepoznavanja apoena dodirom, novčanice imaju dodatne taktilne zaštitne elemente.<p>
<p>Novčanice prve serije na apoenima od 200 i 500 eura imaju kose ili okomite linije na dnu ili desnoj strani.<p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_23.png" alt="Novcanice" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<br /><br />
<p>Novčanice serije Europa imaju kose linije otisnute na samom rubu lica novčanice s lijeve i desne strane.<p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_24.png" alt="Novcanice" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@9502683eb6f44394befa916e3c98bb17" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@5b0a421716e14b2c8a6872822b8c57b6">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@5b0a421716e14b2c8a6872822b8c57b6" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_11.jpeg" alt="Osjeti" /></p>
<p>Pogledajte kroz euronovčanicu prema svjetlu i provjerite:<p>
<p>• vodeni znak<br />• zaštitnu nit<br />• prozirnu brojku (samo na prvoj seriji novčanica)<br />• prozor s portretom (samo na novčanicama serije Europa)<p>
</p>
<br />
<p>Serija Europa<p>
<p><img style="max-height: 350px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/50eurlice.jpeg" alt="50eur" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<br />
<p>Prva serija<p>
<p><img style="max-height: 350px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/50eurdialice.jpeg" alt="50eurl2" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@263e386e75834afebdb0589e004900e6" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@186aa7a0c6d8491ca024135fe50d9b01">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@186aa7a0c6d8491ca024135fe50d9b01" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_11.jpeg" alt="Pogledaj" /></p>
<p>Pogledajte kroz euronovčanicu prema svjetlu i provjerite:<p>
<p><span style="font-weight:bold;">Vodeni znak<span><p>
<p>Svaka euronovčanica posjeduje vodeni znak koji je sastavni dio zaštićenog papira za novčanice. Vodeni znak provjerava se tako da se kroz novčanicu gleda prema izvoru svjetla. <p>
<p>Na euronovčanicama prve serije nalaze se tri vrste vodenih znakova:<p>
<p><img style="max-height: 400px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_25.png" alt="Pogledaj" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<p>Vodeni znak nastaje varijacijom debljine papira tijekom izrade samoga zaštićenog papira za novčanice. Deblji dijelovi papira slabije propuštaju svjetlost (i tvore sliku koja je tamnija od ostatka papira), a tanji dijelovi više propuštaju svjetlost (i tvore sliku koja je svjetlija od ostatka papira).<p>
<p>Propusnost svjetla kroz papir novčanica serije Europa omogućuje jasnu sliku osnovnog motiva (portret Europe, lik iz grčke mitologije i arhitekturni motiv) i oznake nominalne vrijednosti.<p>
<p><img style="max-height: 250px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_5.jpeg" alt="Pogledaj" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@d62e5ad5b734413db45534314da6ea44">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@d62e5ad5b734413db45534314da6ea44" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls poster="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/zastitnanit.poster.png">
<track default
kind="captions"
srclang="hr"
src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/vodeniznak.vtt" />
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/vodeniznak.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size:12px;">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@e8c63f4637b34e7c991b230f5fc958b8" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@e2359b457efd4f218d3b598b7ecc2429">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@e2359b457efd4f218d3b598b7ecc2429" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_11.jpeg" alt="Pogledaj" /></p>
<p>Pogledajte kroz euronovčanicu prema svjetlu i provjerite:<p>
<p><span style="font-weight:bold;">Zaštitna nit<span><p>
<p>NAČIN PROVJERE: Pogledati kroz novčanicu prema svjetlu<p>
<p><img style="max-height: 270px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_26.png" alt="Pogledaj" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<br />
<p>Pogledom kroz novčanicu prema izvoru svjetlosti uočava se zaštitna nit, ugrađena u strukturu papira, koja izgleda kao tamna neprekinuta traka. Na zaštitnoj niti euronovčanica prve serije vide se oznaka nominalne vrijednosti i naziv valute (EURO), a na zaštitnoj niti euronovčanica serije Europa vide se oznaka nominalne vrijednosti i simbol valute (€).<p>
<p><img style="max-height: 300px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_6.jpeg" alt="Pogledaj" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@35a9a9afdda7484ea9ff8a4837af93c9">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@35a9a9afdda7484ea9ff8a4837af93c9" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls poster="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/zastitnanit.poster.png">
<track default
kind="captions"
srclang="hr"
src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/zastitnanit.vtt" />
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/zastitnanit.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size:12px;">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@60583ad0c8f04f04a3710b568e511340" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@3aa5a7104b464e58a77211585a7856e4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@3aa5a7104b464e58a77211585a7856e4" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_11.jpeg" alt="Pogledaj" /></p>
<p>Pogledajte kroz euronovčanicu prema svjetlu i provjerite:<p>
<p><span style="font-weight:bold;">Prozirna brojka – <span>samo na prvoj seriji novčanica<p>
<p>Gledanjem kroz novčanicu prema izvoru svjetla dijelovi otisnuti na licu i naličju tvore oznaku nominalne vrijednosti. Prozirna brojka nalazi se samo kod prve serije euronovčanica.<p>
<p><img style="max-height: 300px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_27.png" alt="Pogledaj" /></p>
<p style="font-size:12px;">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@d7f43ffc229f4299824389f286496d3c" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@b90a081074ec402d961f9a0183101b74">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@b90a081074ec402d961f9a0183101b74" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_11.jpeg" alt="Pogledaj" /></p>
<p>Pogledajte kroz euronovčanicu prema svjetlu i provjerite:<p>
<p><span style="font-weight:bold;">Prozor s portretom (samo na novčanicama druge serije, serije Europa)<span><p>
<p>Pogledom kroz gornji dio holograma prema svjetlu postaje vidljiv prozor s portretom unutar kojeg je uočljiv portret Europe, s lica i naličja novčanice.<p>
<p><img style="max-height: 300px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_7.jpeg" alt="Pogledaj" /></p>
<p style="font-size:12px;">Izvor: HNB</p>
<p>
<img height="350px" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/providni_lice.jpeg" alt="Pogledaj" style="margin-right:20px;margin-top:20px"/>
<img height="350px" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/providni_nalicje.jpeg" alt="Pogledaj" style="margin-right:20px;margin-top:20px"/>
</p>
<p style="font-size:12px;">Izvor: HNB</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9b5f9a6960fe4c6eaedf26de52a5cf1a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9b5f9a6960fe4c6eaedf26de52a5cf1a" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls poster="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/providniprozor.poster.png">
<track default
kind="captions"
srclang="hr"
src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/providniprozor1.vtt" />
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/providniprozor1.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size:12px">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@935cfedd54ca44f4924be50cac6fd62f" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@c67a892da7fa44f58c19e5f4ca353c27">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@c67a892da7fa44f58c19e5f4ca353c27" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_12.jpeg" alt="Zakreni" /></p>
<p>Nakrećite euronovčanicu i provjerite:<br />• hologram i hologram sa satelitima (samo na seriji Europa)<br />• brojka koja mijenja boju<br />• sjajna traka<br />• prozor s portretom (samo na seriji Europa)<br />
<p>
<br />
<h3>Prva serija<h3>
<br />
<p><img style="max-height: 300px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_8.jpeg" alt="Zakreni" /></p>
<p style="font-size:12px">Izvor: HNB</p>
<br />
<h3>Serija Europa<h3>
<br />
<p><img style="max-height: 300px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_28.png" alt="Zakreni" /></p>
<p style="font-size:12px">Izvor: HNB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@5192b53d3ddb45f29ec86681ee429e99" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@be00969e32e4411d9ddbcd3fd0588207">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@be00969e32e4411d9ddbcd3fd0588207" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_12.jpeg" alt="Zakreni" /></p>
<p>Nakrećite euronovčanicu i provjerite:<p>
<p><span style="font-weight:bold;">Hologram i hologram sa satelitima (samo na seriji Europa)<span><p>
<br />
<h3>Euronovčanice prve serije</h3>
<p>Hologram – folija srebrne boje na desnoj strani lica novčanice – prikazuje osnovni motiv i oznaku nominalne vrijednosti.<p>
<p>Nakretanjem novčanica nižih apoena izmjenjuje se oznaka nominalne vrijednosti i simbol eura na hologramskoj traci. <p>
<div style="display: flex;flex-wrap: wrap;">
<video style="max-height: 320px;" autoplay="autoplay" mute="" loop="loop">
<source src="https://studio.nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@shoppen4.mp4" />This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<img style="max-height: 320px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_29.png" alt="Hologram" />
</div>
<p style="font-size:12px">Izvor: ESB</p>
<br />
<p>Nakretanjem novčanica viših apoena izmjenjuje se oznaka nominalne vrijednosti i arhitekturni motiv na hologramskoj traci.</p>
<p><em>VAŽNO: Boje dugina spektra šire se u koncentričnim krugovima.</em></p>
<div style="display: flex;flex-wrap: wrap;">
<video style="max-height: 320px;" autoplay="autoplay" mute="" loop="loop"><source src="https://studio.nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@shoppen3.mp4" />This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.</video>
<img style="max-height: 320px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_30.png" alt="Hologram" /></div>
<p style="font-size:12px">Izvor: ESB</p>
<h3>Euronovčanice serije Europa</h3>
<p>Hologram – folija srebrne boje na desnoj strani lica novčanice – prikazuje portret Europe (motiv iz grčke mitologije), osnovni motiv i oznaku nominalne vrijednosti.</p>
<p><img style="max-height: 363px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_31.png" alt="Hologram" /></p>
<p style="font-size:12px">Izvor: ESB</p>
<p>Nakretanjem novčanice izmjenjuju se motivi i prelijevaju se boje na hologramu:<p>
<p><span style="font-weight:bold;">Hologram sa satelitima (samo na seriji Europa)<span><p>
Hologram sa satelitima nalazi se na novčanicama od 100 i 200 eura serije Europa na vrhu hologramske trake. Nakretanjem novčanice uočava se nekoliko simbola € koji se kreću oko brojčane oznake nominalne vrijednosti poput satelita. Brojčana oznaka nominalne vrijednosti pojavljuje se i nestaje tijekom zakretanja novčanice.
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@8a30cf74eb1846f49420ecdb13b486c2">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@8a30cf74eb1846f49420ecdb13b486c2" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls poster="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/sateliti.poster.png">
<track default
kind="captions"
srclang="hr"
src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/sateliti.vtt" />
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/sateliti.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size:12px">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@f5074efd1e05462f9ef51b33f578a853" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@2fc3a173c018458aade7afcd1f7e12a5">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@2fc3a173c018458aade7afcd1f7e12a5" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_12.jpeg" alt="Zakreni" /></p>
<p>Nakrećite euronovčanicu i provjerite:<p>
<p><span style="font-weight:bold;">Brojka koja mijenja boju<span><p>
<p>Na naličju euronovčanica prve serije apoena 50, 100, 200 i 500 nalazi se velika oznaka nominalne vrijednosti (npr. na novčanici apoena 50, velika brojka 50) koja mijenja boju pri nakretanju novčanice. Boja se mijenja iz ljubičaste preko smeđe do maslinastozelene boje.<p>
<p><img style="max-height: 350px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_13.png" alt="Zakreni" /></p><p style="font-size:12px;">Izvor: ESB</p>
<br />
<p><span style="font-style:italic;">Kada zaprimite više novčanica, rasporedite novčanice u "lepezu" i provjerite mijenjanje boje iz ljubičaste u maslinastozelenu kroz smeđu, na broju koji se nalazi u desnom donjem kutu na naličju novčanice. </span></p>
<p><video style="max-height: 320px;" autoplay="autoplay" mute="" loop="loop"><source src="https://studio.nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@shoppen5.mp4" />This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.</video>
<p style="font-size:12px">Izvor: ESB</p>
<p><span style="font-weight:bold;">Smaragdna brojka<span><p>
Na seriji Europa nalazi se smaragdna brojka u donjem lijevom kutu lica novčanice koja pokazuje efekt sjaja koji se kreće od gore prema dolje. Brojka mijenja boju iz smaragdnozelene do tamnoplave ovisno o kutu gledanja. Na višim apoenima od 100 i 200 pokazuju se dodatno i simboli eura.</p>
<p><span style="font-style:italic;">Kada zaprimite više novčanica, rasporedite novčanice u "lepezu" i provjerite mijenja li brojka u donjem lijevom kutu lica novčanice boju iz smaragdnozelene do tamnoplave. Na brojci se također pokazuje efekt sjaja koji se kreće od gore prema dolje i obratno. Na novčanicama apoena 100 i 200 serije Europa obratite pozornost na prisutnost malih simbola eura.<span><p>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_32.png" alt="Zakreni" /></p>
<p style="font-size:12px">Izvor: HNB</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@49b6cde21390451993e37c6bcb37bebf">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@49b6cde21390451993e37c6bcb37bebf" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls poster="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/smaragdna_brojka.poster.png">
<track default
kind="captions"
srclang="en"
src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/smaragdna_brojka.vtt" />
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/smaragdna_brojka.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size:12px;">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@f058f54e5f214be2a59285ce76e133cf" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@bdcd8fa9331347718393dbb8b9befcc3">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@bdcd8fa9331347718393dbb8b9befcc3" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_12.jpeg" alt="Zakreni" /></p>
<p>Nakrećite euronovčanicu i provjerite:<p>
<p><span style="font-weight:bold;">Prelijevajuća boja (samo na prvoj seriji novčanica)<span><p>
<p>Na naličju novčanica apoena 5, 10 i 20 prve serije nalazi se traka s prelijevajućom bojom. Kod nakretanja novčanice traka postaje vidljiva i na njoj se vide simboli € i oznake nominalne vrijednosti uz promjenu boje iz zlatne u srebrnu i obratno. <p>
<p><img style="max-height: 500px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/kov_9.jpeg" alt="Zakreni" /></p>
<p style="font-size:12px">Izvor: HNB</p>
<br />
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@d8474827646243ba8f9ee6caee6732e3">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@d8474827646243ba8f9ee6caee6732e3" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><video style="height: 320px; width: 380px;" autoplay="autoplay" mute="" loop="loop"><source src="https://studio.nacionalniprogramobuke.hnb.hr/asset-v1:HNB+PN-001+2021+type@asset+block@shoppen6.mp4" />This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.</video></p>
<p style="font-size:12px">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@3f36760bbafd46e6972e57a931a65389" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@86dce8f3effd49a4b89999cd27bc5ea4">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@86dce8f3effd49a4b89999cd27bc5ea4" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_12.jpeg" alt="Zakreni" /></p>
<p>Nakrećite euronovčanicu i provjerite:<p>
<p><span style="font-weight:bold;">Prozor s portretom (samo na seriji Europa)<span><p>
<p>Nakretanjem novčanice u prozoru s portretom na licu novčanice postaju vidljive linije oko oznake nominale koje se prelijevaju u duginim bojama.<p>
<p>Nakretanjem novčanice u prozoru s portretom na naličju novčanice postaju vidljive oznake nominale koje se prelijevaju u duginim bojama.<p>
<p><img height="350px" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/providni_prozor_lice.jpeg" alt="providni_prozor_lice" style="margin-right:20px;margin-top:20px"/>
<img height="350px" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/providni_prozor_nalicje.jpeg" alt="providni_prozor_nalicje" style="margin-right:20px;margin-top:20px"/></p>
<p style="font-size:12px">Izvor: ESB</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@4ed530870d0c4928a361b295141dc25d">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@4ed530870d0c4928a361b295141dc25d" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<video style="width: 100%;" loop controls poster="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/providniprozor.poster.png">
<track default
kind="captions"
srclang="hr"
src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/providniprozor2.vtt" />
<source src="https://euro-edukacija.hnb.hr/static/edx.org/videos/npo/providniprozor2.mp4">This browser cannot play .mp4, .ogg, or .webm files.Try using a different browser, such as Google Chrome.
</video>
<p style="font-size:12px">Izvor: HNB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@4eafbdd8b83f484283ce1d5c26dc1e56" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@3d0d9889e83646eba3b77101ef29775f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@3d0d9889e83646eba3b77101ef29775f" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_33.jpeg" alt="Provjeri" /></p>
<p>Mikropismo na euronovčanicama provjerava se korištenjem povećala.<br />Mikropismo se na euronovčanicama nalazi na različitim mjestima na licu i naličju, ovisno o nominalnoj vrijednosti. <br />Na licu svih euronovčanica nalazi se u obliku oznake nominalne vrijednosti unutar naziva valute na grčkom "EYPO".
<br /> <br />
<p><img style="max-height: 276px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/37.png" alt="Mikropismo" /></p>
<p style="font-size:12px">Izvor: HNB</p>
<p>Mikropismo u pozitivu i u negativu, promatrano povećalom, mora biti oštro, ne nejasno i mutno.</p>
<p><img style="max-height: 400px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/38.png" alt="Mikropismo" /></p>
<p style="font-size:12px">Izvor: HNB</p>
<p><img style="max-height: 424px;" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/novcanice/39.png" alt="Mikropismo" /></p>
<p style="font-size:12px">Izvor: HNB</p>
<p>Mikropismo mora biti jasnih i oštrih linija.</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@vertical+block@c33886a9a35c4d1f80f63ee5c7c63ead" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@fd7537a0f910411c9afb3a2cbbec290e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@fd7537a0f910411c9afb3a2cbbec290e" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><img src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/kovanice/kov_33.jpeg" alt="Provjeri" /></p>
<p>Dodatna provjera autentičnosti korištenjem UV lampe<p>
<b>UV svojstva novčanica</b>
<h3>Prva serija</h3>
<p>UV svojstva euronovčanica prve serije provjeravaju se samo pod standardnim UV-A zračenjem.</p>
<ul>
<li>papir novčanice pod UV zračenjem ne fluorescira</li>
<li>fluorescentna su vlakanca vidljiva u crvenoj, plavoj i žutozelenoj boji</li>
<li>zastava EU-a fluorescira tako da plava boja fluorescira zeleno, a zvijezde mijenjaju boju iz žute u narančastu</li>
<li>potpis predsjednika ESB-a mijenja boju iz plave u žutozelenu</li>
<li>na naličju karta Europe, most i nominala fluoresciraju žutozeleno.</li>
</ul>
<p>
<img width="400" src="https://nacionalniprogramobuke.hnb.hr/assets/courseware/v1/1331a94fb447c1864d2cc1a92dff62a7/asset-v1:HNB+PN-001+2021+type@asset+block/p13-img1.png" alt="UV svojstva novčanica" style="margin-right:20px;margin-top:20px"/>
<img width="400" src="https://nacionalniprogramobuke.hnb.hr/assets/courseware/v1/92e431b05068028a4ab3dd6639c1955b/asset-v1:HNB+PN-001+2021+type@asset+block/p13-img2.png" alt="UV svojstva novčanica" style="margin-right:20px;margin-top:20px"/></p>
<p style="font-size:12px">Izvor: ESB</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@7c630f1da5b648ffbc6adb13dd1b2747">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@7c630f1da5b648ffbc6adb13dd1b2747" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3>Serija Europa</h3>
<p>UV svojstva euronovčanica druge serije (serije Europa) provjeravaju se pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem.</p>
<p></p>
</div>
</div>
<div class="vert vert-2" data-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9228fa748b624937829fcc5b1c517072">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:HNB+NPO_Razina1+2022" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:HNB+NPO_Razina1+2022+type@html+block@9228fa748b624937829fcc5b1c517072" data-request-token="23027b9ca84711ef98910242ac12000a" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: "Open Sans", sans-serif;
}
table, tr, td {
border: none !important;
}
table {
width: 100%;
table-layout: fixed !important;
}
.wrapper {
padding: 1rem;
}
.nav {
list-style: none !important;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1rem;
}
.nav-link {
min-width: 75px;
max-width: 75px;
cursor: pointer;
padding: .5rem 1rem;
margin-top: .25rem;
margin-bottom: .25rem;
background: #A1BBBF;
display: block;
font-size: 1.2rem;
line-height: 2rem;
font-weight: 600;
color: #FFF !important;
text-decoration: none;
text-align: center;
}
.nav-link.active {
background: #023F5A;
padding: .75rem 1rem;
margin: 0;
}
.nav li {
margin-right: 0.2rem;
flex: 1;
}
.nav li:last-child {
margin-right: 0;
}
</style>
<div class="reset-this-root wrapper">
<ul class="nav" id="tablist" role="tablist">
<li class="nav-item">
<a class="nav-link active show" id="pills-5-tab" data-toggle="pill" role="tab" aria-controls="pills-5" aria-selected="true" onclick="openTab(event)">5</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-10-tab" data-toggle="pill" role="tab" aria-controls="pills-10" aria-selected="false" onclick="openTab(event)">10</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-20-tab" data-toggle="pill" role="tab" aria-controls="pills-20" aria-selected="false" onclick="openTab(event)">20</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-50-tab" data-toggle="pill" role="tab" aria-controls="pills-50" aria-selected="false" onclick="openTab(event)">50</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-100-tab" data-toggle="pill" role="tab" aria-controls="pills-100" aria-selected="false" onclick="openTab(event)">100</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-200-tab" data-toggle="pill" role="tab" aria-controls="pills-200" aria-selected="false" onclick="openTab(event)">200</a>
</li>
</ul>
<div class="tab-content" id="tab-content">
<section class="tab-pane fade active show" id="pills-5" role="tabpanel" aria-labelledby="pills-5-tab">
<table>
<tbody>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/5uv1.png" alt="5 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/5uv2.png" alt="5 eura" /></td>
</tr>
<tr>
<td>UV-A - Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na licu fluorescira u žutoj boji.</td>
<td>UV-C - Papir novčanice pod UV zračenjem ne fluorescira. Većina motiva na licu fluorescira u narančastoj boji, ovisno o apoenu poneki detalji fluoresciraju u žutoj boji. Simbol € postaje jasno vidljiv.</td>
</tr>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/5uv3.png" alt="5 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/5uv4.png" alt="5 eura" /></td>
</tr>
<tr>
<td colspan="2">Reakcija identična pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem. Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na naličju fluorescira u zelenoj boji. Gornji serijski broj i prelijevajuća boja fluoresciraju u crvenoj boji.</td>
</tr>
</tbody>
</table>
</section>
<section class="tab-pane fade active show" id="pills-10" role="tabpanel" aria-labelledby="pills-10-tab">
<table>
<tbody>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/10uv1.png" alt="10 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/10uv2.png" alt="10 eura" /></td>
</tr>
<tr>
<td>UV-A - Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na licu fluorescira u žutoj boji.</td>
<td>UV-C - Papir novčanice pod UV zračenjem ne fluorescira. Većina motiva na licu fluorescira u narančastoj boji, ovisno o apoenu poneki detalji fluoresciraju u žutoj boji. Simbol € postaje jasno vidljiv.</td>
</tr>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/10uv3.png" alt="10 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/10uv4.png" alt="10 eura" /></td>
</tr>
<tr>
<td colspan="2">Reakcija identična pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem. Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na naličju fluorescira u zelenoj boji. Gornji serijski broj i prelijevajuća boja fluoresciraju u crvenoj boji.</td>
</tr>
</tbody>
</table>
</section>
<section class="tab-pane fade active show" id="pills-20" role="tabpanel" aria-labelledby="pills-20-tab">
<table>
<tbody>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/20uv1.png" alt="20 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/20uv2.png" alt="20 eura" /></td>
</tr>
<tr>
<td>UV-A - Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na licu fluorescira u žutoj boji.</td>
<td>UV-C - Papir novčanice pod UV zračenjem ne fluorescira. Većina motiva na licu fluorescira u narančastoj boji, ovisno o apoenu poneki detalji fluoresciraju u žutoj boji. Simbol € postaje jasno vidljiv.</td>
</tr>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/20uv3.png" alt="20 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/20uv4.png" alt="20 eura" /></td>
</tr>
<tr>
<td colspan="2">Reakcija identična pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem. Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na naličju fluorescira u zelenoj boji. Gornji serijski broj i prelijevajuća boja fluoresciraju u crvenoj boji.</td>
</tr>
</tbody>
</table>
</section>
<section class="tab-pane fade active show" id="pills-50" role="tabpanel" aria-labelledby="pills-50-tab">
<table>
<tbody>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/50uv1.png" alt="50 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/50uv2.png" alt="50 eura" /></td>
</tr>
<tr>
<td>UV-A - Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na licu fluorescira u žutoj boji.</td>
<td>UV-C - Papir novčanice pod UV zračenjem ne fluorescira. Većina motiva na licu fluorescira u narančastoj boji, ovisno o apoenu poneki detalji fluoresciraju u žutoj boji. Simbol € postaje jasno vidljiv.</td>
</tr>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/50uv3.png" alt="50 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/50uv4.png" alt="50 eura" /></td>
</tr>
<tr>
<td colspan="2">Reakcija identična pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem. Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na naličju fluorescira u zelenoj boji. Gornji serijski broj i prelijevajuća boja fluoresciraju u crvenoj boji.</td>
</tr>
</tbody>
</table>
</section>
<section class="tab-pane fade active show" id="pills-100" role="tabpanel" aria-labelledby="pills-100-tab">
<table>
<tbody>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/100uv1.png" alt="100 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/100uv2.png" alt="100 eura" /></td>
</tr>
<tr>
<td>UV-A - Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na licu fluorescira u žutoj boji.</td>
<td>UV-C - Papir novčanice pod UV zračenjem ne fluorescira. Većina motiva na licu fluorescira u narančastoj boji, ovisno o apoenu poneki detalji fluoresciraju u žutoj boji. Simbol € postaje jasno vidljiv.</td>
</tr>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/100uv3.png" alt="100 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/100uv4.png" alt="100 eura" /></td>
</tr>
<tr>
<td colspan="2">Reakcija identična pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem. Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na naličju fluorescira u zelenoj boji. Gornji serijski broj i prelijevajuća boja fluoresciraju u crvenoj boji.</td>
</tr>
</tbody>
</table>
</section>
<section class="tab-pane fade active show" id="pills-200" role="tabpanel" aria-labelledby="pills-200-tab">
<table>
<tbody>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/200uv1.png" alt="200 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/200uv2.png" alt="200 eura" /></td>
</tr>
<tr>
<td>UV-A - Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na licu fluorescira u žutoj boji.</td>
<td>UV-C - Papir novčanice pod UV zračenjem ne fluorescira. Većina motiva na licu fluorescira u narančastoj boji, ovisno o apoenu poneki detalji fluoresciraju u žutoj boji. Simbol € postaje jasno vidljiv.</td>
</tr>
<tr>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/200uv3.png" alt="200 eura" /></td>
<td><img width="420" src="https://euro-edukacija.hnb.hr/static/edx.org/images/npo/uv/200uv4.png" alt="200 eura" /></td>
</tr>
<tr>
<td colspan="2">Reakcija identična pod standardnim UV-A zračenjem i pod kratkovalnim UV-C zračenjem. Papir novčanice pod UV zračenjem ne fluorescira. Dio motiva na naličju fluorescira u zelenoj boji. Gornji serijski broj i prelijevajuća boja fluoresciraju u crvenoj boji.</td>
</tr>
</tbody>
</table>
</section>
</div>
</div>
<script>
function openTab(e) {
// Declare all variables
let i, tabPane, navLink;
// Get all elements with class="tabcontent" and hide them
tabPane = document.getElementsByClassName("tab-pane");
for (i = 0; i < tabPane.length; i++) {
tabPane[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
navLink = document.getElementsByClassName("nav-link");
for (i = 0; i < navLink.length; i++) {
navLink[i].classList.remove("active");
navLink[i].setAttribute("aria-selected", "false");
}
// Show the current tab, and add an "active" class to the button that opened the tab
let targetElement = document.getElementById(e.currentTarget.getAttribute("aria-controls"));
targetElement.style.display = "block";
e.currentTarget.className += " active";
e.currentTarget.setAttribute("aria-selected", "true");
}
openTab({currentTarget: document.getElementById('pills-5-tab')});
</script>
<p style="font-size:12px">Izvor: ESB</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>