@charset "utf-8";
@import url('https://i.alza.cz/foto/LegendFoto/EN/Files/css/vseobecny.css') screen;
@import url('https://i.alza.cz/foto/LegendFoto/EN/Files/css/animace.css') screen;
.mediaDescription #desc {width:100%}
#celek .box .i img {width: 100%;}
div#celek div.ve_zkratce_pp nav.aktivni ul > li, nav.aktivni ul {padding: 0 !important;margin: 0 !important;}
.ve_zkratce_pp table td {border: 1px solid rgb(210, 210, 210);}
div#descAnnotation #celek table{border-spacing:0;border-padding:0; border:1px solid silver; width:100%}
div#descAnnotation #celek {/* margin-left: -30px; */width: 100%;max-width: 100%;}
#celek {max-width: 100%; width: 100%;font-family:"Open Sans",Verdana,sans-serif;}
#celek video {max-width: 100%;width: 100%;position: relative;z-index: 20;}
#celek .box {display: inline-block;margin: 0 -2px;width: 100%;height: auto;text-align: left;border-left: 1px solid rgb(235, 226, 22);overflow: hidden;vertical-align: top;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;box-shadow: inset 0px 0px 50px 10px rgb(202, 202, 202);background-size: cover;  background-position: center center;}
#celek .box .i {max-width: 100%;width: 100%;height: 125px;overflow: hidden;}
#celek .box figcaption {font-family: "Open Sans",Verdana,sans-serif;font-size: 24px;border-bottom: 5px solid rgb(250, 226, 101);padding: 5px;}
#celek .box figure {margin: 0;}
#celek .box p {font-family: segoe, segoe-ui, arial;color: black;}
article figure {text-align: center;}
article figure img {max-width: 38%;width: 100%;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
#celek .celek_obsah div ul {margin: 10px;padding: 25px;}
#celek div video {border-bottom: 2px solid rgb(218, 211, 61);box-shadow: 0px 17px 75px -20px rgb(0, 0, 0);max-height: 600px;background: black;}
#celek {overflow:hidden;display: table;}
#legend #celek {overflow:visible;display: table;}
div nav {padding: 3em;}
.celek_nav div nav {padding: 2em;position: relative;-webkit-animation: 2s navigace linear;animation: 2s navigace linear;-ms-animation: 2s navigace linear;z-index: 0;}
#celek div ul li {background: transparent;margin: 6px 0 0 20px;padding: 5px 0px 5px 15px !important;transition: all 0.5s linear !important;-webkit-transition: all 0.5s linear;color: black;border-bottom: 1px solid transparent;overflow: hidden;}
#celek div ul li:hover {background:rgba(255, 255, 255, 0.13)!important;padding: 5px 0px 5px 2em;background: silver;border-bottom: 1px solid white;overflow: visible;}
#celek h3 {transition:all 0.3s linear;-webkit-transition:all 0.3s linear;text-transform: uppercase;border-bottom: 2px solid rgb(248, 248, 111);display: inline-block;padding-left: 1em;font-family: arial;font-size: 21px;font-weight: 100;padding: 10px;}
.box_content article {padding: 0em;}
#celek article h4, #celek article p {margin: 0 0 1em 0;}
#celek article p {font-size: 12px;padding: 0 0 0 2.8em;}
#celek article h4 {padding: 10px 0 0 2em;}
article.s_pozadim.text_l > div {display: inline-block;max-width: 43%;margin-left: 1em;color: white;margin-top: 12%;text-align: left;}
article.s_pozadim {min-height: 26pc;}
div#jednotlive-boxy {text-align: center;}
.box > p, .box > figure {left: -100%;position: relative;transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;  width: 98%;margin-top: 1em;}
.poz:hover p, .poz:hover figure {left: 5px;}
.box:hover,
.poz:hover {background: none !important;}
#jednotlive-boxy div:nth-child(2n+1) {text-align: left;}
article.s_pozadim.text_p > div {text-align: right;display: inline-block;max-width: 45%;margin-left: 1em;  color: white;  margin-top: 12%;  }
article.s_pozadim.text_p {text-align: right;padding: 0 6% 0 0;}
article figure img:hover {max-width: 80%;}
.celek_obsah {display: table-cell;position: relative;animation: 0.4s stranka linear;-webkit-animation: 0.4s stranka ease-in;-ms-animation: 0.4s stranka ease-in;max-width:350px;/* overflow: hidden; */}
.ve_zkratce_pp {visibility: hidden;display: table-cell;vertical-align: top;width: 0em;position: relative;font-size: 12px;font-family: arial;;background: rgb(235, 235, 235);background: -webkit-linear-gradient(left,rgb(219, 219, 219),rgb(248, 248, 248),rgb(233, 233, 233)97%,rgb(180, 180, 180));transition: all 0.2s linear;-webkit-transition: all 0.2s linear;border-top: 1px solid rgb(150, 150, 150);/* visibility: hidden; */}
.ve_zkratce_pp > nav > ul > li > {font-size:10px;}
.ve_zkratce_pp ul > li > p {color: rgb(138, 138, 138);font-size: 11px;text-shadow: 1px 1px 1px white;}
.ve_zkratce_pp.aktivni{position:relative;display:table-cell;visibility: visible;max-width: 250px;}
div.navigace_wrap img {padding: 10px;width: 20px;background: white;display: block;position: relative;}
div.navigace_wrap {display: inline-block;position: relative;animation: 0.4s ikonka ease-in;-webkit-animation: 0.4s ikonka ease-in;-ms-animation: 0.4s ikonka ease-in;margin-left: 0px;z-index: 22;}
.navigace_wrap {cursor:pointer;}
div.ve_zkratce_pp nav {display: none;padding: 1em;}
.ve_zkratce_pp nav.aktivni {display:block}
#celek div ul li a {color: white;text-decoration: none;}
div.pozadavky {text-align: left;}
div.ve_zkratce_pp nav ul {margin: 0;padding: 0 0 0 15px;}
.ve_zkratce_pp table {border-collapse: collapse;border: 0px solid rgb(199, 199, 199);box-shadow: 0px 0px 5px rgb(179, 179, 179);}
div.ve_zkratce_pp table tr td {padding: 5px 5px 5px 5px;color: rgb(95, 95, 95);font-size: 10px;}
div.ve_zkratce_pp table tr td:hover {color: rgb(13, 95, 170);text-shadow: 0px 0px 1px white;}
caption {text-transform: uppercase;font-weight: 100;font-size: 17px;color: black;text-shadow: 0px 0px 1px white;}
div.ve_zkratce_pp th img {max-width: 42px;display: inline-block;vertical-align: middle;margin: 0 15px 0 0;}
div#verze img {max-width: 85px;display: inline-block;vertical-align: middle;}
div#verze {width: 100%;text-align: center;margin: 4% 0;}
body.default #tabs #popis #desc ul li {background: none;}
div.ve_zkratce_pp > nav > ul > li {
    color: rgb(75, 75, 75);
    border-bottom: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 8px 11px -13px black;
    padding: 0 !important;
    width: 100%;
}
div.ve_zkratce_pp > nav > ul > li > p {
    display: block;
}
div#jednotlive-boxy > div {
    display: inline-block;
    width: 49.6%;
}
/*Anymačka*/

