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

/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
a {cursor:pointer;}

body { margin: 0 auto; text-align: center; background-color:#bedceb; font-family:tahoma; font-size:11px;}
#main_frame { margin: 0 auto; width:950px; }

    #header { float:left; width:950px; height:106px;  margin-top:0px;  }
        #logo { float:left; margin-top:55px; padding-left:10px; }
        #login {  float:right;  width: 494px; padding-right:50px;padding-top:10px; }
            #position_login { float:left; height:45px; }
            #position_kontakt { float:left; margin-top:22px; color:#fff; text-align:left; width:425px; }
    
    #main_menu { float:left; width:950px; height:27px; background-color:#3f3f3f;}
    
    #navigation { float:left; width:950px; height:18px; padding-top:13px;}
        #nachadzatesa { float:left; text-align:left; padding-left:17px; width:650px; }
        #vyhladavanie { float:right; padding-right:20px; margin-top:-7px; }
    
    #content { width:950px; float:left;}
        #left_content { float:left; width:222px; }
            #kosik_lista { width:222px; height:25px; background-image: url('../images/bg_kosik.jpg'); color:white; font-weight:bold; padding: 20px 0 0 0;  }
            #administracia_lista{ width:222px; height:25px; background-image: url('../images/bg_administracia.jpg'); color:white; font-weight:bold; padding: 20px 0 0 0;  }
            #sortiment_lista { 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:right; width:720px;  }
            #baner { border:5px solid white; margin:10px 0 10px 0; }
            #content_lista { width:650px; height:25px; text-align:left; background-image: url('../images/bg_produkty.jpg'); padding:20px 0 0 70px; color:white; font-weight:bold;}
            #content_lista1 { width:650px; height:25px; text-align:left; background-image: url('../images/bg_produkty.jpg'); padding:20px 0 0 70px; color:white; font-weight:bold;}
            
            #content_lista_triedenie { width:698px;text-align:right; padding:10px 20px 10px 0px; background-color:white;border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc;}
            .content_lista_text { width:485px; height:25px; text-align:left; float:left;}
            .content_lista_text2 { width:165px; height:25px; text-align:left; float:right;}
            #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:718px;  border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; 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;}
            .bunka_detail_kosik { 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:400px; 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.detail_button:hover { width:100px; height:13px; padding:4px; background-color:#145b92; display:block; color:white;  text-decoration:none; float:left; text-align:center; }
                a.warning_button {  display:block;width:50px; 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; }
                a.pokracovat:hover { width:150px; height:13px; padding:4px; background-color:#145b92; display:block; color:white;  text-decoration:none; text-align:center; float:left; }   
                
               /*  .bunka_detail { width:688px; height:170px; border-bottom:1px solid #cccccc; float:left; padding:15px; padding-bottom:0px; padding-top:5px; text-align:left;} 
                .bunka_detail_kosik { 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:500px; 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.detail_button:hover { width:100px; height:13px; padding:4px; background-color:#145b92; display:block; color:white;  text-decoration:none; float:left; text-align:center; }
                a.warning_button {  display:block;width:50px; 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; }
                a.pokracovat:hover { 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:686px; float:left; padding:15px; text-align:justify;}
            .bunka_na_text_form { width:686px; float:left; padding:15px; text-align:left;border-top:0px solid #cccccc; }
            .podobne_produkty { width:718px; float:left; padding-bottom:15px; text-align:left;border-top:1px solid #cccccc; }
            .prislusenstvo_panel { width: 693px; float:left;text-align:left; background-color:#145b92;padding:10px;padding-left:15px;color:#ffffff; }
                .foto_detail_produkt { margin-right:15px; float:left; }
                    .big_obrazok { width:150px; height:150px; border:3px solid #cccccc; margin-top:4px;}
                .ceny { text-align:center; line-height:16px; width:250px; float:left; }
                    .tabulka_cena { background-color:#e0e0e0; border:1px solid #cccccc; text-align:center; padding:3px;  }   
                    .tabulka_doplnok { background-color:#e0e0e0; border:1px solid #cccccc; text-align:left; padding:3px; width:269px;height:74px;vertical-align:top; }   
                    html>body .tabulka_doplnok { background-color:#e0e0e0; border:1px solid #cccccc; text-align:left; padding:3px; width:269px;height:84px;vertical-align:top; }   
                    *:first-child+html .tabulka_doplnok { background-color:#e0e0e0; border:1px solid #cccccc; text-align:left; padding:3px; width:269px;height:74px;vertical-align:top; }   
                    .tabulka_doplnok2 { background-color:#e0e0e0; border:1px solid #cccccc; text-align:center; padding:3px; width:200px;height:20px;  }   
                    .tabulka_doplnok3 { border:1px solid #ffffff; text-align:center;height:22px;  }   
                .doporucit { text-align:left; padding-left:12px; line-height:16px; width:250px; float:left; }      
                .doporucit_tlac { width:231px; float:right; padding-left:20px;display:none;margin-top: 50px; }      
                   
            #only_text { padding:15px; line-height:16px; text-align:left; }
            .only_text { padding:15px; line-height:16px; text-align:left; }
               
            #strankovanie { float:left; width:698px; border-top:1px solid #cccccc; margin-top:-1px; padding:10px; }
                    
    #footer { width:900px; float:left; height:32px; background-color:#cbe4fa; margin-top:17px; padding: 18px 25px 0 25px; text-align:left; margin-bottom:15px; }
        #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;  }
a.ucet_menu { color:#145b92;text-decoration:underline; }
a.ucet_menu:hover { color:#145b92;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.reg_form { width:150px; border:1px solid #7f7f7f; padding:2px; height:15px; }
textarea.reg_form { width:520px; height: 50px; 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:525px; height:95px; }
input.odoslat { width:100px; height:20px;  background-color:#145b92; display:block; color:white; font-size:11px; border:0; cursor:pointer;  }
input.odoslat2 { width:100px; height:22px;  background-color:#145b92; color:white; font-size:11px; border:0; cursor:pointer;  }
input.odoslat3 { width:150px; height:22px;  background-color:#145b92; color:white; font-size:11px; border:0; cursor:pointer;  }
input.odoslat4 { width:70px; height:21px;  background-color:#145b92; color:white; font-size:11px; border:0; cursor:pointer; display:block;float:left; margin-right: 5px; }
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:40px;border:0px;font-size:11px; }
td.medzera { width: 130px; }
.blue { color: #145b92; }
/* ----------------------------------------------------------------------------------------------------------
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_menu2 { List-style-type:none; float:left; margin:0; padding:7px 36px 7px 36px; 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:11px; }
a.submenu { text-decoration:none; }
a.submenu:hover { text-decoration:underline;  }








.farba_akcia { color:#9f0000;font-weight:bold; }

/* styly ktore su pri tlaci nevidetelne ale na stranke sa zobrazuju a naopak ... */
.kontakt_tlac { display:none;}
.nazov_tlac {display:none;}
.vernostny_tlac {display:none;}