body
       {
       font-family: Arial, Tahoma, Verdana;
       margin: 0;
       padding: 0;
       text-align: center;
       background: white url(../../obrazky/design/poz_body.jpg) center top no-repeat;
       }

a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0px none;}

#koren
       {
       width: 1000px;
       height: auto;
       margin: auto;
       text-align: left;
       }

#hlavni
       {
       width: 1000px;
       height: auto;
       margin: auto;
	float: left;
	}

#top
       {
       width: 1000px;
       height: 312px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_top.jpg) left top no-repeat;
       position: relative;
       }

#logo
       {
       margin: 0;
       float: left;
       display: block;
       position: absolute;
       left: 422px;
       top: 42px;
       }

menu#menu
       {
       width: 1000px;
       height: 312px;
       margin: 0;
       float: left;
       padding: 0;
       position: absolute;
       left: 0;
       top: 0;
       }

menu#menu li
       {
       list-style: none;
       width: 100px;
       height: 118px;
       margin: 0;
       float: left;
       position: absolute;
       }

menu#menu li img
       {
       margin: 0;
       float: left;
       display: block;
       }

/*
menu#menu li.tl1 {left: 5px; top: 10px;}
menu#menu li.tl2 {left: 126px; top: 80px;}
menu#menu li.tl3 {left: 255px; top: 145px;}
menu#menu li.tl4 {left: 385px; top: 180px;}
menu#menu li.tl5 {left: 515px; top: 180px;}
menu#menu li.tl6 {left: 645px; top: 145px;}
menu#menu li.tl7 {left: 774px; top: 80px;}
menu#menu li.tl8 {left: 895px; top: 10px;}
menu#menu li.tl9 {left: 895px; top: 10px;}
*/
menu#menu li.tl1 {left: 5px; top: 10px;}
menu#menu li.tl2 {left: 106px; top: 70px;}
menu#menu li.tl3 {left: 205px; top: 125px;}
menu#menu li.tl4 {left: 315px; top: 170px;}
menu#menu li.tl5 {left: 450px; top: 185px;}
menu#menu li.tl6 {left: 580px; top: 170px;}
menu#menu li.tl7 {left: 700px; top: 125px;}
menu#menu li.tl8 {left: 809px; top: 70px;}
menu#menu li.tl9 {left: 910px; top: 10px;}

#telo
       {
       width: 1000px;
       height: 488px;
       margin: 0;
       float: left;
       }

#telo_ls
       {
       width: 185px;
       height: 488px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_telo_ls.jpg) left top no-repeat;
       }

