/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 

	font-family:tahoma, arial, verdana, sans-serif;
	font-size:120%;
	line-height:1.125em;

}
html { min-width:1000px;}
html, body { height:100%;}

.media {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	background: #a9a9a9 ;
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	font-style: italic;
	padding: 10px 15px;
	text-align: center;
}

.prod {
	width:200px;
	float: left;
	text-align: center;
}

/* Global Structure ============================================================= */
.container {
	margin: 0 auto;

	width: 1000px;
	font-size:.8125em;

}

/* Header */
header{
	height:120px;
	overflow:hidden;
}

/*Gallery*/
#gallery {
	height:370px;
	overflow:hidden;
	background:url(../imagestest/fon5.jpg) 0 0 repeat;
	background-color: #ffffff;
}

/* Content */
#content {

	margin: 10px 10px;
}

/* Sidebar */
aside{
	float: left;

	margin-right:52px;
}






/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper {
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 0px 50px 0px 50px; }


/*----- form defaults -----*/
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.webanfarwol_ol+figure { 
    height: 330px;
    margin-top: 60px;
}

.img-indent {
	margin:0 20px 0 0;
	float:left;
}
.img-box {
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
.img-box figure {
	float:left;
	margin:0 20px 0 0;
	padding:0;
}

.extra-wrap {
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#11B1F0;
	outline:none;
}
a:hover{
	text-decoration:none;
}

div.logo{
	font-size:34px;

	text-align: center;
	color:#fff;
	font-weight:normal;
	padding:6px 0 8px 69px;
	position:absolute;
	left:50px;
	top:6px;
}
h1 a {
	color:#fff;
	text-decoration:none;
	font-size: 70%;
}
h2 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	color:#212222;
	margin-bottom:22px;
}
h2 span {
	color:#8a8a8a;
}
h3 {
	font-size:1em;
	margin-bottom:6px;
}
h3 a { color:#242424; }
h3 a:hover {
	text-shadow: 1px 1px 1px #888;
}




/*==================boxes====================*/
.main-box {
	/*border-top:5px solid #000000;*/
	background:#fff;
	/*background: url('/imagestest/fon1.png');*/
	width:100%;
}


.contacts {
	padding-bottom:20px;
}
.contacts li {
	width:100%;
	overflow:hidden;
}
.contacts li strong {
	float:left;
	width:95px;
}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}



/*===== header =====*/
header nav {
	float:right;
}
header nav ul li {
	float:left;
}
header nav ul li a {
	font-size:20px;
	color:#fff;
	height:67px;
	line-height:67px;
	text-decoration:none;
	width:101px;
	text-align:center;
	float:left;
	background:#433b8f;
	background-image: gradient(top, #383282, #484095); /* FF3.6 */
	background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */
}
header nav ul li a.current, header nav ul li a:hover {
	padding-bottom:8px;

}

header nav ul li:nth-of-type(2) a {
	background:#0184cd;
	background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */
}
header nav ul li:nth-of-type(3) a {
	background:#7cbc19;
	background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
}
header nav ul li:nth-of-type(4) a {
	background:#ffbc00;
	background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
}
header nav ul li:nth-of-type(5) a {
	background:#f07502;
	background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
}
header nav ul li:nth-of-type(6) a {
	background:#d00110;
	background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
}




/*===== gallery =====*/
.roundabout-holder  {
	width:850px;
	height:280px;
	margin:10px auto;
}
.roundabout-moveable-item {
	width: 400px;
	height: 230px;
	cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.roundabout-moveable-item img{
	width:100%;
}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}
.roundabout-in-focus, .roundabout-moveable-item {
	border: none;
}

/*===== content =====*/
#content {
	text-align: justify;

}
/*#content img, aside img {*/
	/*border:3px solid #ebebeb;*/
	/*border-radius:4px;*/
	/*-moz-border-radius:4px;*/
	/*-webkit-border-radius:4px;*/
	/*}*/
	#content img:hover {
		border-color:#bbb;
	}
	.zaglav{text-indent: 20px;}

	.zaglav:first-letter {
		font-size: 25px;
		font-weight: 900;
	}
	/*--- news list styles ---*/
	.news li {
		overflow:hidden;
		position:relative;
		padding:0 0 26px 84px;
	}
	.news li:last-child {
		padding-bottom:0;
	}

	.news li figure {
		width:59px;
		height:59px;
		background:url(../images/date-bg1.gif) no-repeat 0 0;
		position:absolute;
		left:0;
		top:0;
		text-align:center;
		border:3px solid #ebebeb;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		font-size:10px;
		color:#fff;
		text-transform:uppercase;
	}
	.news li figure strong {
		display:block;
		font-size:30px;
		line-height:1.2em;
		margin-bottom:-7px;
		padding-top:4px;
	}

	.news li:nth-of-type(4n+2) figure {
		background:url(../images/date-bg2.gif) no-repeat 0 0;
	}
	.news li:nth-of-type(4n+3) figure {
		background:url(../images/date-bg3.gif) no-repeat 0 0;
	}
	.news li:nth-of-type(4n+4) figure {
		background:url(../images/date-bg4.gif) no-repeat 0 0;
	}


	ul.spisok {
		margin-left: 20px;
		list-style-image: url('../images/li_bg.png');
		font-weight: 700;
		padding-bottom: 15px;
	}
	ul.spisok li {
		margin-left: 80px;padding:2px;
	}

	.team-list li {
		width:100%;
		overflow:hidden;
		padding-bottom:43px;
	}
	.team-list li:last-child {
		padding-bottom:0;
	}
	.team-list li figure {
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}


	/*--- loopedSlider styles ---*/
