.fs1 { font-size: 10% }
.fs2 { font-size: 20% }
.fs3 { font-size: 30% }
.fs4 { font-size: 40% }
.fs5 { font-size: 50% }
.fs6 { font-size: 60% }
.fs7 { font-size: 70% }
.fs8 { font-size: 80% }
.fs9 { font-size: 90% }
.fs10 { font-size: 100% }
.fs11 { font-size: 110% }
.fs12 { font-size: 120% }
.fs13 { font-size: 130% }
.fs14 { font-size: 140% }
.fs15 { font-size: 150% }
.fs16 { font-size: 160% }
.fs17 { font-size: 170% }
.fs18 { font-size: 180% }
.fs19 { font-size: 190% }

.fr { float: right }
.dn { display: none}

noscript { color: red; font-weight: bold }

.clean { width: 0; height: 0; float: none; clear: both; border: 0; margin: 0; padding: 0; overflow: hidden }
.nastenka { background-image: url(../../nastenka/korek.png); border: 3px solid #3E1106; margin: 0 -3px }
.nastenka .akce { font-size: 85%; text-align: right; padding-right: 10px; font-weight: bold; position: relative }
.nastenka .akce a { color: #242424 }
.nastenka .akce a:hover, .nastenka .akce a:active { color: red }
/* papirky */
.nastenka .mrak, .nastenka .srdce, .nastenka .pap1, .nastenka .pap2, .nastenka .pap3 {
    width: 240px; height: 155px; float: left; margin: 4px -2px 4px -1px; background-repeat: no-repeat;
    background-position: center bottom; overflow: hidden; position: relative
}
.mrak.t1 { background-image: url(../../nastenka/mrak/1.png) }
.mrak.t2 { background-image: url(../../nastenka/mrak/2.png) }
.mrak.t3 { background-image: url(../../nastenka/mrak/3.png) }
.mrak.t4 { background-image: url(../../nastenka/mrak/4.png) }
.mrak.t5 { background-image: url(../../nastenka/mrak/5.png) }
.mrak.t6 { background-image: url(../../nastenka/mrak/6.png) }
.mrak.t7 { background-image: url(../../nastenka/mrak/7.png) }
.srdce.t1 { background-image: url(../../nastenka/srdce/1.png) }
.srdce.t2 { background-image: url(../../nastenka/srdce/2.png) }
.srdce.t3 { background-image: url(../../nastenka/srdce/3.png) }
.srdce.t4 { background-image: url(../../nastenka/srdce/4.png) }
.srdce.t5 { background-image: url(../../nastenka/srdce/5.png) }
.srdce.t6 { background-image: url(../../nastenka/srdce/6.png) }
.srdce.t7 { background-image: url(../../nastenka/srdce/7.png) }
.pap1.t1 { background-image: url(../../nastenka/pap1/1.png) }
.pap1.t2 { background-image: url(../../nastenka/pap1/2.png) }
.pap1.t3 { background-image: url(../../nastenka/pap1/3.png) }
.pap1.t4 { background-image: url(../../nastenka/pap1/4.png) }
.pap1.t5 { background-image: url(../../nastenka/pap1/5.png) }
.pap1.t6 { background-image: url(../../nastenka/pap1/6.png) }
.pap1.t7 { background-image: url(../../nastenka/pap1/7.png) }
.pap2.t1 { background-image: url(../../nastenka/pap2/1.png) }
.pap2.t2 { background-image: url(../../nastenka/pap2/2.png) }
.pap2.t3 { background-image: url(../../nastenka/pap2/3.png) }
.pap2.t4 { background-image: url(../../nastenka/pap2/4.png) }
.pap2.t5 { background-image: url(../../nastenka/pap2/5.png) }
.pap2.t6 { background-image: url(../../nastenka/pap2/6.png) }
.pap2.t7 { background-image: url(../../nastenka/pap2/7.png) }
.pap3.t1 { background-image: url(../../nastenka/pap3/1.png) }
.pap3.t2 { background-image: url(../../nastenka/pap3/2.png) }
.pap3.t3 { background-image: url(../../nastenka/pap3/3.png) }
.pap3.t4 { background-image: url(../../nastenka/pap3/4.png) }
.pap3.t5 { background-image: url(../../nastenka/pap3/5.png) }
.pap3.t6 { background-image: url(../../nastenka/pap3/6.png) }
.pap3.t7 { background-image: url(../../nastenka/pap3/7.png) }
/* /papirky */

/* textova pole */
.autor,  .nazev,  .pocet { position: absolute; overflow: hidden; text-align: center; font-weight: bold; margin: 0; padding: 0 }
.pocet { font-size: 80%; font-weight: normal; height: 15px }
.mrak .autor { width: 190px; top: 48px; left: 22px }
.mrak .nazev { width: 190px; height: 60px; top: 70px; left: 22px }
.mrak .pocet { width: 80px; top: 134px; left: 83px }
.srdce .autor { width: 190px; top: 35px; left: 22px }
.srdce .nazev { width: 178px; height: 60px; left: 30px; top: 55px }
.srdce .pocet { width: 60px; top: 120px; left: 88px }
.pap1 .autor { width: 190px; top: 35px; left: 25px }
.pap1 .nazev { width: 200px; height: 65px; left: 20px; top: 55px }
.pap1 .pocet { width: 60px; top: 135px; left: 20px }
.pap2 .autor { width: 190px; top: 35px; left: 25px }
.pap2 .nazev { width: 190px; height: 65px; left: 30px; top: 55px }
.pap2 .pocet { width: 50px; top: 130px; left: 40px }
.pap3 .autor { width: 190px; top: 35px; left: 25px }
.pap3 .nazev { width: 190px; height: 65px; left: 25px; top: 55px }
.pap3 .pocet { width: 50px; top: 130px; right: 60px }
/* /textova pole */

/* spendliky */
.nastenka .s, .n-motivy .s { background-image: url(../../nastenka/spendliky.png); width: 55px; position: absolute }

.nastenka .s.l, .nast-add .s.l { left: 0; top: 0 }
.nastenka .s.c, .nast-add .s.c { left: 90px; top: 0 }
.nastenka .s.r, .nast-add .s.r { right: 0; top: 0 }

.mrak .s1.l { left: 5px; top: 15px }
.mrak .s2.r { right: 25px; top: 5px }
.mrak .s3.l { left: 20px; top: 10px }
.mrak .s3.c { left: 110px }
.mrak .s3.r { right: -15px; top: 5px }
.mrak .s4.l { left: -5px; top: 15px }
.mrak .s4.r { right: 5px; top: 10px }
.mrak .s5.l { left: 15px; top: 25px }
.mrak .s5.c { left: 110px; top: 10px }
.mrak .s5.r { right: -15px; top: 25px }
.mrak .s6.l { top: 30px }
.mrak .s6.c { left: 100px; top: 10px }
.mrak .s6.r { right: -10px; top: 20px }
.mrak .s7.l { top: 40px }
.mrak .s7.c { left: 110px; top: 15px }
.mrak .s7.r { right: -10px; top: 30px }
.mrak .s8.l { left: 15px; top: 35px }
.mrak .s8.c { left: 110px; top: 20px }
.mrak .s8.r { right: -20px; top: 40px }
.srdce .s1.l { left: 5px }
.srdce .s1.c { left: 100px }
.srdce .s1.r { right: -5px }
.srdce .s2.c { left: 80px }
.srdce .s2.r { right: 5px }
.srdce .s3.l { left: 10px }
.srdce .s3.c { left: 110px }
.srdce .s3.r { right: -20px }
.srdce .s4.c { left: 85px }
.srdce .s4.r { right: -5px }
.srdce .s5.l { left: 15px }
.srdce .s5.c { left: 100px; top: 10px }
.srdce .s6.l { left: 15px }
.srdce .s6.c { left: 115px; top: 10px }
.srdce .s6.r { right: -25px; top: 5px }
.srdce .s7.l { left: 15px; top: 5px }
.srdce .s7.c { left: 105px; top: 15px }
.srdce .s8.l { top: 15px }
.srdce .s8.c { top: 10px }
.srdce .s8.r { right: -10px; top: 5px }
.pap1 .s1.l { left: 10px }
.pap1 .s1.c { left: 100px }
.pap1 .s1.r { right: -5px }
.pap1 .s2.c { left: 80px }
.pap1 .s2.r { right: 10px }
.pap1 .s3.l { left: 15px }
.pap1 .s3.c { left: 100px }
.pap1 .s3.r { right: -20px }
.pap1 .s5.l { left: 5px }
.pap1 .s5.r { right: -25px }
.pap1 .s6.l { left: 5px }
.pap1 .s6.c { left: 100px }
.pap1 .s6.r { right: -5px }
.pap1 .s7.l { left: 5px; top: 5px }
.pap1 .s7.c { left: 100px }
.pap1 .s8.l { left: 20px }
.pap1 .s8.c { left: 120px }
.pap2 .s1.l { left: 10px }
.pap2 .s1.c { left: 90px }
.pap2 .s2.r { right: 20px }
.pap2 .s3.l { left: 10px }
.pap2 .s3.c { left: 100px }
.pap2 .s3.r { right: -15px }
.pap2 .s4.r { right: 10px; }
.pap2 .s5.l { left: 10px; top: 20px }
.pap2 .s5.c { left: 100px; top: 5px }
.pap2 .s5.r { right: -5px }
.pap2 .s6.l { left: 10px; top: 20px }
.pap2 .s6.c { left: 110px; top: 5px }
.pap2 .s7.l { left: 5px; top: 25px }
.pap2 .s7.c { left: 100px; top: 15px }
.pap2 .s8.l { left: 20px; top: 20px }
.pap2 .s8.c { left: 90px; top: 10px }
.pap2 .s8.r { right: 5px }
.pap3 .s1.l { left: 15px }
.pap3 .s1.c { left: 100px }
.pap3 .s1.r { right: -5px }
.pap3 .s2.r { right: 15px }
.pap3 .s3.l { left: 20px }
.pap3 .s3.c { left: 100px }
.pap3 .s3.r { right: -10px }
.pap3 .s4.l { left: -5px }
.pap3 .s5.l { left: 10px }
.pap3 .s5.c { left: 100px }
.pap3 .s5.r { top: 10px }
.pap3 .s6.l { left: 10px }
.pap3 .s6.r { right: -20px; top: 10px }
.pap3 .s7.l { left: 15px; top: 5px }
.pap3 .s7.c { left: 100px; top: 5px }
.pap3 .s7.r { right: -15px; top: 20px }
.pap3 .s8.l { left: 5px }
.pap3 .s8.c { left: 100px; top: 10px }
.pap3 .s8.r { top: 15px }

.clean { width: 0; height: 0; float: none; clear: both; border: 0; margin: 0; padding: 0; overflow: hidden }

.s1.s-r, .s1.s-y, .s1.s-b, .s1.s-g, .s1.s-m, .s1.s-w, .s1.s-o, .s2.s-r,
.s2.s-y, .s2.s-b, .s2.s-g, .s2.s-m, .s2.s-w, .s2.s-o { height: 81px }
.s3.s-r, .s3.s-y, .s3.s-b, .s3.s-g, .s3.s-m, .s3.s-w, .s3.s-o, .s4.s-r,
.s4.s-y, .s4.s-b, .s4.s-g, .s4.s-m, .s4.s-w, .s4.s-o { height: 79px }
.s5.s-r, .s5.s-y, .s5.s-b, .s5.s-g, .s5.s-m, .s5.s-w, .s5.s-o, .s6.s-r,
.s6.s-y, .s6.s-b, .s6.s-g, .s6.s-m, .s6.s-w, .s6.s-o { height: 54px }
.s7.s-r, .s7.s-y, .s7.s-b, .s7.s-g, .s7.s-m, .s7.s-w, .s7.s-o, .s8.s-r,
.s8.s-y, .s8.s-b, .s8.s-g, .s8.s-m, .s8.s-w, .s8.s-o { height: 26px }

.s1.s-b { background-position: -110px 0 }
.s1.s-g { background-position: -165px 0 }
.s1.s-m { background-position: -220px 0 }
.s1.s-o { background-position: -330px 0 }
.s1.s-r { background-position: 0 0 }
.s1.s-w { background-position: -275px 0 }
.s1.s-y { background-position: -55px 0 }
.s2.s-b { background-position: -495px 0 }
.s2.s-g { background-position: -550px 0 }
.s2.s-m { background-position: -605px 0 }
.s2.s-o { background-position: -715px 0 }
.s2.s-r { background-position: -385px 0 }
.s2.s-w { background-position: -660px 0 }
.s2.s-y { background-position: -440px 0 }
.s3.s-b { background-position: -110px -81px }
.s3.s-g { background-position: -165px -81px }
.s3.s-m { background-position: -220px -81px }
.s3.s-o { background-position: -330px -81px }
.s3.s-r { background-position: 0 -81px }
.s3.s-w { background-position: -275px -81px }
.s3.s-y { background-position: -55px -81px }
.s4.s-b { background-position: -495px -81px }
.s4.s-g { background-position: -550px -81px }
.s4.s-m { background-position: -605px -81px }
.s4.s-o { background-position: -715px -81px }
.s4.s-r { background-position: -385px -81px }
.s4.s-w { background-position: -660px -81px }
.s4.s-y { background-position: -440px -81px }
.s5.s-b { background-position: -110px -159px }
.s5.s-g { background-position: -165px -159px }
.s5.s-m { background-position: -220px -159px }
.s5.s-o { background-position: -330px -159px }
.s5.s-r { background-position: 0 -159px }
.s5.s-w { background-position: -275px -159px }
.s5.s-y { background-position: -55px -159px }
.s6.s-b { background-position: -495px -159px }
.s6.s-g { background-position: -550px -159px }
.s6.s-m { background-position: -605px -159px }
.s6.s-o { background-position: -715px -159px }
.s6.s-r { background-position: -385px -159px }
.s6.s-w { background-position: -660px -159px }
.s6.s-y { background-position: -440px -159px }
.s7.s-b { background-position: -110px -213px }
.s7.s-g { background-position: -165px -213px }
.s7.s-m { background-position: -220px -213px }
.s7.s-o { background-position: -330px -213px }
.s7.s-r { background-position: 0 -213px }
.s7.s-w { background-position: -275px -213px }
.s7.s-y { background-position: -55px -213px }
.s8.s-b { background-position: -495px -213px }
.s8.s-g { background-position: -550px -213px }
.s8.s-m { background-position: -605px -213px }
.s8.s-o { background-position: -715px -213px }
.s8.s-r { background-position: -385px -213px }
.s8.s-w { background-position: -660px -213px }
.s8.s-y { background-position: -440px -213px }
/* /spendliky */

.nast-add { /*width: 560px*/width: 500px; display: none; margin: 10px 0 80px 0; font-family: 'Arial', sans-serif }
.nast-add hr { color: #d3d3d3; width: 100%; height: 1px; border: 1px solid #d3d3d3; border-width: 1px 0 0 0; margin: 0px 0 }
.nast-add .n-motivy { /*width: 280px*/width: 240px; float: left }
.nast-add .n-text { width: 235px; margin: 21px 0 0 20px; float: left }
.nast-add .n-text div { width: 215px; margin: 10px 0; position: relative }
.nast-add .n-spendliky { margin: 10px 0 0 20px }
.nast-add .n-spendliky div { width: 55px; float: left; background-image: url(../../nastenka/spendliky.png); cursor: pointer }
.nast-add .nn { font-family: 'Comic Sans MS', fantasy, serif; font-size: 120% }
.nast-add div.ukazatel { height: 3px; margin: 0 }
.nast-add .poz-barva { display: inline; position: relative; line-height: 15px; height: 15px }
#nast_n { border: 1px solid gray; padding: 5px; overflow: auto; font-size: inherit; font-family: inherit; margin: 5px 0; width: 205px; min-height: 16px }
#d_nast_n_col, #d_nast_a_col, #d_nast_p_col { width: 15px; height: 15px; border: 1px solid gray; margin: 0 0 0 3px; cursor: pointer; position: absolute; bottom: 0; left: 0 }
.nast-add .nahled { /*width: 280px*/width: 240px; height: 155px; background-image: url(../../nastenka/korek.png) }
/*.nast-add .zpet { width: 20px; height: 100%; background-image: url(../../nastenka/sipky.png); background-repeat: no-repeat; background-position: left center; background-color: #fff; float: left; cursor: pointer }*/
.nast-add .blok { width: 240px; height: 100%; float: left; background-repeat: no-repeat; background-position: center bottom; overflow: hidden; position: relative }
/*.nast-add .vpred { width: 20px; height: 100%; background-image: url(../../nastenka/sipky.png); background-repeat: no-repeat; background-position: right center; background-color: #fff; float: left; cursor: pointer }*/
.nast-add .typy-nahledy { width: 240px; height: 40px; /*margin: 10px 20px 0 20px*/margin-top: 10px }
.nast-add .typy-nahledy div { width: 40px; height: 100%; margin-right: 5px; border: 2px solid transparent; float: left; background-position: center; background-repeat: no-repeat; cursor: pointer }
.nast-add .n-t1 { background-image: url(../../nastenka/mrak.png) }
.nast-add .n-t2 { background-image: url(../../nastenka/srdce.png) }
.nast-add .n-t3 { background-image: url(../../nastenka/pap1.png) }
.nast-add .n-t4 { background-image: url(../../nastenka/pap2.png) }
.nast-add div.n-t5 { background-image: url(../../nastenka/pap3.png); margin: 0; }
.nast-add div.tn-selected { border-color: red }
.nast-add .barvy { width: 100%; height: 21px; margin: 0 0 5px 20px }
.nast-add .barvy div { width: 21px; height: 21px; margin-right: 5px; float: left; background-image: url(../../nastenka/barvy.png); cursor: pointer }
.nast-add .s-barvy { width: 100%; height: 21px; /*margin: 10px 0 0 20px*/margin-top: 10px }
.nast-add .s-barvy div { width: 21px; height: 21px; margin-right: 5px; float: left; background-image: url(../../nastenka/barvy.png); cursor: pointer }
.nast-add .s-barvy span { margin-left: 15px }
.nast-add .o2 { background-position: -19px }
.nast-add .o3 { background-position: -38px }
.nast-add .o4 { background-position: -57px }
.nast-add .o5 { background-position: -76px }
.nast-add .o6 { background-position: -95px }
.nast-add .o7 { background-position: -114px }
.nast-add .o8 { background-position: -133px }
.nast-add .b-sel { border: 1px solid gray }
.pripichnout { margin-top: 5px; position: relative }
.pripichnout div { position: absolute; right: 0; top: 10px; width: 360px; text-align: center; font-size: 120%; color: green; font-weight: bold }
.pripichnout input { width: 360px; height: 42px; position: absolute; right: 0px; background: transparent url(../../nastenka/pripichnout.png) center no-repeat; border: 2px outset #9bff9b; cursor: pointer }
.prispevek hr { margin: 10px 0 }
.prispevek textarea { border: 1px solid gray; padding: 5px; overflow: auto; font-size: inherit; font-family: inherit; margin: 5px 0; width: 100%; height: 100px }

#nast-add-link { color: navy; cursor: pointer }
.nast-add .s-pripichnout { margin-top: 10px }
.nastenka a { text-decoration: none; font-weight: bold }

.colorpicker { z-index: 30 }