body {
	margin: 0px;
	padding: 5px 0 5px 0;
	color: #666666;
	background: #FFFFFF;
	font-family: "MarkPro", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	overflow-y: scroll;
}

@font-face {
	font-family: "MarkPro";
	src: url("/ICDL-Document-fonts/MarkPro.otf");
}

@font-face {
	font-family: "MarkPro";
	src: url("/ICDL-Document-fonts/MarkPro-Bold.otf");
	font-weight: bold;
}

img[src*=".svg"] {
	width: 100%; 
  }

body,
div,
td,
th,
p,
textarea {
	font-size: 14px;
}

#page {
	width: 1200px;
	/* Pozn.: puv 1000px; max pro All-in-one-sidebar a 1280 šířku je 1205px */
	margin: 0px auto;
	padding: 0 20px;
}

img {
	border: none;
	/* display: block; see: "HTML 5 strange img always adds 3px margin at bottom". Někde může být zapotřebí to dát, ale to už nechci globálně, aby img byl defaultně float. Dát tedy cíleně jen tam, kde bych měl problém  */
}

#hlavicka {
	background-color: #ffffff;
	height: 103px;
	margin: 0;
}

#hlavicka-adv {
	background-color: #F68F23;
	height: 103px;
	margin: 0;
}

#hlavicka img {
	margin: 0;
	padding: 0;
	height: 80px;
	margin-left: -3px;
}

#hlavicka-left {
	float: left;
	margin: 0;
	width: 118.375px;
	height: 80px;
	text-align: left;
	margin-top: 10px;
	margin-left: 4px;
}

#hlavicka-right {
	float: right;
	margin: 0px;
	width: 163.969px;
	height: 60px;
	margin-right: 0px;
	position: relative;
	left: 4px;
	padding: 0px;
	margin-top: 10px;
}


.svgIE-left {
	background-image: url('/obr/Logo_ICDL_new.svg');
	background-repeat: no-repeat;  
	background-size: contain;
	/* Aspect ratio 1:1 */ 
	height: 80px;
  }

  .svgIE-right {
	background-image: url('/obr/Logo_ECDL_CZ.svg');
	background-repeat: no-repeat;  
	background-size: contain;
	/* Aspect ratio 1:1 */ 
	height: 60px;
  }

#center-center p {
	line-height: 18px;
	/* 14.5px je ok */
}

#center-center p strong {
	line-height: 16px;
}

strong {
	color: #66625f;
	font-size: 13px;
}

#menu-obalka {
	/*background-color: #E3F7FF; /*FIXME barvu prouzku podle pdfka*/
	/*background-color: #0C608F; */
	/*background: url("../obr/menu_prouzek_new.png") repeat-x;*/
	background: #009ede;
	/*
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	*/
	height: 35px;
	padding: 0;
	margin: 0 0 5px 0;
}

#menu {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
	padding-top: 6px;
	/* margin-left: 25px; */
	/* menu je vycentrovano, ale mohu ho trochu posunout */
}

#menu ul {
	margin: 0 auto;
	padding: 3px 0;
	/* IE hack pro le IE 6, ale pro standarni mod neni nutny  */
	/* _padding: 3px 0; */
	overflow: hidden;
	/* aby nezalomil delsi menu napr pri zmene zoomu v Fx */
	white-space: nowrap;
	/* aby nezalomil delsi menu napr pri zmene zoomu v Fx */
}

#menu li {
	margin: 0;
	list-style: none;
	display: inline-block;
	/* místo float: left, který zalamoval menu (napr pri zmene zoomu v Fx se tam nevesel a zalomil menu) */
}

#menu li+li {
	margin-left: 45px;
	/* 14 */
	padding-left: 15 ěpx;
	/* 15 */
	/* padding je oproti margin zvetsen o šířku obrazku (1 px) */
}

#menu a {
	color: #ffffff;
	font-weight: bold;
	/*background-color: #0C608F;*/
	/*background: url("../obr/menu_prouzek_new.png") repeat-x 0 -3px;*/
	text-decoration: none;
	/* pokud bych kontejneru nadefinoval width, pak by tohle zafungovalo:
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
  */
}

