html, body{
    padding: 0;
    margin: 0;
    /* font-family: 'Titillium Web', sans-serif; */
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    color: #000;
}

body {
         
}


* {
        margin: 0px;
        padding: 0px;
        /* font-family: 'Titillium Web', 'Arial'; */
        font-family: 'Arial', sans-serif;
        font-size: 14px;
}


a {
    color: #000;
    text-decoration: underline;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    
   border: 1px solid #000;
   font-size: 16px;
   padding: 2px 10px;
  /*
  border-color: rgba(36, 100, 183, 0.8);
  outline: 0;
  /* IE6-9 */
  /*  
	 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(36, 100, 183, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(36, 100, 183, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(36, 100, 183, 0.6);
  */
}

input, textarea {
	/* font-family: 'Titillium Web', sans-serif !important; */
    font-family: 'Arial', sans-serif;
	font-style: normal;
	font-size: 16px;
        border: 1px solid #000;
        font-size: 16px;
        padding: 5px 10px;
} 


select, input[type="text"], input[type="password"], textarea {
	border: 1px solid #000;
        font-size: 16px;
        padding: 2px 10px;
        border-radius: 0px !important;
	margin-bottom: 5px;
}

::-webkit-input-placeholder {  color: #999; opacity: 1 }
::-moz-placeholder { color: #999; opacity: 1}
:-ms-input-placeholder {  color: #999;opacity: 1} 
:-o-input-placeholder {  color: #999; opacity: 1} 

/* Always use nice dots for password fields */
input[type=password] {
	/* font-family: 'Titillium Web', sans-serif; */
    font-family: 'Arial', sans-serif;
}

div.padding-top-20{
    padding-top: 20px;
}


select.inpSelect{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* font-family: 'Titillium Web'; */
  font-family: 'Arial', sans-serif;
  padding-right: 40px;
  background: transparent url(../../static/images/layout/selectdown.gif) no-repeat right center;
  cursor: pointer;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: normal;
}

select.inpSelect.salt{
    background-color: #fff;
}

h1 { }
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

strong{
    font-size: inherit;
}
h1 > strong {
    font-size: inherit;
}

h1.page-header { 
    font-size: 35px;
    font-weight: bold;
    color: #c7c8ca;
    margin: 20px 0px 10px 0px;
   border: none;
    background: transparent url('../../static/images/layout/underscore_yellow.gif') no-repeat bottom left;
}


h3.leftbox-header, 
h3.page-header { 
    font-size: 24px;
    font-weight: bold;
    display: block;
    color: #c7c8ca;
    margin: 30px 0px 20px 0px;
    border: none;
    padding-bottom: 10px;
    background: transparent url('../../static/images/layout/underscore_yellow.gif') no-repeat bottom left;
}

div.leftbox-content{
    display: block;
    overflow: hidden;
}

h2.page-header { 
    font-size: 35px;
    font-weight: bold;
    color: #c7c8ca;
    margin: 30px 0px 20px 0px;
    background: transparent url('../../static/images/layout/underscore_yellow.gif') no-repeat bottom left;
    border: none;
}

.score-grey { 
    background: transparent url('../../static/images/layout/underscore_grey.gif') no-repeat bottom left
}

.index-column-right{
    padding-left: 30px;
}

div.catalog-filter-item{
    max-width: 280px;
    float: left;
    margin: 10px ;
    overflow: hidden;
}

div.catalog-filter-item select{
    max-width: 240px;
    display: inline-block;
}


div.catalog-filter-item label{
    font-weight: normal;
    padding-left: 3px;
    margin-top: 2px;
}

div.catalog-filter-item div.submit{
    background: #FFE800;
    display: inline-block;
    padding: 5px 7px 4px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 2px;
    cursor: pointer;
}



div.catalog-attribute-filter-mini
div.catalog-filter-item{

    float: left;
    margin: 0px 10px 0px 0px;
    overflow: hidden;
}
div.catalog-attribute-filter-mini
div.catalog-filter-item select{
    max-width: 100%;
    display: inline-block;
}

div.catalog-attribute-filter-mini
div.catalog-filter-item label{
    font-weight: normal;
    padding-left: 3px;
    margin-top: 2px;
}


div#gotop{
    position: fixed;
    display: none;
    bottom: 30%;
    right: 0px;
    width: 75px;
    cursor: pointer;
    height: 65px;
    z-index: 500;
    background: transparent url('../../static/images/layout/gotop.gif') no-repeat top right;
}


div#face-slider{
    position: fixed;
    right: -310px;
    
    top: 250px;
    z-index: 99999;
}


div#face-slider #tab {
    background: rgba(0, 0, 0, 0) url("../../static/images/facebook-slider.png") no-repeat scroll center center;
    cursor: pointer;
    float: left;
    height: 110px;
    width: 35px;
}

#face-code {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #0170cf;
    border-radius: 0 0 0 8px;
    float: left;
    height: 302px;
    padding: 5px;
    width: 310px;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

.col-right{
    clear: right;
}


/*Buttons*/
.btn {
    text-decoration: none;
}

.btn-azur-bl, .btn-azur-w, .btn-azur-grey, .btn-grey, .btn-azur-grey-bl{
    border-radius: 15px;
    padding: 5px 25px;
}

.btn-grey{
    font-weight: 600;
}

.btn-azur-bl {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:focus,
.btn-azur-bl.focus {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:hover {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:active,
.btn-azur-bl.active,
.open > .dropdown-toggle.btn-azur-bl {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:active:hover,
.btn-azur-bl.active:hover,
.open > .dropdown-toggle.btn-azur-bl:hover,
.btn-azur-bl:active:focus,
.btn-azur-bl.active:focus,
.open > .dropdown-toggle.btn-azur-bl:focus,
.btn-azur-bl:active.focus,
.btn-azur-bl.active.focus,
.open > .dropdown-toggle.btn-azur-bl.focus {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:active,
.btn-azur-bl.active,
.open > .dropdown-toggle.btn-azur-bl {
  background-image: none;
}
.btn-azur-bl.disabled,
.btn-azur-bl[disabled],
fieldset[disabled] .btn-azur-bl,
.btn-azur-bl.disabled:hover,
.btn-azur-bl[disabled]:hover,
fieldset[disabled] .btn-azur-bl:hover,
.btn-azur-bl.disabled:focus,
.btn-azur-bl[disabled]:focus,
fieldset[disabled] .btn-azur-bl:focus,
.btn-azur-bl.disabled.focus,
.btn-azur-bl[disabled].focus,
fieldset[disabled] .btn-azur-bl.focus,
.btn-azur-bl.disabled:active,
.btn-azur-bl[disabled]:active,
fieldset[disabled] .btn-azur-bl:active,
.btn-azur-bl.disabled.active,
.btn-azur-bl[disabled].active,
fieldset[disabled] .btn-azur-bl.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-azur-bl .badge {
  color: #444;
  background-color: transparent;
}


.btn-azur-bl {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:focus,
.btn-azur-bl.focus {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:hover {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:active,
.btn-azur-bl.active,
.open > .dropdown-toggle.btn-azur-bl {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:active:hover,
.btn-azur-bl.active:hover,
.open > .dropdown-toggle.btn-azur-bl:hover,
.btn-azur-bl:active:focus,
.btn-azur-bl.active:focus,
.open > .dropdown-toggle.btn-azur-bl:focus,
.btn-azur-bl:active.focus,
.btn-azur-bl.active.focus,
.open > .dropdown-toggle.btn-azur-bl.focus {
  color: #444;
  background-color: transparent;
  border-color: #454545;
}
.btn-azur-bl:active,
.btn-azur-bl.active,
.open > .dropdown-toggle.btn-azur-bl {
  background-image: none;
}

.btn-azur-bl.disabled,
.btn-azur-bl[disabled],
fieldset[disabled] .btn-azur-bl,
.btn-azur-bl.disabled:hover,
.btn-azur-bl[disabled]:hover,
fieldset[disabled] .btn-azur-bl:hover,
.btn-azur-bl.disabled:focus,
.btn-azur-bl[disabled]:focus,
fieldset[disabled] .btn-azur-bl:focus,
.btn-azur-bl.disabled.focus,
.btn-azur-bl[disabled].focus,
fieldset[disabled] .btn-azur-bl.focus,
.btn-azur-bl.disabled:active,
.btn-azur-bl[disabled]:active,
fieldset[disabled] .btn-azur-bl:active,
.btn-azur-bl.disabled.active,
.btn-azur-bl[disabled].active,
fieldset[disabled] .btn-azur-bl.active {
 background-color: transparent;
  border-color: #454545;
  color: #ccc;
}
.btn-azur-bl .badge {
  color: #444;
  background-color: transparent;
}

.btn-azur-bl.salt{
    background-color: #fff !important;
}


.btn-azur-grey {
  color: #999;
  background-color: transparent;
  border-color: #b2b2b2;
}
.btn-azur-grey:focus,
.btn-azur-grey.focus {
  color: #999;
  background-color: transparent;
  border-color: #b2b2b2;
}
.btn-azur-grey:hover {
  color: #999;
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey:active,
.btn-azur-grey.active,
.open > .dropdown-toggle.btn-azur-grey {
  color: #999;
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey:active:hover,
.btn-azur-grey.active:hover,
.open > .dropdown-toggle.btn-azur-grey:hover,
.btn-azur-grey:active:focus,
.btn-azur-grey.active:focus,
.open > .dropdown-toggle.btn-azur-grey:focus,
.btn-azur-grey:active.focus,
.btn-azur-grey.active.focus,
.open > .dropdown-toggle.btn-azur-grey.focus {
  color: #999;
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey:active,
.btn-azur-grey.active,
.open > .dropdown-toggle.btn-azur-grey {
  background-image: none;
}
.btn-azur-grey.disabled,
.btn-azur-grey[disabled],
fieldset[disabled] .btn-azur-grey,
.btn-azur-grey.disabled:hover,
.btn-azur-grey[disabled]:hover,
fieldset[disabled] .btn-azur-grey:hover,
.btn-azur-grey.disabled:focus,
.btn-azur-grey[disabled]:focus,
fieldset[disabled] .btn-azur-grey:focus,
.btn-azur-grey.disabled.focus,
.btn-azur-grey[disabled].focus,
fieldset[disabled] .btn-azur-grey.focus,
.btn-azur-grey.disabled:active,
.btn-azur-grey[disabled]:active,
fieldset[disabled] .btn-azur-grey:active,
.btn-azur-grey.disabled.active,
.btn-azur-grey[disabled].active,
fieldset[disabled] .btn-azur-grey.active {
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey .badge {
  color: #999;
  background-color: transparent;
}



.btn-azur-grey-bl {
  color: #000;
  background-color: transparent;
  border-color: #b2b2b2;
  font-weight: 600;
}
.btn-azur-grey-bl:focus,
.btn-azur-grey-bl.focus {
  color: #000;
  background-color: transparent;
  border-color: #b2b2b2;
}
.btn-azur-grey-bl:hover {
  color: #000;
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey-bl:active,
.btn-azur-grey-bl.active,
.open > .dropdown-toggle.btn-azur-grey-bl {
  color: #000;
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey-bl:active:hover,
.btn-azur-grey-bl.active:hover,
.open > .dropdown-toggle.btn-azur-grey-bl:hover,
.btn-azur-grey-bl:active:focus,
.btn-azur-grey-bl.active:focus,
.open > .dropdown-toggle.btn-azur-grey-bl:focus,
.btn-azur-grey-bl:active.focus,
.btn-azur-grey-bl.active.focus,
.open > .dropdown-toggle.btn-azur-grey-bl.focus {
  color: #000;
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey-bl:active,
.btn-azur-grey-bl.active,
.open > .dropdown-toggle.btn-azur-grey-bl {
  background-image: none;
}
.btn-azur-grey-bl.disabled,
.btn-azur-grey-bl[disabled],
fieldset[disabled] .btn-azur-grey-bl,
.btn-azur-grey-bl.disabled:hover,
.btn-azur-grey-bl[disabled]:hover,
fieldset[disabled] .btn-azur-grey-bl:hover,
.btn-azur-grey-bl.disabled:focus,
.btn-azur-grey-bl[disabled]:focus,
fieldset[disabled] .btn-azur-grey-bl:focus,
.btn-azur-grey-bl.disabled.focus,
.btn-azur-grey-bl[disabled].focus,
fieldset[disabled] .btn-azur-grey-bl.focus,
.btn-azur-grey-bl.disabled:active,
.btn-azur-grey-bl[disabled]:active,
fieldset[disabled] .btn-azur-grey-bl:active,
.btn-azur-grey-bl.disabled.active,
.btn-azur-grey-bl[disabled].active,
fieldset[disabled] .btn-azur-grey-bl.active {
  background-color: #f2f2f2;
  border-color: #b2b2b2;
}
.btn-azur-grey-bl .badge {
  color: #000;
  background-color: transparent;
}


.btn-azur-w {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-azur-w:focus,
.btn-azur-w.focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-azur-w:hover {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-azur-w:active,
.btn-azur-w.active,
.open > .dropdown-toggle.btn-azur-w {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-azur-w:active:hover,
.btn-azur-w.active:hover,
.open > .dropdown-toggle.btn-azur-w:hover,
.btn-azur-w:active:focus,
.btn-azur-w.active:focus,
.open > .dropdown-toggle.btn-azur-w:focus,
.btn-azur-w:active.focus,
.btn-azur-w.active.focus,
.open > .dropdown-toggle.btn-azur-w.focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-azur-w:active,
.btn-azur-w.active,
.open > .dropdown-toggle.btn-azur-w {
  background-image: none;
}
.btn-azur-w.disabled,
.btn-azur-w[disabled],
fieldset[disabled] .btn-azur-w,
.btn-azur-w.disabled:hover,
.btn-azur-w[disabled]:hover,
fieldset[disabled] .btn-azur-w:hover,
.btn-azur-w.disabled:focus,
.btn-azur-w[disabled]:focus,
fieldset[disabled] .btn-azur-w:focus,
.btn-azur-w.disabled.focus,
.btn-azur-w[disabled].focus,
fieldset[disabled] .btn-azur-w.focus,
.btn-azur-w.disabled:active,
.btn-azur-w[disabled]:active,
fieldset[disabled] .btn-azur-w:active,
.btn-azur-w.disabled.active,
.btn-azur-w[disabled].active,
fieldset[disabled] .btn-azur-w.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-azur-w .badge {
  color: #fff;
  background-color: transparent;
}



.btn-grey {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}
.btn-grey:focus,
.btn-grey.focus {
  color: #000;
  background-color: #ededed;
  border-color: #666;
}
.btn-grey:hover {
  color: #000;
  background-color: #ededed;
  border-color: #666;
}
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}
.btn-grey:active:hover,
.btn-grey.active:hover,
.open > .dropdown-toggle.btn-grey:hover,
.btn-grey:active:focus,
.btn-grey.active:focus,
.open > .dropdown-toggle.btn-grey:focus,
.btn-grey:active.focus,
.btn-grey.active.focus,
.open > .dropdown-toggle.btn-grey.focus {
  color: #000;
  background-color: #ededed;
  border-color: #666;
}
.btn-grey:active,
.btn-grey.active,
.open > .dropdown-toggle.btn-grey {
  background-image: none;
}
.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled.focus,
.btn-grey[disabled].focus,
fieldset[disabled] .btn-grey.focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active {
  background-color: #ededed;
  border-color: #ededed;
}
.btn-grey .badge {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}

.btn-big{
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 600;
    border-width: 2px;
    border-radius: 50px
}


.btn-more{
    margin-top: 10px;
}

div.topSection, 
div.topBannerSection, 
div.contentSection, 
div.footerSection, 
div.quickContactSection,
div.cookiesSection{
   width: 100%;
   margin: 0px;
   padding: 0px;
   clear: both;
}

div.contentSection{
    margin-top: 10px;
    padding-bottom: 30px;
    z-index: 1000;
}

.cc{
    font-size: inherit;
    line-height: inherit;
}

.cc ul, .cc ol{
   margin-left: 20px;
}

ol li, ul li{
   list-style-position: outside;
   margin-left: 20px;
   margin-top: 3px;
  
}
div#top-banner-addon{
    display: none;
}

/*TOPSITE*/

div.top-nav{
    //min-height: 200px;
    z-index: 3000;
    position: relative;
    width: 100%;
    top: 0px;
}

div.top-line-menu{
    
    overflow: hidden;
}

div.change-lang{
    float: right;
    display: block-inline;
    overflow: hidden;
    padding: 10px;
}

a.lang-item {
    cursor: pointer;
    display: inline-block;
    border: none;
    margin: 0px 2px;
}

a.lang-item img{
    border: none;
    margin: 0px;
}

div.shop-link{
    
    float: right;
    display: block-inline;
    overflow: hidden;
    background: #000 url('../../static/images/layout/topbanner-basket-icon.gif') no-repeat 5px 5px;
    border-bottom: 5px solid #ffe800;
    padding: 10px 10px 10px 40px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

div.top-line-menu div.quick-menu{
    float: right;
    margin-right: 5px;
    padding-top: 5px;
    font-size: 18px;
    font-weight: 600;
}

div.top-line-menu div.quick-menu a{
    color: inherit;
    text-decoration: none;
    color: #666666;
    display: inline-block;
    margin: 0px 10px;
}

div.top-line-menu div.quick-menu a:hover{
   text-decoration: underline;
}

div.top-line-menu div.addons{
    float: right;
    margin: 5px 20px 0px 0px;
}

div#top-menu-containter{
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

ul.top-main-menu{
   float: right;
   margin-bottom: 0px;
}

ul.top-main-menu li{
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    
}

ul.top-main-menu li > a{
    display: inline-block;
    text-decoration: none;
    margin: 0px;
    padding: 18px 15px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 3px solid transparent;
}

ul.top-main-menu li > a span.glyphicon{
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
}

ul.top-main-menu li:hover > a, ul.top-main-menu li > a:hover, ul.top-main-menu li > a.act{
    color: #000;
    background: #efeff0;
    text-decoration: none;
    border-bottom: 3px solid #000;
}

ul.top-main-menu li div.submenu{
    display: none;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 3000;
    min-width: 200px;
    margin: 0px;
    padding: 10px !important;
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
    margin-right: 15px;
 }

ul.top-main-menu li:hover div.submenu {
    /*display: block;*/
}

ul.top-main-menu li div.submenu > a{
    display: block;
    overflow: hidden;
    float: left;
    clear: left;
    margin: 0px;
    background: none;
    border: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.1;
    cursor: pointer;
    padding: 2px 5px;
    margin: 0px;
    color: #000;
    line-height: normal;
}

ul.top-main-menu li div.submenu > a.act{
    font-weight: bold;
}

div.submenu > div.menu-quick-search {
    min-width: 260px;
    position: relative;
}

div.menu-quick-search input[type="text"]{
    border-color: #ccc;
    float: left;
    min-height: 34px;
    margin-right: 5px;
    
}

div#search-form div.submit,
div.menu-quick-search div.submit{
    float: left;
    display: block;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: url('../../static/images/layout/topmenu-search.gif') no-repeat 0px 0px;
}

div.top-banner{
    max-height: 400px;
    width: 100%;
    margin-bottom: 0px;
    background: #ccc;
    overflow: hidden !important;
  
}

div.top-banner.static-page-banner{
    min-height: 160px;
}

div.banner-extender{
    margin-top: 40px;
}

div.static-page-banner div.banner-text mark{
    background: rgba(0, 0, 0, 0.65) !important;
    font-size: 30px;
    font-weight: 100;
    color: #fff;
    padding: 5px;
    line-height: 1.68;
    font-weight: bold;
}

div.static-page-banner div.banner-text {
    margin-top: 80px;
}


div.logotype{
    position: absolute;
    margin-top: -24px;
}

div.bxslider{
    margin: 0px;
   
}

div.top-banner .bx-wrapper .bx-viewport{
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: 0px;
    overflow: hidden;
}

div.slide{
    height: 400px;
    padding-top: 40px;
    overflow: hidden;
}

div.slide div.banner-mark{
    margin-top: 35px;
}

div.slide div.banner-mark mark{
    background: rgba(0, 0, 0, 0.65) !important;
    font-size: 35px;
    font-weight: 100;
    color: #fff;
    padding: 5px;
    line-height: 1.83;
    font-weight: bold;
}

div.index-product-slider-container{
    float: right;
    width: 346px;
    height: 346px;
    margin-top: -346px;
    background: #fff;
}

div.index-product-slider{
    width: 346px;
    height: 346px;
    z-index: 300;
    position: absolute;
    background: #fff;
}

div.top-banner .bx-wrapper {
    overflow: hidden;
}

div.top-banner .bx-wrapper .bx-viewport{
    border: none !important;
    background: transparent;
    box-shadow: none;
    margin-top: 0px;
    left: 0px;
   
}

div.product-slide{
    height: 346px;
    margin: 0px auto;
    padding: 0px 40px;
}

div.product-slide div.product-title{
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

div.product-slide div.product-photo{
    width: 253px;
    height: 220px;
    float: none;
    margin: 10px auto;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #e5e5e5;
}

div.product-slide a.btn{
    float: right;
    text-decoration: none;
}

div.product-slide div.product-photo a img{
   margin: 0 auto;
    max-height: 100%;
 
}
    
span#prod-slider-prev{
    position: absolute;
    width: 34px;
    height: 34px;
    margin: 150px 10px;
    color: #a7a9ac;
    font-size: 22px;
    z-index: 350;
    cursor: pointer;
}

span#prod-slider-next{
    position: absolute;
    width: 34px;
    height: 34px;
    cursor: pointer;
    color: #a7a9ac;
    z-index: 350;
    font-size: 22px;
    margin: 150px 320px;
}

span#prod-slider-next .bx-next, span#prod-slider-prev .bx-prev{
    position: absolute;
    display: block;
    width: 100%;
    height: 34px;
    background: none;
    text-decoration: none;
}

span#prod-slider-prev span, span#prod-slider-next span{
    position: absolute;
}

div.index-group-add{
    position: absolute;
    height: 50px;
    border-bottom: 7px solid #ffe800;
    margin-top: -43px;
    background: #999;
    font-weight: 600;
    font-size: 22px;
    color: #000;
    padding: 7px 20px;
    z-index: 500;
}

div.index-group-add > a{
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

div.main-slider-nav{
    //background: #4cae4c;
    width: 100px;
    height: 30px;
    position: absolute;
    z-index: 300;
    margin-bottom: 0px;
    margin-top: 350px;
    margin-left: 90%;
}

span#main-slider-prev{
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0px 3px;
    cursor: pointer;
    background: transparent url('../../static/images/layout/tobbanner-arrleft.gif') no-repeat left top;
}

span#main-slider-next{
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0px 3px;
    cursor: pointer;
    background: transparent url('../../static/images/layout/tobbanner-arrright.gif') no-repeat left top;
}

span#main-slider-next .bx-next, span#main-slider-prev .bx-prev{
    display: block;
    width: 100%;
    height: 34px;
    background: none;
    text-decoration: none;
}

ul.page-submenu, ul.catalog-submenu{
   margin: 0px;
   list-style-type: none;
}

ul.page-submenu ul, ul.catalog-submenu ul{
   margin-left: 20px;
   list-style-type: none;
}

ul.page-submenu li, ul.catalog-submenu li{
    display: block;
    padding: 2px 0px;
}

ul.page-submenu li a, ul.catalog-submenu li a{
    margin: 0px 0px 0px 3px;
    color: #444;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    
}

ul.page-submenu li a:hover, ul.catalog-submenu li a:hover{
    text-decoration: underline;
}

ul.page-submenu li, ul.catalog-submenu li {
    margin-left: 0px;
}

ul.page-submenu > li > a, ul.catalog-submenu> li > a{
    font-weight: 600;
    font-size: 17px;
    color: #000;
    
}


ul.page-submenu > li ul li > span, ul.catalog-submenu > li ul li > span{
    color: #999;
    font-size: 13px;
}

ul.page-submenu li a.active, ul.catalog-submenu li a.active{
    color: #000;
    /*text-decoration: none;*/
}

ul.page-submenu > li > a, ul.catalog-submenu > li > a{
    font-weight: 600;
}

ul.page-submenu .active > .sub, ul.catalog-submenu .active > .sub {
    display: block;
}

ul.page-submenu .sub, ul.catalog-submenu .sub {
    display: none;
}




/*catalog cateory index*/
div.cci-pc-element{
    margin: 5px 0px 20px 0px;
}

div.cci-pc-element h2{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 22px;
    font-weight: 600;
        
}

div.cci-pc-element{
   
}


div.cci-pc-element div.cci-pc-photo{
    padding: 10px 0px;
    border: 1px solid #ccc;
    margin: 5px auto;
    text-align: center;
    display: block;
}

div.cci-pc-element div.cci-pc-photo img{
    border: none;
    margin: 0px auto;
    max-height: 130px;
}

div.cci-pc-desc{
    color: #404040;
    
}


/*catalog cateory index*/
div.cpi-p-element{
    margin: 5px 0px 20px 0px;
}

div.cpi-p-element h2{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 22px;
    font-weight: 600;
}

div.cpi-p-element h2 a{
    color: inherit;
    font-size: inherit;
    text-decoration: inherit;
}


div.cpi-p-element{
   
}


div.cpi-p-element div.cpi-p-photo{
    padding: 10px 0px;
    border: 1px solid #ccc;
    margin: 5px auto;
    text-align: center;
    display: block;
}

div.cpi-p-element div.cpi-p-photo img{
    border: none;
    margin: 0px auto;
    max-height: 130px;
}

div.cpi-p-desc{
    color: #404040;
    
}

.cpi-p-photo{
    width: 100%;
}
.cpi-p-photo img{
    margin: 0px auto;
}
div.product-index-add-icons,
div.p-add-icons{
    text-align: left;
    position: absolute;
    top: 10px;
    width: 70px;
    margin-left: 3px;
    height: 30px;
    background: transparent;
}

div.product-index-add-icons{
  top: auto;
  margin-top: 0px !important;
    
}



div.p-isnew,
div.p-inpromo{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 3px 0px 0px;
    background: url('../../static/images/layout/product-new.gif') no-repeat top left;
    
}


div.p-inpromo{
    
    background: url('../../static/images/layout/product-promotion.gif') no-repeat top left;
    
}
a.category-list-filter-view,
a.product-list-filter-view{
    display: inline-block;
    padding: 3px;
    cursor: pointer;
    color: #ccc;
    text-decoration: none;
}
a.category-list-filter-view:hover, a.category-list-filter-view.active,
a.product-list-filter-view:hover, a.product-list-filter-view.active{
    color: #000;
    text-decoration: none;
}

div.category-list-filters-container,
div.product-list-filters-container{
    text-align: right;
    margin-bottom: 20px;
}

div.filter-notify{
    background: #ffe800;
    border: 1px solid #444;
    color: #000;
    padding: 10px;
    margin: 10px auto;
}

table.table-product-details,
table.table-product-compare{
    margin-left: 1px;
}

table.table-product-details{
    width: 99%;
    margin: 10px auto;
}

table.table-product-details tr td,
table.table-product-compare tr td{
    max-width: 200px;
    min-width: 150px;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    padding: 5px;
    border: 1px solid #ccc;
}

table.table-product-details tr td,
table.table-product-compare tr td{
    max-width: auto;
    min-width: auto;
    
}

table.table-product-compare tr td h2{
    font-size: 18px;
}


table.table-product-compare div.cpi-p-photo img{
    max-height: 200px;
}

table.table-product-details,
table.table-product-compare{
    border-collapse: collapse;
    border-spacing: inherit;
}

table.table-product-details tr td.noborder td,
table.table-product-compare tr.noborder td{
    border: none;
}

table.table-product-details tr td.title,
table.table-product-compare tr td.title{
    font-weight: 600;
}
table.table-product-details tr td.noborder,
table.table-product-compare tr td.noborder{
    border: none;
}
table.table-product-details tr td.left-center,
table.table-product-compare tr td.left-center{
    text-align: left;
    vertical-align: middle;
}

table.table-product-details tr td.center-center,
table.table-product-compare tr td.center-center{
    text-align: center;
    vertical-align: middle;
}
table.table-product-details tr.attribute:nth-child(even),
table.table-product-compare tr.attribute:nth-child(even) {
    background: #f2f2f2;
}
table.table-product-details tr.attribute:nth-child(odd), 
table.table-product-compare tr.attribute:nth-child(odd) {
    background: none;
}
table.table-product-details tr td.center-bottom,
table.table-product-compare tr td.center-bottom{
    text-align: center;
    vertical-align: bottom;
}

a.compare-btn-remove,
a.remove-filters{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

table.table-product-compare tr.header{
    
}
table.table-product-compare tr td{
   
  
}

div.compare-index{
    margin-top: 20px;
}

.compare-top-actions a{
    margin-right: 10px;
}

a.tostorage-button{
    
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.comparebutton{
    margin-right: 10px;
}

.comparebutton.active{
    background: #FFE800;
}

.compare-top-actions {
    text-align: right;
}

/*Footer and above*/
div.quickContactSection{
    background: #f7f7f7;
    min-height: 100px;
}

div.footerSection{
    background: #e6e6e6;
    min-height: 100px;
    padding-top: 20px;
}

div.cookiesSection{
    //min-height: 200px;
   
}

div#cookies{
    border: 1px solid #000;
    padding: 15px;
    font-size: 13px;
    color: #404040;
    margin: 20px auto;
    display: none;
}

div.copyrights{
    font-size: 13px;
    color: #404040;
    margin: 20px auto;
}

div.footer h5, div.footer-col5 a{
    font-weight: bold;
    font-size: 18px;
    color: #808080;
    margin: 10px 0px;
    float: none;
    clear: both;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

div.footer div.links a{
    font-size: 16px;
    color: #404040;
    
    clear: both;
    float: left;
    margin: 5px 0px;
    text-decoration: none;
}

div.footer div.links{
    margin-top: 5px;
}

div.footer-addons{
    margin-top: 100px;
}


div.quick-contact-header { 
    font-size: 40px;
    font-weight: bold;
    color: #bcbec0;
    padding: 0px;
    margin: 30px 0px 10px 0px;
    float: none;
    background: transparent url('../../static/images/layout/underscore_grey.gif') no-repeat bottom left
}

div.quick-contact-header.newsletter{
    font-size: 30px;
    margin-top: 40px;
    padding-bottom: 3px;
}

form#newsletterform input[type="text"]{
    
    float: left;
    width: auto;
    display: block;
}

form#newsletterform div.submit{
    float: left;
    margin: 0px 0px 0px 0px;
    display: block;
    overflow: hidden;
    height: 29px;
    width: 29px;
    text-align: center;
    padding: 3px 6px;
    background: #ffe800;   
    cursor: pointer;
    margin-left: 5px;
}

form#newsletterform div.submit span{
    display: block;
    margin: 0px auto;
    font-size: 20px;
}

div.footer-seo-text{
    padding: 20px 0px;
    color: #808080;
}

/*storage*/
table.storage-table
{
    width: 99%;
    margin: 10px auto;
    margin-left: 1px;
    border-collapse: collapse;
    border-spacing: inherit;
}

table.storage-table tr td,
table.storage-table tr th{
    padding: 5px;
}


table.storage-table tr.tr-header{
    background: #FFE800;
    
}

table.storage-table tr.tr-item:nth-child(even){
    background: #f2f2f2;
}

table.storage-table tr.tr-item{
    border-bottom: 1px solid #ccc;
}

a.tostorage-button{
   margin-left: 10px;
   
}

a.tostorage-button > span{
    margin-right: 3px;
}

/*Index page*/
div.index-products-categories{
    display: block;
    overflow: hidden;
}

.ipc-element{
    width: 100%;
    text-align: center;
    margin: 20px auto 10px;
    height: 175px;
   
}

div.ipc-element div.ipc-photo
{
    width: 125px;
    height: 125px;
    border-radius: 125px;
    border-color: #a7a9ac;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
    margin: 0px auto;
    margin-bottom: 10px;
    filter: grayscale(0.5);
   
}

div.ipc-element div.ipc-photo img{
    float: none;
    margin: 0px auto;
}

div.ipc-element a:hover div.ipc-photo {
     //background: #a7a9ac;
     //filter: grayscale(0.0);
     border-color: #000;
 
}

div.ipc-element a{
    text-decoration: none;
}

div.ipc-element a div.ipc-title{
    color: #000;
    text-decoration: none;
    line-height: normal;
}

div.ipc-element a:hover div.ipc-title{
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

.ipc-hidden{
    display: none;
}


a.iti-header{
    font-size: 24px;
    font-weight: 600;
    color: #6d6e71;
    display: inline-block;
    line-height: 1.1;
    margin-right: 10px;
    margin-bottom: 10px;
}

div.iti-date{
    font-size: 14px;
    display: inline-block;
   
  
}

div.index-news-item{
    overflow: hidden;
    margin-bottom: 30px;
}

div.index-quick-start{
    
}

div.index-quick-start a, div.index-quick-start a:visited{
    display: block;
    width: auto;
    border-right: 3px solid #fff;
    background: #efeff0;
    color: #000;
    padding: 15px 15px;
    margin: 3px 0px 0px 0px;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
}

div.index-quick-start a:hover, div.index-quick-start a.act{
    background: #ffe800;
    text-decoration: none;
    border-color: #000; 
}

a.index-goto-catalog{
    float: right;
}

/*praca*/
h4.work-wo-header{
    display: block;
    cursor: pointer;
    padding: 5px 5px 5px 30px;
    font-weight: 600;
    background: url('../../static/images/layout/workofferdown.gif') no-repeat left center;
    margin: 0px;
}

h4.work-wo-header.active{
    background: url('../../static/images/layout/workofferup.gif') no-repeat left center;
}

div.work-wo-desc{
    display: none;
    padding-left: 30px;
    margin-bottom: 20px;
   
}

div.work-wo{
    margin-left: 20px;
}

/*breadcrumbs*/
div.breadcrumbs{
    margin: 0px;
    padding: 0px;
}

ul.ul-breadcrumbs{
    margin: 0px;
    padding: 0px;
    list-style-position:inside;
}

ul.ul-breadcrumbs li{
    display: inline-block;
    padding: 5px;
    margin: 0px;
    font-size: 12px;
    color: #999;
}

ul.ul-breadcrumbs li:first-child{
    padding-left: 0px;
}

ul.ul-breadcrumbs li a{
    font-size: 12px;
    color: #999;
    text-decoration: none;
}

ul.ul-breadcrumbs li span{
    display: block;
}

ul.ul-breadcrumbs li span.glyphicon{
    color: #ccc;
    font-size: 10px;
}

/*News index page*/
div.news-index-item{
    overflow: hidden;
    margin: 10px 0px 50px 0px;
}

div.news-item{
    margin-top: 20px;
}
div.news-item-content{
    margin-top: 15px;
}


div.product-special-category{
    float: left;
    margin-bottom: 20px;
    min-width: 300px;
}

div.product-special-category img{
 display: inline-block;
 float: left;
 margin: 0px 15px 20px 0px;

}

div.product-special-category span{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}




/* MENUS */
div#menu-alternative-layer{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0;
    left: 0px;
    z-index: 550;
    color: #fff;
    padding: 50px 20px;
    background: rgba(0, 0, 0, 0.85) !important;
}

div#menu-alternative-layer ul{
    list-style: none;
}
div#menu-alternative-layer ul li{
    margin-left: 0;
    padding-left: 0;
}
div#menu-alternative-layer ul li a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    font-size: 1.15rem;
    padding: .5rem 0;
    display: block;
    font-weight: 700;
}
div#menu-alternative-layer ul.sub-menu {
    padding-left: 20px;
}
div#menu-alternative-layer ul.sub-menu li a{
    font-weight: 400;
    font-size: 1rem;
}
div#menu-alternative-layer ul li a:hover{
    color: #fff;
}

div#menu-altenative-triger{
    width: 50px;
    height: 50px;
    right: 0px;
    top: 0px;
    position: fixed;
    z-index: 600;
    text-align: center;
    padding: 10px;
    color: #FFE800;
    background: rgba(0, 0, 0, 0.85) !important;
}

div#menu-altenative-triger > span{
    font-size: 30px;
    cursor:pointer;
    display: block;
   
    
}

div#menu-alternative-layer div.menu-container{
    position:relative;
    
}
div#menu-alternative-layer btn{
    margin-bottom: 5px;
}

div.menu-top-alternative{
    display: none;
    cursor: pointer;
    margin: 10px auto;
    background: #99BF26;
    width: 100%;
    padding: 10px;
    
}

div.alt-search{
    color: #000;
}

div.alt-search div.menu-quick-search{
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

div.alt-search div.adv{
    float: left;
    margin-top: 5px;
    
}

div.menu-altenative {
    width: 90%;
    margin: 0px;
    color: #000;
    
}

div.menu-altenative select{
    width: 100%;
    padding: 5px 5px;
    font-size: 18px;
    line-height: 1.2em;
}

div.menu-altenative select option{
    line-height: 1.2em;
}

a.iskrzy {
    font-size: 13px;
    color: #404040;
    float: right;
    margin: 20px auto;
    text-decoration:  none;
}

a.iskrzy:hover{
    text-decoration: none;
    color: #000;
}


/*contact form*/
div.contact-form{
    margin-top: 20px;
}

form.contact-form label{
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

form.contact-form input[type="text"], form.contact-form textarea{
    width: 100%;
    /* font-family: 'Titillium Web'; */
    font-family: 'Arial', sans-serif;
    font-size: inherit;
    padding: 5px;
    margin-bottom: 10px;
}

form.contact-form textarea{
    min-height: 265px;
}
sup.req{
    color: #DA5B00;
}


/*experts*/
div.experttab{
    margin-top: 20px;
    margin-bottom: 20px;
}


div.experttab a {
    display: block;
    border-top: 5px solid #fff;
    background: #fff ;
    font-size: 20px;
    text-align: center;
    padding: 20px 10px;
    color: #989898;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 3px solid #efeff0;
}

div.experttab a.active, div.experttab a:hover {
    display: block;
    border-top: 5px solid #ffe600;
    background: #efeff0;
    color: #000;
    text-decoration: none;
}


div.expert-element{
    display: block;
    margin: 10px auto;
}

div.expert-element div.expert-photo{
    max-width: 100%;
    max-height: 116px;
    overflow: hidden;
}    

div.expert-name{
    font-weight: 600;
    font-size: 18px;
}

div.col-left{
    padding-right: 40px;
}


/*product*/

div.product-p-photo{
    padding: 10px 10px;
    border: 1px solid #ccc;
    margin: 5px auto;
    text-align: center;
    display: block;
    margin-top: 20px;
}

div.product-p-photo img{
    border: none;
    margin: 0px auto;
    max-height: 300px;
}

div.product-add-icons{
    text-align: left;
    position: absolute;
    top: 30px;
    width: 70px;
    margin-left: 3px;
    height: 30px;
    background: transparent;
}


div.product-tab-buttons{
    overflow: hidden;
    border-bottom: 3px solid #efeff0;
}

div.product-actions,
div.product-details{
    margin: 20px 0px;
    
}




h1.product-header{
    font-weight: 600;
    font-size: 26px;
    color: #000;
    line-height: 1.2;
}


div.product-shortdesc{
    margin-top: 30px;
    margin-bottom: 20px;
}

div.product-ordercode-container{
    margin: 20px auto;
}

div.product-details{
    margin-top: 50px;
}

div.product-ordercode{
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 3px solid #000;
    background: #ccc;
    text-align: right;
}


div.product-global-tab a {
    display: block;
    border-top: 5px solid #fff;
    background: #fff ;
    font-size: 20px;
    text-align: center;
    cursor:pointer;
    padding: 20px 10px;
    color: #989898;
    font-weight: 600;
    text-decoration: none;
    /*border-bottom: 3px solid #efeff0;*/
}

div.product-global-tab a.active, div.product-global-tab a:hover {
    display: block;
    border-top: 5px solid #ffe600;
    background: #efeff0;
    color: #000;
    text-decoration: none;
}


ul.product-spec-nav{
    width: auto;
    margin: 10px auto;
    text-align: center;
}

.product-spec-nav li {
    display: inline-block;
    float: none;
}

ul.product-spec-nav > li > a {
    display: inline-block;
    background: none;
    padding: 5px;
    margin: 3px;
    border-radius: 0px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}

ul.product-spec-nav > li.active > a,
ul.product-spec-nav > li.active > a:active,
ul.product-spec-nav > li.active > a:focus,
ul.product-spec-nav > li.active > a:hover,
ul.product-spec-nav > li > a:hover{
    background: #FFE800;
    color: #000;
    text-decoration: none;
    
}

ul.files-download li,
ul.product-links li {
    margin-left: 20px;
    line-height: 1.2;
}

ul.files-download li a,
ul.product-links li a{
    color: #000;
    text-decoration: none;
}
ul.files-download li a:hover,
ul.product-links li a:hover{
    text-decoration: underline;
}

ul.files-download li {
    color: #000;
    display: block;
    text-decoration: none;
    padding: 8px 0px 0px 35px;
    min-height: 35px;
    background: transparent url('../../static/images/layout/file.png') no-repeat left center;
}

.product-details div#product-linked{
    display: none;
}

div#product-linked{
    padding: 30px 0px;
}

div.gall-photo{
    display: inline-block;
    margin: 10px auto;
    min-height: 100px;
}

div.gall-photo a{
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px;
    height: 0px;
    min-height: 100px;
}

div.gall-photo a img{
    border: none;
    float: none;
    margin: 0px auto;
    max-height: 100%;
    max-width: 100%;
}

div.gall-photo span.gall-img-label{
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
    margin-top: 10px;
    overflow: hidden;
}


/*donwnload*/
div.fd-file a{
    color: #000;
    display: block;
    text-decoration: none;
    padding: 8px 0px 0px 35px;
    min-height: 35px;
    background: transparent url('../../static/images/layout/file.png') no-repeat left center;
}


div.fd-file a.zip{
    background: transparent url('../../static/images/layout/zip.png') no-repeat left center; 
}
div.fd-file a.doc{
    background: transparent url('../../static/images/layout/doc.png') no-repeat left center; 
}
div.fd-file a.xls{
    background: transparent url('../../static/images/layout/xls.png') no-repeat left center; 
}
div.fd-file a.jpg{
    background: transparent url('../../static/images/layout/jpg.png') no-repeat left center; 
}
div.fd-file a.ppt{
    background: transparent url('../../static/images/layout/ppt.png') no-repeat left center; 
}
div.fd-file a.pdf{
    background: transparent url('../../static/images/layout/pdf.png') no-repeat left center; 
}
div.fd-file a.txt{
    background: transparent url('../../static/images/layout/txt.png') no-repeat left center; 
}

span.dis{
    color: #ccc;
    text-decoration: line-through;
}

/*poll*/
div#lang-info-containter,
div#generator-container,
div#tellafriend-container,
div#product-poll-container{
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    margin: 20px auto;
    overflow: hidden;
}

div.product-poll{
   width: 100%;
}


div.answer-option{
    float: left;
    margin: 5px 10px 10px 0px;
    padding: 0px;
}

div.answer-textarea textarea{
    width: 100%;
    padding: 3px;
    font-size: inherit;
}

.poll-input-rights,
.poll-input-label{
    text-align: right;
}


.poll-input{
    text-align: left;
    
}
.poll-input input[type="text"], .poll-input select, .poll-input textarea{
    width:100%;
    padding: 3px;
    
}

.answer-option input:focus,
.answer-option input,
.answer-textarea textarea,
.poll-input input, 
.poll-input input:focus,
.poll-input textarea,
.poll-captcha-code
{
    border: 1px solid #ccc;
    /* font-family: "Titillium Web"; */
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: normal;
}

.poll-captcha-code{
    padding: 3px;
    margin-left: 10px;
    border: 1px solid #ccc !important;
    /* font-family: "Titillium Web"; */
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: normal;
}

.poll-input-desc{
    text-align: left;
    color: #444;
}

.poll-submit{
    margin-top: 10px;
}

input.poll-submit{
    padding: 15px 20px;
    background: #FFE800;
    color: #000;
    border: none;
    font-size: 18px;
    font-weight: 600;
}

.poll-header{
    margin-bottom: 15px;
}


/*generator*/
.generator-header{
    margin-bottom: 15px;
}

h3.generator-param-header{
    color: #000;
    background: #ffe800;
    padding: 5px;
}

h3.generator-param-header.errorf{
    color: #fff;
    background: #d20000;
    
}


span.generator-param-symbol{
    display: block;
    margin: 30px 0px 0px 0px;
    font-weight: 600;
    font-size: 16px;
}

div.product-code-container{
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 600;
    
}

div#product-code{
    display: inline-block;
    padding: 5px;
    background: #FFE800;
    color:#000;
    width: auto;
    font-size: inherit;
}

div.generator-param{
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
div.generator-param:nth-child(even){
    background: #f2f2f2;
}

/* szukaj */
div#search-form{
    border: 1px solid #ccc;
    background: #f2f2f2;
    overflow: hidden;
    padding: 10px;
   
}

div#search-params{
    display: none;
}