/*
 * Required
 */
 #loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
 #loopedSlider .slides { position:absolute; top:0; left:0; }
 #loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
 * Optional
 */
 #loopedSlider { width:295px; position:relative; clear:both; }
 #loopedSlider .nav-controls {
 	width:100%;
 	overflow:hidden;
 	padding-top:10px;
 }
 #loopedSlider li {
 	display:inline;
 }
 #loopedSlider li a.previous {
 	float:left;
 }
 #loopedSlider li a.next {
 	float:right;
 }
.nav_link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	padding-top: 5px;
}
.nav_link.active .tekst,
.nav_link:hover .tekst{
	order: -1;
}
 #banka1 {width:105px; height:89px; background: url('../imagestest/ban2.png') no-repeat center;}
 .active #banka1, #banka1:hover{background-image: url('../imagestest/ban1.png'); }

 #banka2 {width:105px; height:89px; background: url('../imagestest/ban4.png') no-repeat center;}
.active #banka2, #banka2:hover{background-image: url('../imagestest/ban3.png'); }

 #banka3 {width:105px; height:89px; background: url('../imagestest/ban6.png') no-repeat center;}
.active #banka3, #banka3:hover{background-image: url('../imagestest/ban5.png'); }

 #banka4 {width:105px; height:89px; background: url('../imagestest/ban8.png') no-repeat center;}
.active #banka4, #banka4:hover{background-image: url('../imagestest/ban7.png'); }

 #banka5 {width:105px; height:89px; background: url('../imagestest/ban10.png') no-repeat center;}
.active #banka5, #banka5:hover{background-image: url('../imagestest/ban9.png'); }

 #banka6 {width:105px; height:89px; background: url('../imagestest/ban12.png') no-repeat center;}
