/* prehled */




#experimenty .tabdiv {font-weight: normal; font-size: 1em;}

#experimenty .knihy-vernier div {float: left; text-align:center; width: 270px;}
#experimenty .knihy-vernier img {max-width: 150px;}

#experimenty .ucebniceprometheus td {width: 150px; text-align: center;}
#experimenty .ucebniceprometheus img {border: 1px solid #DDD; margin: 10px; max-width: 98px;}  
#experimenty .ucebniceprometheus div {float: left; text-align: center;}
.ucebniceprometheus div {height: calc(150px + 2.5em);}
.ucebnicess div {height: calc(150px + 3.5em);}
.ucebniceprometheus {display: table;}

table.sbirky {border-collapse: collapse;}
.sbirky td {width: 300px; text-align: center; vertical-align: top; border: 0px solid #AAA;}

.sbirky td img {max-width: 150px;}


@media only screen and (min-width: 1000px) {

#experimenty .ikona {width: 30px; height: 30px; padding: 0; margin: 0; padding-right: 15px;}
#experimenty a span {position: relative; top: -8px;}
#experimenty a {padding-top: 10px;}
#experimenty .ucebniceprometheus div {margin-right: 0em; margin-bottom: 2em;}
#experimenty .ucebnicess div {width: calc((100% - 1em)/6);}
}


#experimenty img {max-width: calc(100% - 1em);}

#experimenty h3 {clear: both;}

@media only screen and (max-width: 999px) {
    .experimentytabs li {clear: both; width: calc(100% - 1em); height: 2em; padding: 0;} 
    .experimentytabs li a {width: calc(100% - 1em); padding: 0; margin: 0;}
    
    #experimenty .ikona {width: 20px; height: 20px; padding: 0; margin: 0; padding-right: 5px; position: relative; top: -1px;}
    #experimenty a span {position: relative; top: -5px; font-size: 1.2em;}
    
    #experimenty .ucebnicess div {width: 150px;}    
    
    

}


#prehledmenu td {width: 150px; border: 0px solid black; vertical-align: center; text-align: left; padding-bottom: 40px;}

#prehledmenu h2 {text-align: left;}
#prehledmenu td img {width: 70px; height: 70px; }
#prehledmenu td span {margin: 0; font-size: 130%; display: block;}
#prehledmenu td div {text-align: center; border: 0px solid black; width: 150px;}

#vyhledavani-seznam div.vyhledavani-div {float: left; width: 150px; height: 200px; margin-right: 30px; text-align: center; margin-bottom: 50px; }
#vyhledavani-seznam .obrazek {height: 110px;   line-height: 110px; padding: 0; margin: 0;}
#vyhledavani-seznam .obrazek img {max-height:100px; max-width: 100px; vertical-align: middle; }

#tab-video-prvni td {width: 280px; padding: 0;}
#tab-video-prvni .video-popisek td {padding-right: 20px; padding-bottom: 50px; padding-top: 10px;}
#tab-video-prvni img {width: 280px;}
#tab-video-prvni p {padding: 0; margin: 0; text-align: center;}

#tabs-1 .videodiv {width: 300px; height: 250px; float: left; text-align: center; }
#tabs-1 .videodiv .obrazek img {width: 280px; height: 156px; margin-left: auto; margin-right: auto;}
#tabs-1 .videodiv p {margin: 0; margin-top: 10px; }
#tabs-1 #dalsi-videa {clear: both; text-align: center; margin-top: 30px; padding: 0;}



/* .experimenty-video {width: 853px; height: 505px;} */

.experimenty-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.experimenty-video iframe,
.experimenty-video object,
.experimenty-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}