@import url("styly_zaklad.css");

html, body, div, form, img {
  margin: 0; padding: 0; border: 0;
}

body {
  background: #f29400 url('/themes/default/img/pozadi.gif') center top repeat-x;
}

body { -webkit-text-size-adjust: 100%; }

/*** Kontejner ***/ 
#kontejner {
	width: 1016px; margin: auto; position: relative;
}

/*** Zahlavi, logo, horni menu, texty v zahlavi ***/   
#zahlavi	{
	position: relative; height: 130px;
}

#zahlavi_obsah {
  position: relative; float: left; width: 974px; height: 115px;
  background: transparent url('/themes/default/img/zahlavi/pozadi.png') left top repeat-x;
}

#zahlavi_okraj_levy {
  position: relative; float: left; width: 22px; height: 115px;
  background: transparent url('/themes/default/img/zahlavi/okraj_levy.png') left top no-repeat;
}

#zahlavi_okraj_pravy {
  position: relative; float: left; width: 17px; height: 115px;
  background: transparent url('/themes/default/img/zahlavi/okraj_pravy.png') right top no-repeat;
}

#zahlavi_okraj_dolni {
  position: absolute; width: 1010px; height: 15px; left: 1px; top: 115px;
  background: transparent url('/themes/default/img/zahlavi/okraj_dolni.png') left top no-repeat;
}
	
#logo {
  position: relative; width: 231px; height: 27px; float: left; margin: 41px 20px 30px 20px;
}

.vstup #zahlavi_vstup {
  position: relative; width: 699px; height: 115px; float: right; 
  background: transparent url('/themes/default/img/zahlavi/vstup_pozadi.gif');
}

.vstup #multimedia_and_internet {
  position: relative; width: 354px; height: 51px; float: left; margin: 30px 0 0 37px; 
}

.vstup #info {
  position: relative; width: 12.438em; float: right; margin: 18px 0 0 0; padding: 0;
  font-size: 1.333em; color: white; list-style-type: none;
}

.vstup #info li {
  margin: 0; padding: 0 0 0 12px; 
  background: transparent url('/themes/default/img/zahlavi/info_odrazka.gif') left 0.5em no-repeat;
  line-height: 1.188em;
}

#menu_horni {
  position: relative; float: right; width: 700px; height: 115px; padding: 0; margin: 0;
}

#menu_horni li {
  position: relative; display: block; float: right; width: 117px; height: 115px; margin: 0; padding: 0;
  list-style-type: none; background-color: #f29400;
}

#menu_horni li a, #menu_horni li span {
  position: relative; display: block; width: 117px; height: 115px; margin: 0; padding: 0; overflow: hidden;
  background: transparent url('/themes/default/img/menu_horni/polozka.gif') left bottom no-repeat; text-decoration: none;
}

#menu_horni li a span, #menu_horni li span span {
  position: absolute; display: block; width: 111px; height: auto; left: 0; bottom: 6px; /*top: 90px;*/ padding: 0 3px 5px 3px;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif; text-align: center; font-size: 1.167em; font-weight: bold; color: white; line-height: 15px;
  background: transparent none; background-image: none !important;
}

#menu_horni li a span {
  cursor: pointer;
}

#menu_horni li.menu_horni_kontakt a {
  background-image: url('/themes/default/img/menu_horni/kontakt.gif');
}

#menu_horni li.menu_horni_kontakt_vybrano a, #menu_horni li.menu_horni_kontakt_vybrano span {
  background-image: url('/themes/default/img/menu_horni/kontakt_vybrano.gif');
}

#menu_horni li.menu_horni_kontakt a:hover, #menu_horni li.menu_horni_kontakt_vybrano a:hover {
  background-image: url('/themes/default/img/menu_horni/kontakt_hover.gif');
}

#menu_horni li.menu_horni_partneri, #menu_horni li.menu_horni_partneri_vybrano {
  width: 116px;
}

#menu_horni li.menu_horni_partneri a {
  width: 116px;
  background-image: url('/themes/default/img/menu_horni/partneri.gif');
}

