* {	

margin:0;	

padding:0;

}



body  {	

background: url(images/bg.jpg) repeat-x #fff;    

color: #333333;    

font-family: Tahoma,Arial,Helvetica,sans-serif;    

font-size: 11px;    

line-height: 18px;

}



img {

border: 0;

}



a {

color: #aa0035;

text-decoration: none;

}



a:hover {

text-decoration: underline;

}



ul, ol {

list-style: none;

}



#container {    

margin: 0 auto 10px;    

width: 865px;	

}	



#header {    

clear: both;    

height: 90px;    

margin: 0 auto;    

overflow: hidden;    

width: 865px;

}



#logo {    

float: left;    

margin: 15px 1px 1px;

}



#nav {	

background: url(images/nav.jpg) no-repeat;    

clear: both;    

height: 30px;    

overflow: hidden;    

width: 865px;

}



#nav ul {height: 30px;}#nav ul li {background: url(images/sep.gif) no-repeat scroll right center transparent;float: left;}#nav ul li.last{background: none;}		
#nav ul li a {
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    line-height: 28px;
    padding-left: 37px;
    padding-right: 37px;
    text-decoration: none;

}
#nav ul li a:hover {	color: #ab244d;}	


#main {    clear: both;    margin: 0 auto 5px;    overflow: hidden;    width: 865px;	background: #fff;}#left {    background: none repeat scroll 0 0 #F1F2F6;    border: 1px solid #FFFFFF;    float: left;    margin-right: 5px;    width: 258px;	}	#left h2 {    font-family: 'Open Sans',sans-serif;    font-size: 14px;    font-weight: 700;	margin-bottom: 10px;    text-align: center;    text-decoration: none;}



#left-nav {	

margin-top: 10px;

}



#left-nav ul {    

margin-left: 1px;    

margin-right: 1px;    

padding: 0 4px 5px;

}



#left-nav ul li {    

margin-bottom: 10px;

}



#left-nav ul li a {    color: #333333;    font-size: 13px;    font-weight: bold;    line-height: 20px;    text-decoration: none;}#left-nav ul li a:hover {color: #ab244d;}#left-nav ul ul {    border: medium none;    margin-left: 10px;    margin-right: 0;    padding: 0;}#left-nav ul ul li {    margin-bottom: 0;}	#left-nav ul ul li a {    font-size: 11px;    font-weight: normal;    line-height: 18px;}	#right {    float: left;    width: 600px;	background: #fff;	}	#content {    overflow: hidden;    width: 100%;}		#content h1 {    font-family: 'Open Sans',sans-serif;    font-size: 17px;    font-weight: 700;	margin-bottom: 10px;    text-decoration: none;    text-shadow: 0 0 1px #9C9C9C;	clear: both;}	#content p {    margin-bottom: 10px;    text-align: justify;	}#right-img {    clear: both;    width: 600px;}#bread {	background: url(images/red.jpg) no-repeat;    clear: both;    color: #FFFFFF;    height: 42px;    line-height: 40px;    margin-bottom: 8px;    margin-top: -4px;    overflow: hidden;    width: 599px;	}	#bread a {    color: #FFFFFF;    font-family: Tahoma,Helvetica,sans-serif;    font-size: 11px;    font-weight: bold;}#bread a:hover{text-decoration: underline;}	.B_crumbBox {margin-left: 5px;}#footer {	background: #E9E9E9;    border: 1px solid #FFFFFF;    clear: both;    overflow: hidden;    padding-bottom: 10px;    width: 863px;}#min-logo {    float: left;    margin-left: 10px;    margin-top: 10px;}.logo-img {    float: left;  }.logo-text {    float: left;    line-height: 16px;    margin-left: 10px;}#zet {    float: right;    line-height: 16px;    margin-right: 10px;    margin-top: 10px;    text-align: right;}#rightnav {    display: block;    float: right;}#info {    float: left;    font-size: 12px;    font-weight: bold;    margin-top: 5px;}#headerlinks {    float: right;    height: 11px;    position: relative;    right: 3px;    text-align: center;    top: 10px;    width: 70px;    z-index: 10;}#home {    background: url(images/home.png) no-repeat scroll 0 0 transparent;    display: block;    float: left;    height: 11px;    margin-right: 17px;    width: 11px;}#backletter {    background: url(images/letter.png) no-repeat scroll 0 0 transparent;    display: block;    float: left;    height: 11px;    margin-right: 17px;    width: 11px;}#sitemap {    background: url(images/sitemap.png) no-repeat scroll 0 0 transparent;    display: block;    float: left;    height: 11px;    width: 11px;}#search {    padding-top: 55px;}#ajaxSearch_form {    margin: 0;    padding: 0;}#search fieldset {    border: 0 none;}

