@media print 
{ 

.no-print, .no-print *
{ display: none !important;}

p, .exa, .sidetab, .intext2 {page-break-inside: avoid;}

}

audio 
{ display: none;}

p
{ color: #000;
  text-align: left;}
  
h1, h2, h3, h4
{ color: #000;
  padding: 5px 0 0 0;}

a
{ outline: none;
  text-decoration: none;
  color: #000;}
  
figure
{ margin: 0;
  padding: 10px 0;
  text-align: center;}
  
  /* odsazení, odrážky */
  
ul
{ margin: 0;
  padding: 0 0 10px 0;}

ul li
{ list-style-type: circle;
  margin: 0 0 0 30px; 
  padding: 0 0 2px 5px;
  line-height: 1.5em;
  font-size: 75%;
  color: #000;
  text-align: left;}                                         

ol
{ margin: 0;
  padding: 5px 0 0 13px;}

ol li
{ list-style-type: decimal;
  font-size: 75%;
  color: #000;
  margin: 0 0 5px 0;
  text-align: left;}

  /* odrážky - mapa stránek */
  
ul.sitemap
{ margin: 0 0 22px 0;}

ul.sitemap li
{ list-style-type: disc;
  margin: 0 0 0 16px; 
  padding: 0 0 3px 5px;
  line-height: 1.5em;
  font-size: 80%;
  color: #000;
  text-align: left;
  font-weight: bold;}
  
ul.sitemap li.level
{ list-style-type: circle;
  margin: 0 0 0 36px; 
  padding: 0 0 3px 5px;
  line-height: 1.5em;
  font-size: 80%;
  color: #000;
  text-align: left;
  font-weight: normal;}
  
ul.sitemap li.level1
{ list-style-type: circle;
  margin: 0 0 0 56px; 
  padding: 0 0 3px 5px;
  line-height: 1.5em;
  font-size: 80%;
  color: #000;
  text-align: left;
  font-weight: normal;}
  
ul.sitemap li.level2
{ list-style-type: circle;
  margin: 0 0 0 76px; 
  padding: 0 0 3px 5px;
  line-height: 1.5em;
  font-size: 80%;
  color: #000;
  text-align: left;
  font-weight: normal;}

  /* intext elementy */
  
.note 
{ background: transparent;
  color: #000;
  line-height: 1.2em;
  margin: 10px 0 10px 0;
  padding: 5px 10px 5px 10px;}

.mininote
{ padding: 0 0 20px 0;
  margin: 0;
  line-height: 1.5em;
  font-size: 70%;
  font-style: italic;
  color: #000;
  text-align: left;
  width: auto;}
  
.source 
{ display: none;}

.jp
{ font-family: 'Meiryo', sans-serif;}

.right 
{ float: right;
  margin: 1px 10px 0 0;}
  
.center 
{ display: block;
  margin: 0 auto 0 auto;
  padding: 0 5px 10px 5px;}

.left 
{ float: left;
  margin: 0 15px 0 0;}
  
.link-up 
{ display: none;}

a.up 
{ display: none;}

.exa 
{ background: transparent;
  margin: 5px 0 5px 0;
  padding: 10px 10px 5px 10px;
  text-align: left;}
 
.exhi
{ color: #00499b;}

.exa-non /* zvýraznění mimo lekce */
{ color: #00499b;}

.exa-non2 /* zvýraznění mimo lekce */
{ color: #4965cd;}

.explain 
{ background: transparent;
  margin: 10px 0 0px 0;
  padding: 10px 10px 1px 10px;
  text-align: center;}

  /* zarovnání */
  
#main, #header, #logo, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;
  float:none;}

#main
{ width: auto;
  height: auto;
  margin: 0 auto;
  background-color: #fff;}

  /* záhlaví */
  
#header
{ width: auto;
  height: auto;
  margin: 0;}
  
  /* stránka */

#site_content
{ width: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: transparent;
  float: left;} 

  /* postranní panel */

#sidebar
{ float: right;
  width: 250px;
  height: 100%;
  margin: 40px 7px 0 -0px;}
  
#sidebar a 
{ color: #000;
  text-decoration: none;}

#sidebar a:hover 
{ color: #000;
  text-decoration: none;}
  
.sidetab
{ width: 250px;
  margin: 0 10px 0 0;
  padding: 0;
  background: #fff;}

.sidebar_top 
{ background: #fff;
  display: inline-block;
  width: 214px;
  height: 25px;
  margin: 7px 0 5px 8px;
  padding: 5px 10px 4px 10px;}
  
.sidebar_content
{ width: 214px;
  background: #fff;
  color: #000;
  border-top: none;
  border-left: none;
  padding: 0px 10px 5px 10px;
  margin: -5px 0 0 8px;}   
  
.sidebar_content p
{ margin: 0 0 0 5px;}  
  
.sidebar /* h2 */
{ font: normal 90% 'Segoe UI', sans-serif;
  color: #000;
  letter-spacing: 0.02em;
  margin: 0px 0 0 0px;}
  
.sidebar-img 
{ margin: 0 0 0 -3px;}
  
ul.side 
{ margin: 0 0 5px 0;}

ul.side li
{ list-style-type: none;
  margin: 0;}

  /* zápatí */

footer
{ display: block;}
  
footer p
{ display: none;}

footer:after 
{ content: "Převzato z http://japonstina.osu.cz/.";
  font-weight: 600;
  padding: 0;
  margin: 5px 0 5px 10px;}
  
  /* tabulky */

table.intext 
{ border-collapse: collapse;
  margin: 0 0 10px 14px;
  color: #000;
  text-decoration: none;
  font-size: 75%;
  border: 1px solid #000;
  border-top: none;
  font-family: 'Meiryo', sans-serif;}

table.intext td 
{ min-width: 45px;
  height: auto;
  padding: 5px;
  text-align: center;
  border-left: 1px solid #000;
  border-top: 1px solid #000;}
  
table.intext th 
{ min-width: 45px;
  height: auto;
  padding: 5px;
  text-align: left;
  font-weight: normal;
  font-size: 80%;
  border-top: 1px solid #000;}
  
table.intext2 
{ border-collapse: collapse;
  margin: 0 0 10px 14px;
  color: #000;
  text-decoration: none;
  font-size: 70%;
  border: 1px solid #000;
  font-family: 'Meiryo', sans-serif;}

table.intext2 td 
{ min-width: 45px;
  height: auto;
  padding: 5px;
  text-align: left;
  border-left: 1px solid #000;
  border-top: 1px solid #000;}
  
table.intext2 th 
{ text-align: center;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  padding: 0 5px 0 5px;}
  
table.kanji 
{ border-collapse: collapse;
  margin: 0 0 10px 14px;
  color: #000;
  text-decoration: none;
  font-size: 75%;
  border: 1px solid #000;
  font-family: 'Meiryo', sans-serif;}

table.kanji td 
{ min-width: 60px;
  height: auto;
  padding: 5px;
  text-align: left; 
  border: none;}
  
table.kanji th 
{ width: auto;
  height: auto;
  padding: 5px;
  font-weight: bold;
  font-size: 80%;
  text-align: center; 
  border-right: 1px solid #000; 
  border-top: none;}

table.clear 
{ border-collapse: collapse;
  margin: 0 0 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 70%;
  text-align: left;
  font-family: 'Meiryo', sans-serif;}

table.clear td 
{ min-width: 35px;
  height: auto;
  padding: 5px;}
  
table.links 
{ margin: 0 0 10px 5px;
  color: #454545;
  text-decoration: none;
  font-size: 70%;
  text-align: left;
  font-family: 'Meiryo', sans-serif;}

table.links td 
{ border: solid #fff 1px;
  min-width: 60px;
  height: auto;
  padding: 5px;}
  
table.links td:hover 
{ background: #f0f0f0;}
  
  /*  boxy v lekcích  */
  
table.furi-center 
{ border-collapse: collapse;
  margin: 0 0 20px 0;
  color: #000;
  text-decoration: none;
  font: bold 120% 'Meiryo';
  text-align: left;}
  
table.furi-center tr.rubi 
{ text-align: center;
  font-size: 50%;
  font-weight: bold;}

table.furi-center-small 
{ border-collapse: collapse;
  margin: 0 0 20px 0;
  color: #000;
  text-decoration: none;
  font: normal 90% 'Meiryo';
  text-align: left;}
  
table.furi-center-small tr.transcript 
{ text-align: center;
  font-size: 60%;
  font-weight: normal;}
  
table.furi 
{ border-collapse: collapse;
  margin: 0 0 20px 0;
  color: #000;
  text-decoration: none;
  font: normal 85% 'Meiryo';
  text-align: center;}

table.furi td 
{ width: auto;
  padding: 1px 3px 1px 3px;
  text-align: center;}

table.furi td.trans 
{ font: italic 90% 'Segoe UI', sans-serif;
  text-align: left;
  color: #000;
  padding: 0 10px 0 10px;
  font-style: italic;
  min-width: 30px;}

table.furi tr.rubi 
{ text-align: center;
  font-size: 60%;}
  
table.furi tr.transcript 
{ text-align: center;
  font-size: 70%;
  font-weight: normal;}
  
table.furi tr.scr-non /* latinka mimo lekce */ 
{ text-align: center;
  font-size: 70%;}
  
table.furi th 
{ text-align: center;
  font-size: 100%;
  letter-spacing: 0.1em;
  font: normal 110% 'Segoe UI', sans-serif;
  background-color: #000;
  padding: 2px 0 0 0;}
  
table.furi-fade       /* slovesa transition */
{ border-collapse: collapse;
  margin: 0 auto 0 auto;
  color: #000;
  text-decoration: none;
  font-family: 'Meiryo';
  font-size: 90%;}

table.furi-fade td 
{ width: auto;
  padding: 1px 3px 1px 3px;
  text-align: center;}

table.furi-fade td.trans 
{ font: italic 80% 'Segoe UI', sans-serif;
  text-align: left;
  color: #000;
  padding: 0 10px 0 10px;
  font-style: italic;
  min-width: 30px;
  text-align: center;}

table.furi-fade tr.rubi 
{ text-align: center;
  font-size: 75%;
  letter-spacing: 0.1em;}
  
table.furi-fade tr.scr-non /* latinka mimo lekce */ 
{ text-align: center;
  font-size: 70%;}
  
table.furi-fade th 
{ text-align: center;
  font-size: 100%;
  letter-spacing: 0.1em;
  font: normal 110% 'Segoe UI', sans-serif;
  background-color: transparent;
  padding: 2px 0 0 0;}

  /* tabulka - slovní zásoba */
  
table.vocabulary 
{ border-collapse: collapse;
  margin: 0 0 20px 0;
  color: #000;
  text-decoration: none;
  font-family: 'Meiryo', sans-serif;
  font-size: 75%;}

table.vocabulary td 
{ min-width: 10px;
  padding: 1px 3px 1px 3px;
  text-align: left;}
  
table.vocabulary td.cs 
{ font-size: 100%;}




/* tlačítka u příkladů */

.cz-toggled 
{ color: #000;
  font-size: 80%;
  text-align: left;}
  
/* slideshow */
.container
{ height:1600px;
  width:700px;}

.item 
{ font-size:60px;
  list-style:none;}
  
.item.active 
{ display: block;}

.controls-wrap
{ display: none;}

.for-print
{ height:379px;
  width:300px;
  float: left;}
  
.container1
{ height:600px;
  width:700px;}

.item1 
{ font-size:60px;
  list-style:none;}
  
.item1.active 
{ display: block;}

.controls-wrap1
{ display: none;}

.for-print1
{ height:147px;
  width:300px;
  float: left;}

.hideprint 
{ display: none;}

.showprint
{ visibility: visible;}

/* alphabet */
  
.table-corner 
{ font-size: 70%;}

.alphabet 
{ border-collapse:collapse;
  margin: 10px auto 20px auto;
  width: auto;}

.alphabet td 
{ min-width: 60px;
  text-align: center;
  padding: 0 0 5px 0;}
  
.alphabet th 
{ color: #909090;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  padding: 0 20px 0 0;
 }

.alphabet a 
{ color: #000;
  text-decoration: none;
  font-size: 200%;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;}

.alphabet a:hover 
{ color: #FF285F;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  display: block;}
  
.alphabet a:active 
{ color: #ff3636;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  display: block;}

.compound td 
{ word-break: keep-all;
  padding: 10px;}

.compound th 
{ padding: 10px 10px 0 10px;} 

#a, #i, #u, #e, #o, #ka, #ki, #ku, #ke, #ko, #sa, #shi, #su, #se, #so, #ta, #chi, #tsu, #te, #to, #na, #ni, #nu, #ne, #no, 
#ha, #hi, #fu, #he, #ho, #ma, #mi, #mu, #me, #mo, #ya, #yu, #yo, #ra, #ri, #ru, #re, #ro, #wa, #wo, #n, 
#ga, #gi, #gu, #ge, #go, #za, #ji, #zu, #ze, #zo, #da, #jii, #zuu, #de, #do, #ba, #bi, #bu, #be, #bo,
#pa, #pi, #pu, #pe, #po, #kya, #kyu, #kyo, #gya, #gyu, #gyo, #sha, #shu, #sho, #ja, #ju, #jo, #cha, #chu, #cho,
#nya, #nyu, #nyo, #mya, #myu, #myo, #rya, #ryu, #ryo, #hya, #hyu, #hyo, #bya, #byu, #byo, #pya, #pyu, #pyo
{ text-decoration: none;
  position:absolute;
  display: none;
  width: auto;}