@import url("styly_zaklad.css");

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

body {
  background: #f3f1f1 url('img/pozadi.gif') left top repeat-x;
}

html, body {
	height: 100%;
}

/*** Kontejner ***/ 

#kontejner {
	position: relative; width: 948px; margin: auto;
	background: transparent url('img/kontejner_pozadi.gif') left top repeat-y;
}

/*** Jazyky ***/

#jazyky {
  position: relative; height: 45px; padding: 0 18px;
  background: transparent url('img/jazyky/pozadi.gif') left top repeat-x;
}

#jazyky div {
  position: relative; width: 21px; height: 14px; float: left; margin: 0 5px; padding: 15px 9px 10px 9px; 
}

#jazyky div.vybrany {
  background: #bfbebe url('img/jazyky/polozka_vybrana.gif') left top no-repeat;
}

/*** Zahlavi ***/
   
#zahlavi	{
  position: relative; height: 114px;
  background: white url('img/zahlavi/pozadi.gif') left top no-repeat;
}  
	
#logo {
  position: absolute; left: 29px; top: 35px;
}

#slogan {
  position: absolute; left: 268px; top: 36px;
}

/*** Vyhledavani ***/

#vyhledavani {
  position: absolute; top: 42px; right: 28px;
}

#vyhledavani table {
  border-collapse: separate;
  border: 0; 
}

#vyhledavani td {
  border: 0;
}

#vyhledavani .vyhledavani_text {
  border: 0; width: 177px; padding: 0 9px 3px 9px;
  background: transparent url('img/ikonky/vyhledavani_text.gif') 2px center no-repeat;
  vertical-align: bottom; line-height: 27px; 
}

#vyhledavani .vyhledavani_text input {
  width: 176px; padding: 0 1px 0 0; margin: 0;
  border: 0; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 0.857em; color: #333; background: transparent none;
}

#vyhledavani .vyhledavani_tlacitko {
  padding: 0 3px;
  vertical-align: middle; 
}

/*** Menu horni ***/

#menu_horni {
  position: relative; width: 100%; padding: 0;
  background: transparent url('img/menu_horni/pozadi.gif') left top repeat-y;
  /*background: green;*/
}

h2#menu_horni_produkty {
  position: relative; float: left; width: 234px; height: 2.643em; overflow: hidden; margin: 0; padding: 0; font-size: 1em; line-height: 1em;
  background: transparent url('img/menu_horni/produkty_pozadi.gif') left top no-repeat;
}

html>body h2#menu_horni_produkty {
  height: auto;
}

body #menu_horni_produkty img {
  position: relative; width: 6.714em; height: 0.857em; margin: 0.929em 20px 0.857em 20px;
}

body #menu_horni .menu_horni_produkty_en img {
  width: 6.643em;
}

#menu_horni_obsah {
  position: relative; float: right; width: 656px; padding: 0 28px; margin-right: 1px;
  background: transparent url('img/menu_horni/obsah_pozadi.gif') left top repeat-x;
}

html>body #menu_horni_obsah {
  margin-right: 2px;
}

#menu_horni_obsah ul {
  position: relative; display: block; padding: 0; margin: 0;
  list-style-type: none;
}

#menu_horni_obsah ul li {
  position: relative; display: block; width: 1px; float: left; padding: 0 3px 0 1px; margin: 0;
  font-size: 0.857em; text-transform: uppercase; white-space: nowrap;
  background: transparent url('img/menu_horni/polozka.gif') right 0.917em no-repeat;
}

html>body #menu_horni_obsah ul li {
  width: auto;
  white-space: normal;
}

#menu_horni_obsah ul li.posledni {
  background-image: none;
}

#menu_horni_obsah ul li a, #menu_horni_obsah ul li span {
  position: relative; display: block; padding: 0.75em 12px 0.667em 7px; zoom: 1;
  text-decoration: none; color: #333; 
}

#menu_horni_obsah ul li a:hover {
  text-decoration: underline;
}

#menu_horni_obsah ul li.aktualni a, #menu_horni_obsah ul li.aktualni span {
  color: #069; font-weight: bold;
  background: transparent url('img/menu_horni/odkaz.gif') left top repeat-x;
}

/*** Telo leve, menu leve ***/

#telo_leve {
  position: relative; float: left; width: 234px;
  background: #fff url('img/telo_leve_obsah_dolni.gif') right bottom repeat-y;
}

#menu_leve {
  position: relative;
  background: #0069b1 url('img/menu_leve/pozadi.gif') left top repeat-y;
}

