/*
Vestnikonline.css
*/
/*
1.0 - Reset
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border:0;
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0;
    outline:0;
    padding:0;
    vertical-align:baseline
}

html {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:62.5%;
    overflow-y:scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}

*,:before,:after {
/* -webkit-box-sizing: inherit; */
    -moz-box-sizing:inherit;
    box-sizing:inherit
}

article,aside,details,figcaption,figure,footer,header,main,nav,section {
    display:block
}

ol,ul {
    list-style:none
}

table {
    border-collapse:separate;
    border-spacing:0
}

caption,th,td {
    font-weight:400;
    text-align:left
}

blockquote:before,blockquote:after,q:before,q:after {
    content:""
}

blockquote,q {
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
    quotes:none
}

a:focus {
    outline:2px solid #c1c1c1;
    outline:2px solid rgba(51,51,51,0.3)
}

a:hover,a:active {
    outline:0
}

a img {
    border:0
}

/**/
body {
    background:#cfdade;
    background-image:url(/img/bg3.png);
    font-family:'Roboto Slab',sans-serif;
    font-size:12px;
    color:#282828;
    background-size:50%;
    background-repeat:no-repeat;
    height:100%;
    display:block;
/* min-height: 100%; */
    background-position: right 85%;
}

body.home {
    background-image:url(/img/bg3.png);
    background-position:right -21px;
    background-repeat:no-repeat;
    background-size:794px
}

a {
    color:#0054a6;
    cursor:pointer
}

input[type="submit"] {
    cursor:pointer
}

.header {
    max-width:1000px;
    margin:40px auto 0;
    line-height:60px;
/* height: 60px; */
/* background: red; */
    padding:0 20px;
    display:block;
    text-align:right
}

.header {
}

.header div {
    display:inline-block;
    vertical-align:/* float: right; */
/* line-height: 2rem; */
top
}

.button {
    font-family:'Roboto Slab',serif;
    font-size:1.7rem;
    padding:6px 15px;
    border:2px solid #0054A6;
    border-radius:3px;
    text-decoration:/* margin: 39px 0px; */
none
}

.button:hover {
    background-color:#0054a6;
    color:#fff
}

.button.big {
    font-size:2rem
}

