/*
charset: UTF-8 or Windows-1250
created by: Kuby (http://kuby.trackmania.cz/)
updated: 18.02.2018
skin: luisa.haralcomp.cz/portal/
page version: 0.0.2.0
css version: 0.0.1.0
Copyright © 2010 Kuby, All rights reserved
*/
/* px * 0.0626 = em */
/* zakladni prvky - zacatek */
.portal-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.portal-modal-content{margin:auto;background-color:#ccc;position:relative;padding:0;outline:0;width:40%}
.portal-card-4,.portal-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.portal-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.portal-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.portal-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.portal-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.portal-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.portal-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.portal-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.portal-animate-input{transition:width 0.4s ease-in-out}
.portal-animate-input:focus{width:100%!important}
.portal-center img{margin: auto; display: block;}
.portal-button{white-space:normal}
.portal-block{display:block;width:100%}
.portal-responsive{display:block;overflow-x:auto}
.portal-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.portal-xlarge{font-size:24px!important}
.portal-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.portal-display-topright{position:absolute;right:0;top:0}
.portal-circle{border-radius:50%}
.portal-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%;}
.portal-section {width:95%; margin: auto;}
.portal-container {padding: 10px;}
.portal-border{border:1px solid #ccc!important}
.portal-margin-bottom{margin-bottom:16px!important}
.portal-green,.portal-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.portal-red,.portal-hover-red:hover{color:#fff!important;background-color:#FF0000!important}
.portal-padding{padding:8px 16px!important}
.portal-margin-top{margin-top:16px!important}
.portal-border-top{border-top:1px solid #ccc!important}
.portal-border-bottom{border-bottom:1px solid #ccc!important}
.portal-padding-16{padding-top:16px!important;padding-bottom:16px!important}

.oknoNovinky {width:100%; min-height:500px; border:0; margin: 0; padding: 0;}
.oknoGDPR {width:50%; min-height:300px; border:0; margin: 0; padding: 0;}
.modal-body {border:0; margin: 0; padding: 0;}
.modal-body iframe {border:0; width: 100%; height: 100%;}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}