@import "basic.css";

html { margin:0em; padding:0em; }
body { margin:0em 0em 3em 0em; padding:0em;  background:url('../img/bgpixel.png') top left repeat #12529D;}
#gradient { background:url('../img/bg.png') top left repeat-x; text-align:center; }
#inside { width:1038px; margin:0em auto; overflow:hidden; padding:0px; background:url('../img/bginside.png') top center repeat-y #FFFFFF; }
#hp { _height:490px; min-height:490px; background:url('../img/bgtop.png') top center no-repeat; }

.line { float:left; width:100%; display:block; position:relative; overflow:hidden; text-align:left; background-color:transparent; }
.item { position:relative; float:left; overflow:hidden; left:100%; }
.column { margin-bottom:-5000px; padding-bottom:5000px; }

#header { height:160px; border-bottom:1px solid #043896; width:970px; left:34px; }
#header h1 { margin:0em; padding:0em; }
#header h1 a { display:block; width:240px; height:80px; margin:0em; padding:0em; }
#header ul { list-style-type:none; margin:0em 0em 1px 0em; padding:0em; clear:both; text-transform:uppercase; }
#header ul li { display:block; float:left; margin:0px 0px 0px 2px; padding:0px; line-height:35px; }
#header ul li.nbrd { margin:0px; }
#header ul li a { display:block; padding:0px 13px; color:white; text-decoration:none; text-align:center; background:url('../img/menu.png') left bottom repeat-x #0E5DB4; font:bold 0.85em/35px Tahoma; }
#header ul li a:hover { background:url('../img/menu_active.png') left bottom repeat-x #2AA3F2; }
#header ul li a.selected { background:url('../img/menu_selected.png') left bottom repeat-x #FF9900; }

#header #logoitem { margin:28px 0px 0px -100%; }
#header #menuitem { margin:123px 0px 0px -100%; }
#header #media-box-1 { margin:82px 0px 0px -160px; }
#header #media-box-1 a { display:block; width:159px; height:66px; background:url('../img/basket.png') top left no-repeat; line-height:94px; overflow:hidden; text-decoration:none; }
#header #media-box-1 a:first-letter { margin-left:10px; }

#main { }
#main #maincontent { margin-left:-800px; width:675px; }
#main #sidebar-left { margin-left:-100%; width:220px; z-index:100; }
#main #sidebar-right { margin-left:-254px; width:220px; z-index:100; }
#main #sidebar-left2 { margin-left:-100%; width:34px; z-index:100; }
#main #sidebar-right2 { margin-left:-34px; width:34px; z-index:100; }

#main #sidebar-left .sap-content { padding-left:.5em; padding-right:.5em; }
#main #maincontent .sap-content { }
#main #sidebar-right .sap-content { padding-left:.5em; padding-right:.5em; }

#footerline { border-bottom:none; }
#footer { margin-left:-100%; width:100%; padding:0em; }
#footer p { margin:3em 2em 1em 2em; }
#footer-img { width:100%; height:4px; background:url('../img/bgfooter.png') bottom center no-repeat;}

ul#showlist { margin:1em 0em 0em 4px; padding:0em 0em 0em 41px; }
ul#showlist li { list-style-image:url('../img/li.png'); font:bold 13px/190% Tahoma; }
ul#showlist li ul { margin:0em; padding:0.25em 0em 0.5em 1em; }
ul#showlist li ul li { list-style-image:url('../img/li2.png');  }
ul#showlist li a { text-decoration:none; }
ul#showlist li a:hover { text-decoration:underline; }
ul#showlist li li { font:normal 12px/170% Tahoma; }

form#searchBox,
form#newsletter { margin:1em 0em 0em 27px; width:180px; padding:0em; }
form#searchBox fieldset,
form#newsletter fieldset { border:1px solid #043896; color:#043896; padding:0.5em; margin:0em; }
form#searchBox fieldset,
form#newsletter fieldset p { color:#333333; }
form#searchBox input#qs,
form#newsletter input#ninp { width:90%; margin:0em; }
form#searchBox input#button_search,
form#newsletter input#button_login { margin:0.3em 0em; font-size:90%; }

div#nej_zbozi { font-size:90%; margin-left:28px; text-align:center; }
div#nej_zbozi h3 { font-size:12px; line-height:16px; font-weight:bold; }
div#nej_zbozi p { margin-top:0em; padding-top:0em; }
div#nej_zbozi big { font-weight:bold; color:#EA0000; }

p#path { margin:0.5em 0em 1em 0em; padding:0em; }

dl#productsList { margin:1.5em 0em; padding:0em; }
dl#productsList dt { border-bottom:1px solid #0066DD; line-height:100%; }
dl#productsList dt a { display:block; }
dl#productsList dt a:hover { text-decoration:none; }
dl#productsList dd { padding:0.5em 0em 1em 0em; margin:0em; background-color:#FFFFFF; }
dl#productsList dd img.obrazek { float:left; margin:0em 1em 1em 0em; }
dl#productsList dd .cena { margin-top:1em; }
dl#productsList dd big { font-weight:bold; color:#EA0000; }
dl#productsList dd small { display:block; }
dl#productsList dd .novinka { position:absolute; left:0px; display:block; width:60px; height:60px; background:url('../img/novinka.gif') top left no-repeat; -moz-opacity:0.9; filter:alpha(opacity=90);  }

div#data { margin-bottom:2em; background:white; padding:0.2em 0.5em }
div#data img.obrazek { float:left; margin:0em 1em 1em 0em; }
div#data #info1 span { display:block; float:left; width:90px; margin-right:2px; text-align:right; }
div#data #info2 { padding-top:1em; }
div#data #info2 big { font-weight:bold; color:#EA0000; }
div#data #info2 small { display:block; }
div#data #info3 { clear:both; line-height:24px; padding:0.5em 0em; }
div#data #info3 #bi { vertical-align:middle; margin:0em 0em 0em 1em; }

.kupTo a { display:block; width:98px; height:24px; float:left; background:url('../img/button_buy2.png') top left no-repeat; cursor:pointer; margin-top:5px; }

    /*
    #nnk2 { width:560px; height:20px; margin:1em 0em; padding:0em 0.5em; background:url('../img/objednavka.png') 5px 0px no-repeat white; }
    #nnk2.krok2 { background-position:5px -18px; }
    #nnk2.krok3 { background-position:5px -36px; }
    #nnk2.krok4 { background-position:5px -54px; }
    */
    
    ol#nnk { margin:0em 0em 1em 0em; padding:0em 0em 0em 1.5em; min-height:1.5em; }
    ol#nnk li { float:left; padding:0em 4em 0em 0em; margin:0em; font-weight:bold; }
    ol#nnk li.orange a,
    ol#nnk li.orange  { color:#FE5C1B; text-decoration:none; }
    ol#nnk li.orange a:hover { text-decoration:underline; }
    ol#nnk li.navy a,
    ol#nnk li.navy  { color:#0AB9E5; }
    
div#super_akce { padding-top:1em; }

div#uvodni_zalozky { padding-top:1em; }
        #uvodni_zalozky h4.zalozka_neaktivni { color:white; background-color:#BFBFBF; }
        #uvodni_zalozky .uvodP, #uvodni_zalozky .uvodL { width:310px; border:1px solid #9BDAEC; text-align:center;
          background:url('../img/pup.png') bottom left repeat-x white; padding:2px; margin:0px 10px 15px 0px; }
        #uvodni_zalozky .uvodP { float:left; }
        #uvodni_zalozky .uvodL { float:left; clear:left; }
        #uvodni_zalozky h3 { background-color:#08A5E7; margin:0px 0px 5px 0px; padding:5px 10px; text-align:left; }
        #uvodni_zalozky h3 a { color:white; text-decoration:none; }
        #uvodni_zalozky .obl1, #uvodni_zalozky p { text-align:left; }
        #uvodni_zalozky img.buy_button { float:left; margin:1em auto 1em 2em; cursor:pointer; }
        #uvodni_zalozky img.obrazek { display:block; margin:1em 1em 1em 1em; float:left; }
        #uvodni_zalozky big { color:#08A5E7; font-weight:bold; }
        #uvodni_zalozky p span { color:#FF7500; }
        #uvodni_zalozky p { display:block; }
        #uvodni_zalozky .obl1 p { width:160px; float:right; }
        #uvodni_zalozky div.zalozka_aktivni_obsah { padding-left:0em; }