div#search-params h3{
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

div#search-form input[type="text"], div#search-form select, div#search-form textarea,
div#search-form input[type="text"]:focus, div#search-form select:focus, div#search-form textarea:focus
{
    width: 100%;
    padding: 5px;
    font-size: inherit;
    border: 1px solid #ccc;
    /* font-family: "Titillium Web"; */
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: normal;
    background-color: #fff;
}

div#search-form input.phrase-input{
    max-width: 90%;
    display: inline-block;
    float: left;
    margin-right: 5px;
}
div.search-adv-row{
    float: none;
    clear: both;
    overflow: hidden;
    margin: 0px 0px;
}
div.search-adv-input {
    float: left;
    max-width: 300px;
    margin-right: 15px;
    margin-bottom: 5px;
}

div.search-result-link{
    width: 100%;
    clear: both;
    display: block;
    padding: 3px 0px 3px 5px;
   
    
}

div.search-result-link a{
    text-decoration: none;
}
    

.ui-autocomplete { border: 1px solid #ccc; max-height: 250px;  max-width: 70%; overflow-y: scroll; overflow-x: hidden; background: #fff; padding: 10px;}
.ui-menu-item{ list-style-type: none;}  
.ui-menu-item a{
    text-decoration: none;
    color: #444;
    padding: 2px 0px;
    cursor: pointer;
}


/*pagination*/
.sitepagination {
  height: 25px;
  margin: 20px 0px 20px 0px;
}
.sitepagination ul {
  border: none;
  margin: 0px;
  margin-right: 10px;
  margin-bottom: 20px;
  float: right;
 }

.sitepagination ul > li {
  display: block;
  min-width: 26px;
  min-height: 26px;
  float: left;
  overflow: hidden;
  font-size: 12px;
  margin: 0px 1px 0px 1px;
  border: 1px solid #ccc;
}

.sitepagination ul > li > a,
.sitepagination ul > li > span {
	display: block;
	text-align: center;
	margin: 0px;
	width: 100%;
	height: 100%;
	color: #444;
	font-weight: bold;
	padding: 4px 0px 4px 0px;
	text-decoration: none;
 
}

.sitepagination ul > li > a:hover,
.sitepagination ul > .active > a,
.sitepagination ul > .active > span {
 /* background: transparent url('/bundles/tosshop/img/layout/layout_elements.png') no-repeat -118px -53px;*/
  color: #000;
  background: #FFE800;
}

.sitepagination ul > .active > a,
.sitepagination ul > .active > a:hover,
.sitepagination ul > .active > span {
  /*background: transparent url('/bundles/tosshop/img/layout/layout_elements.png') no-repeat -118px -53px;*/
  color: #000;
  background: #FFE800;
}

.sitepagination ul > .disabled > span,
.sitepagination ul > .disabled > a,
.sitepagination ul > .disabled > a:hover {
  /*background: transparent url('/bundles/tosshop/img/layout/layout_elements.png') no-repeat -89px -53px;*/
  color: #717171;
  cursor: default;
}


.sitepagination ul > .laquo > span,
.sitepagination ul > .laquo > a,
.sitepagination ul > .laquo > a:hover {
  /*background: transparent url('/bundles/tosshop/img/layout/layout_elements.png') no-repeat -59px -53px;*/
}


.sitepagination ul > .raquo > span,
.sitepagination ul > .raquo > a,
.sitepagination ul > .raquo > a:hover {
  /*background: transparent url('/bundles/tosshop/img/layout/layout_elements.png') no-repeat -147px -53px;*/
}

.sitepagination ul > .laquo > a:before{
	content: "<"
}

.sitepagination ul > .raquo > a:after{
	content: ">"
}


.pagination-left{
	float: left;
}

/* pagination end */

div#waiting-overlay{
	width: auto;
	height: 100%; 
	z-index: 250000; 
	position: absolute; 
	left:0px; 
	top: 0px; 
	background-color:rgba(0, 0, 0, 0.5); 
	display: none;
}
div#waiting-overlay-content{
    width: auto;
    position: relative;
    
}