#content h3 {
    clear: both;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-decoration: none;
    text-shadow: 0 0 1px #9C9C9C;
}

#ajaxSearch_input {    

background: none repeat scroll 0 0 transparent;    

border: 1px solid #b5b5b5;    

color: #b5b5b5;    

float: left;    

font-size: 12px;    

height: 15px;    

padding: 2px;    

width: 180px;

}



#ajaxSearch_submit {    

background-color: #E9E9E9;    

border: 1px solid #E7E5E4;    

color: #000000;    

cursor: pointer;    

font-family: Arial,Helvetica,sans-serif;    

font-size: 10px;    

height: 21px;    

margin-left: 3px;    

padding: 2px;

}



#prod-img {    float: left;    margin-right: 8px;    width: 239px;	margin-top: -8px;	}	#prod-txt {/* float: left; *//* width: 353px; */}.prod {    clear: both;    margin-bottom: 20px;    overflow: hidden;}	.prod-img {    float: left;    margin-right: 8px;    margin-top: -2px;    width: 150px;	}	.prod-cont {    float: left;    text-align: justify;    width: 440px;}.prod-title {font-weight: bold;}.prod-intro {    line-height: 16px;	}	#prod-img3 {    float: left;    margin-right: 8px;    margin-top: 4px;    width: 239px;}	.prod-img3 {    float: left;    margin-right: 8px;    margin-top: 2px;    width: 150px;}#prod-opis {clear: both;margin-top: 10px;}.TekstasMENIU {font-weight: bold;}#prod-opis table {text-align: center;width: 100%;}.cont-form {    float: left;}.cont-form input {    background-color: #FFFFFF;    border: 1px solid #C0C0C0;    margin: 0 5px 0 0;    padding: 2px;    width: 300px;}.cont-form #submit {    background-color: #FFFFFF;    border: 1px solid #C0C0C0;    color: #666666;    cursor: pointer;    padding: 5px;    width: 150px;}.cont-form textarea {    background-color: #FFFFFF;    border: 1px solid #C0C0C0;    overflow: auto;    padding: 2px;    width: 300px;}.cont-form img {    float: left;    height: 62px;    margin-right: 8px;    width: 148px;}

.cont-form .vericodeform {    

width: 144px;

}	



#content table p {

text-align: center;

}



.sitemap ul li {

    font-weight: bold;

    line-height: 26px;

}



.sitemap ul li a {

    font-weight: bold;

}



.sitemap ul ul {

    margin-left: 15px;

}



.sitemap ul li li {

    font-weight: normal;

    line-height: 18px;

}



.sitemap ul ul ul ul li a {

    font-weight: normal;

}



.errors {    

background: none repeat scroll 0 0 #FFCECE;    

border: 1px solid #CC4E4E;    

font-size: 14px;    

padding: 5px;    

width: 98%; 

margin-bottom: 10px; 

}



#respond p {

margin-bottom: 0;

padding-bottom: 10px;

}

.ajaxSearch_result { 

border:1px dotted #eee; 

padding:5px 10px; 

margin:0px;

}



.ajaxSearch_highlight {    

background-color: #D3E4F4;    

color: #AA0035;

} 



.ajaxSearch_grpResultName{ 

font-weight:bold; 

}



.ajaxSearch_resultLink{ 

font-size:1.1em; 

font-weight:bold; 

text-decoration:none;

} 



.ajaxSearch_paging { 

display:block; 

padding:10px 0;

}



