@charset "utf-8";

/* RESET */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0px; 
                                                                                                               padding: 0px;
}

table { border-collapse: collapse; 
        border-spacing: 0px;
}

fieldset, images { border: none;
}

address, caption, cite, code, dfn, em, strong, th, var, i { font-style: normal; font-weight: normal
}

ul { list-style: none;
}

caption, th{ text-align: left;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; 
                         font-weight:normal;
}

q:before, q:after {content: ''} 

a:active, a:focus { outline-style: none;
}

li { list-style-image: none; list-style-position: inside; list-style-type: none;
}

/* /RESET */




/* GLOBAL */
 
html {}

a { color: #010101; 
    text-decoration: none; 
    cursor: pointer;
    transition: all 250ms ease 0s;
}

a:hover { color: #0093dd;
         text-decoration: none; 
         transition: all 250ms ease 0s;
}

strong { font-family: 'allerbold';
}

input { font-size: 11px;
        color: #999;
        border: 0px none; 
        outline: none;
}

label,
input[type="submit"] { cursor: pointer; 
}

input[type="submit"] { transition: all 250ms ease 0s;
}

input[type="submit"]:hover { transition: all 250ms ease 0s;
}

select,
input[type="email"],
input[type="password"],
input[type="text"],
textarea { font-family: 'Ubuntu', Arial, Tahoma; 
           font-size: 13px;
           font-style: italic;
           color: #9E9E9E;
           background: #FFF;
           border: 1px solid #BCBCBC;
           box-sizing: content-box;
}

input[type="email"],
input[type="password"],
input[type="text"] { width: 278px;
                     height: 40px;
                     padding: 0px 10px;
}

select,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
textarea:focus { border: 1px solid #3591D0;
}


img { border: none; 
}

body { position: relative;
       width: 100%;
       max-width: 100%;
       overflow-x: hidden;
       font-family: 'Ubuntu', Arial, Tahoma; 
       font-size: 12px;
       color: #4A4A4A; 
       text-align: center;
       background: #F5F5F5 url(../img/bg.jpg) center 0px repeat;
}

.fl { float: left; 
}
	
.fr { float: right;
}

.clear { float: left; 
         width: 100%;
}
	
.ds-none { display: none!important; 
}

.tc { display: table-cell;
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align: top;
}

a.tc:hover { opacity: 0.7;
}

.up { text-transform: uppercase;
}
        
/* /GLOBAL */




/* MAIN */

.container { position: relative;
             float: left;
             width: 100%;
}

.wrapper { display: inline-block;
           background: #FFF;
           vertical-align: top;
}

@media screen and (min-width: 320px) {
    
.wrapper, .bar .header .innerheader { width: 98%;
           
           padding: 0px 1%;
}
    
}

@media screen and (min-width: 768px) {
    
.wrapper, .bar .header .innerheader { width: 98%;
           padding: 0px 1%;
           text-align: left;
}
    
}

@media screen and (min-width: 1024px) {
    
.wrapper, .bar .header .innerheader { width: 1000px;
           padding: 0px 0px;
           background: transparent;
}
    
}

@media screen and (min-width: 1200px) {
    
.wrapper { width: 1200px;
}
    
}




/* MAIN */

h1.header,
h2.header { display: block;
            overflow: hidden;
            clear: both;
            margin-bottom: 15px;
            padding-left: 40px;
            padding-bottom: 5px;
            text-align: left;
            background: url(../img/ico/header.png) 0px 3px no-repeat;
            border-bottom: 2px solid #565656;
}

@media screen and (min-width: 1024px) {
    
h1.header,
h2.header { height: 42px;
            margin-bottom: 25px;
}   
    
}

@media screen and (min-width: 1200px) {
    
h1.header,
h2.header { padding-bottom: 0px;
            border-bottom: none;
}   
    
}

       h1.header span,
       h2.header span { display: block;
                        font-size: 28px;
                        font-family: 'allerbold';
                        color: #565656;
                        line-height: 35px;
       }
       
       @media screen and (min-width: 1200px) {
           
       h1.header span,
       h2.header span { padding-bottom: 5px;
                        border-bottom: 2px solid #565656;
       }    
           
       }
       
       h1.header a.more,
       h2.header a.more { float: right;
                          font-size: 12px;
                          font-weight: normal;
                          margin-top: 8px;
                          padding-right: 25px;
                          color: #949494;
                          line-height: 19px;
                          background: url(../img/ico/headers.png) 130% -87px no-repeat;
       }
       
       h1.header a.more:hover { opacity: 0.7;
       }

       
a.button_small,
a.button,
a.button_long { display: block;
}


.button_small,
.button,
.button_long { font-family: 'Ubuntu', Tahoma, Arial;
               font-family: 'allerbold';
               color: #FFF;
               text-transform: uppercase;
               background: #0093dd;
}

.button_small { width: 90px;
                height: 25px;
                font-size: 11px;
}

a.button_small { line-height: 25px;
}

.button { width: 130px;
          height: 30px;
          font-size: 12px;
          text-align: center;
}

a.button { line-height: 30px;
}

.button_long { width: 170px;
               height: 35px;
               font-size: 12px;
               line-height: 35px;
}

a.button_long { line-height: 35px;
}

.button_small:hover,
.button:hover,
.button_long:hover { color: #FFF;
                     background: #3591D0;
}


.error { color: #FF0000!important;
}

input.text.error { border: 1px solid #FF0000!important;
}

input.text.valid { border: 1px solid #0093dd!important;
}


h2.switcher { position: relative;
              display: inline-block;
              width: 100%;
              margin-bottom: 5px;
              height: 41px;
              text-align: center;
              background: #0093dd;
              cursor: pointer;
              vertical-align: top;
}

       h2.switcher span { display: block;
                          font-size: 14px;
                          font-family: 'allerbold';
                          color: #FFF;
                          text-transform: uppercase;
                          line-height: 41px;
       }
       
@media screen and (min-width: 1024px) {
           
h2.switcher { display: none;
} 

#catMenu { display: none !important;

}
    
}       

h2.switcher:hover,
h2.switcher.active { background: #3591D0;
}


.ui-selectmenu, 
.ui-multiselect { display: block; 
                  overflow: hidden;
                  height: 38px;  
                  font-size: 14px;
                  color: #565656;
                  text-decoration: none!important;
                  background: #FFF;
                  border: 1px solid #E7E7E7;
}

.ui-selectmenu:hover { color: #0093dd;
}

	.ui-selectmenu .ui-selectmenu-status { float: left; 
                                               height: 38px;
                                               margin-left: 10px;  
                                               text-align: left;
                                               line-height: 38px; 
        }
        
	.ui-selectmenu .ui-selectmenu-icon, 
        .ui-multiselect span.ui-icon { float: right;
                                       width: 16px; 
                                       height: 16px;  
                                       margin-top: 11px;
                                       margin-right: 10px;
                                       background: url(../img/ico/select.png) 0px 0px no-repeat;
        }
        
.ui-selectmenu-menu, 
.ui-multiselect-menu { position: absolute;
                       display: none; 
}

.ui-selectmenu-open, 
.ui-multiselect-menu { display: block; 
                       max-height: 209px; 
                       overflow-y: auto; 
                       z-index: 1000;
}

	ul.ui-selectmenu-menu li, 
        .ui-multiselect-checkboxes li { padding: 0px 10px;
                                        font-size: 14px;
                                        text-align: left;
                                        line-height: 38px; 
                                        background: #FFF; 
                                        border: 1px solid #E7E7E7;
                                        border-top: none; 
        } 
        
	ul.ui-selectmenu-menu li.ui-corner-top { border-top: 1px solid #E7E7E7;
        }
        
		ul.ui-selectmenu-menu li a { display: block; 
                                             color: #565656; 
                                             text-decoration: none!important;
                }
                
		ul.ui-selectmenu-menu li a:hover { color: #0093dd;
                }


/* /MAIN */





/* BAR */

#bar { display: none;
       position: fixed;
       top: 0px;
       left: 0px;
       /*overflow: hidden;*/
       width: 100%;
       /*height: 55px;*/
       height: 115px;
       padding-bottom: 4px;
       text-align: center;
       background: #F7F7F7;
       border-bottom: 1px solid #E7E7E7;
       box-shadow: 0px 5px 10px 0px #E7E7E7;
       z-index: 9999;
}

@media screen and (max-width: 1023px) {
 
#bar { display: none!important;
}    
    
}

    #bar .logo { display: table;
                 overflow: hidden;
                 float: left;
                 height: 49px;
                 margin: 3px 0px;
    }
    
           #bar .logo a { display: table-cell;
                          height: 100%;
                          vertical-align: middle;
           }
           
                  #bar .logo a img { max-height: 49px;
                  }
           
           #bar .logo a:hover { opacity: 0.7;
           }
           
    #bar .search { float: right;
                   position: relative;
                   overflow: hidden;
                   width: 470px;
                   height: 40px;
                   margin: 8px 100px 8px 0px;
    }
    
    @media screen and (min-width: 1200px) {
        
    #bar .search { width: 670px;
    }    
        
    }
    
           #bar .search input.text { width: 358px;
                                     height: 38px;
                                     padding: 0px 70px 0px 40px;
                                     background: #FFF url(../img/ico/select.png) 15px 10px no-repeat;
                                     
           }
           
           @media screen and (min-width: 1200px) {
           
           #bar .search input.text { width: 558px;
           }    
               
           }
       
           #bar .search input.submit { position: absolute;
                                       top: 12px;
                                       right: 10px;
                                       padding-left: 16px;
                                       font-size: 14px;
                                       font-family: 'allerbold';
                                       color: #777877;
                                       background: url(../img/ico/loop.png) 0px center no-repeat;
           }
              
           #bar .search input.submit:hover { opacity: 0.7;
           }
                  
    #bar .cart { float: right;
                 height: 28px;
                 margin: 9px 0px;
                 padding: 5px 10px;
                 background: #0093dd;
                 border-bottom: 2px solid #85B516;
    }
       
           #bar .cart a.img { float: left;
                              width: 18px;
                              height: 18px;
                              margin-top: 5px;
                              margin-right: 10px;
                              background: url(../img/ico/cart.png) 0px 0px no-repeat;
           }
           
           #bar .cart .quantity { float: left;
                                  height: 28px;
                                  padding: 0px 15px;
                                  font-size: 16px;
                                  color: #FFF;
                                  line-height: 28px;
                                  background: #F99B15;
           }
              
           #bar .cart a:hover { opacity: 0.7;
           }
             
           
           
/* /BAR */




/* TOP */

#top { position: relative;
       overflow: hidden;
       height: 35px;
       background: #000;
}

#top .wrapper { background: none;
}

       #top #languages { float: left;
                         margin-top: 8px;
       }
       
              #languages ul { float: left;
              }
              
                     #languages ul li { float: left;
                                        width: 18px;
                                        height: 13px;
                                        margin-right: 5px;
                                        padding: 2px;
                                        border: 1px solid #717171;
                     }
                     
                            #languages ul li a { display: block;
                            }
                            
                                   #languages ul li a img { width: 18px;
                                                            height: 13px;
                                   }
                            
                            #languages ul li a:hover { opacity: 0.7;
                            }
                            
                     #languages ul li.lang_active { background: #0093dd;
                                                    border: 1px solid #0093dd;
                     }
       
       #top #topLinks { float: right;
                        height: 25px;
                        margin: 5px 0px;
       }
       
              #topLinks ul { float: right;
                             margin: 5px 0px 4px;
              }
              
                     #topLinks ul li { float: left;
                                       margin-left: 15px;
                     }
                     
                            #topLinks ul li a { display: block;
                                                padding-left: 20px;
                                                color: #FFF;
                                                text-transform: uppercase;
                                                line-height: 16px;
                                                background: url(../img/ico/top.png) 0px 1px no-repeat;
                            }
                            
                            #topLinks ul li.register a { background-position: 0px -15px;
                            }
                            
                            #topLinks ul li.storage a { background-position: 0px -31px;
                            }
                            
                            #topLinks ul li.compare a { background-position: 0px -47px;
                            }
                            
                            #topLinks ul li.storage,
                            #topLinks ul li.compare { display: none;
                            }
                            
                            @media screen and (min-width: 1024px) {
                                
                            #topLinks ul li.storage,
                            #topLinks ul li.compare { display: block;
                            }
                            
                            }
                            
                            #topLinks ul li a:hover { color: #BBB;
                            }

/* /TOP */





/* HEADER */

#header {}

@media screen and (min-width: 1024px) {
    
#header { background: #FFF;
}   
    
}

#h { margin: 10px 0px 0px;
}

@media screen and (min-width: 768px) {
    
#h { margin: 15px 0px 0px;
}  
    
}

       #h #logo { display: inline-block;
                  width: 100%;
                  margin-bottom: 10px;
       }
       
       @media screen and (min-width: 768px) {
           
       #h #logo { overflow: hidden;
                  float: left;
                  width: auto;
                  height: 52px;
                  margin-left: -5px;
       }    
           
       }
       
       @media screen and (min-width: 1024px) {
           
       #h #logo { height: 70px;
                  margin-left: 0px;
       }    
           
       }
       
              #logo a { display: block;
              }
              
                     #logo a img { max-width: 300px;
                                   height: auto;
                     }
                     
                     @media screen and (min-width: 768px) { 
                     
                     #logo a img { max-width: none; ;
                                   max-height: 52px;
                     }    
                     
                     }
                     
                     @media screen and (min-width: 1024px) { 
                     
                     #logo a img { max-width: 415px;
                                   max-height: 70px;
                     }    
                     
                     }
              
              #logo a:hover { opacity: 0.7;
              }
       
       #h #search { display: inline-block;
                    position: relative;
                    width: 100%;
                    height: 38px;
                    margin: 10px 0px;
       }
       
       @media screen and (min-width: 1024px) { 
       
       #h #search { float: right;
                    width: 340px;
                    margin: 15px 10px 0px 0px;
       }    
       
       }
       
              #search input.text { display: block;
                                   position: relative;
                                   width: 100%;
                                   height: 38px;
                                   padding: 0px 50px 0px 15px;
                                   background: #FFF;
                                   border: 1px solid #969696;
                                   box-sizing: border-box;
                                   z-index: 1;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #search input.text { padding-left: 40px;
                                   background: #FFF url(../img/ico/select.png) 15px center no-repeat;
              }    
                  
              }
              
              #search input.submit { position: absolute;
                                     top: 13px;
                                     right: 15px;
                                     width: 12px;
                                     height: 12px;
                                     background: url(../img/ico/loop.png) 0px 0px no-repeat;
                                     z-index: 2;
              }
       
       #h #tCart { display: inline-block;
                   position: relative;
                   float: right;
                   margin: 0px 10px 0px 1px;
                   padding: 9px 35px 9px 15px;
                   background: #0093dd;
                   border-bottom: 2px solid #85B516;
                   vertical-align: top;
       }
       
       @media screen and (min-width: 768px) {
       
       #h #tCart { margin: 7px 0px 7px 5px; 
       }    
       
       }
       
       @media screen and (min-width: 1024px) {
           
       #h #tCart { margin: 15px 10px 0px 0px; 
       }     
           
       }
       
              #tCart a.img { float: left;
                             width: 18px;
                             height: 18px;
                             margin-right: 5px;
                             background: url(../img/ico/cart.png) 0px 0px no-repeat;
              }
              
              #tCart a.img:hover { opacity: 0.7;
              }
       
              #tCart a.value,
              #tCart a.quantity { font-size: 16px;
                                  color: #FFF;
                                  line-height: 18px;
              }
              
              #tCart a.value:hover,
              #tCart a.quantity:hover { color: #3591D0;
              }
              
              #tCart a.value {}
              
              #tCart a.quantity { position: absolute;
                                  top: -12px;
                                  right: -11px;
                                  padding: 3px 15px;
                                  background: #F99B15;
                                  border: 1px solid #FFF;
              }
       
       #h a.cartBtn { display: inline-block;
                      float: left;
                      width: 145px;
                      height: 36px;
                      margin: 0px 1px 0px 5px;
                      font-size: 12px;
                      color: #FFF;
                      text-align: center;
                      text-transform: uppercase;
                      line-height: 36px;
                      background: #8A8A8A;
                      border-bottom: 2px solid #5B5B5B;
                      vertical-align: top;
       }
       
       @media screen and (min-width: 768px) {
           
       #h a.cartBtn { float: right;
                      width: 165px;
                      margin: 7px 0px;
                      font-size: 14px;
       }    
           
       }
       
       @media screen and (min-width: 1024px) {
           
       #h a.cartBtn { display: none;
       }    
           
       }
       
       #h a.cartBtn:hover { opacity: 0.7;
       }

       
/* /HEADER */





/* MENU */



#menu { overflow: hidden;
}

@media screen and (min-width: 1024px) {
    
#menu { height: 58px;
        background: url(../img/menu.png) 0px 0px repeat-x;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
}  
    
}

#m { position: relative;
     overflow: hidden;
     margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
    
#m { height: 58px;
     margin-bottom: 0px;
}   
    
}

       #m div.rsp { 
                    /* display: none; */
                    position: relative;
                    margin-top: -5px;
                    margin-bottom: 5px;
                    background: #F7F7F7;
                    border-bottom: 1px solid #D4D4D4;
       }
       
       @media screen and (min-width: 1024px) {
           
       #m div#mainMenu { display: inline-block!important;
                         margin: 0px 0px 0px 0px;
                         background: none;
                         border-bottom: none;
       }    
           
       }
       
              #m ul.menu { position: relative;
                           float: left;
                           width: 100%;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #m ul.menu { display: table;
                           height: 58px;
              }    
                  
              }
              
/*              @media screen and (min-width: 1200px) {
                  
              #m ul.menu { table-layout: fixed;
              }    
                  
              }*/
              
                     #m ul.menu li { float: left;
                                     width: 100%;
                                     text-align: center;
                                     border-bottom: 1px solid #D4D4D4;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     #m ul.menu li { display: table-cell;
                                     float: none;
                                     width: auto;
                                     height: 52px;
                                     padding: 3px 5px;
                                     border-bottom: none;
                                     vertical-align: middle;
                     } 
                     
                         
                     }
                     
                            #m ul.menu li a { display: block;
                                              padding: 10px;
                                              font-size: 14px;
                                              font-family: 'allerbold';
                                              color: #3A3A3A;
                                              line-height: 21px;
                            }
                            
                            @media screen and (min-width: 1024px) { 
                                
                            #m ul.menu li a { display: block;
                                              width: 100%;
                                              height: 52px;
                                              padding: 0px 0px;
                                              text-transform: uppercase;
                                              line-height: 52px;
                            }     
                            
                            }
                            
                            #m ul.menu li.current a,
                            #m ul.menu li a:hover { color: #FFF;
                                                    background: #fff;
                            }
                            
                            @media screen and (min-width: 1024px) {
                                
                            #m ul.menu li a:hover { color: #3A3A3A;
                                                    background: none;
                            }   
                                
                            }
                            
                            #m ul.menu li ul { display: none;
                            }

/* /MENU */





/* BREADCRUMBS */

#breadcrumbs { display: none;
               padding: 20px 0px 10px;
               background: #FFF;
               border-bottom: 1px solid #D4D4D4;
}

@media screen and (min-width: 1024px) {
    
#breadcrumbs { display: block;
}  
    
}

#br {}
       
       #br ul { float: left;
                width: 100%;
       }
              
              #br ul li { float: left;
                          margin-right: 10px;
                          margin-bottom: 10px;
              }
                     
              #br ul li.hp { padding-left: 20px;
                             background: url(../img/ico/bcr.png) 0px 0px no-repeat;
              }
                     
                     #br ul li a,
                     #br ul li span { display: block;
                                      font-size: 13px;
                                      color: #9E9E9E;
                                      line-height: 15px;
                     }
                            
                     #br ul li a:hover { color: #0093dd;
                     }
                            
                     #br ul li.last span { font-family: 'allerbold';
                     }

/* /BREADCRUMBS */





/* CONTENT */

@media screen and (min-width: 1024px) {
 
#content { padding-bottom: 10px;
           background: #F5F5F5;
}
    
}

#mc { margin: 20px 0px;
}

       #mc #ls,
       #mc #ms { 
       }

       #mc #ls { display: none;
                 float: left;
       }
       
       @media screen and (min-width: 1024px) { 
       
       #mc #ls { display: block;
                 width: 240px;
       }    
       
       }
       
       #mc #ms { float: right;
                 width: 100%;
       }

       @media screen and (min-width: 1024px) {
           
       #mc #ms { width: 640px;
       }   
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #mc #ms { width: 835px;
       }   
           
       }
       
       #mc .placeholder { display: block;
                          position: relative;
       }
       
       @media screen and (min-width: 1024px) { 
       
       #mc .placeholder { width: 100%;
                          padding: 20px 10px;
                          background: #FFF;
                          border: 3px solid #E7E7E7;
                          box-shadow: 0px 1px 6px 0px #E7E7E7;
                          -webkit-box-sizing: border-box !important;
                        -moz-box-sizing: border-box !important;
                        -ms-box-sizing: border-box !important;
                        -o-box-sizing: border-box !important;
                        box-sizing: border-box !important;
       }    
       
       #mc .placeholder.full { width: 974px;
       }
       
       }
       
       @media screen and (min-width: 1200px) { 
       
       #mc .placeholder { width: 815px;
       } 
       
       #mc .placeholder.full { width: 100%; padding-left: 0 !important;
                               padding-right: 0 !important;
                               border: none !important;
                -webkit-box-shadow: none !important;
                -moz-box-shadow: none !important;
                box-shadow: none !important;
       } 
       
       }

/* /CONTENT */





/* FOOTER */

#footer { position: relative;
          padding: 20px 0px;
          text-align: center;
          background: #3C3C3C
}

@media screen and (min-width: 1024px) {
    
#footer { padding: 40px 0px;
}   
    
}

#footer .wrapper { background: #3C3C3C
}

#f { position: relative;
}

       #f #topLink { display: none;
                     position: absolute;
                     top: -60px;
                     left: 455px;
                     width: 90px;
                     height: 20px;
                     background: url(../img/ico/top_link.png) 0px 0px no-repeat;
       }
       
       @media screen and (min-width: 1024px) {
           
       #f #topLink { display: inline-block;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #f #topLink { left: 555px;
       }    
           
       }
       
       #f #topLink:hover { opacity: 0.7;
       }

       #f .box { display: inline-block;
                 position: relative;
                 vertical-align: top;
       }
       
               #f .box h4 { position: relative;
                            float: left;
                            clear: both;
                            margin-bottom: 10px;
                            font-size: 16px;
                            font-family: 'allerbold';
                            color: #FFF;
                            text-align: left;
                            line-height: 20px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #f .box h4 { margin-bottom: 15px;
                            font-size: 18px;
               }    
                   
               }
               
               #f .box .cnt { position: relative;
                              float: left;
                              width: 100%;
               }
               
                      #f .box ul.menu { position: relative;
                                        float: left;
                                        width: 100%;
                      }
                      
                             #f ul.menu li { position: relative;
                                             float: left;
                                             width: 180px;
                                             margin-bottom: 10px;
                             }
                             
                                    #f ul.menu li a { display: block;
                                                      font-size: 13px;
                                                      color: #B4B4B4;
                                                      line-height: 15px;
                                    }
                                    
                                    #f ul.menu li a:hover { color: #FFF;
                                    }
       
       #f .newsletter { float: right;
                        width: 100%;
                        margin-bottom: 20px;
       }
       
       @media screen and (min-width: 1024px) {
           
       #f .newsletter { overflow: hidden;
                        clear: left;
                        width: 285px;
                        margin-bottom: 10px;
       }   
           
       }
       
              #f .newsletter h4 { display: none;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #f .newsletter h4 { display: block;
                                  float: right;
                                  margin-right: 10px;
              }    
                  
              }
              
              #f .newsletter h4.label { display: block;
                                        padding-left: 25px;
                                        line-height: 23px;
                                        background: url(../img/ico/env.png) 0px center no-repeat;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #f .newsletter h4.label { display: none;
              }    
                  
              }
              
              #f .newsletter .cnt {}
              
                     #f .newsletter input.text { display: block;
                                                 position: relative;
                                                 width: 100%;
                                                 height: 39px;
                                                 padding: 0px 50px 0px 15px;
                                                 background: #FFF;
                                                 border: none;
                                                 box-sizing: border-box;
                                                 z-index: 1;
                     }
                     
                     #f .newsletter input.submit { position: absolute;
                                                   top: 10px;
                                                   right: 15px;
                                                   width: 19px;
                                                   height: 19px;
                                                   background: url(../img/ico/headers.png) 0px -87px no-repeat;
                                                   z-index: 2;
                     }
                            
                     #f .newsletter input.submit:hover { opacity: 0.7;
                     }
                     
                     #f .newsletter .txt { display: none;
                                           float: right;
                                           margin-top: 10px;
                                           font-size: 12px;
                                           color: #FFF;
                                           text-align: right;
                                           line-height: 20px;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     #f .newsletter .txt { display: block;
                     }    
                         
                     }
                     
       
       #f .articles { display: none;
                      float: right;
                      width: 200px;
                      margin-right: 15px;
       }
       
       @media screen and (min-width: 1024px) {
           
       #f .articles { display: block;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #f .articles { margin: 0px 115px 0px 0px;
       }    
           
       }
       
       #f .links { display: none;
                   float: right;
                   width: 200px;
       }
       
       @media screen and (min-width: 1024px) {
           
       #f .links { display: block;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #f .links { margin: 0px 50px;
       }    
           
       }
       
       #f .data { float: left;
                  width: 100%;
                  margin-bottom: 20px;
       }
       
       @media screen and (min-width: 768px) {
           
       #f .data { width: auto;
                  min-width: 55%;
                  max-width: 70%;
                  margin-bottom: 0px;
       }    
           
       }
       
       @media screen and (min-width: 1024px) {
           
       #f .data { width: 300px;
                  min-width: 300px;
                  max-width: 300px;
       }    
           
       }
       
              #f .data .info { position: relative;
                               float: left;
                               clear: both;
                               font-size: 11px;
                               color: #B4B4B4;
                               text-align: left;
                               line-height: 18px;
              }
              
              @media screen and (min-width: 768px) {
                  
              #f .data .info { font-size: 13px;
              }    
                     
              }     
              
                     #f .data .info a { color: #B4B4B4;
                     }
                            
                     #f .data .info a:hover { color: #FFF;
                     }
              
              #f .data .company { display: none;
              }
              
              #f .data div.company { margin-bottom: 30px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #f .data .company { display: block;
              }    
                  
              }
       
       #f .social {}
       
       @media screen and (min-width: 768px) {
           
       #f .social { float: right;
                    margin-top: 10px;
       }    
           
       }
       
       @media screen and (min-width: 1024px) {
           
       #f .social { clear: right;
       }  
           
       }
       
              #f .social h5 { display: none;
                              float: left;
                              clear: both;
                              margin-bottom: 10px;
                              font-size: 12px;
                              font-family: 'allerbold';
                              color: #FFF;
                              line-height: 15px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #f .social h5 { display: block;
              }    
                  
              }
              
              #f .social ul { float: right;
                              clear: both;
              }
              
                     #f .social ul li { float: left;
                                        margin-left: 10px;
                     }
                            
                            #f .social ul li a { display: block;
                                                 width: 24px;
                                                 height: 24px;
                                                 background: url(../img/ico/social.png) 0px 0px no-repeat;
                            }
                                    
                            #f .social ul li a.yt {}
                                   
                            #f .social ul li a.tw { background-position: 0px -25px;
                            }
                                   
                            #f .social ul li a.gp { background-position: 0px -50px;
                            }
                                  
                            #f .social ul li a.fb { background-position: 0px -75px;
                            }
                                    
                            #f .social ul li a:hover { opacity: 0.7;
                            }
                            
#copyrights { padding: 10px 0px 50px;
              background: #FFF;
}

@media screen and (min-width: 1024px) {
    
#copyrights { background: #3C3C3C;
}    
    
}

#c {}

       #c .cstore { display: inline-block;
                    font-size: 13px;
                    color: #B4B4B4;
                    line-height: 16px;
                    vertical-align: top;
       }
       
       @media screen and (min-width: 1024px) {
           
       #c .cstore { padding-top: 10px;
                    padding-right: 50px;
                    border-top: 1px solid #5F5F5F;
       }    
           
       }
       
              #c .cstore a { float: left;
                             margin-right: 5px;
                             padding-right: 55px;
                             color: #B4B4B4;
                             line-height: 16px;
                             background: url(../img/ico/cstore.png) 100% 1px no-repeat;
              }
              
              #c .cstore a:hover { color: #0093dd;
              }

/* /FOOTER */





/* LOGOS */

#logos { display: none;
}

@media (max-width: 1200px) {
#logosCarousel { display: none;
}    
}

#logosCarousel .in { padding: 25px 15px;
                     background: #FFF;
                     border: 2px solid #E0E0E0;
                     box-shadow: 0px 2px 10px 0px #E7E7E7;
                     -moz-box-shadow: 0px 2px 10px 0px #E7E7E7;
                     -webkit-box-shadow: 0px 2px 10px 0px #E7E7E7;
}

       #logosCarousel .jcarousel-container { position: relative;
                                             overflow: hidden;
                                             float: left;
                                             width: 100%;
                                             height: 35px;
                                             padding: 0px 33px;
       }
       
              #logosCarousel .jcarousel-clip { overflow: hidden;
                                               float: left;
                                               width: 100%;
                                               height: 35px;
              }
              
                     #logosCarousel .jcarousel-list { height: 35px;
                     }
                     
                            #logosCarousel .jcarousel-list li { position: relative;
                                                                overflow: hidden;
                                                                float: left;
                                                                width: 130px;
                                                                height: 35px;
                                                                text-align: center;
                                                                line-height: 35px;
                                                                vertical-align: middle;
                            }
                            
                                   #logosCarousel .jcarousel-list li img { display: inline-block;
                                                                           max-width: 130px;
                                                                           max-height: 35px;
                                                                           margin: auto;
                                                                           vertical-align: middle;
                                   }
              
              #logosCarousel .jcarousel-prev,
              #logosCarousel .jcarousel-next { position: absolute;
                                               top: 8px;
                                               width: 19px;
                                               height: 19px;
                                               cursor: pointer;
              }
              
              #logosCarousel .jcarousel-prev { left: 0px;
                                               background: url(../img/ico/car_nav.png) 0px 0px no-repeat;
              }
              
              #logosCarousel .jcarousel-next { right: 0px;
                                               background: url(../img/ico/car_nav.png) 0px -19px no-repeat;
              }
              
              #logosCarousel .jcarousel-prev-disabled,
              #logosCarousel .jcarousel-next-disabled { display: none!important;
              }
              
              #logosCarousel .jcarousel-prev:hover,
              #logosCarousel .jcarousel-next:hover { opacity: 0.7;
              }


/* --------- /LOGOS CAROUSEL --------- */





/* HOME PAGE */

#slider { display: none;
          position: relative;
          overflow: hidden;
}

#div_id_main_page #slider { display: block;
}

@media screen and (min-width: 768px) {
    
#slider { 
}   
    
}

@media screen and (min-width: 1024px) {
    
#slider {}   
    
}

@media screen and (min-width: 1200px) {
    
#slider { 
}   
    
}

       #slider ul { position: relative;
                    float: left;
                    width: 100% !important;
       }
       
       @media screen and (min-width: 768px) {
           
       #slider ul {}    
           
       }
       
       @media screen and (min-width: 1024px) {
           
       #slider ul {}    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #slider ul {}    
           
       }
       
              #slider ul li { width: 100% !important;
              }
              
              @media screen and (max-width: 1023px) {
                  
              #slider ul li { height: 100% !important;
              }  
                  
              }
              
              @media screen and (min-width: 768px) {
                  
              #slider ul li {}  
                  
              }
              
                    #slider ul li .in { display: table;
                                        float: left;
                                        width: 100%;
                    }
              
              @media screen and (min-width: 1024px) {
                  
              #slider ul li { text-align: center;
              } 
              
