html, body {
background: white url('obr/bg.gif') repeat-y center top;
height: 100%; /* Nutné pro Mozillu a Operu */
padding: 0px;
margin: 0px;
/* nastavíme vnější i vnitřní okraj na 0, pokud bysme to neudělali na např. před hlavičkou
   nahoře bude volné místo */
}

body {
/* font: 80%/1.6 Tahoma, "Geneva CE", lucida, sans-serif; */
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center; /* tímto dosáhneme vystředění webové stránky na střed */
/* min-width: 760px; */
line-height: 1.5;
font-size: 100%;
}

/* Hlavní část stránky tj. stránka bez okrajů - široká 760px */
#hlavni {
  width: 760px; /* šířka stránky "hlavni" */
  height: auto; /* Výška dle textu - auto */
  min-height: 100%; /* Pro Mozillu, aby když je malo textu tak byla stránka přes celou obrazovku */
  _height: 100%; /* Pro Internet Explorer */
  position: relative; /* relativní pozicování */
  /* border-left: solid 1px; */
  margin: 0px auto; /* když tento řádek zde nebude tak v mozille a opeře nebude stránka */
  /* vystředěna na střed - zatím nevím úplně přesně proč */
}

/* hlavička stránky - zde je umístěno logo */
#hlavicka {
top: 0px;
left: 0px;
color: black;
width: 100%;
height: auto;
position: absolute;
overflow: hidden;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}

/* text hlavní část stránky */
#text {
    padding: 345px 360px 29px 0px; /* Musí zde být padding aby text nezasahoval do levého
    sloupce a do patičky a nezakrývala ho hlavička */
    text-align: justify;
    font-size: 85%;
}

/* text hlavní část stránky */
#TextNabidka {
    padding: 330px 0px 29px 0px; /* Musí zde být padding aby text nezasahoval do levého
    sloupce a do patičky a nezakrývala ho hlavička */
    text-align: justify;
    font-size: 85%;
    /* border: solid 1 px; */
}

/* Toto je červená "záložka" na stránce profil firmy */
#Zalozka {
  top: 380px;
  left: 412px;
  height: 25px;
  width: auto;
  background:#df3a31; /* červená barva */
  color:white; /* barva písma bílá */
  position:absolute;
  padding: 2px 10px 4px 10px;
  background-image: URL('../Obr/Index/LevyRoh.jpg'); /* Obrázek - levý kulatý roh */
  background-repeat:no-repeat;
}

/* Toto je pravý roh pro záložku musíme použít s #Zalozka */
#PravyRoh {
 top: 0px;
 right: 0px;
 _right: -1px;
 height: 4px;
 width: 4px;
 background-image: URL('../Obr/Index/PravyRoh.jpg');
 background-repeat:no-repeat;
 position:absolute;
}

/* Oblast textu na pravé straně stránky - šedý rámeček */
#SedyRamecek {
  top: 405px;
  left: 410px;
  width: 350px;
  height: 330px;
  background: white;
  position: absolute;
  overflow: hidden;
  background:#F9F9F9; /* šedá barva */
  border: solid 1px #E3E3E3; /* tmavší šedá barva rámečku */
  text-align:left;
  padding: 1% 0% 1% 0%;
}

/* Oblast textu na pravé straně stránky - šedý rámeček */
#SedyRamecekCertifikaty {
  top: 820px;
  left: 410px;
  width: 350px;
  height: auto;
  background: white;
  position: absolute;
  overflow: hidden;
  background:#F9F9F9; /* šedá barva */
  border: solid 1px #E3E3E3; /* tmavší šedá barva rámečku */
  text-align:left;
  padding: 1% 0% 1% 0%;
}

#RamecekReklama {
  top: 1120px;
  left: 410px;
  width: 350px;
  height: auto;
  background: white;
  position: absolute;
  overflow: hidden;
  text-align:right;
  padding: 1% 0% 1% 0%;
}


#ZalozkaCertifikaty {
  top: 795px;
  left: 412px;
  height: 25px;
  width: auto;
  background:#df3a31; /* červená barva */
  color:white; /* barva písma bílá */
  position:absolute;
  padding: 2px 10px 4px 10px;
  background-image: URL('../Obr/Index/LevyRoh.jpg'); /* Obrázek - levý kulatý roh */
  background-repeat:no-repeat;
}



/* Oblast textu na pravé straně stránky - šedý rámeček */
#SedyRamecekNabidka {
  top: 330px;
  left: 10px;
  width: 590px;
  height: 720px;
  position: absolute;
  overflow: hidden;
/*  background-image: URL('../obr/TelefonMaly2.jpg');*/
/*  background-image: URL('../obr/Tecky.jpg');
  background-repeat: repeat-y; */
  /* background:#E3E3E3; */ /* šedá barva */
  border: solid 3px #E3E3E3; /* tmavší šedá barva rámečku */
  text-align:left;
  padding: 0px 0px 0px 0px;
}

/* Oblast textu na pravé straně stránky - šedý rámeček */
#SedyRamecekNabidka2 {
  top: 320px;
  right: 0px;
  width: 160px;
  height: 480px;
  position: absolute;
  overflow: hidden;
/*  background-image: URL('../obr/TelefonMaly2.jpg');*/
  background-image: URL('../obr/Modry3.png');
  background-repeat: repeat-y;
  /* background:#E3E3E3; */ /* šedá barva */
 /* border: solid 1px #E3E3E3; */ /* tmavší šedá barva rámečku */
  text-align:left;
  padding: 0px 0px 0px 0px;
}