#telo_ls .cenik
       {
       width: 185px;
       height: 43px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ls .cenik img
       {
       position: absolute;
       left: 120px;
       top: 12px;
       }
       
#telo_ls .objednat
       {
       width: 185px;
       height: 185px;
       margin: 0;
       float: left;
       position: relative;
       }
       
#telo_ls .objednat img.label
       {
       position: absolute;
       left: 35px;
       top: 7px;
       }

#telo_ls .objednat #obsah_kalendar
       {
       width: 185px;
       height: 163px;
       margin: 0;
       float: left;
       position: absolute;
       left: 0;
       top: 22px;
       }

table#table_kal
       {
       width: 175px;
       height: auto;
       margin: 0;
       float: left;
       position: absolute;
       left: 5px;
       top: 5px;
       font-size: 10px;
       text-align: center;
       }

table#table_kal td
       {
       width: 25px;
       height: 17px;
       }

table#table_kal td.akt_mes
       {
       width: 125px;
       color: #005d96;
       font-size: 12px;
       font-weight: bold;
       text-transform: lowercase;
       }

table#table_kal td.preklik a
       {
       color: #9d6a3f;
       }

table#table_kal td.label_den
       {
       border-top: 1px solid #777360;
       background: #075cd0;
       color: white;
       }

table#table_kal td.den {color: #5a4600;}
table#table_kal td.den a {color: #5a4600;}

table#table_kal td.akt_den
       {
       background: #075cd0;
       color: white;
       }

table#table_kal td.akt_den a {color: white;}

#telo_ls .eshop
       {
       width: 185px;
       height: 43px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ls .eshop img
       {
       position: absolute;
       left: 115px;
       top: 22px;
       }

#telo_ls .vybaveni
       {
       width: 185px;
       height: 44px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ls .vybaveni img
       {
       position: absolute;
       left: 96px;
       top: 22px;
       }
       
#telo_ls .aktuality
       {
       width: 185px;
       height: 44px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ls .aktuality img
       {
       position: absolute;
       left: 101px;
       top: 22px;
       }

#telo_ls .dokumenty
       {
       width: 185px;
       height: 44px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ls .dokumenty img
       {
       position: absolute;
       left: 82px;
       top: 22px;
       }
       
       
       
       
       

#telo_ss
       {
       width: 622px;
       height: 488px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_telo_ss.jpg) left top no-repeat;
       position: relative;
       }
       
#telo_ss #obsah
       {
       width: 465px;
       height: 258px;
       margin: 0;
       float: left;
       position: absolute;
       left: 90px;
       top: 52px;
       overflow: auto;
       }   
      
#uvod
       {
       width: 100px;
       height: 100px;
       margin: 0;
       float: left;
       position: relative;
       }    

#uvod img
       {
       margin: 0;
       float: left;
       display: block;
       position: absolute;
       left: -5px;
       top: -5px;
       }
       
#telo_ps_obsah
       {
       width: 435px;
       height: auto;
       margin: 0;
       float: left;
       font-size: 11px;
       color: white;
       padding: 5px;
       }       
       
#telo_ps_obsah a {color: white;}
#telo_ps_obsah p {margin: 0; padding: 0;}


#telo_ps_obsah h1, #telo_ps_obsah h2, #telo_ps_obsah h3, #telo_ps_obsah h4, #telo_ps_obsah h5, #telo_ps_obsah h6
       {
       margin: 5px 0;
       padding: 0;
       }

#telo_ps_obsah h1
       {
       font-size: 18px;
       }

#telo_ps_obsah h2
       {
       font-size: 17px;
       }

#telo_ps_obsah h3
       {
       font-size: 16px;
       padding: 0 0 0 5px;
       }

#telo_ps_obsah h4
       {
       font-size: 15px;
       padding: 0 0 0 10px;
       }

#telo_ps_obsah h5
       {
       font-size: 14px;
       padding: 0 0 0 15px;
       }

#telo_ps_obsah h6
       {
       font-size: 13px;
       padding: 0 0 0 20px;
       }






#telo_ps
       {
       width: 193px;
       height: 488px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_telo_ps.jpg) left top no-repeat;
       }

#telo_ps .kontakty
       {
       width: 193px;
       height: 139px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ps .kontakty img
       {
       position: absolute;
       left: 12px;
       top: 11px;
       }

#telo_ps .kontakty span
       {
       width: 180px;
       height: auto;
       margin: 0;
       float: left;
       display: block;
       font-size: 12px;
       font-weight: bold;
       color: white;
       position: absolute;
       left: 5px;
       top: 40px;
       }

#telo_ps .kontakty span a {color: white;}

#telo_ps .helena_fuchsova
       {
       width: 193px;
       height: 158px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ps .helena_fuchsova img.label
       {
       position: absolute;
       left: 12px;
       top: 11px;
       }

#telo_ps .helena_fuchsova img.helena
       {
       position: absolute;
       left: 5px;
       top: 37px;
       }


#telo_ps .helena_fuchsova span
       {
       width: 180px;
       height: 180px;
       margin: 0;
       float: left;
       display: block;
       background: url(../../obrazky/design/portret.png) 80px 0px no-repeat;
       padding: 6px 0 0 0;
       font-size: 12px;
       font-weight: bold;
       color: white;
       position: absolute;
       left: 5px;
       top: 34px;
       }

#telo_ps .helena_fuchsova a
       {
       font-size: 12px;
       font-weight: bold;
       color: white;
       position: absolute;
       left: 5px;
       top: 140px;
       }

#telo_ps .klienti
       {
       width: 193px;
       height: 191px;
       margin: 0;
       float: left;
       padding: 0;
       position: relative;
       }

#telo_ps .klienti img.label
       {
       position: absolute;
       left: 12px;
       top: 11px;
       }


#telo_ps .klienti img.portret
       {
       position: absolute;
       left: 12px;
       top: 40px;
       }




#patka
       {
       width: 1000px;
       height: 100px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_patka.jpg) left top no-repeat;
       padding: 0;
       position: relative;
       }

#patka img
       {
       margin: 0;
       float: left;
       display: block;
       position: absolute;
       }

#patka img.logo1 {left: 120px; top: 29px;}
#patka img.logo2 {left: 265px; top: 33px;}
#patka img.logo3 {left: 412px; top: 21px;}
#patka img.logo4 {left: 588px; top: 34px;}
#patka img.logo5 {left: 781px; top: 33px;}


input.text, select.text, textarea.text
       {
       width: 350px;
       height: auto;
       margin: 2px 0 5px 0;
       display: block;
       background: white;
       font-size: 11px;
       color: black;
       border: 0px none;
       font-family: Arial;
       }

textarea.text {height: 100px;}

input.submit {cursor: hand; cursor: pointer;}