﻿
body 
{
    margin:0px;
    padding:0px;
    background-color:#F5F5F5;
}

.top 
{
    background-image:url(Images/bg-top.jpg);
    background-repeat:repeat-x;
    background-position:top;  
}

.bottom 
{
    background-image:url(Images/bg-bottom.jpg);
    background-repeat:repeat-x;
    background-position:bottom;  
}

.main 
{
    width:960px;
    margin:0 auto 0 auto;   
}

.cont_top
{
    height:80px    
}

.cont_menu 
{
    height:34px;    
}

.cont_search 
{
    height:40px;
    background-color:#FFFFFF; 
    margin-top:30px;
    padding-left:10px;
    padding-top:10px; 
    background-image:url(Images/str-left.jpg); 
    background-repeat:no-repeat;
    background-position:top right; 
}

.search_box_cont 
{
    float:left;
    background-image:url(Images/bg-search.jpg);
    background-repeat:no-repeat;
    width:280px;
    height:30px;
}

.newsletter_box_cont 
{
    float:left;
    background-image:url(Images/bg-newsletter.jpg);
    background-repeat:no-repeat;
    width:240px;
    height:30px;
}

.newsletter_box
{
    background-color:#EFEFEF;
    border:none;
    margin-left:6px;
    margin-top:4px;
    width:224px;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    font-style:italic;
    color:#999999; 
}

.newsletter_box_active
{
    background-color:#EFEFEF;
    border:none;
    margin-left:6px;
    margin-top:4px;
    width:224px;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    color:#000000; 
}

.search_box
{
    background-color:#EFEFEF;
    border:none;
    margin-left:6px;
    margin-top:4px;
    width:264px;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    font-style:italic;
    color:#999999; 
}

.search_box_active
{
    background-color:#EFEFEF;
    border:none;
    margin-left:6px;
    margin-top:4px;
    width:264px;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    color:#000000; 
}

.shadow 
{
    background-image:url(Images/bg-shadow.jpg);
    background-repeat:repeat-x;
    background-position:top;  
    height:8px;
}

.main_left 
{
    float:left;
    width:500px; 
    padding-bottom:30px; 
}

.main_right 
{
    float:right;
    width:430px;
    text-align:left;  
    padding-bottom:30px;
}

.main_left2
{
    float:left;
    width:716px; 
    padding-bottom:30px; 
}

.main_right2 
{
    float:right;
    width:214px;
    text-align:left;  
    padding-bottom:30px;
}

.main_full 
{
    padding-bottom:30px;    
}

.main_split_left 
{
    float:left;
    width:470px;
    padding-bottom:30px;
}

.main_split_right 
{
    float:right;
    width:470px;
    padding-bottom:30px;
}

.cont_main 
{
    padding-top:30px;  
}

.cont_foot 
{
    height:350px;    
}

.line0 
{
    background-image:url(Images/bg-line.jpg); 
    background-repeat:repeat-x;
    height:2px;
}

.line1 
{
    background-image:url(Images/line1.gif); 
    background-repeat:no-repeat;
    height:9px;
}

.line2 
{
    background-image:url(Images/line2.gif); 
    background-repeat:no-repeat;
    height:9px;
}

.line3 
{
    background-image:url(Images/line3.gif); 
    background-repeat:no-repeat;
    height:9px;
}

.line4 
{
    background-image:url(Images/line4.gif); 
    background-repeat:no-repeat;
    height:9px;
}

.line5 
{
    background-image:url(Images/line5.gif); 
    background-repeat:no-repeat;
    height:9px;
}

.line6
{
    background-image:url(Images/line6.gif); 
    background-repeat:no-repeat;
    height:9px;
}

.panel 
{
    background-color:#FFFFFF;
    padding:20px;    
}

.panel2 
{
    background-color:#FFFFFF;  
    float:left;
    width:192px; 
    padding:24px;
}

.panel3 
{
    background-color:#EAEBEE;  
    float:left;
    width:192px; 
    padding:24px;
}

.panel4 
{
    background-color:#FFFFFF; 
    padding:20px;  
    height:1325px;
    *height:1365px; 
}

.ul_news 
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.li_news 
{
    margin:0px;
    padding:0px;
    margin-bottom:30px;
}

.h1_news 
{
    padding:0px;
    margin:0px;
}

.h1_newsarhiva 
{
    padding:0px;
    margin:0px;
    padding-top:4px;
    padding-bottom:2px;
}