.czech {
    display:inline-block;
    float:right;
/* line-height: 120px; */
    margin:0 30px;
/* clear: both; */
    color:#282828;
    padding-left:20px;
    background:url(/img/arrow-button.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:7px
}

.czech:hover {
    color:#0054a6;
    text-decoration:underline;
    background-position: 10px center;
}

.logo {
    display:inline-block;
    background:url(/img/logo.png);
    width:240px;
    height:56px;
    background-size:contain;
    background-repeat:no-repeat;
    margin:auto;
    float:left
}

.login {
    display:inline-block;
    float:right;
    line-height:2rem;
    margin:12px auto;
    background-image:url(/img/login.png);
    background-size:16px;
    background-repeat:no-repeat;
    background-position:10px center;
    padding-left:35px
}

.login:hover {
    background-color:#e0e8e8!important;
    color:#0054A6;
    border-color:#E0E8E8
}

a.login.button.big {
}

.login span.user-name {
    position:absolute;
    font-size:.95rem;
    margin-top:-31px;
    text-align:center;
    margin-left:-35px;
    width:160px;
    text-align:left;
    text-overflow:ellipsis;
    display:none
}

h1 {
    font-size:24px;
    font-family:'Roboto Slab',serif;
    text-align:center;
    max-width:720px;
    font-weight:400;
    clear:both;
    opacity:1;
    text-align:center;
    margin:20px auto
}

h1 em {
    display:block;
    font-size:1.4rem;
    opacity:.6
}

.top {
/* min-height:173px
 */
}

.home h1 {
    padding:0 20px;
    margin: 60px auto 20px;
    -webkit-animation:h-animation 1s;
    animation:h-animation 1s
}

@-webkit-keyframes h-animation {
0% {
    opacity:0;
    margin-top:60px
}

70% {
    opacity:0;
    margin-top:60px
}

100% {
    opacity:1;
    margin-top:60px
}
}

@keyframes h-animation {
0% {
    opacity:0;
    margin-top:60px
}

70% {
    opacity:0;
    margin-top:60px
}

100% {
    opacity:1;
    margin-top:60px
}
}

h1 strong {
    font-weight:700
}

h1 span.underline {
    height:30px;
    position:absolute;
    background:url(/img/underline.png);
    width:50px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:50px;
    margin-left:-200px;
    margin-top:30px;
    -webkit-animation:underline-animation 2s;
    animation:underline-animation 2s
}

@-webkit-keyframes underline-animation {
0% {
    width:0
}

25% {
    width:0
}

50% {
    width:0
}

75% {
    width:0
}

100% {
    width:50px
}
}

@keyframes underline-animation {
0% {
    width:0
}

25% {
    width:0
}

50% {
    width:0
}

75% {
    width:0
}

100% {
    width:50px
}
}

h2 {
    font-size:1.6rem;
    text-align:left;
    margin:0 auto
}

.home h2 {
    text-indent:30px;
    max-width:327px;
    color:#0054A6;
    font-family:'Kalam',cursive;
    -webkit-animation:h2-animation 4s;
    animation:h2-animation 4s;
    opacity:1
}

@-webkit-keyframes h2-animation {
0% {
    opacity:0;
    margin-top:-20px
}

70% {
    opacity:0;
    margin-top:-20px
}

100% {
    opacity:1;
    margin-top:0
}
}

@keyframes h2-animation {
0% {
    opacity:0;
    margin-top:-20px
}

70% {
    opacity:0;
    margin-top:-20px
}

100% {
    opacity:1;
    margin-top:0
}
}

/*login*/
.loginbox {
    text-align:center;
    width:/* height: 330px; */
100%
/* margin-top: -10px; */
}

.search-form {
}

.login-form {
    text-align:center;
    margin:10px auto 0;
    max-width:400px;
    padding:10px 0 20px
}

.meno,.password,.input,textarea {
    border-radius:3px;
    border:2px solid;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    max-width:310px;
    border-color:#fff;
    padding:2px 6px;
    font-size:2rem;
    font-family:'Roboto Slab',serif;
    -webkit-appearance:none;
    clear:left;
    display:block;
    margin:6px auto
}

.login-submit {
/* padding: 2px 12px; */
    background:#0054A6;
    color:#fff;
    display:block;
/* float: none; */
    margin:15px auto 0
}

.forgot {
    padding-left:20px;
    background:url(/img/arrow-button.png);
    background-repeat:no-repeat;
    background-position: 0 center;
    background-size:7px;
    margin-right:30px;
    text-decoration:none;
    color:#282828
}

.registration {
    padding-left:20px;
    background:url(/img/arrow-button.png);
    background-repeat:no-repeat;
    background-position: 0 center;
    background-size:7px;
    display:inline-block;
    text-decoration:none;
    color:#282828;
    margin-bottom:37px
}

.forgot:hover,.registration:hover {
    color:#0054a6;
    background-position: 10px center;
}

.close {
    background:url(/img/close.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size:contain;
    height:28px;
    width:100%;
    max-width:300px;
    display:block;
    left:50%;
    margin:30px auto 20px;
    padding:10px 0;
/* position: absolute; */
/* margin-left: 130px; */
    cursor:pointer
}

/*login*/
h2 .arrow-down {
    height:30px;
    position:absolute;
    background:url(/img/arrow-bottom.png);
    width:50px;
    background-repeat:no-repeat;
    background-size:35px;
    margin-left:-41px;
    margin-top:2px;
    text-indent:120px;
    -webkit-animation:arrow-down-animation 4.5s;
    animation:arrow-down-animation 4.5s;
    opacity:1
}

@-webkit-keyframes arrow-down-animation {
0% {
    height:0
}

80% {
    height:0
}

100% {
    height:30px
}
}

@keyframes arrow-down-animation {
0% {
    height:0
}

80% {
    height:0
}

100% {
    height:30px
}
}

.search-field {
    max-width:900px;
    margin:20px auto;
    text-align:center
}

.home .search-field {
    margin:20px auto 80px
}

.search-form {
    line-height:40px;
    clear:both;
    text-align:center;
    margin:20px auto;
    opacity:1
}

.home .search-form {
/* -webkit-animation: search-form-animation 5s; */
/* animation: search-form-animation 5s; */
}

@-webkit-keyframes search-form-animation {
0% {
    opacity:0
}

80% {
    opacity:0
}

100% {
    opacity:1
}
}

@keyframes search-form-animation {
0% {
    opacity:0
}

80% {
    opacity:0
}

100% {
    opacity:1
}
}

.search {
    border:2px solid;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    max-width:62%;
    border-color:#282828;
    padding:6px;
    font-size:2rem;
    font-family:'Roboto Slab',serif;
    -webkit-appearance:none
}

.inline input {
    border-radius:2px
}

.select,.search.smaller {
    border:2px solid;
    border-radius:2px;
    max-width:62%;
    border-color:#282828;
    padding:6px;
    font-size:2rem;
    font-family:'Roboto Slab',serif;
    -webkit-appearance:none;
    max-width:/* line-height: 2rem; */
/* font-size: 1.2rem; */
/* vertical-align: middle; */
/* padding: 0px; */
177px
}

select.select {
/* font-size:12px; */
/* display:inline-flex; */
/* vertical-align:middle; */
    max-width:/* padding-right: 30px; */
110px
}

.search-submit {
    background:#282828;
    border:solid 2px #282828;
    padding:6px 15px;
    font-size:2rem;
    font-family:'Roboto Slab',serif;
    color:#fff;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}

/*boxes-homepage*/
.boxes {
    background:#fff;
    display:block;
    clear:both;
    text-align:center;
    margin-top:60px
}

.box {
    display:inline-block;
    vertical-align:top;
    max-width:290px;
    margin:20px 15px;
    border-radius:3px;
    border:2px solid;
    padding:20px
}

.box p {
    font-size:1.3rem
}

.box.ako {
    border-color:#c2c2c2;
    cursor:pointer
}

.box.ako:hover {
    background:#f6f6f6;
    border-color:#f6f6f6
}

.box.ako:hover h3 a {
    text-decoration:underline
}

.box.ako .button {
    margin-top:45px
}

.box.preco {
    border-color:#858585
}

.box.cennik {
    border-color:#0054A6;
    padding-top:40px
}

.box.cennik .button {
    background:#0054A6;
    color:#fff;
    text-transform:uppercase;
    padding:12px 17px;
    margin-top:26px;
    border-color:#0054A6
}

.box.cennik .button:hover {
    background:#282828;
    border-color:#282828
}

.boxes .arrow {
    width:0;
    height:0;
    border-left:20px solid rgba(0,0,0,0);
    border-right:20px solid rgba(0,0,0,0);
    border-top:20px solid #cfdade;
    text-align:center;
    margin-left:70%;
    margin-bottom:30px;
/* z-index: 9999999999999; */
    position:absolute
}

.box .video {
    background:url(/img/play.png);
    background-repeat:no-repeat;
    width:93px;
    height:71px;
    display:block;
    background-size:contain;
    margin:20px auto;
    background-position:center
}

.box .sledovany {
    background:url(/img/sledovany.png);
    background-repeat:no-repeat;
    width:93px;
    height:71px;
    display:block;
    background-size:contain;
    margin:10px auto;
    background-position:center
}

.box .button {
    display:inline-block;
    margin:20px auto 0;
    border-color:#707070;
    padding:10px 12px;
    font-size:1.5rem;
    color:#282828;
    padding-left:20px;
    background:url(/img/arrow-button.png);
    background-repeat:no-repeat;
    background-position:9px center;
    background-size:7px
}

.box .button:hover {
    background:#282828;
    border-color:#282828;
    color:#fff;
    background-image:none;
    background-size:7px;
    background-position:9px center;
}

.box em {
    font-size:1rem;
    opacity:.9;
    margin:10px;
    display:block
}

.box .huge {
    display:block;
    font-size:5rem;
    margin-top:-6px
}

.box .underline {
    background:url(/img/underline2.png);
    background-repeat:no-repeat;
    width:83px;
    height:30px;
    display:block;
    background-size:contain;
    margin:-9px auto
}

.box strong {
    font-weight:700
}

.box h3 {
    margin-bottom:40px
}

.box h3 a {
    text-decoration:none
}

.box h3 a:hover {
    text-decoration:underline
}

.timer {
    font-size:3rem;
    font-weight:700;
    display:/* margin-top: 9px; */
block
}

/*boxes-homepage*/
/*referencie*/
.referencie {
    background:#fff;
    padding:20px 20px 0px;
    text-align:center; 
    min-height: 300px;
}

.referencie div {
/* text-align: center; */
    margin:0 auto;
    max-width:700px;
}

.referencie h3 {
    font-size:2rem;
    color:#C2C2C2;
    margin-bottom:30px;
    max-width:600px;
    margin:0 auto 30px;
    background:#fff
}

.referencie strong {
    font-weight:700;
    margin-top:25px;
    display:block
}

.referencie p {
    max-width:700px;
    margin:0 auto;
    font-size:1.3rem
}

/*referencie*/
/*vysledky*/
h4 {
    text-align:center;
    text-transform:uppercase;
    font-family:'Roboto',serif;
    padding:10px 20px 0
}

h4 span {
    font-weight:700;
    font-size:2rem;
    margin-left:5px
}

h5::before {
    border-top:1px solid #c9d1d1;
    display:block;
    height:2px;
    content:"";
    width:70px;
    margin:10px auto 20px;
    background:#e0e8e8
}

h5 {
    text-align:center;
    font-family:'Roboto',serif;
/* opacity: 0.8; */
    display:block;
    margin:20px 0 30px
}

.search-results {
    background:#fff;
/* border: 1px solid rgba(0,0,0,0.3); */
    max-width:900px;
    margin:20px auto 50px;
    padding:10px 10px 6px;
    border-radius:5px;
    width:90%;
    font-family:'Roboto',serif;
    box-sizing:border-box
}

.search-results .top-arrow {
    width:0;
    height:0;
    border-left:15px solid rgba(0,0,0,0);
    border-right:15px solid rgba(0,0,0,0);
    border-bottom:15px solid #fff;
    text-align:center;
    left:50%;
    margin-top:-22px;
    position:absolute;
    margin-left:-15px
}

.vestniky .top-arrow {
    width:0;
    height:0;
    border-left:15px solid rgba(0,0,0,0);
    border-right:15px solid rgba(0,0,0,0);
    border-bottom:15px solid #fff;
    text-align:center;
    left:50%;
    margin-top:-12px;
    position:absolute;
    margin-left:-15px
}

.search-results .search-header {
    color:#9e9e9e;
    text-transform:uppercase;
    padding:10px 0 15px
}

.search-results .search-header div {
    display:inline-block;
    vertical-align:top
}

.search-results .search-header div:nth-child(1) {
    width:42%;
    padding-left:5px
}

.search-results .search-header div:nth-child(2) {
    width:20%;
    padding-left:5px
}

.search-results .search-header div:nth-child(3) {
    width:33%;
    text-align:right;
    float:right;
    padding-right:5px
}

.search-results .search-list {
    background:#e4eaea;
    display:table;
    width:100%;
    line-height:64px;
    padding:0 5px;
    border:1px solid #dedede;
    margin-bottom:6px
}

.search-results .search-list div {
    display:inline-block;
    vertical-align:/* text-align: right; */
top
}

.search-results .search-list div:nth-child(1) {
    width:42%;
/* display: table-cell; */
    vertical-align:middle;
    text-align:left;
/* text-indent: 5px; */
    font-family:'Roboto Slab',sans-serif;
    font-size:1.7rem;
    line-height:initial;
    padding-left:5px
}

.search-results .search-list div:nth-child(2) {
    width:20%;
/* display: table-cell; */
    vertical-align:middle;
    line-height:64px;
    font-family:'Roboto Slab',sans-serif;
    font-size:1.7rem;
    padding-left:5px
}

.search-results .search-list div:nth-child(3) {
/* float: right; */
/* padding: 20px; */
    width:37%;
    text-align:right;
    padding-right:5px;
    line-height:2rem;
    vertical-align:middle
}

.search-results .search-list .detail {
    vertical-align:middle
}

.search-results .search-list .monitorovat {
    vertical-align:middle;
    background:#0054A6;
    color:#fff
}

.search-results .search-list .monitorovat:hover {
    background:#282828;
    border-color:#282828
}

.pagination {
    text-align:center;
    text-transform:uppercase;
    display:table;
    margin:0 auto
}

body .pagination li {
    margin:0;
    padding:0!important;
    display:inline-block!important;
    width:auto!important;
    min-width:0!important
}

.pagination li:first-child a {
}

.pagination li:last-child a {
    border-right:0
}

.pagination a {
    text-decoration:none;
    line-height:50px;
    padding:0 18px;
    border-right:1px solid #f3f6f6;
    display:block;
    height:/* width: 40px; */
50px
}

.pagination a:hover {
    background:#f3f6f6
}

.pagination .current {
    background:#f3f6f6;
    font-weight:700
}

body .search-results .sub {
    display:block;
    margin:6px 0;
    background:#fff;
    padding:0 6px;
    line-height:2rem
}

.sub .top-arrow {
    margin-top:-15px;
    margin-left:50px;
    left:auto
}

.kapitoly {
    background:#f3f6f6;
    padding:10px;
    line-height:1.5rem;
    display:table
}

.kapitoly li {
    display:inline-block;
    line-height:2rem;
    margin-right:20px;
    width:30%;
    min-width:200px
}

.kapitoly li a::before {
    content:"";
    display:inline-block;
    height:8px;
    width:8px;
    border-radius:100%;
/* background:white; */
    line-height:2rem;
    vertical-align:middle;
    margin-right:10px;
    margin-bottom:3px;
    border:1px solid #0054a6
}

.kapitoly li a {
    text-decoration:none
}

.kapitoly li a:hover {
    text-decoration:underline
}

h6 {
    padding:6px 0;
    color:#9e9e9e;
    display:block
}

.subheader {
    margin:12px 0 6px;
    color:#9e9e9e
}

.subheader li {
    display:inline-block
}

.subheader li:nth-child(1) {
    width:42%
}

.subheader li:nth-child(2) {
    width:30%
}

.subheader li:nth-child(3) {
    width:/* float: right; */
25%
}

.full .subheader li:nth-child(2) {
    width:/* float: right; */
20%
}

.full .subheader li:nth-child(3) {
    width:/* float: right; */
35%
}

.result {
    border-top:3px solid #f3f6f6;
    margin:0;
    padding:7px 5px;
    background-position:99% center;
    background-repeat:no-repeat;
    background-size:16px;
    cursor:pointer
}

.result:hover li {
    color:#0054A6
}

.users-list .result:hover {
    background-image:none
}

.result:hover {
    background-color:#F3F6F6;
    background-image:url(/img/magnify-blue.png);
    background-position:98% center;
    background-repeat:no-repeat;
    background-size:16px
}

.result li {
    display:inline-block;
    vertical-align:/* display: table-cell; */
middle
}

.result:last-child {
/* border-bottom: 3px solid #F3F6F6; */
}

.result li:nth-child(1) {
    width:42%
}

.result li:nth-child(2) {
    width:30%
}

.result li:nth-child(3) {
    width:/* margin-top: 17px; */
25%
}

.full .result li:nth-child(2) {
    width:20%
}

.full .result li:nth-child(3) {
    width:/* margin-top: 17px; */
35%
}

.result li:nth-child(3)::after {
/* width: 26%; */
/* content:""; */
/* clear:both; */
/* display:block; */
/* width: 42px; */
/* height: 20px; */
}

/*vysledky*/
/*detail-vysledok*/
.detail {
    font-family:'Roboto Slab',serif;
    font-size:1.4rem
}

.detail .prilohy {
    padding:10px;
    margin-top:5px
}

.detail .prilohy strong {
    font-weight:700;
    margin:10px auto;
    display:block;
    border-bottom:2px solid #fff;
    padding-bottom:20px
}

.detail .prilohy a {
    display:block;
    padding:10px 0
}

.detail .line {
    display:block;
    width:100%;
    height:3px;
    background:transparent
}

.detail-header {
    background:#F3F6F6;
    padding:10px;
    line-height:1.5rem;
    display:table;
    width:100%;
    text-align:center;
    border-top-left-radius:4px;
    border-top-right-radius:4px
}

.detail-header div {
/* display: table-footer-group; */
    text-align:left
}

.detail-header div:nth-child(1) {
}

.detail-header ul {
/* display: inline-block; */
}

.detail-header li {
    display:inline-block;
    vertical-align:middle;
    padding:10px 0
}

.detail-header li:nth-child(1) {
    width:42%;
    font-weight:700
}

.detail-header li:nth-child(2) {
}

.detail-header .button {
    display:inline-block;
    float:right;
    margin:30px;
    background:#0054A6;
    color:#fff
}

.detail-header .button:hover {
    background-color:#282828;
    border-color:#282828
}

.detail-body {
    background:#F3F6F6;
    padding:5px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    margin-bottom:4px
}

.detail-body ul:first-child {
    padding-top:10px
}

.detail-body ul {
    background:#fff;
    padding:10px
}

.detail-body li:nth-child(1) {
    width:42%;
    vertical-align:top
}

.detail-body li:nth-child(2) {
    width:50%;
    vertical-align:top
}

.detail-body strong {
    font-weight: bold;
}

/*detail-vysledok end*/
/*ako to funguje start*/
h4.bigger-font {
    font-family:'Roboto Slab',sans-serif;
    text-transform:none;
    font-weight:700;
    font-size:2.5rem;
    margin:20px
}

.ako-to-funguje {
    text-align:center;
    display:block;
    padding:20px
}

/*.ako-to-funguje .step::before*/
.line {
    content:"";
    width:1px;
    display:block;
    background:#fff;
    margin:0 auto;
    height:40px
}

.ako-to-funguje .step {
    margin:0 auto 20px;
    display:block;
    -webkit-animation:step-animation 1s;
    animation:step-animation 1s;
    opacity:1
}

.first.step {
}

.second.step {
}

.third.step {
}

.fourth.step {
    margin-bottom:50px
}

@-webkit-keyframes step-animation {
0% {
    opacity:0
}

100% {
    opacity:1
}
}

@keyframes step-animation {
0% {
    opacity:0
}

100% {
    opacity:1
}
}

.ako-to-funguje strong {
    font-family:'Roboto Slab',sans-serif;
    text-transform:none;
    font-weight:700;
    font-size:2rem;
    margin:20px
}

.ako-to-funguje p {
    padding:10px;
    margin:0 auto;
    max-width:600px;
    font-size:1.4rem
}

.ako-to-funguje span {
    display:block;
    font-family:'Kalam',cursive;
    font-size:3.5rem
}

.ako-to-funguje .button {
    display:inline-block
}

.ako-to-funguje .box {
    border-color:rgba(0,0,0,0.1)
}

.ako-to-funguje .box.baliky {
    padding:0;
    margin-bottom:50px
}

.ako-to-funguje .box a {
    text-decoration:none;
    font-size:1.5rem
}

.ako-to-funguje .box.ako {
    min-height:384px;
    background:rgba(255,255,255,0.2)
}

.balik-a h3,.balik-b h3 {
    font-size:2.5rem;
    font-weight:700;
    margin:10px 0
}

.balik-a {
    padding:20px;
    background:#f0f4f4
}

.balik-b {
    padding:20px;
    background:#dae3e4
}

.balik-a:hover a {
    text-decoration:underline
}

.balik-b:hover a {
    text-decoration:underline
}

/*ako to funguje end*/
/*zoznam vestnikov*/
h5.zoznam {
    font-size:24px;
    font-family:'Roboto Slab',serif;
    text-align:center;
    text-transform:none;
    margin:10px auto
}

.inline {
    margin-bottom:30px
}

h5.zoznam::before {
    display:none
}

/*zoznam vestnikov end*/
/*faq*/
.faq {
    max-width:800px;
    margin:20px auto
}

.accordion {
    margin-bottom:50px;
    padding:0 20px
}

.accordion dt {
    font-size:1.6rem;
    font-weight:700;
    margin:0;
    padding-bottom:20px;
    padding-top:0;
    cursor:pointer
}

.accordion dt:hover {
    color:#0054A6
}

.accordion dd {
    margin-left:30px;
    margin-bottom:20px;
/* display: block; */
    font-size:1.3rem;
    line-height:2rem
}

.accordion .remove {
    margin-bottom:0
}

.accordion dt.open:before {
    content:"-";
    margin-right:20px
}

.accordion dt:before {
    content:"+";
    margin-right:20px;
    color:#0054A6
}

/*faq*/
/*objednavka*/
.objednavka {
    text-align:center;
    margin-bottom:50px
}

.objednavka .balik-a {
    padding:50px 20px;
    min-height:230px
}

.objednavka .balik-b {
    min-height:230px;
    padding:50px 20px
}

.objednavka .box {
    padding:0;
    text-align:center;
    border-color:rgba(0,0,0,0.1);
    cursor:pointer
}

.objednavka .box.remove {
    margin-left:auto;
    display:none
}

.objednavka .box.checked {
}

.objednavka .box.checked .check {
    color:#0054A6
}

.objednavka .box a {
    text-decoration:none;
    font-size:1.5rem
}

.objednavka .check {
    font-size:4rem;
    font-family:'Kalam',cursive;
    color:rgba(0,0,0,0.1);
    width:100%;
    background:#fff;
    display:block
}

.objednavka .box:hover .check {
    color:#0054A6
}

.objednavka .box:hover a {
    text-decoration:underline
}

.objednavka .helper {
    max-width:300px;
    display:block;
    margin:0 auto;
    text-align:left;
    padding:3px;
    opacity:.6
}

.objednavka .helper.info {
/* font-weight:700; */
    text-align:/* color: #0054a6; */
center
}

.objednavka .line {
    background:rgba(0,0,0,0.1);
    width:40px;
    height:1px;
    margin:20px auto
}

.objednavka input[type="checkbox"] {
    margin-top:10px
}

.order-form-a {
}

.order-form-b {
}

.input.error {
    border-color:#af1515;
}

.errors {
    background:#af1515;
    color:#fff;
    padding:10px 20px;
    display:block;
    max-width:300px;
    margin:10px auto;
    border-radius:3px
}

.arrow-top {
    width:0;
    height:0;
    border-left:10px solid rgba(0,0,0,0);
    border-right:10px solid rgba(0,0,0,0);
    border-bottom:10px solid rgba(255,255,255,0.3);
    text-align:center;
    margin:-10px;
    left:50%;
    right:50%;
    position:absolute
}

form.order {
    padding:30px 20px;
/* border: 2px solid white; */
    max-width:360px;
    margin:10px auto;
    background:rgba(255,255,255,0.3);
    border-radius:3px
}

form.order input {
    max-width:300px;
    margin-top:10px
}

.input.kupon {
    max-width:150px;
    text-align:center
}

/*objednavka*/
/*Platba*/
.platba {
}

.platba .box.selected {
    box-shadow:0 0 10px rgba(0,0,0,0.3);
    border:3px solid #0054A6;
    opacity:1
}

.platba .box {
    width:240px;
    min-height:140px;
    background-color:#fff;
    border-radius:5px;
    border:none;
    padding:20px;
    background-repeat:no-repeat;
    background-size:100px;
    background-position:center 80px;
    border:3px solid #fff;
    opacity:.8
}

.platba .box:hover strong {
    opacity:1
}

.platba .selected strong,.platba .selected .check {
    opacity:1!important;
    color:#0054A6!important
}

.platba .box strong {
    margin-top:21px;
    display:block;
    font-size:1.5rem;
    opacity:.4
}

.platba ul {
    margin:10px auto;
    border-top:1px solid rgba(0,0,0,0.1);
    width:300px;
    padding-top:20px
}

.platba .check {
    margin-top:/* margin-bottom: 10px; */
90px
}

.platba ul li {
    font-size:1.3rem;
    margin-bottom:10px
}

.platba ul strong {
    font-size:1.5rem;
    font-weight:700
}

.platba ul em {
}

.platba-a {
    background-image:/* background-position-y: 20px; */
/* background-repeat: no-repeat; */
/* background-size: 100px; */
/* background-position-x: center; */
url(/img/platba-a.jpg)
}

.box.platba-a {
}

.platba-b,.platba-c {
    background-image:url(/img/platba-b.jpg);
    background-size:130px!important;
    background-position:center 70px!important
}

.platba-c {
}

/*Platba koniec*/
/*Logged in*/
.menu {
    display:inline-block;
    background:#0054A6;
    border-radius:4px;
    margin:0 20px;
    font-family:'Roboto',serif;
    overflow:hidden;
    margin-bottom:40px;
/* border: 3px solid rgba(0,0,0,0.1); */
    width:25%
}

.loggedin {
    max-width:990px;
    margin:40px auto
}

.menu ul {
    height:auto
}

.menu.shrink ul {
    height:auto
}

.menu ul:nth-child(1) {
    background:rgba(0,0,0,0.4)
}

.menu ul:nth-child(2) {
    background:rgba(0,0,0,0.4)
}

.menu ul:nth-child(3) {
    background:rgba(0,0,0,0.2)
}

.menu ul li {
    border-bottom:1px solid rgba(0,0,0,0.1);
    border-top:1px solid rgba(255,255,255,0.1)
}

.menu ul li:first-child {
    text-transform:uppercase
}

.menu li.followed {
    background:url(/img/followed-icon.png);
    background-size:29px;
    background-repeat:no-repeat;
    background-position:6px center;
}

.menu li.people {
    background:url(/img/people-icon.png);
    background-size:29px;
    background-repeat:no-repeat;
    background-position:6px center;
}

.menu li.settings {
    background:url(/img/settings-icon.png);
    background-size:29px;
    background-repeat:no-repeat;
    background-position:6px center;
}

.menu ul li:first-child a {
    color:rgba(255,255,255,1);
    padding-left:50px
}

.menu ul li:first-child a:hover {
    background-image:none
}

.menu li.active a {
/* background: rgba(255,255,255,0.7); */
/* color: #282828; */
/* border-left: 3px solid white; */
/* border-right: 20px solid #CFDADE; */
/* For Safari 5.1 to 6.0 */
/* For Opera 11.1 to 12.0 */
/* For Firefox 3.6 to 15 */
    background:url(/img/check-icon3.png);
    background-repeat:no-repeat;
    background-size:40px;
    background-position:94% center;
}

.menu ul a {
    padding:15px 50px;
    display:block;
    color:rgba(255,255,255,0.7);
    text-decoration:none;
    cursor:pointer;
    color:#CFDADE;
    background-position:94% center;
    background-size:40px
}

.menu ul a:hover {
/*color:white; padding-left:30px; padding-right:50px;*/
    background:url(/img/check-icon3.png);
    background-repeat:no-repeat;
    background-size:40px;
    background-position:94% center;
}

.hromadny-import {
    text-align:center
}

.content-area {
    display:inline-block;
    vertical-align:top;
    width:69%;
    max-width:900px;
    padding:20px;
    background:rgba(255,255,255,0.2);
    border-radius:3px;
    padding-bottom:60px
}

.content-area .sub {
    background:#fff;
    padding:10px 20px;
    font-family:'Roboto',serif;
    margin-top:25px;
/* border: 3px solid rgba(255, 255, 255, 0.4); */
/* box-sizing: content-box; */
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    border-radius:4px;
    overflow:hidden;
    margin-bottom:20px
}

.content-area h1 {
    text-align:center;
    margin:7px auto
}

.content-area p {
    line-height:2.4rem;
    margin:20px auto
}

.content-area strong {
    font-weight:700
}

.content-area form {
    text-align:center;
    margin:20px auto;
    border-top:1px solid rgba(0,0,0,0.1);
    padding:10px 0
}

.content-area label {
    margin:10px auto;
    max-width:310px;
    text-align:left;
    display:block
}

.content-area input {
    padding:/* font-size: 1.5rem; */
2px 4px
}

.content-area textarea {
}

.content-area .button {
}

.content-area .button.cancel {
    background:transparent;
    color:#0054A6;
    border-color:transparent;
    text-decoration:underline
}

.button.add-new {
    background:transparent;
    color:#0054A6;
    border-color:transparent;
    text-decoration:underline;
    display:inline-block;
}

.content-area a {
}

.modal {
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(0,84,166,0.8);
    z-index:9;
    visibility:visible
}

.modal div {
    max-width:500px;
    margin:10% auto;
    background:#fff;
    padding:40px;
    border-radius:4px;
    width:95%
}

.modal.mt {
    visibility:hidden
}

.modal.mt div {
    opacity:0;
    margin-top:-50%
}

.modal h3 {
    font-size:2rem;
    margin-top:20px
}

.modal p {
    padding:30px 0
}

.modal .button {
    margin:10px 5px 10px 0;
    float:none;
    padding:2px 9px;
    font-size:1.4rem;
    display:inline-block
}

.content-area .button {
    padding:2px 9px;
    font-size:1.4rem;
    display:inline-block;
    margin:/* float: right; */
/* display: block; */
/* vertical-align: top; */
5px 5px 10px 0
}

.button.import {
    margin:20px
}

.content-area .button.delete {
    background-image:url(/img/delete-icon.png);
    background-repeat:no-repeat;
    background-size:24px;
    background-color:#0054A6;
    text-indent:-9999px;
    width:30px;
    height:32px;
    text-align:left;
    background-position:1px 2px;
}

.content-area .button.detail {
    background-image:url(/img/followed-icon.png);
    background-repeat:no-repeat;
    background-size:26px;
    background-color:#0054A6;
    text-indent:-9999px;
    width:30px;
    height:32px;
    text-align:left;
    background-position:0 1px;
}

.content-area .button.edit {
    background-image:url(/img/edit-icon.png);
    background-repeat:no-repeat;
    background-size:24px;
    background-color:#0054A6;
    text-indent:-9999px;
    width:30px;
    height:32px;
    text-align:left;
    background-position:0 2px;
}

.content-area .button.edit:hover,.content-area .button.detail:hover,.content-area .button.delete:hover {
    opacity:.5
}

.closemodal {
    position:relative;
    float:right;
    padding:10px;
    margin:-23px -22px;
    left:auto;
    height:10px;
/* height: 50px; */
    z-index:9999;
/* right: 30px; */
    width:10px;
    background-position:center;
    background:url(/img/close.png);
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer
}

.closemodal:hover {
    opacity:.5
}

.mt {
/* margin-top: -200%; */
}

.sledovane-osoby {
}

.sledovane-osoby form {
/* margin: 0px; */
/* float: right; */
/* display: inline-block; */
/* vertical-align: baseline; */
    margin-bottom:0
}

.sledovane-osoby .search {
    max-width:200px;
    margin-top:20px
}

.search-form input {
    padding:/* font-size:2rem; */
6px
}

p.info {
    margin:0 auto;
    text-align:center
}

.subjects {
    font-family:'Roboto',serif;
    margin-top:25px;
/* border: 3px solid rgba(255,255,255,0.4); */
/* box-sizing: content-box; */
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    border-radius:4px;
    overflow:hidden
}

.subject .button {
}

.subjects {
    background:#fff
}

.subjects .list-header {
/* text-transform: uppercase; */
    background:#F3F6F6;
/* border-top-right-radius: 4px; */
/* border-top-left-radius: 4px; */
    color:#9E9E9E
}

.subjects .list-item {
    border-bottom:3px solid#F3F6F6;
    padding:10px 0
}

.subjects ul {
}

.subjects li {
    display:inline-block;
    vertical-align:top;
    padding:2%
}

.subjects li:nth-child(1) {
    width:5%;
/* font-size: 0.9rem; */
    min-width:18px
}

.subjects li:nth-child(2) {
    width:39%
}

.list-item li:nth-child(2) a {
    font-size:1.4rem;
    text-decoration:none
}

.subjects li:nth-child(2) a {
    text-decoration:none
}

.subjects li:nth-child(2) strong {
    display:block
}

.subjects li:nth-child(2) span {
    display:block
}

.subjects li:nth-child(3) {
    width:14%;
    min-width:70px
}

.list-item li:nth-child(3) {
    font-style:italic
}

.subjects li:nth-child(4) {
/* width: 13%; */
    color:#9E9E9E
}

.subjects li:nth-child(5) {
    width:26%;
/* float: right; */
    text-align:right;
    padding:10px 0
}

.bottom-actions {
    background:#F3F6F6;
    padding:2%;
    vertical-align:initial
}

.bottom-actions div {
    display:inline-block;
    padding:1%;
    float:right
}

.bottom-actions:after {
    content:"";
    display:table;
    clear:both
}

.capitols-open {
    font-size:1.4rem;
    font-weight:700;
/* margin: 10px 0px; */
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    padding:10px 0;
/* padding-top: 0px; */
    display:block
}

.capitols-open:hover {
    opacity:.9
}

.hide {
    height:0;
    padding:0 20px!important;
    margin:0 auto!important
}

.capitols-open:before {
    content:"+";
    margin-right:20px;
    color:#0054A6
}

.capitols-open.open:before {
    content:"-";
    margin-right:20px
}

.bottom-actions checkbox {
}

.bottom-actions .button {
    margin:2px;
    float:none
}

.button.red {
    border-color:#af1515;
    color:#af1515
}

.button.red:hover {
    border-color:#af1515;
    background:#af1515;
    color:#fff
}

.bottom-actions select {
}

.capitols {
    background:rgba(255,255,255,0.3);
    padding:10px 20px;
    margin:10px auto;
    max-width:340px;
    overflow:hidden;
    border-radius:4px
}

.capitols a {
    margin:15px;
    display:inline-block;
    text-decoration:none
}

.capitols a:hover {
    text-decoration:underline
}

/*Logged in koniec*/
::-webkit-input-placeholder {
    color:#282828;
    font-size:1.5rem;
    line-height:2.5rem
}

::-moz-placeholder {
    color:#282828;
    font-size:1.5rem;
    line-height:2.5rem
}

/* firefox 19+ */
:-ms-input-placeholder {
    color:#282828;
    font-size:1.5rem;
    line-height:2.5rem
}

/* ie */
input:-moz-placeholder {
    color:#282828;
    font-size:1.5rem;
    line-height:2.5rem
}

body,div,a,span,li,ul,dd,dt,input {
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}

.slider div,span.line {
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none
}

.pager {
    margin-top:22px!important
}

.pager span {
    display:inline-block;
    height:5px;
    width:5px;
    padding:4px;
/* font-size: 2rem; */
    text-align:left;
    text-indent:-9999px;
    background:#c2c2c2;
    border-radius:10px;
    margin:0 7px
}

.pager .cycle-pager-active {
    background:#8c8c8c
}

input {
    -webkit-appearance:none
}

input[type="checkbox"] {
    -webkit-appearance:checkbox;
    box-sizing:border-box
}

footer {
    text-align:center;
    padding:20px 0 40px;
    background:#fff
}

.home footer {
    background:transparent
}

footer .col {
    display:inline-block;
    vertical-align:top;
    width:290px;
    margin:0 15px;
    padding:20px;
    text-align:left;
    font-size:1.4rem
}

footer a {
    padding-left:20px;
    background:url(/img/arrow-button.png);
    background-repeat:no-repeat;
    background-position:0 center;
    background-size:7px;
    display:block;
    margin:10px 0
}

footer a:hover {
    background-position:10px center;
    text-decoration:none
}

footer em {
    font-size:1.5rem;
    display:block;
    opacity:.6;
    margin-bottom:10px
}

footer .email {
}

.remove {
    margin-left:-100%;
    height:0;
    overflow:hidden;
    opacity:0;
    min-height:0!important;
    margin-top:0!important
/* margin-bottom: 50px; */
}

.ml {
    margin-left:-100%;
    opacity:0;
    height:0;
    overflow:hidden
}

.bgright {
    background-position:110% -21px!important
}

.mody-importu {
    margin:20px auto
}

.mody-importu ul {
    max-width:500px;
    margin:0 auto;
    border-top:1px solid rgba(0,0,0,0.3)
}

.mody-importu li {
    display:inline-block;
    padding:4%;
    vertical-align:top
}

.mody-importu li strong {
/* display: block; */
/* font-size: 1.4rem; */
}

.mody-importu li:nth-child(1) {
    width:4%;
    vertical-align:middle;
    height:100%;
/* padding-top: 4%; */
    min-width:50px;
    text-align:center
}

.mody-importu li:nth-child(2) {
    width:80%;
    text-align:left
}

.file {
/* font-family: 'Roboto Slab', serif; */
    display:block;
    background:rgba(0,0,0,0.1);
    max-width:500px;
    padding:20px;
    border-radius:4px;
    margin:10px auto
}

.importovanie {
    margin:20px auto;
    max-width:500px;
    padding:10px
}

#progress_outer {
/* border: 1px solid rgba(255,255,255,0.6); */
    height:35px;
    position:relative;
    text-align:center;
    line-height:35px;
    border-radius:50px;
    overflow:hidden;
    color:#fff;
    width:90%;
    margin:0 auto;
    background:rgba(0,0,0,0.1);
    box-sizing:border-box;
    margin-bottom:40px
}

#progress_counter {
    font-size:1.5rem
}

#progress_inner {
    background:#002f66;
    height:35px;
    position:absolute;
    top:0;
    z-index:-1;
    animation:bar 1s infinite;
    -moz-animation:bar 1s infinite;
/* Firefox */
    -webkit-animation:/* Safari and Chrome */
bar 1s infinite
}