@keyframes ikonka {
from{left:-3em;}
to{left:0em;}
}

@-webkit-keyframes ikonka {
from{left:-3em;}
to{left:0em;}
}

@keyframes stranka {
    from{left:-100%;}
    to{left:0;}
}

@-webkit-keyframes stranka {
    from{left:-100%;}
    to{left:0;}
}

@keyframes navigace {

from{
top:-20em;
}
70% {  
transform:translateY(0%);
top:0;
}
80% {  
transform:translateY(-7%);
}  
90% {  
transform:translateY(0%);
}  
95% {  
transform:translateY(-3%);
}  
97% {  
transform:translateY(0%);
}  
99% {  
transform:translateY(-1%);
}  
100% {  
transform:translateY(0);
}  
}
@-webkit-keyframes navigace {
from{
top:-20em;
}
70% {  
transform:translateY(0%);
top:0;
}
80% {  
transform:translateY(-7%);
}  
90% {  
transform:translateY(0%);
}  
95% {  
transform:translateY(-3%);
}
97% {  
transform:translateY(0%);
}  
99% {  
transform:translateY(-1%);
}  
100% {  
transform:translateY(0);
} 
}
@media screen and (max-width:750px){
article.s_pozadim.text_l > div,
article.s_pozadim.text_p > div {
    width: 99%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    -webkit-box-shadow: 0 0 0 0 black !important;
    box-shadow: 0 0 0 0 black !important;
    background: none !important;
}

#celek div ul li a {color: black;}
#celek .celek_obsah div ul {background: #FDFDFD;border: 1px solid silver;}
#celek div ul li a:hover {color: silver;}

article#ctvrta {
    padding: 0;
}

#celek article p,
#celek article h4,
#celek article h3 {
    padding: 5px 20px !important;
    text-align: center;
    box-sizing: border-box;
}
div#jednotlive-boxy > div.poz {
    width: 100%;
}

div#jednotlive-boxy > div.poz .box {
    border: none;
    margin: 0;
    padding: 0;
}
.ve_zkratce_pp{
	width:100%;
	display: none!important;
}
.celek_obsah{
	}
.box figcaption{
font-size:14px;
font-size:5vmin;
}
.box p {
font-size:12px;
font-size:3vmin;
}
#celek article.text h3 {
display:block;
background: rgb(255, 253, 231);
padding: 10px 5px;
}
article.s_pozadim > div {
display:block;
max-width:100%;
margin:0;
}
article.s_pozadim {
min-height:inherit;
padding-bottom: 1em;
}
#celek div ul li a span {
    color: black !important;
}

article.s_pozadim.text_p {
    text-align: left;
}

#celek article h4 span[style] {
    color: black !important;
}

.box_content > div {
    background: none !important;
}

}