@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;
@import url('https://i.alza.cz/foto/LegendFoto/EN/Files/css/animate.css');

/* CSS Document */
/*Video*/

#popis h3 {
  color: #2f8dcd;
  margin-bottom: 10px;
  line-height: 180%;
}

#celek video {
	max-width:100%;
	}
	
/*Konec video*/


/* Styl tabulky*/

.linka img {
    max-width: 100%;
    width: initial;
}

#primaryContainer table > tr > td {
	text-align:left;
	vertical-align:top;
	}
	
#celek table.stred img {
	max-height: 80px;
}

#celek table.stred td {
	width:50%;
	text-align:center;
	vertical-align:top;
}

/*Konec stylu pro tabluky*/
#celek img {
	border: none;
	max-width: 100%;
}

.obrazek_pred {
    display: inline-block;
    max-width: 44%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.text1 {
    display: inline-block;
    max-width: 50%;
    width: 100%;
    vertical-align: middle;
    margin-left: 10px;
    text-align: left;
}
div.obrazek_podel {
    text-align: center;
    margin: 10px;
}
.text2 {
    display: inline-block;
    max-width: 50%;
    vertical-align: middle;
    margin: 0 10px 0 10px;
    text-align: right;
}
.obrazek_pred img {
    max-width: 100%;
    max-height: 300px;
    margin-bottom: 1em;
}
.obrazek_podel img {
    display: inline-block;
    width: 100%;
}

.linka {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
div.linka img {
    width: 100%;
}
.ikona {
    display: inline-block;
    width: 19%;
    vertical-align: middle;
    margin: 0 10px 10px 0;
}
.text3 {
    display: inline-block;
    width: 79%;
    vertical-align: middle;
}
.ikona img {
    width: 100%;
}

#celek p {
    font-size: 13px;
    line-height:180%;
}

#blok1 h3, #blok2 h3, #blok1 h2, #blok2 h2 {
    margin-bottom: 0.5em;
    line-height: 24px;
    font-weight: 100;
    color:#2F8DCD;
}

/* Úprava pro desktopy*/
#descAnnotation #celek {
    width: 100%;
}
#descAnnotation > #celek {
    max-width: 100% !important;
}

#blok2, #blok1 {
    text-align: center;
}

#tabs #popis #celek > ul,
#tabs #popis #celek > p {
    margin-left: 3em;
    position: relative;
    display: block;
}

div#celek figcaption {
    color: silver;
    font-style: italic;
    font-size: 12px;
}
/* Konec úpravy pro desktopy*/

/*CSS pro LI*/

#tabs #popis #desc ul {
    background-image: none;
    display: block;
}

#tabs #popis #desc ul li {
    -webkit-transition: border 0.4s linear;
    transition: border 0.4s linear;
    -ms-transition: border 0.4s linear;
    display: list-item;
    position: relative;
    padding: 5px;
    background: rgb(250, 250, 250) !important;
    border-bottom: 1px solid rgb(234, 234, 234);
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: black;
    border-right: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tabs #popis #desc ul li::before {
    content: "\03bf";
    background: rgb(250, 250, 250);
    font-size: 16px;
    font-family: "Segoe UI";
    font-weight: 100;
    color: rgb(47, 141, 205);
    margin: 0 5px 0 0;
    border-radius: 200em;
}

#tabs #popis #desc ul li:hover {
    border-right: 3px solid rgb(47, 141, 205);
    color:  rgb(47, 141, 205);
    -webkit-transition: border 0.4s linear;
    transition: border 0.4s linear;
    -ms-transition: border 0.4s linear;
}

/*Konec CSS pro LI*/