/* Firefox */
@-moz-keyframes bar {
0% {
    background:#002f66
}

50% {
    background:#0054A6
}

100% {
    background:#002f66
}
}

/* Safari and Chrome */
@-webkit-keyframes bar {
0% {
    background:#002f66
}

50% {
    background:#0054A6
}

100% {
    background:#002f66
}
}

#process_log {
    font-family:'Roboto',serif;
    margin-top:25px;
/* border: 3px solid rgba(255, 255, 255, 0.4); */
/* box-sizing: content-box; */
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    border-radius:4px;
    overflow:auto;
    background:#fff;
    padding:20px
}

#process_log ul {
    display:block;
    padding:2%;
    text-align:left;
    border-bottom:1px solid rgba(0,0,0,0.1)
}

#process_log li {
/* display: inline-block; */
    vertical-align:top
}

#process_log li:nth-child(1) {
    width:130px;
    color:#9E9E9E
}

#process_log li:nth-child(2) {
/* text-align: right; */
    font-weight:700
}

#process_log div {
    background:rgba(0,0,0,0.1);
    padding:2%;
    border-radius:4px;
/* color: white; */
    margin:20px 10px
}

.fileok {
    color:#0054A5;
    font-weight:700;
    display:block;
    margin:5px
}

.filenotok {
    color:#af1515;
    font-weight:700;
    display:block;
    margin:5px
}