#zobrazeno_zbozi { text-align:center; }
.linkovani { text-align:center; }

hr { clear:both; border-width:0px; height:1px; background:orange; margin:1em 0em; padding:0em; font-size:1px; }
  
h4.zalozka_aktivni, h4.zalozka_neaktivni { margin:0em; padding:0.15em 0.5em; line-height:1.75em; font-weight:normal; display:block; float:left; width:130px; text-align:center; }
h4.zalozka_aktivni { background-color:#08A5E7; color:white; font-size:1.1em; cursor:default; }
h4.zalozka_neaktivni { background-color:#E2E2E2; color:#676767; font-size:1em; margin:0em 0.15em; cursor:pointer; }
div.zalozka_aktivni_obsah { border-top:1px solid #08A5E7; padding:1em; clear:both; float:left; width:660px; }
div.zalozka_neaktivni_obsah { border:1px solid #08A5E7; padding:1em; display:none; }
        
/* pomocne formatovaci tagy */
.hidden { display:none; }
.cleaner { display:block; width:100%; clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden; font-size:1px; }

attr { border-bottom-style:dotted; border-bottom-width:1px; cursor:help; }

/* zarovnavaci znacky */
.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }
.j { text-align:justify; }
.fr { float:right; }
.fl { float:left; }
.nolink { text-decoration:none; color:#333333; }

/* znacky pro plovouci bloky */
.box50L { display:block; width:49%; float:left; }
.box50R { display:block; width:49%; float:right; }

/* styl obrazku na page 404 */
img.gloom { margin:10px; float:left; border-width:0px; }


/* ERROR Box */
#err_box { display:none; }
#err_box #bg { width:100%; height:100%; position:absolute; top:0px; left:0px; background-color:white; -moz-opacity:0.75; filter:alpha(opacity=50); z-index:101; }
#err_box #alert { position:absolute; top:35%; left:40%; width:20%; height:30%; padding:10px; background-color:#CC0000; color:white; border:1px outset #FF3333; overflow:auto; }
#err_box #alert h5 { margin:20px 20px 10px 20px; font-size:1.3em; }
#err_box #alert p { margin:0px 20px 20px 20px; }
#err_box #alert span { display:block; width:100px; margin:20px auto; padding:3px 0px; text-align:center; background-color:#999999; cursor:pointer; border:1px outset #999999; }