div.sestavy div.ukazkove_sestavy_menu {
  margin-bottom: 0px;
}

#menu_leve ul {
  position: relative; display: block; margin: 0; padding: 0;
  list-style-type: none; background: transparent url('img/menu_leve/seznam_pozadi.gif') left bottom no-repeat;
}

#menu_leve ul li {
  position: relative; display: block; padding: 0.538em 20px 0.615em 20px; margin: 0;
  color: white; font-weight: bold; font-size: 0.929em;
  background: transparent url('img/menu_leve/polozka.gif') left top no-repeat;
}

#menu_leve ul li.prvni {
  padding-top: 0.462em;
  background-image: none;
}

#menu_leve ul li.posledni {
  padding-bottom: 0.846em;
  background-image: url('img/menu_leve/polozka_posledni.gif');
}

#menu_leve ul li.aktualni {
  background: #2888ca url('img/menu_leve/polozka_aktualni.gif') left top repeat-y;
}

#menu_leve ul li.aktualni_nasledujici {
  padding-top: 0.462em;
  background-image: none;
}

#menu_leve ul li a, #menu_leve ul li span {
  color: white; text-decoration: none;
}

#menu_leve ul li a:hover {
text-decoration: underline;
}

#menu_leve ul li.aktualni a, #menu_leve ul li.aktualni span {
  color: #fc6;
}

#menu_leve ul li.aktualni ul {
  background: transparent none;
}

#menu_leve ul li.aktualni ul li {
  padding: 0.231em 0 0.231em 15px;
  font-size: 1em; font-weight: normal; background: transparent none;
}

#menu_leve ul li.aktualni ul li.prvni {
  padding-top: 0.385em;
}

#menu_leve ul li.aktualni ul li.posledni {
  padding-bottom: 0.077em;
}

#menu_leve ul li.aktualni ul li.aktualni {
  font-weight: bold;
}

#menu_leve ul li.aktualni ul li a, #menu_leve ul li.aktualni ul li span {
  color: white;
}

/*** Obsah levy ***/

#telo_leve_obsah {
  position: relative;
  background: transparent url('img/telo_leve_obsah.gif') right top repeat-y;
}

html>body #telo_leve_obsah {
  height: auto;
}

#telo_leve_obsah_okraj {
  position: relative; min-height: 116px; height: 116px; padding: 11px 0 26px 0;
  background: transparent url('img/telo_leve_obsah_dolni.gif') right bottom no-repeat;
}

#telo_leve_obsah_okraj_menu2 {
  position: relative; height: auto; padding: 0px 0 0px 0;
  background: transparent url('img/telo_leve_obsah_dolni.gif') right bottom no-repeat;
}

h2.ukazkove_sestavy {
  background-color: #ffb21a;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Trebuchet MS','Geneva CE',lucida,sans-serif;
  padding: 10px 20px;
  margin: 0;
  border: 0;
  margin-top: 10px;
}

html>body #telo_leve_obsah_okraj {
  height: auto;
}


#telo_leve_obsah p {
  padding: 0.429em 0 0.357em 0; margin: 0;
}

/*** Cesta ***/

#cesta {
  margin: 0.909em 0 1.818em 0;
  font-size: 0.846em; color: #333;
}

.uvod #cesta {
  display: none;
}

#cesta a {
  color: #333;
}

#cesta span, #cesta a.aktivni {
  color: #069; font-weight: bold; text-decoration: none;
}

#cesta a.aktivni:hover {
  text-decoration: underline;
}

/*** Telo ***/

#telo {
  position: relative; float: left; width: 675px; padding: 0 0px 1em 25px;
}

.sestavy #telo {
  position: relative; float: left; width: 659px; padding: 0 0px 1em 25px;
}

/*** Zapati ***/     

#kontejner_zapati {
	position: relative; width: 948px; margin: auto;
}

#zapati {
  position: relative; float: right; width: 644px; padding: 0.769em 30px 0.769em 40px; margin-top: -12px;
  font-size: 0.929em; background: #f3f1f1 url('img/zapati_pozadi.gif') 132px top no-repeat;
}

#zapati_menu {
	position: relative;	float: left;
}

#zapati_menu span {
  padding: 0 2px;
}

#zapati_copyright {
  position: relative; float: left;
}

#zapati_omega {
	position: relative; float: right;
}

#zapati a {
  color: #333;
}

/*** Tridy ***/

div.clear, span.clear {
	position: relative; display: block; clear: both; height: 1px; overflow: hidden;
	font-size: 1px; line-height: 1px;
}

