* { margin: 0; padding: 0; outline:0; }

.cssmap-loader{}

body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #3d3d3d;
    background: #fff;
}



table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 3px;
}

th {
	color: white;
	background-color: grey;
	text-align: center;
}

.hidden {
	display:none;
}

div.miodus {
	display:none;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.center, .alignleft { float: left; display: inline; }
.lista_pro { float: left; display: inline; }



.shell { width: 90%; margin: 0 auto; }
#header { height: 60px; border-bottom: 2px solid #c8c8c8; position: relative; top: 0px; }
.fix{
		height: 60px; border-bottom: 2px solid #c8c8c8; position: fixed; top: 0px;
    top:0;
    left:0;
    right:0;
    margin:0;
}

#logo a { width: 130px; height: 60px; position: absolute; top:0;left:0; font-family: Georgia, Arial, serif; font-size: 33px; line-height: 33px; color: #3d3d3d; font-weight: normal; font-style: italic; padding: 6px 0 0 0; }
#logo a:hover { text-decoration: none; }
#logo a .min { font-size: 31px; line-height: 31px; position: relative; top:-9px; }
#logo a .red { color: #ed1c24; }


#flag { width: 120px; height: 24px; position: absolute; top:0px; right:0px; color: #3d3d3d; padding: 4px 0 0 0; }
@media screen and  (max-width: 992px) {
#flag { right: 70px; }
}

#navigation { height: 74px; padding: 5px 0 0 150px; }
#navigation ul { list-style: none; }
#navigation ul li { display: inline; float: left; font-size: 15px; line-height: 18px; padding: 0 4px 0 0; }
#navigation ul li.last { padding:0; }
#navigation ul li a { float: left; color: #969696; padding: 35px 31px 1px 4px; }
#navigation ul li a:hover, 
#navigation ul li a.active { background: #ed1c24; color: #fff; text-decoration: none; }
#navigation ul li a.active { font-weight: bold; }
@media screen and  (max-width: 992px) {
#navigation ul li {
	display: none;
}
}

#navi_mob { height: 40px; padding: 35px 0 0 10px; }
#navi_mob ul { list-style: none; }
#navi_mob ul li { display: inline; float: left; font-size: 15px; line-height: 18px; padding: 0 4px 0 0; }
#navi_mob ul li.last { padding:0; }
#navi_mob ul li a { color: #969696; padding: 35px 31px 1px 4px; }
#navi_mob ul li a:hover, 
#navi_mob ul li a.active { background: #ed1c24; color: #fff; text-decoration: none; }
#navi_mob ul li a.active { font-weight: bold; }
@media screen and  (max-width: 992px) {
#navi_mob { height: 40px;}
#navi_mob ul li a { color: #969696; padding: 2px 31px 1px 14px; }
}



.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: rgb(242, 242, 242);
	background-image: none;
	border: 1px solid rgba(153, 164, 189, 1);
	border-radius: 4px;
}
.navbar-toggle:focus {
	outline: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: rgb(153, 164, 189);
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
@media screen and  (min-width: 921px) {
.navbar-toggle {
	display: none;
}
}


.slider-bar { width: 100%; height: 10px; position: relative; left: 0px; border-bottom: 0px solid #c8c8c8; margin: 0 0 24px 0; }

.slider-holder { width: 100%; height: 311px; position: relative; margin: 0 0 0px 0; border-bottom: 1px solid #c8c8c8;}

.slider-holder .prev, 
.slider-holder .next { background: url(images/direction-nav.png) no-repeat 0 0; width: 18px; height: 22px; position: absolute; top:286px; z-index: 100; }
.slider-holder .prev { left:40%; }
.slider-holder .next { background-position: -18px 0px; right:40%; }
@media screen and  (max-width: 992px) {
.slider-holder .prev {
	left:5%;
}
.slider-holder .next {
	right:5%;
}
}

.slider-holder .pagination { position: absolute; bottom: 4px; left: 50%; margin-left: -44px; width: 88px; }
.slider-holder .pagination a { background: url(images/pagination.png) no-repeat 0 0; width: 20px; height: 20px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; cursor: default; }
.slider-holder .pagination a.selected { background-position: 0 -20px; }



.slider { background: url(images/electronics2.gif) no-repeat  0; }
@media screen and  (max-width: 2000px) {
.slider {
	background-position: +250px 0px;
}
}
@media screen and  (max-width: 1400px) {
.slider {
	background-position: +150px 0px;
}
}
@media screen and  (max-width: 1200px) {
.slider {
	background-position: 50px 0px;
}
}
@media screen and  (max-width: 992px) {
.slider {
	background-position: -200px 0px;
}
}
@media screen and  (max-width: 600px) {
.slider {
	background-position: -400px 0px;
}
}



.carousel {
	position: absolute;
	left: -50px;
}


#carousel img.img-front {
	position: absolute;
	left: 639px;
	top: 0;
	z-index: 61;
}


#carousel img.img-front {
	position: absolute;
	left: 639px;
	top: 0;
	z-index: 60;
}

#carousel img.img-mid {
	position: absolute;
	left: 572px;
	top: 46px;
	z-index: 59;
}

