@import url(horni_lista.css);

body
       {
       font-family: Arial, Verdana, Times New Roman;
       margin: 0;
       background: white;
       }

#koren
       {
       width: auto;
	height: auto;
	margin: 0;
	text-align: center;
       }

#hlavni
       {
       width: 1000px;
       height: auto;
       margin: auto;
	text-align: left;
       }
       
menu#menu1
       {
       width: 508px;
       height: 18px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_menu1.jpg) top left no-repeat;
       padding: 12px 0 0 492px;
       }

menu#menu1 li
       {
       list-style: none;
       margin: 0 30px 0 0;
       float: left;
       padding: 0;
       font-size: 11px;
       }

menu#menu1 li.posledni
       {
       margin: 0;
       padding: 0 0 0 30px;
       }

menu#menu1 li a
       {
       color: white;
       text-decoration: none;
       }

menu#menu1 li a:hover
       {
       text-decoration: underline;
       }

menu#menu1 li.posledni a
       {
       color: #2d2d2d;
       font-style: italic;
       }
       
p#logo
       {
       width: 350px;
       height: 164px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_logo.jpg) top left no-repeat;
       position: relative;
       }
       
img#logo_alpine
       {
       width: 152px;
       height: 94px;
       margin: 0;
       display: block;
       border: 0px none;
       position: absolute;
       left: 26px;
       top: 27px;
       }

img#logo_jarov
       {
       width: 132px;
       height: 51px;
       margin: 0;
       display: block;
       border: 0px none;
       position: absolute;
       left: 199px;
       top: 54px;
       }

p#rk
       {
       width: 650px;
       height: 164px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_rk.jpg) top left no-repeat;
       position: relative;
       }

img#rk_mo
       {
       width: 182px;
       height: 72px;
       margin: 0;
       display: block;
       border: 0px none;
       position: absolute;
       right: 344px;
       top: 63px;
       }

img#rk_bo
       {
       width: 141px;
       height: 72px;
       margin: 0;
       display: block;
       border: 0px none;
       position: absolute;
       right: 203px;
       top: 63px;
       }

img#rk_co
       {
       width: 188px;
       height: 72px;
       margin: 0;
       display: block;
       border: 0px none;
       position: absolute;
       right: 15px;
       top: 63px;
       }
       
#telo
       {
       width: 1000px;
       height: auto;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_telo.jpg) top left repeat-y;
       }

#paticka
       {
       width: 980px;
       _height: 16px;
       min-height: 16px;
       margin: 5px 0 0 0 !important;
       float: left;
       background: black url(../../obrazky/design/poz_paticka.jpg) left top repeat-x;
       padding: 5px 10px 2px 10px;
       font-size: 9px;
       text-align: center;
       color: white;
       line-height: 15px;
       }

#paticka a {color: white; font-weight: bold; padding: 0 10px;}


#telo_ls
       {
       width: 324px;
       height: auto;
       margin: 0;
       float: left;
       }

p#akce
       {
       width: 294px;
       height: 225px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_akce.jpg) top left no-repeat;
       position: relative;
       color: white;
       text-align: center;
       padding: 45px 0 0 30px;
       }

p#akce span.label
       {
       font-size: 12px;
       position: absolute;
       left: 70px;
       top: 18px;
       }

p#akce img
       {
       height: 173px;
       margin: auto;
       display: block;
       border: 0px none;
       
       left: 51px;
       top: 45px;
       }

p#akce strong
       {
       font-size: 12px;
       position: absolute;
       left: 50px;
       top: 234px;
       }

p#akce span.cena
       {
       font-size: 15px;
       font-weight: bold;
       position: absolute;
       right: 29px;
       top: 218px;
       }
       
p#akce a
       {
       color: white;
       text-decoration: none;
       }       

p#akce a:hover
       {
       text-decoration: underline;
       }
       
ul#seznam_aktualit
       {
       width: 324px;
       height: 263px;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_akt.jpg) top left no-repeat;
       padding: 0;
       }

ul#seznam_aktualit li
       {
       list-style: none;
       width: 195px;
       margin: 8px 0;
       float: left;
       padding: 0 0 0 70px;
       color: #0b0b0b;
       font-size: 11px;
       font-style: italic;
       }  
      