/*** Odkazy ***/

.odkaz_ven {
  padding-right: 12px;
  background: transparent url('img/ikonky/odkaz_ven.gif') right 0.308em no-repeat;
}

#zapati .odkaz_ven {
  padding-right: 14px;
}

/*** Rozcestnik ***/

.tx-rsguidepost-pi1 {
  position: relative; margin-bottom: -15px;
}

.rozcestnik_polozka {
  position: relative; width: 652px; margin: 26px 0 40px -7px; padding: 0 7px;
  background: transparent url('img/rozcestik_polozka.gif') left bottom repeat-x; font-size: 0.929em;
}

.rozcestnik_text {
  position: relative; width: 430px; float: left;
}

.rozcestnik_text h2 {
  font-size: 1.385em;
}

.rozcestnik_text p {
  margin: 0.615em 0 1.231em 0; 
}

p.rozcestnik_vice a {
  padding: 0.077em 18px 0.308em 14px;
  font-size: 1em;
  background: transparent url('img/rozcestnik_vice.gif') right top repeat-y;
}

.rozcestnik_obrazek {
  position: relative; width: 222px; float: right;
  text-align: center;
}

/*** Zalozky ***/

#zalozky {
  position: relative; margin: 0.714em 0 1em 0; width: 659px;
  background: #e6e6e6 none;
}

.tabs-nav {
  position: relative; display: block; height: 2.071em; margin: 0; padding: 0;
  background-color: white;
}

.tabs-nav li {
  position: relative; display: block; float: left; padding: 0; margin: 0; width: 1px;
  background: red; white-space: nowrap;
}

html>body .tabs-nav li {
  width: auto;
  white-space: normal;
}

.tabs-nav li.tabs-selected {
  margin-right: -5px; z-index: 2;
}

.tabs-nav li span {
  position: relative; display: block; zoom: 1;
  background: #a2a2a2 url('img/zalozky/pozadi.gif') left bottom repeat-x;
}

.tabs-nav li span.posledni {
  background-position: right bottom;
}

.tabs-nav li.tabs-selected span {
  background: #e6e6e6 url('img/zalozky/polozka_vybrana.gif') right top no-repeat;
}

.tabs-nav li.tabs-selected span.posledni {
  background-image: none;
}

.tabs-nav li span span {
  position: relative; display: block; padding: 0.357em 21px 0.286em 21px;
  background: transparent url('img/zalozky/pozadi_horni.gif') left top repeat-x;
}

.tabs-nav li.tabs-selected span span {
  padding: 0.357em 26px 0.286em 21px;
  background: transparent url('img/zalozky/polozka_vybrana_roh.gif') right bottom no-repeat;
}

.tabs-nav li span.posledni span {
  padding-right: 27px;
}

.tabs-nav li span.posledni span.posledni_roh {
  position: absolute; display: block; right: -1px; bottom: -1px; height: 2.071em; width: 14px; padding: 0;
  background: transparent url('img/zalozky/polozka_posledni_roh.gif') right bottom no-repeat;
}

html>body .tabs-nav li span.posledni span.posledni_roh {
  right: 0; bottom: 0; height: 100%;
}

.tabs-nav li.tabs-selected span.posledni span {
  padding-right: 21px;
  background: transparent none;
}

.tabs-nav li.tabs-selected span.posledni span.posledni_roh {
  display: none;
}

.tabs-nav li span span a, .tabs-nav li span span a:visited {
  color: white; text-decoration: none;
}

.tabs-nav li.tabs-selected span span a, .tabs-nav li.tabs-selected span span a:visited {
  color: #069; font-weight: bold; cursor: default;
}

.print {
  display: none;
}

.tabs-container {
  position: relative; padding: 1.929em 27px 1.429em 27px; width: 605px;
  background-color: #e6e6e6;
}

.tabs-hide {
  display: none;
}

/*** Fotogalerie ***/

#zalozky_fotogalerie {
  position: relative; padding: 0.071em 27px 1.429em 1px; width: 631px; overflow: hidden;
}

#zalozky_fotogalerie a {
  position: relative; display: block; float: left; width: 127px; height: 85px; padding: 1px; margin: 1.857em 13px 0 13px; overflow: hidden;
  border: 1px solid #016ab1;
}

html>body #zalozky_fotogalerie a {
  margin: 1.857em 0 0 26px;
}