/*                    #slider ul li .in { display: table;
                                        float: left;
                                        width: 100%;
                    }*/
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              #slider ul li { text-align: center;
              }  
                  
              }
              
                      #slider ul li a { display: table-cell;
                                        width: 100%;
                                        height: 100%;
                                        text-align: center;
                                        vertical-align: middle;
                      }
                      
                      @media screen and (min-width: 1024px) {
                          
/*                      #slider ul li a,
                      #slider ul li a span { display: table-cell;
                                             width: 100%;
                                             height: 100%;
                                             text-align: center;
                                             vertical-align: middle;
                      }*/
                          
                      }
                      
                      #slider ul li img { max-width: 100%;
                      }
                      
                      @media screen and (min-width: 768px) {
                          
                      #slider ul li img {}    
                          
                      }
                      
                      @media screen and (min-width: 1024px) {
                          
                      #slider ul li img {}    
                          
                      }
                      
                      @media screen and (min-width: 1200px) {
                          
                      #slider ul li img { width: auto!important;
                                          
                      }    
                          
                      }
                      
                      #slider ul li .description { display: none;
                      }
                      
       #slider #sliderNavigation { position: absolute;
                                   width: 100%;
                                   height: 100%;
                                   bottom: 0px;
                                   text-align: center;
                                   z-index: 99 !important;
       }
       
       
       @media screen and (min-width: 768px) {
       
       #slider #sliderNavigation {}    
           
       }
       
       @media screen and (min-width: 1024px) {
       
       #slider #sliderNavigation {}    
           
       }
       
       @media screen and (min-width: 1200px) {
       
       #slider #sliderNavigation {}    
           
       }
       
              #slider a.nav { position: absolute;
                              top: 50%;
                              width: 25px;
                              height: 52px;
                              margin-top: -31px;
                              z-index: 200;
              }
              
              @media screen and (min-width: 768px) { 
              
              #slider a.nav {}    
              
              }
              
              @media screen and (min-width: 1024px) { 
              
              #slider a.nav { width: 53px;
                              height: 101px;
                              margin-top: -50px
              }    
              
              }
              
              @media screen and (min-width: 1200px) { 
              
              #slider a.nav {}    
              
              }
              
              #slider a#prevSlide { left: 5%;
                                    background: url(../img/ico/slide_nav_np.png) 0px 0px no-repeat;
                                    background-size: 59px 100%;
              }
              
              @media screen and (min-width: 1024px) { 
              
              #slider a#prevSlide { background-size: auto auto;
              }    
              
              }
              
              #slider a#nextSlide { right: 5%;
                                    background: url(../img/ico/slide_nav_np.png) 100% 0px no-repeat;
                                    background-size: 59px 100%;
              }
              
              @media screen and (min-width: 1024px) { 
              
              #slider a#nextSlide { background-size: auto auto;
              }    
              
              }
              
              #slider a.nav:hover { opacity: 0.7;
              }
              
              #slider #sliderPager { 
			  /* display: none; */
                                     position: absolute;
                                     bottom: 20px;
                                     width: 100%;
                                     height: 13px;
                                     margin: 0px auto;
                                     z-index: 100;
              }
              
              @media screen and (min-width: 768px) {
                  
              #slider #sliderPager { display: block;
              }    
                  
              }
              
              @media screen and (min-width: 1024px) {
                  
              #slider #sliderPager {}    
                  
              }
              
                     #slider #sliderPager a { display: inline-block;
                                              width: 13px;
                                              height: 13px;
                                              margin: 0px 5px;
                                              text-indent: -20000px;
                                              background: #dedede;
                                              font-size: 0;
                                                -moz-border-radius: 50%;
                                                -webkit-border-radius: 50%;
                                                -o-border-radius: 50%;
                                                border-radius: 50%;
                                                vertical-align: top;
                     }
                     
                     #slider #sliderPager a.activeSlide { background: #afafaf;
                     }
                     
                     #slider #sliderPager a:hover { background: #0093dd;
                     }

#banners { display: none;
           padding: 20px 0px 10px;
           background: #F5F5F5;
}

@media screen and (min-width: 1024px) { 

#div_id_main_page #banners { display: block;
}    

}

#b { position: relative;    
}

       #b .banner { position: relative;
                    overflow: hidden;
                    width: 440px;
                    height: 140px;
                    padding: 30px 20px;
                    text-align: left;
                    background: #FFF;
                    border: 2px solid #E0E0E0;
                    box-shadow: 0px 2px 10px 0px #E7E7E7;
       }
       
       @media screen and (min-width: 1200px)  {
           
       #b .banner { width: 540px;
       }    
           
       }
       
              #b .banner h4,
              #b .banner h5,
              #b .banner p,
              #b .banner a { display: block;
                             z-index: 2;
              }
              
              #b .banner h4,
              #b .banner h5,
              #b .banner a { position: relative;
              }
              
              #b .banner h4 { margin-bottom: 10px;
                              font-size: 32px;
                              font-family: 'allerbold';
                              color: #565656;
                              text-transform: uppercase;
                              line-height: 26px;
              }
              
              #b .banner h5 { font-size: 20px;
                              color: #949494;
                              text-transform: uppercase;
                              line-height: 18px;
              }
              
              #b .banner p { font-size: 14px;
                             line-height: 20px;
              }
              
              #b .banner a { float: left;
                             margin-top: 15px;
                             padding-left: 25px;
                             line-height: 19px;
                             background: url(../img/ico/car_nav.png) 0px 0px no-repeat;
              }
              
              #b .banner img { position: absolute;
                               top: 0px;
                               right: 0px;
                               max-width: 440px!important;
                               height: 200px!important;
                               z-index: 1;
              }
        
       #b .banner1 { float: left;
       }
       
       #b .banner2 { float: right;
       }
       
/* --------- /HOME PAGE --------- */







/* --------- MENUBOX --------- */

.menuBox { display: block;
           position: relative;
           overflow: hidden;
           float: left;
           width: 240px;
           margin-bottom: 15px;
           padding: 10px 0px;
           background: #FFF;
           border: 3px solid #E7E7E7;
           box-shadow: 0px 1px 6px 0px #E7E7E7;
}

       .menuBox h4 { display: block;
                     width: 230px;
                     height: 31px;
                     padding-left: 39px;
                     background: url(../img/ico/headers.png) 10px -45px no-repeat;
       }
       
              .menuBox h4 span,
              .menuBox h4 a { display: block;
                              font-size: 22px;
                              font-family: 'allerbold';
                              color: #565656;
                              line-height: 29px;
                              border-bottom: 2px solid #E7E7E7;
              }
       
       .menuBox .in { float: left;
                      width: 209px;
                      padding: 10px;
       }
       
              .menuBox .in .empty { margin-top: 10px;
                                    font-size: 13px;
                                    font-family: 'allerbold';
                                    color: #9E9E9E;
                                    text-align: center;
                                    text-transform: uppercase;
              }
              
              .menuBox .in ul.mbox { float: left;
                                     width: 100%;
                                     margin-top: 10px;
              }
              
                     .menuBox .in ul.mbox li { float: left;
                                               clear: both;
                                               margin-bottom: 10px;
                                               padding-left: 15px;
                                               background: url(../img/ico/nav.png) 0px 5px no-repeat;
                     }
                     
                            .menuBox .in ul.mbox li a { display: block;
                                                        font-size: 14px;
                                                        font-family: 'allerbold';
                                                        color: #565656;
                                                        line-height: 18px;
                            }
                            
                            .menuBox .in ul.mbox li a:hover { color: #0093dd;
                            }
       
       .menuBox div.more { float: left;
                           width: 259px;
                           padding: 15px 10px 5px;
                           border-top: 1px solid #E7E7E7;
       }
       
              .menuBox div.more a { float: right;
                                    margin-right: 5px;
                                    padding-right: 15px;
                                    font-size: 11px;
                                    font-family: 'allerbold';
                                    color: #949494;
                                    line-height: 15px;
                                    background: url(../img/ico/nav.png) 100% -89px no-repeat;
              }
              
              .menuBox div.more a:hover { color: #1C170C;
              }
       
              .menuBox .jcarousel-container { display: inline-block;
                                              position: relative;
                                              width: 100%;
                                              height: 330px;
              }
              
                     .menuBox .jcarousel-container .jcarousel-clip { overflow: hidden;
                                                                     float: left;
                                                                     width: 86%;
                                                                     height: 330px;
                                                                     margin: 0px 7%;
                     }
                     
                     .menuBox .jcarousel-container .jcarousel-prev,
                     .menuBox .jcarousel-container .jcarousel-next { position: absolute;
                                                                     top: 150px;
                                                                     width: 19px;
                                                                     height: 19px;
                                                                     z-index: 2;
                                                                     cursor: pointer;
                     }
                     
                     .menuBox .jcarousel-container .jcarousel-prev { left: 0px;
                                                                     background: url(../img/ico/car_nav.png) 0px 0px no-repeat;
                     }
                     
                     .menuBox .jcarousel-container .jcarousel-next { right: 0px;
                                                                     background: url(../img/ico/car_nav.png) 0px -19px no-repeat;
                     }
                     
                     .menuBox .jcarousel-container .jcarousel-prev:hover,
                     .menuBox .jcarousel-container .jcarousel-next:hover { opacity: 0.7;
                     }
                     
                     .menuBox .jcarousel-container .jcarousel-prev-disabled,
                     .menuBox .jcarousel-container .jcarousel-next-disabled { display: none!important;
                     }
       
              .menuBox ul.boxcarousel { display: inline-block;
                                        overflow: hidden;
                                        height: 330px;
                                        margin: 0px auto;
                                        text-align: left;
              }
              
                     .menuBox ul.boxcarousel li { overflow: hidden;
                                                  float: left;
                                                  width: 223px;
                                                  height: 330px;
                     }
                     
                     
                            .menuBox ul.boxcarousel li .name { position: relative;
                                                               overflow: hidden;
                                                               width: 223px;
                                                               height: 40px;
                                                               margin: 10px 0px 5px;
                                                               text-align: center;
                                                               z-index: 2;
                            }
              
                                   .menuBox ul.boxcarousel li .name a { display: block;
                                                                        font-size: 16px;
                                                                        font-family: 'allerbold';
                                                                        color: #565656;
                                                                        line-height: 20px;
                                   }
                            
                                   .menuBox ul.boxcarousel li .name a:hover { color: #0093dd;
                                   }
                            
                            .menuBox ul.boxcarousel li .image { display: table;
                                                                overflow: hidden;
                                                                width: 100%;
                                                                height: 220px;
                                                                margin-bottom: 5px;
                            }
                            
                                   .menuBox ul.boxcarousel li .image a {}
                     
                                          .menuBox ul.boxcarousel li .image a img { max-width: 215px;
                                                                                    max-height: 215px;
                                          }
                                   
                                   .menuBox ul.boxcarousel li .image a:hover {}
                            
                            .menuBox ul.boxcarousel li .prices { overflow: hidden;
                                                                 width: 100%;
                                                                 height: 50px;
                                                                 text-align: center;
                            }
                            
                            .menuBox ul.boxcarousel li.show_net_price .prices { height: 65px;
                            }
                            
                                    .menuBox ul.boxcarousel li .prices span { display: inline-block;
                                                                              line-height: 25px;
                                    }
                                    
                                    .menuBox ul.boxcarousel li .prices span.old { margin-right: 5px;
                                                                                  font-size: 22px;
                                                                                  text-decoration: line-through;
                                                                                  color: #949494;
                                    }
                                    
                                    .menuBox ul.boxcarousel li .prices span.value { font-size: 28px;
                                                                                    font-family: 'allerbold';
                                                                                    color: #565656;
                                    }
                                    
                                    .menuBox ul.boxcarousel li .prices span.value_netto { display: block;
                                                                                          font-size: 11px;
                                                                                          color: #949494;
                                    }
                                    
                            .menuBox ul.prodList li .rating { width: 100%;
                                                              font-size: 17px;
                                                              font-family: 'allerbold';
                                                              color: #565656;
                                                              text-align: center;
                                                              line-height: 20px;
                            }
                            
                                   .menuBox ul.prodList li .rating .sep { display: inline-block;
                                                                          padding: 1px 10px;
                                   }
                                    
                                    
/* CATEGORIES */                                    
                                    
.menuBox_Categories { width: 100%;
                      padding: 0px;
                      background: none;
                      border: none;
                      border-radius: 0px;
                      box-shadow: none;
}

       .menuBox_Categories h4 { width: auto;
                                height: 35px;
                                margin-bottom: 25px;
                                padding-left: 40px;
                                text-align: left;
                                background: url("../img/ico/headers.png") no-repeat scroll 0px 3px transparent;
       }
       
              .menuBox_Categories h4 span { padding-bottom: 5px;
                                            font-size: 28px;
                                            font-family: 'allerbold';
                                            color: #565656;
                                            line-height: 35px;
                                            border-bottom: 2px solid #565656;
              }

       .menuBox_Categories .in { width: auto;
                                 padding: 0px;
                                 text-align: center;
                                 background: #FFF;
                                 border: 3px solid #E7E7E7;
                                 box-shadow: 0px 1px 6px 0px #E7E7E7;
       }
       
              .menuBox_Categories ul { display: block;
                                       overflow: hidden;
                                       width: 100%;
                                       text-align: left;
              }
              
                     .menuBox_Categories ul li { display: block;
                                                 width: 100%;
                     }
                     
                            .menuBox_Categories ul li a { display: block;
                                                          color: #565656;
                                                          transition: none;
                            }
                            
                            .menuBox_Categories ul li a.main-cat { min-height: 22px;
                                                                   padding: 14px 15px;
                                                                   font-size: 15px;
                                                                   /* font-family: 'allerbold'; */
                                                                   line-height: 22px;
                                                                   background: #FFF url(../img/ico/nav.png) 95% 20px no-repeat;
                                                                   border-bottom: 1px solid #E7E7E7;
                                                                   transition: none;
                            }
                            
                            .menuBox_Categories ul li a.main-cat.current,
                            .menuBox_Categories ul li a.main-cat:hover { color: #FFF;
                                                                         background: #8A8A8A;
                                                                         transition: none;
                            }
                            
                            .menuBox_Categories ul li a.main-cat.current { background: #8A8A8A url(../img/ico/nav.png) 95% -14px no-repeat;
                            }
                            
                                   .menuBox_Categories ul li ul { padding: 10px 15px 0px;
                                                                  background: #FFF url(../img/category.png) 0px 0px repeat-y;
                                                                  border-bottom: 1px solid #E7E7E7;
                                   }
                                   
                                          .menuBox_Categories ul li ul li { margin-bottom: 10px;
                                          }
                                          
                                                  .menuBox_Categories ul li ul li a { padding-left: 15px;
                                                                                      font-size: 14px;
                                                                                      line-height: 18px;
                                                                                      background: url(../img/ico/arr.png) 0px 7px no-repeat;
                                                  }
                                                  
                                                  .menuBox_Categories ul li ul li a.current { font-family: 'allerbold';
                                                  }
                                                  
                                                  .menuBox_Categories ul li ul li a.current,
                                                  .menuBox_Categories ul li ul li a:hover { color: #1C170C;
                                                                                            transition: none;
                                                  }
                                                  
                                                         .menuBox_Categories ul li ul li ul { border-bottom: none;
                                                         }
                                                         
                                                                .menuBox_Categories ul li ul li ul li {}
                                                                
                                                                .menuBox_Categories ul li ul li ul li.last { margin-bottom: 0px;
                                                                }
                                                                
                                                                       .menuBox_Categories ul li ul li ul li a { font-size: 13px;
                                                                       }
                                                                       
       .menuBox_Categories .in a.change { display: inline-block;
                                          position: relative;
                                          margin: 20px auto;
                                          font-size: 13px;
                                          font-weight: 700;
                                          color: #565656;
                                          text-transform: uppercase;
                                          line-height: 15px;
       }
       
       .menuBox_Categories .in a.change:hover { color: #0093dd;
       }
                                    
       /* MANUFACTURERS */
       
       .menuBox_Producenci .in { margin: 10px 0px;
                                 text-align: center;
       }
       
              .menuBox_Producenci .in a,
              .menuBox_Producenci .in input { display: inline-block;
                                              vertical-align: top;
              }
              
              .menuBox_Producenci .in a { margin-bottom: 10px;
              }
              
       /* /MANUFACTURERS */
                                    
                                    
       /* NEWSLETTER */  
       
       .menuBox_Newsletter .in { text-align: center;
       }
       
              .menuBox_Newsletter .text { display: block;
                                          margin-bottom: 10px;
                                          font-size: 13px; 
                                          color: #9E9E9E;
                                          text-align: center;
                                          line-height: 20px; 
              }
              
              .menuBox_Newsletter .button_small { display: inline-block;
                                                  margin: 0px 10px;
              }
                     
                     
       /* BOX SEARCH */  
       
       .menuBox_Search .in { text-align: center;
       }
              
              .menuBox_Search .in .boxes { float: left;
                                           width: 100%;
                                           margin-bottom: 10px;
                                           text-align: left;
                                           line-height: 20px;
              }
              
                     .menuBox_Search .in .boxes input,
                     .menuBox_Search .in .boxes label { float: left;
                     }
                            
                     .menuBox_Search .in .boxes input { clear: left;
                                                        margin-top: 4px;
                                                        margin-right: 5px;
                     }
                     
                     .menuBox_Search .in .boxes label { clear: right;
                                                        font-size: 13px; 
                                                        color: #9E9E9E;
                     }
              
              .menuBox_Search .in .button { display: inline-block;
                                            margin-bottom: 10px;
              }
              
              .menuBox_Search .in a { display: inline-block;
                                      color: #949494;
              }
              
              .menuBox_Search .in a:hover { color: #1C170C;
              }
              
       /* /BOX SEARCH */ 
       
       
       /* SEARCH & NEWSLETTER */  
       
       .menuBox_Search input.input_normal,
       .menuBox_Newsletter input.txt { display: inline-block;
                                       width: 237px; 
                                       margin-bottom: 10px; 
       }
       
       /* /SEARCH & NEWSLETTER */ 
       
       
       /* RECENTIONS */   

       .menuBox_Recenzje .in {}
       
              .menuBox_Recenzje .in ul.opinions { position: relative;
                                                  float: left;
                                                  width: 100%;
              }
              
                     .menuBox_Recenzje .in ul.opinions li { position: relative;
                                                            float: left;
                                                            width: 100%;
                                                            margin-bottom: 10px;
                                                            padding-bottom: 10px;
                                                            border-bottom: 1px solid #E7E7E7;
                     }
                     
                     .menuBox_Recenzje .in ul.opinions li.last { margin-bottom: 0px;
                                                                 padding-bottom: 0px;
                                                                 border-bottom: none;
                     }
                     
                            .menuBox_Recenzje .in ul.opinions li .image { display: table;
                                                                          position: relative;
                                                                          float: left;
                                                                          width: 100%;
                                                                          height: 100px;
                                                                          margin-bottom: 10px;
                            }
                            
                                   .menuBox_Recenzje .in ul.opinions li .image img { max-width: 259px;
                                                                                     max-height: 100px;
                                   }
                            
                            .menuBox_Recenzje .in ul.opinions li .name { position: relative;
                                                                         float: left;
                                                                         width: 100%;
                                                                         margin-bottom: 10px;
                                                                         text-align: center;
                            }
                            
                                   .menuBox_Recenzje .in ul.opinions li .name a { display: block;
                                                                                  font-size: 15px;
                                                                                  font-family: 'allerbold';
                                                                                  color: #565656;
                                                                                  text-transform: uppercase;
                                                                                  line-height: 20px;
                                   }
                                   
                                   .menuBox_Recenzje .in ul.opinions li .name a:hover { color: #0093dd;
                                   }
                            
                            .menuBox_Recenzje .in ul.opinions li .rat { position: relative;
                                                                        float: left;
                                                                        width: 100%;
                                                                        text-align: center;
                            }
                            
                                   .menuBox_Recenzje .in ul.opinions li .rat img,
                                   .menuBox_Recenzje .in ul.opinions li .rat span { display: inline-block;
                                                                                    height: 15px;
                                                                                    vertical-align: top;
                                   }
                                   
                                   .menuBox_Recenzje .in ul.opinions li .rat img { width: 17px;
                                                                                   height: 17px;
                                                                                   margin-right: 2px;
                                   }
                                   
                                   .menuBox_Recenzje .in ul.opinions li .rat span { margin-left: 8px;
                                                                                    font-size: 12px;
                                                                                    font-family: 'allerbold';
                                                                                    color: #0093dd;
                                                                                    line-height: 17px;
                                   }
                                   
       /* /RECENTIONS */ 
                     
       
       /* CART */       

       .menuBox_Deafult .in { margin-bottom: 0px;
       }
       
              .menuBox_Deafult #cart_empty,
              .menuBox_Deafult #cart_notempty { float: left;
                                                width: 100%;
                                                margin: 0px 0px 0px;
              }
              
              .menuBox_Deafult #cart_notempty { margin-top: 0px;
              }

              .menuBox_Deafult #cart_empty { margin-top: 10px;
                                             font-size: 13px;
                                             font-family: 'allerbold';
                                             color: #9E9E9E;
                                             text-align: center;
                                             text-transform: uppercase;
              }
       
                     .menuBox_Deafult #cart_notempty td { padding-bottom: 5px;
                                                          font-size: 13px;
                                                          font-family: 'allerbold';
                                                          text-align: left;
                                                          text-transform: uppercase;
                     }
                      
                     .menuBox_Deafult #cart_notempty .cart_menu_item_name { width: 50%;
                                                                            text-align: right;
                     }
                     
                     .menuBox_Deafult #cart_notempty .cart_menu_item_total { text-indent: 10px;
                                                                             color: #0093dd;
                     }
                      
                     .menuBox_Deafult #cart_notempty a { display: block;
                                                         width: 130px; 
                                                         height: 30px; 
                                                         margin: 10px auto 0px;
                                                         font-size: 12px;
                                                         font-family: 'allerbold';
                                                         color: #FFF;
                                                         text-align: center;
                                                         text-transform: uppercase;
                                                         line-height: 30px;
                                                         background: #0093dd;
                      }
                      
                      .menuBox_Deafult #cart_notempty a:hover { color: #FFF;
                                                                opacity: 0.7;
                      } 
                      
       /* /CART */  
                      
                      
       /* COMPARE */  
           
       .menuBox_Compare .in { overflow: visible;
       }
       
              .menuBox_Compare .in ul { overflow: hidden;
                                        float: left;
                                        width: 259px;
                                        margin: 10px 0px;
              }
              
                      .menuBox_Compare .in ul li { float: left;
                                                   width: 244px;
                                                   margin-bottom: 10px;
                                                   padding-left: 15px;
                                                   background: url(../img/ico/nav.png) 0px 5px no-repeat;
                      }
                      
                             .menuBox_Compare .in ul li a { float: left;
                                                            width: 224px;
                                                            font-size: 14px;
                                                            font-family: 'allerbold';
                                                            color: #565656;
                                                            line-height: 19px;
                             }
                             
                             .menuBox_Compare .in ul li a:hover { color: #0093dd;
                             }
                             
                             .menuBox_Compare .in ul li span { float: right;
                                                               width: 7px;
                                                               height: 7px;
                                                               margin-top: 6px;
                                                               text-indent: -20000px;
                                                               background: url(../img/ico/remove.png) 0px 0px no-repeat;
                                                               cursor: pointer;
                             }
                             
                             .menuBox_Compare .in ul li span:hover { opacity: 0.7;
                             }
              
              .menuBox_Compare .in .box-1 { float: left;
                                            width: 100%;
                                            text-align: center;
              }
              
                     .menuBox_Compare .in .box-1 .compare_now,
                     .menuBox_Compare .in .box-1 .compare_remove_all { margin: 0px 5px 5px;
                                                                       font-size: 13px;
                                                                       font-family: 'allerbold';
                                                                       color: #565656;
                     }
                     
                     .menuBox_Compare .in .box-1 .compare_now:hover,
                     .menuBox_Compare .in .box-1 .compare_remove_all:hover { color: #0093dd;
                     }
       
       /* /COMPARE */  
              
       
       /* DEFAULT */ 
       
       .menuBox_Deafult .in {}
       
              .menuBox_Deafult .in p { display: block;
                                       clear: both;
                                       font-size: 13px;
                                       color: #5A5A5A;
                                       line-height: 20px;
              }
       
       /* /DEFAULT */ 
       
       
       /* FILTERS */
       
       .menuBox_Filtrowanie .in {}
       
       .menuBox_Filtrowanie .filters { float: left;
                                       width: 100%;
       }
       
              .menuBox_Filtrowanie .filters_price,
              .menuBox_Filtrowanie .filter_option { float: left;
                                                    width: 100%;
                                                    margin-bottom: 20px;
                                                    padding-bottom: 10px;
                                                    border-bottom: 2px solid #E7E7E7;
              }
              
              .menuBox_Filtrowanie .filters_price { text-align: center;
              }
              
                     .menuBox_Filtrowanie .filters_price input,
                     .menuBox_Filtrowanie .filters_price label { display: inline-block;
                                                                 vertical-align: top;
                     }
                     
                     .menuBox_Filtrowanie .filters_price input { width: 48px;
                                                                 margin: 0px 5px;
                     }
                     
                     .menuBox_Filtrowanie .filters_price label { font-size: 13px;
                                                                 font-family: 'allerbold';
                                                                 color: #949494;
                                                                 line-height: 42px;
                     }
              
                     .menuBox_Filtrowanie .label { float: left;
                                                   width: 100%;
                                                   margin-bottom: 10px;
                                                   padding-bottom: 10px;
                                                   font-size: 18px;
                                                   font-family: 'allerbold';
                                                   color: #565656;
                                                   text-transform: uppercase;
                                                   text-align: left;
                                                   border-bottom: 2px solid #E7E7E7;
                                                   cursor: pointer;
                     }
                     
                     .menuBox_Filtrowanie .label:hover { color: #0093dd;
                     }
                     
                     .menuBox_Filtrowanie .option { float: left;
                                                    width: 100%;
                     }
                     
                            .menuBox_Filtrowanie .option div,
                            .menuBox_Filtrowanie .option div p { float: left;
                                                                 width: 100%;
                            }
                            
                                   .menuBox_Filtrowanie .option div p { margin-bottom: 5px;
                                   }
                                   
                                          .menuBox_Filtrowanie .option div p span,
                                          .menuBox_Filtrowanie .option div p input { float: left;
                                          }
                                          
                                          .menuBox_Filtrowanie .option div p input { margin-top: 2px;
                                                                                     margin-right: 5px;
                                          }
                                          
                                          .menuBox_Filtrowanie .option div p span { font-size: 12px;
                                                                                    font-family: 'allerbold';
                                                                                    color: #949494;
                                                                                    line-height: 15px;
                                                                                    cursor: pointer;
                                          }
                                          
                                          .menuBox_Filtrowanie .option div p span:hover { color: #565656;
                                                                                          text-decoration: underline;
                                          }
                                          
       .menuBox_Filtrowanie #nicebutton { float: left;
                                          width: 100%;
                                          text-align: center;
       }
       
              .menuBox_Filtrowanie #nicebutton input { width: 90px;
                                                       height: 25px;
                                                       margin: 0px auto 20px;
                                                       font-size: 11px;
                                                       font-family: 'allerbold';
                                                       color: #FFF;
                                                       text-transform: uppercase;
                                                       line-height: 25px;
                                                       background: #0093dd;
              }
              
              .menuBox_Filtrowanie #nicebutton input:hover { opacity: 0.7;
              }
                                          
                                                                                    
                                    
                                    

/* --------- /MENUBOX --------- */




/* PRODUCTS */

#lista_produktow { position: relative;
                   float: left;
                   width: 100%;
}

h1.header.main { display: none;
}

@media screen and (min-width: 1024px) {
    
h1.header.main { display: block;
} 

h1.header.secondary { display: none;
}
    
}

#lista_produktow.show_manufacturer {}

h1.header.manufacturer { margin-bottom: 20px;
}

.show_manufacturer h1.header.main { display: none;
}      

.manufacturer_desc { display: block;
                     clear: both;
                     margin-bottom: 10px;
                     padding: 20px;
                     font-size: 13px;
                     color: #565656;
                     line-height: 22px;
                     background: #FFF;
                     border: 3px solid #E7E7E7;
                     box-shadow: 0px 1px 2px 0px #E7E7E7;
}

#strona_glowna .text_article, #lista_produktow .text_article, #wyniki_szukania .text_article { display: block;
                                 clear: both;
                                 margin-bottom: 10px;
                                 padding: 20px;
                                 font-size: 13px;
                                 color: #565656;
                                 line-height: 22px;
                                 background: #FFF;
                                 border: 3px solid #E7E7E7;
                                 box-shadow: 0px 1px 2px 0px #E7E7E7;
}

.search_notice { display: block;
                   clear: both;
                   margin-bottom: 10px;
                   padding: 15px;
                   background: #F6F6F6;
                   border: 2px solid #E0E0E0;
                   box-shadow: 0px 2px 10px 0px #E7E7E7;
                   line-height: 18px;
}

@media screen and (min-width: 768px) {

.search_notice { padding: 15px 15px 15px 35px;
}

}

.productsOptions { display: block;
                   clear: both;
                   margin-bottom: 10px;
                   padding: 25px 15px 5px;
                   background: #F6F6F6;
                   border: 2px solid #E0E0E0;
                   box-shadow: 0px 2px 10px 0px #E7E7E7;
}

