/*

  Pro přepsání defaultního chování a vzhledu definovaného touto šablonou znovu napište název třídy či prvku
  do stylu specifického pro ten který WebSystém. Tento soubor by měl zůstat beze změn!

*/

/* Hlavní vnější rámec */
#frame {
  width: 1000px;
  position :relative;
  text-align:center;
  margin: auto;  
}

/* Hlavička */
#head {
  position:relative;
  height: 125px;
}

/* Menu hlavičky */
/*(btw. se takto adresovaný div může objevit zároveň v hlavičce i v patičce,
  pak stačí použít "#footer #head_menu{}" a "#header #head_menu{}" pro rozlišení.) */
#head_menu {
  position: relative;
  padding: 97px 70px 4px 0px;
  margin-left:1px;
  text-align: right;
  color: #000000;
}

/* Kontakty v hlavičce*/
/*(btw. se takto adresovaný div může objevit zároveň v hlavičce i v patičce,
  pak stačí použít "#footer #head_kontakty{}" a "#header #head_kontakty{}" pro rozlišení.) */
#head_kontakty{
  position: absolute;
  letter-spacing:1px;
  top: 0px;
  left: 5px;
  padding: 1px 0px 5px 1px;
  color: #000000;
  font-size:10px;
  text-transform: uppercase;
}

/* Levý sloupec */
#leftcol {
  position:relative;
  width:200px;
  float:left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  z-index:2;
  color: #000000;
}

/* Pravý sloupec */
#rightcol {
  position:relative;
  width:200px;
  float:right;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  z-index:2;
  color: #000000;
}

/* Střední, zobrazovací část*/
#content {
  position : relative;
  text-align: left;
  margin: 0px 0px 20px 210px;
  z-index:1;
  width: 580px;
  background-color: #FFFFFF;
  color: #000000;
  min-height: 400px;
}

/* Patička */
#footer {
  padding: 3px 0px 3px 0px;
  clear: both;
  background-color: #FFFFFF;
  color: #000000;
}

/* Informace o (ne)funkčnosti JS a době zpracování scriptu na serveru */
#sysinfo{
  border:1px solid #000000;
  border-width:0px 0px;
  font-family:verdana;
  font-size:7pt;
  background-color: #FFFFFF;
  color: #000000;
}

#permalink{
  width:1000px;
  margin:auto;
}

#permalink span {
  cursor:pointer;
}

body {
  text-align : center;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 10pt;
  margin : 0px;
  padding : 0px;
  background-color : white;
}

/*NADPISY*/
h1 {
  font-size:15pt;
  color:black;
}
h2 {
  font-size:13pt;
  color:black;
}
h3 {
  font-size:12pt;
  color:black;
}
h4 {
  font-size:11pt;
  color:black;
}
h5 {
  font-size:10pt;
  color:black;
  margin-bottom:8px;
}

/* NETŘÍDNÍ TAGY */
p {
  margin : 5px 0px;
}