#menu a:hover,
#menu a:active,
#menu .menu-selected {
	text-decoration: underline;
	/* background-color: #0C608F; */
	/*background: url("../obr/menu_prouzek_new.png") repeat-x 0 -3px;*/
}

#menu .menu-selected {
	cursor: default;
}

#quality {
	position: absolute;
	z-index: 100;
	top: 70px;
	height: 74px;
}

#quality a {
	background: none;
	padding: 0px;
}

#center {
	/*border: 1px solid #B4B4B4;*/
	text-align: left;
	background-color: transparent;
}

#center-center {
	background-color: #fff;
	min-height: 800px;
	text-align: left;
}

#submenu {
	margin: 0px;
	padding: 0px;
}

#submenu ul {
	padding: 0;
	margin: 0;
}

#mainSubmenu ul {
	display: none;
}

#mainSubmenu li.active ul {
	display: block;
}

#submenu li {
	list-style-type: none;
}

#submenu li.subitem
{
	margin-left: 10px;
}
#submenu li.subitem a {
	padding-left: 10px;
	border-left: 1px solid rgba(189, 189, 189, .4);
	color: #8C8C8C;
}


#submenu a {
	color: white;
	/* původni barva #000066;*/
	font-size: 12px;
	/*font-weight: bold;*/
	display: block;
	text-decoration: none;
	padding: 8px 0px;
}

#submenu a:hover,
#submenu a.select:hover {
	background-color: rgba(0, 0, 0, .05);
}

.menuList {
	height: 20px;
	line-height: 20px;
	float: left;
	padding: 2px 5px;
	margin: 1px 1px 0;
	font-weight: bold;
	border-radius: 7px 7px 0 0;
	/* nyni menuList nepouzivam a css validator hlasi warningy, proto zakomentovano: */
	/*
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	*/
	margin-top: -21px;
}

#menuAdv .menuList a,
#menuCore .menuList a {
	background-color: transparent;
	padding: 0;
	color: #FFFFFF;
	text-align: center;
}

#menuCore,
#menuAdv {
	position: absolute;
	top: 155px;
	width: 198px;
	margin-top: 22px;
}

#menuCore a {
	color: #616161;
}

#menuCore li a.select {
	color: #029ede;
}

#menuCore li.subitem a.select {
	border-left: 1px solid #029ede;
}

#menuCore .menuList {
	background-color: #009ede;
	width: 87px;
}

#menuCore .submenuhead,
#menuCore.active .menuList,
#menuCore.active .menuList a {
	background-color: #009ede;
}

#menuAdv a {
	background-color: #FDF0E3;
}

#menuAdv a.select {
	background-color: #F2F2F2;
}

#menuAdv .menuList {
	background-color: #F68F23;
}

#menuAdv .menuList {
	margin-left: 100px;
	width: 87px;
}

#menuAdv .submenuhead,
#menuAdv.active .menuList,
#menuAdv.active .menuList a {
	background-color: #F68F23;
}

.submenuhead {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 4px 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	clear: left;
}

div#submenulogo {
	padding-top: 9px;
}

div#submenulogoAdv {
	padding-top: 20px;
	text-align: center;
}

div#submenulogoAdv a {
	display: inline;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

div#submenulogoAdv img {
	margin: 4px;
}

#submenulogo a {
	background-color: #ffffff;
	text-align: center;
	color: #000000;
	margin: 8px 0 13px 5px;
}

#submenulogo a img {
	margin-bottom: 10px;
}

#submenulogo div.inline {
	margin: 0px;
	padding: 0px;
}

#submenulogo div.inline a {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#submenu form.main {
	padding: 4px 0 3px 3px;
	margin: 1px 1px 0 1px;
	background-color: #000066;
}

#submenu form.no_main {
	padding: 4px 0 3px 3px;
	margin: 1px 1px 0 1px;
	background-color: #F1FBFF;
}

#submenu input {
	background-color: #FFFFFF;
	font-size: 11px;
}

#submenu .button_main {
	background-color: #000066;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	margin: 0 0px 2px 0px;
	width: 49px;
}

#submenu .button_no_main {
	background-color: #F1FBFF;
	color: #000099;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	margin: 0 0px 2px 0px;
	width: 49px;
}

#materialy {
	margin-top: 305px;
	text-align: center;
	width: 198px;
	float: left;
}