#carousel img.img-back {
	position: absolute;
	left: 498px;
	top: 80px;
	z-index: 58;
}


#carousel img.rys_img1 {
	position: absolute;
	left: 639px;
	top: 0;
	z-index: 57;
}

#carousel img.rys_img2 {
	position: absolute;
	left: 580px;
	top: 20px;
	z-index: 56;
}
@media screen and  (max-width: 992px) {
#carousel img.rys_img2 {
	width: 290px;
	left: 340px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.rys_img2 {
	display: none;
	left: 0px;
}
}

#carousel img.rys_img3 {
	position: absolute;
	left: 840px;
	top: 45px;
	z-index: 55;
}
@media screen and  (max-width: 820px) {
#carousel img.rys_img3 {
	display: none;
	left: 0px;
}
}


#carousel img.sum_img1 {
	position: absolute;
	left: 600px;
	top: 200;
	z-index: 54;
}

#carousel img.sum_img2 {
	position: absolute;
	left: 580px;
	top: 15px;
	z-index: 53;
}
@media screen and  (max-width: 992px) {
#carousel img.sum_img2 {
	width: 290px;
	left: 320px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.sum_img2 {
	display: none;
	left: 0px;
}
}


#carousel img.sum_img3 {
	position: absolute;
	left: 618px;
	top: 85px;
	z-index: 52;
}
@media screen and  (max-width: 820px) {
#carousel img.sum_img3 {
	display: none;
	left: 0px;
}
}



#carousel img.wicherek14plcc_img2 {
	position: absolute;
	left: 580px;
	top: 15px;
	z-index: 51;
}
@media screen and  (max-width: 992px) {
#carousel img.wicherek14plcc_img2 {
	width: 290px;
	left: 320px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.wicherek14plcc_img2 {
	display: none;
	left: 0px;
}
}



#carousel img.a500flash_img2 {
	position: absolute;
	left: 580px;
	top: 15px;
	z-index: 50;
}
@media screen and  (max-width: 992px) {
#carousel img.a500flash_img2 {
	width: 290px;
	left: 320px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.a500flash_img2 {
	display: none;
	left: 0px;
}
}



#carousel img.wicher500i_img2 {
	position: absolute;
	left: 580px;
	top: 20px;
	z-index: 49;
}
@media screen and  (max-width: 992px) {
#carousel img.wicher500i_img2 {
	width: 290px;
	left: 320px;
	top: 40px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.wicher500i_img2 {
	display: none;
	left: 0px;
}
}



#carousel img.cd32exsl_img2 {
	position: absolute;
	left: 580px;
	top: 30px;
	z-index: 48;
}
@media screen and  (max-width: 992px) {
#carousel img.cd32exsl_img2 {
	width: 290px;
	left: 320px;
	top: 60px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.cd32exsl_img2 {
	display: none;
	left: 0px;
}
}




#carousel img.wichercd32_img2 {
	position: absolute;
	left: 580px;
	top: -15px;
	z-index: 47;
}
@media screen and  (max-width: 992px) {
#carousel img.wichercd32_img2 {
	width: 290px;
	left: 320px;
	top: 40px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.wichercd32_img2 {
	display: none;
	left: 0px;
	top: 15px;
}
}




#carousel img.wichercdtv_img2 {
	position: absolute;
	left: 580px;
	top: -15px;
	z-index: 47;
}
@media screen and  (max-width: 992px) {
#carousel img.wichercdtv_img2 {
	width: 290px;
	left: 320px;
	top: 40px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.wichercdtv_img2 {
	display: none;
	left: 0px;
	top: 15px;
}
}