#add-mail .button.big {
    display:block;
    margin:10px auto;
    text-decoration:none;
    border:2px solid #0054A6;
    background:#0054A6;
    color:#fff
}

#add-mail .button.big:hover {
    background:transparent;
    color:#0054A6
}

#add-mail input {
    display:inline-block
}

#add-mail label {
    max-width:100%;
    text-align:center
}

#add-mail .add-new {
    display:inline-block!important
}

.pridanie-notifikacie strong {
    display:block
}

.pridanie-notifikacie p {
    text-align:center
}

.nastavenie-kapitol {
    text-align:center
}

.nastavenie-kapitol label {
    max-width:500px
}

.nastavenie-kapitol .capitols {
    max-width:600px
}

.nastavenie-kapitol p {
}

.vestniky {
    margin:40px auto;
    max-width:800px;
    background:#fff;
    border-radius:5px
}

.vestniky .result {
    border-top:3px solid transparent;
    border-bottom:3px solid #f3f6f6;
    padding:7px
}

.vestniky dd {
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom:0
}

.vestniky dt {
    padding-top:20px;
    border-bottom:3px solid #f3f6f6
}

.vestniky dt.open {
    border-bottom:3px solid transparent
}

.vestniky .result a {
    text-decoration:none
}

.vestniky .result li {
    width:90%
}

