@font-face {font-family:"Fira Sans"; font-weight:400; font-style:normal; src:url("/fonts/Fira/firasans-regular.woff2") format("woff2"), url("/fonts/Fira/firasans-regular.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:400; font-style:italic; src:url("/fonts/Fira/firasans-italic.woff2") format("woff2"), url("/fonts/Fira/firasans-italic.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:normal; src:url("/fonts/Fira/firasans-semibold.woff2") format("woff2"), url("/fonts/Fira/firasans-semibold.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:italic; src:url("/fonts/Fira/firasans-semibolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-semibolditalic.woff") format("woff"); }
@font-face {font-family:"Fira Sans"; font-weight:700; font-style:normal; src:url("/fonts/Fira/firasans-bold.woff2") format("woff2"), url("/fonts/Fira/firasans-bold.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:700; font-style:italic; src:url("/fonts/Fira/firasans-bolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-bolditalic.woff") format("woff");}

#portal { width: 1030px; /*height:385px;*/ margin-left: -15px; background: url("/o/zpr/sverak/splash.jpg") no-repeat; }
#portal #emblem { height: 86px; margin-left: 45px; background: transparent; }
#portal h1+a {display:block; width:100%; height:299px}
.textline { /*margin-top: 299px;*/ height: 70px; line-height: 70px; color: #fff; font-size: 169%; font-weight: 700; text-decoration:none; font-family: "Fira Sans",sans-serif; background: #36271b; }
.textline a {color:#fff; text-decoration:none}
.textline a:hover {text-decoration:underline}
.textline img { float: left; margin: 2px 30px 0; }
.b-box.prani { margin-bottom: 40px; font-size: 134%; font-family: "Fira Sans",sans-serif; }
.b-box.prani h3 { margin-bottom: 5px; font-size: 143%; font-weight: 700; text-transform: uppercase; }
.b-box.prani .btn { display: block; margin-top: 18px; padding: 10px 0 8px; text-transform: uppercase; text-align: center; color: #fff; font-size: 129%; cursor: pointer; border-radius: 3px; box-shadow: 1px 2px #666; background: #e11133; }
.b-box.prani .btn:hover { text-decoration: underline; }

.sverak { max-width: 500px; margin: 0 auto 20px; }
.sverak .top {display:block; position:relative; margin-bottom: 20px; overflow: hidden; background: #faf3ed; }
.sverak .prani { margin: 0.25em 10px 20px; padding: 0 0 30px; font-size: 134%; border-bottom: 1px solid rgba(128, 128, 128, 0.2); }
.sverak .prani h3 { margin-bottom: 5px; font-size: 116%; font-weight: 700; text-transform: uppercase; }
.sverak .prani .btn { margin-top: 20px; color: #fff; background: #e11133; }
.sverak .prani .btn:hover { text-decoration: underline; }
.sverak .podpis { width: 40%; min-width: 150px; max-width: 200px; height: auto; margin-left: 5px; float: left; }
.sverak .portret { width: 40%; min-width: 150px; max-width: 200px; height: auto; margin-right: 5px; float: right; }
.sverak .datum {position: absolute; left: 21%; bottom: 6%; font-size: 81%;  }