.h1_posebnaponuda 
{
    padding:0px;
    margin:0px;
    margin-top:14px;
}

p 
{
    margin:0px;
    padding:0px;    
}

.p_news 
{
    padding-top:20px;
    padding-bottom:10px;
}

img 
{
    border:none;    
}

.ul_podnozje 
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.li_podnozje1 
{
    margin:0px;
    padding:0px;
    margin-bottom:10px;
}

.li_podnozje2 
{
    margin:0px;
    padding:0px;
    margin-bottom:4px;
}

.btn_paging_active 
{
    background-color:#6D7383;
    width:20px;
    height:20px;
    border:none;
    font-family:Arial;
    font-size:14px;
    font-weight:normal;
    color:#FFFFFF; 
}

.btn_paging_inactive 
{
    background-color:#B0B4BD;
    width:20px;
    height:20px;
    border:none;
    font-family:Arial;
    font-size:14px;
    font-weight:normal;
    color:#FFFFFF; 
}

.gallery_image 
{
    width:350px; 
    height:300px;    
}

.gallery_image2 
{
    width:190px; 
    height:164px;    
}

.gallery_list_cont 
{
    float:left;
    width:60px; 
    height:61px;
    margin-left:10px;
}

.gallery_list_cont2 
{
    float:left;
    width:50px; 
    height:51px;
    margin-left:10px;
}

.gallery_cursor 
{
    height:5px; 
    width:60px;    
}

.gallery_cursor2 
{
    height:5px; 
    width:50px;    
}

.gallery_list_active 
{
    width:60px; 
    height:52px; 
    border:solid 2px #6C7383;
}

.gallery_list_active2 
{
    width:50px; 
    height:42px; 
    border:solid 2px #6C7383;
}

.gallery_list_inactive 
{
    width:60px; 
    height:52px; 
    border:solid 2px #EFEFEF;
}

.gallery_list_inactive2 
{
    width:50px; 
    height:42px; 
    border:solid 2px #EFEFEF;
}

.gallery_loader 
{
    width:350px;
    height:300px;
    background-image:url(Images/bg-transparent.png);
    background-repeat:repeat; 
    position:absolute;   
}

.gallery_loader2 
{
    width:190px;
    height:164px;
    background-image:url(Images/bg-transparent.png);
    background-repeat:repeat; 
    position:absolute;   
}

.gallery_loader_image 
{
    margin-left:158px;
    margin-top:133px;
    width:16px;
    height:16px; 
    padding:7px;
    background-color:#FFFFFF;
    border:solid 2px #6C7383;   
}

.gallery_loader_image2 
{
    margin-left:87px;
    margin-top:74px;
    width:16px;
    height:16px; 
    padding:7px;
    background-color:#FFFFFF;
    border:solid 2px #6C7383;   
}

.rating_active
{
    background-image:url(Images/ico-staractive.gif); 
    background-repeat:no-repeat;
    width:18px;
    height:17px; 
}

.rating_inactive
{
    background-image:url(Images/ico-starinactive.gif); 
    background-repeat:no-repeat;
    width:18px;
    height:17px; 
}

.ul_posebnaponuda 
{
    margin-left:22px;
    padding:0px;  
}

.panel_footbar 
{
    background-color:#EEEEEE; 
    padding:20px;   
}

.textbox 
{
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    color:#000000;
    border:solid 1px #DDDDDD;     
}

.textbox2 
{
    font-family:Arial;
    font-size:12px;
    padding:4px;
    font-weight:normal;
    color:#000000;
    border:solid 1px #DDDDDD;     
}

.textbox3
{
    font-family:Arial;
    font-size:12px;
    padding:4px;
    font-weight:normal;
    color:#000000;
    border:solid 1px #DDDDDD;
    text-align:center     
}

.submenu_cont 
{
    position:absolute;
    z-index:100;
    width:760px;
    margin-top:-16px;
    margin-left:220px;
}

.kosarica_cont 
{
    position:absolute;
    z-index:90;
    width:760px;
    margin-top:-8px;
    *margin-top:-17px;
    margin-left:180px;
}

.submenu_cont_top
{
    width:760px;
    height:36px;
    background-image:url(Images/bg-submenu-top.png);
    background-repeat:no-repeat;
}

.kosarica_cont_top
{
    width:760px;
    height:30px;
    background-image:url(Images/bg-kosarica-top.png);
    background-repeat:no-repeat;
}

