/* 
Projekt: www.pancuchy.com
Autor: Monumental s.r.o.
Kontakt: info@monumental.sk 
Dátum: 1.7.2009
*/


/* ----------------------------------------------------------------------------------------------------------
0) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */

html, body, div, span, applet,input, submit, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, form {
margin: 0; padding: 0; border: 0; outline: 0; }
/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; text-align: center;  background: #000 url(../images/bg.jpg) center top no-repeat; background-color:#dfdbd0; font-family:tahoma; color:#373737; font-size:11px; }
a { color:#800080; }
a:hover { text-decoration:none; }

#main_frame { margin:0 auto; width:922px; }


    #header { width:922px; height:105px;  }
        #logo { float:left; margin:25px 0 0 18px; display:inline; }
        #kosik_top { float:right; margin:59px 22px 0 0; display:inline;}
    #main_menu { width:922px; height:57px; background-image:url('../images/bg_main_menu.jpg');   }
        #search { float:right; margin:17px 25px 0 0; height:23px; display:inline; }
              input.vyhladavanie_bg {  float:left; width:153px; height:13px; font-size:11px; background-color:#fff; border:0; padding:5px; }
        input.vyhladavanie_go { float:left; width:24px; height:23px; background-image: url('../images/search.jpg'); border:0; margin:0 0 0 -3px; cursor:pointer; padding:0; }
    
    #navigation { width:922px; height:33px; padding:20px 0 0 19px; float:left; display: inline; text-align:left; }
    
    #middle { width:922px; }
        #middle_left { float:left; width:270px; }
            #submenu { float:left; width:260px;  background-image: url('../images/bg_submenu.jpg'); padding:10px 0 7px 10px; }
            #left_banner { float:left; margin:27px 0 27px 0; }
            #left_banner img.banner_foto { width:242px; }
        #middle_right { float:left; width:652px; }
            #main_banner { float:left; width:652px; height:235px;  background-image: url('../images/banner.jpg'); }
            #content { float:left; width:652px; background-color:#ffffff; padding:0 0 20px 0; }
            #content_banner { float:left; width:652px; background-color:#ffffff; padding:0 0 20px 0;text-align:left; }
                
                .osadenie_textov { width:570px; float:left; margin:0 0 0 20px; display: inline; line-height:16px; }
                
                #h1_nadpis { width:592px; float:left; height:25px; background-color:#ded7cc; margin:20px 0 20px 20px; display: inline; text-align:left; padding:7px 0 0 20px; }
                .tovar { float:left; width:138px; height:253px; margin:0 0 20px 20px; display: inline;}
                    .fotka { float:left; background-color:#d4d0c6; height:192px; width:138px; font-size:0; }
                    .popis { width:138px; height:61px; float:left;  background-image: url('../images/bg_popis_product.jpg'); line-height:17px; text-align:left; }
                        .popis_nadpis { float:left;   width:120px; display: inline; margin:5px 0 0 7px;}
                        .popis_cena { float:left;  width:90px; margin:0 0 0 7px; display: inline;  }
                        .plus { float:right; width:26px; height:26px; margin:13px 0 0 0; display: inline;} 
                #strankovanie { float:left; width:612px; float:left; height:27px; background-color:#f2f2f2; margin:0 0 20px 20px; display: inline; padding:5px 0 0 0; }
                
                /* DETAIL PRODUKTU */
                #left_content { float:left; width:229px; height:319px; margin:0 0 20px 20px; display: inline;  }
                #right_content { float:left; width:352px; margin:0 0 20px 30px; display: inline; text-align:left;  }
                input.kusy { border:1px solid #343431; width:25px; height:14px; font-size:11px; padding:2px; text-align:center; margin-left:3px; display: inline; }
                .ks {width:24px; font-size:11px; padding:0 0 0 8px; }
                input.tlacitko { float:left; cursor:pointer; margin-left:12px; display: inline; width:125px; height:34px; background-image: url('../images/button.jpg'); color:#fff; font-weight: bold; font-size:11px;  }
                input.tlacitko_velkost_tabulka { float:left; cursor:pointer; margin-left:12px; display: inline; width:125px; height:34px; background-image: url('../images/button_2.jpg'); color:#8c867d; font-weight: bold; font-size:11px;  }
                .osadenie { float:left; margin-left:11px; display: inline; }
                .tabulka_osadenie { float:left;  }
                #tabulka_osadenie_special { float:left; }
                                
                #content_bottom { float:left; width:652px; height:33px; background-image: url('../images/content_bottom.jpg'); }
    #footer { float:left; width:882px; height:37px; background-image: url('../images/bg_footer.jpg'); margin-bottom:38px; padding:9px 20px 9px 20px; }
        .left_footer { float:left;  text-align:left; line-height:18px; }
        .right_footer { float:right;  line-height:18px; }
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZ�LNE �T�LY
---------------------------------------------------------------------------------------------------------- */
td.gray { background-color:#f0ece8; padding:7px 0 7px 10px; }
td.farby { padding:12px 0 0 12px; }
td.velkost { padding:12px 0 0 10px; }
/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 { font-size:13px; margin:0; padding:0; }
.red { color:red; }
.green { color:green; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.link_fialova { color:#68085e; text-decoration:underline; }
a.link_fialova:hover { color:#68085e; text-decoration:none; }
a.link_main_menu { color:#fff; font-weight: bold;  text-decoration:none; display: block; padding:22px 29px 18px 29px; }
a.link_main_menu:hover { color:#ffc3f8; font-weight: bold;  text-decoration:none; display: block; padding:22px 29px 18px 29px; }
a.link_normal {  color:#373737; text-decoration:none; }
a.link_normal:hover {  color:#373737; text-decoration:underline; }
a.link_plus { width:26px; height:26px; background-image: url('../images/plus_off.jpg'); display: block; }
a.link_plus:hover { width:26px; height:26px; background-image: url('../images/plus_on.jpg'); display: block; }
/* ---------------------------------------------- ------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
img.vypis_produktov_obrazok { width:138px; height:192px; }
img.vypis_produktov_obrazok_detail { width:235px; }
.slovo_prihlasenie { float:left; margin:9px 0 0 12px; display:inline; }
/* ----------------------------------------------------------------------------------------------------------
6) MAIN MENU
---------------------------------------------------------------------------------------------------------- */
ul.main_menu { margin:0; padding:0; list-style:none; }
li.main_menu_house { float:left; margin:19px 21px 0 21px; display: inline; }
li.main_menu { float:left; }
li.separator { float:left; height:57px; width:2px; background-image:url('../images/separator.jpg'); }

/* ----------------------------------------------------------------------------------------------------------
7) SUBMENU MENU
---------------------------------------------------------------------------------------------------------- */
ul.submenu { float:left; }
li.submenu { list-style-type:none; display: block; font-weight:bold;  width:240px; height:33px; margin-bottom:3px; }
li.submenu a { list-style-type:none; display: block;  background: transparent;  width:227px; height:24px; text-align:left; padding:9px 0 0 13px;  text-decoration:none; color:#4a0442;  }       
li.submenu a:hover { list-style-type:none; display: block;  background-image: url('../images/bg_submenu_button.jpg'); height:24px; width:227px; padding:9px 0 0 13px; text-decoration:none; color:#fff; background-repeat:no-repeat; }
li.submenu a.a2 { list-style-type:none; display: block;  background-image: url('../images/bg_submenu_button.jpg'); height:24px; width:227px; padding:9px 0 0 13px; text-decoration:none; color:#fff; background-repeat:no-repeat; }


#obsahko { padding-left:20px;padding-right:20px;text-align:left;}
input.formular_prihlas { border:1px solid #a3a3a3;font-size:11px; background-color:#fff;width:157px;height:17px;padding:3px 0 0 3px; }
select.formular { border:1px solid #a3a3a3;font-size:11px; background-color:#fff;height:25px;padding:3px 0 0 3px;  width:268px; }
input.formular { border:1px solid #a3a3a3;font-size:11px; background-color:#fff;height:17px;width:250px;padding:3px 0 0 3px;  width:263px; }
textarea.formular { border:1px solid #a3a3a3; font-size:11px; background-color:#fff; font-family:tahoma; padding:3px; width:260px;}
input.button { height:24px;background-repeat:repeat-x;background-image: url('../images/button.jpg');padding:0px 10px 0px 10px;color:#ffffff;font-weight:bold;font-size:11px;cursor:pointer; }
input.bocny_kosik { background-color:transparent;border:0px;text-align:center; width:40px; font-size:11px; color:#373737; font-weight: bold;  }
input.bocny_kosik2 { background-color:transparent;border:0px;text-align:center; width:30px; font-size:11px; color:#373737; font-weight: bold;}
input.kosik_kosik3 { background-color:transparent;border:1px solid #a3a3a3;text-align:center; width:30px;height:14px; font-size:11px; padding:1px 0 0 0; }

.pic_strankovanie_l { position:relative; top:3px; right:5px; }
.pic_strankovanie_r { position:relative; top:3px; left:5px; }

#kosik { margin-top:29px;float:left;width:242px;background-image: url('../images/bg_submenu.jpg');width:242px;height:150px; }
#prihlasovacie_okienko_chyba { padding-top:5px;color:#930000;font-weight:bold; }
ul.kosik_menu { float:left;padding-top:15px; }
li.kosik_menu { list-style-type:none; display: block; font-weight:bold;  width:240px; height:20px; margin-bottom:3px; }
li.kosik_menu a { list-style-type:none; display: block;  background: transparent;  width:227px; height:24px; text-align:left; padding:0px 0 0 13px;  text-decoration:none; color:#4a0442;  }       

p.chyba { float:left;font-weight:bold;color:#930000;margin-bottom:15px;width:592px; }
#zobraz_dostupnost_ajax { color:#66085c;font-weight:bold; }