ul#seznam_aktualit li.horni
       {
       margin: 6px 0 25px 0;
       color: white;
       font-style: normal;
       font-size: 12px;
       }  

ul#seznam_aktualit li.horni a
       {
       color: white;
       }
      
ul#seznam_aktualit li a
       {
       color: #0b0d0f;
       text-decoration: none;
       }   

ul#seznam_aktualit li a:hover
       {
       text-decoration: underline;
       }
 
#telo_ps
       {
       width: 676px;
       height: auto;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_telo_ps.jpg) top left no-repeat;
       }

#telo_ps_obsah
       {
       width: 638px;
       _height: 519px;
       min-height: 519px;
       margin: 0;
       float: left;
       padding: 4px 8px 10px 8px;
       color: white;
       font-size: 11px;
       position: relative;
       }
       

#telo_ps_obsah a
       {
       color: #dddddd;
       text-decoration: none;
       }

#telo_ps_obsah a:hover
       {
       text-decoration: underline;
       }
       
#telo_ps_obsah p
       {
       margin: 0;
       padding: 0;
       }

#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
       {
       width: 633px;
       height: auto;
       margin: 0 0 5px 0;
       float: left;
       background: #e9e9e9;
       font-size: 18px;
       padding: 15px 0 0 5px;
       color: #494949;
       }

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

#telo_ps_obsah h2.akc_nab
       {
       width: 630px;
       float: left;
       }

#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_obsah hr
       {
       width: 638px;
       margin: 10px 0;
       float: left;
       display: block;
       border-top: 1px solid #c0c0c0;
       }
       

#telo_ps_obsah p#cesta
       {
       width: 605px;
       height: auto;
       margin: 0;
       float: left;
       background: #dbdbdb url(../../obrazky/design/cara1.jpg) bottom left repeat-x;
       padding: 5px 3px 5px 30px;
       font-size: 10px;
       text-align:right;
       position: relative;
       }

#telo_ps_obsah p#cesta span
       {
       color: #444444;
       }

#telo_ps_obsah p#cesta a
       {
       color: #444444;
       }
      
#telo_ps_obsah p#cesta a.zpet
       {
       font-size: 11px;
       position: absolute;
       left: 3px;
       top: 3px;
       }   
      

#telo_ps_obsah menu#podmenu
       {
       width: 632px;
       height: auto;
       margin: 0;
       float: left;
       background: #dbdbdb url(../../obrazky/design/cara1.jpg) bottom left repeat-x;
       padding: 10px 3px 5px 3px;
       font-size: 10px;
       text-align: right;
       color: #444444
       }

#telo_ps_obsah menu#podmenu li
       {
       list-style: none;
       margin: 0; 
       float: left;
       padding: 0;
       font-size: 11px;
       }

#telo_ps_obsah menu#podmenu li a
       {
       color: #444444;
       }  


#telo_ps_obsah div.skryj
       {
       display: none;
       }

#telo_ps_obsah ul.skryt
       {
       visibility: hidden;
       }

#telo_ps_obsah ul.odkryt
       {
       visibility: visible;
       }


#telo_ps_obsah p#prilohy img
       {
       border: 0px none;
       margin: 5px 5px 0 0;
       }

#telo_ps_obsah p.kat_menu img
       {
       border: 0px none;
       margin: 0 9px;
       }
       

ul.fotogalerie
       {
       width: 638px;
       height: auto;
       margin: 0;
       float: left;
       visibility: visible;
       padding: 0;
       }

ul.fotogalerie li
       {
       list-style: none;
       width: 190px;
       height: 210px;
       margin: 0;
       float: left;
       padding: 0;
       text-align: center;
       font-size: 10px;
       }

ul.fotogalerie li a
       {
       color: #c0c0c0;
       text-decoration: none;
       }

ul.fotogalerie li a:hover
       {
       text-decoration: none;
       }

ul.fotogalerie li img
       {
       border: 1px solid #dddddd;
       padding: 5px;
       margin: 0 0 5px 0;
       display: block;
       }

