body {margin:0; padding:0; font-family: 'Didact Gothic', Arial, sans-serif; font-size: 16px; text-align:left; color:#3d3d3d; line-height:1.3em; background: #fff; background:  url('../gfx/background-x.png') repeat-x 0px 1000px; font-weight: normal;}
    div#background{display: table; width: 100%; height: auto; background: url('../gfx/background.jpg') repeat-x center top;}

a{cursor: pointer; color:#2e2e2e; text-decoration: none;}
a img{border:none;}

a:visited {color: #000; text-decoration: none;}
a:hover, a:active {color:#d79651; text-decoration:none;}

a.button{display: block; float: left; width: 20.5%; font-size: 1.125em; background: #bbb; color:#fff; text-align: center; padding: 8px 0px;}
a.button.no-arrow{background:#d0c789;}

a.button.right{float:right;}
a.button.grey{color:#000; text-shadow: none;}
a.button.dark{background: #ff7979; box-shadow: inset 0px 1px 0px #ffdddd; -moz-box-shadow: inset 0px 1px 0px #ffdddd; -webkit-box-shadow: inset 0px 1px 0px #ffdddd; border:1px solid #ff7979; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

a.center{display: block; float: none; margin: 0 auto; width: 40%; text-align: center;}

div.half a.button{width: auto;}
div.half input[type=submit]{width: auto;}

.pink{color:#cd2681;}
.green{color:#928f5b;}
.red{color:#940c14;}
.right{float:right !important;}
.clear{clear:both;}
.line-through{text-decoration:line-through;}
.half{width:50% !important; float:left;}
.full{width:100%; clear: both;}

h2{font-size: 1.625em; font-weight: normal; color:#f6ab33; padding-bottom: 10px; border-bottom: 1px dotted #8a8a8a; margin: 0px;}
h3{font-size: 1.5625em; font-weight: normal; color:#5a5a5a; border-bottom: 1px solid #e5e5e5; padding-bottom: 9px;}

h3.green{color:#009440;}
h3.half{width:50% !important; float:left; padding-top:0px;}
h3.half.right{text-align:center;}
h3.half.right.clock{text-align:center; background:url('clock.jpg') no-repeat center center; line-height:40px;}
div.grey{display:block; float:left; height:auto; background:#f3f3f3; width:96%; padding:2%;}

h4{font-size: 1em; font-weight: normal;}
h4{font-size: 1.25em; font-weight: normal; color:#c7c7c7; padding-bottom: 10px; background: url('../gfx/h2.png') no-repeat left bottom;}


.line50{line-height:50px !important;}

table{width:100%;}

h5{font-size:14px; clear:both; float:left;}

h5 span{display:block; float:left; line-height:22px;}
h5 span.pink{width:22px; height:22px; margin-right:15px; background:url('../gfx/pink-circle.png') no-repeat center center; color:#c8277b;  text-align:center;}


div.error{display: block; float: left; width: 100%; color:#d00; font-size: 1em; margin:10px 0px;}
div.payment div.error{width: 73%; margin-left: 11%; padding-left: 15%; background: url('../gfx/error.png') no-repeat left center; min-height: 80px; text-align: left;}
div.message{display: block; float: left; width: 100%; color:#d79651; font-size: 1.5em; margin:10px 0px;}
div.payment div.message{width: 73%; margin-left: 11%; padding-left: 15%; background: url('../gfx/info.png') no-repeat left center; min-height: 80px; text-align: left;}

header{display:block; height:auto; width:100%; min-height: 150px;}
    div#header-wrapper{display:table; margin:0 auto; width:1200px; height:auto;}
        div#header-wrapper a#logo{display: block; float: left; width: 55%; height: auto; text-align: center; margin-top: 5px; margin-bottom: 55px;}
        div#header-wrapper a#logo img{width: 100%; max-width: 900px;}
        div#header-wrapper.main a#logo{display: block; float: left; width: 100%; height: auto; text-align: center; margin-top: 20px; margin-bottom: 100px;}
    
        div#header-wrapper div#header-top{display: table; float: right; width: 29%; height: auto;}
            div#header-wrapper div#header-top div#langs{display: block; float: right;}
            div#header-wrapper div#header-top div#langs a{font-size: 1em; color: #989898; line-height: 36px; padding-left: 18px;}
            div#header-wrapper div#header-top div#langs a.active{font-size: 1em; color: #000; line-height: 36px; padding-left: 18px;}
            
            div#header-top div#header-search{display: block; float: right; width: 100%; height: 43px; background: url('../gfx/grey.png') repeat; margin-top:60px;}
                
                div#header-top div#header-search input[type=text]{display: block; float: left; width: 73%; height: 43px; border:none; font-size: 1em; padding-left: 8%; color: #fff; font-family: 'Didact Gothic', Arial, sans-serif; font-weight: 300; background: none;}
                div#header-top div#header-search input[type=submit]{display: block; float: right; width: 17%; height: 43px; background: url('../gfx/search.png') no-repeat center center; cursor: pointer;}
            
            
            div#header-top div#header-login{display: block; float: right; height:50px; width: auto;}
            div#header-top div#header-login a.log-in{display: inline-block; float: left; width: auto; height: 20px; line-height: 20px; background: url('../gfx/v-line.png') no-repeat left center; padding:18px 20px;}
            div#header-top div#header-login a.log-in span{font-size: 1em; color: #017e26; background: url('../gfx/user-black.png') no-repeat left center; padding-left:28px;}
            div#header-top div#header-login a.log-out{display: inline-block; float: left; width: auto; height: 20px; line-height: 20px; background: url('../gfx/v-line.png') no-repeat left center; padding:18px 20px;}
            div#header-top div#header-login a.log-out span{font-size: 1em; color: #017e26; background: url('../gfx/logout-black.png') no-repeat left center; padding-left:28px;}
            div#header-top div#header-login span.name{display: inline-block; float: left; width: auto; height: 20px; line-height: 20px; padding:18px 20px; font-size: 1em; color: #017e26;}
            div#header-top div#header-login a.register{display: inline-block; float: left; width: auto; height: 20px; line-height: 20px; /*background: url('../gfx/v-line.png') no-repeat left center;*/ padding:18px 20px;}
            div#header-top div#header-login a.register span{font-size: 1em; color: #017e26; background: url('../gfx/key-black.png') no-repeat left center; padding-left:40px;}
            
            div#header-top div#header-login span.reg{dispblay:block; float:right; width:100%; font-size: 0.75em; text-align: right; line-height: 0.875em;}
            
            div#header-top div#header-login div.top{display: block; float: left; width: 100%; font-size: 0.8125em;}
            div#header-top div#header-login div.bottom{display: block; float: left; width: 100%; font-size: 0.675em; font-family: 'Trebuchet MS', Arial, sans-serif;}
            
            div#header-top div#header-cart{display: block; float: right; width: auto; height:20px; padding:18px 0px 18px 20px; background: url('../gfx/v-line.png') no-repeat left center;}
                div#header-top div#header-cart span{font-size: 1em; color: #017e26;}
                div#header-top div#header-cart a.cart{display: inline-block; float: left; width: 17px; height: 15px; background: url('../gfx/cart-black.png') no-repeat left center; line-height: 20px; padding-right:8px;}
            

div#header-bottom{display:table; height:auto; width:100%; background: url('../gfx/black-50.png') repeat;}
    div#header-bottom-wrapper{display:table; margin:0 auto; width:1024px; height:auto;}
        div#header-bottom a.home{display: block; float: left; width: 37px; margin: 28px 1.5% 28px 1.5%;}
        div#header-bottom a.home img{display: block; width: 100%; height: auto;}
                
        div#header-bottom div#header-menu{display: table; float: right; width: 86%; text-align: center;}
        div#header-bottom div#header-menu a{display: table-cell; text-align: center; color: #a9a9a9; font-size: 1.25em; font-family: 'Didact Gothic', Arial, sans-serif; text-transform: uppercase; line-height: 87px;}
        div#header-bottom div#header-menu a.active{background: #fff; color: #000;}
        div#header-bottom div#header-menu span{display: table-cell; text-align: center; color: #fff; font-size: 1.25em; font-family: 'Didact Gothic', Arial, sans-serif; text-transform: uppercase; line-height: 87px;}
            
                
        div#header-bottom div#content-menu{display: none; float: left; width: 100%; height: auto; background: rgba(0,0,0,0.5); color:#fff;}
        
        div#header-bottom div#content-menu a{display: inline-block; float: left; width: 100%; margin:0px; text-align: center; text-decoration: none; line-height: 70px; font-size: 1.875em; border-bottom: 1px solid #fff; color: #fff;}
        div#header-bottom div#content-menu span{display: inline-block; float: left; width: 100%; margin:0px; text-align: center; text-decoration: none; line-height: 70px; font-size: 1.875em; border-bottom: 1px solid #fff; color: #fff;}
        div#header-bottom a#menu-pull{display: none; float: left; width: 100%; padding:0px; text-align: center; text-decoration: none;  line-height: 70px; font-size: 1.875em; border-bottom: 1px solid #fff; /*border-top:6px solid #000;*/ background: rgba(0,0,0,0.5) url('../gfx/menu-icon.png') no-repeat left center; margin:0px; color: #fff;}
   
                
                
         
        @media all and (max-width:1200px){
           div#header-wrapper{width:96%; padding:0px 2%; }
           div#header-bottom-wrapper{width:96%; padding:0px 2%; }
        }
        @media all and (max-width:860px){
           div#header-bottom div#header-search span{font-size: 0.75em;}
           div#header-wrapper div#header-top a{background: none; text-align: center;}
           div#header-wrapper div#newsletter input[type=submit]{margin-right: 1%;}
        }
        @media all and (max-width:780px){
            
           
        }
        @media all and (max-width:680px){
            div#header-wrapper div#header-top {width:100%;}
            div#header-top div#header-search {width: 100%;}
            div#header-wrapper a#logo{width: 100%; text-align: center;}
            div#header-bottom a#menu-pull{display: block;}
            div#header-bottom-wrapper{display: none;}
            
        }
        @media all and (max-width:560px){
        }
        
        
        
div#strip{display: block; width: 100%; height: 64px; background: url('../gfx/banner-short.jpg') no-repeat top center; margin-top: 10px;}     
div#strip.tall{display: block; width: 100%; height: 478px; background: url('../gfx/banner-tall.jpg') no-repeat top center;}  
    div#strip-wrapper{display:block; margin:0 auto; width:1024px;}
    @media all and (max-width:760px){
           div#strip {height: 478px; background: url('../gfx/banner-tall.jpg') no-repeat top center;}
    }

div#category-menu{display:block; float: left; width:27%; height:auto; margin-top: 9px; /*position: relative; background:url('../gfx/category-menu.png') repeat-y top center;*/ -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; padding-bottom:10px;}
    div#category-menu h2{display:block; width:92.3%; height:auto;  background: #009440 url('../gfx/category-h2.png') no-repeat right center; font-size: 1.25em; color: #fff;padding-left: 7.7%; line-height: 40px; margin: 0px;}
        div#category-menu h2 a{display:block; width: 100%; color: #fff;}
        div#category-menu h2.active{background: #009440 url('../gfx/category-h2-active.png') no-repeat right center;}
        
    div#category-menu div.field a{font-size: 1.1875em;}
    div#category-menu ul.category-list.sub li a.active{color:#d79651;}
    div#category-menu ul.category-list li.active-item ul.category-list{display: block;}
    div#category-menu ul.category-list{list-style:none; padding-left:0px;}
    div#category-menu ul.category-list li.open div.field.main{background-image: url('../gfx/darr.png'); }
    div#category-menu ul.category-list.sub{list-style-image: url('../gfx/orange-dot.png'); padding-left:11%; display: none;}
    div#category-menu ul.category-list.sub li{border-bottom: 1px dashed #cecece; margin:10px 0px;}
    div#category-menu ul.category-list.sub li:last-child{border-bottom: none;}
    div#category-menu ul.category-list.sub ul.sub{list-style: none; }
    div#category-menu ul.category-list.sub ul.sub li{border-bottom: none;}
    
        
    div#category-menu div.field.main{display: block; clear: both; color:#fff; text-align: center; /*height: 48px;*/position: relative; background: #d79651 url('../gfx/rarr.png') no-repeat 20px center; font-size: 1em;}
    div#category-menu div.field.main a{display: block; width: 74.7%; padding:17px 4.8% 17px 20.5%; color: #fff; text-align: left; height: auto; line-height: 1em; font-size: 1.6875em;}
    div#category-menu div.menu-item div.submenu{display:block;}
    div#category-menu div.menu-item div.submenu div.sub-wrapper{display:block; margin:0px; width:77%;}
    div#category-menu div.menu-item:hover div.submenu{display: block; width: 100%; height: auto; position: absolute; top: 0px; left: 100%; background: url('../gfx/submenu-arrow.png') no-repeat top left; padding-left:10px; margin-left: -10px; z-index: 82;}
        div#category-menu div.menu-item div.submenu h1{display: block; float: left; width: 100%; margin:37px 0px 17px 0px; font-size: 1.8125em; color: #817e4d; text-align: left; font-weight: normal;}
        div#category-menu div.menu-item div.submenu h1 a{color: #817e4d;}
        div#category-menu div.menu-item div.submenu div.sub-wrapper a{display: block; float: left; font-size: 1em; color:#fff; width: 78%; padding:10px 0px 10px 22%; margin:0px; text-align: left; line-height: 1em; background: url('../gfx/background-submenu.png') repeat-x bottom left;}
        div#category-menu div.menu-item div.submenu div.sub-wrapper a small{font-size: 0.625em;}
        div#category-menu div.menu-item div.submenu div.sub-wrapper div.menu-button{display: block; float:left; width: 100%; height: auto; text-align: center;}
        div#category-menu div.menu-item div.submenu div.sub-wrapper a.button{display: inline-block; float: none; color:#fff; border-bottom: none; margin:17px auto; text-align: center; width: auto;}
    div#category-menu div.field.main:hover{background-color: #febe7a;}
    

    div#content{display:block; float:left; width:71.6%; height:auto; margin:9px 0px 0px 1.3%; background: #fff; padding: 0px; min-height: 780px;}
    div#content.main{background: none;}
    div#content.wide{width: 100%;}
    
    @media all and (max-width:780px){
        div#category-menu{width: 100%;}
        div#content{width: 100%;}
    }
    @media all and (max-width:680px){
        
        div#category-menu div.menu-item:hover {background: none;}
        div#category-menu div.menu-item:hover div.submenu{display: none;}
        
        div#content{width:100%;}
        
    }
    @media all and (max-width:480px){
    }

    
    
    
/* banner */
    
    div.banner-wrapper{width:100%; height:400px; padding:0px; position:relative; background: none;}
    div.banner-wrapper.small{width:32%; float:left; height: 200px; margin-right:2%;}
    div.banner-wrapper.small div.banner-content{font-size: 2em; bottom:15px;}
    div.banner-wrapper.small div.banner-slide img{height: 100%; width: auto;}
    div.banner-wrapper.small:nth-of-type(3n){margin-right:0px;}
    div.banner-wrapper.small.main{width:49.5%; float:left; height:300px; margin-right: 0px;}
    div.banner-wrapper.small.main:nth-of-type(2n-1){margin-right: 1%;}
    div.banner-content{display: block; width: auto; height: auto; overflow: hidden; position: absolute; color:#fff; left: 2.5%; bottom: 35px; z-index: 81; text-align: left;font-size: 3em; letter-spacing: 0.5em;}
    div.banner-content div.banner-innercontent{display: block; float: left;}
        div.banner-content p{font-size: 1em; line-height: 1em; color:#fff; margin:5px 0px;}
        
        div.banner-content h3{display: block; float: left; width: 100%; text-align: center; font-size: 3.125em; color: #fff; border: none; margin:10px 0px;}
        div.banner-content h3 small{font-size: 0.48em;}
        div.banner-content a.link{display: inline-block; font-size: 1em; color: #fff; background: url('../gfx/background-menu.png') repeat; padding:4px 27px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
        div.banner-content div.banner-text{display: none; /*width: 86%; height: 360px; margin:0px 7%; position:absolute; left:100%; top:0px;*/}
        div.banner-content div.banner-text.active{display:block;/*left:0px; top:0px;*/}



    div.banner{float:left !important; width:100%; height:100%; overflow:hidden; position:relative; z-index:80;}	
        div#banner div#banner-slider{width: 100%; height: 100%; position:relative; left: 0px;}
        div.banner div.banner-slide{display:none; width: 100%; height: 100%; position:absolute; top:0px; left: 0px; z-index: 89; /*display:block;*/}
        div.banner div.banner-slide.active{z-index: 90;}
        div.banner div.banner-slide img{min-height: 100%; /*width: 100%;*/}

            
/* banner - end - */

@media all and (max-width:960px){
    div.banner-wrapper.small {width: 49%; margin-bottom:10px;}
    div.banner-wrapper.small:nth-of-type(2n) {margin-right: 0px;}
    div.banner-wrapper.small:nth-of-type(3n) {margin-right: 2%;}
}
@media all and (max-width:680px){
    div#banner-wrapper{display: none;}
}
@media all and (max-width:560px){
    div.banner-wrapper.small.main{width: 100%; margin-right:0px !important; margin-bottom: 10px;}
        
     div.banner-wrapper.small{width: 100%;}
}
    
    
    div#wrapper{display:table; margin:0 auto; width:1120px;  background: #fff; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; padding:40px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}
    div#wrapper.main{display: table; min-height: 640px;}
    
    @media all and (max-width:1200px){
       div#wrapper{width:93%; padding:40px 3.5%;}
    }
    
    div#wrapper h1{display: table; float: left; font-size: 1.75em; color: #797979; text-align: center; width:100%; margin: 30px 0px; padding: 0px; font-weight: 300; letter-spacing: 0.25em; white-space: nowrap; line-height:1em;}
    div#wrapper h1:after{content: ""; display: table-cell; background: url('../gfx/h-line.png') repeat-x center center; height: 1px; width: 50%; border-left: 17px solid #FFFFFF;}
    div#wrapper h1:before{content: ""; display: table-cell; background: url('../gfx/h-line.png') repeat-x center center; height: 1px; width: 50%; border-right: 17px solid #FFFFFF;}
    
    div#wrapper h1.orange:before{background: url('../gfx/h-line-orange.png') repeat-x center center;}
    div#wrapper h1.orange:after{background: url('../gfx/h-line-orange.png') repeat-x center center;}
    
    div.breadcrumbs{display: block; float: left; width: 100%; height: auto; /*border-bottom: 1px solid #dadada;*/ font-size: 1em; padding-top:30px;}
    
    div#innercontent{display: block; float: left; width: 100%; height: auto; margin: 0px;}
    div#innercontent.compare{width: 100%;}
    div#innercontent.compare h1{font-size: 2.1875em; margin:5px 0px 30px 0px;}
    
    div#innercontent h1.news{margin-bottom: 0px;}
    div#innercontent small.date{display: block; float: left; width: 100%; height: auto; margin: 0px; text-align: right; font-size: 1.125em; color: #adadad; margin-bottom: 20px;}
    
    div#innercontent img.category-picture{display: block; float: left; width: auto; max-width: 32%; margin:0px 4% 30px 0px;}
    div#innercontent div.category-logo{display: block; float: left; width: 64%; border-bottom: 1px dotted #575757; text-align: center; padding-bottom:20px;  margin-bottom: 20px;}
    div#innercontent div.category-logo img{max-height: 100px;}
    div#innercontent h3.float{color:#909090; font-size: 2.375em; margin: 20px 0px; border-bottom: none;}
    div#innercontent div.category-content{font-size: 1.125em; line-height: 1.75em;}
    
    
    div#wrapper div.news-box{display: block; float: left; width: 100%; padding-bottom: 30px; border-bottom: 1px dotted #555;}
        div#wrapper div.news-box img{display: block; float: left; width: 25%; margin-right: 4%;}
        div#wrapper div.news-box div.right{display: block; float: left; width: 71%;}
        div#wrapper div.news-box div.right h2{display: block; float: left; width: 100%; font-size: 1.75em; line-height: 1.3em; color: #333; text-transform: uppercase; margin: 0px;}
        div#wrapper div.news-box div.right div.date{display: block; float: left; width: 100%; font-size: 1.125em; color: #adadad;}
        div#wrapper div.news-box div.right div.p{display: block; float: left; width: 100%; font-size: 1.125em; margin:20px 0px;}
        div#wrapper div.news-box div.right div.p p{margin: 0px;}
        div#wrapper div.news-box div.right a.wiecej{display: block; float: left; width: 20.5%; font-size: 1.125em; background: #bbb url('../gfx/rarr-white.png') no-repeat right center; color:#fff; text-align: center; padding: 8px 0px;}
        
    @media all and (max-width:1000px){
        div#wrapper div.news-box div.right a.wiecej{width: 30%;}
    }
    @media all and (max-width:680px){
        div#wrapper div.news-box div.right div.p{display: none;}
        div#wrapper div.news-box div.right a.wiecej{margin-top:40px;}
    }
    @media all and (max-width:560px){
        div#wrapper div.news-box div.right a.wiecej{display: none;}
    }
    
        
        
    div#wrapper div.realiz-box{display: block; float: left; width: 29%; padding: 0px 6.5% 25px 0px; border-bottom: 1px dotted #3a3a3a; margin-bottom: 35px; height: 450px;}
    div#wrapper div.realiz-box:nth-of-type(3n){padding-right: 0px;}
        div#wrapper div.realiz-box a.realiz{display: block; float: left; width: 100%; height: 190px; overflow: hidden; text-align:center;}
        div#wrapper div.realiz-box span.realiz{display: block; float: left; width: 100%; height: 190px; overflow: hidden; text-align:center;}
        div#wrapper div.realiz-box img{display: inline-block; /*float: left;*/ height: 100%;}
        
        div#wrapper div.realiz-box div.desc{display: block; float: left; width: 100%;}
        div#wrapper div.realiz-box div.desc div.p{display: block; float: left; width: 100%; font-size: 1.125em; margin:20px 0px;}
        div#wrapper div.realiz-box div.desc div.p p{margin: 0px;}
        div#wrapper div.realiz-box div.desc div.p ul{list-style-image: url('../gfx/realiz-li.png');}
        div#wrapper div.realiz-box div.desc a.wiecej{display: block; float: left; width: 50%; font-size: 1.125em; background: #bbb url('../gfx/rarr-white.png') no-repeat right center; color:#fff; text-align: center; padding: 8px 0px;}
    
        @media all and (max-width:960px){
            div#wrapper div.realiz-box {width: 46.75%;}
            div#wrapper div.realiz-box:nth-of-type(3n) {padding-right: 6.5%;}
            div#wrapper div.realiz-box:nth-of-type(2n) {padding-right: 0px;}
        }
        @media all and (max-width:480px){
            div#wrapper div.realiz-box {width: 100%; padding-right: 0px;}
            div#wrapper div.realiz-box:nth-of-type(3n) {padding-right: 0px;}
        }
        
         
       div#innercontent div.products{display: block; float: left; width: 100%; margin-top: 12px;}
	   
		
            div#innercontent.realiz-full ul{list-style-image: url('../gfx/realiz-li.png');}
			
            div#innercontent div.products div.product{display: block; float: left; width: 48%; height: 220px; padding: 0px; margin: 0px 4% 20px 0px;}
            div#innercontent div.products div.product:nth-of-type(2n){margin-right: 0px;} 
            
            
            div#innercontent div.products div.product a img{display: block; float: left; max-width: 47%; max-height: 180px; margin-right: 3%;}
            div#innercontent div.products div.product div.desc{display: block; float: left; width: 50%; }
            div#innercontent div.products div.product div.desc h2{border-bottom: none;line-height:1.3em;}
            div#innercontent div.products div.product div.desc a.wiecej{display: block; float: left; width: 60%; font-size: 1.125em; background: #bbb url('../gfx/rarr-white.png') no-repeat right center; color:#fff; text-align: center; padding: 8px 0px; }
            div#innercontent div.products div.product div.desc p{margin-top:0px;}
             
        @media all and (max-width:980px){
            div#innercontent div.products div.product{width: 100%; margin-right: 0px;}
        }
             
             
       
        
        
        div.news-box{display: block; float: left; width: 100%; height: auto; /*background: url('../gfx/news-box.png') no-repeat bottom center;*/ padding-bottom: 27px; padding-top: 13px;}
        div.news-box:first-of-type{padding-top: 40px;}
            div.news-box div.news-date{display: block; float: left; width: 11.2%; height: 80px; margin-right: 2.8%; background: #0b793b; color: #fff;}
                div.news-box div.news-date span.big{display: block; float: left; width: 100%; font-size: 3.375em; text-align: center; line-height: 1em; }
                div.news-box div.news-date span.small{display: block; float: left; width: 100%; font-size: 0.75em; text-align: center; line-height: 1em; }
            
            div.news-box div.news-content{display: block; float: left; width: 86%; margin: 0px;}
                div.news-box div.news-content h3{font-size: 1.6875em; border: none; margin: 0px; padding: 0px;}
            
        
          div.products-main{display: block; float: left; width: 100%; height: auto; padding: 0px; margin: 0px;}
              div.products-main div.product{display: block; float:left; width: 47%; padding-right: 1.3%; margin-right: 1.3%; height: 220px; padding-bottom: 0px; margin-top: 0px; border-bottom: none; overflow: hidden; position: relative; text-align: center; border-right: 1px solid #c7c9c8;}
              div.products-main div.product:nth-of-type(2n){border-right: none;}
              div.products-main div.product img{display: block; float: left; width: 53%; max-height: 220px; /*margin-right: 2%;*/}
              div.products-main div.product div.desc{display: block; float: left; width: 47%; text-align: left;}
              div.products-main div.product div.desc a.name{text-align: left; color: #017d25; font-size: 1.6875em; /*line-height: 1.28em;*/}
              div.products-main div.product div.desc div.price{display: block; float: left; width: 100%; height: auto;}
              div.products-main div.product div.desc div.price span.red{display: block; float: left; font-size: 1.5em; color:#017d25; background: url('../gfx/price-arrow.png') no-repeat left center; padding-left:10%;}
              div.products-main div.product div.desc div.price span.red small{font-size: 0.5em;}
              div.products-main div.product div.desc div.price span.line-through{display: block; float: left; font-size: 1em; color:#666; text-decoration: line-through; width: 100%; text-align: right;}
              div.products-main div.product div.desc a.add-to-cart{display: block; float: left; width: 100%; text-align: center; font-size: 1.25em ; color:#fff; background: url('../gfx/background-menu.png') repeat;-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
              div.products-main div.product div.desc a.add-to-cart span{display: inline-block; background: url('../gfx/cart.png') no-repeat left center; padding: 7px 0px 10px 30px;}
             
              div.products-main.wide div.product{width: 31%;}
              div.products-main.wide div.product:nth-of-type(2n){border-right: 1px solid #c7c9c8;}
              div.products-main.wide div.product:nth-of-type(3n){border-right: none;}
        
        
        @media all and (max-width:1024px){
              div.products-main div.product div.desc div.price span.red{font-size: 1.5em;}
         }
         @media all and (max-width:860px){
              div.products-main.wide div.product{width: 47%;}
              div.products-main.wide div.product:nth-of-type(2n){border-right: none;}
              div.products-main.wide div.product:nth-of-type(3n){border-right: 1px solid #c7c9c8;}
         }
        @media all and (max-width:820px){
              div.products-main div.product div.desc div.price span.red{font-size: 1em; padding-left: 14%;}
              div.products-main div.product div.desc a.add-to-cart{font-size: 1em;}
        }
        
        @media all and (max-width:520px){
              div.products-main div.product{width: 100% !important; margin-right: 0px; border-right: none;}
              div.products-main div.product div.desc div.price span.red{font-size: 2em; padding-left: 10%;}
              div.products-main div.product div.desc a.add-to-cart{font-size: 1.25em;}
         }
            
            
            
            
            
        div#innercontent div.pagination{display: block; float: left; width:100%; text-align: right; margin: 15px 0px 15px 0px; /*border-top: 1px solid #dadada;*/ padding-top: 20px;}
        div#innercontent div.pagination a{padding: 6px 11px; background: #bbb; color: #fff; text-align: center; font-size: 0.75em; margin: 0px 2px;}
		div#innercontent div.pagination a:hover{background: #ccc;}
        div#innercontent div.pagination span{padding: 6px 11px; text-align: center; font-size: 0.75em; margin: 0px 2px;}
        
        
         div#adv-search{display: block; float: left; width: 100%; padding:0px 0px 15px 0px; /*background: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ position: relative; margin-bottom: 30px;}
         div#adv-search *{display: none;}
         div#adv-search.active *{display: block;}
         div#adv-search h3{display:block; font-size: 0.875em; padding: 0px; border: none; margin: 0px;}
         div#adv-search.active h3{display:none;}
        
             div#adv-search label{display: block; float: left; width: 90%; margin:8px 0px 0px 0px; background: url('../gfx/green-80.png') repeat; padding: 0px 0px 12px 10%;}
             /*div#adv-search label:nth-of-type(2n){margin-right: 0px;}*/
             div#adv-search label span{float: left; width: 100%; font-size: 1.25em; margin: 12px 0px; text-transform: uppercase; font-family: 'Signika Negative', Arial, sans-serif; color: #57e193;}
             div#adv-search label input[type=text]{float: left; width: 90%; font-size: 1em; color: #817b57; border-radius: 5px; border: none; height: 30px; }
            
             div#adv-search div.label{display: block; float: left; width: 90%; margin:8px 0px 0px 0px; background: url('../gfx/green-80.png') repeat; padding: 0px 0px 12px 10%;}
             /*div#adv-search div.label:nth-child(2n){margin-right: 0px;}*/
             div#adv-search div.label span{float: left; width: 100%; font-size: 1.25em; margin: 12px 0px; text-transform: uppercase; font-family: 'Signika Negative', Arial, sans-serif; color: #57e193;}
             div#adv-search div.label span.narrow{width: 10%; text-align: center; line-height: 35px; margin: 0px; color:#fff; font-size: 0.875em;}
             div#adv-search div.label input[type=text]{float: left; width: 30%; font-size: 1em; color: #817b57; border-radius: 5px; border: none; height: 30px; }
             div#adv-search div.label select{float: left; width: 90%; font-size: 1em; color: #817b57; border-radius: 5px; border: none; height: 30px; padding: 7px 0px;}
             div#adv-search input[type=submit]{float: right; height: 35px; background: #009440; margin-top: 20px; margin-right: 5%; width: 50%; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
             div#adv-search a{float: right; margin:25px 10px 0px 0px; color: #fff; }
             div#adv-search.active a.adv-search-show{display: block; position: absolute; bottom: -15px; left:40%; height: 15px; background: #eee url('../gfx/tarr.png') no-repeat center center; width: 20%; border-radius: 0px 0px 7px 7px;}
             div#adv-search a.adv-search-show{display: block; position: absolute; bottom: -15px;  left:40%; height: 15px; background: #eee url('../gfx/barr.png') no-repeat center center; width: 20%; -webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px;}
            
        div#innercontent div.sort{display: block; float: left; width: 45%; height: 50px; padding: 0px 2.5%; background: #e3e3e3; -webkit-border-radius: 25px 0px 0px 25px; -moz-border-radius: 25px 0px 0px 25px; border-radius: 25px 0px 0px 25px; border-right: 1px solid #fff; line-height: 50px;}
            div#innercontent div.sort a{display: inline-block; padding-right: 17%; background: url('../gfx/sort-none.png') no-repeat right center; color:#6f6f6f;}
            div#innercontent div.sort a.asc{background: url('../gfx/sort-asc.png') no-repeat right center;}
            div#innercontent div.sort a.desc{background: url('../gfx/sort-desc.png') no-repeat right center;}
        
        
    div#innercontent a.compare{display: block; float: left; width: 19%; height: 50px; padding: 0px 2.5% 0px 10%; background: #e3e3e3 url('../gfx/compare.png') no-repeat left center; -webkit-border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px;; border-radius: 0px 25px 25px 0px;; color:#6f6f6f; line-height: 50px;}
    
    div#innercontent div.list-type{display: block; float: left; width: 18%; padding: 0px; /*background: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px;*/ border-radius: 4px; color:#000;}
        div#innercontent div.list-type a#list-row{display: block; float: left; width: 50px; height: 50px; background: #e3e3e3 url('../gfx/list-type-list.png') no-repeat center center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-right: 5%;}
        div#innercontent div.list-type a#list-row.active{background-color: #c1c1c1;}
        div#innercontent div.list-type a#list-cell{display: block; float: left; width: 50px; height: 50px; background: #e3e3e3 url('../gfx/list-type-grid.png') no-repeat center center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
        div#innercontent div.list-type a#list-cell.active{background-color: #c1c1c1;}
        
        @media all and (max-width:1024px){
            div#innercontent div.list-type{width: 10.7%; padding: 27px 1%; }
        }
        @media all and (max-width:920px){
            div#innercontent a.compare{width: 50%; padding-left: 15.9%;}
            div#innercontent div.list-type{width: 10.7%; padding: 6px 2.4%; }
            div#innercontent div.sort {width: 95.2%; margin-right: 0px; margin-bottom: 10px;}
        }
        @media all and (max-width:780px){
            div#innercontent a.compare{width: 13.2%; padding-left: 8.9%;}
            div#innercontent div.list-type{width: 8.7%; padding: 27px 2.4%; }
            div#innercontent div.sort {width: 55.2%; margin-right: 1%; margin-bottom: 0px;}
        }
        @media all and (max-width:700px){
            div#innercontent a.compare{width: 50%; padding-left: 15.9%;}
            div#innercontent div.list-type{width: 25.7%; padding: 6px 2.4%; }
            div#innercontent div.sort {width: 95.2%; margin-right: 0px; margin-bottom: 10px;}
        }
        @media all and (max-width:480px){
            div#innercontent div#adv-search label{width: 100%; margin-right: 0px;}
            div#innercontent div#adv-search div.label{width: 100%; margin-right: 0px;}
            div#innercontent div#adv-search input[type="submit"] {width: 33%;}
        }
        
        div#innercontent div.categories{display: block; float: left; width: 95.7%; height: auto; padding: 0px 2.5% 0px 1.8%; margin: 0px;}
            div#innercontent div.categories div.category-box{display: block; float: left; width: 48%; height: 240px; margin: 10px 1%; position: relative; text-align: center; overflow: hidden;}
            div#innercontent div.categories div.category-box img{display: block; float: left; width: auto; height: 100%;}
            div#innercontent div.categories div.category-box div.category-box-name{display: table; width: 96%; height: 37px; padding:43px 2% 0px 2%; background: url('../gfx/category-name.png') no-repeat top center; position: absolute; bottom: 0px; right: 0px; color: #fff;}
            div#innercontent div.categories div.category-box div.category-box-name span{display: table-cell;}
            div#innercontent div.categories div.category-box div.category-box-name span.placeholder{background: url('../gfx/category-placeholder.png') repeat-x;}
            div#innercontent div.categories div.category-box div.category-box-name span.name{font-size: 1.6875em; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0,0,0,0.7);}
           
            
    @media all and (max-width:980px){
        div#innercontent div.products div.product div.desc div.add-to-compare a {float: left; margin: 5px 0px; clear:both;}
        div#innercontent div.products div.product div.desc div.price span.red{ font-size: 2em;}
    }
    
            
            
    div.photos{display: block; float: left; width: 100%; margin-right: 0px;}
    div.photos.narrow{width: 45%; margin-right: 10%;}
    div.photos a{display: block; float: left; width: 32%; height: 100px;  margin: 5px 0.5%; line-height: 100px; /*border: 1px solid #A29F64; background: #ddd;*/ text-align: center; overflow: hidden; position: relative;}
    
    @media all and (max-width:800px){
        div.photos a{width: 48.5%;}
    }
    @media all and (max-width:500px){
        div.photos a{width: 99%;}
    }
    div.photos a img{height: 100%; vertical-align: middle;}
    div.photo-hover{display: none; width:100%; height: 100%; position: absolute; left:0px; top:0px; /*background: url('../gfx/black70.png') repeat;*/}
    div.photos a div.photo-hover div.photo-zoom{display: block; width:39px; height: 39px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; /*background: url('../gfx/photo-zoom.png') repeat;*/}
    div.photos a:hover div.photo-hover{display: block;}
            
    div.files { display: block; float: left; position: relative; width: 100%;}
    div.files.narrow {width: 45%;}
        div.files a{background: url('../gfx/file.png') no-repeat center top; font-size:1em; color:#fff; min-height: 57px; float:left; display: block; width:50%; margin-bottom: 20px; position: relative; overflow: hidden;}
        div.files a span{display: block; float: left; width:100%; padding-top: 100px;  font-size: 1.6875em; text-align: left; line-height: 1.27em; word-wrap: break-word; color: #a79780; text-align: center;}
        div.files a:hover div.photo-hover{display: block;}
        
    @media all and (max-width:960px){
        div.files.narrow {width: 100%;}
        div.photos.narrow {width: 100%;}
    }
    @media all and (max-width:780px){
        div.files.narrow {width: 45%;}
        div.photos.narrow {width: 45%;}
    }
    @media all and (max-width:680px){
        div.files.narrow {width: 100%;}
        div.photos.narrow {width: 100%;}
    }
    
        
    div.produkt{display: block; float: left; width: 100%; height: auto;}
    div.produkt div.item-fields{display: block; float: right; width: 56%; height: auto; margin-top: 20px;}
        div.produkt div.item-fields img.logo{display: block; float: right; max-height: 50px;}
        div.produkt div.item-fields h2{display: block; float: left; background: none; font-size: 2.125em; padding: 0px; margin:36px 0px 0px 0px; color: #909090; border: none; line-height: 1em;}
        div.produkt div.item-fields div.item-params{display: block; float: left; width: 100%; border-top: 1px dotted #686868; padding-top: 12px;}
        
        div.produkt div.item-fields div.item-params{display: block; float: left; font-size: 1em; color: #272727; width: 100%; height: auto; margin-top: 20px;}
        div.produkt div.item-fields div.params-row{display: block; float: left; width: 95%; padding:0px 2.5%; background: #eee; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
        div.produkt div.item-fields div.params-row:nth-of-type(2n-1){background: none;}
        
        
        div.produkt div.item-fields div.item-params span.field{display: block; float:left; width:75%; text-align: left; font-size: 1em; color: #2e2e2e; line-height: 25px;}
        div.produkt div.item-fields div.item-params span.value{display: block; float:left; width:25%; text-align: left; color: #2e2e2e; line-height: 25px;}
        
        div.produkt div.item-fields div.item-colors{display: block; float: left; width: 100%;  padding-top: 24px;}
        div.produkt div.item-fields div.item-colors h3{display: block; float: left; width: 100%; background: none; font-size: 1.25em; padding: 0px 0px 6px 0px; margin:0px; color: #909090; border-bottom: 1px dotted #2e2e2e;}
        div.produkt div.item-fields div.item-colors div.color-box{display: block; float: left; width: 55px; height:55px; background: none; margin:10px;-moz-box-shadow:0px 0px 5px #888; -webkit-box-shadow:0px 0px 5px #888; box-shadow:0px 0px 5px #888;}
        div.produkt div.item-fields div.item-colors div.color-box.border{}
        
        
        div.produkt div.item-fields div#description{display: block; float: left; width: 100%; font-size: 1.125em; color:#3e3e3e; line-height: 1.75em;}
        
        
        
    div.produkt div.item-box.big{display: block; float: right; width: 43%; height: auto; margin-right: 1%; margin-top: 20px;}
    div.produkt div.item-box.big div.item-photo{display: block; float: left; width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center;}
    div.produkt div.item-box.big div.item-photo img{max-width: 100%; max-height:100%; height:auto !important;}
    
    div.item-gall{display:block; float:left; width:100%;}
    div.item-gall div.item-photo{position: relative; display:block; float:left; width:49.5% !important; height:170px !important; border:none !important;  text-align:center; margin: 0px 1% 5px 0px !important; overflow: hidden;}
    div.item-gall div.item-photo:nth-child(2n){margin-right:0px !important;}
            div.item-gall div.item-photo a{display:inline-block; vertical-align:middle; width:100% !important; height:170px !important;}
            div.item-gall  div.item-photo a img{width:auto !important; height:100%;}
			
	
    
    div.produkt div.order-form{display: block; float: left; width: 100%; height: auto; clear: both; margin-top: 0px;}
        div.produkt div.order-form div.compare{display: block; float: left; background: #b1b1b1; width: 44%; height: 35px; line-height: 35px; color: #fff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; margin-top: 20px;}
            div.produkt div.order-form div.compare a{color:#fff; background: #009440; padding:0px 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-right: 1%;}
        div.produkt div.order-form div.count{display: block; float: left; width: 100%; /*padding: 10px 1.5%; background: #eee; height: 33px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 1%;*/}
        div.produkt div.order-form div.count span{display: block; float: left; width:48%; margin-right: 2%; text-align: left; font-size: 1em; color: #414141; text-transform: uppercase; /*margin-bottom: 25px;*/}
        div.produkt div.order-form div.count input[type=text]{display: block; float: left; width: 25%; height: 25px; color: #4d4d4d; font-size: 1.125em; text-align: center; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Roboto Condensed',Arial,sans-serif; margin-left: 3%; background: #f0eeee;}
        div.produkt div.order-form div.count a{display: block; float: left; width: 9%; height: 25px; color: #fff; font-size: 1.5em; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 1%;background: #8f8f8f; clear: right; margin-bottom: 1px; line-height: 21px;}
        
       
        
        
        div.produkt div.order-form input[type=submit]{display: block; float: right; width: 55%; text-align: center; font-size: 1.25em ; color:#fff; background: #009440 url('../gfx/cart.png') no-repeat 10px center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 20px;}
        
        div.produkt div.order-form div.item-select{display: block; float: left; width: 100%; /*padding: 10px 2%; background: #eee;*/ height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 20px; }
        
        div.produkt h3.underline{font-size: 1.5625em; display: block; float: left; width: 50%; border-bottom: 1px solid #a3a2a2; clear: both;}
        div.produkt ul.params{display: block; float: left; width: 100%; margin: 0px; padding: 0px;}
        div.produkt ul.params li{/*display: block;*/ float: left; width: 48.2%; margin-right: 3.6%; border-bottom: 1px solid #aeaeae; font-size: 1em; color: #414141; list-style: none; margin-top: 20px; padding-bottom: 10px;}
        div.produkt ul.params li span{display: block; float: left;}
        div.produkt ul.params li span.field{width: 60%;}
        div.produkt ul.params li span.value{width: 40%; color:#018138; }
        div.produkt ul.params li:nth-of-type(2n){margin-right: 0px;}
        ul.fields{list-style: none; line-height: 2em; font-size: 1.375em;}
        div.payment-account{line-height: 2em; font-size: 1.375em;}
        
        div.label{display: block; float: left; width: 100%; /*margin:12px 7.5% 0px 0px;*/margin-bottom: 25px;}
            div.label:nth-child(2n){margin-right: 0px;}
            div.label span{float: left; width: 100%; font-size: 1em; text-transform: uppercase; width: 48%; margin-right: 2%; /*margin-bottom: 8px;*/}
            div.label span.narrow{width: 10%; text-align: center; line-height: 35px; margin: 0px;}
            div.label input[type=text]{float: left; width: 49%; padding-left: 1%; font-size: 1em; color: #4d4d4d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-radius: 5px; border: none; height: 21px; background: #f0eeee;}
            div.label select{float: left; width: 48%; font-size: 1em; color: #4d4d4d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; height: 19px; padding: 1px 1%;}
            
            
            div.label input[type="submit"] {
                background: none repeat scroll 0 0 #D0C789;
                border-radius: 4px;
                float: right;
                height: 35px;
                margin-top: 40px;
                width: 20%;
            }
            
            
        @media all and (max-width:580px){
            div.produkt div.item-fields {width: 100%;}
            div.produkt div.item-box.big {width: 100%; margin-right: 0px;}
            div#wrapper h1 {white-space: normal; }
        }
            
       div#description{color:#6a6969; font-size: 1.125em; font-weight: 300; clear: both;}
       div#description h2{font-size: 1.6875em; color: #018138; background: url('../gfx/h2-green.png') no-repeat left bottom; padding-bottom: 23px; margin-bottom: 0px;}
            
       
            
    
        
    div.contact-desc{display: block; float: left; width: 34%; min-height: 190px; padding-right: 10%;}
    div.contact-desc div.full{font-size: 1.125em; line-height: 1.75em;}
       
    
    
    
    div.contact{display: block; float: left; width: 56%; height: auto; }
        div.contact h4{margin:0px;}
        div.form{display: block; float: left; width: 100%; height: auto; /*background: #eee;*/ margin: 0px; padding: 0px; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/}
        div.form form{margin: 0px; padding: 0px;}
            div.form label{display: block; float: left; width: 100%; height: auto; /*background: #eee;*/ margin: 0px; margin: 12px 0px;}
            div.form label span{display: block; float: left; width: 35.9%; height: auto; text-align: right; font-size: 1em; margin-right:2.3%; line-height: 34px;}
            div.form input[type=text]{display: block; float: left; width: 95%; height: 36px; border: 1px solid #bababa; font-size: 1em; padding-left: 4.5%; color: #6c6c6c; font-family: 'Didact Gothic',Arial,sans-serif; margin-bottom: 16px;}
            input[type=submit]{display: block; width: 27%; height: 38px;  border: none;  font-family: 'Didact Gothic',Arial,sans-serif; color: #fff; font-size: 1.125em; background: #bbb url('../gfx/rarr-white.png') no-repeat right center; cursor: pointer;}
            div.contact input[type=submit]{ clear: both; float:right; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:30px auto;*/}
            div.contact div.form{margin-bottom:0px; margin-top:17px;}
            div.form textarea{display: block; float: left; width: 95%; height: 200px; border: 1px solid #bababa; font-size: 1em; padding-left: 4.5%; color: #6c6c6c; font-family: 'Didact Gothic',Arial,sans-serif; margin-bottom: 16px;}
            
    div#map{display: block; float: left; width: 100%; height: 415px; /*box-shadow: 0px -5px 10px #888;*/ margin-top: 24px;}
    
    
    @media all and (max-width:640px){
        div.contact-desc{width: 100%; padding-right: 0px;}
        div.contact{width: 100%;}
    }
    
        
    
    
    footer#top{display: block; width: 100%; height: auto;  background: url('../gfx/footer.png') repeat-x bottom center; clear: both; margin-top:5px;}
    footer#top div#footer-wrapper{display:table; margin:0 auto; width:1200px; position: relative;}
        footer#top div#footer-wrapper div.footer-menu{display: block; float: left; width: 31.333%; height: auto; margin:0px 3% 20px 0px; color:#3c3c3c;}
        footer#top div#footer-wrapper div.footer-menu ul{display: block; float: left; margin: 10px 0px; padding-left: 10%;}
            footer#top div#footer-wrapper div.footer-menu ul li{padding-bottom: 13px; padding-top: 10px; /*border-bottom: 1px dashed #c5c5c5;*/ list-style-image: url('../gfx/li.png'); font-size: 1.25em;}
            footer#top div#footer-wrapper div.footer-menu ul li a{color:#3c3c3c;}
            footer#top div#footer-wrapper div.footer-menu ul li:last-of-type{border-bottom: none;}
            /*footer#top div#footer-wrapper div.footer-menu ul{margin: 0px; padding: 0px; list-style: none;}
                footer#top div#footer-wrapper div.footer-menu ul li{line-height: 1.75em; display: block; float: left; width: 100%;}
                footer#top div#footer-wrapper div.footer-menu ul li a{color: #fff;}*/
                footer#top div#footer-wrapper div.footer-menu h2{line-height: 2.3em; display: block; float: left; width: 90%; font-size: 2em; margin-top: 0px; margin-bottom: 0px; font-weight: 300; border-bottom: 1px dashed #3d3d3d; color:#2e2e2e; padding:0px 0px 0px 10%; background:url('../gfx/pin-icon.png') no-repeat left center;}
        footer#top div#footer-wrapper div#footer-contact{display: block; float: left; width: 31.333%; height: auto; margin:0px 3% 20px 0px; color:#3c3c3c;}
            footer#top div#footer-wrapper div#footer-contact div.footer-contact-item{display: block; float: left; width: 93%; height: auto; padding:0px 0px 0px 7%; margin:17px 0px 0px 0px; font-size: 1.25em; line-height: 1.825em; background: url('../gfx/li.png') no-repeat left top;}
            
            footer#top div#footer-wrapper div#footer-contact h2{line-height: 2.3em; display: block; float: left; width: 90%; font-size: 2em; margin-top: 0px; margin-bottom: 0px; font-weight: 300; color:#2e2e2e; border-bottom: 1px dashed #3d3d3d; padding: 0px 0px 0px 10%; background: url('../gfx/pin-icon.png') no-repeat left center;}
            
            footer#top div#footer-wrapper div#footer-contact p{margin:0px;}
            
            
    footer#top div#footer-wrapper div#newsletter{display: block; float: left; width: 31.333%; height: auto; margin:0px 3% 20px 0px; color:#3c3c3c;}
        footer#top div#footer-wrapper div#newsletter h2{line-height: 1.33em; display: block; float: left; width: 100%; font-size: 1.6875em; margin-top: 0px; margin-bottom: 0px; font-weight: 300;}
        footer#top div#footer-wrapper div#newsletter p.dotted{display: block; float: left; padding:0px 0px 0px 7%; margin:17px 0px 0px 0px; font-size: 1em; line-height: 1.825em; background: url('../gfx/li.png') no-repeat left top;}
        footer#top div#footer-wrapper div#newsletter input[type=text]{display: block; float: left; width: 79%; height: 34px; border:1px solid #00923f; border-right: none; font-size: 1.25em; padding-left: 2.3%; color: #000; font-family: 'Roboto Condensed', Arial, sans-serif; font-weight: 300; -webkit-border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px; border-radius: 8px 0px 0px 8px;}
        footer#top div#footer-wrapper div#newsletter input[type=submit]{display: block; float: left; width: 14.5%; height: 38px; border:1px solid #00923f; border-left: none; background: #00923f url('../gfx/submit.png') repeat-x center center; cursor: pointer; -webkit-border-radius: 0px 8px 8px 0px; -moz-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px;}
       
    
    footer#top div#footer-wrapper div:nth-of-type(3n){margin-right: 0px !important;}
    
    
    footer#top div#footer-wrapper span.copyrights{display: block; float: right; position:absolute; right:0px; bottom:5px; font-size:0.625em; color:#3c3c3c;}
        footer#top div#footer-wrapper span.copyrights a{font-size:1em; color:#c90; text-decoration:none; display: inline-block; float: none; width: auto; margin:0px; padding:0px; background: none; border-bottom: none; text-decoration: none;  }
    
    
    footer#bottom{display: block; float: left; width: 100%; height: auto; background: #fff; position: relative; z-index: 2;}
        footer#bottom div#footer-bottom-wrapper{display: block; width: 1024px; margin:0 auto; text-align: center; min-height: 80px; overflow: hidden;}
        div#footer-slider {display: block; height: 80px; left: 0;  position: relative;  width: auto;}
            div#footer-slider div.partner{float:left; width:180px; display:block; text-align:center; margin:20px 20px 0px 20px;}
    
    @media all and (max-width:1200px){
       footer#top div#footer-wrapper{width:96%; padding:0px 2%;}
    }

@media all and (max-width:1000px){
    footer#top div#footer-wrapper div.footer-menu {width: 48.5%;}
    footer#top div#footer-wrapper div#footer-contact {width: 48.5%;}    
    footer#top div#footer-wrapper div#newsletter {width: 48.5%;}    
    footer#top div#footer-wrapper div:nth-of-type(3n) {margin-right: 3% !important;}
    footer#top div#footer-wrapper div:nth-of-type(2n) {margin-right: 0px !important;}
}

@media all and (max-width:560px){
    footer#top div#footer-wrapper div.footer-menu {width: 100%;}
    footer#top div#footer-wrapper div#footer-contact {width: 100%;}    
    footer#top div#footer-wrapper div#newsletter {width: 100%;}    
    footer#top div#footer-wrapper div{margin-right: 0px !important;}
}
    
div#cookie-box{display:table; position:fixed; width:90%; left:5%; height:auto; background:#fff; color:#666; font-size:12px; bottom:0px; border:1px solid #666; border-radius:8px; z-index:90;}
div#cookie-box a#cookie-close{display:block; float:right; width:24px; height:24px; background:url('../gfx/cookie-close.png') no-repeat center center;}
div#cookie-box p{margin:5px 30px;}
div#cookie-box p#cookie-browser-p{display:none;}

     div#facebook{display:block; position:fixed; z-index:99; width:300px; height:440px; padding:5px 40px 5px 0px; top:50%; margin-top:-225px; left:-306px; background:url('../gfx/facebook.png') no-repeat left top;}