#menu_horni li.menu_horni_partneri_vybrano a, #menu_horni li.menu_horni_partneri_vybrano span {
  width: 116px;
  background-image: url('/themes/default/img/menu_horni/partneri_vybrano.gif');
}

#menu_horni li.menu_horni_partneri a:hover, #menu_horni li.menu_horni_partneri_vybrano a:hover {
  background-image: url('/themes/default/img/menu_horni/partneri_hover.gif');
}

#menu_horni li.menu_horni_o_projektu a {
  background-image: url('/themes/default/img/menu_horni/o_projektu.gif');
}

#menu_horni li.menu_horni_o_projektu_vybrano a, #menu_horni li.menu_horni_o_projektu_vybrano span {
  background-image: url('/themes/default/img/menu_horni/o_projektu_vybrano.gif');
}

#menu_horni li.menu_horni_o_projektu a:hover, #menu_horni li.menu_horni_o_projektu_vybrano a:hover {
  background-image: url('/themes/default/img/menu_horni/o_projektu_hover.gif');
}

#menu_horni li.menu_horni_e_learning a {
  background-image: url('/themes/default/img/menu_horni/e_learning.gif');
}

#menu_horni li.menu_horni_e_learning_vybrano a, #menu_horni li.menu_horni_e_learning_vybrano span {
  background-image: url('/themes/default/img/menu_horni/e_learning_vybrano.gif');
}

#menu_horni li.menu_horni_e_learning a:hover, #menu_horni li.menu_horni_e_learning_vybrano a:hover {
  background-image: url('/themes/default/img/menu_horni/e_learning_hover.gif');
}

#menu_horni li.menu_horni_slovnik, #menu_horni li.menu_horni_slovnik_vybrano {
  width: 116px;
}

#menu_horni li.menu_horni_slovnik a {
  width: 116px;
  background-image: url('/themes/default/img/menu_horni/slovnik.gif');
}

#menu_horni li.menu_horni_slovnik_vybrano a, #menu_horni li.menu_horni_slovnik_vybrano span {
  width: 116px;
  background-image: url('/themes/default/img/menu_horni/slovnik_vybrano.gif');
}

#menu_horni li.menu_horni_slovnik a:hover, #menu_horni li.menu_horni_slovnik_vybrano a:hover {
  background-image: url('/themes/default/img/menu_horni/slovnik_hover.gif');
}

#menu_horni li.menu_horni_uvod a {
  background-image: url('/themes/default/img/menu_horni/uvod.gif');
}

#menu_horni li.menu_horni_uvod_vybrano a, #menu_horni li.menu_horni_uvod_vybrano span {
  background-image: url('/themes/default/img/menu_horni/uvod_vybrano.gif');
}

#menu_horni li.menu_horni_uvod a:hover, #menu_horni li.menu_horni_uvod_vybrano a:hover {
  background-image: url('/themes/default/img/menu_horni/uvod_hover.gif');
}

/*** Telo leve, menu leve, bannery pod menu ***/

.banner_l {
  position: relative; width: 170px; height: 204px; 
}

#telo_leve {
  overflow: hidden; z-index: 10; direction:ltr;
  position: relative; float: left; width: 185px; padding-left: 9px; margin-top: -3px;
}

#menu_leve {
  position: relative; width: 143px; padding: 0 21px 21px 21px;
  background: transparent url('/themes/default/img/menu_leve/pozadi.png') left top repeat-y;
}

#menu_leve_okraj_horni {
  position: relative; width: 185px; height: 24px;
  background: transparent url('/themes/default/img/menu_leve/okraj_horni.png') left top no-repeat;
}

#menu_leve_okraj_dolni {
  position: relative; width: 185px; height: 22px; margin-bottom: 8px;
  background: transparent url('/themes/default/img/menu_leve/okraj_dolni.png') left bottom no-repeat;
}

#menu_leve h2 {
  margin: 0 0 1em 0;
  font-size: 1.167em;
}