/*medias*/
@media screen and (max-width: 783px) {
html body,html body.home {
    background-image:none
}

html .header {
    text-align:center;
    margin-top:0;
    border-bottom:2px solid #fff;
/* box-shadow: 1px 1px 1px rgba(0,0,0,0.3); */
    background-image:url(/img/bg3.png);
    background-position:right 29px;
    background-repeat:no-repeat;
    background-size:contain
}

html .header .logo {
    float:none;
/* background-color: white; */
/* width: 100%; */
    background-position:center;
    padding:20px 0;
/* background-size: 260px; */
    height:100px;
    display:block
}

html h1 {
    margin-top:30px
}

html .search-field {
    margin-bottom:20px
}

html .header .logo:after {
    position:absolute
}

html .header .login {
    float:none;
    display:block;
    margin-bottom:40px
}

html .header .czech {
    float:none;
    display:none
}

html .search-results .search-list .detail {
    padding:2px 4px;
    font-size:1rem
}

html .monitorovat {
    padding:1px;
    font-size:1rem;
    border:2px solid #0054A6
}

html .content-area .button.detail {
    padding:1px;
    font-size:1rem;
    border:0;
    margin-right:4px
}

html .search-list div {
    font-size:1.3rem!important
}

html .box {
/*max-width:600px;
width:90%;*/
}

html .pagination li a {
    display:none
}

html .pagination li:last-child a {
    display:inline-block;
    padding:0 5px;
    font-size:1rem
}

html .pagination li:first-child a {
    display:inline-block;
    padding:0 5px;
    font-size:1rem
}

html .detail-header .button {
    float:none;
    margin:20px auto
}

html .lines-button {
    display:block;
/* float: right; */
    margin-bottom:5px;
    width:100%
}

html .menu {
    display:block;
    margin:0;
    border-radius:0;
/* padding-bottom: 0px; */
    width:100%
}

html .menu ul {
    height:0
}

html .content-area {
    display:block;
    width:100%
}

html .loggedin {
    margin:0;
    padding-bottom:40px
}

html .subjects .list-item {
    padding:0
}

html .subjects li:nth-child(1) {
/* min-width: 100%; */
/* width: 4%; */
    display:block;
    text-align:center;
/* float: left; */
    width:96%
}

html .subjects li:nth-child(2) {
    width:96%;
    display:block;
    text-align:center
}

html .subjects li:empty {
    display:none!important
}

html .subjects li:nth-child(3) {
    width:96%;
    display:block;
    text-align:/* min-width: 0; */
center
}

html .subjects li:nth-child(4) {
    width:96%;
    text-align:/* padding-right: 20px; */
center
}

html .subjects li:nth-child(5) {
    width:96%;
    padding-left:10px;
    display:block;
    text-align:/* padding-left: 30px; */
center
}

html body .content-area .subjects .button {
/* display:block; */
    margin-top:0;
    float:none;
    width:29%;
/* padding: 2%; */
/* height: auto; */
    background-position:center center;
}

html .button.red {
    display:inline-block
}

html .bottom-actions {
    text-align:center;
    padding:20px
}

html .bottom-actions div {
    float:none;
    margin-top:20px
}
}