#kontakt-loga {
	margin-top: 105px;
	text-align: center;
	width: 198px;
	float: left;
}

#produkty-loga,
#produkty-logaAdv {
	margin-top: 400px;
	text-align: center;
	width: 198px;
	float: left;
}

#produkty-logaAdv {
	margin-top: 220px;
}

#search-bar {
	margin: 8px;
	margin-top: 25px;
	background-color: #E3F7FF;
	padding: 10px;
	height: 2em;
}

#search-bar form {
	margin: 0;
	padding-top: 2px;
}

#search-bar input {
	border: 1px solid #ccc;
	background: white;
	margin: 0;
	padding: 2px 4px;
}

#search-bar .button_no_main {
	background-color: #fff;
	color: #000099;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	padding: 2px 4px;
}

#stred {
	margin-left: 200px;
	padding: 5px 0px 0px 18px;
	/*background: url("../obr/stin.jpg?v20130923") no-repeat #ffffff;*/
}

.min-height-obal li {
	margin-bottom: 3px;
}
.min-height-obal ol{
	padding-left: 23px;
}
.min-height-obal ul {
	margin-left: 10px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1.1em;
	padding-left: 1em;
}

.min-height-obal ul li {
	list-style-type: none;
}

.ul-nostyle li::before {
	content: '' !important;
	margin: 0 !important;
	padding: 0 !important;
}

.min-height-obal ul li::before {
	content: '\25A0';
	padding-right: 8px;
	font-size: 8px;
	vertical-align: middle;
	color: #009ede;
}

#stred.min-height-obal {
	/* padding ze #stred se u min-height-obal přesouvá do div.min-height-620 */
	padding: 0;
}

div.min-height-620 {
	padding: 0px 0px 0px 18px;
	/* instead for bottom use #paticka */
}

#paticka {
	/*border-top: 1px solid rgba(189,189,189,.4);*/
	padding: 6px 0;
	height: auto;
	clear: both;
	font-size: 7.5pt;
	color: #616161;
	margin-top: 20px;
	text-align: center;
}

#paticka span {
	margin-right: auto;
	margin-left: auto;
}

#copyright a {
	color: #0082b7;
}

.paticka-cara {
	display: block;
	height: 0px;
	max-width: 55%;
	border-top: 1px solid rgba(189, 189, 189, .4);
	background-color: inherit;
	margin: auto;
	margin-bottom: 10px;
}

#copyright a:hover {
	color: #006690;
}

span#pocitadlo {
	margin: 0;
	margin-left: 40px;
	padding: 2px;
}

#pocitadlo span {
	color: #000099;
}

.nowrap {
	white-space: nowrap;
}

h1 {
	font-size: 1.5em;
	color: #009ede;
	padding-top: 7px;
	margin-bottom: 1em;
	margin-top: 10px;
	line-height: 1.3em;
}
.IndexTitle
{
	padding: 10px 0;
}
h2 {
	margin-top: 21pt;
	font-size: 11pt;
	text-transform: uppercase;
	font-variant: small-caps;
	color: #009ede;
	font-weight: normal;
}

h3 {
	margin-top: 2em;
	font-size: 1em;
	color: #009ede;
	font-weight: normal;
}

h2.forceheight {
	line-height: 2em;
}

p {
	margin-bottom: 1.2em;
}

p.noindent {
	text-indent: 0px;
}

span.nowrap {
	white-space: nowrap;
}

p.comment {
	line-height: 1.9em;
	text-indent: 0px;
	margin-left: 1em;
}

p.comment span {
	vertical-align: super;
	color: #000066;
}

p.indentall {
	text-indent: 0px;
	margin-left: 30px;
}

a {
	color: #0082b7;
	/*  #000066;*/
	text-decoration: underline;
}

a:hover {
	color: #006690;
}

hr {
	height: 1px;
	background-color: #666666;
	border-width: 0px;
	color: #666666;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 1em;
}

td,
th,
input,
select,
textarea,
file {
	font-size: 8.25pt;

}

td a {
	color: #009ede;
	text-decoration: none;
}

td a:hover {
	color: #006690;
}

table.kontakty th {
	text-align: right;
	padding-right: 8px;
	padding-left: 0px;
	width: 105px;
}