p#banner
       {
       width: 638px;
       height: 180px;
       margin: 0 0 15px 0;
       float: left;
       position: relative;
       }

p#banner img
       {
       width: 654px;
       height: 180px;
       margin: 0;
       display: block;
       border: 0px none;
       position: absolute;
       top: 0px;
       left: -8px;
       }

ul.aktuality, ul.prodejci
       {
       margin: 0px;
       padding: 10px 0 10px 30px;
       }

ul.aktuality li
       {
       list-style: none;
       }

ul.aktuality li a
       {
       color: #c0c0c0;
       }

ul.prodejci li
       {
       list-style: none;
       margin: 0 0 20px 0;
       }

ul.prodejci li strong
       {
       display: block;
       font-size: 13px;
       margin: 0 0 3px 0;
       }
       
       
/********************************
********************************

FORMY

*********************************/

form label
       {
       width: 160px;
       margin: 0 10px 0 0;
       padding: 0;
       display: block;
       float: left;
       font-size: 11px;
       }

form input
       {
       width: 300px;
       height: 14px;
       padding: 2px 0 0 2px;
       font-size: 10px;
       font-weight: bold;
       border: 1px solid #222222;
       position: relative;
       top: -4px;
       color: black;
       }

form p.submit
       {
       text-align: center;
       }

form input.submit
       {
       width: 120px;
       height: 20px;
       background: transparent;
       border: 1px solid black;
       cursor: hand;
       cursor: pointer;
       color: black;
       }

form select
       {
       width: 300px;
       height: 14px;
       padding: 0 0 0 2px;
       font-size: 10px;
       fotn-weight: bold;
       border: 1px solid #222222;
       position: relative;
       top: -4px;
       color: white;
       }

form textarea
       {
       width: 300px;
       height: 100px;
       padding: 2px 0 0 2px;
       font-size: 10px;
       fotn-weight: bold;
       border: 1px solid #222222;
       position: relative;
       top: -4px;
       color: black;
       }
       

#telo_ps_obsah h1.dealer
       {
       width: 238px;
       height: 33px;
       font-size: 14px;
       margin: 30px 0 0 0;
       float: left;
       background: url(../../obrazky/design/alp.gif) top right no-repeat;
       padding: 12px 0 0 240px;
       }

form.dealer
       {
       width: 291px;
       height: 122px;
       margin: 0;
       position: absolute;
       left: 163px;
       top: 257px;
       border: 1px solid #6c6c6c;
       border-top: 0px none;
       }

form.dealer p
       {
       width: 291px;
       height: 20px;
       color: white;
       font-size: 12px;
       position: relative;
       margin: 10px 0 0 0;
       }

form.dealer p label
       {
       position: absolute;
       top: 6px;
       left: 10px;
       }

form.dealer input
       {
       width: 155px;
       height: 15px;
       margin: 0;
       float: left;
       border: 1px solid #6c6c6c;
       background: transparent;
       font-size: 10px;
       position: absolute;
       right: 10px;
       top: 5px;
       color: white;
       }

form.dealer input.submit
       {
       width: 287px;
       height: 27px;
       top: 23px;
       left: 2px;
       background: #414141;
       border: 0px none;
       font-size: 13px;
       font-style: italic;
       }

/********************************
********************************

PRODUKT

*********************************/

#telo_ps_obsah p#cislovani_str
       {
       width: 638px;
       height: auto;
       margin: 10px 0 0 0;
       float: left;
       text-align: center;
       }


#telo_ps_obsah p.produkt
       {
       width: 194px;
       height: 222px;
       margin: 0 25px 15px 0;
       float: left;
       background: url(../../obrazky/design/poz_produkt.jpg) top left no-repeat;
       padding: 18px 0 0 0;
       position: relative;
       border: 1px solid #666666;
       text-align: center;
       }

#telo_ps_obsah p.akce {background: url(../../obrazky/design/poz_produkt_akce.jpg) top left no-repeat !important;}

#telo_ps_obsah p.krajni
       {
       margin: 0 0 15px 0 !important;
       }

