﻿/* pozicování */
#obal   {position: relative; top: auto; left: auto; width: 765px; height: auto; margin: auto;}
#prvek1   {position: relative; top: auto; left: 0px; width: 100%; height: auto;}
  #menu   {position: relative; top: auto; left: 269px; width: 496px; height: 45px;}
    #menutext   {position: relative; top: 15px; left: 80px; width: auto; height: auto;}
  #nazev   {position: absolute; top: 0px; left: 0px; width: 269px; height: 119px;}
  #nazevtext   {position: absolute; top: 55px; left: 15px; width: auto; height: auto;}
#logo   {position: relative; top: auto; left: 269px; width: 496px; height: 175px;}
#slogan1   {position: absolute; top: 80px; left: 600px; width: auto; height: auto;}
#slogan2   {position: absolute; top: 120px; left: 450px; width: auto; height: auto;}
#slogan3   {position: absolute; top: 190px; left: 550px; width: auto; height: auto;}
#levemenu   {position: relative; top: -100px; left: 20px; width: 204px; height: auto; float: left;}
  #levemenu_sub   {position: relative; top: auto; left: 20px; width: auto; height: auto;}
.odkaz   {position: relative; top: 0px; left: 0px; width: 204px; height: 29px;}
.odkaz a, .odkaz strong   {position: absolute; top: 5px; left: 20px; height: auto;}
#text   {position: relative; top: auto; left: auto; width: 475px; height: auto; float: right; margin: 10px;}
  #tarify   {position: relative; top: auto; left: 0px; width: 460px; height: 250px;}
  #tarif1   {position: absolute; top: 0px; left: auto; width: 140px; height: 250px;}
  #tarif2   {position: absolute; top: 0px; left: 142px; width: 140px; height: 250px;}
  #tarif3   {position: absolute; top: 0px; left: 284px; width: 140px; height: 250px;} 
  .tarif_text   {position: absolute; top: 130px; left: auto; width: 140px; height: auto;}
  .stahovani   {position: relative; top: auto; left: auto; width: 155px; height: 41px;}
  .stahovani strong   {position: absolute; top: 10px; left: 0px; width: auto; height: auto;}
  
  .zaznam   {position: relative; top: auto; left: auto; width: auto; height: auto;}
  .sl01   {position: relative; top: auto; left: auto; width: auto; max-width: 450px; height: auto;}
  .sl02   {position: absolute; top: 0px; left: 120px; width: auto; height: auto;}
  .sl03   {position: absolute; top: 0px; left: 220px; width: auto; height: auto;}
  .sl04   {position: absolute; top: 0px; left: 320px; width: auto; height: auto;}
  .sl05   {position: absolute; top: 0px; left: 420px; width: auto; height: auto;}
  #graf   {position: absolute; top: 120px; left: 200px; width: 230px; height: 180px;}
  .tabulka   {position: relative; top: auto; left: auto; width: 465px; height: auto;}
  .fotka   {position: relative; top: auto; left: auto; width: 130px; height: 130px;}

#patka   {position: relative; top: 10px; left: auto; width: 100%; height: 50px; clear: both;}
  #patka_levy   {position: relative; top: 12px; left: auto; width: auto; height: auto; float: left; margin: 10px;}
  #patka_pravy   {position: relative; top: 12px; left: auto; width: auto; height: auto; float: right; margin: 10px;}

/* obrázkový pozadí */
#nazev   {background-image: url('images/nazev.gif'); background-repeat: no-repeat;}
#logo   {background-image: url('images/logo.jpg'); background-repeat: no-repeat;}
.odkaz   {background-image: url('images/odkaz.jpg'); background-repeat: no-repeat;}
.stahovani   {background-image: url('images/stahnout.gif'); background-repeat: no-repeat;}
#tarif1   {background-image: url('images/tarif1.png'); background-repeat: no-repeat;}
#tarif2   {background-image: url('images/tarif2.png'); background-repeat: no-repeat;}
#tarif3   {background-image: url('images/tarif3.png'); background-repeat: no-repeat;}
#patka   {background-image: url('images/lista.gif'); background-repeat: no-repeat;}

/* barvišky */
body   {background-color: #414141; color: white;}
#obal   {background-color: white; color: black;}
#menu   {background-color: #414141; color: white;}
#nazevtext   {background-color: transparent; color: white;}
#levemenu   {background-color: white; color: black;}
#text   {background-color: white; color: black;}
  .nadpis   {background-color: white; color: #ff8c00;}
  hr   {background-color: transparent; color: #414141;}
  .barva_sl1   {background-color: #FFE6BF; color: black;}
#patka   {background-color: #414141; color: white;}

/* nastavení odkazů */
#menu a   {background-color: transparent; color: white;}
#menu a:hover   {background-color: transparent; color: #ff8c00;}
.odkaz a   {background-color: transparent; color: white; text-decoration: none; font-weight: bold;}
.odkaz a:hover   {background-color: transparent; color: black;}
#levemenu_sub a   {background-color: transparent; color: #ff8c00;}
#levemenu_sub a:hover   {background-color: transparent; color: black;}
#text a   {background-color: transparent; color: #ff8c00;}
#text a:hover   {background-color: transparent; color: black;}
#text .stahovani a strong   {background-color: transparent; color: black;}
#text .stahovani a:hover strong   {background-color: transparent; color: #ff8c00;}
#patka a   {background-color: transparent; color: white;}
#patka a:hover   {background-color: transparent; color: #ff8c00;}

/* nastavení písma */
body   {font-family: Tahoma; font-size: small;}
#nazevtext   {font-family: Tahoma; font-style: italic; font-weight: bold; font-size: x-large;}
#slogan1, #slogan2, #slogan3   {font-weight: bold;}
.jmeno   {font-weight: bold;}
.nadpis   {font-size: large; font-weight: bold;}
#text p   {text-indent: 18px;}
.tim	{color: gray;
	 font-weight: normal;
	 font-size: 11px;
	}
.tarif_text   {text-align: center;}

/* nastavení orámování */
a img   {border-style: none;}
#graf   {border-style: solid; border-width: 1px; border-color: black;}

/* fotogalerie nastavení */
.fotka   {float: left; margin-left: 5px; margin-bottom: 10px;}