#menu_leve ul {
  position: relative; margin: 0; padding: 0 0 1px 0;
  list-style-type: none;
  background: transparent url('/themes/default/img/menu_leve/polozka.gif') left bottom repeat-x; 
}

#menu_leve ul li {
  position: relative; margin: 0; padding: 0;
}

#menu_leve ul li.menu_leve_licha {
  background-color: #fcd9ad;
}

#menu_leve ul li a, #menu_leve ul li span {
  position: relative; display: block; padding: 0; zoom: 1;
  text-decoration: none; color: black;
}

#menu_leve ul li a:hover {
  background-color: #ffc654; cursor: pointer;
}

#menu_leve ul li.menu_leve_vybrana a, #menu_leve ul li.menu_leve_vybrana span {
  background-color: #ffc654; font-weight: bold;
}

#menu_leve ul li.menu_leve_nedostupna a, #menu_leve ul li.menu_leve_nedostupna span {
  color: #ababab;
}

#menu_leve ul li a span, #menu_leve ul li span span {
  position: relative; display: block; padding: 7px 3px 5px 1px;
  background: transparent url('/themes/default/img/menu_leve/polozka.gif') left top repeat-x;
  background-color: transparent !important;
}

#menu_leve ul li a span img, #menu_leve ul li span span img {
  float: left; margin: -3px 10px 0 0;
}

a.banner_vlevo div.banner_hover {
  position: absolute; display: none; width: 27px; height: 25px; left: 140px; top: 12px; 
  background: transparent url('/themes/default/img/banner_hover.png') left top no-repeat; cursor: pointer;
}

a.banner_vlevo:hover div.banner_hover {
  display: block;
}

/*** Telo, obsah, pravy obsah, bannery, rozcestniky, mapa webu, vlajky na vstupu ***/
#telo {
  position: relative; float: right; width: 767px; min-height: 620px; height: 620px; margin-left: -11px; padding: 0 33px 0 33px;
  background: transparent url('/themes/default/img/telo/pozadi.png') left top repeat-y;
}

html>body #telo {
  height: auto;
}

#telo_okraj_horni {
  position: relative; float: right; width: 833px; height: 30px; margin-left: -11px; margin-top: -15px; margin-top: -15px;
  background: transparent url('/themes/default/img/telo/okraj_horni.png') right top no-repeat;
}

#telo_okraj_dolni {
  position: relative; float: right; width: 833px; height: 40px; margin-left: -11px;
  background: transparent url('/themes/default/img/telo/okraj_dolni.png') left top no-repeat; 
}

#cesta {
  margin-top: 0;
}

#obsah {
  position: relative; float: left; width: 580px;
}

#obsah_pravy {
  position: relative; float: right; width: 168px;
}

#obsah_pravy p {
  margin: 0;
}

#obsah_pravy p.datum {
  margin-top: 1.167em;
  font-style: italic;
}

#obsah_pravy p.prehled {
  margin: 2.417em 0 0.833em 0;
}

#obsah_pravy h3 {
  margin: 0;
  font-size: 1em;
}

#obsah_pravy h2 {
  margin: 0.167em 0 0.389em 0; 
  font-size: 1.5em; color: #6d6d6d;
}

a.banner div.banner_hover {
  position: absolute; display: none; width: 27px; height: 25px; left: 253px; top: 100px; 
  background: transparent url('/themes/default/img/banner_hover.png') left top no-repeat; cursor: pointer;
}

a.banner:hover div.banner_hover {
  display: block;
}

.rozcestnik_polozka {
  position: relative; width: 717px; padding: 2px 7px 3px 7px; margin-top: 5px;
  background: #fef3e2 url('/themes/default/img/telo/rozcestnik_polozka_horni.gif') left top no-repeat;
  font-size: 0.917em;
}

.rozcestnik_polozka_dolni_okraj {
  clear: both; position: relative; height: 4px; width: 731px; margin-bottom: 5px;
  background: transparent url('/themes/default/img/telo/rozcestnik_polozka_dolni.gif') left bottom no-repeat;
  line-height: 1px; font-size: 1px;
}