.ajaxSearch_paging .ajaxSearch_currentPage{    

background-color: #D3E4F4;    

border: 1px solid #AA0035;    

color: #AA0035;    

font-weight: bold;    

margin: 2px;    

padding: 1px 3px;

}



.ajaxSearch_resultDescription {

float: left;

text-align: justify;

line-height: 16px;

}	



.sape a, .sape {

    color: #C0C0C0;

    font-size: 10px;

    text-decoration: none;

}
#pdf {
background: url(images/pdf.png) no-repeat scroll 0 0 transparent;
height: 77px;
clear: both;
display: block;
width: 211px;
float: left;
margin-top: 20px;
}
#pdf a {
line-height: 77px;
display: block;
}

#pdftab {
background: url(images/pdf.png) no-repeat scroll 0 0 transparent;
height: 77px;
clear: both;
display: block;
}
#pdftab a {
line-height: 77px;
display: block;
}

a {
outline: 0;
}

p#ajaxSearch_intro {
display: none;
}

#content .news-content h3 {
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    text-decoration: none;
    margin-bottom: 2px;
	text-shadow: none;
}

.news-content #date {
    color: #666666;
    font-size: 10px;
}

.news-content {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
	}
	
.news-content  #image {
    float: left;
    height: 100px;
    margin-top: 5px;
    width: 130px;
}

.news-content #news-cont-full {
    float: left;
    margin-left: 7px;
    width: 460px;
}	
#pages {
    clear: both;
    padding-top: 10px;
}
.ditto_currentpage {
    border: 1px solid #AA0035;
    color: #AA0035;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 22px;
}
.ditto_page {
    color: #333333;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 22px;
}
#pages a:hover {
    color: #AA0035;
}
#pages a.ditto_next_link, #pages a.ditto_previous_link {
    display: block;
    float: left;
    line-height: 20px;
    width: 50px;
}
	.flexslider-holder {
		margin-bottom: 10px;
	}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: medium none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.flexslider .slides img {
    display: block;
    max-width: 100%;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.flexslider-container {
    position: relative;
}
.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
}
.flexslider .slides {
}
.flexslider .slides > li {
    position: relative;
}
.flex-container {
    position: relative;
}
.flex-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    font-size: 14px;
    left: 0;
    line-height: 20px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
}
.flex-direction-nav {
    height: 0;
}
.flex-direction-nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.flex-direction-nav li a {
    animation: 800ms cubic-bezier(0.68, 0, 0.265, 1) 0s normal none 1 banner-f;
    background: url("images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;
    bottom: 10px;
    cursor: pointer;
    display: block;
    height: 24px;
    left: 20px;
    margin: 0;
    position: absolute;
    text-indent: -999em;
    width: 24px;
}
.flex-direction-nav li .next {
    background-position: -24px 0;
    left: 45px;
}
.flex-direction-nav li .prev {
    left: 20px;
}
.flex-direction-nav li .next:hover {
    background-position: -24px -24px;
}
.flex-direction-nav li .prev:hover {
    background-position: 0 -24px;
}
.flex-direction-nav li .disabled {
    cursor: default;
    opacity: 0.3;
}
.flex-control-nav {
    bottom: 10px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 10px;
}
.flex-control-nav li {
    animation: 800ms cubic-bezier(0.68, 0, 0.265, 1) 0s normal none 1 banner-f;
    display: inline-block;
    line-height: 12px;
    margin: 0 0 0 5px !important;
    vertical-align: top;
}
.flex-control-nav li a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    color: transparent;
    cursor: pointer;
    display: block;
    font: 0px/0 a;
    height: 12px;
    overflow: hidden;
    text-indent: -999em;
    transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1) 0s;
    width: 12px;
}
.flex-control-nav li a:hover {
    background: none repeat scroll 0 0 #AB244D;
}

       
        .tabs-small {
            min-width: 320px;
            max-width: 800px;
            padding: 0px;
            margin: 0 auto;
        }
       
        .tabs-small > section {
            display: none;
            padding: 15px;
            background: #fff;
            border: 1px solid #ddd;
        }
        
        .tabs-small > section > p {
            margin: 0 0 5px;
            line-height: 1.5;
            color: #383838;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }
       
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        
        .tabs-small > input {
            display: none;
            position: absolute;
        }
        
        .tabs-small > label {
            display: inline-block;
            margin: 0 0 -1px;
            padding: 2% 3.57%;
            font-weight: 600;
            text-align: center;
            color: #666;
            border: 0px solid #ddd;
            border-width: 1px 1px 1px 1px;
            background: #f1f1f1;
            border-radius: 3px 3px 0 0;
            font-size: 12px;
        }
       
        .tabs-small > label:before {
            font-family: fontawesome;
            font-weight: normal;
            margin-right: 10px;
        }
        
        .tabs-small > label[for*="1"]:before {
            content: "\f085";
        }
        
        .tabs-small > label[for*="2"]:before {
            content: "\f013";
        }
        
        .tabs-small > label[for*="3"]:before {
            content: "\f129";
        }
        
        .tabs-small > label[for*="4"]:before {
            content: "\f1c1";
        }
        
        .tabs-small > label:hover {
            color: #555;
            cursor: pointer;
        }
        
        .tabs-small > input:checked + label {
            color: #555;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #fff;
            background: #fff;
            font-size: 12px;
        }
       
        #tab1:checked ~ #content-tab1,
        #tab2:checked ~ #content-tab2,
        #tab3:checked ~ #content-tab3,
        #tab4:checked ~ #content-tab4 {
            display: block;
        }