#zalozky_fotogalerie a span {
  position: absolute; display: block; left: 2px; bottom: 1px; width: 26px; height: 23px;
  background: #0069b1 url('img/zalozky/fotogalerie_lupa.gif') 8px 6px no-repeat;
}

html>body #zalozky_fotogalerie a span {
  bottom: 2px;
}

/*** Video ***/

#zalozky_video p {
  position: relative;
  margin: 0; padding: 0;
}

/*** Mapa webu ***/

.mapa_webu li {
  font-weight: bold;
}

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

/*** Vysledek hledani ***/

.vysledek_hledani_rating {
  float: right;
  color: #333; font-size: 0.778em;
}

.tx-indexedsearch h2 {
  padding-left: 20px; zoom: 1;
  background: transparent url('../../typo3/sysext/indexed_search/pi/res/pages.gif') left 0.111em no-repeat;
}

.tx-indexedsearch-browsebox ul.browsebox {
  padding: 0; margin: 1.371em 0;
}

.tx-indexedsearch-browsebox ul.browsebox li {
	display: inline; padding: 0; margin: 0 3px 0 0;
  background: none;
}

div.tx-indexedsearch-whatis, div.tx-indexedsearch-whatis p {
	margin-bottom: 0;
}

div.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a,
div.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a:link, 
div.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a:visited,
div.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a:hover {
  color: #333; text-decoration: none; cursor: auto;
}

.typo3-adminPanel {
  position: absolute; bottom: 0; display: none;
}

/*** Poptavkovy formular ***/

.tx-pilmailform-pi1 table {
  border-collapse: collapse; border: 0;
}

.tx-pilmailform-pi1 table td {
  border: 0;
}

.tx-pilmailform-pi1 table td.popis {
  padding-top: 0.929em; min-width: 200px;
}

.tx-pilmailform-pi1 table td.popis span, .tx-pilmailform-pi1 span.hvezdicka {
  color: #069;
}

.tx-pilmailform-pi1 table td.pole_text {
  width: 313px; padding: 0;
  background: transparent url('img/ikonky/text.gif') left center no-repeat;
}

.tx-pilmailform-pi1 table td.pole_text_nedostupne {
  background-image: url('img/ikonky/text_nedostupne.gif');
}

.tx-pilmailform-pi1 table td.pole_text input {
  width: 299px; padding: 0.429em 7px 0.214em 7px; margin: 0.571em 0 0.643em 0;
  border: 0; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 1em; color: #333; background: transparent none;
  /*background: gray;*/
}

.tx-pilmailform-pi1 table td.pole_text_nedostupne input {
  color: #e1e1e1;
}

.tx-pilmailform-pi1 table td.pole_textarea {
  width: 313px; padding: 0;
  background: transparent url('img/ikonky/textarea.gif') left center no-repeat;
}

.tx-pilmailform-pi1 table td.pole_textarea textarea {
  width: 303px; height: 126px; padding: 0.429em 3px 0.214em 7px; margin: 0.571em 0 0.643em 0;
  border: 0; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 1em; color: #333; background: transparent none;
  /*background: gray;*/
}

.tx-pilmailform-pi1 table td.chyba {
  background-image: url('img/ikonky/text_chyba.gif');
}

.tx-pilmailform-pi1 table td.chyba_text {
  color: red;
}

.tx-pilmailform-pi1 table.radio_img_form {
  border-collapse: separate;
}

.tx-pilmailform-pi1 table.radio_img_form td {
  border: 1px solid white;
}

.tx-pilmailform-pi1 table.radio_img_form td.popis {
  min-width: 0;
}

.tx-pilmailform-pi1 table.radio_img_form td.pole_radio {
  padding: 5px 19px 5px 19px;
  vertical-align: middle; border-width: 1px 0 1px 1px;
}

.tx-pilmailform-pi1 table.radio_img_form td.pole_radio_img {
  padding: 5px 18px 5px 18px;
  vertical-align: middle; border-width: 1px 1px 1px 0;
}

.tx-pilmailform-pi1 table.radio_img_form td.pole_radio_vybrane {
  border-color: #069; border-style: solid; border-width: 1px 0 1px 1px;
}

.tx-pilmailform-pi1 table.radio_img_form td.pole_radio_img_vybrane {
  border-color: #069; border-style: solid; border-width: 1px 1px 1px 0;
}

.tx-pilmailform-pi1 table.radio_img_form td.pole_radio input {
  margin: 0;
}

.tx-pilmailform-pi1 table.radio_img_form td.popis {
  padding: 5px 10px 5px 0; 
  vertical-align: middle;
}