.rozcestnik_polozka_obrazek {
  position: relative; width: 144px; float: left; margin-top: 5px;
}

.rozcestnik_polozka_obrazek img {
  border: 1px solid #eea85a;
}

.rozcestnik_polozka_text {
  position: relative; width: 573px; float: right;
}

.rozcestnik_polozka_text p {
  margin: 0;
}

.rozcestnik_polozka_text h3 {
  margin: 0;
  font-weight: bold; font-size: 1.273em;
}

.rozcestnik_polozka_even {
  background: transparent none;
}

p table.elearning {
  margin: 0;
}

table.elearning td.elearning_obrazek img {
  border: 1px solid #eea85a;
}

.rozcestnik_jedn a {
  padding-right: 19px; padding-left: 24px; padding-top: 1px;
  background: transparent url('/themes/default/img/telo/rozcestnik_jedn.gif') 1px top no-repeat;
}

.mapa_webu li {
  font-weight: bold;
}

.mapa_webu li li {
  font-weight: normal;
}

.vstup #telo {
  width: 1000px; padding: 0 0 0 16px; height: 470px; min-height: 0; margin-top: 8px;
  background: transparent none;
}

.vstup #telo #telo_pozadi_leve {
  position: relative; float: left; width: 445px; height: 449px;
  background: transparent url('/themes/default/img/telo/vstup_pozadi_leve.png') left top no-repeat;
}

.vstup #telo #telo_pozadi_leve #home_banner { position: absolute; top: 20px; left: 20px; }

.vstup #telo #telo_pozadi_prave {
  position: relative; float: left; width: 535px; height: 449px;
  background: transparent url('/themes/default/img/telo/vstup_pozadi_prave.png') left top no-repeat;
}

.vstup #telo #vlajky {
  position: absolute; left: 461px; top: 0px; height: 449px; width: 535px;
}

.vstup #telo #vlajky div {
  position: absolute; display: block; cursor: pointer; width: 100px; height: 44px;
  text-align: center;
}

.vstup #telo #vlajky div img {
  position: relative; display: block; margin: auto;
}

#vlajka_en {
  left: 161px; top: 50px;
}

#vlajka_de {
  left: 220px; top: 66px;
}

#vlajka_es {
  left: 269px; top: 100px;
}

#vlajka_sk {
  left: 306px; top: 149px;
}

#vlajka_pt {
  left: 313px; top: 200px;
}

#vlajka_fr {
  left: 306px; top: 250px;
}

#vlajka_sl {
  left: 269px; top: 305px;
}

#vlajka_hu {
  left: 220px; top: 339px;
}

#vlajka_lt {
  left: 161px; top: 353px;
}

#vlajka_pl {
  left: 97px; top: 339px;
}

#vlajka_ro {
  left: 41px; top: 305px;
}

#vlajka_bg {
  left: 12px; top: 250px;
}

#vlajka_gr {
  left: 0px; top: 200px;
}

#vlajka_tu {
  left: 12px; top: 149px;
}

#vlajka_it {
  left: 41px; top: 100px;
}

#vlajka_cz {
  left: 97px; top: 66px;
}

/*** Box Eu ***/
#eu_okraj_horni {
  position: relative; float: right; width: 824px; height: 21px; margin-left: -2px; margin-top: -20px;
  background: transparent url('/themes/default/img/eu/okraj_horni.png') right top no-repeat;  
}

#eu {
  position: relative; float: right; width: 767px; margin-left: -2px; padding: 0 33px 0 24px;
  font-size: 0.917em; color: #878787;
  background: transparent url('/themes/default/img/eu/pozadi.png') left top repeat-y;
}

#eu_okraj_dolni {
  position: relative; float: right; width: 824px; height: 21px; margin-left: -2px;
  background: transparent url('/themes/default/img/eu/okraj_dolni.png') left top no-repeat; 
}

