/* 
Projekt: www.shop.lepsisvet.sk
Autor: Monumental s.r.o.
D�tum: 20.10.2008
*/

/* ----------------------------------------------------------------------------------------------------------
1) LAYOUT 
---------------------------------------------------------------------------------------------------------- */
img,li { border:0; List-style-type:none;}
body { margin: 0 auto; text-align: center; background-color:#e8e8e8; font-family:tahoma; }
#main_frame { width:1000px; margin: 0 auto;}

    #header { width:1000px; height:164px; background-image:url(../images/header.jpg); margin-top:20px; }
        #logo { position:relative;  top:18px; float:left; left:13px;}
    #main_content { float:left; width:980px; background-color:white; padding:0 10px 10px 10px; margin-bottom:20px; }
        #main_menu { width:980px; float:left; height:33px; background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x; }
        #only_text { float:left; text-align:left; }
    #navigation { width:980px; float:left; height:55px; }
        #navigacia { float:left; padding:20px 0 0 10px; font-size:0.7em;}
        #meniny { float:right; padding:20px 10px 0 0; font-size:0.7em;}
        
    #real_content { float:left; width:980px; background-image:url(../images/bg_real_content.jpg); background-repeat:repeat-y;}
        #left_content { float:left; width:188px;  background-color:#f4f4f4; }
            .menu_box { float:left; width:188px; margin-bottom:10px; }
                .nadpis_menu_boxu { float:left;  width:188px; }
                .submenu { float:left; width:188px; margin-top:5px;}
            
            
        #middle_content { float:left; width:584px; margin:0 10px 0 10px; background-color:#fff; }
            .nadpis { float:left; width:584px; height:28px; background-color:#f4f4f4; text-align:center; padding:5px 0 0 0; color:#d16719; font-size:1.1em; font-weight:bolder; }
            .obsah { float:left; text-align:left; font-size:0.8em; color:black; padding:10px; line-height:17px; }
        
        #right_content { float:left; width:188px;}
        
    #footer { width:960px; height:22px; background-color:#d56b1a; margin-top:10px; padding:11px 10px 0px 10px; color:white; font-size:0.7em; }
        #footer_menu { float:left; }
        #copyright { float:right; }

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

/* ----------------------------------------------------------------------------------------------------------
3) Ulozenie detail produktu
---------------------------------------------------------------------------------------------------------- */
#obsah_lava_strana { float:left; width:200px; }
#obsah_prava_strana { float:left; width:350px; }
/* ----------------------------------------------------------------------------------------------------------
4) LINKY
---------------------------------------------------------------------------------------------------------- */
a.link_main_menu { color:#d46a19; text-decoration:none; font-weight:bold; font-size:0.8em;}
a.link_main_menu:hover { color:#d46a19; text-decoration:none; font-weight:bold; font-size:0.8em; }

a.small_black { color:black; text-decoration:underline; font-size:1.0em; }
a.small_black:hover { color:black; text-decoration:none; font-size:1.0em; }

a.link_submenu { color:black; font-size:0.8em; font-weight:bold; text-decoration:none; }
a.link_submenu:hover { color:black; font-size:0.8em; font-weight:bold; text-decoration:underline; }

a.link_mini_white { color:white; text-decoration:none; font-size:1.0em; }
a.link_mini_white:hover { color:white; text-decoration:underline; font-size:1.0em; }

a.link_mini_orange { color:#d16719; text-decoration:none; font-size:1.0em; }
a.link_mini_orange:hover { color:#d16719; text-decoration:underline; font-size:1.0em; }

a.link_mini_red { color:red; text-decoration:none; font-size:1.0em; }
a.link_mini_red:hover { color:red; text-decoration:underline; font-size:1.0em; }
/* ----------------------------------------------------------------------------------------------------------
5) DOPLNKY

---------------------------------------------------------------------------------------------------------- */
ul.main_menu { margin:0; padding:0; }
li.main_menu { float:left; List-style-type:none; padding:5px 21px 0 21px; cursor:pointer;}
li.separator { List-style-type:none; float:left;}

ul.sub_menu { margin:0; padding:0; }
li.sub_menu { List-style-type:none; cursor:pointer; text-align:left; padding: 5px 0 5px 10px; } 
/* ----------------------------------------------------------------------------------------------------------
6) MENU
---------------------------------------------------------------------------------------------------------- */
p { text-align:left; }
.doplnok { font-size:0.7em;text-align:left;margin-bottom:10px; }
#prihlasovacie_okienko_chyba { color:maroon;text-align:center;font-weight:bold; }

.vypis_produktov_eshop { float:left;width: 100px;margin-right:10px;width:100px;height:100px; }
.vypis_produktov_eshop2 { float:left;width: 360px;font-size:12px;}
.vypis_produktov_eshop3 { float:right;width: 90px;margin-bottom: 5px; text-align:right; }
.vypis_produktov_eshop4 { float:right;width: 90px;margin-bottom: 5px; text-align:center; }
.vypis_produktov_eshop_cena_viac { padding-top:25px;height:100px;width:90px;float:right; }
.ciara { border-top:1px solid #d6d6d6; margin:7px 0 7px 0; clear:both; }
h3.vypis_produktov { margin-top:0px;color:#d16719; text-decoration:underline; }
.button { border:1px solid gray;  cursor:pointer; padding:2px;  color:white; text-decoration:none; background-color:#d16719; font-weight:bold; }
input.button { border:1px solid gray; cursor:pointer; padding:2px;  color:white; text-decoration:none; background-color:#d16719; font-weight:bold; }
input.maly_input { border:1px solid gray;width: 100px; }
input.maly_input2 { border:1px solid gray;width: 95px; padding-right:5px; }
input.maly_input3 { border:1px solid gray;width: 200px; padding-right:5px; }
input.maly_input4 { border:1px solid gray;width: 200px; padding-right:5px; }
textarea.maly_input_border { border:1px solid gray; }