div#waiting-overlay-close{
    z-index: 300000;
    position: fixed;
    right: 20px;
    top: 20px;
    display: block;
}
div#waiting-overlay-close a{
   
    color: #000;
    background: #ffe800;
    /*background: #000;*/
    text-align: center;
    padding: 0 7px 3px;
    font-size: 20px;
    cursor: pointer;
    
}

div#loader-info{
    position: fixed;
    top: 40%;
    left: 45%;
    width: 64px;
    height: 64px;
}



div.distributormap {
    border: 1px solid #ccc;
    margin: 10px auto;
    min-height: 350px;
    width: 100%;
}


ul.sitemap-submenu{
   margin: 0px;
   list-style-type: none;
}

ul.sitemap-submenu ul{
   margin-left: 20px;
   list-style-type: none;
}

ul.sitemap-submenu li{
    display: block;
    padding: 2px 0px;
}

ul.sitemap-submenu li a{
    margin: 0px 0px 0px 3px;
    color: #444;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    
}

ul.sitemap-submenu li a:hover{
   text-decoration:underline;
}

ul.sitemap-submenu li {
    margin-left: 0px;
}

ul.sitemap-submenu > li > a{
    font-weight: 600;
    font-size: 17px;
    color: #000;
    
}


ul.sitemap-submenu > li ul li > span{
    color: #999;
    font-size: 13px;
}


ul.sitemap-submenu > li > a{
    font-weight: 600;
}

ul.sitemap-submenu  > .sub {
    display: block;
}


img.captcha{
    padding: 2px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}