td {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

ul {
	margin : 0px 0px 0px 20px;
	_margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ol {
	margin : 0px 0px 0px 20px;
	_margin : 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}

li {
	line-height : 140%;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	_margin : 0px 0px 0px 16px;
}

form{
  margin:3px;
}

pre {
  font-family: Verdana, Arial, Arial CE;
}
/* DEFINICE TŘÍD PRO FORMÁTOVÁNÍ OBSAHŮ */

/*Seznamy položek v levém a pravém sloupci*/

div.obsah_l li{
  line-height:15px;
  _line-height:16px;
  margin:5px 0px 5px 0px;
  list-style-position:outside;
}

div.obsah_l ul{
  margin:0px 0px 0px 22px;
  _margin:0px 0px 0px 17px;
  padding:0px;
}

div.obsah_p li{
  line-height:15px;
  _line-height:16px;
  margin:5px 0px 5px 0px;
  list-style-position:outside;
}

div.obsah_p ul{
  margin:0px 0px 0px 22px;
  _margin:0px 0px 0px 12px;
  padding:0px;
}

/* Klíčová slova u prohlížečů objektů */
td.popis {
	font-weight: bold;
}

/* Box pro umísťování objektů */
div.sez_obj {
  margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 16px 0px;
	overflow: auto;
	overflow-y: hidden;
}

/* Box pro umísťování objektů */
div.sez_obj textarea {
	width: 100%;
	height: 450px;
	border: 1px solid #CCC;
}


/* Box pro umísťování objektů */
table.sez_objektu {
	border-collapse:collapse;
	table-layout:fixed;
	width:1px;
	border-left:1px solid #CCC;
}

table.sez_objektu td {
	overflow:hidden;
	padding:2px 4px 2px 4px;
	white-space:nowrap;
	border-color:#CCC;
	border-style:solid;
	border-width:0px 1px 1px 0px;
}

table.sez_objektu thead {
	background-color: #DDD;
	font-weight:bold;
}

table.sez_objektu .pen, .mnoz, .cenj{
	text-align:right;
}

/* Náhledy na objekty */
table.nahled_na_objekt {
  border-collapse:collapse;
  width:100%;
  border-color: #CCC;
}

table.nahled_na_objekt td { /* bunky v nahledu na objekt */
	border:1px solid #CCC;
}

table.nahled_na_objekt table td { /* bunky v tabulce v tabulce v nahledu na objekt */
	border:none;
	padding:1px;
}

/* Tabulka u ceníku */
table.cenik {
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

table.cenik thead td{
  padding:2px;
  background-color:#c0c0c0;
  text-align:center;
  font-weight:bold;
  border:1px solid black;
}

table.cenik tbody td{
  padding:2px;
  vertical-align:top;
  border:1px solid black;
}

/* Náhled na složku */
table.nahled_slozky1, table.nahled_slozky3, table.nahled_slozky4{
  width:100%;
}

table.nahled_slozky1 td.obr{
  border:0px solid black;
  text-align:center;
}
table.nahled_slozky2 td.obr{
  border:0px solid black;
  vertical-align:top;
}
table.nahled_slozky3 td.obr{
  border:0px solid black;
  vertical-align:top;
  text-align:right;
}
table.nahled_slozky4 td.obr{
  border:0px solid black;
  text-align:center;
}

table.nahled_slozky1 td.text{
  border:0px solid black;
  padding:4px;
}
table.nahled_slozky2 td.text{
  border:0px solid black;
  vertical-align:top;
  padding:4px;
}
table.nahled_slozky3 td.text{
  border:0px solid black;
  vertical-align:top;
  padding:4px;
}
table.nahled_slozky4 td.text{
  border:0px solid black;
  padding:4px;
}

/* DIV pro kalendář a deník */
.kalendar {
	border-collapse:collapse;
}
.kalendar a{
  cursor: pointer;
}
.kalendar td{
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;
  padding:2px 4px 2px 4px;
}
.kalendar thead {
  background-color:#CCC;
  font-weight:bold;
}

div.strankovani{
  font-size:9pt;
  text-align:center;
  margin: 10px 0px 0px 10px;
}

/* Malé menu pod náhledem na objekt */
div.objmenu {
	font-size: 9pt;
	text-align: center;
	border-top: 1px solid Silver;
	border-bottom: 1px solid Silver;
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}
div.objmenu img {
	margin-bottom: -3px;
	border: none;
}

/* Bloky ve sloupcích */

/* Tabulky tvořící hlavičku každého bloku (nadpis, případně ikona bloku)*/
table.blok_l {
  table-layout : fixed;
  border-collapse : collapse; 
  width : 200px;
  border-top:1px solid black;
}

table.blok_p {
  table-layout : fixed;
  border-collapse : collapse; 
  width : 200px;
  border-top:1px solid black;
}

td.murka_l{
  width : 18px;
  _width: 22px;
}

td.murka_p {
  width : 22px;
  _width: 22px;
}

/* Bloky v bočních sloupcích */
div.obsah_l,div.obsah_p{
  margin:10px 0px;
  text-align:left;
}

/* Bloky v bočních sloupcích - uplatní se pokud je u bloku vypnuté zalamování řádku */
div.obsah_l_scrlbr,div.obsah_p_scrlbr{
  text-align:left;
  overflow:auto;
	overflow-y: hidden;
  white-space:nowrap;
  margin:10px 0px;
  padding:0px;
  _padding-bottom:20px;
}

div.error {
	color: red;
	font-weight: bold;
	text-align: center;
}
div.smallinfo {
	color: #AAAAAA;
	font-size: 8pt;
}

td.grbox {
	background-color: #DDD;
	font-weight:bold;
	font-size:9pt;
	text-align:left;	
}

/* --- !!! NEMĚNIT POŘADÍ DEFINIC "UL.CTVERCE", "UL.TECKY", "UL.TECKY UL.CTVERCE" !!! ---*/
ul.ctverce li{
  /* u seznamu bude šedý čtvereček */
  list-style-type: disc;
  list-style-image:url('./img_all/list_itm.gif');
}

ul.tecky li {
  /* libovolný počet úrovní zachovává trvale jako znak plnou černou tečku */
  list-style-type: disc;
  list-style-image:none;
}

ul.tecky ul.ctverce li{
  /* pro případ kombinování různých tříd potřebuji přepsat pořadí definic stylů */
  list-style-type: disc;
  list-style-image:url('./img_all/list_itm.gif');
}

ul.tecky ul.ctverce ol li {
  /* Vložení číslovaného seznamu do ul - rád bych zachoval zobrazení čísel */
  list-style-type: decimal;
  list-style-image:none;
}
ul.ctverce ul.tecky ol li {
  /* Vložení číslovaného seznamu do ul - rád bych zachoval zobrazení čísel */
  list-style-type: decimal;
  list-style-image:none;
}

/* --- peč 01072007 --- */

li.ico {
	vertical-align: 0px;
	margin-left: -14px;
	padding-left: 0px; 
	_margin-left: -22px;
	_padding-left: 3px;
}
hr.decent {
	height: 1px;
	color:Silver;
	margin: 5px 3px;
	border-top:1px solid #CCC;
	border-bottom:none;
}
BR.mezera6 {
	line-height : 6px;
}

form.search_form input{
  border:1px solid black;
}

/* Zabalení třídního stromečku */
.off {
	display: none;
}

/* Inputy */
.flat{
  border: 1px solid black;
}
form.flat {
  border: none;
}
form.flat input,select,textarea {
  border: 1px solid black;
}

div.zahlavi_clanku {
  border:1px solid silver;
  border-width:1px 0px 1px 0px;
  margin: 5px 0px 5px 0px;
  padding: 3px 0px;
  _margin: 0px 0px 20px 0px;
}

/* Malé upozornění (žádný záznam v kalendáři a pod) */
div.upozorneni {
  text-align:center;
  color:red;
}

/* Tabulka s náhledem na propojení u kalendáře */

table.KalPropoj {
  width: 95%;
  border-collapse:collapse;
}

table.KalPropoj td{
  border: 1px solid black;
  padding: 2px 3px;
}

table.KalPropoj td table td{
  border: none;
  padding: 2px 3px;
}

div.galerie_posuvna {
  width: 565px;
  overflow:auto;
	overflow-y: hidden;
  white-space:nowrap;
  margin:0px;
  text-align:center;
  border:1px solid #CCC;
  padding:5px;
}

div.galerie_posuvna img{
  height : 120px;
  border:1px solid #888;
}

div.galerie_posuvna_obr {
  text-align:center;
}

div.galerie_posuvna_obr img{
  max-width:100%;
  border:1px solid #888;
  _width: expression(Math.min(parseInt(this.offsetWidth), 540 ) + "px");
}

img.kontakt_img {
  max-width:95%;
  _width: expression(Math.min(parseInt(this.offsetWidth), 540 ) + "px");
}

div.obsah_dokum_obr {
  width:100%;
}

div.obsah_dokum_obr img{
  max-width:95%;
  _width: expression(Math.min(parseInt(this.offsetWidth), 540 ) + "px");
}

div.obsah_dokum_bezny {
  width:100%;
  text-align:left;
  color:black;
}

/* Tabulka pro produkty e-shopu*/
table.blok_prod_obsah {
  border: solid 1px;
	border-collapse : collapse;
	background-color: #CFDCE0;
  border-color: #366285  #76A2C5 #76A2C5 #366285;
}
td.prod_obsah {
	background-color: #F0F0F0;
	border-style: solid;
	border-width: 1px;
	border-color: #909090 silver silver #909090;
}

td.nadpis_prod_l {
	font-size: large;
	font-weight: bold;
	color: #164265;
	letter-spacing:2px;
	padding-left: 8px;
	text-align : left;
	border-style: solid;
	border-width: 1px;
	border-color: #366285  #76A2C5 #76A2C5 #366285;
        background-color: #B5CCDF;
}
td.nadpis_prod_2 {
	font-size: 12px;
	font-weight: bold;
	color: #505050;
	letter-spacing:2px;
        padding-left: 8px;
        padding-right: 8px;
	text-align : left;
	border-style: solid;
	border-width: 1px;
	border-color: #909090 #909090 silver #909090;
}
td.nadpis_prod_3 {
	font-size: 12px;
	color: #000000;
	letter-spacing:1px;
        padding-left: 8px;
        padding-right: 8px;
	text-align : left;
	border-style: solid;
	border-width: 1px;
	border-color: #909090 #909090 silver #909090;
        background-color: #F0F0F0;
}

#head a.main_page{
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  width:400px;
  height:100px;
  z-index:5;
}