/* =============== Základní vlastnosti stránky =============== */
html {  
	height: 100%; /*Roztažení html na délku zobrazované stránky */
	}

body {
	height: 100%; /*Roztažení "těla" na délku zobrazované stránky */
	min-width: 960px; /*Minimální šířka "těla" - nastavíme stejnou jako u šířky hlavičky */
	margin: 0; 
  padding: 0; /* Nastavení nulových okrajů - kvůli tomu, že některé prohlížeče mají implicitně nějaký padding nebo margin */
	background: #333333 url(img/back.jpg) center top repeat-y;
  text-align: justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
  }
   /****antispam****/
.antispam
{
        unicode-bidi:bidi-override;
        direction: rtl;
}

  
  
  

/* == Nastavení třídy celaner - slouží pro vyčištění toho co nastavíme, před vložením levého sloupce a patičky == */
.cleaner {
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
	}


/* =============== Nastavení hlavičky =============== */
#hlavicka {
	width: 960px; /*Nastavení šířky */
	background: #FFFFFF url(img/vrch.png); /*Nastavení pozadí */
	height: 140px; /*Nastavení výšky */
	}
  
/************* MENU ************/
 

/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0px auto;
   padding: 0px;
   /*border-bottom:1px solid #000;  /*black line below menu */      
   width:100%;
   font-family: Courier New; /* Menu font */
   text-transform: uppercase;
	 text-decoration: none;
   font-size: 16px;
	 font-weight: bold;
   color: #000000;
   background-color: #5B9AC2;
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   padding:0px;
   float:left;
   position:relative;
   left:50%;
   top:0px;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding: 5px 18px 5px 18px;
 
  /* background:#ddd;    */
   text-decoration:none;
   color:#000;       
/* border-bottom:1px solid #000;        */
}
/*#centeredmenu ul li.active a {
   color:#fff;
   background:#555;    toto je pro aktivni kartu tam kde se zrovna nachazim uvidime jestli to budu chtit*/
}
#centeredmenu ul li a:hover {
   background:#5b9ac2; /* Top menu items background colour */
   color: #000;
  /* border-bottom:1px solid red;  */    
}       /*je pro starsi IE    */
                     
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#D9E7F2; /* Top menu items background colour */
   color:#000;
 /*  border-bottom:1px solid #000;    */ 
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   border-top:1px solid #000;
   top:28px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size:.8em;
   font-weight:normal; /* resets the bold set for the top level menu items */
   background:#D9E7F2;
   color:#000;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #000; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,                       
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#eee; /* Sub menu items background colour */
   color:#000;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block;} /* Show the sub menus */
  
  

/* =============== Sloupec zastřešující všechny 3 vložené sloupce =============== */
#obal {
	width: 960px; /*Šířka - nastavíme stejnou jako šířku hlavičky a patičky */
	margin: 0 auto 0 auto; /*Odsazení - zhora 0, z prava automaticky, zdola 0, zleva automaticky (zprava a zleva automaticky mi stránku vystředí) */
	}

/* =============== Levý sloupec =============== */
#levy {
	
	float: left; /*Obtékání - další prvek (v našem případě sloupec zastřešující prostřední a pravý sloupec se vloží vpravo od tohoto sloupce */
	width: 192px; /*Šířka sloupce */
	}

/* =============== Sloupec zastřešující prostřední a pravý sloupec =============== */
#obal-prostredni-pravy {
	
	float: right;  /*Obtékání - další prvek (v našem případě levý sloupec) se vloží vlevo od tohoto sloupce */
	width: 768px; /*Šířka sloupce  (960celková-192levý sloupec) */
	}

/* =============== Prostřední vnořený sloupec =============== */
#obal-prostredni-pravy #prostredni {

	float: left; /*Obtékání - další prvek (v našem případě pravý sloupec) se vloží vlevo od tohoto sloupce */
	width: 576px; /*Šířka sloupce */
	}