.productsOptions .in { display: inline-block;
                       width: 100%;
                       vertical-align: top;
}


       .productsOptions .sort { 
	   /* display: inline-table; */
                                clear: both;
       }
       
       @media screen and (min-width: 768px) {
           
       .productsOptions .sort { float: left;
                                width: 100%;
                               
                                display: inline-table;
       }    
       
       }
       
       @media screen and (min-width: 1024px) {
           
       .productsOptions .sort { 
           width: 85%;
           display: inline-table;
       }    
       
       }
       @media screen and (min-width: 1200px) {
           
       .productsOptions .sort { 
           width: 89%;
           display: inline-table;
       }    
       
       }
       
              .productsOptions .sort div { display: inline-block;
                                           width: 100%;
                                           margin-bottom: 15px;
                                           vertical-align: top;
              }
              
              @media screen and (min-width: 768px) {
                  
              .productsOptions .sort div { float: left;
                                           width: 50%;
              }    
                  
              }
              
              @media screen and (min-width: 1024px) {
                  
              .productsOptions .sort div { float: left;
                                           width: auto;
              }    
                  
              }
              
                     .productsOptions .sort label { display: inline-block;
                                                    margin-right: 10px;
                                                    font-size: 11px;
                                                    color: #989999;
                                                    line-height: 38px;
                                                    vertical-align: top;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     .productsOptions .sort label { float: left;
                                                    width: 80px;
                                                    margin-right: 10px;
                                                    text-align: right;
                     }   
                         
                     }
                     
                     .productsOptions .sort a.ui-selectmenu { display: inline-block;
                                                              vertical-align: top;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     .productsOptions .sort a.ui-selectmenu { float: left;
                     }    
                         
                     }
       
       .productsOptions .lists { display: none;
                                 float: right;
                                 height: 27px;
                                 margin-top: 6px;
       }
       
       @media screen and (min-width: 1024px) {
           
       .productsOptions .lists { display: block;
       }    
           
       }
       
              .productsOptions .lists a { float: left;
                                          width: 27px;
                                          height: 27px;
                                          margin-left: 5px;
              }
              
              .productsOptions .lists  a:hover { opacity: 0.7;
              }
              
              .productsOptions .lists a.l1 { background: url(../img/ico/lists.png) 0px 0px no-repeat;
              }
              
              .productsOptions .lists a.l2 { background: url(../img/ico/lists.png) -30px 0px no-repeat;
              }
              
              .productsOptions .lists a.l3 { background: url(../img/ico/lists.png) -60px 0px no-repeat;
              }
              
              .productsOptions .lists a.l1:hover,
              .productsOptions .lists a.l1.active { background-position: 0px -28px;
              }
              
              .productsOptions .lists a.l2:hover,
              .productsOptions .lists a.l2.active { background-position: -30px -28px;
              }
              
              .productsOptions .lists a.l3:hover,
              .productsOptions .lists a.l3.active { background-position: -60px -28px;
              }
       
       .productsOptions .filters { display: block;
                                   clear: both;
       }
       
       @media screen and (min-width: 768px) {
           
       .productsOptions .filters { display: inline-block;
                                   width: 100%;
       }    
           
       }
       
              .productsOptions .filters .switch { display: none;
                                                  float: right;
                                                  padding-right: 20px;
                                                  font-size: 14px;
                                                  font-family: 'allerbold';
                                                  color: #969696;
                                                  text-indent: -20000px;
                                                  line-height: 16px;
                                                  background: url(../img/ico/main.png) 100% 0px no-repeat;
              }
              
              @media screen and (min-width: 1024px) {
                  
              .productsOptions .filters .switch { display: block;
              }    
                  
              }
              
              .productsOptions .filters .switch:hover { opacity: 0.7;
              }
 
              .productsOptions .filters .switch.off { margin-bottom: 10px;
                                                      padding-right: 0px;
                                                      text-indent: 0px;
                                                      background: none;
              }
              
              .productsOptions .filters .in { display: inline-block;
                                              text-align: center;
                                              vertical-align: top;
              }
              
              @media screen and (min-width: 768px) {
                  
              .productsOptions .filters .in { float: left;
              }    
                  
              }
              
              @media screen and (min-width: 1024px) {
                  
              .productsOptions .filters .in { width: 100%;
              }    
                  
              }
              
                    .productsOptions .filters .in .options { float: left;
                                                             width: 100%;
                                                             margin: 20px 0px 10px;
                    }
                    
                    @media screen and (min-width: 1024px) {
                        
                    .productsOptions .filters .in .options { margin-top: 0px;
                                                             padding: 10px 0px;
                                                             border-top: 1px solid #E7E7E7;
                    }    
                        
                    }
                    
                    @media screen and (min-width: 1200px) {
                        
                    .productsOptions .filters .in .options { margin-bottom: 5px;
                                                             padding-bottom: 0px;
                    }    
                        
                    }
                           
                           .productsOptions .filters .in .option { overflow: hidden;
                                                                   float: left;
                                                                   width: 100%;
                                                                   height: 40px;
                                                                   margin-bottom: 10px;
                           }
                           
                           @media screen and (min-width: 768px) {
                               
                           .productsOptions .filters .in .option { width: 50%;
                           }    
                               
                           }
                           
                           @media screen and (min-width: 1024px) {
                               
                           .productsOptions .filters .in .option { width: 33%;
                           } 
                           
                           .productsOptions .filters .in .option:nth-child(3n+1) { clear: left;
                           }  
                           
                           .productsOptions .filters .in .option:nth-child(3n+3) { clear: right;
                           }   
                               
                           }
                           
                           .productsOptions .filters .in .option.search,
                           .productsOptions .filters .in .option.prices { height: 42px;
                           }
                           
                                  .productsOptions .filters .in .option label,
                                  .productsOptions .filters .in .option input,
                                  .productsOptions .filters .in .option a { display: inline-block;
                                                                            vertical-align: top;
                                  }
                                  
                                  @media screen and (min-width: 768px) {
                                      
                                  .productsOptions .filters .in .option label,
                                  .productsOptions .filters .in .option input,
                                  .productsOptions .filters .in .option a { float: left;
                                  }   
                                      
                                  }
                                  
                                  .productsOptions .filters .in label { width: 80px;
                                                                        margin-right: 10px;
                                                                        font-size: 11px;
                                                                        color: #989999;
                                                                        text-align: right;
                                                                        line-height: 40px;
                                  }
                                  
                                  .productsOptions .filters .in .option.search label,
                                  .productsOptions .filters .in .option.prices label { line-height: 42px;
                                  }
                                  
                                  .productsOptions .filters .in input { width: 158px;
                                  }
                                  
                                  @media screen and (min-width: 768px) {
                                      
                                  .productsOptions .filters .in input { width: 246px;
                                  }    
                                      
                                  }
                                  
                                  @media screen and (min-width: 1024px) {
                                      
                                  .productsOptions .filters .in input { width: 109px;
                                  }        
                                      
                                  }
                                  
                                  @media screen and (min-width: 1200px) {
                                      
                                  .productsOptions .filters .in input { width: 175px;
                                  }        
                                      
                                  }
                                  
                                  .productsOptions .filters .in input.small { width: 66px;
                                                                              text-align: center;
                                  }
                                  
                                  @media screen and (min-width: 768px) {
                                      
                                  .productsOptions .filters .in input.small { width: 107px;
                                                                              margin-right: 10px;
                                  } 
                                  
                                  .productsOptions .filters .in input.small:last-child { margin-right: 0px;
                                  }
                                      
                                  }
                                  
                                  @media screen and (min-width: 1024px) { 
                                  
                                  .productsOptions .filters .in input.small { width: 38px;
                                  }     
                                  
                                  }
                                  
                                  @media screen and (min-width: 1200px) { 
                                  
                                  .productsOptions .filters .in input.small { width: 71px;
                                  }     
                                  
                                  }
                                  
                                  .listFilters .in .options .option input.min { margin-right: 10px;
                                  }
                                  
                    .productsOptions .filters .in .chosen { display: none;
                                                            float: left;
                                                            width: 581px;
                                                            margin-bottom: 10px;
                                                            padding-left: 90px;
                                                            padding-bottom: 5px;
                                                            border-bottom: 1px solid #E7E7E7;
                    }
                    
                    @media screen and (min-width: 1024px) { 
                    
                    .productsOptions .filters .in .chosen { display: block;
                    }    
                    
                    }
                    
                    @media screen and (min-width: 1200px) { 
                    
                    .productsOptions .filters .in .chosen { width: 781px;
                    }    
                    
                    }
                     
                           .productsOptions .filters .in .chosen .option { overflow: hidden;
                                                                           float: left;
                                                                           width: 19%;
                                                                           height: 30px;
                                                                           padding: 0px 5px 0px 15px;
                                                                           margin-right: 1%;
                                                                           background: #7A7A7A;
                           }
                           
                                  .productsOptions .filters .in .chosen .option span { float: left;
                                                                                       max-width: 80%;
                                                                                       color: #FFF;
                                                                                       line-height: 30px;
                                  }
                                  
                                  .productsOptions .filters .in .chosen .option a { float: right;
                                                                                    width: 16px;
                                                                                    height: 16px;
                                                                                    margin-top: 7px;
                                                                                    background: url(../img/ico/main.png) 100% 0px no-repeat;
                                  }
                                  
                                  .productsOptions .filters .in .chosen .option a:hover { opacity: 0.7;
                                  }
                    
                    .productsOptions .filters .in .buttons { display: inline-block;
                                                             vertical-align: top;
                    }
                    
                    @media screen and (min-width: 768px) {
                        
                    .productsOptions .filters .in .buttons { float: right;
                    }    
                        
                    }
                    
                            .productsOptions .filters .in .buttons a { display: inline-block;
                                                                       margin: 0px 5px;
                                                                       vertical-align: top;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            .productsOptions .filters .in .buttons a { float: left;
                                                                       margin-left: 10px;
                                                                       margin-right: 0px;
                            }    
                                
                            }
                            
                            .productsOptions .filters .in .buttons a.clean { margin-top: 7px;
                                                                             padding-right: 20px;
                                                                             font-size: 14px;
                                                                             font-family: 'allerbold';
                                                                             color: #969696;
                                                                             line-height: 16px;
                                                                             background: url(../img/ico/main.png) 100% 0px no-repeat;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            .productsOptions .filters .in .buttons a.clean { margin-top: 13px;
                            }    
                                
                            }
                            
                            .productsOptions .filters .in .buttons a.clean:hover { color: #0093dd;
                            }
                            
                            .productsOptions .filters .in .buttons a.button { text-align: center;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            .productsOptions .filters .in .buttons a.button { width: 100px;
                                                                              height: 40px;
                                                                              font-size: 13px;
                                                                              text-transform: none;
                                                                              line-height: 40px;
                                                                              border-bottom: 2px solid #85B516;
                            }   
                                
                            }

                     .productsOptions ul { display: block;
                                           position: relative;
                                           clear: both;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     .productsOptions ul { float: left;
                                           clear: none;
                                           max-width: 65%;
                     }    
                         
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     .productsOptions ul { float: left;
                                           clear: none;
                                           max-width: 80%;
                                           margin-top: 10px;
                     }    
                         
                     }
                     
                            .productsOptions ul li { display: inline-block;
                                                     margin: 0px 10px 10px;
                                                     vertical-align: top;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            .productsOptions ul li { float: left;
                                                     margin: 0px 10px 0px 0px;
                            }    
                                
                            }
                            
                                    .productsOptions ul li a { float: left;
                                                               padding-left: 15px;
                                                               font-size: 13px;
                                                               color: #9E9E9E;
                                                               line-height: 15px;
                                    }
                                    
                                    .productsOptions ul li.order_by_a-z a,
                                    .productsOptions ul li.order_by_min-max a { background: url(../img/ico/down.png) 0px center no-repeat;
                                    }
                                    
                                    .productsOptions ul li.order_by_z-a a,
                                    .productsOptions ul li.order_by_max-min a { background: url(../img/ico/up.png) 0px center no-repeat;
                                    }
                                    
                                    .productsOptions ul li a:hover { color: #0093dd;
                                    }




.pagination { display: block;
              width: 100%;
              margin-bottom: 5px;
              text-align: center;
}

@media screen and (min-width: 1200px) {

.pagination { float: right;
              width: auto;
}  
    
}

       .pagination a,
       .pagination span { display: inline-block;
                          overflow: hidden;
                          margin: 0px 3px 5px;
                          font-size: 11px;
                          font-family: 'allerbold';
                          color: #969696;
                          text-align: center;
                          line-height: 18px;
                          background: #FFF;
                          vertical-align: top;
       }
       
       @media screen and (min-width: 768px) {
           
       .pagination a,
       .pagination span { font-size: 14px;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       .pagination a,
       .pagination span { float: left;
                          margin: 0px 0px 5px 5px;
       }    
           
       }
       
       .pagination a.page,
       .pagination span { width: 18px;
                          height: 18px;
                          border: 1px solid #E0E0E0;
       }
       
       @media screen and (min-width: 768px) {
           
       .pagination a.page,
       .pagination span { width: 36px;
                          height: 36px;
                          line-height: 36px;
       }    
           
       }
       
       .pagination a.current,
       .pagination a.page:hover { color: #FFF;
                                  background: #444;
       }
       
       .pagination a.prevPage,
       .pagination a.nextPage { width: 9px;
                                height: 9px;
                                margin-top: 5px;
                                text-indent: -20000px;
       }
       
       .pagination a.prevPage { background: url(../img/ico/quan.png) 0px 0px no-repeat;
       }
       
       .pagination a.nextPage { background: url(../img/ico/quan.png) 0px -9px no-repeat;
       }
       
       @media screen and (min-width: 768px) {
           
       .pagination a.prevPage,
       .pagination a.nextPage { width: auto;
                                height: 36px;
                                margin-top: 0px;
                                padding: 0px 15px;
                                text-indent: 0px;
                                line-height: 36px;
                                background: #FFF;
                                border: 1px solid #E0E0E0;
       }    
           
       }
       
       .pagination a.prevPage:hover,
       .pagination a.nextPage:hover { opacity: 0.7;
       }
       
       @media screen and (min-width: 768px) {
           
       .pagination a.prevPage:hover,
       .pagination a.nextPage:hover { color: #FFF;
                                      background: #444;
                                      opacity: 1;
       }    
           
       }
       
#lista_produktow h1.header {}    

       #lista_produktow h1.header span.hp { display: none;
       } 
       
       #strona_glowna h1.header span.category { display: none;
       } 
       
ul#categories { position: relative;
                float: left;
                width: 100%;
                text-align: center;
} 

       ul#categories li { display: inline-block;
                          overflow: hidden;
                          width: 267px;
                          height: 220px;
                          margin: 0px 5px 20px;
                          padding: 15px 10px;
                          background: #FFF;
                          vertical-align: top;
                          border: 2px solid #E7E7E7;
       }
       
       @media screen and (min-width: 1200px) {
           
       ul#categories li { float: left;
                          margin: 0px 16px 20px 0px;
       }  
       
       ul#categories li:nth-child(3n+3) { margin-right: 0px;
       }
           
       }
       
              ul#categories li .name { position: relative;
                                       overflow: hidden;
                                       float: left;
                                       width: 100%;
                                       height: 40px;
                                       margin-bottom: 10px;
              }
              
                     ul#categories li .name a { display: block;
                                                padding: 0px 10px;
                                                font-size: 16px;
                                                font-family: 'allerbold';
                                                color: #565656;
                                                line-height: 20px;
                     }
                     
                     ul#categories li .name a:hover { color: #0093dd;
                     }
              
              ul#categories li .image { display: table;
                                        position: relative;
                                        overflow: hidden;
                                        float: left;
                                        width: 100%;
                                        height: 120px;
                                        margin-bottom: 10px;
              }
              
                     ul#categories li .image a { }
                     
                            ul#categories li .image a img { max-width: 267px;
                                                            max-height: 120px;
                            }
                     
                     ul#categories li .image a:hover { }
              
              ul#categories li .count { position: relative;
                                        overflow: hidden;
                                        float: left;
                                        width: 100%;
                                        height: 40px;
                                        font-size: 13px;
                                        font-weight: 700;
                                        color: #FFF;
                                        line-height: 40px;
                                        background: #0093dd;
              }
       

ul.productsList { display: block;
                  position: relative;
                  overflow: hidden;
                  float: left;
                  width: 100%;
}

       ul.productsList li { position: relative;
                            display: block;
                            clear: both;
                            height: 410px;
                            margin: 0px 0px 20px;
                            text-align: left;
                            background: #FFF;
                            border: 3px solid #E7E7E7;
       }
       
       ul.productsList li.show_net_price { height: 425px;
       }
       
       ul.productsList li.dont_show_price { height: 357px;
       }
       
       @media screen and (min-width: 768px) {
           
       ul.productsList li { display: inline-block;
                            clear: none;
                            height: 235px;
                            margin-bottom: 10px;
       }    
       
       ul.productsList li.show_net_price { height: 250px;
       }
           
       }
       
       @media screen and (min-width: 1024px) {
           
       ul.productsList li { width: 293px;
                            height: 408px;
                            margin: 0px 25px 20px;
                            vertical-align: top;
       }    
       
       ul.productsList li.show_net_price { height: 423px;
       }
       
       ul.productsList li.dont_show_price { height: 355px;
       }
           
       }
       
       @media screen and (min-width: 1200px) {
           
       ul.productsList li { float: left;
                            margin: 0px 4px 10px 0px;
       }   
       
       ul.productsList li:nth-child(3n+3) { margin-right: 0px;
       }
           
       }
       
              ul.productsList li .content { display: inline-block;
                                            position: relative;
                                            width: 100%;
                                            vertical-align: top;
              }
              
              @media screen and (min-width: 768px) { 
              
              ul.productsList li .content { height: 145px;
                                            padding: 15px 0px;
              }
              
              }
              
              @media screen and (min-width: 1024px) { 
              
              ul.productsList li .content { height: auto;
                                            padding: 0px 0px;
              }
              
              }
              
                     ul.productsList li .image { display: table;
                                                 table-layout: fixed;
                                                 position: relative;
                                                 overflow: hidden;
                                                 float: left;
                                                 width: 100%;
                                                 height: 220px;
                                                 margin: 65px 0px 10px;
                                                 z-index: 1;
                     }
                     
                     @media screen and (min-width: 768px) { 
                     
                     ul.productsList li .image { width: 25%;
                                                 height: 145px;
                                                 margin: 0px;
                     }    
                     
                     }
                     
                     @media screen and (min-width: 1024px) { 
                     
                     ul.productsList li .image { width: 100%;
                                                 height: 220px;
                                                 margin: 65px 0px 10px;
                     }    
                     
                     }
                     
                            ul.productsList li .image a {}
                            
                                   ul.productsList li .image a img { max-width: 100%;
                                                                     max-height: 220px;
                                   }
                                   
                                   @media screen and (min-width: 768px) { 
                                   
                                   ul.productsList li .image a img { max-height: 145px;
                                   }    
                                   
                                   }
                                   
                                   @media screen and (min-width: 1024px) { 
                                   
                                   ul.productsList li .image a img { max-height: 220px;
                                   }    
                                   
                                   }
                                   
                     ul.productsList li .name.new, ul.productsList li .name.promo {
                         margin-left: 43px;
                         margin-right: 43px;
                         width: 70%;                                        
                     }                                   
                     
                     ul.productsList li .name { 
                     }
                     
                     @media screen and (min-width: 768px) { 
                     
                     ul.productsList li .name { 
                     }
                         
                     }
                     
                     @media screen and (min-width: 1024px) { 
                     
                     ul.productsList li .name { 
                     }
                                             
                     }
                     
                              ul.productsList li .name a { display: block;
                                                           padding: 0px 10px;
                                                           font-size: 16px;
                                                           font-family: 'allerbold';
                                                           color: #565656;
                                                           line-height: 20px
                              }
                              
                              @media screen and (min-width: 768px) { 
                              
                              ul.productsList li .name a { padding: 0px;
                              }
                                  
                              }
                              
                              @media screen and (min-width: 1024px) { 
                              
                              ul.productsList li .name a { padding: 0px 10px;
                              }
                                  
                              }
                              
                              ul.productsList li .name a:hover { color: #0093dd;
                              }
                              
                     ul.productsList li .manufacturer { display: none;
                                                        overflow: hidden;
                                                        float: left;
                                                        height: 20px;
                                                        margin-left: 2%;
                     } 
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.productsList li .manufacturer { display: block;
                     }     
                         
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     ul.productsList li .manufacturer { display: none;
                     }     
                         
                     }
                     
                            ul.productsList li .manufacturer span,
                            ul.productsList li .manufacturer a { float: left;
                                                                 font-size: 14px;
                                                                 font-family: 'allerbold';
                                                                 color: #9E9E9E;
                                                                 line-height: 20px;
                            }
                            
                            ul.productsList li .manufacturer a { margin-left: 5px;
                            }
                            
                            ul.productsList li .manufacturer a:hover { color: #0093dd;
                            }
                     
                     ul.productsList li .prices { overflow: hidden;
                                                  width: 90%;
                                                  height: 40px;
                                                  margin: 0px 5% 10px;
                     }
                     
                     ul.productsList li.show_net_price .prices { height: 55px;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.productsList li .prices { float: right;
                                                  width: auto;
                                                  height: 40px;
                                                  margin: 0px 10% 15px;
                     }    
                     
                     ul.productsList li.show_net_price .prices { height: 55px;
                     }
                         
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     ul.productsList li .prices { width: 90%;
                                                  height: 40px;
                                                  margin: 0px 5% 10px;
                     }    
                     
                     ul.productsList li.show_net_price .prices { height: 55px;
                     }
                         
                     }
                     
                            ul.productsList li .prices .price { display: inline-block;
                                                                vertical-align: top;
                            }
                            
                            @media screen and (min-width: 768px) { 
                            
                            ul.productsList li .prices .price { float: left;
                            }
                            
                            }
                            
                            ul.productsList li .prices .promo { float: left;
                                                                height: 40px;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.productsList li .prices .promo { margin-right: 0px;
                            }    
                                
                            }
                            
                                   ul.productsList li .prices .promo span { display: block;
                                                                            color: #949494;
                                                                            text-align: left
                                   }
                                   
                                   ul.productsList li .prices .promo .label { font-size: 11px;
                                                                              line-height: 14px;
                                   }
                                   
                                   ul.productsList li .prices .promo .value { font-size: 13px;
                                                                              text-decoration: line-through;
                                                                              line-height: 26px;
                                   }
                                   
                                   ul.productsList li .prices .promo .value_netto { font-size: 11px;
                                                                                    line-height: 14px;
                                   }
                                   
                            ul.productsList li .prices .main { float: right;
                                                               height: 40px;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.productsList li .prices .main { height: 30px;
                            }    
                                
                            }
                            
                                   ul.productsList li .prices .main span { display: block;
                                   }
                                   
                                   ul.productsList li .prices .main .label { line-height: 12px;
                                   }
                            
                                   ul.productsList li .prices .main .value { font-size: 18px;
                                                                             font-family: 'allerbold';
                                                                             color: #565656;
                                                                             line-height: 28px;
                                   }
                                   
                                   ul.productsList li .prices .main .value_netto { font-size: 11px;
                                                                                   line-height: 14px;
                                                                                   text-align: right;
                                                                                   color: #949494;
                                   }
                                   
                                   @media screen and (min-width: 1024px) { 
                                   
                                   ul.productsList li .prices .main .value { font-weight: 500;
                                   }    
                                   
                                   }
                                   
                     ul.productsList li .fastView { display: none;
                     }
                     
                     ul.productsList li .about { overflow: hidden;
                                                 width: 100%;
                                                 height: 60px;
                                                 margin-top: 2px;
                                                 background: #FAFAFA;
                                                 border-top: 1px solid #E7E7E7;
                     }
                     
                     ul.productsList li.dont_show_price .about { text-align: center;
                     }
                     
                     ul.productsList li.dont_show_price .about .more { width: 100%;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.productsList li .about { height: 59px;
                                                 margin-top: 0px;
                     }    
                         
                     }
                     
                             ul.productsList li .about .more { float: left;
                                                               height: 20px;
                                                               margin: 20px 0px 20px 10px;
                                                               color: #A6A6A6;
                                                               line-height: 20px;
                             }
                             
                             @media screen and (min-width: 768px) { 
                             
                             ul.productsList li .about .more { float: right;
                                                               height: 40px;
                                                               margin: 8px 10px 9px 0px;
                                                               padding: 0px 50px;
                                                               font-size: 14px;
                                                               font-family: 'allerbold';
                                                               color: #FFF;
                                                               text-transform: uppercase;
                                                               line-height: 42px;
                                                               background: #8A8A8A url(../img/ico/label.png) 90% 10px no-repeat;
                                                               border-bottom: 2px solid #5B5B5B;
                             }    
                             
                             ul.productsList li.dont_show_price .about .more { width: auto;
                             }
                             
                             }
                             
                             @media screen and (min-width: 1024px) { 
                             
                             ul.productsList li .about .more { float: left;
                                                               height: 20px;
                                                               margin: 20px 0px 20px 10px;
                                                               padding: 0px 0px;
                                                               font-size: 12px;
                                                               font-weight: 500;
                                                               color: #A6A6A6;
                                                               text-transform: none;
                                                               line-height: 20px;
                                                               background: none;
                                                               border-bottom: none;
                                                               border-radius: 0px;
                             }    
                             
                             ul.productsList li.dont_show_price .about .more { width: 100%;
                             }
                             
                             }
                             
                             ul.productsList li .about .more:hover { color: #0093dd;
                             }
                             
                             @media screen and (min-width: 768px) {
                                 
                             ul.productsList li .about .more:hover { color: #FFF;
                                                                     opacity: 0.7;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 768px) {
                                 
                             ul.productsList li .about .more:hover { color: #0093dd;
                                                                     opacity: 1;
                             }    
                                 
                             }
                             
                             ul.productsList li .about .buy { float: right;
                                                              width: 113px;
                                                              height: 40px;
                                                              margin: 10px 10px 10px 0px;
                             }
                             
                             @media screen and (min-width: 768px)  {
                                 
                             ul.productsList li .about .buy { width: auto;
                                                              height: 42px;
                                                              margin: 8px 10px 9px 0px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1024px)  {
                                 
                             ul.productsList li .about .buy { width: 113px;
                                                              height: 40px;
                                                              margin: 10px 10px 10px 0px;
                             }    
                                 
                             }
                             
                                     ul.productsList li .about .buy a { display: block;
                                                                        height: 40px;
                                                                        padding: 0px 10px;
                                                                        font-size: 13px;
                                                                        font-family: 'allerbold';
                                                                        color: #FFF;
                                                                        line-height: 40px;
                                                                        background: #0093dd url(../img/ico/cart.png) 92% center no-repeat;
                                                                        
                                     }
                                     
                                     @media screen and (min-width: 768px) { 
                                    
                                     ul.productsList li .about .buy a { padding: 0px 40px 0px 10px;
                                                                        font-size: 14px;
                                                                        color: #FFF;
                                                                        text-transform: uppercase;
                                                                        line-height: 42px;
                                                                        background: #0093dd url(../img/ico/cart.png) 90% center no-repeat;
                                                                        border-bottom: 2px solid #85B516;
                                     }    
                                     
                                     }
                                     
                                     @media screen and (min-width: 1024px) { 
                                    
                                     ul.productsList li .about .buy a { padding: 0px 10px;
                                                                        font-size: 13px;
                                                                        font-family: 'allerbold';
                                                                        color: #FFF;
                                                                        text-transform: none;
                                                                        line-height: 40px;
                                                                        background: #0093dd url(../img/ico/cart.png) 92% center no-repeat;
                                                                        border-bottom: none;
                                     }    
                                     
                                     }
                                     
                                     ul.productsList li .about .buy a.abuy:hover { background-color: #3591D0;
                                     }
                             
                                     ul.productsList li .about .buy a.dbuy { opacity: 0.5;
                                                                             cursor: default;
                                     }
                                     
                              ul.productsList li .about .quan { position: relative;
                                                                overflow: hidden;
                                                                float: right;
                                                                width: 42px;
                                                                height: 40px;
                                                                margin-top: 10px;
                                                                margin-right: 5px;
                              }
                              
                                     ul.productsList li .about .quan input { float: left;
                                                                             width: 28px;
                                                                             height: 38px;
                                                                             padding: 0px 5px;
                                                                             text-align: center;
                                     }
                                     
              ul.productsList li .delivery { position: absolute;
                                             top: 115px;
                                             left: 0px;
                                             width: 40px;
                                             height: 122px;
                                             background: url(../img/products/labels.png) 0px 0px no-repeat;
                                             z-index: 5;
              }
              
              @media screen and (min-width: 768px) {
                  
              ul.productsList li .delivery { top: 28px;
              }    
                  
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.productsList li .delivery { top: 115px;
              }    
                  
              }
              
              ul.productsList li .bestseller,
              ul.productsList li .promotion,
              ul.productsList li .new_product { position: absolute;
                                                top: -2px;
                                                right: -2px;
                                                width: 72px;
                                                height: 72px;
                                                z-index: 5;
              }
              
              ul.products_list li .bestseller,
              ul.products_list li .new_product,
              ul.products_list li .promotion { position: absolute;
                                               top: -2px;
                                               right: -2px;
                                               width: 72px;
                                               height: 72px;
                                               z-index: 5;
              }
              
              ul.productsList li .bestseller,
              ul.products_list li .bestseller { background: url(../img/products/labels.png) -78px -150px no-repeat;
              }
              
              ul.productsList li .new_product,
              ul.products_list li .new_product { background: url(../img/products/labels.png) -78px 0px no-repeat;
              }
              
              ul.productsList li .promotion,
              ul.products_list li .promotion { background: url(../img/products/labels.png) -78px -78px no-repeat;
              }
       
       
       
/*              
                           
                     
                            
                            
                            
              
              ul.productsList li .fastView { display: none;
                                             position: absolute;
                                             top: 260px;
                                             left: 0px;
                                             overflow: hidden;
                                             width: 100%;
                                             height: 30px;
                                             font-size: 12px;
                                             color: #FFF;
                                             text-align: center;
                                             line-height: 30px;
                                             background: #000;
                                             z-index: 100;
                                             cursor: pointer;
              }
              
                     ul.productsList li .fastView:hover { opacity: 0.7;
                     }
              
              ul.productsList li:hover .fastView { display: block;
              }
              
                             
              
              
              */
              
              
              
              
ul.products_list { display: block;
                   position: relative;
                   overflow: hidden;
                   width: 100%;
                   margin-bottom: 30px;
}

       ul.products_list li { display: none;
                             position: relative;
                             float: left;
                             width: 699px;
                             height: 300px;
                             margin-bottom: 10px;
                             background: #FFF;
                             border: 3px solid #E7E7E7;
       }
       
       @media (min-width: 1024px) {
           
       ul.products_list li { display: block;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       ul.products_list li { width: 899px;
       }
              
       }
       
              ul.products_list li .top { float: left;
                                         width: 100%;
                                         height: 240px;
              }    
              
                     ul.products_list li .top .image { display: table;
                                                       position: relative;
                                                       overflow: hidden;
                                                       float: left;
                                                       width: 240px;
                                                       height: 240px;
                     }
                     
                            ul.products_list li .top .image a { display: table-cell;
                                                                width: 100%;
                                                                height: 100%;
                                                                text-align: center;
                                                                vertical-align: middle;
                            }
                            
                                   ul.products_list li .top .image a img { max-width: 240px;
                                                                           max-height: 240px;
                                   }
                                   
                            ul.products_list li .top .image a:hover { opacity: 0.7;
                            }
                     
                     ul.products_list li .top .content { float: right;
                                                         overflow: hidden;
                                                         width: 400px;
                                                         height: 240px;
                                                         margin: 0px 29px 0px 30px;
                     }
                     
                     @media screen and (min-width: 1200px) {
                         
                     ul.products_list li .top .content { width: 600px;
                     }    
                         
                     }
                     
                            ul.products_list li .top .content .prices { position: relative;
                                                                        width: 100%;
                                                                        height: 40px;
                                                                        margin: 15px 0px;
                                                                        text-align: right;
                                                                        z-index: 10;
                            }
                                   ul.products_list li .top .content .prices div.price.main,
                                   ul.products_list li .top .content .prices div.price.promo,
                                   ul.products_list li .top .content .prices span { display: inline-block;
                                                                                    color: #565656;
                                   }
                                   
                                   ul.products_list li .top .content .prices div.price.main,
                                   ul.products_list li .top .content .prices div.price.promo { margin-right: 20px;
                                   }
                                   
                                   ul.products_list li .top .content .prices span.label { margin-right: 10px;
                                                                                        font-size: 12px;
                                                                                        color: #8F8F8F;
                                                                                        line-height: 40px;
                                   }
                                   
                                   ul.products_list li .top .content .prices price.main span.value.main {
                                                                                        text-decoration: none;
                                   }
                                   
                                   ul.products_list li .top .content .prices span.main { font-size: 30px;
                                                                                         font-family: 'allerbold';
                                                                                         line-height: 40px;
                                   }
                                   
                                          ul.products_list li .top .content .prices div.price.main span,
                                          ul.products_list li .top .content .prices div.price.promo span { display: block;
                                          }
                                          
                                          ul.products_list li .top .content .prices div.price.main span.label,
                                          ul.products_list li .top .content .prices div.price.promo span.label { font-size: 12px;
                                                                                                         color: #8F8F8F;
                                                                                                         line-height: 14px;
                                                                                                         text-align: left;
                                          }
                                          
                                          ul.products_list li .top .content .prices div.price.main span.value { font-size: 24px;
                                                                                                         line-height: 26px;
                                          }
                                          ul.products_list li .top .content .prices div.price.promo span.value { font-size: 24px;
                                                                                                         text-decoration: line-through;
                                                                                                         line-height: 26px;
                                          }
                            
                            ul.products_list li .top .content .name { overflow: hidden;
                                                                      width: 100%;
                                                                      height: 30px;
                                                                      margin-bottom: 15px;
                            }
                            
                                   ul.products_list li .top .content .name a { display: block;
                                                                               font-size: 18px;
                                                                               font-family: 'allerbold';
                                                                               color: #565656;
                                                                               line-height: 30px;
                                   }
                                   
                                   ul.products_list li .top .content .name a:hover { color: #0093dd;
                                   }
                            
                            ul.products_list li .top .content .desc { overflow: hidden;
                                                                      width: 100%;
                                                                      max-height: 100px;
                                                                      margin-bottom: 15px;
                            }
                            
                                   ul.products_list li .top .content .desc a { display: block;
                                                                               font-size: 14px;
                                                                               color: #939393;
                                                                               line-height: 20px;
                                   }
                                   
                                   ul.products_list li .top .content .desc a:hover { color: #0093dd;
                                   }
                            
                                          ul.products_list li .top .content .desc a br { display: none;
                                          }
                                   
                            ul.products_list li .top .content .manufacturer { width: 100%;
                            }
                            
                                   ul.products_list li .top .content .manufacturer span,
                                   ul.products_list li .top .content .manufacturer a { display: inline-block;
                                                                                       font-size: 14px;
                                                                                       color: #939393;
                                                                                       font-family: 'allerbold';
                                   }
                                   
                                   ul.products_list li .top .content .manufacturer span { margin-right: 5px;
                                   }
                                   
                                   ul.products_list li .top .content .manufacturer a:hover { color: #0093dd;
                                   }
              
              ul.products_list li .bottom { float: left;
                                            width: 699px;
                                            height: 59px;
                                            background: #FAFAFA;
                                            border-top: 1px solid #E7E7E7;
              }
              
              @media screen and (min-width: 1200px) {
                  
              ul.products_list li .bottom { width: 899px;
              }    
                  
              }
              
                     ul.products_list li .bottom .left { float: left;
                                                         height: 19px;
                                                         margin-top: 20px;
                                                         margin-left: 15px;
                     }
                     
                            ul.products_list li .bottom .left a { display: inline-block;
                                                                  margin-right: 20px;
                                                                  padding-left: 20px;
                                                                  color: #565656;
                                                                  line-height: 19px;
                                                                  
                            }
                            
                            ul.products_list li .bottom .left a.storage_add { background: url(../img/products/links.png) 0px 4px no-repeat;
                            }
                            
                            ul.products_list li .bottom .left a.compare_add { background: url(../img/products/links.png) 0px -14px no-repeat;
                            }
                            
                            ul.products_list li .bottom .left a:hover { color: #0093dd;
                            }
                     
                     ul.products_list li .bottom .right { float: right;
                                                          margin-right: 15px;
                     }
                     
                            ul.products_list li .bottom .right a.more,
                            ul.products_list li .bottom .right .quan,
                            ul.products_list li .bottom .right .buy { float: right;
                            }
                            
                            ul.products_list li .bottom .right a.more { margin-top: 22px;
                                                                        margin-right: 15px;
                                                                        color: #565656;
                                                                        line-height: 15px;
                            }
                            
                            ul.products_list li .bottom .right .quan { width: 42px;
                                                                       height: 40px;
                                                                       margin-top: 7px;
                                                                       margin-right: 5px;
                            }
                            
                                   ul.products_list li .bottom .right .quan input { float: left;
                                                                                    width: 28px;
                                                                                    height: 38px;
                                                                                    padding: 0px 5px;
                                                                                    text-align: center;
                                   }
                            
                            ul.products_list li .bottom .right a.more:hover { color: #0093dd;
                            }
                            
                            ul.products_list li .bottom .right .buy { width: 133px;
                                                                      height: 40px;
                                                                      margin-top: 7px;
                            }
                            
                                    ul.products_list li .bottom .right .buy a { display: block;
                                                                                width: 113px;
                                                                                height: 40px;
                                                                                padding: 0px 10px;
                                                                                font-size: 13px;
                                                                                font-family: 'allerbold';
                                                                                color: #FFF;
                                                                                line-height: 40px;
                                                                                background: #0093dd url(../img/ico/cart.png) 95% center no-repeat;
                                                                                
                                    }
                                    
                                    ul.products_list li .bottom .right .buy a.dbuy { opacity: 0.5;
                                                                                     cursor: default;
                                    }
                                    
                                    ul.products_list li .bottom .right .buy a.abuy:hover { opacity: 0.7;
                                    }
                                    
                                    
ul.product_list { display: block;
                  position: relative;
                  float: left;
                  width: 701px;
                  margin-bottom: 30px;
                  background: #FFF;
                  border: 2px solid #E0E0E0;
                  box-shadow: 0px 2px 10px 0px #E7E7E7;
                  -moz-box-shadow: 0px 2px 10px 0px #E7E7E7;
                  -webkit-box-shadow: 0px 2px 10px 0px #E7E7E7;
}

@media screen and (min-width: 1200px) {
    
ul.product_list { width: 901px;
}   
    
}

        ul.product_list li { overflow: hidden;
                             float: left;
                             width: 671px;
                             padding: 5px 15px;
        }
        
        @media screen and (min-width: 1200px) {
            
        ul.product_list li { width: 871px;
        }    
            
        }
        
                ul.product_list li .name { float: left;
                                           max-width: 350px;
                }
                
                @media screen and (min-width: 1200px) {
                    
                ul.product_list li .name { max-width: 550px;
                }    
                    
                }
                
                ul.product_list li .price { float: right;
                                            min-width: 100px;
                                            margin-right: 30px;
                                            text-align: center;
                }
                
                ul.product_list li .options { float: right;
                                              width: 90px;
                                              margin-left: 60px;
                                              text-align: center;
                }
        
        ul.product_list li.head { height: 40px;
        }
        
               ul.product_list li.head div { font-size: 13px;
                                             font-family: 'allerbold';
                                             color: #969696;
                                             line-height: 30px;
               }
        
        ul.product_list li.item { margin-bottom: 5px;
                                  background: #F6F6F6;
                                  border-top: 1px solid #E0E0E0;
                                  border-bottom: 1px solid #E0E0E0;
        }
        
               ul.product_list li.item .name { display: table;
                                               table-layout: fixed;
                                               height: 50px;
               }
               
                      ul.product_list li.item .name a { display: table-cell;
                                                        width: 100%;
                                                        height: 100%;
                                                        font-size: 12px;
                                                        font-family: 'allerbold';
                                                        color: #565656;
                                                        line-height: 15px;
                                                        vertical-align: middle;
                      }
                      
                             ul.product_list li.item .name a span { display: inline-block;
                             }
                      
                      ul.product_list li.item .name a:hover { color: #0093dd;
                      }
                      
               ul.product_list li.item .price { display: table;
                                                height: 50px;
               }
               
                      ul.product_list li.item .price .in { display: table-cell;
                                                           height: 100%;
                                                           font-size: 24px;
                                                           font-family: 'allerbold';
                                                           color: #565656;
                                                           text-align: center;
                                                           vertical-align: middle;
                      }
                      
                             ul.product_list li.item .price .in span { display: block;
                                                                       font-size: 12px;
                                                                       font-weight: normal;
                                                                       color: #969696;
                                                                       text-decoration: line-through;
                             }
                             
                             ul.product_list li.item .price .in span.value_netto {
                                 text-decoration: none;
                             }
               
               ul.product_list li.item .options { margin-top: 5px;
               }
               
                      ul.product_list li.item .options a { float: left;
                                                           width: 40px;
                                                           height: 40px;
                      }
                      
                      ul.product_list li.item .options a.more { margin-right: 10px;
                                                                background: url(../img/ico/storage.png) 0px 0px no-repeat;
                      }
                      
                      ul.product_list li.item .options a.abuy,
                      ul.product_list li.item .options a.dbuy { background: url(../img/ico/storage.png) 0px -40px no-repeat;
                      }
                      
                      ul.product_list li.item .options a.dbuy { cursor: default;
                                                                opacity: 0.5;
                      }
                      
                      ul.product_list li.item .options a.more:hover,
                      ul.product_list li.item .options a.abuy:hover { opacity: 0.7;
                      }
              

/* /PRODUCTS */





/* PRODUCT */

#div_id_show_product #mc { margin-top: 0px;
}

@media screen and (min-width: 1024px) {
    
#div_id_show_product #mc { margin-top: 20px;
} 
    
}

#div_id_show_product #ls { display: none;
}