#carousel img.spimasbucp_img2 {
	position: absolute;
	left: 580px;
	top: -15px;
	z-index: 47;
}
@media screen and  (max-width: 992px) {
#carousel img.spimasbucp_img2 {
	width: 290px;
	left: 320px;
	top: 40px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.spimasbucp_img2 {
	display: none;
	left: 0px;
	top: 15px;
}
}





#carousel img.sum_cdtv_img2 {
	position: absolute;
	left: 630px;
	top: 15px;
	z-index: 46;
}
@media screen and  (max-width: 992px) {
#carousel img.sum_cdtv_img2 {
	width: 290px;
	left: 320px;
}
}
@media screen and  (max-width: 600px) {
#carousel img.sum_cdtv_img2 {
	display: none;
	left: 0px;
}
}




#carousel h3 {
	position: absolute;
	font-size: 50px;
	letter-spacing: -3px;
	font-weight: normal;
	font-family: 'pt-sans', arial, helvetica, serif; 
	color: #050505;
	line-height: 70px; 
	text-shadow: 0 0 2px rgba(0,0,0,0.5);
	width: 500px;
	left: 32px;
	background: url(images/slider-h3-border.png) repeat-x 0 bottom;
	top: 20px;
	padding-bottom: 13px; 
	margin: 0 0 18px;
}
@media screen and  (max-width: 992px) {
#carousel h3 {
	font-size: 32px;
	width: 260px;
	top: 20px;
	line-height: 40px; 
	left: 16px;
}
}

#carousel h5 {
	position: absolute;
  font-size: 15px;
  color: #030203;
  font-family: tahoma, arial, helvetica, serif;
  text-transform: uppercase;
  text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
  font-weight: normal;
  position: absolute;
  top: 8px;
  left: 32px;
  white-space: nowrap;
}
@media screen and  (max-width: 992px) {
#carousel h5 {
	font-size: 10px;
	left: 16px;
}
}

#carousel p {
	position: absolute;
	color: #959697;
	font-size: 13px;
	width: 500px;
	left: 32px;
	top: 100px;
	margin: 0;
	line-height: 26px; 
}
@media screen and  (max-width: 992px) {
#carousel p {
	font-size: 11px;
	width: 300px;
	top: 70px;
	left: 16px;
}
}

#carousel a.green-btn {
	position: absolute;
	color: #fff;
	font-size: 18px;
	font-weight: bold; 
	text-shadow: 0 1px 2px rgba(0,0,0,0.5);
	text-decoration: none;
	text-align: center;
	line-height: 52px;
	outline: none;
	display: block;
	background-color: #888;
	width: 194px;
	height: 56px;
	left: 32px;
	top: 230px;
	background: url(images/green-btn.png) no-repeat 0 0;
}

#carousel a:hover {
	background-position: -1px -54px; 
}


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}




.main #partners-slider { height: 56px; }

.main .partners { padding: 0 70px 30px 70px; height: 100%;  position: relative; overflow: hidden; margin-top: -20px; z-index: 100; }
.slider-holder2 { position: relative; overflow: hidden; }
#partners-slider { overflow: hidden; position: relative; }
#partners-slider img { margin: 0px 25px; float: left; height: 52px; }

.slider-arr a.arr-btn { background: url(images/slider-b-arr.png) no-repeat 0 0; width: 30px; height: 30px; display: block; position: absolute; top: 10px;}
.slider-arr a.prev-arr { left: 32px; }
.slider-arr a.prev-arr:hover { background-position: 0 -31px; }
.slider-arr a.next-arr { right: 32px; background-position: right 0; }
.slider-arr a.next-arr:hover { background-position: right -31px; }







#main { padding: 0 0 48px 0; }

#content_home { width: 99%; padding: 0 0 0 3px; position: relative; top: -40px; }
#content_home h2 { font-size: 18px; line-height: 21px; color: #ed1c24; }
#content_home h3 { font-size: 12px; }
#content_home p {  }

#content_home .head { padding: 0 0 44px 0; position: relative; top: 30px; }
#content_home .head h2 { padding: 0 0 17px 0; }
#content_home .head h3 { padding: 0 0 8px 0; }
#content_home .head p {  }

#content_home .col { min-width: 230px; width: 70%; }
#content_home .col h2 {  }
#content_home .col h3 {  }
#content_home .col p {  }
@media screen and  (max-width: 992px) {
#content_home .col { width: 90%; }
#content_home .col h2 {  }
#content_home .col h3 {  }
#content_home .col p { font-size: 11px; }
}