#telo_ps_obsah p.produkt strong
       {
       width: 190px;
       font-size: 12px;
       position: absolute;
       top: 2px;
       left: 2px;
       }

#telo_ps_obsah p.produkt img
       {
       margin: auto;
       display: block;
       border: 0px none;
       }

#telo_ps_obsah p.produkt span.cena
       {
       position: absolute;
       bottom: 5px;
       right: 5px;
       font-size: 13px;
       font-weight: bold;
       font-style: italic;
       }

#telo_ps_obsah p.produkt a.vice
       {
       font-size: 10px;
       font-style: italic;
       position: absolute;
       bottom: 5px;
       left: 5px;
       }




#telo_ps_obsah div#pro
       {
       width: 638px;
       height: auto;
       margin: 0 0 10px 0;
       float: left;
       }

#telo_ps_obsah div#pro div.ps
       {
       width: 430px;
       height: auto;
       margin: 0;
       float: right;
       padding: 0 0 0 5px;
       }

#telo_ps_obsah div#pro div.ps h1
       {
       width: 425px;
       }
       
#telo_ps_obsah div#pro div.ps p.cena
       {
       text-align: right;
       }

#telo_ps_obsah div#pro div.ps span.akce_cena
       {
       text-align: right;
       font-size: 18px;
       text-decoration: line-through;
       }

#telo_ps_obsah div#pro div.ps span.akce_akce
       {
       margin: 0 5px;
       font-size: 25px;
       font-style: italic;
       font-weight: bold;
       }

#telo_ps_obsah div#pro div.ps ul
       {
       width: 400px;
       height: auto;
       margin: 0;
       float: none;
       padding: 0;
       }

#telo_ps_obsah div#pro div.ps ul li
       {
       padding: 0;
       margin: 0;
       }

#telo_ps_obsah div#pro div.ls
       {
       width: 203px;
       height: auto;
       margin: 0;
       float: left;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie
       {
       width: 203px;
       height: auto;
       margin: 0;
       padding: 0;
       float: left;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie li.hlavni
       {
       width: 195px;
       height: auto;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_pro_gal.jpg) top right no-repeat;
       padding: 17px 0 0 0;
       border: 0px none;
       text-align: center;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie li.hlavni img
       {
       padding: 1px;
       border: 1px solid white;
       margin: auto;
       float: none;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie li
       {
       width: 190px;
       height: auto;
       margin: 5px 0 0 0;
       float: left;
       padding: 1px;
       position: relative;
       border: 1px solid white;
       text-align: left;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie li img
       {
       padding: 0;
       border: 0px none;
       margin: 0 5px 0 0; 
       display: block;
       float: left;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie li span.obj_c
       {
       font-size: 13px;
       font-weight: bold;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie li a.poptat
       {
       position: absolute;
       bottom: 1px;
       left: 56px;
       }
























#telo_ps_obsah div#pro div.ls ul.fotogalerie2
       {
       width: 203px;
       height: auto;
       margin: 0;
       padding: 0;
       float: left;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie2 li.hlavni
       {
       width: 195px;
       height: auto;
       margin: 0;
       float: left;
       background: url(../../obrazky/design/poz_pro_gal.jpg) top right no-repeat;
       padding: 17px 0 0 0;
       border: 0px none;
       text-align: center;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie2 li.poptat
       {
       width: 195px;
       height: auto;
       margin: 0;
       float: left;
       padding: 17px 0 0 0;
       border: 0px none;
       text-align: center;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie2 li.hlavni img
       {
       padding: 1px;
       border: 1px solid white;
       margin: auto;
       float: none;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie2 li.poptat img
       {
       border: 0px none;
       margin: auto;
       float: none;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie2 li
       {
       list-style: none;
       width: 101px;
       height: auto;
       margin: 5px 0 0 0;
       float: left;
       text-align: center;
       }

#telo_ps_obsah div#pro div.ls ul.fotogalerie2 li img
       {
       padding: 1px;
       border: 1px solid white;
       margin: auto;
       display: block;
       }


img.akcni_nabidka
       {
       border: 0px none;
       float: left;
       margin: 10px 0 0 0;
       }