@font-face
   { 
    src: url('./x36.ttf'); 
    font-family: des; 
   }

/* Nevalidní styly pro Firefox ------------------------------------------------------------------------- */

@import url('nevalidni-styly.css');

/* ----------------------------------------------------------------------------------------------- */

body 
	{
		font-family: 'nimbus sans l' , sans-serif;
		font-size: 16px;
		background: #90afd7;
		color: black;
		text-align: justify;
		font-style: italic;
		margin: 0;
		padding: 0;
	}

/* ------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5
	{
		text-align: center;
		clear:both;
	}

h1, h2, h3, h4, b, strong, .zvyr, .tuc
	{
		color: #4373a3;
	}

h1
	{
		font-size: 260%;
	}

h2
	{
		font-size: 220%;
	}

h3
	{
		font-size: 175%;
	}

h4
	{
		font-size: 145%;
	}

h5
	{
		font-size: 120%;
	}

h1#nadpis_1

	{
		font-size: 270%;
		position: absolute;
		z-index: 20;
		top: 1.5em;
		left: 1em;
		margin: 0;
		text-shadow: .15em .15em .08em #6393c3;
	}

h1#nadpis_1 a
	{
		text-decoration: none;
	}

h2#nadpis_2
	{
		font-size: 170%;
		position: absolute;
		z-index: 20;
		top: 4.3em;
		left: 1.6em;
 		margin: 0;
		padding: 0;
		text-shadow: .15em .15em .08em #6393c3;
	}

h3#nadpis_3
	{
		font-size: 150%;
		margin: 0;
		position: absolute;
		z-index: 20;
		top: 7.75em;
		left: 1em;
		width: 97%;
		padding: 0;
	}

/* --- Běžný text ------------------------------------------------------------- */

p
	{
		text-indent: 0.8em;
	}

ul > ol
	{
		margin: 0 0 .8em;
	}

li
	{
		margin: 0.5em;
		text-align: left;
	}

pre
	{
		font-family: 'nimbus mono l' , courier , sans-serif;
		text-align: left;
		padding: .3em .5em;
		color: #4373a3;
		font-weight: bold;
		background: #ccd9ea;
		border: 1px dotted #4373a3;
	}

span.add_media, span.urpmi_internet_automatic

	{
		display: inline-block;
		min-width: 16em;
		margin: 0 0 -.4em .2em;
	}


.kur, i
	{
		font-style: italic;
		color: #555;
	}


.tuc, b
	{
		font-style: italic;
		font-weight: bold;
	}


.pre
	{
		font-family: 'nimbus mono l' , courier , monospace;
		color: #111;

	}

/* --- Uspořádání a vzhled -------------------------------------------------*/

#telo
	{
		padding: 15.35em 1em 5em 1em;
	}

#zebrota
	{
		display: none;
		top: 17.6em;
		bottom: 2.7em;
		right: 1em;
		width: 13.35em;
		padding: 0 1em;
		border: 1px solid #4373a3;
		background: #edefff;
	}

#zebrota:hover
	{
		background: #ccd9ea;
	}

#zebrota>*:first-child
	{
		margin-top: 0.8em;
	}

#zebrota .cely_text
	{
		position: absolute;
		z-index: 20;
		bottom: .6em;
		right: 1em;
		width: 13.35em;
		padding: 1em;
		padding-top: .7em;
		background: #4373a3;
		text-align: right;
		border: 1px solid #4373a3;
	}

#zebrota .cely_text a
	{
		color: white
	}

#h_ram_pozadi, #h_ram, #d_ram_pozadi, #h_okraj, #d_okraj, #l_okraj, #p_okraj
	{
		display: block;
		position: absolute;
	}

#h_ram_pozadi
	{
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		border: none;
		height: 5.8em;
		margin: 0;
		background: #90afd7;
	}

#h_ram
	{
		top: .8em;
		left: 1em;
		right: 1em;
		z-index: 11;
		height: 12.9em;
		margin: 0;
		padding: 0;
	}

img.h_ram_poz
	{
		width: 100%;
		height: 12.9em;
		border-left: 1px solid #4373a3;
		border-right: 1px solid #4373a3;
		box-sizing: border-box;
	}

.dekorace_h_tb
	{
		display: table;
		margin: 0;
		width: 100%;
		position:relative;
		top: .4em;
	}

#h_ram div.tb, .dekorace_d_tb
	{
		display: table;
		margin: 0;
		width: 100%;
		position:relative;
		top: -.4em;
	}

div.ob_h_ram_poz_d_l, div.ob_h_ram_poz_d_c, div.ob_h_ram_poz_d_p, .dekorace_h_l, .dekorace_h_c, .dekorace_h_p, .dekorace_d_l, .dekorace_d_c, .dekorace_d_p
	{
		display:table-cell;
	}

div.ob_h_ram_poz_d_c, .dekorace_h_c, .dekorace_d_c
	{
		width: 100%;
	}