#content_home .col2 { min-width: 230px; width: 25%; position: relative; top: 30px; }
#content_home .col2 h2 {  }
#content_home .col2 h3 {  }
#content_home .col2 p { font-size: 11px; }
@media screen and  (max-width: 992px) {
#content_home .col2 { width: 90%; position: relative; top: 30px; }
#content_home .col2 h2 {  }
#content_home .col2 h3 {  }
#content_home .col2 p { font-size: 11px; }
}

#content_home .col6 { width: 420px; }
#content_home .col6 h2 {  }
#content_home .col6 h3 {  }
#content_home .col6 p {  }




#content { width: 99%; padding: 0 0 0 3px; position: relative; top: -40px; }
#content h2 { font-size: 18px; line-height: 21px; color: #ed1c24; }
#content h3 { font-size: 12px; }
#content p {  }

#content .head { padding: 0 0 44px 0; position: relative; top: 30px; }
#content .head h2 { padding: 0 0 17px 0; }
#content .head h3 { padding: 0 0 8px 0; }
#content .head p {  }

#content .col { width: 50%; }
#content .col h2 { }
#content .col h3 {  }
#content .col p {  }

#content .col6 { width: 280px; }
#content .col6 h2 {  }
#content .col6 h3 {  }
#content .col6 p {  }

#content2 { width: 99%; padding: 0 0 0 3px; position: relative; top: -40px; }
#content2 h2 { font-size: 18px; line-height: 21px; color: #ed1c24; }
#content2 h3 { font-size: 12px; }
#content2 p {  }

#content2 .head { padding: 0 0 44px 0; position: relative; top: 30px; }
#content2 .head h2 { padding: 0 0 17px 0; }
#content2 .head h3 { padding: 0 0 8px 0; }
#content2 .head p {  }

#content2 .sort { padding: 0 0 10px 0; position: relative; top: -15px; }

//#content2 .item a { color: #000000; text-decoration: none; font-weight: bold;}
//#content2 .item a:link { color: #000000; text-decoration: none; font-weight: bold;}
//#content2 .item a:hover { color: #000000; text-decoration: underline; font-weight: bold;}
//#content2 .item a:active { color: #000000; text-decoration: none; font-weight: bold;}
//#content2 .item a:visited { color: #000000; text-decoration: none; font-weight: bold;}
#content2 .item h3 a { color: #000000; }
#content2 .item h3 a:hover, 
#content2 .item h3 a.active { color: #000000; text-decoration: underline; }
#content2 .item h3 a.active { font-weight: bold; }

#content2 .col { width: 260px;}
#content2 .col h2 {  }
#content2 .col h3 {  }
#content2 .col p { height:33px ;font-size: 11px; }

#content2 .col1 { width: 280px; }
#content2 .col1 h2 {  }
#content2 .col1 h3 {  }
#content2 .col1 p { font-size: 11px; }

#content2 .col2 { min-width: 230px; width: 50%; }
#content2 .col2 h2 {  }
#content2 .col2 h3 {  }
#content2 .col2 p { font-size: 11px; }

#content2 .col3 { min-width: 230px; width: 95%; }
#content2 .col3 h2 {  }
#content2 .col3 h3 {  }
#content2 .col3 p { font-size: 11px; }
#content2 .col3 a { color: #0252aa; }

#content2 .col4 { width: 660px; }
#content2 .col4 h2 {  }
#content2 .col4 h3 {  }
#content2 .col4 p { font-size: 11px; }

#content2 .col5 { min-width: 230px; width: 400px; }
#content2 .col5 h2 {  }
#content2 .col5 h3 {  }
#content2 .col5 p { font-size: 11px; }

#content2 .col6 { width: 280px; }
#content2 .col6 h2 {  }
#content2 .col6 h3 {  }
#content2 .col6 p {  }




#sidebar { width: 100%; }
#sidebar h2 { font-size: 18px; line-height: 21px; color: #000; font-weight: normal; padding: 0 0 15px 0; }
#sidebar h3 { font-size: 12px; }
#sidebar p {  }
#sidebar .item { padding: 0 0 17px 4px; }
#sidebar .date { font-size: 10px; color: #fd3801; }

#sidebar .col1 { width: 60px; }
#sidebar .col1 h2 {  }
#sidebar .col1 h3 {  }
#sidebar .col1 p { font-size: 11px; }

