@charset "utf-8";

/* ěščřžýáíé */

@media screen, print {
	body {
		color: #555;
		background-color: #FFF;
		padding: 0px;
    font-size: 12px;
	}
	
	a {
		color: #9D223C;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;  
	}
	
	p {
		/*text-indent: 1em;*/
		padding: 0px;
		margin: 5px 0px 5px 8px;
		text-align: justify;
	}
  
	#obsah-text {
		min-height: 200px;
		height: 100% !important;
	}
	
  

	h1 {
		color: #344079;
		background-repeat:no-repeat;
		background-position: left center;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
    background-image: url('../img/nadpis-sipka.png');
		padding: 10px 0px 10px 22px;
    margin-top: 6px;
		margin-bottom: 5px;
    margin-left: 5px;
	}
	
	h2 {
		color: #005387;
		background-color: #FFF;
		font-style: normal;
		font-size: 14px;
		font-weight: bold;
		padding: 0px;
		margin: 10px 2px 5px 0px;
	}
	
	h3 {
		color: #005387;
		background-color: #FFF;
		font-size: 12px;
		padding: 0px;
		margin: 18px 0px 8px 5px;
		font-weight: bold;
    clear: both;
	}
	
	h4 {
		color: #005387;
		background-color: #FFF;
		font-style: normal;
		font-size: 10px;
		font-weight: bold;
		padding: 0px;
		margin: 10px 2px 5px 0px;
	}
	
	ul {
	}
	
	ul, ol {	
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	ol h6 {
		font-size: 12px;
		font-style: italic;
		margin: 0px;
		padding: 0px;
	}
	
  ul, ol {
    padding-left: 40px ;
  }
  
	li {
		text-align: justify;
		margin-left: 0px;
    
	}
	
	img {
		border: 0px;
	}
	
	
	img.obr_nalevo, img.obr_napravo, img.obr_nastred, img.obr {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	a img.obr_nalevo, a img.obr_napravo, a img.obr_nastred, a img.obr {
		border: 1px solid #aaa;
		padding: 2px;
		background-color: #DDD;
	}
	
	a:hover img.obr_nalevo, a:hover img.obr_napravo, a:hover img.obr_nastred, a:hover img.obr {
		border: 1px solid #666;
	}
	
	img.obr_nalevo {
		float: left;
		clear: left;
		margin: 2px 20px 6px 1px;
	}
	
	img.obr_napravo {
		float: right;
		clear: right;
		margin: 2px 1px 6px 20px;
	}
	
	img.obr_nastred {
		margin: 0px;
	}
	
	dt {
		font-weight: bold;
		margin: 4px 0px 2px 0px;
	}
	
	dd {
		text-align: justify;
		margin: 0px 0px 0px 25px;
	}
	
	div.centr {
		margin: 10px 0px;
		text-align: center;
	}
	
	sup {
		font-size: 8px;
	}
	
	div#typy {
		margin-top: 10px;
		padding: 0px 0px 5px 0px;
		text-align: left;
	}
	
	div#dotaznik {
		text-align: right;
		padding: 0px 0px 5px 0px;
	}
	
	div#dotaznik a, div#typy a {
		font-weight: bold;
		color: #F58216;
		text-decoration: none;
		background-repeat: no-repeat;
		padding: 4px 2px 4px 24px;
	}
	
	div#dotaznik a {
		background-image: url('../img/dotaznik.gif');
		background-position: 2px 2px;
	}
	
	div#typy a {
		background-image: url('../img/icon-table.gif');
		background-position: 2px 4px;
	}
	
	div#dotaznik a:hover, div#typy a:hover {
		color: #369fC3;
		text-decoration: none;
	}
	
	.info {
		color:#CC6600;
		font-weight:bold;
		padding:5px 20px;
	}

	.informacni_panel {
		color:#CC6600;
		font-weight:bold;
		padding:5px 10px;
		background-color: #DDD;
		border: 1px solid #000066;
		clear: both;
	}
	

	.Nezalomovat {
		white-space: nowrap;
	}

	.odsazeno {
		margin-left: 30px;
	}
	
	.modre_svetle {
	color: #1795D0;
	}
	.modre_tmave {
	color: #005387;
	}

	.sedive {
		color: #bcbcbc;
	}
	.sedive_tmave {
		color:#888;
	}
	.zelene {
		color:#20b18c;
	}
	.zlute {
		color: #FCC611;
	}
	.oranzove {
		color: #F08326;
	}

	.cervene {
		color: #FF0000;
	}
	.vyrazne {
		color: #F58216;
	}

}
/* ============= Viditelne styly ============= */

img.obrazek_zarovnany_vpravo {
  float: right;
  margin: 0px 0px 10px 10px;
}

img.obrazek_zarovnany_vlevo {
  float: left;
  margin: 0px 10px 10px 0px;
}

table.tabulka {
  border-collapse: collapse;
  margin-left: 8px;
}