#div_id_show_product #ms { width: 100%;
}

#strona_produktu .text_article {
    display: block;
    clear: both;
    margin-bottom: 10px;
    padding: 20px;
    font-size: 13px;
    color: #565656;
    line-height: 22px;
    background: #FFF;
    border: 3px solid #E7E7E7;
    box-shadow: 0px 1px 2px 0px #E7E7E7;
}

#strona_produktu { position: relative;
                   float: left;
                   width: 100%;
}

#strona_produktu h1.header.category { display: none;
}

@media screen and (min-width: 1024px) {
    
#strona_produktu h1.header.category { display: block;
}    
    
}

#strona_produktu #product { position: relative;
}

@media screen and (min-width: 1024px) {
 
#strona_produktu #product { width: 974px;
}    
    
}

@media screen and (min-width: 1200px) {
 
#strona_produktu #product { width: 1174px;
}    
    
}

        #product h2.prodname { position: relative;
                               float: none !important;
                               width: 100%;
                               text-align: center !important;
                               margin-bottom: 30px;
                               font-size: 30px;
                               font-weight: 700;
                               color: #010101;
                               text-align: left;
                               line-height: 35px;
        }   
        
        @media screen and (min-width: 1024px) {
            
        #product h2.prodname { display: none;
        }    
            
        }

        #product .images { position: relative;
                           float: left;
                           width: 100%;
                           padding-bottom: 30px;
                           border-bottom: 1px solid #E7E7E7;
        }
        
        @media screen and (min-width: 1024px) { 
        
        #product .images { width: 385px;
                           margin-top: 10px;
                           padding-bottom: 0px;
                           border-bottom: none;
        }
        
        }
        
        @media screen and (min-width: 1200px)  {
            
        #product .images { width: 540px;
        }    
            
        }
        
               #product .images .image { display: table;
                                         position: relative;
                                         /* overflow: hidden; */
                                         float: left;
                                         width: 100%;
                                         min-height: 400px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .images .image { width: 100%;
               }   
                   
               }
               
               @media screen and (min-width: 1200px) {
                   
               #product .images .image { 
                /*width: 100%;*/
                /* width: 200%; */
               }      
                   
               }
               
                      #product .images .image a {}
                      
                             #product .images .image a img { max-width: 100%;
                                                             max-height: 400px;
                             }
                             
                             @media screen and (min-width: 1024px) {
                                 
                             #product .images .image a img { max-width: 100%;
                                                             max-height: 385px;
                             }   
                                 
                             }
                             
                             @media screen and (min-width: 1200px) {
                                 
                             #product .images .image a img { 
                              /*max-width: 100%;*/
                                  max-width: 485px;
                                                             max-height: 485px;
                                                             display: table;
                                                             margin: 0 auto;
                             }   
                                 
                             }
                      
                      #product .images .image a:hover {}
                      
               #product .images .delivery { position: absolute;
                                            top: 115px;
                                            left: 0px;
                                            width: 40px;
                                            height: 122px;
                                            background: url(../img/products/labels.png) 0px 0px no-repeat;
                                            z-index: 5;
               }   
               
               @media screen and (min-width: 1200px) {
                   
               #product .images .delivery { top: 300px;
               }
                   
               }
               
               #product .images .bestseller,
               #product .images .new_product,
               #product .images .promotion { position: absolute;
                                             top: 0px;
                                             right: 29px;
                                             width: 72px;
                                             height: 72px;
                                             z-index: 64455;
											 
               }
               
               #product .images .new_product { background: url(../img/products/labels.png) -78px 0px no-repeat;
               }
               
               #product .images .promotion { background: url(../img/products/labels.png) -78px -78px no-repeat;
               }
               
               #product .images #thumbs { position: relative;
                                          float: left;
                                          width: 100%;
                                          height: 120px;
                                          display: block;
                                          margin-top: 5px;
               }
               
                      #thumbs .jcarousel-container { position: relative;
                                                     float: left;
                                                     width: 100%;
                                                     height: 120px;
                                                     text-align: center;
                      }
                      
                             #thumbs .jcarousel-container .jcarousel-clip { display: inline-block;
                                                                            position: relative;
                                                                            overflow: hidden;
                                                                            width: 240px;
                                                                            height: 120px;
                                                                            margin: 0px auto;
                                                                            vertical-align: top;
                             }
                             
                             @media screen and (min-width: 768px) {
                                 
                             #thumbs .jcarousel-container .jcarousel-clip { width: 355px;
							 
                             }    
                                 
                             }
                             
                                    #thumbs ul { position: relative;
                                                 float: left;
                                                 height: 120px;
                                    }
                                    
                                           #thumbs ul li { display: table;
                                                           position: relative;
                                                           overflow: hidden;
                                                           float: left;
                                                           width: 108px;
                                                           height: 108px;
                                                           margin-right: 10px;
                                                           padding: 0px;
                                                           background: #FFF;
                                                           /*border: 1px solid #E7E7E7;*/
                                                           font-size: 0;
                                           }
                                           
                                                  #thumbs ul li a {}
                                                  
                                                         #thumbs ul li a img { 
														  max-width: 98px;
    max-height: 100px;
																			   /* object-fit: cover; */
                                                         }
                                                  
                                                  #thumbs ul li a:hover {}
                                    
                             #thumbs .jcarousel-prev,
                             #thumbs .jcarousel-next { position: absolute;
                                                       top: 50px;
                                                       width: 19px;
                                                       height: 19px;
                                                       cursor: pointer;
                                                       z-index: 10;
                             }
                             
                             @media screen and (min-width: 1024px) {
                                 
                             #thumbs .jcarousel-prev,
                             #thumbs .jcarousel-next { width: 31px;
                                                       height: 31px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1200px) {
                                 
                             #thumbs .jcarousel-prev,
                             #thumbs .jcarousel-next { top: 40px;
                             }    
                                 
                             }
                             
                             #thumbs .jcarousel-prev-disabled,
                             #thumbs .jcarousel-next-disabled { display: none!important;
                             }
                             
                             #thumbs .jcarousel-prev { left: 10px;
                                                       background: url(../img/ico/car_nav.png) 0px 0px no-repeat;
                             }
                             
                             @media screen and (min-width: 768px) {
                                 
                             #thumbs .jcarousel-prev { left: 130px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1024px) { 
                             
                             #thumbs .jcarousel-prev { left: -30px;
                                                       background: url(../img/ico/navigation.png) 0px -31px no-repeat;
                             }    
                             
                             }
                             
                             @media screen and (min-width: 1200px) { 
                             
                             #thumbs .jcarousel-prev { left: 0px;
                             }    
                             
                             }
                             
                             #thumbs .jcarousel-next { right: 10px;
                                                       background: url(../img/ico/car_nav.png) 0px -19px no-repeat;
                             }
                             
                             @media screen and (min-width: 768px) {
                                 
                             #thumbs .jcarousel-next { right: 130px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1024px) { 
                             
                             #thumbs .jcarousel-next { right: -30px;
                                                       background: url(../img/ico/navigation.png) 0px 0px no-repeat;
                             }    
                             
                             }
                             
                             @media screen and (min-width: 1200px) { 
                             
                             #thumbs .jcarousel-next { right: 0px;
                             }    
                             
                             }
                             
                             #thumbs .jcarousel-prev:hover,
                             #thumbs .jcarousel-next:hover { opacity: 0.7;
                             }
        
        #product .content { position: relative;
                            float: right;
                            width: 100%;
                            margin-top: 10px;
                            margin-bottom: 30px;
        }
        
        @media screen and (min-width: 1024px) {
         
        #product .content { width: 540px;
        }    
            
        }
        
        @media screen and (min-width: 1200px) {
         
        #product .content { 
        }    
            
        }
        
               #product .content .navi { display: none;
                                         position: relative;
                                         float: right;
                                         margin-top: -10px;
                                         margin-right: -70px;
                                         margin-bottom: 10px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .navi { display: block;
               }    
                   
               }
               
                     #product .content .navi a { float: left;
                                                 width: 31px;
                                                 height: 31px;
                                                 margin-left: 10px;
                     }
                     
                     #product .content .navi a.prevPage { background: url(../img/ico/navigation.png) 0px -31px no-repeat;
                     }
                     
                     #product .content .navi a.nextPage { background: url(../img/ico/navigation.png) 0px 0px no-repeat;
                     }
                     
                     #product .content .navi a:hover { opacity: 0.7;
                     }
        
               #product .content .name { display: none;
                                         position: relative;
                                         float: left;
                                         width: 100%;
                                         margin-bottom: 10px;
                                         font-size: 30px;
                                         font-weight: 700;
                                         color: #010101;
                                         line-height: 35px;
               }
               
               @media screen and (min-width: 1024px)  {
                   
               #product .content .name { display: block;
               }    
                   
               }
               
               #product .content .mk { position: relative;
                                       float: left;
                                       width: 100%;
                                       height: 22px;
                                       margin-top: 7px;
                                       line-height: 22px;
               }
               
               @media screen and (min-width: 768px) {
                   
               #product .content .mk { width: auto;
                                       margin-left: 30px;
               }    
                   
               }
               
               @media screen and (min-width: 1024px) { 
               
               #product .content .mk { margin-top: 0px;
                                       margin-left: 0px;
               }        
               
               }
                
                      #product .content .mk img { display: inline-block;
                                                  width: 24px;
                                                  height: 22px;
                                                  margin-right: 5px;
                                                  vertical-align: middle;
                      }
               
               #product .content .social { display: none;
                                           position: relative;
                                           float: right;
                                           height: 20px;
                                           margin-top: 1px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .social { display: block;
               }    
                   
               }
               
                       #product .content .social .addthis_toolbox { float: left;
                       }
                       
                       #product .content .social .googleplus { float: left;
                                                               margin-left: 10px;
                       }
                       
                       #product .content .social .twitter { float: left;
                                                            margin-left: 10px;
                       }
               
               #product .content .prices { position: relative;
                                           float: right;
                                           width: 100%;
                                           margin-top: 10px;
               }
               
               @media screen and (min-width: 768px) {
                   
               #product .content .prices { width: auto;
                                           height: 36px;
                                           margin-top: 0px;
                                           margin-right: 20px;
               }   
               
               #product.show_net_price .content .prices { height: 51px;
               }    
                   
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .prices { width: 100%;
                                           margin-top: 15px;
                                           margin-right: 0px;
                                           padding-top: 5px;
                                           border-top: 1px solid #E7E7E7;
               }     
                   
               }
               
                      #product .content .prices .price { display: inline-block;
                                                         overflow: hidden;
                                                         color: #949494;
                                                         vertical-align: top;
                      }
                      
                      @media screen and (min-width: 768px) {
                          
                      #product .content .prices .price { float: right;
                                                         height: 36px;
                      }  
                      
                      #product.show_net_price .content .prices .price { height: 51px;
                      }    
                          
                      }
                      
                             #product_page .content .prices .price span { float: left;
                             }
                             
                             #product_page .content .prices .price span.label { margin-right: 5px;
                             }
                     
                      #product .content .prices .n-price {}
                      
                             #product .content .prices .n-price span.value { font-size: 31px;
                                                                             font-family: 'allerbold';
                                                                             color: #010101;
                                                                             line-height: 36px;
                             }
                            
                             #product .content .prices .n-price span.label { margin-top: 16px;
                                                                             margin-right: 5px;
                             }
                             
                             #product .content .prices .n-price span.value_netto { display: block;
                                                                                   text-align: right;
                             }
                      
                      #product .content .prices .p-price {}
                      
                      @media screen and (min-width: 768px) {
                          
                      #product .content .prices .p-price { margin-right: 10px;
                                                           padding-right: 15px;
                                                           border-right: 1px solid #E7E7E7;
                      }    
                          
                      }
                     
                             #product .content .prices .p-price span { display: block;
                                                                       clear: both;
                                                                               
                             }
                            
                             #product .content .prices .p-price span.label { font-size: 11px;
                                                                             line-height: 12px;
                             }
                            
                             #product .content .prices .p-price span.value { font-size: 24px;
                                                                             text-decoration: line-through;
                                                                             line-height: 24px
                             }
                             
                             #product .content .prices .p-price span.value_netto { display: block;
                                                                                   text-align: right;
                             }
               
               #product .content .properties { position: relative;
                                               float: left;
                                               width: 100%;
                                               margin: 10px 0px 20px;
                                               padding: 20px 0px 15px;
                                               border-top: 1px solid #E7E7E7;
                                               border-bottom: 1px solid #E7E7E7;
                                               z-index: 12;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .properties { margin: 5px 0px 20px;
                                               padding: 15px 0px 10px;
               }    
                   
               }
               
                      #product .content .properties .property { float: left;
                                                                width: 100%;
                                                                margin-bottom: 5px;
                      }
                     
                             #product .properties .property span { float: left;
                                                                   font-size: 13px;
                                                                   line-height: 19px;
                             }
                            
                             #product .properties .property span.label { width: 80px;
                                                                         margin-right: 10px;
                                                                         font-weight: 700;
                                                                         color: #4B4B4B;
                                                                         text-align: right;
                             }
                            
                             #product .properties .property span.value { max-width: 70%;
                                                                         color: #6B6B6B;
                                                                         text-align: left;
                             }
                             
                      #product .properties .prod {}
                     
                            #product .properties .prod span {}
                            
                            #product .properties .prod span.value {}
                            
                                    #product .properties .prod span.value a { float: left;
                                                                              margin-right: 5px;
                                    }
                            
                                    #product .properties .prod span.value img { margin-top: -3px;
                                                                                max-height: 25px;
                                    }
                                    
                                    #product .properties .prod span.value img:hover { opacity: 0.7;
                                    }
               
               #product .content .shop_opt { display: none;
                                             position: relative;
                                             float: left;
                                             width: 100%;
                                             margin: 0px 0px 30px;
                                             padding-bottom: 15px;
                                             border-bottom: 1px solid #E7E7E7;
               }
               
                      #product .content .shop_opt .option { float: left;
                                                            width: 100%;
                                                            margin-bottom: 5px;
                      }
                      
                              #product .content .shop_opt .option span.label,
                              #product .content .shop_opt .option a { float: left;
                              }
                              
                              #product .content .shop_opt .option span.label { width: 80px;
                                                                               margin-right: 10px;
                                                                               padding: 10px 0px;
                                                                               font-weight: 700;
                                                                               color: #4B4B4B;
                                                                               text-align: right;
                                                                               line-height: 20px;
                              }
               
               #product .content .buy-block { position: relative;
                                              float: left;
                                              width: 100%;
                                              height: 34px;
                                              padding: 14px 0px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .buy-block { height: 35px;
                                              margin-bottom: 15px;
                                              padding: 0px;
                                              background: none;
                                              border-radius: 0px;
               }    
                   
               }
               
                      #product .content .buy-block .options { display: none;
                                                           float: left;
                                                           margin-top: 9px;
                      }
                      
                      @media screen and (min-width: 1024px) { 
                      
                      #product .content .buy-block .options { display: block;
                      }
                      
                      }
                      
                             #product .buy-block .options a { display: inline-block;
                                                              padding-left: 20px;
                                                              font-size: 11px;
                                                              color: #565656;
                                                              line-height: 19px;
                             }
                             
                             #product .buy-block .options a:hover { color: #0093dd;
                             }
                             
                             #product .buy-block .options a.storage { margin-right: 10px;
                                                                      background: url(../img/products/links.png) 0px 4px no-repeat;
                             }
                             
                             #product .buy-block .options a.compare_add { background: url(../img/products/links.png) 0px -14px no-repeat;
                             }
                      
                      #product .content .buy-block .quan { position: relative;
                                                           float: left;
                                                           height: 35px;
                                                           margin-left: 5px;
                                                           padding-right: 70px;
                                                           font-size: 15px;
                                                           font-family: 'allerbold';
                                                           color: #FFF;
                                                           text-transform: uppercase;
                                                           line-height: 35px;
                      }
                      
                      @media screen and (min-width: 768px) {
                          
                      #product .content .buy-block .quan { margin-left: 15px;
                                                           margin-right: 15px;
                      }    
                          
                      }
                      
                      @media screen and (min-width: 1024px) {
                          
                      #product .content .buy-block .quan { float: right;
                                                           width: 60px;
                                                           height: 31px;
                                                           margin-top: 3px;
                                                           margin-left: 0px;
                                                           margin-right: 5px;
                                                           padding-right: 0px;
                                                           text-indent: -2000px;
                      }    
                          
                      }
                      
                               #product .content .buy-block .quan a,
                               #product .content .buy-block .quan input { position: absolute;
                               }
                              
                               #product .content .buy-block .quan a { top: 13px;
                                                                      width: 9px;
                                                                      height: 9px;
                               }
                               
                               @media screen and (min-width: 1024px) {
                                   
                               #product .content .buy-block .quan a { top: 11px;
                               }    
                                   
                               }
                              
                               #product .content .buy-block .quan a:hover { opacity: 0.7;
                               }
                               
                               #product .content .buy-block .quan a.down { right: 53px;
                                                                           background: url(../img/ico/quan_res.png) 0px 0px no-repeat;        
                               }    
                               
                               @media screen and (min-width: 1024px) {
                               
                               #product .content .buy-block .quan a.down { right: 48px;
                                                                           background: url(../img/ico/quan.png) 0px 1px no-repeat;
                               }    
                                   
                               }
                               
                               #product .content .buy-block .quan a.up { right: 0px;
                                                                         background: url(../img/ico/quan_res.png) 0px -9px no-repeat;
                               }
                              
                               @media screen and (min-width: 1024px) {
                                   
                               #product .content .buy-block .quan a.up { background: url(../img/ico/quan.png) 0px -9px no-repeat;
                               }    
                                   
                               }
                              
                               #product .content .buy-block .quan input { top: 0px;
                                                                          right: 9px;
                                                                          margin: 0px 5px;
                                                                          width: 25px;
                                                                          height: 33px;
                                                                          padding: 0px 5px;
                                                                          text-align: center;
                               }
                               
                               @media screen and (min-width: 1024px) {
                                   
                               #product .content .buy-block .quan input { width: 20px;
                                                                          height: 29px;
                               }    
                                   
                               }
                      
                       #product .content .buy-block .buy { float: right;
                                                           height: 35px;
                       }
                       
                       @media screen and (min-width: 768px) {
                           
                       #product .content .buy-block .buy { margin-right: 15px;
                       }   
                           
                       }
                       
                       @media screen and (min-width: 1024px) {
                           
                       #product .content .buy-block .buy { margin-right: 0px;
                       }     
                           
                       }
                      
                              #product .content .buy-block .buy a { float: right;
                                                                    width: auto;
                                                                    padding-right: 30px;
                                                                    font-size: 15px;
                                                                    text-align: left;
                                                                    text-indent: 15px;
                                                                    background: #0093dd url(../img/ico/cart.png) 95% center no-repeat;
                              }
                              
                              #product .content .buy-block .buy a.abuy:hover { color: #3591D0;
                              }
                              
                              @media screen and (min-width: 1024px) {
                                  
                              #product .content .buy-block .buy a.abuy:hover { color: #FFF;
                                                                               background: #3591D0 url(../img/ico/cart.png) 95% center no-repeat;
                              }    
                                  
                              }
                              
                              #product .content .buy-block .buy a.dbuy { cursor: default;
                                                                         opacity: 0.7;
                              }
               
               #product .content .credit { display: none;
                                           position: relative;
                                           float: right;
                                           clear: both;
                                           margin: 15px 0px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .credit { display: block;
               }    
                   
               }

               #product .content .opts { display: none;
                                         position: relative;
                                         float: right;
                                         clear: both;
                                         margin-top: 15px;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product .content .opts { display: block;
               }    
                   
               }
               
                      #product .content .opts a { float: left;
                                                  
                                                  font-size: 11px;
                                                  font-family: 'allerbold';
                                                  color: #C4C4C4;
                                                  line-height: 15px;
                     }
                     
                     #product .content .opts a:hover { color: #0093dd;
                     }
                     
                     #product .content .opts a.recommend { background-position: 0px 0px;
                     }
                     
                     #product .content .opts a.question { background-position: 0px -18px;
                     }
                     
                     #product .content .opts a.notify { background-position: 0px -18px;
                     }
                     
                     #product .content .opts a.negotiation { background-position: 0px -55px;
                     }
                     
                     #product .content .opts a.print { background-position: 0px -35px;
                     }
               
        #product #tabs { position: relative;
                         float: left;
                         width: 100%;
        }
        
        @media screen and (min-width: 1024px) {
          
        #product #tabs { margin-top: 30px;
        }    
            
        }
        
               #product #tabs ul.tabs { display: none;
                                        position: relative;
                                        overflow: hidden;
                                        float: left;
                                        width: 100%;
                                        border-bottom: 1px solid #E7E7E7;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product #tabs ul.tabs { display: block;
                                        width: 970px;
                                        margin-left: -16px;
                                        padding: 0px 15px;
               }    
                   
               }
               
               @media screen and (min-width: 1200px) {
                   
               #product #tabs ul.tabs { width: 1170px;
               }    
                   
               }
               
                      #product #tabs ul.tabs li { float: left;
                                                  height: 55px;
                                                  margin-left: 10px;
                                                  background: #A0A0A0;
                      }
                      
                             #product #tabs ul.tabs li a { display: block;
                                                           padding: 0px 15px;
                                                           font-size: 16px;
                                                           font-weight: 700;
                                                           color: #FFF;
                                                           text-align: center;
                                                           text-transform: uppercase;
                                                           line-height: 55px;
                             }
                             
                             @media screen and (min-width: 1200px) {
                                 
                             #product #tabs ul.tabs li a { padding: 0px 50px;
                             }    
                                 
                             }
                             
                      #product #tabs ul.tabs li.ui-tabs-selected,
                      #product #tabs ul.tabs li:hover { background: #575757;
                      }
               
               #product #tabs h6.taber { position: relative;
                                         float: left;
                                         width: 100%;
                                         height: 41px;
                                         margin-bottom: 5px;
                                         font-size: 14px;
                                         font-family: 'allerbold';
                                         color: #FFF;
                                         text-align: center;
                                         text-transform: uppercase;
                                         line-height: 41px;
                                         background: #A0A0A0;
                                         cursor: pointer;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product #tabs h6.taber { display: none;
               }    
                   
               }
               
               #product #tabs h6.taber:hover,
               #product #tabs h6.taber.active { background: #575757;
               }
               
               #product #tabs h6.taber.active { cursor: default;
               }
               
               #product #tabs .tab { position: relative;
                                     float: left;
                                     width: 100%;
                                     padding: 10px 0px;
                                     
               }
               
               @media screen and (min-width: 1024px) {
                   
               #product #tabs .tab { width: 100%;
                                     padding: 20px 0;
                                     position: relative;
               }    
                   
               }
               
               @media screen and (min-width: 1200px) {
                   
               #product #tabs .tab { width: 100%;
               }    
                   
               }
               
                      #product #tabs #desc { font-size: 13px;
                                             color: #686868;
                                             text-align: left;
                                             line-height: 22px;
                                             position: relative !important;
                      }
                      #desc div {
                          max-width: 100% !important;
                      }
                      #desc table {
                          max-width: 100% !important;
                      }
                      #desc img {
                          max-width: 100% !important;
                      }
                             
                             #desc ul,
                             #desc ul li { display: list-item;
                             }
                             
                             #desc ul { margin-left: 30px;
                                        list-style: inherit;
                             }
                             
                             #desc ul li { list-style-position: inside;
                                           list-style: inherit;
                             }
                             
                             #desc ol,
                             #desc ol li { display: list-item;
                                           list-style: inherit;
                             }
                             
                             #desc ol { list-style: none;
                             }
                             
                                    #desc ol li { list-style: decimal inside;
                                    }
                                    
                             #desc strong,
                             #desc b { font-weight: 700;
                             }
                      
                      #product #tabs #com {}
                      
                             #com div.item { position: relative;
                                             float: left;
                                             width: 100%;
                             }
                      
                             #com .comment { float: left;
                                             width: 100%;
                                             padding-bottom: 20px;
                                             margin-bottom: 20px;
                                             border-bottom: 1px solid #E7E7E7;
                             }
                             
                             #com .last .comment { padding-bottom: 0px;
                                                   border-bottom: none;
                             }
                             
                                    #com .comment .info { float: left;
                                                          width: 100%;
                                                          margin-bottom: 20px;
                                                          font-size: 15px;
                                    }
                                    
                                           #com .comment .author { float: left;
                                                                   color: #0093dd;
                                                                   line-height: 22px;
                                           }
                                           
                                           #com .rating { float: right;
                                                          line-height: 22px;
                                           }
                                           
                                                  #com .rating img { display: inline-block;
                                                                     height: 22px;
                                                                     margin-left: 5px;
                                                                     vertical-align: top;
                                                  }
              
                             #com .comment .content { float: left;
                                                      width: 100%;
                                                      margin: 0px;
                                                      font-size: 14px;
                                                      text-align: left;
                                                      line-height: 22px;
                             }
       
                             #com .add { float: right;
                             }
                             
                                    #com a.add_comment { float: right;
                                                         padding-right: 40px;
                                                         font-size: 14px;
                                                         color: #010101;
                                                         line-height: 19px;
                                                         background: url(../img/ico/headers.png) 100% -87px no-repeat;
                                    }
                     
                                    #com a.add_comment:hover { color: #0093dd; 
                                    }
                                    
                             #com .no_coment { float: left;
                                               font-family: 'allerbold';
                                               line-height: 22px;
                             }
       
                      #product #tabs #att {}
                      
                             table.att2_table { display: table;
                                                width: 100%;
                             }
                             
                                    table.att2_table tbody { display: table;
                                                             width: 100%;
                                    }
                                    
                                    table.att2_table tr { 
                                                          width: 100%;
                                    }
                                    
                                    table.att2_table tr:first-child { display: none;
                                    }
                                    
                                           table.att2_table tr td { 
                                           }
                                           
                                           table.att2_table tr td.att2_name { 
  text-align: left !important;
  font-size: 13px !important;
  color: #4e4e4e !important;
  font-family: 'allerregular' !important;
  font-weight: normal !important;
  padding: 2px 10px 2px 0 !important;
                                           }
                                           
                                           table.att2_table tr td.att2_option {
                                               
                                               text-align: left !important;
  font-size: 13px !important;
  color: #4e4e4e !important;
  font-family: 'allerbold' !important;
  font-weight: normal !important;
  padding: 2px 0 !important;
                                           }
                                           
                                                  table.att2_table tr td.att2_option a { 
                                                  }
                      
                      #product #tabs #video { text-align: center;
                      }
                      
                             #video #iframe,
                             #video .desc { display: inline-block;
                                            vertical-align: top;
                             }
                             
                             #video iframe { width: 300px;
                                             height: 200px;
                                             margin-bottom: 20px;
                             }
                             
                             @media screen and (min-width: 768px) {
                                 
                             #video iframe { width: 600px;
                                             height: 400px;
                                             margin-bottom: 20px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1024px) {
                                 
                             #video iframe { width: 700px;
                                             height: 466px;
                                             margin-bottom: 20px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1120px) {
                                 
                             #video iframe { width: 800px;
                                             height: 533px;
                                             margin-bottom: 20px;
                             }    
                                 
                             }
                             
                             @media screen and (min-width: 1200px) {
                                 
                             #video iframe { width: 1000px;
                                             height: 650px;
                                             margin-bottom: 20px;
                             }    
                                 
                             }
                             
                             #video .desc { width: 100%;
                                            font-size: 14px;
                                            line-height: 22px;
                             }
                      
                      #product #tabs #download {}
                      
                             #download h5.head,
                             #download ul.files { float: left;
                                                  width: 100%;
                             }
                             
                             #download h5.head { margin-bottom: 20px;
                                                 font-size: 20px;
                                                 font-weight: 700;
                                                 color: #010101;
                                                 text-transform: uppercase;
                                                 line-height: 20px;
                             }
                             
                             #download ul.files {}
                             
                                    #download ul.files li { float: left;
                                                            width: 100%;
                                                            margin-bottom: 10px;
                                                            padding: 10px 0px;
                                                            background: #FAFAFA;
                                    }
                                    
                                           #download ul.files li a,
                                           #download ul.files li span { float: left;
                                           }
                                           
                                           #download ul.files li a,
                                           #download ul.files li span.name { margin: 0px 10px;
                                                                             font-size: 13px;
                                                                             font-weight: 700;
                                                                             color: #4B4B4B;
                                                                             line-height: 15px;
                                           }
                                           
                                           #download ul.files li span.info { margin-right: 10px;
                                                                             font-size: 11px;
                                                                             color: #C4C4C4;
                                                                             line-height: 15px;
                                           }
                                           
                                           #download ul.files li span.desc { font-size: 11px;
                                                                             color: #565656;
                                                                             line-height: 15px;
                                           }
                                           
                                           #download ul.files li a:hover { color: #0093dd;
                                           }
                                           

                                           
