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

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

#root
       {
       width: 100%;
       height: auto;
       margin: 0;
       float: left;
       text-align: center;
       background: url(../../obrazky/design/poz_root.jpg) center bottom repeat-x;
       }

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

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

#top
       {
       width: 1000px;
       height: 234px;
       margin: 0;
       float: left;
       position: relative;
       }

p#top-label
       {
       width: 234px;
       height: 48px;
       margin: 0;
       float: left;
       position: absolute;
       left: 0px;
       top: 0px;
       font-size: 12px;
       color: black;
       }

p#top-label strong {position: absolute; left: 0px; top: 0px;}
p#top-label img {margin: 0; float: left; display: block; position: absolute; left: 0px; top: 0px;}

p#loga
       {
       width: 635px;
       height: 186px;
       margin: 0;
       float: left;
       position: absolute;
       left: 0px;
       top: 48px;
       z-index: 10;
       }

p#loga img {margin: 0; float: left; display: block; position: absolute;}
p#loga #logo {left: 35px; top: 25px;}
p#loga #logo_podweb {left: 290px; top: 20px;}
p#loga .seznam {left: 645px; top: 135px;}

p#loga a.autojarov
       {
       font-family: Tahoma;
       font-size: 10px;
       color: white;
       text-transform: uppercase;
       position: absolute;
       left: 10px;
       top: 165px;
       }
       
p#loga img.podlogo {top: 135px;}

p#loga img.volkswagen {left: 645px;}
p#loga img.skoda {left: 690px;}
p#loga img.audi {left: 738px;}
p#loga img.seat {left: 800px;}
p#loga img.volkswagen-uzitkove {left: 850px;}
p#loga img.honda {left: 885px;}
p#loga img.honda-moto {left: 935px;}

#zhave-novinky
       {
       width: 365px;
       height: 186px;
       margin: 0;
       float: left;
       position: absolute;
       left: 635px;
       top: 0px;
       }

#zhave-novinky p.label
       {
       width: 220px;
       height: 18px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_zhave-novinky_label.jpg) left top repeat-x;
       padding: 3px 15px 0 15px;
       font-size: 14px;
       font-weight: bold;
       text-align: center;
       color: white;
       text-transform: uppercase;
       position: absolute;
       left: 105px;
       top: 21px;
       }

#zhave-novinky p.label a {color: white;}

#zhave-novinky ul.seznam
       {
       width: 365px;
       height: 183px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_zhave-novinky_seznam.jpg) left top no-repeat;
       padding: 3px 0 0 0;
       position: absolute;
       left: 0px;
       top: 48px;
       }

#zhave-novinky ul.seznam li
       {
       list-style: none;
       width: 345px;
       height: auto;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/puntik1.png) 10px 13px no-repeat;
       padding: 7px 0 0 20px;
       font-size: 14px;
       letter-spacing: -1px;
       }

#zhave-novinky ul.seznam li strong {text-transform: uppercase;}

#zhave-novinky ul.seznam li a {color: white;}

menu#menu
       {
       width: 995px;
       height: 47px;
       margin: 0;
       float: left;
       padding: 0 0 0 5px;
       position: relative;
       }

menu#menu li.top
       {
       list-style: none;
       width: auto;
       height: 47px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_menu_li.jpg) left top no-repeat;
       padding: 0 0 0 1px;
       }

menu#menu li.tl1 {background: none; padding: 0;}

menu#menu li a.top
       {
       width: auto;
       height: 40px;
       margin: 0;
       float: left;
       display: block;
       padding: 7px 36px 0 36px;
       font-size: 14px;
       color: white;
       text-transform: uppercase;
       font-family: Tahoma;
       line-height: 15px;
       }

menu#menu li a.top:hover, menu#menu li a.akt
       {
       background: url(../../obrazky/design/poz_menu_li_akt.jpg) left top repeat-x;
       text-decoration: none;
       color: black;
       }


menu#menu li.top ul
       {
       width: 1000px;
       /*height: 237px;*/
       height: 193px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_menu_ul.png);
       position: absolute;
       left: 0;
       top: 47px;
       }

menu#menu li.top ul.skryt {display: none;}

menu#menu li.top ul li
       {
       list-style: none;
       width: 210px;
       /*height: 110px*/
       height: 88px;
       margin: 0;
       float: left;
       padding: 4px 20px;
       /*background: gray;*/
       text-align: left;
       font-size: 13px;
       font-weight: bold;
       text-transform: uppercase;
       }

menu#menu li.top ul li img
       {
       width: auto;
       /*height: 80px;*/
       height: 73px;
       margin: 0;
       display: block;
       /*background: green;*/
       cursor: hand;
       cursor: pointer;
       }

menu#menu li.top ul li a {color: white;}

p#banner
       {
       width: 1000px;
       /*height: 235px;*/
       height: 191px;
       margin: 2px 0 0 0;
       float: left;
       padding: 0;
       }

p#banner img
       {
       margin: 0;
       float: left;
       display: block;
       }


menu#menu2
       {
       width: 900px;
       height: 35px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_menu2.jpg) center top no-repeat;
       padding: 0 0 0 100px;
       }

