/* 
Projekt: www.exposhop.sk
Autor: Monumental s.r.o.
Dátum: 01.01.2009
*/

/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; text-align: center; background-color:#bedceb; font-family:serif; font-size:12px;}
#main_frame { margin: 0 auto; width:950px; }

    #header { float:left; width:950px; height:106px; background-image: url('../images/header.jpg'); margin-top:40px; display:none; }
        #logo { float:left; margin-top:55px; padding-left:44px; }
        #login { float:left; margin-top:10px; padding-left:165px; }
            #position_kontakt { float:left; margin-top:22px; color:#fff; }
    
    #main_menu { float:left; width:950px; height:27px; background-color:#3f3f3f; display:none;}
    
    #navigation { float:left; width:950px; height:28px; padding-top:20px; display:none; }
        #nachadzatesa { float:left; text-align:left; padding-left:17px; width:300px; }
        #vyhladavanie { float:right; padding-right:20px; margin-top:-7px; }
    
    #content { width:950px; float:left; }
        #left_content { float:left; width:222px;  margin-right:8px; display:none;}
            #kosik_lista { display:none; width:222px; height:25px; background-image: url('../images/bg_kosik.jpg'); color:white; font-weight:bold; padding: 20px 0 0 0;  }
            #administracia_lista{ display:none; width:222px; height:25px; background-image: url('../images/bg_administracia.jpg'); color:white; font-weight:bold; padding: 20px 0 0 0;  }
            #sortiment_lista { display:none; width:222px; height:25px;  background-image: url('../images/bg_sortiment.jpg'); color:white; font-weight:bold; padding: 20px 0 0 0; ; }
            #obsah_mini { width:200px; line-height:17px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; background-color:white; margin-bottom:10px; padding:10px; text-align:left; }
            .obsah_mini { width:200px; line-height:17px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; background-color:white; margin-bottom:10px; padding:10px; text-align:left; }
            .mini_kosik { width:200px; height: 69px; line-height:17px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; background-color:#ffffff; margin-bottom:9px; padding:10px; text-align:left; }
        
        #right_content { float:left; width:720px;  }
            #baner { border:5px solid white; margin:10px 0 10px 0; display:none; }
            #content_lista { width:650px; height:25px; text-align:left; padding:20px 0 0 70px; color:white; font-weight:bold;}
            #detail_produktu_lista { width:650px; height:25px; text-align:left; background-image: url('../images/bg_detailproduktu.jpg'); padding:20px 0 0 70px; color:white; font-weight:bold;}
            #content_big { width:950px; background-color:white; }

                .bunka { width:329px; height:100px; border-bottom:1px solid #cccccc; float:left; padding:15px;}
                    .foto { margin-right:15px; height:99px; float:left; }
                    .foto_vypis { margin-right:15px; float:left; }
                        .mini_obrazok { width:67px; height:67px; border:3px solid #cccccc; margin-top:4px;}
                    .text { text-align:left; line-height:16px; }
            
            .bunka_detail { width:688px; height:86px; border-bottom:1px solid #cccccc; float:left; padding:15px; padding-bottom:0px; padding-top:5px; text-align:left;} 
                .text_detail { text-align:left; line-height:16px; width:420px; float:left; }
                .cena_detail { float:left; padding-left:19px; margin-top:18px;}  
                .cena_detail_kosik { float:left; padding-left:19px; margin-top:15px;}  
                a.detail_button { width:100px; height:13px; padding:4px; background-color:#145b92; display:block; color:white;  text-decoration:none; float:left; text-align:center; }
                a.warning_button { width:100px; height:13px; padding:4px; background-color:#ff0000; display:block; color:white;  text-decoration:none; float:left; text-align:center; }
                a.pokracovat { width:150px; height:13px; padding:4px; background-color:#145b92; display:block; color:white;  text-decoration:none; text-align:center; float:left; }
                
            .bunka_na_text { width:950px; border-bottom:1px solid #cccccc; float:left; padding:15px; text-align:left;}
                .foto_detail_produkt { margin-right:15px; float:left; }
                    .big_obrazok { width:150px; height:150px; border:3px solid #cccccc; margin-top:4px;}
                .ceny { text-align:left; line-height:16px; width:250px; float:left; }
                    .tabulka_cena { background-color:#e0e0e0; border:1px solid #cccccc; text-align:center; padding:3px;  }   
                .doporucit { width:230px; float:right; padding-left:20px;display:none; }      
                   .doporucit_tlac { width:400px; float:right; padding-left:20px;margin-top: 75px; } 
            #only_text { padding:15px; line-height:16px; text-align:left; }
               
            #strankovanie { float:left; width:708px; border-top:1px solid #cccccc; margin-top:-1px; padding:5px; }
                    
    #footer { width:900px; float:left; height:32px; background-color:#cbe4fa; margin-top:17px; padding: 18px 25px 0 25px; text-align:left; margin-bottom:15px; display:none; }
        #left_footer { float:left; }
        #right_footer { float:right; }
/* ----------------------------------------------------------------------------------------------------------
2) UNIVERZÁLNE ŠTÝLY
---------------------------------------------------------------------------------------------------------- */
img { border:0; }
table { text-align:left; }
form { margin:0; padding:0;}
/* ----------------------------------------------------------------------------------------------------------
3) FONTY
---------------------------------------------------------------------------------------------------------- */
h1 { color:#145b92; margin:0; padding: 2px 0 6px 2px; font-size:16px; }
h2 { color:#000; margin:0; padding: 5px 0 6px 2px; font-size:11px; text-align:right; font-weight:normal; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a { color:black; text-decoration:underline; }
a:hover { color:black; text-decoration:none; }
a.black_bold { color:black; font-weight:bold; text-decoration:none;}
a.black_bold:hover { color:black; font-weight:bold; text-decoration:underline;  }
a.white_bold { color:white; font-weight:bold; text-decoration:none; }
a.white_bold:hover { color:white; font-weight:bold; text-decoration:underline; }
a.monumental { color:#0a4878; text-decoration:none; }
a.monumental:hover { color:#000; text-decoration:none; }
a.blue_bold { color:#145b92; font-weight:bold; text-decoration:underline;  }
a.blue_bold:hover { color:#145b92; font-weight:bold; text-decoration:none;  }
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY
---------------------------------------------------------------------------------------------------------- */
input.login { width:70px; border:1px solid #7f7f7f; padding:2px; margin-right:15px; font-size:11px; }
input.login_submit { width:16px; height:16px; background-image: url('../images/login.jpg'); border:0; cursor:pointer; }
input.vyhladavanie { width:120px; border:1px solid #7f7f7f; padding:2px; }
input.search { width:16px; height:16px; background-image: url('../images/search.jpg'); border:0; cursor:pointer; }
input.otazka { border:1px solid #cccccc; padding:2px; font-size:11px; width:140px; }
textarea.otazka { border:1px solid #cccccc; padding:2px; font-size:11px; width:450px; height:95px; }
input.odoslat { width:100px; height:20px;  background-color:#145b92; display:block; color:white; font-size:11px; border:0;  }
input.kusov { border:1px solid #cccccc; padding:2px; font-size:11px; width:95px; }
input.kusov_mini { border:1px solid #cccccc; padding:2px; font-size:11px; width:61px; }
input.kosik_bocny { text-align:right; margin:0px;padding:0px;width:30px;border:0px;font-size:11px; }
/* ----------------------------------------------------------------------------------------------------------
6) MAIN MENU
---------------------------------------------------------------------------------------------------------- */
ul.main_menu { margin:0; padding:0; List-style-type:none; }
li.main_menu { List-style-type:none; float:left; margin:0; padding:7px 36px 7px 36px;  border-right:1px solid #888888; cursor:pointer;}
li.main_menu_end { List-style-type:none; float:left; margin:0; padding:7px 36px 7px 36px;  cursor:pointer;}
a.link_main_menu { color:white; font-weight:bold; text-decoration:none; }
a.link_main_menu:hover { color:white; font-weight:bold; text-decoration:none; }
/* ----------------------------------------------------------------------------------------------------------
7) SUBMENU MENU
---------------------------------------------------------------------------------------------------------- */
ul.submenu { margin:0; padding:0; List-style-type:none; }
li.submenu { margin-bottom:6px; }
a.submenu { text-decoration:none; }
a.submenu:hover { text-decoration:underline;  }



#formular_otazka_vyrobok { display:none; }
.prislusenstvo_panel { display:none;}
.podobne_produkty { display:none;}


/* styly ktore su pri tlaci nevidetelne ale na stranke sa zobrazuju a naopak ... */
#content_lista1  { display:none;}
#content_lista2  { display:none;}
.kontakt_tlac {font-weight:bold;text-align:left;}
.nazov_tlac {font-weight:bold;text-align:left;}
.vernostny_tlac {text-align:left;}