input,
select,
textarea,
file {
	background-color: #F1FBFF;
	text-indent: 1px;
	margin-bottom: 1px;
}

.aktuality td div {
	font-weight: bold;

}

.aktuality td {
	color: #666666;
	font-size: 12px;
}

.aktuality a {
	color: #0082b7;
	text-decoration: underline;
}

.aktuality a:hover {
	color: #006690;
}

.aktuality img {
	margin: 20px 0 0px 10px;
}

.submit {
	background-color: #D4D0C8;
}

.submitAktualita {
	background-color: #D4D0C8;
}

.cistic {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}

.cisticR {
	clear: right;
	height: 1px;
	margin: 0;
	padding: 0;
}

table.cisticTable {
	clear: right;
}

.sort-arrow.descending {
	/*	background-image: url("../obr/down.gif");*/
	border-top: 5px solid white;

}

.sort-arrow.ascending {

	border-bottom: 5px solid white;
}

.sort-arrow {
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;

	width: 0px;
	height: 0px;
}

.tableheader {
	BORDER-RIGHT: black 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: #d8e0eb;
	COLOR: navy;
}

.mujtable {
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
}

.mujtd {
	BORDER-RIGHT: black 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: black 1px solid;
	PADDING-LEFT: 3px;
	FONT-SIZE: 10px;
	BACKGROUND: #f8f8f8;
	PADDING-BOTTOM: 3px;
	COLOR: black;
	PADDING-TOP: 3px;
}

div.partes {
	margin-bottom: 30px;
	position: relative;
	top: 0px;
	width: 600px;
}

div.partes h2 {
	margin-top: 4px;
	margin-bottom: 2px;
}

div.partes image {
	margin-top: 1px;
}

div.partes a {
	color: #000066;
	text-decoration: none;
	padding: 0 1px 0 1px;
	vertical-align: middle;
}

div.partes strong {
	color: #000066;
	font-weight: bold;
	padding: 0 1px 0 1px;
}

div.partes div {
	height: 10px;
}

div.partesend {
	margin-top: 10px;
	text-align: center;
}

div.partes a {
	color: #000066;
	text-decoration: none;
	padding: 0 1px 0 1px;
	vertical-align: middle;
}

div#obsahHeightNull {
	position: relative;
	top: 0px;
	width: 1px;
}

div#obsahHeight-790 {
	position: absolute;
	/* force instant min height for scrolling to obsah */
	top: 0px;
	height: 790px;
	width: 1px;
	z-index: -100;
	/* border: solid 1px blue;*/
}

/*
	hack pro box s minimalni vyskou >>>

	Pouzije se tam, kde je potreba nastavit minimalni vysku boxu, kterej ma obsah
  vysoky mene, nez je potreba. Pri zvetseni vysky obsahu se box automaticky roztahne
  Zaklad je box s class="min-height-620", do ktereho se umisti obsah. Cele to je
  vnorene jeste v jednom boxu, kterej ma nastavenou libovolnou class (kvuli div[class])
  Overeno na: IE6, IE7, FireFox 2 a Opera 8 a 9
  Pr:
  <div id="stred" class="min-height-obal">
		<div class="min-height-620">Tady bude obsah ... </div>
	</div> <!-- min height end -->
*/
.min-height-620 {
	min-height: 620px;
	height: 620px;
}

div[class] .min-height-620 {
	height: auto;
}

counter-style bracket-lower-alpha-draft {
	/* CSS3 draft recomendation - https://drafts.csswg.org/css-counter-styles-3/#the-counter-style-rule 
     works only in FX: https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style
  */
	system: extends lower-alpha;
	suffix: ") ";
	speak-as: spell-out;
	fallback: lower-alpha;
}

ol.bracket-lower-alpha-draft {
	list-style-type: lower-alpha;
	/* fallback for other browsers*/
	list-style: bracket-lower-alpha-draft;
}

ol.bracket-lower-alpha,
ol.bracket-decimal {
	counter-reset: list;
	margin: 0;
}

ol.bracket-lower-alpha>li,
ol.bracket-decimal>li {
	list-style: none;
	position: relative;
}