.tx-pilmailform-pi1 table.radio_img_form td.mezera {
  padding: 0 15px 0 16px;
}

.tx-pilmailform-pi1 table.radio_img_form td.mezera_vertikalni {
  padding: 0 0 25px 0;
}

.tx-pilmailform-pi1 table.radio_form {
  margin-top: 2px;
}

.tx-pilmailform-pi1 table.radio_form td.popis {
  padding-top: 5px; min-width: 85px;
}

.tx-pilmailform-pi1 table.radio_form td.pole_radio {
  padding-top: 5px; min-width: 85px;
}

.tx-pilmailform-pi1 table.radio_form td.pole_radio input{
  vertical-align: -2px;
}

.tx-pilmailform-pi1 table.radio_form td.pole_text input {
  margin-top: 0; margin-bottom: 0;
}

.tx-pilmailform-pi1 table.radio_form2 td.popis {
  padding-top: 5px; min-width: 270px;
}

.tx-pilmailform-pi1 table.radio_form2 td.pole_radio {
  padding-top: 5px; min-width: 85px;
}

.tx-pilmailform-pi1 table.radio_form2 td.pole_radio input{
  vertical-align: -2px;
}

.tx-pilmailform-pi1 table.radio_form2 td.pole_text input {
  margin-top: 0; margin-bottom: 0;
}

/*** Alt flash ***/
#flashcontent {
  background: url('img/alt_flash.jpg') right top no-repeat;
  width: 650px;
  height: 160px;
  margin: 0;
}


/*** kde nas najdete ***/

.kde_nas_najdete {position: relative; float: right; width: 450px;}
.kde_nas_najdete h2 {margin-top: 0;}
#kde_nas_najdete_mapa {position: relative; position: relative; width: 450px; height: 250px;}
#kde_nas_najdete_mapa div {margin: 0;}
#kde_nas_najdete_mapa input {width: auto; margin: 3px 3px 3px 4px; padding: 0; border: 0;}
#kde_nas_najdete_form input {border: 0;}
input#kde_nas_najdete_form_odkud {width: 150px; border: 1px solid #D6D6D6; padding: 2px 2px 2px 5px; margin-right: 15px;}
.kde_nas_najdete_form_en input#kde_nas_najdete_form_odkud {width: 80px;}
.kde_nas_najdete_form_de input#kde_nas_najdete_form_odkud {width: 80px;}
#kde_nas_najdete_form {position: relative; display: none;}
#kde_nas_najdete_form .submit {border: none; float:right; width:auto; padding: 0 2px 2px 5px; margin-top: -2px;}
#kde_nas_najdete_form label {}
html>body #kde_nas_najdete_form .submit {}
#kde_nas_najdete_trasa {position: relative; display: none;}

/*** ukazkove sestavy ***/
p.perex_sestavy { padding: 35px 10px 15px 25px;  background: url('img/sestavy/perex_bg.gif') left bottom no-repeat; font-weight: bold; color: #006699; clear: both; }
h1.sestavy { padding-left: 20px; padding-bottom: 8px; padding-top: 8px; color: #0069b1; background-color: #ffb21a; }
h2.sestavy {  font-size: 20px; font-weight: bold; margin-left: 340px; }
ul.sestavy { margin-left: 340px; }
ul.sestavy li { font-size: 16px; color: #006699; background:url("img/ikonky/odrazka_sestavy.gif") no-repeat scroll 10px 0.543em transparent; }
div #show { float: left; height: 175px; width: 314px; overflow: hidden; }
.slideshow-captions { background:none repeat scroll 0 0 #000000; bottom:0; color:#FFFFFF; font:12px/22px Arial,sans-serif; left:0; overflow:hidden; position:absolute; text-indent:10px; width:100%; z-index:10000; opacity: 0.7; }

#telo_leve_obsah_okraj_menu2 a h2, #telo_leve_obsah_okraj_menu2 a:link h2 { text-decoration: underline; }
#telo_leve_obsah_okraj_menu2 a:hover { text-decoration: none; }
#telo_leve_obsah_okraj_menu2 a, #telo_leve_obsah_okraj_menu2 a:link h2 { text-decoration: underline; }
#telo_leve_obsah_okraj_menu2 a:hover h2 { text-decoration: none; }
div.sestavy_flash { 234x155  }
div.ukazskove_sestavy_menu { clear: both; }

#flash_ukazka { background: url('../user_upload/img/flash_ukazka.jpg') left top no-repeat; width: 234px; height: 148px}