/* Pozice červeného telefonu */
#PoziceTelefon {
  width: 28px;  /* šířka obrázku telefonu */
  height: 24px;  /* výška obrázku telefonu */
  position: absolute; /* absolutní pozicování */
  bottom: 58px; /* je to pozicováno od dolního okraje */
  left: 0px;
  background-image: URL('../Obr/Index/Telefon.jpg'); /* Obrázek telefonu */
  background-repeat:no-repeat;
  padding: 0px 0px 0px 0px; /* nulový vnitřní okraj */
}

/* Pozice textů telefonních čísel */
#TelefonniCisla {
  width: auto;  /* šířka patičky */
  height: auto;  /* výška patičky */
  position: absolute; /* absolutní pozicování */
  bottom: 38px; /* je pozicováno od dolního okraje */
  left: 35px;
  padding: 0px 0px 0px 0px; /* nulový vnitřní okraj */
  text-align:left; /* Zarovnání textu do leva */
}

/* ########## TEXT ######### */

/* Modrý text střední velikosti - použití v šedém rámečku */
.TextModryStredni {
  font-weight:bold;
  font-size:100%;
  color:#0F5EDD;
}

.TextModryVetsi {
  font-weight:bold;
  font-size:120%;
  color:#0F5EDD;
}

/* Velký modrý text */
.TextModryVelky {
 font-weight:bold;
 font-size:150%;
 color:#0F5EDD;
}

/* Malý text */
.TextMaly {
font-size:70%;
}

/* Střední text */
.TextStredni {
font-size:80%;
}

.TextVelky {
  font-weight:bold;
  font-size:120%;
}


/* Nejmenší text */
.TextNejmensi {
font-size:75%;
}

/* Odsazení textu - nový odstavec */
.Odsazeni {
 padding: 0px 0px 0px 10px;
}

/* Text formátováný do prava */
.TextDoPrava {
text-align: right;
}

/* Patička stránky */
#paticka {
  width: 100%;  /* šířka patičky */
  height: 28px;  /* výška patičky */
  position: absolute; /* absolutní pozicování */
  bottom: 0; /* patička je pozicována od dolního okraje, proto je vždy dole na konci stránky */
  left: 0;   /* z leva 0 */
  background: #0F5EDD; /* Modrá barva */
  padding: 0px 0px 0px 0px; /* nulový vnitřní okraj */
  margin: 0px 0px -1px 0px; /* zde je dole (bottom) záporný vnější okraj - když se toto neudělá
  tak v Internet Exploreru v.6 se pod hlavičkou objeví proužek barvy stránky hlavni*/
}

/* Pozicování textu v patičce */
.TextPaticka {
   padding: 6px 0px 0px 10px;
   text-align: left; /* text do leva */
   font-size:70%;
}

.menu_paticka a:link, a:visited {
  padding: 0px 15px 0px 15px;
  text-decoration:none;
  color:white;
}

.menu_paticka a:active {
  color:rgb(18,58,92);
}

.menu_paticka a:hover {
  color:black; text-decoration:underline;
}

/******** Menu **********/

/* Obdelník menu, tento obdelník slouží pouze k tomu, aby nad šipkou byla ještě
   červená barva */

#ObdelnikObr1
{
width: 760px;
height: 235px;
background-image: URL('../Obr/Hlavicka1.jpg');
position:relative;
background-repeat:no-repeat;
}

#ObdelnikObr2
{
left: 260px;
width: 500px;
height: 235px;
background-image: URL('../Obr/Hlavicka2.jpg');
position:relative;
}

#ObdelnikOznameni
{
 width: 760px;
 height: auto;
 position:relative;
 background:#0F5EDD;
 color: white;
 padding: 5px 25px 5px 25px;
 font-size:80%;
 font-weight:bold;
 /* #df3a31; */
}

.ObdelnikMenu
{
width: 760px;
padding: 3px 0px 3px 0px; /* Aby nad šipkou byla ještě červená barva */
height: auto; /* Výška dle textu - auto */
background: #df3a31; /* červená barva */
position:relative;
}

/* Velikost textu menu */
.menu a {
font-size:80%;
font-weight:bold;
}

.menu a:link, .menu a:visited
{
padding: 5px 25px 0px 25px;
text-decoration: none;
color: white;
border-right: 1px dotted white;
}

.menu a:link.aktivni, a:visited.aktivni
{
color: #000;
}

.menu a:hover
{
color: #000;
background: url("../Obr/SipkaDolu.jpg") no-repeat top center;
}

.reference a {
 color:white;
}

.zobraz a {
 color:#0F5EDD;
 border: 0px;
 padding: 0px;
}

.reference  a:link, .reference a:visited
{
 text-decoration:uderline;
}

/* Modrý rámeček u obrázku - všechny obrázky třídy ramecek */
.reference img {
border: 1px solid #E3E3E3;
float: left;
}

.pozadi {
  width: 350px;
  background-image: URL('../Obr/Reference/Pozadi.png');
  text-align: left;
}

.OdkazBez a, a:link, .reference a:visited
{
 text-decoration:none;
}

.OdkazBez img {
border: none;
}

hr {
 height: 1px;
 color:#0F5EDD;
}