.active #banka6, #banka6:hover{background-image: url('../imagestest/ban11.png'); }

 .tekst {font:bold italic 18px arial, serif; width: 105px; text-align: center; height:21px;}
 .block {width: 110px; height: 120px; margin: 0 auto}
 .texst {position: absolute; top:5px; font:bold italic 18px arial, serif; width: 105px; text-align: center;height:21px;}
 .tdwidth {width: 110px; height: 120px;}
 .pdiv {position: absolute; width:105px; height:89px; top: 20px;}
 #adtel {position: absolute; font:bold italic 18px arial, serif; color: #264796;text-align: center; margin-left: -60px;margin-top: -10px;}

 .versant {width:90%; margin-left: 5%;}

 /*===== footer =====*/
 footer {
 	color:#fff;
 	padding:12px 0 2px 0;
 	border-top:5px solid #eee;

 }
 footer .fleft {
 	padding-left:0px;
 }
 footer .fright {
 	padding-right:40px;
 }


 /*----- forms -----*/
 #contacts-form { 
 	clear:right;
 	width:100%;
 	overflow:hidden;
 }
 #contacts-form fieldset { 
 	border:none;
 	float:left;
 }
 #contacts-form .field { 
 	clear:both;
 }
 #contacts-form label { 
 	float:left;
 	width:110px;
 	line-height:18px;
 	padding-bottom:6px;
 	font-weight:bold;
 }
 #contacts-form input {
 	width:205px;
 	padding:1px 0 1px 3px;
 	background:none;
 	border:1px solid #e5e5e5;
 	color:#616161;
 	float:left
 }
 #contacts-form input:invalid {
 	border-color:red;
 }
 #contacts-form textarea { 
 	width:450px;
 	height:215px;
 	padding:1px 0 1px 3px;
 	background:none;
 	border:1px solid #e5e5e5;
 	color:#616161;
 	margin-bottom:12px;
 	overflow:auto;
 	float:left;
 }
 #contacts-form div:last-child {
 	padding-left:110px;
 }

 /*==========================================*/

 .sidebarForm {
 	background: #FFE1D0;
 	box-shadow: 0 0 5px #ccc;
 	-webkit-box-shadow: 0 0 5px #ccc;
 	-moz-box-shadow: 0 0 5px #ccc;
 	width: 420px;
 }

 #cor5 {
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 }

 .sidebarForm h4 {
 	font: 14px Verdana;
 	color: #333333;
 	text-align: left;
 	padding: 10px 10px 0 10px;
 }

 .sidebarForm label {
 	font: 12px Verdana;
 	color: #333;
 	padding: 10px;
 }

 .sidebarForm .input {
 	width: 170px;
 	height: 20px;
 	overflow: hidden;
 	background: white;
 	border: solid 1px #DFE2E5;
 	margin: 5px 0 10px 10px;
 	box-shadow: 0 0 5px #ccc;
 	-webkit-box-shadow: 0 0 5px #ccc;
 	-moz-box-shadow: 0 0 5px #ccc;
 }

 .sidebarForm .input input {
 	width: 165px;
 	height: 26px;
 	background: white;
 	margin: -3px 0 0 -5px;
 	padding: 0px 8px;
 	border: none;
 	background: transparent;
 }

 .sidebarForm .textarea {
 	height: 70px;
 	width: 320px;
 	overflow: hidden;
 	background: white;
 	border: solid 1px #DFE2E5;
 	margin: 5px 0 10px 10px;
 	box-shadow: 0 0 5px #ccc;
 	-webkit-box-shadow: 0 0 5px #ccc;
 	-moz-box-shadow: 0 0 5px #ccc;
 }

 .sidebarForm .textarea textarea {
 	width: 316px;
 	height: 66px;
 	background: white;
 	border: none;
 	resize:none;
 }

 .sidebarForm button {
 	border: 2px #ccc solid;
 	width: 150px;
 	height: 25px;
 	font: 12px Verdana;
 	font-weight: 700;
 	color: #FFFFFF;
 	background-color: #cc0000;
 	padding-bottom: 2px;
 	margin: 5px 0 15px 135px;
 }
 /*==========================================*/
 .wrapper1 {
 	display: inline-block;
 	width: 250px;
 	height: 200px;
 	vertical-align: top;
 	margin: 1em 1em 1em 1em;
 	cursor: pointer;
 	position: relative;
 	font-family: Tahoma, Arial;

 }

 .item1:hover img {
 	box-shadow: none;
 	border-radius: 15px;
 }

 .item1:hover .information1 {
 	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
 	border-radius: 15px;

 }

 .item1 img {
 	display: block;
 	position: absolute;
 	top: 0;
 	border-radius: 15px;
 	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
 	width: 250px;
 }

 .item1 a {color:black;}

 .item1 .information1 {
 	display: block;
 	position: absolute;
 	top: 0;
 	height: 140px;
 	width: 230px;
 	text-align: left;
 	border-radius: 15px;
 	padding: 10px;
 	font-size: 12px;
 	background: rgb(236,241,244);
 }

 .information1 strong {
 	display: block;
 	margin: 0 0 .2em 0;
 	font-size: 19px;
 	font-family: cursive;


 }

 /*==========================================*/

 .features-table
 {
 	width: 100%;
 	margin: 0 auto;
 	border-collapse: separate;
 	border-spacing: 0;
 	border: 0;
 	text-shadow: 0 1px 0 #fff;
 	color: #2a2a2a;
 	background: #fafafa;
 	background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
 	background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff));
 	margin-top:20px;
 	margin-bottom:20px;
 }

 .features-table td
 {
 	height: 50px;
 	padding: 0 10px;
 	border-bottom: 1px solid #cdcdcd;
 	box-shadow: 0 1px 0 white;
 	-moz-box-shadow: 0 1px 0 white;
 	-webkit-box-shadow: 0 1px 0 white;
 	text-align: center;
 	vertical-align: middle;
 	display: table-cell;
 }

 .features-table tbody td
 {
 	text-align: center;

 }


 .features-table td.grey
 {
 	background: #efefef;
 	background: rgba(144,144,144,0.15);
 	border-right: 1px solid white;
 }

 .features-table td.green
 {
 	background: #e7f3d4;
 	background: rgba(184,243,85,0.3);
 }

 .features-table td:nowrap
 {
 	white-space: nowrap;
 }

 .features-table thead td
 {
 	font-size: 120%;
 	font-weight: bold;
 	-moz-border-radius-topright: 10px;
 	-moz-border-radius-topleft: 10px;
 	border-top-right-radius: 10px;
 	border-top-left-radius: 10px;
 	border-top: 1px solid #eaeaea;
 }

 .features-table tfoot td
 {
 	font-size: 120%;
 	font-weight: bold;
 	-moz-border-radius-bottomright: 10px;
 	-moz-border-radius-bottomleft: 10px;
 	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;
 	border-bottom: 1px solid #dadada;
 }

 .h_title {
 	text-align: center;
 	margin-top: 80px;
 }
 .select_list {
 	margin-bottom: 20px;
 }

 .opis {
 	width: 120px;
 	display: block;
 	float: left;
 	text-align: left;
 	line-height: 30px;
 }

 select {

 	width: 300px;
 	height: 34px;
 	padding: 6px 12px;
 	font-size: 14px;
 	line-height: 1.42857143;
 	color: #555;
 	background-color: #fff;
 	background-image: none;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }
 .cd-input {
 	width: 276px;
 	height: 34px;
 	padding: 0px 12px;
 	font-size: 14px;
 	line-height: 1.42857143;
 	color: #555;
 	background-color: #fff;
 	background-image: none;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 }

 #tooltip {
 	z-index: 9999;
 	position: absolute;
 	display: none;
 	top:0px;
 	left:0px;
 	background-color: #000;
 	padding: 5px 10px 5px 10px;
 	color: white;
 	opacity: 0.6;
 	border-radius: 5px; 
 }

 .info a {
 	background-color: #999;
 	border-radius: 15px;
 	padding: 5px 10px;
 	line-height: 34px;
 	color: #fff;
 	font-weight: bold;
 	text-decoration: none;
 }
 .price {
 	line-height: 34px;
 }