img.h_ram_poz_d_c, img.h_c, img.d_c
	{
		width: 100%;
	}

img.h_l, img.h_c, img.h_p
	{
		height: 2.5em;
	}

img.h_ram_poz_d_l, img.h_ram_poz_d_c, img.h_ram_poz_d_p, img.d_l, img.d_c, img.d_p
	{
		height: 1.1em;
	}

#h_okraj
	{
		top: 12.8em;
		left: 0.8em;
		right: 0.8em;
		z-index: 10;
		height: 1.2em;
		margin: 0;
		background: #90afd7;
	}

#d_ram_pozadi
	{
		display: none;
	}

#d_okraj
	{
		display: none;
	}
 
#l_okraj
	{
		top: 0;
		left: 0;
		z-index: 5;
		width: .12em;
		height: 98%;
		margin: 0;
		background: #90afd7;
		border-left: .8em solid #90afd7;
		/* border-right: .65em solid white; */
	}

#p_okraj
	{
		top: 0;
		right: 0;
		z-index: 5;
		width: .12em;
		height: 98%;
		margin: 0;
		background: #90afd7;
		/*border-left: .65em solid white; */
		border-right: .8em solid #90afd7;
	}

#h_okraj
	{
		border-bottom: none;
	}

#d_okraj
	{
		border-top: none;
	}

hr
	{
		border: none;
		border-top: 1px dotted #4373a3;
		border-bottom: 1px dotted #4373a3;
	}

.skryty
	{
		display: none;
	}

.obal_s_vyplni, .obal_solo
	{
		padding: 0 .8em .8em;
	}

.obal_solo
	{
		margin-bottom: 1em;
	}

.obal_centr, .centr
	{
		text-align: center;
	}

.obal_centr+.obal_centr
	{
		padding-top: .9em;
	}

a img
	{
		text-decoration: none;
		border-style: none;
	}

.popis_obr
	{
		font-size:80%;
		margin-top:0;
	}

/* Tlačítko "Nabídka" ------------------------------------------------------------------- */

#prepinac
	{
		font-size: 90%;
		position: absolute;
		top:11em;
		right: 9.3em;
		width: 14em;
		max-width: 40%;
		height: 1.8em;
		z-index:20;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		margin: 0;
		padding: 0;
	}

#prepinac li ul li a
	{
		display: inline-block;
	}

#prepinac a
	{
		text-decoration: none;
	}

#prepinac a:hover
	{
		text-decoration: underline;
	}

#prepinac li ul li
	{
		display: none;
		background: #3fa03f;
		padding-top: .5em;
		width: 14em;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}

#prepinac:hover li ul li
	{
		display: block;
	}

#prepinac *                            /* Styly pro všechny prvky tlačítka "Nabídka" */
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		height: 1.8em;
		text-align: center;
		color: white;
		font-weight: bold;
		width: 100%;
	}

#prepinac #nabidka *
	{
		display: inline-block;
		width: 14em;
	}

#prepinac #nabidka .text-hp-nabidka
	{
		position: absolute;
		right: 0;
		z-index: 21;
		padding-top: .2em;
	}

#diskuze
	{
		font-size: 90%;
		position: absolute;
		top: 11em;
		right: 1.2em;
		width: 8em;
		z-index:20;
		text-align: center;
		margin: 0;
		padding: 0;
		padding-top: .2em;
	}

#diskuze a
	{
		text-decoration: none;
		margin: 0;
		padding: 0;
		color: white;
		font-weight: bold;
	}

#diskuze a:hover, #diskuze a:focus
	{
		text-decoration: underline;
	}

/* Odkazy ------------------------------------------------------------------------ */

a
	{
		text-decoration: underline;
		color: #4373a3;
	}

a:hover
	{
		text-decoration: none;
	}

a.tl_a, ul.tl_a a, div.tl_a
	{
		line-height: 2em;
		height: 1.6em;
		padding: 0 0.4em;
		color: black;
		background: #90afd7;
		border: 1px outset #90afd7;
		text-align: center;
		text-decoration: none;
	}

div.tl_a a
	{
		display: block;
		line-height: 1.8em;
		color: black;
		text-align: center;
		text-decoration: none;
	}

a.tl_a:hover, ul.tl_a a:hover, div.tl_a:hover, div.tl_a:hover a
	{
		color: white;
		background: #708fc7;
		border: 1px outset #90afd7;
	}

ul.tl_a, div.tl_a
	{
		list-style-type: none;
		width: 27em;
		padding: 0;
		margin: auto;
	}

div.tl_a
	{
		height: 1.7em;
		padding: .1em;
		margin-bottom: .8em;
	}

ul.tl_a li
	{
		margin: .3em 0;
		padding: 0;
		width: 26.6em;
	}

ul.tl_a a
	{
		display: block;
		width: 27em;
		padding-top: -.3em;
		padding-bottom: .3em;
		margin: 0;
	}