#groups,
#buyalso { display: none;
           position: relative;
           float: left;
           width: 100%;
           margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    
#groups,
#buyalso { display: block;
}
    
}

       #groups ul,
       #buyalso ul { text-align: center;
       }
       
              #groups ul li,
              #buyalso ul li { margin: 0px 16px 10px;
              }
              
              @media screen and (min-width: 1200px) {
                  
              #groups ul li,
              #buyalso ul li { margin: 0px 1px 10px 0px;
              } 
              
              #groups ul li:nth-child(4n+4),
              #buyalso ul li:nth-child(4n+4) { margin-right: 0px;
              }    
                  
              }


/* /PRODUCT */





/* --------- SHOPCART --------- */

#div_id_shop_cart #ls,
#div_id_order_confirm #ls { display: none;
}

#div_id_shop_cart #ms,
#div_id_order_confirm #ms { width: 100%;
}

#shopcart { position: relative;
            box-shadow: 0px 2px 10px 0px #E7E7E7;
}

@media screen and (min-width: 1024px) {
    
#ms #shopcart { width: 100%;
}   
    
}

@media screen and (min-width: 1200px) {
    
#ms #shopcart { width: 1114px;
}   
    
}

       ul.shopcart { position: relative;
                     float: left;
                     width: 100%;
                     margin: 20px 0px 30px;
       }
       
       @media screen and (min-width: 1024px) {
           
       ul.shopcart { margin-top: 10px;
                     /*margin-bottom: 60px;*/
                         /*margin-bottom: 30px;*/
                         margin-bottom: 10px;
       }    
           
       }
       
              ul.shopcart li { position: relative;
                               float: left;
                               width: 100%;
                               
              }
              
                     ul.shopcart li div { display: inline-block;
                                          vertical-align: top;
                     }
                     
              ul.shopcart li.item { padding: 15px 0px;
                                    border-bottom: 2px solid #CCC;
              }  
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart li.item { padding: 0px 0px;
                                    border-bottom: none;
              }    
                  
              }
              
              ul.shopcart li.item.first { border-top: 2px solid #CCC;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart li.item.first { border-top: none;
              }    
                  
              }
              
                     ul.shopcart li.item div {}
                     
                     ul.shopcart li.item div.nr { display: none;
                                                  float: left;
                                                  width: 17px;
                                                  height: 140px;
                                                  padding: 5px 0px;
                                                  font-size: 12px;
                                                  font-weight: 700;
                                                  color: #3D3D3D;
                                                  text-align: center;
                                                  background: #FAFAFA;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     ul.shopcart li.item div.nr { display: block;
                     }   
                     
                     ul.shopcart li.item.first div.nr { height: 141px;
                         
                     }
                     
                     }
                     
                     ul.shopcart li.item .image { position: relative;
                                                  overflow: hidden;
                                                  float: left;
                                                  width: 100%;
                                                  margin-bottom: 20px;
                                                  padding: 10px 0px;
                                                  background: #FFF;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.shopcart li.item .image { text-align: center;
                     }    
                         
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     ul.shopcart li.item .image { display: table;
                                                  table-layout: fixed;
                                                  width: 139px;
                                                  height: 139px;
                                                  margin-bottom: 0px;
                                                  padding: 5px 10px;
                                                  border: 1px solid #CCC;
                                                  border-right: none;
                                                  border-top: none;
                     }   
                     
                     ul.shopcart li.item.first .image { border-top: 1px solid #CCC;
                     }
                         
                     }
                     
                            ul.shopcart li.item .image a,
                            ul.shopcart li.item .image span { display: block;
                            }
                            
                            @media screen and (min-width: 1024px) {
                                
                            ul.shopcart li.item .image a,
                            ul.shopcart li.item .image span { display: table-cell;
                                                              width: 139px;
                                                              height: 138px;
                                                              text-align: center;
                                                              vertical-align: middle;
                            }    
                                
                            }
                            
                                   ul.shopcart li.item .image img { max-width: 100%;
                                                                    height: auto;
                                   }
                                   
                                   @media screen and (min-width: 1024px) {
                                       
                                   ul.shopcart li.item .image img { max-width: 133px;
                                                                    max-height: 133px;
                                   }    
                                       
                                   }
                            
                            ul.shopcart li.item .image a:hover { opacity: 0.7;
                            }
                     
                     ul.shopcart li.item .content { position: relative;
                                                    overflow: hidden;
                                                    float: left;
                                                    width: 100%;
                                                    margin-bottom: 20px;
                                                    background: #FFF;
                     }
                     
                     ul.shopcart li:nth-child(2n).item .content, ul.shopcart li:nth-child(2n).item .image {
                         background-color: rgba(0, 0, 0, 0.03);
                     }
                     ul.shopcart li:nth-child(2n).item .opts {
                         background-color: rgba(0, 0, 0, 0.12);
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.shopcart li.item .content { width: 60%;
                                                    height: 140px;
                                                    margin: 0px 5%;
                     }    
                         
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     ul.shopcart li.item .content { width: 537px;
                                                    height: 119px;
                                                    margin: 0px 0px 0px 0px;
                                                    padding: 15px 10px 15px 0px;
                                                    border-bottom: 1px solid #CCC;
                     }     
                     
                     ul.shopcart li.item.first .content { border-top: 1px solid #CCC;
                     }
                         
                     }
                     
                     @media screen and (min-width: 1200px) {
                         
                     ul.shopcart li.item .content { width: 735px;
                     }     
                     
                     }
                     
                            ul.shopcart li.item .content .name { position: relative;
                                                                 overflow: hidden;
                                                                 width: 100%;
                                                                 margin-bottom: 10px;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.item .content .name { max-height: 40px;
                            }    
                                
                            }
                            
                                   ul.shopcart li.item .content .name a { display: block;
                                                                          font-size: 16px;
                                                                          font-family: 'allerbold';
                                                                          color: #4D4D4D;
                                                                          line-height: 20px;
                                   }
                                   
                                   ul.shopcart li.item .content .name a:hover { color: #0093dd;
                                   }
                            
                            ul.shopcart li.item .content .disc { position: relative;
                                                                 overflow: hidden;
                                                                 float: left;
                                                                 width: 100%;
                                                                 margin-bottom: 10px;
                            }
                            
                                    ul.shopcart li.item .content .disc div { display: block;
                                                                             clear: both;
                                    }
                                    
                                           ul.shopcart li.item .content .disc span { display: inline-block;
                                                                                     color: #A4A4A4;
                                                                                     line-height: 15px;
                                                                                     vertical-align: top;
                                           }
                                           
                                           ul.shopcart li.item .content .disc span.label { margin-right: 5px;
                                                                                           font-size: 11px;
                                           }
                                           
                                           ul.shopcart li.item .content .disc span.value { font-size: 14px;
                                           }
                                           
                                    ul.shopcart li.item .content .disc div.disc_pre { margin-bottom: 5px;
                                    }
                            
                            ul.shopcart li.item .content .quan { position: relative;
                                                                 overflow: hidden;
                                                                 height: 31px;
                            }
                            
                                   ul.shopcart li.item .content .quan a,
                                   ul.shopcart li.item .content .quan input { display: inline-block;
                                                                              vertical-align: top;
                                   }
                                   
                                   ul.shopcart li.item .content .quan a { width: 9px;
                                                                          height: 9px;
                                                                          margin-top: 11px;
                                   }
                                   
                                   ul.shopcart li.item .content .quan a.down { background: url(../img/ico/quantity.png) 0px 0px no-repeat;
                                   }
                                   
                                   ul.shopcart li.item .content .quan a.up { background: url(../img/ico/quantity.png) 100% 0px no-repeat;
                                   }
                                   
                                   ul.shopcart li.item .content .quan a:hover { opacity: 0.7;
                                   }
                                   
                                   ul.shopcart li.item .content .quan input { margin: 0px 3px;
                                                                              width: 21px;
                                                                              height: 29px;
                                                                              padding: 0px 5px;
                                                                              text-align: center;
                                   }
                     
                     ul.shopcart li.item .opts { position: relative;
                                                 overflow: hidden;
                                                 float: left;
                                                 width: 100%;
                                                 padding: 15px 0px;
                                                 background: #EEE;
                     }
                     
                     @media screen and (min-width: 768px) { 
                     
                     ul.shopcart li.item .opts { width: 21%;
                                                 height: 110px;
                                                 margin-right: 5%;
                                                 padding: 15px 2%;
                     }    
                         
                     }
                     
                     @media screen and (min-width: 1024px) { 
                     
                     ul.shopcart li.item .opts { width: 149px;
                                                 height: 119px;
                                                 margin-right: 0px;
                                                 padding: 15px 10px;
                                                 border: 1px solid #CCC;
                                                 border-top: none;
                                                 border-left: none;
                     }  
                     
                     ul.shopcart li.item.first .opts { border-top: 1px solid #CCC;
                     }
                         
                     }
                     
                            ul.shopcart li.item .opts .remove { position: relative;
                                                                overflow: hidden;
                                                                margin-bottom: 5px;
                            }
                            
                            @media screen and (min-width: 768px) { 
                            
                            ul.shopcart li.item .opts .remove { position: absolute;
                                                                top: 10px;
                                                                right: 10px;
                            }    
                            
                            }
                            
                            @media screen and (min-width: 1024px) { 
                            
                            ul.shopcart li.item .opts .remove { right: 5px;
                            }    
                            
                            }
                            
                                   ul.shopcart li.item .opts .remove a { display: inline-block;
                                                                         width: 16px;
                                                                         height: 16px;
                                                                         margin: 0px auto;
                                                                         background: url(../img/ico/main.png) 0px 0px no-repeat;
                                                                         vertical-align: top;
                                   }
                                   
                                   ul.shopcart li.item .opts .remove a:hover { background-position: 0px -16px;
                                   }
                            
                            ul.shopcart li.item .opts .prices { position: relative;
                                                                overflow: hidden;
                                                                width: 100%;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.item .opts .prices { position: absolute;
                                                                right: 20px;
                                                                bottom: 20px;
                                                                width: auto;
                            }   
                                
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.item .opts .prices { right: 10px;
                            }   
                                
                            }
                            
                                    ul.shopcart li.item .opts .prices .price { position: relative;
                                                                               float: right;
                                                                               clear: both;
                                                                               width: 100%;
                                    }
                                    
                                    @media screen and (min-width: 768px) {
                                        
                                    ul.shopcart li.item .opts .prices .price { width: auto;
                                    }    
                                        
                                    }
                                    
                                    ul.shopcart li.item .opts .prices .netto { margin-bottom: 5px;
                                                                               color: #949494;
                                    }
                                    
                                           ul.shopcart li.item .opts .prices .netto span { display: inline-block;
                                                                                           margin-right: 5px;
                                                                                           font-size: 11px;
                                                                                           line-height: 13px;
                                           }
                                           
                                           @media screen and (min-width: 1024px) {
                                               
                                           ul.shopcart li.item .opts .prices .netto span.value { margin-right: 0px;
                                           }    
                                               
                                           }
                                    
                                    ul.shopcart li.item .opts .prices .brutto { font-size: 18px;
                                                                                color: #4D4D4D;
                                                                                line-height: 20px;
                                                                                text-align: right;
                                    }
                                    ul.shopcart li.item .opts .prices .calcbrutto {
                                                                                font-size: 12px;
                                                                                color: #4D4D4D;
                                                                                line-height: 20px;
                                    }
                                    
              ul.shopcart li.others { margin-top: 30px;
                                      padding: 10px 0px;
                                      background: #EEE;
                                      border-top: 1px solid #CCC;
                                      border-bottom: 1px solid #CCC;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart li.others { width: 877px;
                                      margin-left: 17px;
              }   
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              ul.shopcart li.others { width: 1057px;
                                      margin-left: 17px;
              }   
                  
              }
              
                      ul.shopcart li.others .cnt { display: block;
                                                   margin: 5px 0px;
                                                   text-align: center;
                      }
                      
                      @media screen and (min-width: 1024px) {
                          
                      ul.shopcart li.others .cnt { float: right;
                                                   clear: both;
                                                   margin-right: 15px;
                      }    
                          
                      }
                      
                             ul.shopcart li.others .cnt span { display: inline-block;
                                                               font-size: 13px;
                                                               color: #000;
                                                               line-height: 15px;
                                                               vertical-align: top;
                             }
                             
                             ul.shopcart li.others .cnt span.label { margin-right: 10px;
                             }
                             
                             ul.shopcart li.others .cnt span.value { font-family: 'allerbold';
                             }
                     
              ul.shopcart li.summary { margin-top: 30px;
                                       padding: 10px 0px;
              }
              
              @media screen and (min-width: 768px) {
                  
              ul.shopcart li.summary { padding: 0px 0px;
              }    
                  
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart li.summary { width: 877px;
                                       margin-left: 17px;
              }    
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              ul.shopcart li.summary { width: 1057px;
              }    
                  
              }
              
                     ul.shopcart li.summary .discount { width: 100%;
                                                        margin-bottom: 10px;
                                                        padding: 5px 0px;
                                                        background: #EEE;
                                                        border-top: 1px solid #CCC;
                                                        border-bottom: 1px solid #CCC;
                     }
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.shopcart li.summary .discount { float: left;
                                                        width: auto;
                                                        height: 40px;
                                                        margin-bottom: 0px;
                                                        padding: 5px 15px;
                     }    
                         
                     }
                     
                            ul.shopcart li.summary .discount label,
                            ul.shopcart li.summary .discount input,
                            ul.shopcart li.summary .discount span,
                            ul.shopcart li.summary .discount a { display: inline-block;
                                                                 vertical-align: top;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.summary .discount label,
                            ul.shopcart li.summary .discount input,
                            ul.shopcart li.summary .discount span,
                            ul.shopcart li.summary .discount a { float: left;
                            }   
                                
                            }
                            
                            ul.shopcart li.summary .discount label { font-weight: normal;
                                                                     margin-bottom: 10px;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.summary .discount label { margin-bottom: 0px;
                                                                     line-height: 40px;
                            }    
                                
                            }
                            
                            ul.shopcart li.summary .discount input,
                            ul.shopcart li.summary .discount span { height: 38px;
                                                                    width: auto;
                                                                    margin: 0px 5px 10px;
                            }
                            
                            ul.shopcart li.summary .discount span { font-family: 'allerbold';
                                                                    line-height: 38px;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.summary .discount input,
                            ul.shopcart li.summary .discount span { width: 298px;
                                                                    margin: 0px 5px 0px;
                            }    
                                
                            }
                            
                            ul.shopcart li.summary .discount a { width: 40px;
                                                                 height: 40px;
                                                                 text-align: center;
                                                                 line-height: 40px;
                                                                 background: #000;
                            }
                            
                            ul.shopcart li.summary .discount a:hover { background: #3591D0;
                            }
                     
                     ul.shopcart li.summary .summary {}
                     
                     @media screen and (min-width: 768px) {
                         
                     ul.shopcart li.summary .summary { float: right;
                     }    
                         
                     }
                     
                            ul.shopcart li.summary .summary div { float: left;
                                                                  width: 100%;
                            }
                            
                            @media screen and (min-width: 768px) {
                                
                            ul.shopcart li.summary .summary div { float: right;
                                                                  clear: both;
                                                                  width: auto;
                            }    
                                
                            }
                            
                                    ul.shopcart li.summary .summary div span { display: inline-block;
                                                                               padding: 5px 0px;
                                                                               line-height: 20px;
                                                                               vertical-align: top;
                                    }
                                    
                                    @media screen and (min-width: 768px) { 
                                    
                                    ul.shopcart li.summary .summary div span { text-align: right;
                                    }    
                                    
                                    }
                                    
                                    ul.shopcart li.summary .summary div span.label { margin-right: 15px;
                                                                                     font-family: 'allerbold';
                                                                                     color: #4D4D4D;
                                    }
                                    
                                    ul.shopcart li.summary .summary div span.value {}
                                    
                                    @media screen and (min-width: 768px) {
                                    
                                    ul.shopcart li.summary .summary div span.value { width: 120px;
                                                                                     padding: 4px 15px;
                                                                                     background: #EEE;
                                                                                     border-bottom: 1px solid #CCC;
                                    }    
                                        
                                    }
                                    
                                    @media screen and (min-width: 1024px) {
                                    
                                    ul.shopcart li.summary .summary div span.value { width: 140px;
                                    }    
                                        
                                    }
                            
                            ul.shopcart li.summary .summary div.deliv {}
                            
                                   ul.shopcart li.summary .summary div.deliv span.label { font-size: 12px;
                                   }
                                   
                                   ul.shopcart li.summary .summary div.deliv span.value { font-size: 14px;
                                   }
                                   
                                   @media screen and (min-width: 768px) {
                                       
                                   ul.shopcart li.summary .summary div.deliv span.value { border-top: 1px solid #CCC;
                                   }    
                                       
                                   }
                            
                            ul.shopcart li.summary .summary div.total {}
                            
                                   ul.shopcart li.summary .summary div.total span.label { font-size: 14px;
                                   }
                            
                                   ul.shopcart li.summary .summary div.total span.value { font-size: 18px;
                                                                                          color: #EE1515;
                                   }
                                   
                                   @media screen and (min-width: 768px) {
                                       
                                   ul.shopcart li.summary .summary div.total span.value { padding-top: 5px;
                                   }    
                                       
                                   }
                                   
                            ul.shopcart li.summary .summary div.total_net {}
                            
                                   ul.shopcart li.summary .summary div.total_net span.label { font-size: 12px;
                                   }
                            
                                   ul.shopcart li.summary .summary div.total_net span.value { font-size: 14px;
                                   }
                                   
                                   @media screen and (min-width: 768px) {
                                       
                                   ul.shopcart li.summary .summary div.total_net span.value { padding-top: 5px;
                                   }    
                                       
                                   }
                     
       #shopcart h2.header.step { margin-bottom: 20px;
                                  padding-bottom: 0px;
                                  border-bottom: 0px;
       } 
       
       @media screen and (min-width: 1024px) {
           
       #shopcart h2.header.step { float: left;
                                  width: 854px;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #shopcart h2.header.step { width: 1054px;
       }    
           
       }
       
              #shopcart h2.header.step span { padding-bottom: 2px;
                                              border-bottom: 2px solid #565656;
              }

       #shopcart h2.header.step1 { background: url(../img/ico/steps.png) 0px 4px no-repeat;
       }

       #shopcart h2.header.step2 { background: url(../img/ico/steps.png) 0px -36px no-repeat;
       }

       #shopcart h2.header.step3 { margin-top: 20px;
                                   background: url(../img/ico/steps.png) 0px -76px no-repeat;
       }
       
       #shopcart h2.header.step4 { margin-top: 30px;
       }
       
       #shopcart .form {}
       
       @media screen and (min-width: 1024px) {
           
       #shopcart .form { width: 862px;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #shopcart .form { width: 1062px;
       }    
           
       }
       
       #shopcart .form.hidden { display: none;
       }

       #shopcart .legend { margin-bottom: 20px;
       }      
       
       #shopcart_payments { display: block;
                            clear: both;
                            
       }
       
       #shopcart_payments .platnosc,
       #shopcart_payments .platn { display: inline-block;
                                   width: 100%;
                                   vertical-align: top;
       }
       
       @media screen and (min-width: 1024px) { 
       
       #shopcart_payments { position: relative;
       }
       
       }
       
              #shopcart_payments #newPay,
              #shopcart_payments #newShip { display: inline-block;
                                            width: 100%;
                                            background: #FFF;
              }
              
              #shopcart_payments #newPay { margin-top: 10px;
                                           margin-bottom: 20px;
              }
              
              @media screen and (min-width: 1024px) {
           
              #shopcart_payments #newPay,
              #shopcart_payments #newShip { position: relative;
                                            clear: none;
                                            width: 418px;
                                            padding: 0px 0px 10px;
                                            border: 1px solid #CCC;
              }   

              #newPay { float: left;
              }
              #newShip { float: right;
              }
              
              #shopcart_payments #newPay { margin-top: 0px;
                                           margin-bottom: 0px;
              }
              
              }
       
              @media screen and (min-width: 1200px) {
                  
              #shopcart_payments #newPay,
              #shopcart_payments #newShip{ width: 518px;
              }   
           
       }
       
              #shopcart_payments table,
              #shopcart_payments tbody,
              #shopcart_payments tr { display: inline-block;
                                      width: 100%;
              }
              
                     #shopcart_payments tr { margin-bottom: 10px;
                     }
                     
                            #shopcart_payments th,
                            #shopcart_payments td { display: inline-block;
                                                    width: 100%;
                                                    font-weight: 700;
                                                    line-height: 20px;
                                                    vertical-align: top;
                            }
                            
                            #shopcart_payments th { padding: 7px 0px;
                                                    font-size: 13px;
                                                    color: #565656;
                                                    text-align: center;
                                                    text-transform: uppercase;
                                                    background: #F7F7F7;
                                                    border-top: 1px solid #CCC;
                                                    border-bottom: 1px solid #CCC;
                            }
                            
                            @media screen and (min-width: 1024px) { 
                            
                            #shopcart_payments th { text-align: left;
                                                    text-indent: 20px;
                                                    border-top: none;
                            }    
                                
                            }
                            
                            #shopcart_payments td { float: left;
                            }
                            
                                   #shopcart_payments td br { display: none;
                                   }
                                   
                                   #shopcart_payments .cart_small_font { display: block;
                                                                         clear: both;
                                                                         color: #0093dd;
                                                                         text-align: left;
                                   }
                            
                            #shopcart_payments #newShip td { width: 60%;
                            }
                            
                            @media screen and (min-width: 1024px) { 
                            
                            #shopcart_payments #newShip td { width: 230px;
                            }    
                            
                            }
                            
                            @media screen and (min-width: 1200px) { 
                            
                            #shopcart_payments #newShip td { width: 320px;
                            }    
                            
                            }
                            
                            #shopcart_payments #newPay td { width: 90%;
                            }
                            
                            @media screen and (min-width: 1024px) {
                                
                            #shopcart_payments #newPay td { width: 373px;
                            }    
                                
                            }
                            
                            @media screen and (min-width: 1200px) {
                                
                            #shopcart_payments #newPay td { width: 453px;
                            }    
                                
                            }
                            
                                   #shopcart_payments #newPay .paymant_online { display: block;
                                                                                clear: both;
                                                                                margin-top: 5px;
                                   }
                            
                            #shopcart_payments td#order_details_payment,
                            #shopcart_payments td#order_details_shiping { width: 8%;
                                                                          height: 20px;
                                                                          margin-right: 2%;
                                                                          text-align: center;
                            }
                            
                            @media screen and (min-width: 1024px)  { 
                            
                            #shopcart_payments td#order_details_payment,
                            #shopcart_payments td#order_details_shiping { width: 15px;
                                                                          margin: 0px 10px 0px 20px;
                            }   
                            
                            }
                            
                                    #shopcart_payments td#order_details_payment input,
                                    #shopcart_payments td#order_details_shiping input { margin-top: 4px;
                                    }
                            
                            
                            #shopcart_payments td#order_details_cost { float: right;
                                                                       width: 27%;
                                                                       margin-left: 3%;
                                                                       font-size: 14px;
                                                                       font-family: 'allerbold';
                                                                       color: #3591D0;
                                                                       text-align: right;
                            }
                            
                            @media screen and (min-width: 1024px) {
                                
                            #shopcart_payments td#order_details_cost { width: 103px;
                                                                       margin: 0px 20px;
                            }    
                                
                            }
                                   
                                   #shopcart_payments td label { display: block;
                                                                 clear: both;
                                                                 font-size: 13px;
                                                                 color: #4A4A4A;
                                                                 text-align: left;
                                                                 line-height: 20px;
                                   }
                                   
                                   @media screen and (min-width: 1024px) {
                                       
                                   #shopcart_payments td label {}    
                                       
                                   }
                                   
                                   #shopcart_payments td .payment_desc,
                                   #shopcart_payments  td .shipment_desc { display: none;
                                                                           clear: both;
                                                                           overflow: hidden;
                                                                           margin-top: 10px;
                                                                           padding: 10px;
                                                                           font-size: 12px;
                                                                           color: #3F3F3F;
                                                                           text-align: left;
                                                                           background: #F9F9F9;
                                                                           border: 1px solid #E9EBEB;
                                   }
                                   
                                   .paczkomaty { display: block;
                                                 clear: both;
                                                 margin-top: 10px;
                                   }
                                   
                                   input[name=paczkawRuchu_label]{ width:250px;
                                   }
                                   
                                   #paczkawRuchu_wrapper { display: none; 
                                                           *margin-left: -9999px; 
                                                           *height: 0px; 
                                                           *position: relative; 
                                                           *top: -500px;
                                                           *display: block;
                                   }
                                        #paczkawRuchu_map { width: auto;
                                                            height: auto;
                                                            overflow: auto;
                                                            position: relative;

                                        }
                                        
                                            #paczkawRuchu_map #map-search { width: 82%;
                                                                            top: 5px;
                                                                            margin: 5px 0;
                                            }
                                            
                                            #paczkawRuchu_map #map-canvas { width: 720px;
                                                                            height: 600px;
                                            }
                                   
                                   .PwR_descBox { min-width: 350px;
                                                  max-width: 550px;
                                                  min-height: 140px;
                                                  padding: 10px 0;
                                   }
                                   
                                        .PwR_link { position: absolute;
                                                    left: 0;
                                                    right: 0;
                                                    bottom: 5px;
                                                    width: 200px;
                                                    margin: 15px auto 5px;
                                                    padding: 5px 30px;
                                                    background: #0093dd;
                                                    border-bottom: 2px solid #85B516;
                                                    text-align: center;
                                                    font-size: 1.5em;
                                                    font-weight: 900;
                                        }
                                        
                                            .PwR_link a { color: #FFF;
                                            }

                                        .PwR_title { font-size: 1.1em;
                                                     font-weight: 700;
                                                     color: #87AF1C;
                                        }

                                        .PwR_openHrs { font-size: 0.9em;
                                                       color: #87AF1C;
                                        }

                                        .PwR_locDesc { text-align: justify;
                                                       margin-top: 5px;
                                        }
                                   
                                   
                     
       #shopcart h2.section {}
       
       @media screen and (min-width: 1024px) {
           
       #shopcart h2.section { width: 862px;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #shopcart h2.section { width: 1062px;
       }    
           
       }
                     
       #shopcart h2.section.info { margin-bottom: 20px;
       }
       
       #shopcart #documents {}
       
              #shopcart #documents .row {}
              
                     #shopcart #documents .row .label { display: none;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     #shopcart #documents .row .label { display: block;
                     }
                         
                     }
           
       #shopcart #orderLog { text-align: center;
                             border-bottom: none;
       }
       
              #orderLog input { display: inline-block;
                                margin: 5px;
                                vertical-align: top;
              }
              
              #orderLog input.button {}
              
              @media screen and (min-width: 1024px) {
                
              #orderLog input.button { margin-top: 11px;
              }    
                  
              }
              
       #shopcart #confirmation { margin-bottom: 30px;
       }
       
       @media screen and (min-width: 1024px) {
           
       #shopcart #confirmation { width: 100%;
       }    
           
       }
       
              #confirmation .row {}
              
                     #confirmation .row .desc { position: relative;
                                                float: left;
                                                width: 100%;
                                                margin-top: 15px;
                                                font-size: 12px;
                                                font-family: 'allerbold';
                                                color: #949494;
                                                line-height: 15px;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     #confirmation .row .desc { text-align: right;
                     }    
                         
                     }
       
       #shopcart #regulations { padding-top: 20px;
       }
       
              #shopcart #regulations textarea { display: block;
                                                width: 100%;
                                                max-width: 100%;
                                                min-height: 120px;
                                                padding: 10px;
                                                box-sizing: border-box;
              }
              
       #shopcart #customer {}
       
              #shopcart #customer .data,
              #shopcart #customer .customer,
              #shopcart #customer .shipment {}
              
              #shopcart #customer .data {}
              
              @media screen and (min-width: 1024px) {
                  
              #shopcart #customer .data { width: 418px;
              }    
                  
              }
              
                     #shopcart #customer .data .row {}
                     
                            #shopcart #customer .data .row input {}
                            
                            @media screen and (min-width: 1024px) {
                                
                            #shopcart #customer .data .row input.text { width: 403px;
                            }   
                            
                            #shopcart #customer .data input#adres,
                            #shopcart #customer .data input#adres_wys,
                            #shopcart #customer .data input#miejscowosc,
                            #shopcart #customer .data input#miejscowosc_wys { width: 228px;
                            } 
                            
                            #shopcart #customer .data input#adres_no,
                            #shopcart #customer .data input#adres_no_wys,
                            #shopcart #customer .data input#kod_poczt,
                            #shopcart #customer .data input#kod_poczt_wys { width: 155px;
                            }
                                
                            }
              
              #shopcart #customer .customer {}
              
              @media screen and (min-width: 1024px) {
                  
              #shopcart #customer .customer { margin-right: 100px;
              }    
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              #shopcart #customer .customer { margin-right: 150px;
              }    
                  
              }
              
              #shopcart #customer .shipment {}
              
              @media screen and (min-width: 1024px) {
                  
              #shopcart #customer .shipment { float: left;
              }    
                  
              }
              
                     #shopcart #customer .shipment .row {}
                     
                     #shopcart #customer .shipment .header {}
                     
                     @media screen and (min-width: 1024px) {
                         
                     #shopcart #customer .shipment .header { text-align: left;
                     }    
                         
                     }
                                   

.empty_shopcart { display: block;
                  position: relative;
                  clear: both;
                  margin-bottom: 200px;
                  padding: 50px;
                  font-size: 16px;
                  font-weight: 700;
                  color: #F99B15;
                  text-align: center;
                  text-transform: uppercase;
                  line-height: 20px;
                  background: #F6F6F6;
                  border: 2px solid #E0E0E0;
                  box-shadow: 0px 2px 10px 0px #E7E7E7;
}
                   