ol.bracket-lower-alpha>li:before,
ol.bracket-decimal>li:before {
	counter-increment: list;
	content: counter(list) ") ";
	/* content: counter(list, lower-alpha) ") "; */
	position: absolute;
	left: -1.4em;
}

ol.bracket-lower-alpha>li:before {
	content: counter(list, lower-alpha) ") ";
}

ol.bracket-decimal>li:before {
	content: counter(list) ") ";
}

/*hack pro box s minimalni vyskou begin */
#ukazka_ukolu h3 {
	color: #404040;
	margin-top: 6pt;
	margin-bottom: 1pt;
	font-size: 100%
}

#ukazka_ukolu h2 {
	margin-top: 36pt;
	margin-bottom: 4pt;
}

#ukazka_ukolu div {
	color: #aaaaaa;
	border-bottom: solid;
	border-bottom-width: 1px;
	clear: both;
}

#ukazka_ukolu div.hr_h2 {
	color: #999999;
	border-bottom: solid;
	border-top: solid;
	padding-top: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	clear: none;
}

#ukazka_ukolu p.par {
	text-indent: 35px;
	margin-top: 0em;
	margin-bottom: 0em;
}

#ukazka_ukolu p.par span {
	text-align: right;
	color: #404040;
	float: right;
	width: 20ex;
	margin-right: 10px;
	font-style: italic;
	margin-bottom: 8pt;
	margin-top: 4pt;
}

#ukazka_ukolu ol {
	list-style: lower-alpha;
	margin-top: 15px;
}

#ukazka_ukolu img#uk_uk_mod4 {
	margin: 16pt 0 14pt 0;
	position: relative;
	left: -19px;
}

.vspace {
	margin-top: 1em;
}

table {
	width: 100%;
}

table.header {
	border-collapse: collapse;
}

thead td,
thead a,
thead strong {
	padding: 5px 5px;
	border: 1px solid #009ede;
	color: white;
	font-weight: bold;
	background-color: #009ede;
}

td,
tr {
	border: 1px solid #e5e5e5;
	padding: 8px 8px;
}

thead a:hover {
	color: white;
	text-decoration: underline;
}

table.header.adv thead td {
	background-color: #009ede;
}

.pfGal {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	cursor: url(../obr/zoomin.cur), default;
}

.center {
	text-align: center;
}

.sylabSoubory {
	padding: 2px 5px;
}

.sylabSoubory img {
	vertical-align: middle;
}

.sylabSoubory a {
	margin-left: 17px;
}

a.noDekor:link,
a.noDekor:visited {
	text-decoration: none;
	color: #000066;
	/* color:inherit; */
}

a.noDekor:hover {
	color: #000066;
	text-decoration: underline;
}

/* vyhledavani */
#hledani {
	padding-top: 25px;
	text-align: right;
	background-color: #FFFFFF;
	display: none;
}

#qField {
	width: 580px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #D9D9D9;
	margin-right: 20px;
	font-size: 16px;
	padding: 0 8px;
	background: #FFF url(http://1.im.cz/seznam/seznam-search.png) 4px 50% no-repeat;
}

#qField:focus,
#qField[value] {
	background-image: none;
}

#menuCore #hledani input {
	background-color: #F1FBFF;
	margin-right: 10px;
}

#menuAdv #hledani input {
	background-color: #FDF0E3;
	margin-right: 10px;
}

#cse table {
	margin-top: 0;
}

.searchSeznam {
	position: relative;
	padding: 1em;
	width: auto;
}