@keyframes ants { to { background-position: 100% 100% } }
.product_page {
    border: 7px dotted #ffcdb1;
    border-radius: 15px;
    padding: 20px 60px;
    margin: 20px 50px;
    background: linear-gradient(#fff363, #ce6464) padding-box, repeating-linear-gradient(-45deg, #b32424 0, #9c1919 25%, transparent 0, transparent 50%) 0 / .6em .6em;
    animation: ants 60s linear infinite;
}ter {
 	text-align: center;
 }

 pre {
 	font-style: italic;
 	font-size: 18px;
 }
 .calc_left {
 	width: 740px;
 	margin: 0 auto;
 }
 .primer {
 	font-weight: bold;
 	font-style: italic;
 	padding: 15px 0 30px;
 }
 .ital {
 	font-style: italic;
 }
 .t {
 	line-height: 35px;
 }
.center {text-align: center;}
 #cena {
 	font-size: 20px;
 	font-weight: bold;
 	font-style: inherit;
 }
 .name {
	 color: magenta;
	 margin-right: 10px;
	 width: 108px;
	 text-align: left;
 }
 .manager {
	 display: flex;
	 align-items: center;
	 margin-top: 5px;
 }
 .messenger {
	 padding: 12px 5px 5px;
 }



 @media screen and (min-width:0\0) {


 	.ie10 .item1:hover img {
 		box-shadow: none;
 		border-radius: 0px;
 		display: none;
 	}

 	.ie10 .item1:hover {

 		transform: translateZ(0px) rotateX(0deg);
 	}
 	.ie10 .item1:hover .information1 {
 		box-shadow: 0;
 		border-radius: 0px;
 		display: block;
 		transform: rotateX(0deg) translateZ(50px);
 	}

 }

 @media all and (min-width: 0px)
 {
 	.item1 img {z-index:1;}
 	.item1:hover img {display: none;}
 }