ul.shopcart.summary {}

       ul.shopcart.summary li.item {}
       
       @media screen and (min-width: 1024px) {
           
       ul.shopcart.summary li.item {
            height: auto !important;
            /*display: block;*/
                display: flex;
       }    
       
       ul.shopcart.summary li.item.first { height: 62px;
       } 
           
       }
       
              ul.shopcart.summary li.item .nr {}
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart.summary li.item .nr { height: 51px;
              }
              
              ul.shopcart.summary li.item.first .nr { height: 52px;
              }
                  
              }
       
              ul.shopcart.summary li.item .name { display: block;
                                                  clear: both;
                                                  margin-bottom: 10px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart.summary li.item .name { overflow: hidden;
                                                  float: left;
                                                  clear: none;
                                                  width: 555px;
                                                  /*height: 40px;*/
                                                  margin: 0px;
                                                  padding: 10px 20px;
                                                  border: 1px solid #CCC;
                                                  border-top: none;
                                                  border-right: none;
              }    
              
              ul.shopcart.summary li.item.first .name { border-top: 1px solid #CCC;
              }
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              ul.shopcart.summary li.item .name { width: 735px;
              }    
                  
              }
              
                     ul.shopcart.summary li.item .name span { display: block;
                                                              font-size: 16px;
                                                              font-weight: 700;
                                                              color: #4D4D4D;
                                                              line-height: 20px;
                     }
              
                     @media screen and (min-width: 1024px) { 
                     
                     ul.shopcart.summary li.item .name span { line-height: 40px;
                     }
                     
                     }
                     
              ul.shopcart.summary li.item .quan { display: inline-block;
                                                  margin: 0px 10px;
                                                  font-size: 13px;
                                                  color: #5D5D5D;
                                                  line-height: 40px;
                                                  vertical-align: top;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart.summary li.item .quan { float: left;
                                                  width: 80px;
                                                  margin: 0px;
                                                  padding: 10px 20px 10px 0px;
                                                  border-bottom: 1px solid #CCC;
              }
              
              ul.shopcart.summary li.item.first .quan { border-top: 1px solid #CCC;
              }
                  
              }
              
                     ul.shopcart.summary li.item .quan span { float: left;
                     }
                     
                     ul.shopcart.summary li.item .quan span.value { width: 38px;
                                                                    height: 38px;
                                                                    margin-right: 5px;
                                                                    text-align: center;
                                                                    background: #FFF;
                                                                    border: 1px solid #DCDCDC;
                     }
              
              ul.shopcart.summary li.item .prices { display: inline-block;
                                                    margin: 0px 10px;
                                                    vertical-align: top;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.shopcart.summary li.item .prices { float: left;
                                                    width: 140px;
                                                    /*height: 40px;*/
                                                    height: auto;
                                                    margin: 0px;
                                                    padding: 10px 20px;
                                                    background: #EEE;
                                                    border: 1px solid #CCC;
                                                    border-top: none;
                                                    border-left: none;
              }   
              
              ul.shopcart.summary li.item.first .prices { border-top: 1px solid #CCC;
              }
                  
              }
              
                     ul.shopcart.summary li.item .prices .price { float: right;
                                                                  clear: both;
                     }
                     
                            ul.shopcart.summary li.item .prices .price span { float: left;
                                                                              line-height: 20px;
                            }
                     
                     ul.shopcart.summary li.item .prices .netto { }
                     
                            ul.shopcart.summary li.item .prices .netto span { font-size: 11px;
                                                                              color: #949494;
                            }
                            
                            ul.shopcart.summary li.item .prices .netto span.label { margin-right: 5px;
                            }
                     
                     ul.shopcart.summary li.item .prices .brutto {}
                     
                            ul.shopcart.summary li.item .prices .brutto span { font-size: 18px;
                                                                               color: #4E4E4E;
                            }
       
       ul.shopcart.summary li.summary {}
       
              ul.shopcart.summary li.summary .summary .deliv span.value,
              ul.shopcart.summary li.summary .summary .total span.value { color: #4E4E4E;
              }
              
              ul.shopcart.summary li.summary .summary .total span.value { font-family: 'allerbold';
              }

#shopcart .form.info { clear: both;
                       padding: 0px;
}

@media screen and (min-width: 1024px) {
    
#shopcart .form.info { width: 892px;
}    
    
}

@media screen and (min-width: 1200px) {
    
#shopcart .form.info { width: 1092px;
}    
    
}

       #shopcart .form.info .row { margin-bottom: 0px;
                                   border-bottom: 1px solid #CCC;
       }
       
              #shopcart .form.info .row span { display: inline-block;
                                               padding: 10px 0px;
                                               font-size: 13px;
                                               font-weight: normal;
                                               color: #4E4E4E;
              }
              
              @media screen and (min-width: 1024px) { 
              
              #shopcart .form.info .row span { float: left;
                                               margin-left: 10px;
              }  
              
              #shopcart .form.info .row span.label { width: 100px;
                                                     padding-right: 20px;
                                                     text-align: right;
                                                     border-right: 1px solid #CCC;
              }
              
              }
              
              #shopcart .form.info .row span.label { font-family: 'allerbold';
              }
              
              #shopcart .form.info .row span.value { }
       
       #shopcart .form.info .del { background: #F7F7F7;
       }
       
       #shopcart .form.info .tot { border-bottom: none;
       }
       
#shopcart .form.data { clear: both;
                       padding: 0px;
}

@media screen and (min-width: 1024px) {
    
#shopcart .form.data { width: 892px;
}    
    
}

@media screen and (min-width: 1200px) {
    
#shopcart .form.data { width: 1092px;
}    
    
}

       #shopcart .form.data .head { display: inline-block;
                                    position: relative;
                                    width: 100%;
                                    margin-bottom: 10px;
                                    padding: 15px 0px;
                                    font-size: 13px;
                                    font-family: 'allerbold';
                                    color: #4E4E4E;
                                    text-transform: uppercase;
                                    background: #F7F7F7;
                                    border-bottom: 1px solid #CCC;
                                    vertical-align: top;
                                    -webkit-box-sizing: border-box !important;
                                    -moz-box-sizing: border-box !important;
                                    -ms-box-sizing: border-box !important;
                                    -o-box-sizing: border-box !important;
                                    box-sizing: border-box !important;
       }
       
       @media screen and (min-width: 1024px) {
           
       #shopcart .form.data .dt { float: left;
                                  width: 50%;
       }
           
       #shopcart .form.data .head { float: left;
                                    width: 100%;
                                    padding: 15px 20px;
                                    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #shopcart .form.data .head { 
        /*width: 506px;*/
                                    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
       }    
           
       }
       
       #shopcart .form.data .field { display: inline-block;
                                     position: relative;
                                     width: 100%;
                                     padding-bottom: 10px;
                                     vertical-align: top;
       }
       
       @media screen and (min-width: 1024px) {
           
       #shopcart .form.data .field { float: left;
                                     width: 406px;
                                     padding: 0px 20px 10px;
       }   
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #shopcart .form.data .field { width: 546px;
       }   
           
       }
       
              #shopcart .form.data .field span { display: inline-block;
                                                 font-size: 13px;
                                                 color: #4E4E4E;
                                                 line-height: 20px;
                                                 vertical-align: top;
              }
              
              #shopcart .form.data .field span.label { margin-right: 10px;
                                                       font-family: 'allerbold';
              }
              
              @media screen and (min-width: 1024px) {
                  
              #shopcart .form.data .field span.label { width: 80px;
              }    
                  
              }
       
       #shopcart .form.data .shipment .head { border-top: 1px solid #CCC;
       } 
       
       @media screen and (min-width: 1024px) {
           
       #shopcart .form.data .shipment .head { width: 100%;
                                              border-top: none;
                                              border-left: 1px solid #CCC;
       }    
       
       #shopcart .form.data .customer .field { width: 406px;
                                               border-right: 1px solid #CCC;
       }
       
       #shopcart .form.data .customer .field.first { margin-top: -10px;
                                                     padding-top: 10px;
       }
           
       }
       
       @media screen and (min-width: 1200px) {
           
       #shopcart .form.data .shipment .head { 
        /*width: 505px;*/
       } 
       
       #shopcart .form.data .customer .field { width: 506px;
       }
           
       }
       
#shopcart .form.message,
#shopcart .form.payment { font-size: 13px;
                          color: #4E4E4E;
                          text-align: center;
                          line-height: 22px;
}

#shopcart #end { display: block;
                 clear: both;
                 margin: 20px 0px;
                 text-align: center;
}

       #shopcart #end a { display: inline-block;
                          vertical-align: top;
       }
       
       @media screen and (min-width: 1024px) {
           
       #shopcart #end a { float: right;
       }    
           
       }
        

/* --------- /SHOPCART --------- */






/* FORMS */

.form { display: block;
        position: relative;
        padding: 10px 15px;
        border: 1px solid #CCC;
}

@media screen and (min-width: 1024px) {
    
.form { float: left;
        width: 647px;
}   
    
}

@media screen and (min-width: 1200px) {
    
.form { width: 782px;
}   
    
}

.form.no_top { border-top: none;
}

.form.no_btm { border-bottom: none;
}

h2.section { display: block;
             height: 40px;
             padding: 0px 15px;
             font-size: 13px;
             font-family: 'allerbold';
             text-transform: uppercase;
             line-height: 40px;
             background: #F7F7F7;
             border-left: 1px solid #CCC;
             border-right: 1px solid #CCC;
}

@media screen and (min-width: 1024px) {
    
h2.section { float: left;
             width: 647px;
             text-align: left;
} 
    
}

@media screen and (min-width: 1200px) {
    
h2.section { width: 782px;
} 
    
}

h2.section.chkbox { background: #FFF;
                    border-bottom: 1px solid #CCC;
}
       
        h2.section.chkbox input,
        h2.section.chkbox label { 
        }
              
        h2.section.chkbox input { vertical-align: middle;
                                  margin-top: -2px;
                                  margin-right: 5px;
        }
              
        h2.section.chkbox label { text-transform: none;
                                  line-height: 40px;
        }

h2.section.top { border-top: 1px solid #CCC;
}

h2.section.btm { border-bottom: 1px solid #CCC;
}

h2.section.info { text-align: right;
                  border-bottom: 1px solid #CCC;
}       
       
h2.section.nobtm { border-bottom: none!important;
}   

       .form .row { display: inline-block;
                    position: relative;
                    width: 100%;
                    margin-bottom: 10px;
       }
       
       @media screen and (min-width: 1024px) {
          
       .form .row { float: left;
       }    
           
       }
       
       .form .row.header { height: 38px;
                           font-size: 13px;
                           font-family: 'allerbold';
                           text-align: center;
                           text-transform: uppercase;
                           line-height: 38px;
                           background: #F7F7F7;
                           border-top: 1px solid #CCC;
                           border-bottom: 1px solid #CCC;
       }
       
       @media screen and (min-width: 1024px) {
           
       .form .row.header { height: 40px;
                           line-height: 45px;
                           background: none;
                           border-top: none;
                           border-bottom: none;
       }    
           
       }
       
              .form .row input.text { display: block;
                                      width: 100%;
                                      box-sizing: border-box;
              }
              
              @media screen and (min-width: 1024px) { 
              
              .form .row input.text { float: left;
                                      width: 303px;
              }
              
              }
              
              @media screen and (min-width: 1200px) { 
              
              .form .row input.text { float: left;
                                      width: 343px;
              }
              
              }
              
              .form .row input.input_disabled { background: #EEE;
              }
              
              .form .row sup { display: none;
                               float: left;
                               width: 10px;
                               margin-left: 5px;
                               font-size: 13px;
                               font-family: 'allerbold';
                               color: #FF0000;
                               text-align: center;
                               line-height: 25px;
              }
              
              @media screen and (min-width: 1024px) { 
              
              .form .row sup { display: block;
              }
                  
              }
              
              .form .row a.ui-selectmenu { border: 1px solid #BCBCBC;
              }
              
              @media screen and (min-width: 1024px) { 
              
              .form .row a.ui-selectmenu { float: left;
              }
                  
              }
              
              .form .row input.error { margin-bottom: 20px!important;
              }
                     
              .form .row label.error { position: absolute;
                                       left: 0px;
                                       bottom: 0px;
                                       width: 100%;
                                       margin-bottom: 0px;
                                       font-size: 11px;
                                       font-family: 'allerbold';
                                       color: #FF0000;
                                       text-align: center;
                                       text-transform: uppercase;
                                       line-height: 13px;
                                       z-index: 100;
              }
              
              .form .row span.info,
              .form .row span.label,
              .form .row span.value { display: inline-block;
                                      position: relative;
                                      font-size: 13px;
                                      vertical-align: top;
              }
              
              .form .row span.info { font-family: 'allerbold';
              }
              
              .form .row span.label { margin-right: 10px;
              }
              
              .form .row span.value { font-family: 'allerbold';
                                      color: #3591D0;
              }
              
              @media screen and (min-width: 1024px) {
                  
              .form .row label.error { width: 313px;
              }    
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              .form .row label.error { width: 413px;
              }    
                  
              }
       
       .form .row.submit { margin-bottom: 0px;
       }
              
.legend { display: none;
          clear: both;
          margin-bottom: 10px;
          padding: 5px 15px 0px;
          font-family: Arial;
          text-align: center;
          background: #FDFBEA;
}

@media screen and (min-width: 1024px) {
    
.legend { display: block;
         text-align: left;
}   
    
}

       .legend .row { margin-bottom: 0px;
       }

              .legend span { display: inline-block;
                             clear: both;
                             margin-bottom: 5px;
                             font-size: 12px;
                             color: #000;
              }
       
              @media screen and (min-width: 1024px) {
           
                  .legend span { float: left;
                                 clear: none;
                  }   
                  
              }
       
              .legend span.label { padding-left: 45px;
                                   line-height: 36px;
                                   background: url(../img/ico/info.png) 0px center no-repeat;
              }
       
              @media screen and (min-width: 1024px) {
           
                  .legend span.label { padding: 15px 10px 15px 45px;
                                       border-right: 1px solid #CCC;
                  }    
           
              }
       
              .legend span.info { display: block;
                                  padding-top: 5px;
                                  font-style: italic;
                                  line-height: 20px;
                                  border-top: 1px solid #CCC;
              }
       
              @media screen and (min-width: 1024px) { 
       
                  .legend span.info { padding: 18px 20px;
                                      line-height: 15px;
                                      border-top: none;
                  }    
       
              }
     
                                                 
#documents { padding-bottom: 0px;
             text-align: center;
}

@media screen and (min-width: 1024px) {
    
#documents { padding-bottom: 10px;
} 
    
}

       #documents .row { margin-bottom: 0px;
       }
       
              #documents div { display: block;
                               clear: both;
                               margin-bottom: 10px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #documents div { float: left;
                               clear: none;
                               margin-bottom: 0px;
              }    
                  
              }
              
              #documents div.label { font-size: 13px;
                                     font-family: 'allerbold';
                                     line-height: 22px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #documents div.label { margin-right: 60px;
              }    
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              #documents div.label { margin-right: 120px;
              }    
                  
              }
              
              #documents div.option {}
              
              @media screen and (min-width: 1024px) {
                  
              #documents div.option { margin-right: 40px;
              }    
                  
              }
              
                     #documents div.option input,
                     #documents div.option label { display: inline-block;
                                                   vertical-align: top;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     #documents div.option input,
                     #documents div.option label { float: left;
                     }    
                         
                     }
                     
                     #documents div.option input { margin-top: 5px;
                                                   margin-right: 5px;
                     }
                     
                     #documents div.option label  { font-size: 13px;
                                                    line-height: 22px;
                     }
                     
#company { padding: 20px 15px 10px;
           text-align: center;
}

#registerForm .company,
#registration .company {display: none;
}

@media screen and (min-width: 1024px) {
    
#company { text-align: left;
} 
    
}

       #company .row { margin-bottom: 0px;
       }
       
              #company input { margin-bottom: 10px;
              }
              
              #company sup.nip { float: right;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #company input#firm { float: left;
              }
              
              #company input#nip { float: right;
              }
                  
              }
              
              #company label[for="nip"].error { left: auto;
                                                right: 0px;
              }
              
.form .data { display: block;
              position: relative;
              clear: both;
              padding: 10px 0px 0px;
}

#customer {}

#customer .customer {}

#customer .shipment { display: none;
}

@media screen and (min-width: 1024px) { 

.form .data { width: 318px;
              clear: none;
}  

.form .customer { float: left;
}

.form .shipment { float: right;
}

}

@media screen and (min-width: 1200px) { 

.form .data { width: 368px; // 418
}  

}

       .form .data input#adres,
       .form .data input#adres_wys,
       .form .data input#miejscowosc,
       .form .data input#miejscowosc_wys { width: 65%;
       }
       
       @media screen and (min-width: 1024px) { 
       
       .form .data input#adres,
       .form .data input#adres_wys,
       .form .data input#miejscowosc,
       .form .data input#miejscowosc_wys { width: 178px;
       }
       
       }
       
       @media screen and (min-width: 1200px) { 
       
       .form .data input#adres,
       .form .data input#adres_wys,
       .form .data input#miejscowosc,
       .form .data input#miejscowosc_wys { width: 248px;
       }
       
       }
                     
       .form .data input#adres_no,
       .form .data input#adres_no_wys,
       .form .data input#kod_poczt,
       .form .data input#kod_poczt_wys { width: 30%;
       }
       
       @media screen and (min-width: 1024px) {
           
       .form .data input#adres_no,
       .form .data input#adres_no_wys,
       .form .data input#kod_poczt,
       .form .data input#kod_poczt_wys { width: 75px;
       }    
           
       }
       
       .form .data input#adres,
       .form .data input#adres_wys,
       .form .data input#kod_poczt,
       .form .data input#kod_poczt_wys { float: left;
       }
       
       .form .data input#adres_no,
       .form .data input#adres_no_wys,
       .form .data input#miejscowosc,
       .form .data input#miejscowosc_wys { float: right;
                                           margin-left: 5%;
       }
       
       @media screen and (min-width: 1024px) {
           
       .form .data input#adres_no,
       .form .data input#adres_no_wys,
       .form .data input#miejscowosc,
       .form .data input#miejscowosc_wys { float: left;
                                           margin-left: 5px;
       }    
           
       }
                    
       .form .data label[for="adres"].error,
       .form .data label[for="adres_wys"].error,
       .form .data label[for="miejscowosc"].error,
       .form .data label[for="miejscowosc_wys"].error { width: 65%;
       }
       
       @media screen and (min-width: 1024px) {
           
       .form .data label[for="adres"].error,
       .form .data label[for="adres_wys"].error,
       .form .data label[for="miejscowosc"].error,
       .form .data label[for="miejscowosc_wys"].error { width: 178px;
       }    
           
       }
       
       @media screen and (min-width: 1200px) {
           
       .form .data label[for="adres"].error,
       .form .data label[for="adres_wys"].error,
       .form .data label[for="miejscowosc"].error,
       .form .data label[for="miejscowosc_wys"].error { width: 278px;
       }    
           
       }
                     
       .form .data label[for="adres_no"].error,
       .form .data label[for="adres_no_wys"].error,
       .form .data label[for="kod_poczt"].error,
       .form .data label[for="kod_poczt_wys"].error { width: 30%;
       }
       
       @media screen and (min-width: 1024px) {
           
       .form .data label[for="adres_no"].error,
       .form .data label[for="adres_no_wys"].error,
       .form .data label[for="kod_poczt"].error,
       .form .data label[for="kod_poczt_wys"].error { width: 105px;
       }    
           
       }
       
       .form .data label[for="adres_no"].error,
       .form .data label[for="adres_no_wys"].error,
       .form .data label[for="miejscowosc"].error,
       .form .data label[for="miejscowosc_wys"].error { left: auto;
                                                        right: 15px;
       }
                
#register {}
       
#register.hidden { display: none;
}
       
#regulations { padding-top: 5px;
               text-align: left;
               border-top: none;
}

       #regulations .row { margin: 10px 0px 0px;
       }

              #regulations input,
              #regulations label { display: inline;
                                   vertical-align: top;
              }
       
              #regulations input { margin-top: 4px;
                                   margin-right: 5px;
              }
              
              #regulations input.error { margin-bottom: 0px!important;
              }
       
              #regulations label { max-width: 90%;
                                   font-size: 13px;
                                   font-weight: normal;
                                   text-align: left;
                                   line-height: 20px;
              }
              
              #regulations label[for="electronics"].error,
              #regulations label[for="rules"].error { position: relative;
                                                      width: auto;
                                                      margin-right: 5px;
                                                      font-size: 11px;
                                                      font-family: 'allerbold';
              }
              
#wrappers {}      

       #wrappers .row {}

              #wrappers input,
              #wrappers span,
              #wrappers img,
              #wrappers label { display: inline-block;
                                vertical-align: top;
              }
       
              #wrappers input { margin-top: 3px;
                                margin-right: 5px;
              }
       
              #wrappers label { max-width: 70%;
                                font-size: 13px;
                                font-weight: normal;
                                text-align: left;
                                line-height: 20px;
              }
              
              #wrappers label,
              #wrappers span { font-size: 13px;
                               line-height: 20px;
              }
              
              #wrappers span.price { font-family: 'allerbold';
                                     margin: 0px 5px;
                                     color: #3591D0;
              }
              
              #wrappers img { margin: 0px 5px;
                              width: auto;
                              height: 20px;
              }
              
#summary { padding-bottom: 0px;
}

       #summary .row {}
       
       @media screen and (min-width: 1024px) {
        
       #summary .row { float: right;
                       clear: both;
                       width: auto;
       }    
           
       }
       
              #summary .row span { font-size: 16px;
                                   line-height: 20px;
              }
       
              #summary .row span.label { font-weight: 700;
              }
       
#confirmation { width: 100%;
                margin: 20px 0px 0px;
                padding: 0px;
                text-align: center;
                border: none;
}

       #confirmation .row { margin-bottom: 0px;
       }
       
              #confirmation input.button_long { display: inline-block;
              }
              
              #shopcart #confirmation input.button_long { width: 250px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #confirmation input.button_long { float: right;
              }    
                  
              }
              
/* /FORMS */
              


              
         
/* LOGIN */              
              
#login { text-align: center;
}

       #login h2.login { border-top: 1px solid #CCC;
       }
      
              #login input.button_long { display: inline-block;
                                         margin: 0px auto;
              }
              
              
       #login div.login,
       #login div.password {}
       
       @media screen and (min-width: 1024px) {
           
       #login div.login,
       #login div.password {}    
           
       }
       
       #login .login {}
       
              #login .login input.text {}
              
              @media screen and (min-width: 1024px) {
                  
              #login .login .row { float: left;
                                   width: 50%;
              }    
                
                     #login .login input.text { position: relative;
                                                width: 313px;
                     }   
              
                     #login .login input.log { float: left;
                     }
              
                     #login .login input.pass { float: right;
                     }
              
              #login .login .submit { float: right;
              }
              
                     #login .login .submit input.button_long { float: right;
                     }
                  
              }
              
              @media screen and (min-width: 1200px) {
                  
              #login .login .row {}    
              
                     #login .login input.text { width: 383px;
                     }   
                  
              }
              
              
       
       #login .password {}
       
              #login .password .label { display: inline-block;
                                        margin-top: 10px;
                                        font-size: 13px;
                                        font-style: italic;
                                        color: #9E9E9E;
                                        text-align: left;
                                        line-height: 20px;
              }
              
              #login .password input.text {}
              
              @media screen and (min-width: 1024px) {
               
              #login .password input.text { float: left;
                                            width: 313px;
              }
              
              #login .password .label { float: right;
                                        width: 290px;
                                        margin-top: 0px;
                                        margin-right: 10px;
              }
              
              #login .password input.button_long { float: right;
              }
                  
              }
              
              @media screen and (min-width: 1200px) {
               
              #login .password input.text { width: 383px;
              }
              
              #login .password .label { width: 360px;
                                        margin-right: 20px;
              }
                  
              }
       
       #login .register { padding-top: 15px;
                          border-top: none;
                          background: #FDFBEA;
       }
       
              #login .register span { display: block;
                                      font-size: 13px;
                                      font-family: 'allerbold';
                                      line-height: 35px;
              }
              
              #login .register a { display: inline-block;
              }
                     
              @media screen and (min-width: 1024px) {
                  
              #login .register .row { margin-bottom: 5px;
              }    
                  
              #login .register span { float: left;
              }    
              
              #login .register a { float: right;
              }
                  
              }        
                     
/* /LOGIN */   





/* MANUFACTURERS */

.letters { margin-bottom: 30px;
           text-align: center;
}

       .letters a,
       .letters span { display: inline-block;
                       width: 36px;
                       height: 36px;
                       margin: 10px 10px;
                       font-size: 14px;
                       text-align: center;
                       line-height: 36px;
                       border: 1px solid #E0E0E0;
       }
       
       .letters span { color: #FAFAFA;
                       background: #AFAFAF;
       }

       .letters a { font-family: 'allerbold';
                    color: #FFF;
                    background: #444;
       }
       
       .letters a:hover { background: #0093dd;
       }
       

ul.manufacturers { display: block;
                   text-align: center;
}

       ul.manufacturers li { display: inline-block;
                             position: relative;
                             overflow: hidden;
                             width: 283px;
                             height: 350px;
                             margin: 0px 10px 20px;
                             text-align: center;
                             background: #FFF;
                             border: 3px solid #E7E7E7;
                             vertical-align: top;
       }
       
       @media screen and (min-width: 1200px) {
          
       ul.manufacturers li { float: left;
                             margin: 0px 6px 10px 0px;
       } 
       
       ul.manufacturers li:nth-child(3n+3) { margin-right: 0px;
       }   
           
       }
       
              ul.manufacturers li .image { display: table;
                                           overflow: hidden;
                                           float: left;
                                           width: 100%;
                                           height: 107px;
                                           margin-bottom: 10px;
                                           padding: 5px 0px;
                                           text-align: center;
                                           vertical-align: middle;
                                           border-bottom: 3px solid #E7E7E7;
              }
                     
                     ul.manufacturers li .image a,
                     ul.manufacturers li .image span {}
                     
                            ul.manufacturers li .image img { max-width: 283px;
                                                             max-height: 107px;
                            }
                     
                     ul.manufacturers li .image a:hover {}
                    
              ul.manufacturers li .name { overflow: hidden;
                                          float: left;
                                          width: 100%;
                                          height: 25px;
                                          margin: 0px 5px 10px;
              }
                     
                     ul.manufacturers li .name a,
                     ul.manufacturers li .name span { display: block;
                                                      font-size: 16px;
                                                      font-family: 'allerbold';
                                                      color: #565656;
                                                      line-height: 25px;
                     }
                            
                     ul.manufacturers li .name a:hover { color: #0093dd;
                     }
                     
              ul.manufacturers li .link { overflow: hidden;
                                          float: left;
                                          width: 100%;
                                          height: 15px;
                                          margin-bottom: 10px;
              }
              
                     ul.manufacturers li .link a { display: block;
                                                   font-size: 12px;
                     }
                     
              ul.manufacturers li .desc { overflow: hidden;
                                          float: left;
                                          width: 263px;
                                          height: 100px;
                                          margin: 0px 10px 15px;
              }
              
                     ul.manufacturers li .desc a { font-size: 13px;
                                                   color: #565656;
                                                   line-height: 20px;
                     }
                            
                            ul.manufacturers li .desc a:hover { color: #0093dd;
                            }
                     
              ul.manufacturers li .quantity { overflow: hidden;
                                              float: left;
                                              width: 100%;
                                              height: 45px;
                                              font-size: 14px;
                                              font-family: 'allerbold';
                                              color: #FFF;
                                              line-height: 45px;
                                              background: #3591D0;
              }

/* /MANUFACTURERS */

/* MANUFACTURERS AS CATEGORIES */

ul.manufacturers.menu > li{
    border: none;
    height: auto;
}

/* /MANUFACTURERS AS CATEGORIES */

/* COMMENTS LIST */

#comments {}

       #comments ul { display: inline-block;
                      position: relative;
                      width: 100%;
       }
       
              #comments ul li { position: relative;
                                float: left;
                                width: 100%;
                                margin-top: 20px;
                                padding-top: 20px;
                                background: #FFF;
                                border-top: 1px solid #E7E7E7;
              }
              
              #comments ul li:first-child { margin-top: 0px;
                                            padding-top: 0px;
                                            border-top: 0px;
              }
              
                     #comments ul li .info,
                     #comments ul li .content { float: left;
                                                width: 100%;
                     }
                     
                     #comments ul li .info { margin-bottom: 10px;
                     }
                     
                            #comments ul li .info .date,
                            #comments ul li .info .rating { font-size: 13px;
                                                            font-family: 'allerbold';
                                                            line-height: 17px;
                            }
                     
                            #comments ul li .info .date { float: left;
                                                          color: #0093dd;
                            }
                            
                            #comments ul li .info .rating { float: right;
                                                            color: #3591D0;
                            }
                            
                                   #comments ul li .info .rating img { float: left;
                                                                       width: 17px;
                                                                       height: 17px;
                                                                       margin-right: 3px;
                                   }
                     
                     #comments ul li .content { font-size: 13px;
                                                color: #9E9E9E;
                                                line-height: 20px;
                     }

/* /COMMENTS LIST */





/* STORAGE */

#storage { display: block;
           width: 100%;
           position: relative !important;
}

      
#storage ul.storage { display: block;
                      width: 100%;
}
              
       ul.storage li { display: block;
                       clear: both;
                       margin-bottom: 5px;
                       padding: 10px 15px;
                       -webkit-box-sizing: border-box !important;
                        -moz-box-sizing: border-box !important;
                        -ms-box-sizing: border-box !important;
                        -o-box-sizing: border-box !important;
                        box-sizing: border-box !important;
       }
       
       @media screen and (min-width: 1024px) {
           
       ul.storage li { float: left;
                       width: 100% !important;
       }   
           
       }
       
       @media screen and (min-width: 1200px) {
           
       ul.storage li { float: left;
                       width: 100% !important;
                       -webkit-box-sizing: border-box !important;
                        -moz-box-sizing: border-box !important;
                        -ms-box-sizing: border-box !important;
                        -o-box-sizing: border-box !important;
                        box-sizing: border-box !important;
       }   
           
       }
       
              ul.storage li div { display: block;
                                  text-align: center;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.storage li div { float: left;
              }    
                  
              }
        
              ul.storage li .remove {}
              
              @media screen and (min-width: 1024px) {
              
              ul.storage li .remove { width: 79px;
              }    
                  
              }
              
              ul.storage li .name {}
              
              @media screen and (min-width: 1024px) {
               
              ul.storage li .name { width: 220px;
                                    text-align: left;
              }    
                  
              }
              
              @media screen and (min-width: 1200px) {
               
              ul.storage li .name { width: 400px;
              }    
                  
              }
              
              ul.storage li .price {}
              
              @media screen and (min-width: 1024px) {
               
              ul.storage li .price { width: 170px;
              }    
                  
              }
              
              ul.storage li .options {}
              
              @media screen and (min-width: 1024px) {
              
              ul.storage li .options { width: 100px;
              }    
                  
              }
       
       ul.storage li.head { display: none;
       }
       
       @media screen and (min-width: 1024px) {
           
       ul.storage li.head { display: block;
       }    
           
       }
       
              ul.storage li.head div { font-size: 13px;
                                       font-family: 'allerbold';
                                       color: #9E9E9E;
                                       text-transform: uppercase;
                                       line-height: 20px;
              }
              
              ul.storage li.head div.remove {}
              
              ul.storage li.head div.name {}
              
              ul.storage li.head div.price {}
              
              ul.storage li.head div.options { float: right;
              }
              
              ul.storage li.head div.empty {}
        
       ul.storage li.item { min-height: 40px;
                            background: #F5F5F5;
                            border-top: 1px solid #E7E7E7;
                            border-bottom: 1px solid #E7E7E7;
       }
       
              ul.storage li.item div { margin-bottom: 10px;
              }
              
              @media screen and (min-width: 1024px) {
                  
              ul.storage li.item div { height: 40px;
                                       margin-bottom: 0px;
              }    
                  
              }
              
              ul.storage li.item .remove {}
              
                     ul.storage li.item div.remove a { display: inline-block;
                                                       width: 10px;
                                                       height: 10px;
                                                       line-height: 10px;
                                                       background: url(../img/ico/remove.png) center center no-repeat;
                                                       vertical-align: top;
                     }
                     
                     @media screen and (min-width: 1024px) { 
                     
                     ul.storage li.item div.remove a { margin-top: 15px;
                     }    
                     
                     }
                                   
                     ul.storage li.item div.remove a:hover { opacity: 0.7;
                     }
              
              ul.storage li.item .name {}
              
              @media screen and (min-width: 1024px) {
                  
              ul.storage li.item .name { display: table;
              }   
                  
              }
              
                     ul.storage li.item div.name a { display: block;
                                                     font-family: 'allerbold';
                                                     color: #4E4E4E;
                                                     line-height: 15px;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     ul.storage li.item div.name a { display: table-cell;
                                                     height: 40px;
                                                     vertical-align: middle;
                     }     
                         
                     }
                                   
                     ul.storage li.item div.name a:hover { color: #0093dd;
                     }
              
              ul.storage li.item .price {}
              
                     ul.storage li.item div.price span { display: inline-block;
                                                         vertical-align: top;
                     }
                                   
                     ul.storage li.item div.price span.old { margin-right: 5px;
                                                             color: #9E9E9E;
                                                             text-decoration: line-through;
                                                             line-height: 20px;
                     }
                                
                     ul.storage li.item div.price span.price { font-size: 18px;
                                                               font-family: 'allerbold';
                                                               color: #4E4E4E;
                                                               line-height: 20px;
                     }
                     
                     ul.storage li.item div.price span.norm { line-height: 40px;
                     }
              
              ul.storage li.item .options {}
              
              @media screen and (min-width: 1024px) {
                  
              ul.storage li.item .options { float: right;
              }
              
              }
              
                     ul.storage li.item div.options span,
                     ul.storage li.item div.options a { display: inline-block;
                                                        width: 40px;
                                                        height: 40px;
                                                        margin: 0px 3px;
                                                        vertical-align: top;
                     }
                                  
                     #storage ul.storage li.item div.options a.details { background: url(../img/ico/storage.png) 0px 0px no-repeat;
                     }
                                   
                     #storage ul.storage li.item div.options .add { background: url(../img/ico/storage.png) 0px -40px no-repeat;
                     }
                                 
                     #storage ul.storage li.item div.options a:hover { opacity: 0.7;
                     }
                                  
                     #storage ul.storage li.item div.options span { opacity: 0.5;
                     }
                     
                             
                             
                             
                             
       #storage ul.storage li.empty { font-size: 13px;
                                      font-family: 'allerbold';
                                      text-align: center;
                                      text-transform: uppercase;
                                      background: #F5F5F5;
                                      border-top: 1px solid #E7E7E7;
                                      border-bottom: 1px solid #E7E7E7;
       }        
                     