#sidebar .col2 { min-width: 50px; width: 100px; }
#sidebar .col2 h2 {  }
#sidebar .col2 h3 {  }
#sidebar .col2 p { font-size: 11px; }




#media { height: 100%; border-top: 1px solid #c8c8c8; padding: 12px 0; }


#footer { height: 100%; border-top: 1px solid #c8c8c8; padding: 12px 0; }
#footer .nav {  }
#footer .nav ul { list-style: none; }
#footer .nav ul li { display: inline; font-size: 10px; line-height: 11px; border-right: 1px solid #685d5d; padding: 0 6px 0 0; margin: 0 6px 0 0; }
#footer .nav ul li.last { border:0; padding:0; margin:0; }
#footer .nav ul a { color: #685d5d; }

#footer .copy { font-size: 10px; color: #685d5d; }
#footer .copy a { color: #ed1c24; text-transform: uppercase; }


.pImageLeft {
	display:block;
	float:left;
	margin-top:6px;
	margin-right:8px;
	margin-bottom:8px;
	background:#fff;
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px;
	overflow:hidden;
}

.pImageLeft2 {
	display:block;
	float:left;
	margin-top:8px;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #e4e4e4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:4px;
	overflow:hidden;
}


#tabs li {
		font-size: 10px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #3d3d3d;
    background: #fff;
}
#tabs p a { color: #0252aa; }


#accordion li {
		font-size: 10px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #3d3d3d;
    background: #fff;
}
#accordion h3 {
		height: 30px;
		font-size: 16px;
    color: #3d3d3d;
    background: #dddddd;
    padding-top: 8px;
    padding-left: 10px;
}
#accordion div {
		height: 80px;
}





#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#fff;height:32px;line-height:32px;text-decoration:none;background:#ed1c24;text-align:center}
#ContactForm a:hover{background:#080808}
#ContactForm .input {width:99%;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#ContactForm textarea {overflow:auto;width:98%;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

#ContactForm .col1 { min-width: 170px; width: 25%; position: relative; top: 30px; }
#ContactForm .col1 h2 {  }
#ContactForm .col1 h3 {  }
#ContactForm .col1 p { font-size: 11px; }

#ContactForm .col2 { min-width: 230px; width: 25%; position: relative; top: 30px; }
#ContactForm .col2 h2 {  }
#ContactForm .col2 h3 {  }
#ContactForm .col2 p { font-size: 11px; }







#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#60b000;color:#fff}






#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334; 
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925; 
}



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
//	width: 100px;
//	height: 75px;
}

.hoverbox p
{
//	display:block;
//	float:left;
//	margin-right:10px;
//	margin-bottom:10px;
//	background:#fff;
//	border:1px solid #e4e4e4;
//	-moz-border-radius:3px;
//	-webkit-border-radius:3px;
//	border-radius:3px;
//	padding:4px;
//	overflow:hidden;
//	margin-top:8px;

//	background: #eee;
//	border-color: #ddd #bbb #aaa #ccc;
//	border-style: solid;
//	border-width: 1px;

	color: inherit;
	display: inline;
	float:left;
	background:#fff;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
//	width: 200px;
//	height: 150px;
}


.outofproduction-label
{
	font:700 14px/12px Arial,Helvetica,sans-serif;
	color:#aa0000;
	background:#aa00aa;
	text-transform:uppercase;
	text-shadow:1px 1px rgba(0,0,0,0.24);
	text-align:center;
	display:block;
	position:relative;
	left:110px;
	top:-90px;
	z-index:1;
	

    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
    -o-transform: rotate(46deg);
    writing-mode: lr-tb;


//	-webkit-transform:rotate(45deg);
//	-ms-transform:rotate(45deg);
//	transform:rotate(-270deg);
}




.side-corner-tag {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
} 
 
.side-corner-tag p {
    display: inline;    
}

.side-corner-tag p span {
    position: absolute;
    display: inline-block;
    right: -35px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 40px;
    background: #d93131;
    width: 150px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} 

.side-corner-tag p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.side-corner-tag p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}





.side-corner-tag2 {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
} 

.side-corner-tag2 p {
    display: inline;    
}

.side-corner-tag2 p span {
    position: absolute;
    display: inline-block;
    right: -35px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 40px;
    background: #00a0c1;
    width: 150px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} 

.side-corner-tag2 p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.side-corner-tag2 p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}






.side-corner-tag3 {
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
} 