/
        
        @media screen and (max-width: 680px) {
            .tabs-small > label {
                font-size: 0;
            }
            .tabs-small > label:before {
                margin: 0;
                font-size: 18px;
            }
        }
        
        @media screen and (max-width: 400px) {
            .tabs-small > label {
                padding: 15px;
            }
        }

.cont-form-reduktory input,.cont-form-shlangi input {
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    margin: 0 5px 0 0;
padding: 2px;}

.cont-form-reduktory input#submit,.cont-form-shlangi input#submit  {
    color: #fff;
    background-color: #b02952;
    border-radius: 5px;
    width: 29%;
	font-size: 14px;
	margin-left: 36%;
}
.cont-form-reduktory-head, .cont-form-shlangi-head {
	text-align: center !important;
    font-size: 14px;
    font-weight: 700;
    color: #b02952;
}
        .tabs-long {
            min-width: 320px;
            max-width: 800px;
            padding: 0px;
            margin: 0 auto;
        }
       
        .tabs-long > section {
            display: none;
            padding: 15px;
            background: #fff;
            border: 1px solid #ddd;
        }
        
        .tabs-long > section > p {
            margin: 0 0 5px;
            line-height: 1.5;
            color: #383838;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }
       
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }



		.tabs-long li {
			list-style: disc;
			margin-left: 20px;
		}

        .tabs-long > input {
            display: none;
            position: absolute;
        }
        
        .tabs-long > label {
            display: inline-block;
            margin: 0 0 -1px;
            padding: 2% 1.24%;
            font-weight: 600;
            text-align: center;
            color: #666;
            border: 0px solid #ddd;
            border-width: 1px 1px 1px 1px;
            background: #f1f1f1;
            border-radius: 3px 3px 0 0;
            font-size: 12px;
        }
       
        .tabs-long > label:before {
            font-family: fontawesome;
            font-weight: normal;
            margin-right: 10px;
        }
        
        .tabs-long > label[for*="1"]:before {
            content: "\f085";
        }
        
        .tabs-long > label[for*="2"]:before {
            content: "\f013";
        }
        
        .tabs-long > label[for*="3"]:before {
            content: "\f129";
        }
        
        .tabs-long > label[for*="4"]:before {
            content: "\f1c1";
        }
        
        .tabs-long > label:hover {
            color: #555;
            cursor: pointer;
        }
        
        .tabs-long > input:checked + label {
            color: #555;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #fff;
            background: #fff;
            font-size: 12px;
        }
       
        #tab1:checked ~ #content-tab1,
        #tab2:checked ~ #content-tab2,
        #tab3:checked ~ #content-tab3,
        #tab4:checked ~ #content-tab4 {
            display: block;
        }