/* /STORAGE */





/* ACCOUNT */

#div_id_account_main #ls { display: none;
}

#div_id_account_main #ms { width: 100%;
}

.my_account { display: block;
              width: 100%;
}

#my_account { padding: 50px 0px;
              text-align: center;
}

@media screen and (min-width: 1024px) {
    
#my_account.placeholder { padding: 100px 10px;
}    
    
}

       #my_account .info { display: inline-block;
                           vertical-align: top;
                           margin-bottom: 50px;
       }
       
              #my_account .info .row { position: relative;
                                       float: left;
                                       clear: both;
                                       margin-bottom: 15px;
              }
              
              #my_account .info .header { margin-bottom: 20px;
                                          font-size: 25px;
              }
              
                     #my_account .info .header b { color: #3591D0;
                     }
              
                     #my_account .info .row span { float: left;
                                                   font-size: 16px;
                                                   color: #3A3A3A;
                                                   line-height: 25px;
                     }
                     
                     #my_account .info .row span.label { margin-right: 10px;
                     }
                     
                     #my_account .info .row span.value { font-family: 'allerbold';
                                                         color: #3591D0;
                     }

       #my_account ul.account { display: inline-block;
                                position: relative;
                                width: 100%;
                                text-align: center;
                                vertical-align: top;
       }
       
              #my_account ul.account li { display: inline-block;
                                          width: 134px;
                                          height: 142px;
                                          margin: 0px 40px 40px;
                                          text-align: center;
                                          vertical-align: top;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #my_account ul.account li { margin-bottom: 0px;
              }    
                  
              }
       
              
              #my_account ul.account li.hist { background: #AFAFAF url(../img/ico/acc1.png) center 20px no-repeat;
              }
              
              #my_account ul.account li.edit { background: #AFAFAF url(../img/ico/acc2.png) center 20px no-repeat;
              }
              
              #my_account ul.account li.pass { background: #AFAFAF url(../img/ico/acc3.png) center 20px no-repeat;
              }
              
              #my_account ul.account li.pts { background: #AFAFAF;
              }
              
                     #my_account ul.account li a { display: block;
                                                   padding-top: 90px;
                                                   font-size: 13px;
                                                   color: #FFF;
                                                   line-height: 52px;
                     }
              
              #my_account ul.account li:hover { background-color: #444;
              }
              
#password_change { display: inline-block;
                   width: 100%;
}

       #password_change .form { text-align: center;
       }
       
       @media screen and (min-width: 1024px) {
           
       #password_change .content { border-bottom: none;
       }    
           
       }
       
       #password_change .legend { margin-bottom: 0px;
       }
       
              #password_change .form .row {}
       
              @media screen and (min-width: 1024px) {
                  
              #password_change .form .row { text-align: center;
              }    
                  
              }
              
                     #password_change .form .row input,
                     #password_change .form .row sup { float: none;
                     }
                     
                     @media screen and (min-width: 1024px) {
                         
                     #password_change .form .row input,
                     #password_change .form .row sup { display: inline-block;
                                                       vertical-align: top;
                     }    
                         
                     }
                     
#ordersList { display: block;
              float: left;
              width: 100%;
}
 
        #ordersList li { display: table;
                         table-layout: fixed;
                         width: 100%;
                         margin-bottom: 10px;
        }
        
               #ordersList li div { display: table-cell;
                                    height: 100%;
                                    text-align: center;
                                    vertical-align: middle;
               }
               
               #ordersList li div.nr { width: 7%;
               }
               
               #ordersList li div.dateOrd { width: 15%;
               }
               
               #ordersList li div.dateShip { width: 15%;
               }
               
               #ordersList li div.cost { width: 23%;
               }
               
               #ordersList li div.stat { width: 20%;
               }
               
               #ordersList li div.det { width: 10%;
               }
               
               #ordersList li div.pay { width: 10%;
               }
               
        #ordersList li.head { display: none;
                              height: 40px;
                              background: #F2F2F2;
        }
        
        @media screen and (min-width: 1024px) {
            
        #ordersList li.head { display: table;
        }    
            
        }
        
                #ordersList li.head div { font-size: 13px;
                                          font-family: 'allerbold';
                                          color: #6C6C6C;
                                          line-height: 40px;
                }
        
        #ordersList li.item { padding-bottom: 10px;
                              border-bottom: 1px solid #E7E7E7;
        }
        
                #ordersList li.item div { font-size: 11px;
                }
                
                @media screen and (min-width: 1024px) {
                    
                #ordersList li.item div { font-size: 13px;
                }    
                    
                }
        
                #ordersList li.item div.nr { font-family: 'allerbold';
                                             color: #9E9E9E;
                }
                
                #ordersList li.item div.dateOrd,
                #ordersList li.item div.dateShip {}
                
                #ordersList li.item div.cost { font-family: 'allerbold';
                                               color: #3591D0;
                }
                
                #ordersList li.item div.stat { font-family: 'allerbold';
                                               color: #9E9E9E;
                }
                
                #ordersList li.item div.det,
                #ordersList li.item div.pay { font-size: 11px;
                                              font-family: 'allerbold';
                }
                
                       #ordersList li.item div.det a,
                       #ordersList li.item div.pay a { color: #3591D0;
                       }
                       
                       #ordersList li.item div.det a:hover,
                       #ordersList li.item div.pay a:hover { color: #0093dd;
                       }
                
        
.orderInfo,
.orderDocuments,
.orderList { display: block;
             position: relative;
             clear: both;
             margin-bottom: 20px;
             padding: 0px 0px 10px;
             background: #FFF;
             border: 1px solid #CDCDCD;
                 -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

       .my_account.history h4.info { display: inline-block;
                                     width: 100%;
                                     margin-bottom: 10px;
                                     padding: 10px 0px;
                                     font-size: 15px;
                                     font-family: 'allerbold';
                                     color: #043C79;
                                     text-indent: 20px;
                                     background: #F9F9F9;
       }
       
       .orderInfo .left,
       .orderInfo .right { max-width: 50%;
       }
       
       .orderInfo .left { margin-left: 20px;
       }
       
       .orderInfo .right { margin-right: 20px;
       }
       
       .orderInfo .opt { float: left;
                         clear: both;
                         margin-bottom: 10px;
       }
       
              .orderInfo .opt span { float: left;
                                     font-size: 13px;
                                     color: #828282;
                                     line-height: 15px;
              }
              
              .orderInfo .opt span.feat { margin-right: 10px;
              }
              
              .orderInfo .opt span.value { font-family: 'allerbold';
              }
              
       .orderDocuments a { float: left;
                           clear: both;
                           margin-left: 20px;
                           margin-bottom: 10px;
                           font-size: 13px;
                           font-family: 'allerbold';
                           color: #043C79;
       }
       
       .orderDocuments a:hover { text-decoration: underline;
       }
       
       .orderList li { display: table;
                       float: left;
                       width: 100%;
                       margin-bottom: 10px;
       }
       
              .orderList li div { display: table-cell;
                                  height: 100%;
                                  padding: 0px 20px;
                                  text-align: center;
                                  vertical-align: middle;
              }
              
              .orderList li .name { width: 400px;
                                    text-align: left;
              }
              
              .orderList li .quan { width: 53px;
              }
              
              .orderList li .price { width: 125px;
              }
              
              .orderList li .brutto {}
              
              .orderList li .netto {}
       
       .orderList li.header { margin-bottom: 0px;
       }
       
       .orderList li.head { height: 40px;
                            background: #043C79;
       }
       
              .orderList li.head div { font-size: 13px;
                                       font-family: 'allerbold';
                                       color: #FFF;
                                       line-height: 40px;
              }
              
       .orderList li.item { padding-bottom: 10px;
                            border-bottom: 1px solid #EAEAEA;
       }
       
       .orderList li.item:last-child { margin-bottom: 0px;
                                       padding-bottom: 0px;
                                       border-bottom: none;
       }
       
              .orderList li.item div { font-size: 13px;
                                       color: #828282;
                                       line-height: 20px;
              }

/* /ACCOUNT */






/* TEXTPAGES */

div#articles { display: none;
               position: relative;
               float: left;
               width: 100%;
               margin-bottom: 5px;
}

@media screen and (min-width: 1024px) {
    
div#articles { display: block;
}   
    
}

       #articles ul { position: relative;
                      float: left;
                      width: 100%;
       }
       
              #articles ul li { display: block;
                                clear: both;
                                margin-bottom: 20px;
                                padding: 10px 15px;
                                background: #FFF;
                                border: 2px solid #E7E7E7;
                                box-shadow: 0px 1px 5px 0px #E7E7E7;
              }
              
                     #articles ul li .head { display: inline-block;
                                             width: 100%;
                                             margin-bottom: 20px;
                     }
                     
                            #articles ul li .head .title { float: left;
                            }
                            
                                   #articles ul li .head .title a { display: block;
                                                                    font-size: 13px;
                                                                    font-family: 'allerbold';
                                                                    color: #565656;
                                                                    line-height: 20px;
                                   }
                                   
                                   #articles ul li .head .title a:hover { color: #0093dd;
                                   }
                            
                            #articles ul li .head .info { float: right;
                            }
                            
                                   #articles ul li .head .info .category,
                                   #articles ul li .head .info .date { float: left;
                                   }
                                   
                                          #articles ul li .head .info span,
                                          #articles ul li .head .info a { float: left;
                                                                          margin-left: 5px;
                                                                          font-size: 12px;
                                                                          line-height: 20px;
                                          }
                                          
                                          #articles ul li .head .info span { color: #A6A6A6;
                                          }
                                          
                                          #articles ul li .head .info a { margin-right: 10px;
                                          }
                     
                     #articles ul li .content { display: inline-block;
                                                width: 100%;
                                                font-size: 13px;
                                                color: #565656;
                                                line-height: 22px;
                     }
                     
h1.header.article { margin-bottom: 20px;
                    padding-bottom: 0px;
                    border-bottom: none;
}

       h1.header.article span { padding-bottom: 5px;
                                border-bottom: 2px solid #565656;
       }
                     
ul.articles { position: relative;
              float: left;
              width: 100%;
}

       ul.articles li { display: block;
                        clear: both;
                        margin-bottom: 20px;
                        padding: 20px 15px;
                        background: #FFF;
                        border: 2px solid #E7E7E7;
                        box-shadow: 0px 1px 5px 0px #E7E7E7;
       }
       
              ul.articles li .head { display: inline-block;
                                     width: 100%;
                                     margin-bottom: 20px;
              }
              
                     ul.articles li .head .title { float: left;
                                                   max-width: 75%;
                                                   text-align: left;
                     }
                     
                            ul.articles li .head .title a { display: block;
                                                            font-size: 15px;
                                                            font-family: 'allerbold';
                                                            color: #565656;
                                                            line-height: 20px;
                            }
                            
                            ul.articles li .head .title a:hover { color: #0093dd;
                            }
                     
                     ul.articles li .head .date { float: right;
                                                  max-width: 25%;
                                                  text-align: right;
                     }
              
              ul.articles li .content { display: inline-block;
                                       width: 100%;
                                       font-size: 13px;
                                       color: #565656;
                                       line-height: 22px;
              }
              
                     ul.articles li .content .image { display: none;
                                                      position: relative;
                                                      float: left;
                                                      width: 120px;
                                                      height: 120px;
                                                      margin-right: 20px;
                     }
                     
                     @media screen and (min-width: 1024px) {
                     
                     ul.articles li .content .image { display: table;
                                                      table-layout: fixed;
                     }    
                         
                     }
                     
                            ul.articles li .content .image span { display: table-cell;
                                                                  width: 100%;
                                                                  height: 100%;
                                                                  text-align: center;
                                                                  vertical-align: middle;
                            }
                            
                                   ul.articles li .content .image span img { max-width: 120px;
                                                                             max-height: 120px;
                                   }
                     
                     ul.articles li .content .desc { position: relative;
                                                     float: left;
                                                     width: 100%;
                                                     font-size: 13px;
                                                     color: #565656;
                                                     line-height: 22px;
                     }
                     
                     @media screen and (min-width: 1024px) {
                     
                     ul.articles li .content .desc { width: 531px;
                     }    
                         
                     }
                     
                     @media screen and (min-width: 1200px) {
                     
                     ul.articles li .content .desc { width: 731px;
                     }    
                         
                     }
                     
              ul.articles li .more { float: right;
                                     clear: both;
                                     margin-top: 20px;
              }
              
                     ul.articles li .more a { display: block;
                                              padding-right: 15px;
                                              font-size: 12px;
                                              font-family: 'allerbold';
                                              color: #949494;
                                              line-height: 15px;
                                              background: url(../img/ico/nav.png) no-repeat scroll 100% -88px transparent;
                     }
                     
                     ul.articles li .more a:hover { color: #0093dd;
                     }


.textpage { position: relative;
            font-size: 14px;
            color: #444;
            text-align: left;
            line-height: 20px;
}

@media screen and (min-width: 1024px) {
    
#mc .textpage { width: 659px;
                padding: 30px 20px;
}    
    
}

@media screen and (min-width: 1024px) {
    
#mc .textpage { width: 859px;
}    
    
}

       .textpage h1,
       .textpage h2,
       .textpage h3,
       .textpage p,
       .textpage ul { display: block;
                      clear: both;
       }
       
       .textpage h1,
       .textpage h2,
       .textpage h3 { margin-bottom: 20px;
                      font-weight: 700;
       }
       
       .textpage h1 { font-size: 24px;
       }
       
       .textpage h2 { font-size: 22px;
       }
       
       .textpage h3 { font-size: 20px;
       }
       
       .textpage p { margin-bottom: 30px;
       }
       
       .textpage ul { margin-left: 30px;
                      margin-bottom: 30px;
       }
       
              .textpage ul li { display: block;
                                margin-bottom: 10px;
                                padding-left: 15px;
                                line-height: 18px;
                                background: url(../img/theme/ico/dot.png) 0px 5px no-repeat;
              }
       


#contact { position: relative;
}

@media screen and (min-width: 1024px) {
    
#contact.placeholder { width: 669px;
                       padding: 20px 15px;
}    
    
}

@media screen and (min-width: 1200px) {
    
#contact.placeholder { width: 869px;
                       padding: 20px 15px;
}    
    
}

       #contact .contact_data { display: block;
                                position: relative;
                                overflow: hidden;
                                clear: both;
                                margin-top: 10px;
                                margin-bottom: 30px;
       }
       
              #contact table.contact_table { position: relative;
                                             table-layout: fixed;
                                             width: 100%;
              }
              
                     table.contact_table th,
                     table.contact_table td { width: 50%;
                                              font-size: 13px;
                                              color: #3E3E3E;
                                              text-align: left;
                                              vertical-align: top;
                     }
                     
                     table.contact_table th { padding-bottom: 15px;
                                              font-weight: 700;
                                              text-transform: uppercase;
                                              line-height: 15px;
                     }
                     
                     table.contact_table td { font-weight: 500;
                                              line-height: 18px;
                     }
                     
                     table.contact_table td.data { padding-left: 25px;
                                                   background: url(../img/ico/envelope.png) 0px 3px no-repeat;
                     }
                     
                     table.contact_table td.contact {}
       
       #contact .contact_form { display: inline-block;
                                position: relative;
                                margin-bottom: 30px;
                                vertical-align: top;
       }
       
              #contact .contact_form .form {}
              
              @media screen and (min-width: 1024px) {
                  
              #contact .contact_form .form { padding-top: 20px;
              }    
                  
              }
       
              #contact .contact_form .row {}
              
              @media screen and (min-width: 1024px) {
                  
              #contact .contact_form .half { width: 50%;
              }    
              
              #contact .contact_form .left { clear: left;
              }
              
              #contact .contact_form .right { clear: right;
              }
                  
              }
              
                     #contact .contact_form input.text {}
                     
                     @media screen and (min-width: 1024px) {
                         
                     #contact .contact_form input.text { width: 280px;
                     }     
                     
                     #contact .contact_form .right input.text { float: right;
                     }
                         
                     }
                     
                     @media screen and (min-width: 1200px) {
                         
                     #contact .contact_form input.text { width: 385px;
                     }   
                     
                     }
                     
                     #contact .contact_form label { display: block;
                                                    clear: both;
                                                    margin-bottom: 5px;
                                                    font-size: 13px;
                                                    color: #4E4E4E;
                                                    text-align: left;
                                                    line-height: 15px;
                     }
                     
                     #contact .contact_form label.error { margin-bottom: 0px;
                                                          font-size: 11px;
                                                          text-align: center;
                     }
                     
              #contact .contact_form .textarea { margin: 10px 0px 20px;
              }
                     
                     #contact .contact_form textarea { display: block;
                                                       box-sizing: border-box;
                                                       width: 100%;
                                                       max-width: 100%;
                                                       min-height: 150px;
                                                       padding: 10px;
                                                       line-height: 15px;
                                                       outline: none;
                     }
                     
                     #contact .contact_form textarea.error { margin-bottom: 20px;
                     }
                     
                     #contact .contact_form .textarea label.error { width: 100%;
                     }
                     
                     #contact .contact_form {}
                     
              #contact .contact_form .captcha {}
              
              @media screen and (min-width: 1024px) {
                  
              #contact .contact_form .captcha {}   
                  
              }
              
                     #contact .contact_form .captcha img {}
                     
                     #contact .contact_form .captcha input {}
                     
                     @media screen and (min-width: 1024px) {
                         
                     #contact .contact_form .captcha input { float: left;
                                                             width: 160px;
                                                             margin-right: 15px;
                     }    
                         
                     }
              
              #contact .contact_form .submit { display: inline-block;
                                               margin-top: -50px;
                                               vertical-align: top;
                                               position: relative;
                                               z-index: 999;
              }
              
              @media screen and (min-width: 1024px) {
                  
              #contact .contact_form .submit { float: right;
              }    
                  
              }
       
       #contact .contact_data_extended { display: inline-block;
                                         width: 100%;
                                         margin-bottom: 20px;
                                         vertical-align: top;
                                         position: relative !important;
       }
       #contact .contact_data_extended iframe {
           width: 100% !important;
       }
       
              #contact .contact_data_extended h5 { display: block;
                                                   clear: both;
                                                   margin-bottom: 15px;
                                                   font-size: 14px;
                                                   font-weight: 500;
                                                   text-transform: uppercase;
                                                   line-height: 20px;
              }
	
              #contact .contact_data_extended img { max-width: 100%;
                                                    height: auto!important;
              }
       
	
/* /TEXTPAGES */





/* SEARCH */

#advanced_search_form { display: inline-block;
                        position: relative;
                        width: 100%;
                        vertical-align: top;
}

        #advanced_search_form .placeholder {}
        
        @media screen and (min-width: 1024px) {
         
        #advanced_search_form .placeholder { width: 659px;
                                             padding: 20px;
        }  
            
        }
        
        @media screen and (min-width: 1200px) {
         
        #advanced_search_form .placeholder { width: 859px;
                                             padding: 20px;
        }  
            
        }
        
               @media screen and (min-width: 1024px) {
                   
               #advanced_search_form h2.section,
               #advanced_search_form .form { width: 627px;
               }    
                   
               }
               
               @media screen and (min-width: 1200px) {
                   
               #advanced_search_form h2.section,    
               #advanced_search_form .form { width: 827px;
               }    
                   
               }
        
               #advanced_search_form .search_query { padding-top: 20px;
               }
               
                      #advanced_search_form .search_query input.text { margin-bottom: 10px;
                      }
                      
                      @media screen and (min-width: 1024px) {
                          
                      #advanced_search_form .search_query input.text { width: 500px;
                                                                       margin-bottom: 0px;
                                                                       margin-right: 10px;
                      }    
                          
                      }
                      
                      #advanced_search_form .search_query input.chk,
                      #advanced_search_form .search_query label { display: inline-block;
                                                                  vertical-align: top;
                      }
                      
                      @media screen and (min-width: 1024px) { 
                      
                      #advanced_search_form .search_query input.chk,
                      #advanced_search_form .search_query label { float: left;
                      }    
                      
                      }
                      
                      #advanced_search_form .search_query input.chk { margin-top: 1px;
                                                                      margin-right: 5px;
                      }
                      
                      @media screen and (min-width: 1024px) { 
                      
                      #advanced_search_form .search_query input.chk { margin-top: 14px;
                      }
                      
                      }
                      
                      #advanced_search_form .search_query label { font-size: 13px;
                                                                  color: #4E4E4E;
                                                                  line-height: 15px;
                      }
                      
                      @media screen and (min-width: 1024px) {
                          
                      #advanced_search_form .search_query label { margin-top: 10px;
                                                                  line-height: 20px;
                      }    
                          
                      }
               
               #advanced_search_form .options { padding-top: 20px;
               }
               
                      @media screen and (min-width: 1024px) {
                   
                      #advanced_search_form .half { width: 50%;
                      }
                      
                             #advanced_search_form .left a { float: left;
                             }
                             
                             #advanced_search_form .right a { float: right;
                             }
                   
                      }
               
                      #advanced_search_form .options .prices { margin-top: 10px;
                                                               text-align: center;
                      }
                      
                             #advanced_search_form .options .prices span,
                             #advanced_search_form .options .prices input { display: inline-block;
                                                                            vertical-align: top;
                             }
                             
                             #advanced_search_form .options .prices span { font-size: 13px;
                                                                           color: #4E4E4E;
                                                                           line-height: 40px;
                             }
                             
                             #advanced_search_form .options .prices input { width: 68px;
                                                                            margin: 0px 5px;
                             }
                             
                             @media screen and (min-width: 1024px) {
                                 
                             #advanced_search_form .options .prices input { float: none;
                             }    
                                 
                             }
                      
                      #advanced_search_form .options .more { height: 20px;
                                                             padding: 10px 0px;
                                                             text-align: center;
                      }
                      
                      @media screen and (min-width: 1024px) { 
                      
                      #advanced_search_form .options .more { margin-top: 10px;
                      }
                      
                      }
                      
                             #advanced_search_form .options .more span,
                             #advanced_search_form .options .more input,
                             #advanced_search_form .options .more label { display: inline-block;
                                                                          vertical-align: top;
                             }
                             
                             #advanced_search_form .options .more span,
                             #advanced_search_form .options .more label { font-size: 13px;
                                                                          color: #4E4E4E;
                                                                          line-height: 20px;
                             }
                             
                             #advanced_search_form .options .more span { margin-right: 10px;
                             }
                             
                             #advanced_search_form .options .more label { margin-right: 10px;
                             }
                             
                             #advanced_search_form .options .more input { margin-top: 4px;
                                                                          margin-right: 5px;
                             }
                             
               #advanced_search_form .submit { display: inline-block;
                                               margin-top: 20px;
                                               vertical-align: top;
               }
               
               @media screen and (min-width: 1024px) {
                   
               #advanced_search_form .submit { float: right;
               }    
                   
               }

/* /SEARCH */






.pole_message,
.pole_message_info,
.pole_message_err,
.ui-dialog { position: absolute!important;
             width: 60%!important;
             z-index: 10000!important;
             background: #FFF;
             border: 5px solid #CCC;
}

       .ui-dialog-titlebar { position: absolute;
                             top: -17px;
                             right: -17px;
       }
       
              .ui-dialog-titlebar a.ui-dialog-titlebar-close { float: right;
                                                               width: 16px;
                                                               height: 16px;
                                                               text-indent: -20000px;
                                                               background: url(../img/ico/main.png) 0px 0px no-repeat;
              }
              
              .ui-dialog-titlebar a.ui-dialog-titlebar-close:hover { opacity: 0.7;
              }
       
       .ui-dialog-content { width: 90%!important;
                            min-height: 1px!important;
                            margin: 20px 5%;
                            font-size: 13px;
                            font-family: 'allerbold';
                            color: #F99B15;
                            text-align: center;
                            line-height: 30px;
       }
       
       
       .pole_message,
       .pole_message_info,
       .pole_message_err { padding: 20px 0px;
                           font-size: 13px;
                           font-family: 'allerbold';
                           text-align: center;
                           line-height: 30px;
       }
       
       .pole_message { color: #0093dd;
       }
       
       .pole_message_info { color: #F99B15;
       }
       
       .pole_message_err { color: #FF0000;
       }
       
       .ui-widget-overlay { position: fixed;
                            top: 0px;
                            left: 0px;
                            background: url(../img/shadow.png) 0px 0px repeat;
       }
       

/* MODULES */     
 
.popup_box { position: fixed;
             top: 200px;
             width: 70%;
             margin: 0px 15%;
             padding: 20px 40px;
             background: #FFF;
             border: 1px solid #636363;
             z-index: 10001;
}

       .popup_box h3.info { margin-bottom: 15px;
                            font-size: 18px;
                            font-family: 'allerbold';
                            color: #4D4D4D;
       }
       
       .popup_box h3.info.ok { padding-left: 25px;
                               background: url(../img/ico/popups.png) 0px 0px no-repeat;
       }

       .popup_box .buttons { margin-top: 15px;
       }
       
              .popup_box .buttons a { text-align: center;
              }
              
              .popup_box .buttons a.ext { margin-right: 15px;
                                          background: #CDCDCD;
              }
              
              .popup_box .buttons a.ext:hover { background: #3591D0;
              }
              
              
              
/* CART ADD */  

#cart_popup,
#cart_popup_options { display: none;
}
        .cart_popup .content { width: 100%;
                               border: 1px solid #E7E7E7;
        }
        
               .cart_popup .image { display: table;
                                    table-layout: fixed;
                                    overflow: hidden;
                                    float: left;
                                    width: 15%;
                                    height: 140px;
                                    padding: 10px 0px;
               }
               
                      .cart_popup .image a { display: table-cell;
                                             width: 100%;
                                             height: 100%;
                                             text-align: center;
                                             vertical-align: middle;
                      }
                      
                              .cart_popup .image a img { max-width: 200px;
                                                         max-height: 140px;
                              }
                            
                      .cart_popup .image a:hover { opacity: 0.7;
                      }
               
               .cart_popup .cnt { position: relative;
                                  float: left;
                                  width: 66%;
                                  min-height: 100px;
                                  margin: 20px 2% 10px;
                                  overflow: hidden;
               }
               
                      .cart_popup .cnt div { display: block;
                                             overflow: hidden;
                                             width: 100%;
                      }
                      
                      .cart_popup .cnt .name { margin-bottom: 10px;
                      }
                      
                             .cart_popup .cnt .name a { display: block;
                                                        font-size: 16px;
                                                        font-family: 'allerbold';
                                                        color: #4D4D4D;
                                                        text-align: left;
                                                        line-height: 20px;
                             }
                                   
                             .cart_popup .cnt .name a:hover { color: #0093dd;
                             }
                             
                      .cart_popup .cnt .bef_disc, 
                      .cart_popup .cnt .aft_disc { text-align: left;
                      }
                      
                             .cart_popup .cnt .bef_disc span,    
                             .cart_popup .cnt .aft_disc span { display: inline-block;
                                                               color: #A4A4A4;
                                                               line-height: 15px;
                             }
                           
                             .cart_popup .cnt span.label { margin-right: 5px;
                                                           font-size: 11px;
                             }
                                 
                             .cart_popup .cnt span.value { font-size: 14px;
                             }
                                
                      ul.shopcart li .content .bef_disc { margin-bottom: 5px;
                      }
                            
                      ul.shopcart li .content .aft_disc { margin-bottom: 10px;
                      }
                      
                      .cart_popup .cnt .options { display: inline-block;
                                                  margin-top: 15px;
                                                  vertical-align: top;
                      }
                      
                             .cart_popup .cnt .options .option { float: left;
                                                                 width: 100%;
                                                                 margin-bottom: 10px;
                             }
                             
                                     .cart_popup .cnt .options .option span.label,
                                     .cart_popup .cnt .options .option a { float: left;
                                     }
                                     
                                     .cart_popup .cnt .options .option  span.label { width: 110px;
                                                                                     margin-right: 10px;
                                                                                     font-size: 13px;
                                                                                     color: #4D4D4D;
                                                                                     text-align: right;
                                                                                     line-height: 40px;
                                     }
                                     
               
               .cart_popup .opts { position: relative;
                                   float: right;
                                   width: 15%;
                                   height: 160px;
                                   overflow: hidden;
                                   background: #EEE;
               }
                             
                      .cart_popup .opts .prices { position: absolute;
                                                  bottom: 20px;
                                                  right: 20px;
                                                  color: #A4A4A4;
                                                  text-align: right;
                      }
                      
                             .cart_popup .opts .prices div { display: block;
                             }
                             
                                    .cart_popup .opts .prices .label { margin-right: 5px;
                                    }
                            
                                    .cart_popup .opts .prices .netto { margin-bottom: 5px;
                                    }
                                    
                                           .cart_popup .opts .prices .netto span { font-size: 11px;
                                                                                   line-height: 13px;
                                           }
                                   
                                    .cart_popup .opts .prices .brutto { font-size: 18px;
                                                                        color: #949494;
                                                                        line-height: 20px;
                                    }
                            

/* /CART ADD */ 

/* css dla prawidłowego RWD przy < 1024px @since 5.4.2 14.01.2015 */
@media screen and (max-width: 1023px) {
    .popup_box {
        top: 10%;
        margin: 10%;
        padding: 5%;
    }
    
    .popup_box h3.info {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .cart_popup .image {
        display: none;
    }
    .cart_popup .opts {
        display: none;
    }
    .cart_popup .cnt {
        width: 100%;
    }
    .popup_box h3.info.ok {
        background-size: 20px;
    }
    
    #product .content .buy-block .buy a {
        font-size: 12px;
    }
    #product .content .buy-block .quan {
        font-size: 12px;
    }
    #h a.cartBtn {
        width: 140px;
    }
}

/* css dla prawidłowego RWD przy < 360px @since 5.4.2 14.01.2015 */
@media screen and (max-width: 360px) {
    #tCart a.value, #tCart a.quantity {
        font-size: 14px;
    }
    #h a.cartBtn {
        width: 130px;
        font-size: 12px;
}
}

/* BOXES */ 

.hiddenBox { display: none;
             position: fixed;
             right: -243px;
             width: 243px;
             z-index: 999999;
}