input.search-button {
	font-family: inherit;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 0 8px;
	height: 27px;
	min-width: 54px;
	position: absolute;
	border: 1px solid #666666;
	border-radius: 3px;
	/* efekt je minimalni a css validator pak hlasi warningy, proto zakomentovano: */
	/*
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	*/
	border-color: #3079ed;
	background-color: #4d90fe;
	/* efekt je minimalni a css validator pak hlasi warningy, proto zakomentovano: */
	/*
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	*/
	background-image: linear-gradient(to bottom, #4d90fe, #4787ed);
	/* efekt je minimalni a css validator pak hlasi chyby, proto nasledujici zakomentovano: */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed'); */
}

input.search-button:hover {
	border-color: #2f5bb7;
	background-color: #357ae8;
	/* efekt je minimalni a css validator pak hlasi warningy, proto zakomentovano: */
	/*
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(to bottom,#4d90fe,#357ae8);
	*/
	/* efekt je minimalni a css validator pak hlasi chyby, proto nasledujici zakomentovano: */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8'); */
}

input.search-button:focus {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
	/* efekt je minimalni a css validator pak hlasi warningy, proto zakomentovano: */
	/*
  -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
  -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5);
	*/
}

.red {
	color: #E32727;
}

ol.prava_povinnosti {
	padding-left: 15px;
	margin-left: 0px;
	padding-bottom: 1em;
}

.prava_povinnosti li {
	margin-bottom: 10px;
	/* list-style-type: lower-alpha; instead used: bracket-lower-alpha */
}

.listecek {
	background-color: #009ede;
	/* puv Core byl #045284; */
	color: white;
}

.listecek.adv {
	background-color: #F68F23;
}

/*
div.menuList {
	display: none;
}
#menuCore,
#menuAdv {
	margin-top: 10px;
}
*/

/* fae classy doplneny kvuli fae accessibility */
.faeNavigation {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* priklad v mem Fx scrapbuku v web design, finty */
div.faeimg-sylabus {
	display: block;
	/* Required */
	width: 196px;
	/* Width of image in question */
	height: 145px;
	/* Height of image in question */
	position: relative;
	/* Required */
	margin: 12px 12px 10px 16px;
	float: right;
}

span.faeimg-sylabus {
	position: absolute;
	/* Required */
	width: 100%;
	/* Stretch full width of parent */
	height: 100%;
	/* Stretch full height of parent */
	background: url("../obr/sylabus.jpg") top left no-repeat;
	/* cursor:pointer; Required for links to appear like links in IE */
}

span.small {
	font-size: x-small;
	color: #666666;
}

img.logo {
	margin: 17px -3px 18px 16px;
	/* puvodne 10px 0 0 10px; */
	float: right;
}

img.logoNoBottom {
	margin: 17px -3px 2px 16px;
	/* puvodne 10px 0 0 10px; */
	float: right;
}

.logos {
	margin: 17px 0px 12px 16px;
	float: right;
	width: 280px;
}

.logos img {
	margin: 3px 0px;
	float: right;
}

h1.lektori_,
h1.lektori_adv,
h1.lektori_dfo,
h1.lektori_zaclen {
	/* margin: 22px 0 30px; */

}

h1.ucebny_,
h1.ucebny_adv,
h1.ucebny_dfo,
h1.ucebny_zaclen {
	/* margin: 22px 0 30px; */

}


sub,
sup {
	/* viz http://atd.havrlant.net/stylovani-hornich-a-dolnich-indexu.html */
	vertical-align: baseline;
	position: relative;
	font-size: 0.7273em;
	/* výsledkem je 8px kdyz parent element má font-size 11px; plati pro fx, chrome safari i operu,
	ale IE 11 potrebuje jinou hodnotu - v default-only-ie.css je font-size: 0.87em; */
	padding-left: 0.25em;
	/* 2px */
	font-weight: normal;
}

sub {
	top: 0.5em;
}

sup {
	bottom: 0.5em;
}

img.right {
	float: right;
	clear: right;
	margin-left: 10px;
	position: relative;
	top: -3px;
	max-width: 245px;
	padding-left: 10px;
	padding-bottom: 10px;
}

img.imgRightFirst {
	max-width: 245px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.logoStredisko {
	max-height: 71px;
	margin-right: 2px;
	float: right;
	margin: 3px 0;
	padding-top: 4px;
	max-width: 350px;
}

.skryte {
	visibility: hidden;
}

.display_none {
	display: none;
}

img.prouzky {
	clear: left;
	display: block;
	margin-top: 6px;
	margin-left: 3px;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.certif {
	margin: 10px auto 40px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 0.9);
	width: 65%;
	display: block;
}

/*
img.certif {
	margin: 10px auto 26px 35px;
	padding: 26px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 0.9);
	width: 60%;
}*/

img.certifprof {
	height: 450.75px;
	margin: 10px auto 26px 180px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 0.9);
	margin-top: 10px;
}

img.mainmenu {
	display: inline-block;
	position: relative;
	top: 1px;
}