ul > li > span
	{
		display: block;
		margin: 0.2em 0 0.4em 1.4em;
	}

/* Tabulky --------------------------------------------------------------------------------------- */

table
	{
		margin: auto 0;
	}

td, th
	{
		border: .12em solid #999;
	}

table+table
	{
		margin-top: 1.1em;
	}

.instalace_software pre
	{
		margin: .6em;
	}

.instalace_software
	{
		width: 100%;
	}

.instalace_software th+th
	{
		width: 45%;
		min-width: 24em;
	}

/* Články, návody, obsah ------------------------------------------------------ */

div.cla_nav_tab
	{
		display: table;
	}

div.cla_nav_tab > div
	{
		display: table-row;
	}

div.cla_nav_tab > div > div
	{
		display: table-cell;
	}

/* Články ------------------------------------------------------------------------- */

div.cla_tab
	{
		border: 1px solid #4373a3;
		padding: 0;
		width: 100%;
		background: #edefff;
	}

div.clanek
	{
		padding: .7em 1em 0 1em;
	}

div.clanek:hover
	{
		background: #ccd9ea;
		border-bottom: 1px dashed #4373a3;
	}

div.clanek+div.clanek:hover
	{
		border-top: 1px dashed #4373a3;
	}

/* Obsah ------------------------------------------------------------------------------- */

div.obs_tab
	{
		border-left: 1px solid #4373a3;
		border-right: 1px solid #4373a3;
		padding: 0;
		width: 100%;
		background: #edefff;
	}

.obsah
	{
		margin-top: 0;
		padding: 0;
	}

.obal
	{
		margin: 0;
		padding: 0;
	}

.obal_soft
	{
		margin: 0;
		padding: 0 .8em;
		background: #edefff;
		border-top: 1px dashed #edefff;
		border-bottom: 1px dashed #edefff;
	}

.obal_soft:hover
	{
		background: #ccd9ea;
		border-top: 1px dashed #4373a3;
		border-bottom: 1px dashed #4373a3;
	}

div.obal_tla
	{
		margin: 0;
		padding: .7em 0;
	}

div.obal_tla:hover
	{
		background: #ccd9ea;
		border-top: 1px dashed #4373a3;
		border-bottom: 1px dashed #4373a3;
	}



div.mez_tab>div
	{
		width: .8em;
	}

div.nav_tab
	{
		background: #edefff;
		border: 1px solid #4373a3;
	}

.obsah
	{
		margin: 0;
		padding: 0;
	}

.obal_soft
	{
		margin: 0;
		padding: 0 .8em;
		background: #edefff;
	}

div.nav_tab:hover
	{
		background: #ccd9ea;
	}

div.navody
	{
		width: 13.35em;
		padding: .7em 1em 0 1em;
	}

div.ost_tab
	{
		background: #edefff;
		border: 1px solid #4373a3;
	}

div.ost_tab:hover
	{
		background: #ccd9ea;
	}

div.ostatni
	{
		width: 13.35em;
		padding: .7em 1em 0 1em;
	}

div.cla_nav_tab .cely_text, .vpravo
	{
		text-align: right;
	}

.extrazvyr
	{
		color: red;
	}

div.uvod_str_blog h4
	{
		color: #bda152;
		margin: 0;
		padding: 0;
		text-shadow: .15em .15em .08em #321;
	}

div.uvod_str_blog h4.s
	{
		color: #bda152;
		text-shadow: .15em .15em .08em #321;
	}

div.uvod_str_blog h4 a
	{
		color: #bda152;
	}

div.uvod_str_blog h4.s a
	{
		color: #bda152;
	}

div.uvod_str_blog
	{
		font-size: 90%;
	}

div.uvod_str_blog h4
	{
		font-size: 160%;
	}

div.obr_vlevo
	{
		float:left;
		margin:0 10px 3px 0;
	}
/* --------------------------------------------------------------------------------- */

img.minibannery
	{
		width:312px;
		max-width:100%;
	}

/* Tisk ------------------------------------------------------------------------------------------ */
 
h1, h2, h3, h4, h5
 {
  page-break-after: avoid;
 }

@page
 {
  margin: 1.5cm;
 }
 
@media print
	{

		body
			{
				background: transparent;
				font-size: 12pt;
			}


		#h_ram_pozadi, #h_ram,  #h_okraj,  #l_okraj,  #p_okraj, #d_okraj, #d_ram_pozadi, #prepinac, #stahnout, #diskuze, #nadpis_1, #nadpis_2, #nadpis_3, div.mez_tab_1, div.ost_tab_1, div.mez_tab, div.ost_tab, .ost_tab *, .ost_tab > *, .navrcholu, .odkazy, #diskuze_vstup, object#diskuze_php
			{
				display: none;
			}

		#telo
			{
				padding: 0;
				margin: 0;
				border: none;
			}

	}