@media screen and (min-width: 1024px) {
    
.hiddenBox { display: block;
}    
    
}

       .hiddenBox .opener { position: absolute;
                            top: 0px;
                            left: -47px;
                            width: 47px;
                            height: 47px;
                            cursor: pointer;
       }
       
       .hiddenBox .btn:hover { opacity: 0.7;
       }
       
       .hiddenBox .in { position: relative;
                        float: right;
                        width: 241px;
                        padding: 10px 0px;
                        background: #FFF;
                        border: 1px solid #DBDBDB;
       }
       
              .hiddenBox .in a.cls { position: absolute;
                                     top: 8px;
                                     right: 5px;
                                     width: 16px;
                                     height: 16px;
                                     background: url(../img/ico/main.png) 0px 0px no-repeat;
              }
              
              .hiddenBox .in a.cls:hover { opacity: 0.7;
              }
              
              
/* CART BOX */         
       
#cartBox { top: 160px;
           text-align: left;
} 

       #cartBox .opener { background: #0093dd url(../img/boxes_tabs.png) 0px 0px no-repeat;
       }

       #cartBox ul { overflow: hidden;
                     float: left;
                     width: 100%;
       }
       
              #cartBox ul li { overflow: hidden;
                               float: left;
                               width: 211px;
                               padding: 10px 15px;
              }
              
              #cartBox ul li.head { padding-top: 0px;
                                    font-size: 12px;
                                    font-family: 'allerbold';
                                    color: #515151;
                                    text-transform: uppercase;
              }
              
              #cartBox ul li.item { height: 60px;
                                    border-top: 1px solid #DBDBDB;
              }
              
                     #cartBox ul li.item .image { display: table;
                                                  float: left;
                                                  width: 40px;
                                                  height: 60px;
                                                  margin-right: 10px;
                     }
                     
                            #cartBox ul li.item .image a { display: table-cell;
                                                           width: 100%;
                                                           height: 100%;
                                                           text-align: center;
                                                           vertical-align: middle;
                            }
                            
                                   #cartBox ul li.item .image a img { max-width: 40px;
                                                                      max-height: 60px;
                                   }
                            
                            #cartBox ul li.item .image a:hover { opacity: 0.7;
                            }
                     
                     #cartBox ul li.item .name { overflow: hidden;
                                                 float: left;
                                                 width: 161px;
                                                 height: 20px;
                                                 margin-bottom: 5px;
                     }
                     
                            #cartBox ul li.item .name a { display: block;
                                                          font-size: 12px;
                                                          font-family: 'allerbold';
                                                          color: #707070;
                                                          line-height: 20px;
                            }
                            
                            #cartBox ul li.item .name a:hover { color: #0093dd;
                            }
                            
                     #cartBox ul li.item .price { overflow: hidden;
                                                  float: left;
                                                  width: 161px;
                                                  height: 15px;
                                                  font-size: 11px;
                                                  color: #949494;
                                                  line-height: 15px;
                     }
                     
              #cartBox ul li.summary { border-top: 1px solid #DBDBDB;
                                       text-align: right;
              }
              
                     #cartBox ul li.summary div { float: left;
                                                  width: 100%;
                     }
                     
                            #cartBox ul li.summary span { display: inline-block;
                                                          line-height: 15px;
                            }
                            
                            #cartBox ul li.summary span.lab { margin-right: 5px;
                                                              font-size: 11px;
                                                              color: #949494;
                            }
                            
                            #cartBox ul li.summary span.val { font-family: 'allerbold';
                                                              color: #515151;
                            }
                     
                     #cartBox ul li.summary .deliv { margin-bottom: 5px;
                     }
              
              #cartBox ul li.link { margin-top: 10px;
                                    text-align: center;
              }
              
                      #cartBox ul li.link a { margin: 0px auto;
                      }
              
              #cartBox ul li.empty { text-align: center;
                                     font-family: 'allerbold';
              }

 
/* /CART BOX */ 


/* FB BOX */ 

#fbBox { top: 254px;
}
    
       #fbBox .opener { background: #F99B15 url(../img/boxes_tabs.png) 0px -94px no-repeat;
       }
       
       #fbBox .in { width: 231px;
                    height: 360px;
                    padding: 25px 5px;
       }
       

/* /FB BOX */ 


/* CONTACT BOX */ 

#contactBox { top: 207px;
              text-align: left;
}

       #contactBox .opener { background: #F99B15 url(../img/boxes_tabs.png) 0px -47px no-repeat;
       }
       
       #contactBox .in {}
       
              #contactBox .in h5 { float: left;
                                   width: 100%;
                                   margin-bottom: 8px;
                                   padding: 0px 15px;
                                   font-size: 12px;
                                   font-family: 'allerbold';
                                   color: #515151;
                                   text-transform: uppercase;
              }
              
              #contactBox .in .data { float: left;
                                      width: 211px;
                                      padding: 10px 15px;
                                      border-top: 1px solid #DBDBDB;
              }
              
                     #contactBox .in .data a { font-size: 12px;
                                               font-family: 'allerbold';
                                               color: #515151;
                                               line-height: 20px;
                     }
                     
                     #contactBox .in .data a:hover { color: #0093dd;
                     }
              
              #contactBox .in .text { float: left;
                                      width: 211px;
                                      padding: 10px 15px;
                                      margin-bottom: 15px;
                                      border-top: 1px solid #DBDBDB;
              }
              
                     #contactBox .in .text p { display: block;
                                               margin-top: 10px;
                                               font-size: 12px;
                                               color: #515151;
                                               line-height: 18px;
                     }
                     
                            #contactBox .in .text p a { color: #515151;
                            }
                            
                            #contactBox .in .text p a:hover { color: #0093dd;
                            }
              
              #contactBox .in .link { float: left;
                                      width: 100%;
                                      text-align: center;
              }
              
                     #contactBox .in .link a { margin: 0px auto;
                     }

/* /CONTACT BOX */ 


/* /BOXES */ 
                     

/* ****************** /MODULES ****************** */   


/* SYSTEM */

#nyroModalFull { z-index: 99999!important;
}

#nyroModalBg { background: url(../img/r_bgt.png) 0px 0px repeat;
}

#nyroModalTitle { display: none; 
}
#nyroModalWrapper { overflow: hidden;
                    float: left;
                    width: 540px !important; 
                    height: auto!important;
                    background: #FFF;
                    border: 3px solid #999;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    box-sizing: border-box;
                    position: relative !important;
}
#nyroModalWrapper .wrapper {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative !important;
}
#nyroModalWrapper #nyroModalContent {
    width: 100% !important;
}

#nyroModalWrapper { overflow: hidden;
                    float: left;
                    width: 540px!important; 
                    height: auto!important; 
                    padding: 30px;
                    background: #FFF;
                    border: 3px solid #999;
}

       #nyroModalWrapper a#closeBut { display: block;
                                      position: absolute;
                                      top: -40px; 
                                      right: -40px;
                                      width: 26px;
                                      height: 26px;  
                                      text-indent: -20000px;
                                      font-size: 0;
                                      background: url(../img/cancel.png) 0px 0px no-repeat;
                                      border: none; 
                                      cursor: pointer;
                                      z-index: 99999;
       }


       #nyroModalWrapper .wrapper { float: left;
                                    width: 540px!important; 
                                    height: auto!important; 
       }
       
       #nyroModalContent div.pole_message_err { position: static !important; 
                                                width: 100%;
                                                height: auto; 
                                                min-height: 0px;
                                                margin: 0px;
                                                margin-bottom: 10px;
                                                padding: 0px; 
                                                padding-bottom: 10px;
                                                color: #FF0000; 
                                                text-transform: uppercase;
                                                line-height: 15px;
                                                background: none;
                                                border: none; 
                                                border-bottom: 1px solid #F00;
                                                border-radius: 0px;
                                                -moz-border-radius: 0px;
                                                -webkit-border-radius: 0px;
       }
       
       #nyroModalContent div.pole_message_err .zamknij,
       #nyroModalContent div.pole_message_err #blackout,
       #nyroModalContent br.pole_message_err_br { display: none;
       }
       
       #nyroModalContent { float: left;
                           width: 540px!important; 
                           height: auto!important; 
       }
       
       .popup_content { position: relative;
                        overflow: hidden;
                        float: left;
                        width: 100%;
       }
       
              .popup_content h2.title { float: left;
                                        width: 100%;
                                        padding-bottom: 10px;
                                        font-size: 16px;
                                        font-family: 'allerbold';
                                        color: #3591D0;
                                        text-transform: uppercase;
                                        line-height: 20px;
                                        border-bottom: 1px solid #DCDCDC;
              }
              
              .popup_content h3.name { float: left;
                                       width: 100%;
                                       margin-bottom: 10px;
                                       padding: 10px 0px;
                                       font-size: 18px;
                                       font-family: 'allerbold';
                                       color: #0093dd;
                                       border-bottom: 1px solid #DCDCDC;
              }
              
              .popup_content .raw { position: relative;
                                    float: left;
                                    width: 100%;
                                    margin-bottom: 10px;
                                    text-align: center;
              }
              
                     .popup_content .raw label,
                     .popup_content span,
                     .popup_content .raw input.input_normal,
                     .popup_content input.text,
                     .popup_content .raw input[type="checkbox"],
                     .popup_content .raw textarea { float: left;
                     }
                     
                     .popup_content input.input_normal,
                     .popup_content input.text { width: 280px;
                     }
                     
                     .popup_content .raw input.sendform,
                     .popup_content .raw input.sendform_long { float: none;
                     }
                     
                     .popup_content span.label,
                     .popup_content .raw label { width: 162px;
                                                 margin-right: 10px;
                                                 font-size: 13px;
                                                 font-family: 'allerbold';
                                                 text-align: right;
                                                 line-height: 42px;
                     }
                     
                     .popup_content .chk label { width: auto;
                                                 line-height: 15px;
                     }
                     
                     .popup_content span.value { font-family: 'allerbold';
                                                 line-height: 42px;
                     }
                     
                     .popup_content .raw input[type="checkbox"] { margin-top: 1px;
                                                                  margin-right: 5px;
                     }
                     
                     .popup_content .raw textarea { width: 280px;
                                                    height: 90px;
                                                    padding: 10px;
                     }
                     
                     .popup_content .raw select { float: left;
                                                  padding: 10px 10px;
                                                  border: 1px solid #CCC;
                     }
                     
                     .popup_content .info { font-size: 12px;
                                            font-family: 'allerbold';
                                            color: #444;
                                            line-height: 20px;
                     }
                     
                     .popup_content .sbm { text-align: center;
                     }
                     
                            .popup_content .sbm input { display: inline-block;
                                                        margin: 0px auto;
                            }
              
       /* QUESTION */
              
       .popup_content.question { }
       
               .popup_content.negot .data,
               .popup_content.negot .prices,
               .popup_content.question .data { float: left;
                                               width: 100%;
               }
               
               .popup_content.negot table,
               .popup_content.negot table tr,
               .popup_content.question .data table,
               .popup_content.question .data table tr { display: block;
                                                        float: left;
                                                        width: 100%;
               }
               
                      .popup_content.negot table td,
                      .popup_content.question .data table td { float: left;
                                                               padding-bottom: 10px;
                                                               font-size: 13px;
                                                               font-family: 'allerbold';
                                                               line-height: 42px;
                      }
                      
                      .popup_content.negot table td { font-size: 13px;
                      }
                      
                      .popup_content.negot table td[align="right"],
                      .popup_content.negot .prices table td:first-child,
                      .popup_content.question .data table td[align="right"] { width: 170px;
                                                                              padding-right: 10px;
                                                                              text-align: right;
                      }
                      
                      .popup_content.question input.text,
                      .popup_content.question input.input_normal,
                      .popup_content.question textarea { width: 338px;
                      }
                      
       /* /QUESTION */

.backward, .top_text { display: none; 
}

#blackout { display: none;
            position: fixed; 
            top: 0px; 
            left: 0px;
            width: 100%;
            height: 100%; 
            z-index:1000; 
            background: url(../img/r_bgt.png) 0px 0px repeat;
}

div.pole_message_err, 
div.pole_message, 
div.pole_message_info { display: block;
                        position: fixed;
                        top: 250px;
                        left: 0%;
                        width: 471px;
                        width: 100%!important;
                        box-sizing: border-box;
                        padding: 20px;
                        text-align: center;
                        line-height: 20px;
                        background: #FFF;
                        border: 4px solid #605F61;
                        z-index: 2001;
}

@media screen and (min-width: 768px) {
    
div.pole_message_err, 
div.pole_message, 
div.pole_message_info { left: 50%;
                        max-width: 540px;
                        margin-left: -270px;
}   
    
}

@media screen and (min-width: 1024px) {
    
div.pole_message_err, 
div.pole_message, 
div.pole_message_info {}  
    
}

div.pole_message img.zamknij, 
div.pole_message_err img.zamknij,
div.pole_message_info img.zamknij { position: absolute; 
                                    top: -11px; 
                                    right: -11px;
                                    cursor: pointer; 
}

div.pole_message_err { color: #FF0000;
}
div.pole_message { color: #B6E05A; 
}

div.pole_message_info { color: #444; 
}

#cookie_info { display: none;
               position: relative;
               z-index: 10000;
               width: 94%;
               padding: 10px 3%;
               font-size: 13px;
               font-family: 'allerbold';
               color: #FFF;
               background: #454545;
               line-height: 19px;
}

       #cookie_info a { color: #D4D4D4;
       }
       
       #cookie_info a:hover { color: #0093dd;
       }

       .close_cookie { float: right; 
                       width: 19px; 
                       height: 19px; 
                       background: url(../img/ico/close.png) center center no-repeat; 
       }
       
       .close_cookie:hover { opacity: 0.7;
       }
       
#x_cart { display: none;
          position: fixed;
          width: 540px; 
          margin: 300px 35%; 
          font-size: 18px;
          font-family: 'allerbold';
          color: #FFF;
          text-align: center;
          line-height:250px; 
          background: url(../images/productAdd.png) center center no-repeat; 
}       

.ui-tabs-hide { display: none; 
}

#bossbyte_slide { top: 320px!important; 
}

#bossbyte_slide_front_front { width: 49px!important; 
                              height: 146px!important;
                              background: url(../images/fb.png) 0px 0px no-repeat!important;  
}

#dis_wrapper{ width: 800px;
              margin: 0px auto;
              font-size: 14px;
              font-family: Tahoma;
              color: #000;
              position: relative !important;
}

#dis_wrapper  { font-size: 15px;
                font-family: 'allerbold';
                text-decoration: underline;
                cursor: pointer;
}

.dis_box { position: fixed;
           top: 35%;
           left: 100%;
           right: 25%;
           width: 50%;
           padding: 20px;
           -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
           color: #888;
           background: #FFF;
           z-index: 333123;
           border: 5px solid #888;
}

.dis_overlay { position: fixed;
               top: 0px;
               left: 0px;
               right: 0px;
               bottom: 0px;
               background: #000;
               opacity: 0.5;
               z-index: 333122;
}

a.dis_boxclose { position: absolute;
                 top: -15px;
                 right: -15px;
                 float: right;
                 width: 26px;
                 height: 26px;
                 background: url(../../images/cancel.png) left top repeat;
                 cursor: pointer;
}

#dis_content > input[type="text"] {
    border-radius: 0px;
    height: 33px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
              
.dis_wrapper,
.dis_wrapper .dis_box, 
.dis_overlay, .first_discount_c { display: none;
}

/* /SYSTEM */

.backward { display: none!important;
}

table.cart_order { width: 100%;
}

#mail_pay { display: block;
            position: relative;
            padding: 20px;
            font-size: 15px;
            color: #565656;
            line-height: 30px;
            background: #FFF;
            border: 3px solid #E7E7E7;
            box-shadow: 0px 1px 6px 0px #E7E7E7;
}

       #mail_pay form { display: block;
                        position: relative;
                        text-align: center;
                        margin: 10px 0px;
       } 
       
              #mail_pay form input[type="submit"] { width: 130px;
                                                    height: 30px;
                                                    font-family: 'Ubuntu', Tahoma, Arial;
                                                    font-size: 12px;
                                                    font-family: 'allerbold';
                                                    color: #FFF;
                                                    text-align: center;
                                                    text-transform: uppercase;
                                                    background: #0093dd;
              }
              
              #mail_pay form input[type="submit"]:hover { background: #3591D0;
              }

#div_id_main_page hr { display: none;
}

/* ukrycie starych banerow */
.text_article #rotator-, .text_article #rotator2, .text_article .rotator {
  display: none;
}


#sitemap {}

       #sitemap .list { display: block;
                        position: relative;
                        clear: both;
                        margin-bottom: 30px;
       }
       
       @media screen and (min-width: 1024px) {
           
       #sitemap .list { float: left;
                        clear: none;
                        width: 50%;
       }    
           
       }
       
              #sitemap .list ul { display: block;
                                  position: relative;
                                  clear: both;
              }
              
                     #sitemap .list ul li { display: block;
                                            clear: both;
                                            margin-bottom: 10px;
                                            vertical-align: top;
                     }
                     
                     #sitemap .list ul li.head { padding: 10px 15px;
                                                 background: #EEE;
                     }
                     
                            #sitemap .list ul li.head div { display: inline-block;
                                                            font-size: 15px;
                                                            font-family: 'allerbold';
                                                            color: #3A3A3A;
                                                            text-transform: uppercase;
                                                            vertical-align: top;
                            }
                     
                     #sitemap .list ul li.item { padding: 5px 15px 0px;
                     }
                     
                     #sitemap .list ul li.item:nth-child(odd) { background: #FAFAFA url(../img/ico/dot.png) 15px 10px no-repeat;
                     }
                     
                            #sitemap .list ul li.item a { display: inline-block;
                                                          margin-bottom: 5px;
                                                          font-size: 14px;
                                                          font-family: 'allerbold';
                                                          line-height: 16px;
                                                          vertical-align: top;
                            }
                            
                            #sitemap .list ul li ul { margin: 5px 10px;
                            }
                            
                                   #sitemap .list ul li ul li { margin-bottom: 5px;
                                                                padding: 2px 0px;
                                   }
                                   
                                   #sitemap .list ul li ul li:last-child { margin-bottom: 0px;
                                   }
                                   
                                           #sitemap .list ul li ul li a { font-size: 12px;
                                           }
                     
                     #sitemap .list ul li.level1 { padding-left: 30px;
                                                   background: url(../img/ico/dot.png) 15px 10px no-repeat;
                     }
                     
#paczkomat, #paczkomat2 {
                        width: 100%;
                        box-sizing: border-box;
}                     
       

#no-js { display: block;
         position: relative;
         clear: both;
         margin-bottom: 20px;
         padding: 15px 20px;
         font-size: 14px;
         font-weight: 700;
         color: #FF0000;
         text-align: center;
         text-transform: uppercase;
         line-height: 20px;
         background: #FFF;
         border: 2px solid #FF0000;
}

@media all and (max-width: 480px) {
 #_opineo_container {
  display: none;
 }
}

/* platforma ratalna */
.platformaratalnaVal {
    float: left;
}

.platformaratalnaLabel {
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.platformaRow {
    width: 100%;
    height: 20px;
}

.platformaTable th {
    font-family: 'allerbold';
    padding: 5px;
}

.platformaTable td {
    padding: 5px;
}

.platformaH {
    color: #a1bd73;
    font-family: 'allerbold';
    font-size: 16px;
    text-align: left;
    padding-bottom: 15px;
}

.platformaright {
    text-align: right;
    width: 50%;
    border-bottom: dotted 1px #c2c2c2;
    padding: 10px 5px;
    font-family: 'allerbold';
}

.platformaleft {
    text-align: left;
    width: 50%;
    border-bottom: dotted 1px #c2c2c2;
    padding: 10px 5px;}
.platformSummary{
    width: 100%;
}

.platformaWrap {
    border: solid 1px #c2c2c2;
    padding: 15px;
    width: 97%;
    margin-bottom: 25px;
}

.platformaLinki th {
    font-family: 'allerbold';
    border-bottom: dotted 1px #c2c2c2;
    padding: 10px 5px;
}

.platformaLinki td {
    text-align: left;
    border-bottom: dotted 1px #c2c2c2;
    padding: 10px 5px;
    font-size: 12px;
}

.platformaH {
    color:#a1bd73;
    font-family: 'allerbold';
    font-size: 16px !important;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: none !important;
}

.platformaKwota {
    width: 100px;
    text-align: right !important;
    font-family: 'allerbold';
}

/* logowanie Google Sign-In/Facebook Login */
.services-login {
    display: block;
    width: 280px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    margin: 10px auto 0;
    font-family: 'Ubuntu', Tahoma, Arial;
    font-family: 'allerbold';
    text-transform: uppercase;
    color: #FFF;
    opacity: 1;
}

.services-login:hover {
  opacity: 0.8;
  color: #FFF;
}

#login-g {
    background: #4184F3;
}

#login-fb {
    background: #3B589C;
}

.services-login span.icon {
    width: 35px;
    height: 35px;
    padding: 20px 15px;
    overflow: hidden;
}

#login-g span.icon {
    background: url(../../images/service_google_signin.png) center center no-repeat;
}

#login-fb span.icon {
    background: url(../../images/service_facebook_login.png) center center no-repeat;
}

#shopcart .login .row {
    float: left;
    width: 50%;
}


#shopcart .button_long {
    margin: 9px auto;
}

#shopcart .resetPassword {
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    color: #3591D0;
    display: inline;
    margin: 0px 10px;
}

#shopcart .resetPassword:hover {
    cursor: pointer;
    font-family: 'allerbold';
}
#nyroModalWrapper { 
    overflow: visible;
    float: left;
    width: 540px !important; 
    height: auto!important;
    background: #FFF;
    border: 3px solid #999;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative !important;
}
#nyroModalWrapper .wrapper {
    width: 100% !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative !important;
    padding: 0 !important;
}
#nyroModalWrapper #nyroModalContent {
    width: 100% !important;
}
.welcome_popup {
    color: #000 !important;
}
.welcome_popup span {
    padding-bottom: 5px;
    display: block;
}
#customer .data a.ui-selectmenu {
    width: 401px !important;
}
@media screen and (max-width: 1024px) {
    
    .dis_box { 
        right: 10% !important;
        width: 80% !important;
    }
    #nyroModalWrapper { 
        width: 80% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        margin: 0 !important;
        left: 10% !important;
        top: 10% !important;
    }
    #nyroModalWrapper .wrapper {
        width: 100% !important;
    }
    #nyroModalWrapper #nyroModalContent {
        width: 100% !important;
    }
    #nyroModalWrapper input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        width: 100% !important;
    }
    #nyroModalWrapper input#sm {
        width: 15px !important;
    }
    #nyroModalWrapper textarea {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        width: 100% !important;
    }
    #nyroModalWrapper table {
        width: 100% !important;
        display: block !important;
    }
    #nyroModalWrapper table tbody {
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    #nyroModalWrapper table tbody tr {
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    #nyroModalWrapper table tbody tr td {
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }
    #nyroModalWrapper table tbody tr td.right {
        text-align: center !important;
        line-height: 28px !important;
    }
    .popup_content.question .data table td {
        line-height: 16px !important;
        width: 100% !important;
    }
    .popup_content .raw {
        text-align: center !important;
    }
    .popup_content h3.name {
        font-size: 14px !important;
        text-transform: uppercase !important;
    }
    .form .row a.ui-selectmenu {
        width: 100% !important;
    }
    #customer .data a.ui-selectmenu {
        width: 100% !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        -o-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    #bank-button.ui-selectmenu {
        width: 100% !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        -o-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
}
@media screen and (max-width: 640px) {
    
    #dis_content {
        font-size: 13px !important;
    }
    #dis_content input[type="text"] {
        width: 100% !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -ms-box-sizing: border-box !important;
        -o-box-sizing: border-box !important;
        box-sizing: border-box !important;
        margin-bottom: 5px !important;
    }
    #nyroModalWrapper {
        padding: 0 !important;
    }
    
    .popup_content input {
        height: 30px !important;
    }
    .popup_content textarea {
        height: 60px !important;
    }
    .popup_content .raw label {
        width: 100% !important;
        text-align: left !important;
    }
    #nyroModalWrapper .wrapper {
        padding: 15px !important;
    }
    .dis_box { 
        top: 110px !important;
    }
    div.pole_message_err, div.pole_message, div.pole_message_info {
        top: 100px !important;
    }
    div.pole_message_err, 
    div.pole_message, 
    div.pole_message_info { 
        top: 100px !important;
    }
    #nyroModalWrapper .wrapper {
    }
    #nyroModalWrapper .wrapper #closeBut {
        top: -10px !important;
        right: -10px !important;
    }
}

.survey input[type="submit"] {
    
    font-family: 'allerbold';
    color: #FFF;
    text-transform: uppercase;
    background: #0093dd;
    padding: 0 20px;
    height: 35px;
    font-size: 12px;
}

#shopcart #groups {
  margin-top: 0px !important;
}

#shopcart #groups .productsList li {
  margin: 4px !important;
}


#tops #tabs2 { 
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 1%;
}

#tops #tabs2 .tab {
	width: 100%;
}  
	   
#zak  li {
	float: left;
    width: 24%;
    background: #f7f7f7;
    border: 1px solid #fff;
    position: relative;
}

#zak  li:hover {
    background: #eeeeee;
}

#tops #tabs2 ul.tabs2 li a { 
	display: block;
	padding: 0px 15px;
	font-size: 12px;
	color: #010101;
	text-align: center;
	text-transform: uppercase;
	line-height: 35px;
    content: "";
    height: 35px;
}
#tops #tabs2 ul.tabs2 li a:hover {
	color: #0093dd;
}

.ui-state-active {
    background: #eeeeee !important;
	color: #0093dd;
}



.newTop .topContainer .profileColumn2 .contactContainer {
  display: inline-block;
  text-align: left;
  padding-left: 65px;
  background: url("../img/graniton/iconTopContact.png") left center no-repeat !important;
  font-size: 16px !important;
  color: #999999 !important;
  min-height: 47px;
}
.newTop .topContainer .profileColumn2 .contactContainer span a{
  font-size: 22px !important;
  color: #0093dd !important;
  text-decoration: none !important;
}
.newTop .topContainer .profileColumn2 .contactContainer a {
  font-size: 16px !important;
  color: #999999 !important;
  text-decoration: underline !important;
  font-size: 15px !important;
  -webkit-transition: 0.2s ease !important;
  -moz-transition: 0.2s ease !important;
  -o-transition: 0.2s ease !important;
  transition: 0.2s ease !important;
}
.newTop .topContainer .profileColumn2 .contactContainer a:hover {
  color: #0093dd !important;
}

.tab3 {
	margin-top: 10px;
}

#zak {
	width: 100%;
    display: inline-block;
}

a.tabsik {
	text-decoration: underline;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
}

.mousetrap {
	z-index: 64456 !important;
}

#topLink {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: url(../img/up.png) 0px 0px no-repeat;
	z-index: 123321;
    background-size: cover;
}

.modImgBlock {
    margin: 15px;
    width: 35%;
    float: left;
    height: 350px;
    position: relative;
}

.modImgBlock img {
    top: 20px;
    position: absolute;
    border-radius: 5px;
}

.modDataBlock {
    width: 59%;
    float: left;
    text-align: justify;
}

.modDataBlockTitle {
    margin: 10px;
    font-size: 16px;
}

.modDataBlockText {
    max-height: 260px;
    overflow: overlay;
    font-size: 14px;
    
    line-height: 20px;
    font-size: 12px;
    padding-right: 10px;
    
}

.modDataBlockMore {
    width: 100px;
    border: 1px solid #333;
    padding: 10px;
    border-radius: 5px;
    margin: auto;
    text-align: center;
}

.modDataBlockMore:hover {
    background-color: #EEE;
}

.bigBlock {
    height: 300px;
    border-bottom: 1px solid #EEE;
    margin-bottom: 25px;
}


.bigBlock img {
    max-width: 100%;
    max-height: 100%;
}

.bigBlock.smallBlock {
    width: 49%;
    float: left;
    display: inline-block;
    padding-left: 10px;

}

.bigBlock.smallBlock:nth-child(2n) {
     border-left: 1px solid #EEE;   
}

.modDataBlockPrice {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.modDataBlockPricePromo {
    text-decoration: line-through;
    font-size: 12px;
}

@media screen and (max-width: 1200px) {
    .bigBlock.smallBlock {
        width: 100%;
        padding-left: 0px;

    }

    .bigBlock.smallBlock:nth-child(2n) {
         border-left: none;   
    } 
    
    .modImgBlock img {
        position: relative;     
    }
   
}

@media screen and (max-width: 610px) {
    .bigBlock {
        display: table !important;
    }
    .modImgBlock, .modDataBlock {
        width: 100%;
        height: auto;
    }
}

div#lista_produktow div.text_article p {
       text-align: justify;
}
div#lista_produktow div.text_article h2 {
       text-align: center;
       font-size: 16px;
       margin-top: 1em;
       margin-bottom: 1em;
}



@media screen and (min-width: 1024px) {
#product #opt-comment-taber {
    display: none;
}
}

#product #tabs #opt-comment-taber.taber {
    position: relative;
    float: left;
    width: 100%;
    height: 41px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'allerbold';
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    line-height: 41px;
    background: #A0A0A0;
    cursor: pointer;
}


#product #tabs #opt-desc-taber.taber.active {
    cursor: default;
}

#product #tabs h6.taber:hover, #product #tabs #opt-desc-taber.taber.active {
    background: #575757;
}

#product #tabs #opt-desc-taber{
    position: relative;
    float: left;
    width: 100%;
    height: 41px;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'allerbold';
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    line-height: 41px;
    background: #A0A0A0;
    cursor: pointer;
}


@media screen and (min-width: 1024px) {
#product #tabs #opt-desc-taber {
    display: none;
}
}


#product #tabs #opt-comment-taber.taber.active {
    cursor: default;
}


#product #tabs #opt-comment-taber.taber:hover, #product #tabs #opt-comment-taber.taber.active {
    background: #575757;
}


#product #tabs #opt-desc-taber.taber:hover {
    background: #575757;
}


#opt-menubox-heading {
    height: auto !important;
    padding-left: 0 !important;
    padding-bottom: 8px;
    background: url(../img/graniton/bgHeader.png) left bottom no-repeat !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    color: #818181 !important;
    font-family: 'allerbold' !important;
    font-weight: normal !important;
    border: none !important;
	width:auto;
    margin-bottom: 25px;
    text-align: left;
}

.menuBox #opt-menubox-heading span {
    height: auto !important;
	display: block;
    padding-left: 0 !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    color: #818181 !important;
    font-family: 'allerbold' !important;
    font-weight: normal !important;
    border: none !important;
	padding-bottom: 5px;
    line-height: 35px;
}

.menuBox.menuBox_Filtrowanie #opt-menubox-heading span {
	margin-bottom:0 !important;
	line-height:29px;
}	

.menuBox.menuBox_Filtrowanie #opt-menubox-heading {
	margin-bottom:0 !important;
}	


.menuBox.menuBox_OstatnioPrzegladane #opt-menubox-heading span {
	margin-bottom:0 !important;
	line-height:29px;
}	

.menuBox.menuBox_OstatnioPrzegladane #opt-menubox-heading {
	margin-bottom:0 !important;
}	


@media screen and (min-width: 1024px) {
#opt-switcher {
    display: none;
}
}


@media screen and (min-width: 1024px) {
#opt-search-switcher {
    display: none;
}
}


@media screen and (min-width: 1024px) {
#opt-switcher-contact {
    display: none;
}
}



#opt-home-headings {
    height: auto !important;
    padding-left: 0 !important;
    padding-bottom: 8px;
    background: url(../img/graniton/bgHeader.png) left bottom no-repeat !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    color: #818181 !important;
    font-family: 'allerbold' !important;
    font-weight: normal !important;
    border: none !important;
	display: block;
    overflow: hidden;
    clear: both;
	text-align:left;
	margin-bottom: 15px;
}



#opt-home-headings span {
    height: auto !important;
    padding-left: 0 !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    color: #818181 !important;
    font-family: 'allerbold' !important;
    font-weight: normal !important;
    border: none !important;
	line-height: 35px;
	display:block;
}


@media screen and (min-width: 1024px) {
#opt-home-headings {
    height: 42px;
    margin-bottom: 25px;
}
}	


#opt-more-hidden {
	display:none;
}


.breadcrumb-last-item {
    font-weight:600 !important;
}