/*medias koniec*/
.hlaska {
    background-color:#FFF;
    padding:10px 30px;
    position:fixed;
    left:0;
    right:0;
    margin-left:auto;
    max-width:500px;
    text-align:center;
    margin-right:auto;
    top:0;
    box-shadow:2px 2px 10px rgba(0,0,0,0.1);
    background-image:url(/img/close.png);
    background-repeat:no-repeat;
    background-position:12px center;
    background-size:10px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
/* border-top: 3px solid; */
    font-size:1.3rem;
    text-transform:uppercase;
    font-family:'Roboto',serif
}

.hlaska.green {
    color:#82b98c
}

.hlaska.red {
    color:#af1515
}

.copy {
    max-width:800px;
    margin:40px auto;
    line-height:2.3rem;
    font-size:1.5rem;
    min-height:300px
}

.copy p {
}

/* ====================== lines button ==================================================*/
.lines-button {
    padding:2rem 1rem;
    transition:.3s;
    cursor:pointer;
    user-select:none;
    border-radius:.57143rem;
/* */
    background:transparent;
    border:none;
    display:none
}

.lines-button:hover {
    opacity:1
}

.lines-button:active {
    transition:0
}

.lines {
    display:inline-block;
    width:4rem;
    height:.37143rem;
    background:#ecf0f1;
    border-radius:.28571rem;
    transition:.3s;
    position:relative
}