/* =============== Pravý vnořený sloupec =============== */
#obal-prostredni-pravy #pravy {
	
	float: right; /*Obtékání - další prvek (v našem případě prostřední sloupec) se vloží vpravo od tohoto sloupce */
	width: 192px; /*Šířka sloupce (730-560) */
	}

/* =============== Nastavení patičky =============== */
#paticka {
	width: 960px; /*Šířka */
	background: #5B9AC2 ; /*Barva pozadí */
	height: 40px /*Výška */\
  	}

/* =============== Trik co nám srovná délku pozadí všech sloupců  =============== */
#obal .sloupec {
	padding-bottom: 100em;     /* Spodní výplň (mezi obsahem a okrajem) prvku - nastavíme X + padding-bottom */
	margin-bottom: -72em;     /* Nastavuje velikost okraje dole v počtu řádků - nastavíme X (tolik aby jsme to délkou textu v některém ze sloupců někdy nepřesáhly).*/
	}
#obal {
	overflow: hidden; /*Skryje přebytečné prázdné řádky, které jsme přidali přechozím trikem. Bohužel nám tím pádem schová i patičku */
	}

/* =============== Trik2 - vložení patičky do obalu a opravení toho co jsme rozbili předchozím trikem1  =============== */
#paticka {
	bottom: 0; /*Nastaví nulovou vzdálenost od spodního okraje - aby jsme neviděli, že nám za ní stále pokračují ty prodloužené 3 sloupce */
	position: absolute; /*Vloží patičku natvrdo na spodní okraj okna, bohužel pokud je text delší než se zobrazí v okně, patička se nehne a zůstane tam viset, takže to pořešíme vložením patičky do dalšího obalu */
	}

#obal-paticka {
	position: relative; /*Obal patičky tentokrát ale v relativní pozici, takže se drží spodního okraje okna i když scrollujme níže */
	min-height: 20px /*Mimimální výška - dáme stjnou jako výšku patičky */
	}
  
h3.cenik {
   font-family: Tahoma, Arial, sans-serif;
   text-align: center;
   margin: 8px 0px 3px 0px;
   font-size: 14px;
 

}
p.cenik {
  font: 11px/1 Tahoma;
  text-align: center;
  margin: 0px 0px 0px 0px;
}  
table.cenik{
 border-collapse: collapse;
 border-color: #000000;
 border: 1px solid #000000;
 padding: 0px;
 width: 500px;
 height: auto;
 font: 14px/1 Tahoma;

}
td.cenik {
padding: 5px 5px 5px 5px;
border-collapse: collapse;
 border-color: #000000;
 border: 1px solid #000000;
}
tr {
text-align: center;

}
table.adresa{
border-color:#5B9AC2;
background: url(img/tel.png) center top no-repeat;

font: 11px Tahoma;
}

a.odkaz{
font: 12px Tahoma;
text-decoration: none;
border: 0px;
}
a {
text-decoration:none;
}

a.odkaz:visited{
text-decoration:none;
color: #5B9AC2;
}

img{
border: none;
}

table.normal{
 background: #00;
 padding: 0px;
 border-spacing: 0px 0px 0px 30px;
 
 width: 500px;
 font: 14px/1 Tahoma;

}

table.leva{
 background: #00;
 padding: 0px;
 width: 192px;
 font: 14px/1 Tahoma;

}

ul.adresa{

width: 150px;
margin: 20px 0px 0px 20px;
padding: 0px;
list-style: none;
text-align: center;
font: 11px/2 Tahoma;
border: 1px solid #5b9ac2;
background: url(img/tel.png) center top no-repeat;
}

 a.reference{
font: 16px/1.6 Tahoma;
text-decoration: none;
border: 0px;
color: #000;
}


a.reference:visited{
text-decoration:none;
color: #000;
}

p.komin{
font: 14px Tahoma;


}