#eu img {
  float: right; margin: 0 7px;
}

#eu img.eu_eu {
  margin-top: 7px;
}

#eu img.eu_ec {
  margin-top: -4px;
}

.vstup #eu img.eu_eu {
  margin-top: 7px; margin-right: 23px; margin-bottom: 40px;
}

.vstup #eu_okraj_horni {
  width: 1016px; margin-left: 0;
  background-image: url('/themes/default/img/eu/okraj_horni_vstup.png');
}

.vstup #eu {
  width: 954px; margin-left: 0; padding: 0 33px 4px 29px;
  background-image: url('/themes/default/img/eu/pozadi_vstup_partneri.png');
}

.vstup #eu_okraj_dolni {
  width: 1016px; margin-left: 0;
  background-image: url('/themes/default/img/eu/okraj_dolni_vstup.png');
}

.vstup #eu_vstup {
  position: relative; /*width: 831px;*/ width: 591px; float: left; padding-top: 3px;
  line-height: 1.455em;
}

.vstup #eu #eu_vstup img {
  float: left;
}
/*
.vstup #eu_partner {
  position: relative; width: 107px; float: right; padding-right: 3px;
}*/

/*
.vstup #eu_partner {
  position: relative; width: 197px; float: right; padding-right: 3px;
}*/

.vstup #eu_partner {
  position: relative; width: 328px; float: right; padding-right: 3px; padding-left: 10px;
}

/*
.vstup #eu_partner p {
  margin-top: 0;
  line-height: 1.182em; text-align: center;
}*/

.vstup #eu_partner p {
  margin-top: 0;
  line-height: 1.182em; text-align: left; padding-left: 3px;
}

/*.vstup #eu_partner img {
  margin-right: 13px;
}*/

.vstup #eu_partner img {
  margin-right: 13px; float: left;
}

.vstup #eu_partner img.textil {
  margin-right: 13px; float: right;
}


/*** Box Partneri ***/ 
#partneri_okraj_horni {
  position: relative; float: right; width: 824px; height: 21px; margin-left: -2px; margin-top: -20px;
  background: transparent url('/themes/default/img/partneri/okraj_horni.png') right top no-repeat; 
}

#partneri {
  position: relative; float: right; width: 793px; margin-left: -2px; padding: 0 20px 3px 11px;
  color: #636563; font-size: 0.917em;
  background: transparent url('/themes/default/img/partneri/pozadi.png') left top repeat-y;
}

#partneri_okraj_dolni {
  position: relative; float: right; width: 824px; height: 30px; margin-left: -2px;
  background: transparent url('/themes/default/img/partneri/okraj_dolni.png') left top no-repeat; 
}

#partneri p {
  margin-top: 0; line-height: 1.25em;
}

#partneri_generalni {
  position: relative; float: left; /*width: 146px;*/ width: 336px;
}

#partneri_ostatni {
  position: relative; float: right; /*width: 640px;*/ width: 550px; padding-left: 7px;
}

#partneri_generalni img {
  float: left; margin: 0 10px 0 14px;
}

#partneri_generalni img.textil {
  float: right; margin: 0 10px 0 5px;
}

#partneri_ostatni img {
  float: left; margin: 0 14px;
}

#partneri_generalni p {
  padding-left: 13px;
}

#partneri_ostatni p {
  padding-left: 14px;
}

/*** Zapati ***/
#zapati {
  position: relative; float: right; width: 793px; padding: 0 20px 6px 0; margin-top: -6px;
  font-size: 0.917em; color: white; 
}

#zapati_menu {
  position: relative; float: left; width: 577px;
}

#zapati_omega {
  position: relative; float: right; width: 206px;
  text-align: right;
}

#zapati a {
  color: white;
}

.vstup #zapati {
  width: 980px; 
}

/*** Clear ***/
.clear, #clear {
	position: relative; clear: both; height: 1px; overflow: hidden;
	font-size: 1px;	line-height: 1px;
}

#clear {
	height: 130px;
}