.submenu_cont_bottom
{
    width:760px;
    height:36px;
    background-image:url(Images/bg-submenu-bottom.png);
    background-repeat:no-repeat;
}

.kosarica_cont_bottom
{
    width:760px;
    height:30px;
    background-image:url(Images/bg-kosarica-bottom.png);
    background-repeat:no-repeat;
}

.submenu_cont_middle
{
    width:760px;
    background-image:url(Images/bg-submenu-middle.png);
    background-repeat:repeat-y;
}

.submenu_kosarica_middle
{
    width:760px;
    background-image:url(Images/bg-kosarica-middle.png);
    background-repeat:repeat-y;
}

.submenu_cont_close 
{
    width:14px;
    height:12px;
    background-image:url(Images/ico-x.gif);
    background-repeat:no-repeat;
    cursor:pointer;
    position:absolute;
    z-index:101;
    margin-left:726px;
    margin-top:26px;
}

.kosarica_cont_close 
{
    cursor:pointer;
    position:absolute;
    z-index:91;
    margin-left:726px;
    margin-top:26px;
}

.submenu_cont_left 
{
    float:left;
    width:225px;
    margin-left:26px;
}

.submenu_cont_right 
{
    float:left;
    width:460px;
    margin-left:20px;
}

.submenu_item_cont 
{
    padding:10px; 
}

.submenu_click
{
    background-image:url(Images/bg-submenu-item-click.jpg);
    background-repeat:repeat-x;
    width:225px;  
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    color:#FFFFFF; 
    text-decoration:none;  
}

.submenu_over
{
    background-image:url(Images/bg-submenu-item-over.jpg);
    background-repeat:repeat-x;
    width:225px;  
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    color:#000000; 
    text-decoration:none; 
    cursor:pointer; 
}

.submenu_out
{
    width:225px;  
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    color:#000000; 
    text-decoration:none; 
    cursor:pointer; 
}

.submenu_separator 
{
    border-bottom:solid 1px #E8E8E8; 
    height:1px; 
    width:220px;    
}

.submenucont_item 
{
    float:left; 
    width:200px; 
    margin-left:15px; 
    margin-right:15px; 
    margin-bottom:30px; 
    text-align:center;   
}

.modalwindow_shadow 
{
    background-image:url(Images/bg-modal.png);  
    background-repeat:repeat;  
}

.modalwindow_cont 
{
    background-color:#FFFFFF;
    width:400px;
    height:280px;    
}

.modalwindow_title 
{
    background-image:url(Images/bg-modal-title.jpg); 
    background-repeat:repeat-x;
    height:26px;  
    padding-top:4px;
    padding-left:6px; 
}

.panelnasl1 
{
    float:left;
    width:290px;
    background-image:url(Images/panel1.jpg);   
    background-repeat:no-repeat;
}

.panelnasl2 
{
    float:left;
    width:290px;
    background-image:url(Images/panel2.jpg);  
    background-repeat:no-repeat; 
}

.panelnasl3 
{
    float:right;
    width:290px;
    background-image:url(Images/panel3.jpg);   
    background-repeat:no-repeat;
}

#brandCanon
{
    float: right;
    margin-top: 30px;
    margin-right: 40px;
    width: 80px;
    height: 22px;
    overflow: hidden;
    background: transparent url(Images/Brands_zaglavlje.png) no-repeat 0 0;

}

#brandCanon:hover
{
    background-position: -80px 0;
}

#brandRicoh
{
    float: right;
    margin-top: 30px;
    margin-right: 40px;
    width: 80px;
    height: 22px;
    overflow: hidden;
    background: transparent url(Images/Brands_zaglavlje.png) no-repeat 0 -22px;

}

#brandRicoh:hover
{
    background-position: -80px -22px;
}

#brandXerox
{
    float: right;
    margin-top: 30px;
    margin-right: 40px;
    width: 80px;
    height: 22px;
    overflow: hidden;
    background: transparent url(Images/Brands_zaglavlje.png) no-repeat 0 -44px;

}

#brandXerox:hover
{
    background-position: -80px -44px;
}

#brandLexmark
{
    float: right;
    margin-top: 30px;
    margin-right: 22px;
    width: 80px;
    height: 22px;
    overflow: hidden;
    background: transparent url(Images/Brands_zaglavlje.png) no-repeat 0 -66px;

}

#brandLexmark:hover
{
    background-position: -80px -66px;
}