menu#menu2 li
       {
       list-style: none;
       width: auto;
       height: 25px;
       margin: 0;
       float: left;
       padding: 10px 13px 0 13px;
       font-weight: bold;
       font-size: 14px;
       color: white;
       }

menu#menu2 li a {color: white;}


#telo
       {
       width: 1000px;
       height: auto;
       margin: 0;
       float: left;
       padding: 5px 0;
       position: relative;
       }

#telo_ps_obsah
       {
       width: 984px;
       _height: 400px;
       min-height: 400px;
       margin: 0;
       float: left;
       padding: 5px 8px 5px 8px;
       position: relative;
       font-size: 12px;
       color: #2b5e7c;
       }

#telo_ps_obsah p {padding: 0; margin: 0;}
#telo_ps_obsah a {color: #2b5e7c;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 
       {
       background: url(../../obrazky/design/poz_h1.jpg) left 4px no-repeat;
       padding: 0 0 0 20px;
       color: #14374b;
       font-size: 20px;
       }
       
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
h5 {font-size: 14px;}
h6 {font-size: 23px;}


#telo_ps_obsah #prilohy
       {
       width: 984px;
       height: auto;
       margin: 10px 0;
       float: left;
       padding: 0;
       }

#telo_ps_obsah ul.fotogalerie
       {
       width: 984px;
       height: auto;
       margin: 20px 0 0 0;
       float: left;
       padding: 0;
       }

#telo_ps_obsah ul.fotogalerie li
       {
       list-style: none;
       width: 160px;
       height: 200px;
       margin: 0;
       float: left;
       padding: 0 42px;
       text-align: center;
       }

#telo_ps_obsah #obsah_ww
       {
       width: 984px;
       _height: 400px;
       min-height: 400px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_obsah_ww.jpg) left top repeat-y;
       }

#telo_ps_obsah #obsah_ww #ls
       {
       width: 184px;
       _height: 100px;
       min-height: 100px;
       margin: 0 20px 0 0;
       float: left;
       padding: 0;
       }

ul#podmenu
       {
       width: 184px;
       height: auto;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_podmenu.jpg) left top no-repeat;
       padding: 45px 0 0 0;
       }

ul#podmenu li
       {
       list-style: none;
       margin: 0;
       float: left;
       padding: 0;
       font-size: 12px;
       color: #424242;
       }

ul#podmenu li a 
       {
       _height: 18px;
       min-height: 18px;
       margin: 0;
       float: left;
       display: block;
       color: #424242;
       }

ul#podmenu li a:hover, ul#podmenu li a.akt 
       {
       background: url(../../obrazky/design/poz_podmenu_akt.jpg) right center no-repeat;
       text-decoration: none;
       font-family: "Arial Black";
       }


ul#podmenu li.hl_tl
       {
       width: 166px;
       height: auto;
       padding: 0 0 0 18px;
       background: url(../../obrazky/design/poz_podmenu_li1.jpg) left top no-repeat;
       }

ul#podmenu li.hl_tl a.hl_a
       {
       width: 146px;
       padding: 7px 20px 4px 0;
       }

ul#podmenu li.hl_tl1 {background: none;}

ul#podmenu li.hl_tl ul.podmenu_sub
       {
       width: 166px;
       height: auto;
       margin: 0;
       float: left;
       padding: 0;
       }

ul#podmenu li.hl_tl ul.podmenu_sub li.sub_tl
       {
       width: 154px;
       height: auto;
       padding: 0 0 3px 12px;
       background: url(../../obrazky/design/poz_podmenu_li2.jpg) left -2px no-repeat;
       font-size: 12px;
       }

ul#podmenu li.hl_tl ul.podmenu_sub li.sub_tlb {background: url(../../obrazky/design/poz_podmenu_li2b.jpg) left -2px no-repeat;}

ul#podmenu li.hl_tl ul.podmenu_sub a.sub_a
       {
       width: 134px;
       padding: 3px 20px 0 0;
       }



#telo_ps_obsah #obsah_ww #ps
       {
       width: 780px;
       height: auto;
       margin: 0;
       float: left;
       }


/*#telo_ps_obsah #obsah_ww #ps img.hl_img*/
#telo_ps_obsah img.hl_img
       {
       width: 256px;
       height: 172px;
       margin: 0;
       float: right;
       padding: 13px 10px 20px 20px;
       background: url(../../obrazky/design/poz_hl_img.jpg) 10px top no-repeat;
       }


#telo_ps_obsah #obsah_ww #ps #prilohy
       {
       width: 780px;
       height: auto;
       margin: 20px 0 0 0;
       float: left;
       }

#telo_ps_obsah #obsah_ww #ps #prilohy a
       {
       width: 175px;
       height: 100px;
       margin: 0 0 5px 0;
       padding: 0 10px 0 10px;
       float: left;
       display: block;
       text-align: center;
       }

#telo_ps_obsah #obsah_ww #ps ul.fotogalerie
       {
       width: 780px;
       height: auto;
       margin: 20px 0 0 0;
       float: left;
       }

#telo_ps_obsah #obsah_ww #ps ul.fotogalerie li
       {
       padding: 0 45px;
       }


