html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){a:hover{outline:0}}
html, body{background:#2e3034;color:#ffffff;margin:0;min-height:100vh;padding:0}
body{font-size:1em}
.contentwidth{margin:0 auto;min-width:272px;padding:0 12px;position:relative}
.pagecontent .contentwidth{padding:0 0 24px 0}
#header{height:48px;text-align:center}
#header-in{height:48px}
#header-in h1{display:block;height:40px;margin:8px auto 0 auto;max-width:280px;overflow:hidden;padding:0;position:relative;text-indent:-1000em}
#header-in h1:after{background:url('/prvni-penezni-logo.svg') 50% 50% no-repeat;background-size:contain;content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%}
#content{background:#ffffff;color:#808080;font-size:0.9375em;padding:32px 0}
#content h2{margin:0;padding:0 0 8px 0}
#footer{font-size:0.75em;padding:16px 0;text-align:center}
*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a, a:visited{color:#80b830;text-decoration:none}
.align-center{text-align:center}
strong{color:#5a5e66}
h1, h2, h3 ,h4, h5, h6{color:#80b830}
.form{font-size:0.875em;margin:32px 0 0 0;padding:4px 12px;width:auto;_height:1px;_width:100%}
.form-in{background:#f5f5f5;margin:0;overflow:auto;padding:16px;_height:1%;_overflow:visible}
.form-row{padding:2px 0;position:relative;width:auto}
.form-label{display:block;width:auto}
.form-control{display:block;margin:0 0 2px 0}
.form-info{background:#e8e8e8;color:$b8_black;margin:4px 0 12px 0;padding:12px}
.form-info-ok{color:#588020;font-weight:bold}
.form-info-error{color:#d20000;font-weight:bold}
.form-reqx .formt-text, .form-reqx form-textarea{border-left:2px solid #d20000}
.form-req .form-label:before, .form-reqx .form-label:before{color:#d20000;content:'*';font-size:1em;font-weight:bold;left:-8px;line-height:0;position:absolute;top:10px}
.form-reqx .form-label:before{color:#d20000}
input{background:#ffffff;color:#808080;transition:background-color 0.3s}
input:focus{background-color:#fff8ea}
textarea{background:$b8_white;border:1px solid #808080;color:#808080;margin:2px 0;padding:2px;transition:background-color 0.3s;_margin:0}
textarea:focus{background-color:#fff8ea}
select{background:$b8_white;border:1px solid #808080;color:#808080}
.form-text, .form-file{background:#ffffff;border:1px solid #808080;margin:2px 0;padding:2px;_margin:0}
.form-text-right{text-align:right}
.form-checkbox{background:#ffffff;border:1px solid #808080;margin:0;padding:0 2px}
.form-button{background-color:#80b830;border:1px solid #ffffff;color:#ffffff;cursor:pointer;font-size:0.9em;margin:2px 0;padding:4px 16px;transition:background-color 0.2s}
.form-button:focus{background-color:#588020;color:#ffffff}
#form-contacts{clear:both;margin:0;padding:32px 0 0 0}
#form-contacts .form-label{}
#form-contacts .form-control{margin:0 4px 2px 0}
#form-contacts .form-w100{width:100%}
.js-formlabels-form .form-req .form-label:before, .js-formlabels-form .form-reqx .form-label:before{display:none}
.js-formlabels-input{margin-top:16px}
.js-formlabels-label{color:$cb_color400;left:4px;padding:0 8px 0 4px;position:absolute;top:20px;transition:top 0.3s,font-size 0.3s}
.js-formlabels-label-min{color:$cb_color400;font-size:0.9em;top:-2px}
.form-req .js-formlabels-label:after, .form-reqx .js-formlabels-label:after{color:$cb_color400;content:'*';font-size:1em;font-weight:bold;left:4px;line-height:0;position:relative}
.form-reqx .js-formlabels-label:after{color:$cb_colorH00}
#xscripts, .xnoscript{display:inline;font-size:0;height:0;line-height:0;overflow:hidden;position:absolute;width:0}
@media not all and (any-hover:none),not all and (hover:none),not all and (-moz-touch-enabled),screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
a:hover{color:#588020;text-decoration:underline;transition:color 0.3s}
.form-button:hover{background-color:#588020;color:#ffffff}
}
@media only screen and (min-width:30em){
.contentwidth{min-width:424px;padding:0 16px}
#header{height:56px}
#header-in{height:56px}
#header-in h1{height:44px;margin:10px auto 0 auto}
}
@media only screen and (min-width:40em){
.contentwidth{min-width:584px;padding:0 16px}
}
@media only screen and (min-width:48em){
.contentwidth{min-width:712px;padding:0 16px}
}
@media only screen and (min-width:60em){
.contentwidth{max-width:1152px;min-width:888;padding:0 24px}
#header{height:64px}
#header-in{height:64px}
#header-in h1{height:56px;margin:6px auto 0 auto}
}