.side-corner-tag3 p {
    display: inline;    
}

.side-corner-tag3 p span {
    position: absolute;
    display: inline-block;
    right: -35px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 40px;
    background: #00ff00;
    width: 150px;
    padding: 3px 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
} 

.side-corner-tag3 p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.side-corner-tag3 p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}








.b2b {
	position: relative; top: -30px;
}







.buttons {
  $w: 500px;
  $h: 260px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: $w;
  height: $h;
  margin-top: -($h/2);
  margin-left: -($w/2);
  text-align: center;
}

.set:not(:last-child) {
  border-bottom: 1px dotted #aaa;
}

.btn {
  display: inline-block;
  min-width: 40px;
  margin: 15px 5px;
  padding: 10px 15px 12px;
  font: 700 12px/1 'Open Sans', sans-serif;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
  cursor: pointer;
}

.btn.sec {
  color: #777;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  background: #fff;
}

.btn.sec:hover { background: #f5f5f5 }

.btn.pri {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.set.blue .btn.pri { background: #59d }
.set.green .btn.pri { background: #6b6 }
.set.red .btn.pri { background: #d33 }
.set.black .btn.pri { background: #555 }

.set.blue .btn.pri:hover { background: #48c }
.set.green .btn.pri:hover { background: #5a5 }
.set.red .btn.pri:hover { background: #c22 }
.set.black .btn.pri:hover { background: #444 }

.btn.sec.ico,
.btn.pri.ico {
  position: relative;
  padding-left: 40px;
  text-align: left;
}

.btn.sec.ico:before,
.btn.pri.ico:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  padding: 10px 0 12px;
  font-family: fontawesome;
  text-align: center;
  border-radius: 3px 0 0 3px;
  background: rgba(0,0,0,.15);
}

.btn.sec.ico:before {
  background: rgba(0,0,0,.08);
}

.set.blue .btn.sec.ico:before { content: '\f053' }
.set.green .btn.sec.ico:before { content: '\f05e' }
.set.red .btn.sec.ico:before { content: '\f05e' }
.set.black .btn.sec.ico:before { content: '\f0c4' }

.set.blue .btn.pri.ico:before { content: '\f054' }
.set.green .btn.pri.ico:before { content: '\f00c' }
.set.red .btn.pri.ico:before { content: '\f014' }
.set.black .btn.pri.ico:before { content: '\f0c4' }








.btn2 {
  display: inline-block;
  min-width: 80px;
  margin: 5px 5px;
  padding: 5px 10px 7px;
  font: 700 12px/1 'Open Sans', sans-serif;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
  cursor: pointer;
}

.btn2.sec {
  color: #777;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  background: #fff;
}

.btn2.sec:hover { background: #f5f5f5 }

.btn2.pri {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.set.blue .btn2.pri { background: #59d }
.set.green .btn2.pri { background: #6b6 }
.set.red .btn.pri { background: #d33 }
.set.black .btn.pri { background: #555 }

.set.blue .btn2.pri:hover { background: #48c }
.set.green .btn2.pri:hover { background: #5a5 }
.set.red .btn2.pri:hover { background: #c22 }
.set.black .btn2.pri:hover { background: #444 }

.btn2.sec.ico,
.btn2.pri.ico {
  position: relative;
  padding-left: 40px;
  text-align: left;
}

.btn2.sec.ico:before,
.btn2.pri.ico:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  padding: 10px 0 12px;
  font-family: fontawesome;
  text-align: center;
  border-radius: 3px 0 0 3px;
  background: rgba(0,0,0,.15);
}

.btn2.sec.ico:before {
  background: rgba(0,0,0,.08);
}

.set.blue .btn2.sec.ico:before { content: '\f053' }
.set.green .btn2.sec.ico:before { content: '\f05e' }
.set.red .btn2.sec.ico:before { content: '\f05e' }
.set.black .btn2.sec.ico:before { content: '\f0c4' }

.set.blue .btn2.pri.ico:before { content: '\f054' }
.set.green .btn2.pri.ico:before { content: '\f00c' }
.set.red .btn2.pri.ico:before { content: '\f014' }
.set.black .btn2.pri.ico:before { content: '\f0c4' }



.ramka {
  display: inline-block;
  min-width: 300px;
  margin: 10px 10px;
  padding: 10px 15px 12px;
  font: 700 12px/1 'Open Sans', sans-serif;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
  cursor: pointer;
}