#telo_ps_obsah #obsah_ww #ps ul.seznam_akt
       {
       width: 780px;
       height: auto;
       margin: 20px 0 0 0;
       float: left;
       padding: 0;
       }

#telo_ps_obsah #obsah_ww #ps ul.seznam_akt li
       {
       list-style: none;
       width: 780px;
       height: auto;
       margin: 0 0 25px 0;
       float: left;
       padding: 0;
       }
       
#telo_ps_obsah #obsah_ww #ps ul.seznam_akt li strong
       {
       width: 770px;
       height: auto;
       margin: 0;
       float: left;
       background: #e2e7eb;
       display: block;
       padding: 5px;
       font-size: 15px;
       text-transform: uppercase;
       color: #424242;
       }

#telo_ps_obsah #obsah_ww #ps ul.seznam_akt li strong a {color: #424242;}

#telo_ps_obsah #obsah_ww #ps ul.seznam_akt li span
       {
       width: 770px;
       height: auto;
       margin: 0;
       float: left;
       background: #f7f7f7;
       display: block;
       padding: 5px;
       font-size: 11px;
       }




#telo_ps_obsah #akcni_okna
       {
       width: 984px;
       height: 95px;
       margin: 20px 0 0 0;
       float: left;
       padding: 0;
       }

#telo_ps_obsah #akcni_okna p
       {
       width: 300px;
       height: 89px;
       margin: 0 33px 0 0;
       float: left;
       background: url(../../obrazky/design/poz_akcni_okno.jpg) left top no-repeat;
       padding: 3px;
       color: #656565;
       font-family: Tahoma;
       }

#telo_ps_obsah #akcni_okna p.posl {margin: 0;}

#telo_ps_obsah #akcni_okna p a {color: #656565;}

#telo_ps_obsah #akcni_okna p img
       {
       width: 128px;
       height: 85px;
       margin: 0 5px 0 0;
       float: left;
       display: block;
       }

#telo_ps_obsah #akcni_okna p strong
       {
       width: 167px;
       height: auto;
       margin: 0 0 3px 0;
       float: left;
       display: block;
       font-size: 19px;
       letter-spacing: -1px;
       text-transform: uppercase;
       }

#telo_ps_obsah #akcni_okna p span
       {
       width: 167px;
       height: auto;
       margin: 0;
       float: left;
       display: block;
       font-size: 10px;
       }










#patka
       {
       width: 1000px;
       height: 114px;
       margin: 0;
       float: left;
       background: #243d4c;
       }

#patka .ohr {width: 489px !important; border-right: 1px solid #506470;}

#patka .sloupec
       {
       width: 490px;
       height: 91px;
       margin: 4px 0 0 0;
       float: left;
       padding: 15px 5px 0 5px;
       font-size: 11px;
       color: white;
       overflow: hidden;
       position: relative;
       }

#patka .sloupec a {color: white;}

#patka ul#patka_menu
       {
       width: 420px;
       height: auto;
       margin: 0;
       float: left;
       padding: 0;
       position: absolute;
       left: 25px;
       top: 15px;
       }

#patka ul#patka_menu li
       {
       list-style: none;
       margin: 0;
       float: left;
       padding: 0;
       text-transform: uppercase;
       }

#patka .sloupec img
       {
       margin: 0;
       float: left;
       display: block;
       position: absolute;
       top: 82px;
       }

#patka .sloupec img.arval {left: 275px;}
#patka .sloupec img.microsoft {left: 327px;}
#patka .sloupec img.dhl {left: 379px;}



form.obecny
       {
       margin: 0 0 20px 0;
       padding: 20px 0 0 0;
       }


form.obecny p
       {
       margin-bottom: 10px !important;
       position: relative;
       }

form.obecny label.label, form.obecny span.label
       {
       display: block;
       margin: 0 0 3px 0;
       font-size: 13px;
       font-style: italic;
       font-weight: bold;
       }

form.obecny input.text, form.obecny textarea.text, form.obecny .win-xp_ss .newListSelected
       {
       width: 400px;
       margin: 0;
       background: white;
       font-family: Arial;
       font-size: 12px;
       padding: 1px 2px;
       color: black;
       border: 1px solid #2b5e7c;
       display: block;
       }

form.obecny textarea.text {width: 600px; height: 150px;}

form.obecny input.submit
       {
       width: 405px;
       margin: 5px 0 0 0;
       background: #2b5e7c;
       font-family: "Arial Black";
       font-size: 12px;
       padding: 1px;
       color: white;
       border: 1px solid #2b5e7c;
       display: block;
       text-transform: uppercase;
       cursor: hand;
       cursor: pointer;
       }

form.obecny .win-xp_ss .newListSelected {background:#FFF url(../../obrazky/design/dropdown2.gif) no-repeat scroll 385px 2px;}
form.obecny .win-xp_ss .newListSelected div {width: 400px; font-size: 12px; padding: 1px 2px;}
form.obecny .win-xp_ss ul.newList {width: 400px; font-size: 12px;}



form.obecny .cal-launcher {position: absolute; left: 406px; top: 20px;}