.lines:before,.lines:after {
    display:inline-block;
    width:4rem;
    height:.37143rem;
    background:#ecf0f1;
    border-radius:.28571rem;
    transition:.3s;
    position:absolute;
    left:0;
    content:'';
    -webkit-transform-origin:.28571rem center;
    transform-origin:.28571rem center
}

.lines:before {
    top:1rem
}

.lines:after {
    top:-1rem
}

.lines-button:hover .lines:before {
    top:1.14286rem
}

.lines-button:hover .lines:after {
    top:-1.14286rem
}

.lines-button.closed {
    -webkit-transform:scale3d(0.8,0.8,0.8);
    transform:scale3d(0.8,0.8,0.8)
}

.lines-button.arrow.closed .lines:before,.lines-button.arrow.closed .lines:after {
    top:0;
    width:2.22222rem
}

.lines-button.arrow.closed .lines:before {
    -webkit-transform:rotate3d(0,0,1,40deg);
    transform:rotate3d(0,0,1,40deg)
}

.lines-button.arrow.closed .lines:after {
    -webkit-transform:rotate3d(0,0,1,-40deg);
    transform:rotate3d(0,0,1,-40deg)
}

.lines-button.arrow-up.closed {
    -webkit-transform:scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg);
    transform:scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg)
}

.lines-button.minus.closed .lines:before,.lines-button.minus.closed .lines:after {
    -webkit-transform:none;
    transform:none;
    top:0;
    width:4rem
}

.lines-button.x.closed .lines {
    background:transparent
}

.lines-button.x.closed .lines:before,.lines-button.x.closed .lines:after {
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    top:0;
    width:4rem
}

.lines-button.x.closed .lines:before {
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg)
}

.lines-button.x.closed .lines:after {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg)
}

.lines-button.x2 .lines {
    transition:background .3s .5s ease
}

.lines-button.x2 .lines:before,.lines-button.x2 .lines:after {
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    transition:top .3s .6s ease,-webkit-transform .3s ease;
    transition:top .3s .6s ease,transform .3s ease
}

.lines-button.x2.closed .lines {
    transition:background .3s 0 ease;
    background:transparent
}

.lines-button.x2.closed .lines:before,.lines-button.x2.closed .lines:after {
    transition:top .3s ease,-webkit-transform .3s .5s ease;
    transition:top .3s ease,transform .3s .5s ease;
    top:0;
    width:4rem
}

.lines-button.x2.closed .lines:before {
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg)
}

.lines-button.x2.closed .lines:after {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg)
}

/*roman*/
.full a {
    text-decoration:none;
    color:#282828
}

.kapitoly {
    width:100%
}

.kapitoly li.active a::before {
    background:#0054a6
}

div.text {
    max-width:800px;
    margin:20px auto;
    text-align:justify;
    font-size: 1.4rem;
}

div.text ol ol {
    list-style-type:decimal;
    margin-bottom:20px;
    margin-left:24px;
    font-weight:400
}

div.text ol ol li {
    margin-bottom:5px
}

div.text ol {
    list-style-type:upper-roman;
    margin-left:18px;
    font-weight:700;
    margin-top:18px
}

div.text ol li {
    margin-bottom:10px
}

.center-text {
    text-align:center;
    margin-bottom:20px
}

.tabContent_zalozka {
    width:100%
}

.font14arialb {
    font-weight:700
}

.font16arialb {
    font-weight:700
}

.detail_table {
    background:#fff;
    width:100%
}

.platba a {
    color:#282828;
    text-decoration:none
}

.modal strong {
    font-weight:700
}

form.predlzenie {
    border:none;
    text-align:left;
    margin:0;
    padding:0
}