/
        
        @media screen and (max-width: 680px) {
            .tabs-long > label {
                font-size: 0;
            }
            .tabs-long > label:before {
                margin: 0;
                font-size: 18px;
            }
        }
        
        @media screen and (max-width: 400px) {
            .tabs-long > label {
                padding: 15px;
            }
        }
		
.tabs-small li, .tabs-long li {
    list-style: disc;
    list-style-position: inside;
}

#content li{
    list-style: disc;
    list-style-position: inside;
}

#content ul {
    padding-bottom: 10px;
}

.button-catalog {
    float: right;
    margin-left: 15px;
    padding-top: 15px;
}

.buttoncatalog {
	-moz-box-shadow:inset 0px 1px 0px 0px #912729;
	-webkit-box-shadow:inset 0px 1px 0px 0px #912729;
	box-shadow:inset 0px 1px 0px 0px #912729;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b02951), color-stop(1, #912729));
	background:-moz-linear-gradient(top, #b02951 5%, #912729 100%);
	background:-webkit-linear-gradient(top, #b02951 5%, #912729 100%);
	background:-o-linear-gradient(top, #b02951 5%, #912729 100%);
	background:-ms-linear-gradient(top, #b02951 5%, #912729 100%);
	background:linear-gradient(to bottom, #b02951 5%, #912729 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b02951', endColorstr='#912729',GradientType=0);
	background-color:#b02951;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #b02951;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #912729;
}
.buttoncatalog:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #912729), color-stop(1, #b02951));
	background:-moz-linear-gradient(top, #912729 5%, #b02951 100%);
	background:-webkit-linear-gradient(top, #912729 5%, #b02951 100%);
	background:-o-linear-gradient(top, #912729 5%, #b02951 100%);
	background:-ms-linear-gradient(top, #912729 5%, #b02951 100%);
	background:linear-gradient(to bottom, #912729 5%, #b02951 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#912729', endColorstr='#b02951',GradientType=0);
	background-color:#912729;
	text-decoration:none;

}
.buttoncatalog:active {
	position:relative;
	top:1px;
}

label {
  cursor: pointer;
  transition: all 250ms;
}

.container {
  position: relative;
  margin: 0 auto;
}

.container .modal-content,
.container .modal-background {
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  cursor: pointer;
}
.container .modal-background {
  transition: height 250ms;
}
.container .modal-content {
  transform: scale(0);
  transition: transform 500ms;
}
.container #modal {
  display: none;
}
.container #modal:checked ~ .modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: visible;
  opacity: 1;
  transition: height 250ms;
}
.container #modal:checked ~ .modal-content {
  position: fixed;
  top: 75%;
  left: 40vw;
  margin-top: -25%;
  /* margin-left: 0%; */
  width: 22.3vw;
  height: auto;
  padding: 30px;
  background-color: #f1f1f1;
  border-radius: 10px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  cursor: auto;
  transform: scale(1);
  transition: transform 500ms;
}
.container #modal:checked ~ .modal-content .modal-close {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 22px;
  color: #a72049;
  transition: color 200ms, transform 500ms;
}
.container #modal:checked ~ .modal-content .modal-close:hover, .container #modal:checked ~ .modal-content .modal-close:focus {
  color: #b02951;
  transform: rotate(360deg);
}
.container #modal:checked ~ .modal-content p {
  position: relative;
  margin: 0 0 20px 0;
  /* font-weight: 200; */
  font-size: 12px;
  line-height: 1.6;
}
.button {
  width: 150px;
  height: 40px;
  background: #b02952;
  border-radius: 6px;
  transition: all .3s cubic-bezier(0.67, 0.17, 0.40, 0.83);
  float: right;
}

.button svg {
  transform: rotate(180deg) translate(360%, 50%);
  transition: all .5s;
  position: absolute;
}

.button__circle {
  width: 40px;
  height: 40px;
  background: mediumseagreen;
  border-radius: 50%;
  transform: rotate(-180deg);
}

.button:hover {
  cursor: pointer;
}

.tick {
  color: white;
  font-size: 1.5em;
  transition: all .9s;
  position: absolute;
  background: none;
  border: none;
  width: 150px;
  height: 40px;
}