form.predlzenie input[type=submit] {
    color:#0054a6;
    background:rgba(255,255,255,0.2)
}

form.predlzenie input[type=submit]:hover {
    background-color:#0054a6;
    color:#fff
}

#import_controls {
    display:none
}

input[type="radio"] {
    -webkit-appearance:radio
}

.vestniky .top-arrow {
    width:0;
    height:0;
    border-left:15px solid rgba(0,0,0,0);
    border-right:15px solid rgba(0,0,0,0);
    border-bottom:15px solid #fff;
    text-align:center;
    left:50%;
    margin-top:-12px;
    position:absolute;
    margin-left:-15px
}

.result a.button {
    margin:0
}

div.changes {
    margin-top:10px;
    margin-left:0;
    margin-bottom:10px;
    overflow:auto;
    max-height:250px;
    padding:0
}

#modal-confirm-text {
    padding:25px 0
}

#podanieDetail ol,#podanieDetail ul {
    margin-bottom:.9em;
    padding-left:44px
}

#podanieDetail ul {
    list-style:disc
}

#podanieDetail ol {
    list-style:decimal
}

#podanieDetail p {
    margin-bottom:.45em;
    margin-top:.45em
}

#podanieDetail table.font14arial tr {
    border:none
}

#drazbyTable td {
    border:1px solid
}

#podanieDetail td {
    padding-left:5px
}

.baliky {
    color:#282828
}

.balik_title {
    color:#0054a6
}

/*roman*/
/*loggedin link*/
#loggedin .account-link {
/* position: absolute; */
    top:0;
    left:0;
    width:100%;
/* line-height: 30px; */
    text-align:center;
    background-color:#0054A6;
    color:#fff;
    box-shadow:none;
    background-image:url(/img/bg-account.png);
    background-size:contain
}

#loggedin .account-link h3 {
}

#loggedin .account-link h3 a {
    display:block;
    max-width:1000px;
    margin:0 auto
}

#loggedin .account-link h3 a:hover span {
    background-color:#fff;
    color:#0054A6;
    box-shadow:2px 3px 0 rgba(0,0,0,0.2);
    background-image:url(/img/login.png);
    background-size:16px;
    background-repeat:no-repeat;
    background-position:10px center;
    padding-left:35px;
}

#loggedin .account-link h3 a span {
    color:#fff;
    background-color:#0054A6;
    display:block;
    text-decoration:none;
    font-size:1.5rem;
/* line-height: 4rem; */
    box-shadow:2px 3px 0 rgba(0,0,0,0.0);
    display:inline-block;
    margin:20px;
    border:2px solid #fff;
    padding:5px 70px;
    font-family:'Roboto Slab',serif;
    font-size:1.7rem;
    padding:6px 15px;
    border:2px solid #fff;
    border-radius:3px;
    padding-left:100px;
    background-image:url(/img/login-icon-white.png);
/* background-size: contain; */
/* background-repeat: no-repeat; */
    background-size:16px;
    background-repeat:no-repeat;
    background-position:10px center;
    padding-left:35px
}

#loggedin .account-link h3 a span strong {
    font-weight:300;
    font-size:1.1rem;
    margin-left:20px;
    padding-left:20px;
    border-left:1px solid rgba(0,0,0,0.3);
    display:inline-block
}

#loggedin a.login.button.big {
/* position: absolute; */
/* width: 162px; */
    top:17px;
    right:20px;
    border-color:#fff;
    background-color:#fff;
/* color: white; */
    background-image:none;
    padding-left:12px
}

#loggedin.home h1,#loggedin.home h2 {
    display:none
}

#loggedin.home h1,#loggedin .top {
    margin-top:60px;
    min-height:40px
}

.video-container {
    text-align:center;
    background-color:#0054A6;
    display:block;
/* border-top: 30px solid white; */
    border-bottom:30px solid #fff;
    max-height:0;
    overflow:hidden;
    -webkit-transition:max-height .8s;
    -moz-transition:max-height .8s;
    transition:max-height .8s;
    margin-top:-50px;
/* position: absolute; */
/* background-color: #cfdade; */
    background-color:#282828
}

.video-container strong {
    padding:30px;
    display:block;
    font-size:2rem;
    color:#fff
}

.video-container iframe {
    margin:0 auto;
    display:inline-block;
    text-align:center;
    margin-bottom:50px
}

.full-height {
/* height:auto; */
    max-height:650px
/* position: relative; */
}

#killvideo {
    background:url(/img/close.png);
    background-repeat:no-repeat;
    background-position:96%;
    background-size:contain;
    height:28px;
    width:100%;
    display:block;
    left:50%;
    margin:30px auto 20px;
    padding:10px 0;
/* position: absolute; */
/* margin-left: 130px; */
    cursor:pointer;
    max-width:560px;
    margin-top:-59px;
    margin-bottom:30px
}

#killvideo:hover {
    opacity:.5
}

.more_result {
    display: block;
    margin: 0px auto;
    width: 300px;
    text-align: center;
}

span.highlight_word {
    color: #FFF;
    background-color: #0054A5;
}

.bottom-actions label {
    margin: 0;
    display: inline;
}

/*preco*/
.why {
    max-width:800px;
    margin:20px auto}

.why ul {
    margin: 40px auto 120px auto;
    list-style-type: decimal;
    max-width: 470px;
    padding-left: 40px;
    padding-right: 20px;
}
.why li {
    margin: 50px 0px;
    font-size: 1.5rem;
    padding-bottom: 55px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.why li strong {font-weight:bold;}


.information {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 9px;
    background-color: #0054A6;
    color: white;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}
.information div {
    position: absolute;
    opacity: 0;
    width: 250px;    
    font-size: 1.2rem;
    margin-left: -125px;
    margin-top: 20px;
    background-color: black;
    padding: 20px;
    visibility:hidden;
    border-radius: 4px;
}

.information div::before {  
   width: 0;
  height: 0;
  
   border-left: 10px solid rgba(0,0,0,0);
  
   border-right: 10px solid rgba(0,0,0,0);
  
   border-bottom: 10px solid black;
  text-align: center;
  
   margin-left: -5px;
  
   margin-top: -30px;
  /* z-index: 9999999999999; */
  position: absolute;
  content:"";}
.information strong {
    display: block;
    margin-top: 10px;
}
.information p {}

.information:hover div, .information div:hover {opacity:1; visibility:visible;}
.information:focus div, .information div:focus {opacity:1; visibility:visible;}

.text p {
    margin-bottom: 20px;
    margin-top: 20px;
}

div.text ol.preco {
    list-style-type: lower-alpha;
    font-weight: normal;
}

div.text strong {
    font-weight: bold;
}

.ako-to-funguje .video-container {
    border-bottom: 0;
}

.ako-to-funguje #killvideo {
    margin-top: -73px;
}

.video-container strong {
    font-weight: normal;
}

#fb {
    margin-top: 10px;
}

.prolong .input {
    display: inline;    
    margin: 0px 5px 0px 0px;
}

/*banner-ad*/
a#promo-banner-sledovaniedrazieb {
    display:block;
    background-image:url(https://sledovaniedrazieb.sk/img/drazby-banner-high-res.jpg);
    height:130px;
    width:100%;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#459df4
}

@media only screen and (max-width: 980px) {
    a#promo-banner-sledovaniedrazieb {
        background-image: url(https://sledovaniedrazieb.sk/img/drazby-banner-mobil.jpg) , url(https://sledovaniedrazieb.sk/img/drazby-banner-bg.jpg);
        background-position: center, bottom;
        height:150px;
        background-repeat: no-repeat, repeat-y;
    }
}
/*banner-ad*/