/* apply a natural box layout model to all elements */
/* http://paulirish.com/2012/box-sizing-border-box-ftw/ */

@font-face {
    font-family: BROADW;
    src: url(../font/BROADW.TTF);
}

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #418C9F; color: #fff; text-shadow: none;}
::selection {background: #418C9F; color: #fff; text-shadow: none;}

/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#000; font-family:  Arial, Helvetica, sans-serif; font-style:italic;  }
textarea:-moz-placeholder { color:#000; font-family:  Arial, Helvetica, sans-serif; font-style:italic; }

/*------------- START -------------------------------------------------------------*/

.scrollup{  width:40px; height:40px; opacity:0.3; position:fixed;bottom:20px; right:100px; display:none; text-indent:-9999px; background: url(../images/icon_top.png) no-repeat; cursor:pointer}

.fb {left: auto;position: fixed;right: 0; top: 150px;width: 30px;}

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 12px Arial, Helvetica, sans-serif; line-height:20px; font-style:normal; font-weight:normal; border-top:5px solid #f5f5f5; background:#CCC}
body, select, input, textarea {color: #3c3c3c;}
select, input, textarea{ color:#000; padding:5px;
  font-family: Arial, Helvetica, sans-serif; font-style:italic;
}
textarea{ height:150px; width:100%;}
.item-page{ min-height:500px;}
.item-page-kontakt label{ display:block; color:#418C9F; text-transform:uppercase; font-size:10px}
.item-page-kontakt input{ width:100%}
.item-page-kontakt input[type="submit"]{ background:#418C9F; color:#fff; border:0px; border-radius:5px 0px 5px 0px}
a {color: #6D6D6D; text-decoration:none; cursor:pointer;
  -moz-transition:0.2s all linear; -webkit-transition:0.2s all linear; -o-transition:0.2s all linear; transition:0.2s all linear;
}
a:hover {color: #0E4586;}

h1, h2,h3,h4,h5,h6{ font-family: Arial, Helvetica, sans-serif; font-style:normal; }
h1, .big{ font-size:26px; line-height:28px; color:#3c3c3c; margin:10px 0 15px; }
h2{ font-size:24px; line-height:26px; font-family: Arial, Helvetica, sans-serif; font-weight:normal  }
h3{ font-size:19px; line-height:21px; margin-bottom:15px; text-align:left; color:#D7D7D7; font-weight:normal; margin-top:5px }

label{}

.leading-0 .readmore{text-align:right}
.readmore{ text-align:center; text-transform:uppercase; font-size:10px; font-weight:bold; padding-bottom:10px; border-bottom:1px dashed #d6d6d6; margin-bottom: 20px;}


.cookie{color:#434343; clear:left; padding:0px 0px 10px 0px; background:#F5F5F5;border-bottom:1px solid #d6d6d6}
  .bg{ background:none}
.cookie-info{width:1000px; margin:0px auto 0px auto; padding:2px 0px 4px 0px; margin-bottom:12px; }
  .cookie-text{ font-size:11px; text-align:left; float:left}
    .cookie-text a{ font-size:11px; text-decoration:none; font-weight:bold; color:#0E4586; text-align:right}
  .cookie-link{ float:right; margin-top:0px}
    .cookie-link a{ font-size:11px; text-decoration:none; font-weight:bold; color:#0E4586; text-align:right;}

.h2_top {padding:20px 0px 0px 0px; font-size:40px; color:#000; font-family: BROADW;}
header .top .box .h2_top a{ font-size:40px; padding:20px 0px 0px 0px;}
.wrapper{ width:1042px; margin:10px auto 10px auto; height:auto; min-height:600px; background:#fff; padding:20px; border:1px solid #E0E0E0}
header .top{ height:80px}
header .top .box{ float:left; width:50%; height:100%; padding-top:0px; text-align:left; border-bottom:0px solid #EDEDED}
	header .top .box img{ margin-left:1px; margin-top:10px}
	header .top .box a{ color:#000000; text-transform:uppercase; font-size:10px; font-weight:bold}
		header .top .box li{ float:left; padding:4px 10px 0px 10px; border-right:1px solid #f5f5f5; margin-top:5px}
	header .top .box span{ display:inline-block; margin-top:6px; margin-left:5px; color:#6D6D6D}
	header .top .search{ text-align:right; padding-top:7px}
	header .top .box input[type="text"]{ width:400px; border:1px solid #d6d6d6; font-size:12px; color:#969696; margin-right:4px; padding:10px 0px 10px 10px;}
	header .top .box input[type="submit"]{ background:#0E4586; color:#FFFFFF; border:0px solid #589901; font-style:normal; font-size:12px; padding:10px 20px 10px 20px; margin:0px}

	header .top .search label{display:none}
	.right .search input #search-searchword{ width:300px}

	.search .phrases{background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #D6D6D6;height: 100px;padding: 10px; margin-bottom:30px; display:none}
	.search .phrases .ordering-box{ margin-top:10px;}
.search	.only{ display:none}
.search .button{ background:#0E4586; color:#FFFFFF; padding:5px 20px 5px 20px; border:1px solid #244677; margin-top:20px}
    .search .word label{margin-top:30px; background:#F0F0F0; color:#585858; padding:10px 0px 10px 20px; border-radius:10px 0px 10px 0px; font-weight:normal; font-size:16px; display:none }
	.result-category,.result-text{ display:none}

	 nav{ height:10px}
 nav .logo{ float:left; width:30%; height:100px; padding-top:10px;}
 nav .navigation{ width:100%; height:50px; text-align:right; background:url(../images/bg.jpg) top repeat-x;}
	nav ul li{ float:left; text-align:center; text-transform:uppercase}
		nav ul li a{ display:block; font-size:14px; color:#fff; border-right:1px solid #2E2E2E; padding:15px 20px 15px 20px; font-family:Arial, Helvetica, sans-serif;  }
		nav ul li a:hover{ background:#464646; color:#fff}
		nav ul li.active a{ background:#464646; color:#fff }
			nav ul ul{ display:none}
.banner{ height:350px; clear:left; overflow:hidden; margin-top:5px;}
 .banner img{max-width:100%;}
.slideDown{height:350px; width:1000px; background:white; position:absolute; z-index:100; margin-top:39px; cursor:pointer; display:none; border-top:1px solid #703735; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; opacity:0.95; padding:10px 20px 20px 10px}
  .slideDown .box{ float:left; width:25%; height:100%; display:block; border-right:1px dashed #d6d6d6; padding-right:10px; padding-left:10px;}
	.slideDown .box.wide{ width:40%}
	.slideDown .box li{ color:#434343; padding:3px 0px 3px 0px; border-bottom:1px dashed #D6D6D6}
    .slideDown  h3{ color:#2E2E2E; font-weight:bold; text-align:center}
	.slideDown a.parasole img{max-width:100%; border:0px}


.middle { height:300px; margin-top:70px}
	.middle img{ padding:2px; border:1px solid #d6d6d6}
	.middle .box-left{ width:66%; height:100%; float:left; margin-right:5px}
		.middle .box-left .box{ width:30%; float:left; height:100%; margin-right:10px; margin-top:10px}
		.middle .box-left .box:first-of-type{ margin-left:25px}
		.middle .box-left .box h4{ font-size:15px}
	.middle .box-right{ width:33%; height:100%; float:left}
			.middle .box-right li{ padding:10px 0px 10px 35px; border-bottom:1px dashed #d6d6d6; background:url(../images/play.png) left no-repeat; }
	.items-leading h2{  background:#f5f5f5; padding:10px; font-weight:normal; font-size:20px; margin-bottom:20px; margin-top:5px; color:#000}
	.middle h2{  background:#F4F4F4; padding:10px; font-weight:bold; font-size:20px;}
  	.middle .box-right input[type="text"]{ border:1px solid #d6d6d6; padding:10px; width:100%}
	.middle .box-right input[type="submit"]{ background:#589901; color:#FFFFFF; border:0px solid #589901; font-style:normal; font-size:12px;padding: 10px; margin-top:5px}
	.middle .box-right p{ padding:0px 10px 0px 10px; margin-top:10px; margin-bottom:10px}
	.breadcrumbs{ font-size:10px; text-transform:uppercase; padding:3px 0px 3px 0px; border-bottom:1px dashed #d6d6d6}
	.item-page h2,.category-desc h2{ padding:12px 10px 12px 10px; background:#f5f5f5; margin-top:10px; margin-bottom:15px; color:#000}
	.konkurs{ padding:6px; background:#FF6900; color:#FFFFFF; margin:15px 0px 15px 0px; font-size:19px; line-height:30px; text-align:center; border-radius:5px; font-weight:bold }
	.item-page p{ margin:10px 0px 10px 0px; text-align:left; font-size:14px; line-height:24px}
	.item-page li{ text-align:justify;  background:url(../images/arrow.png) left no-repeat;  margin-left:10px; padding-left:20px}
	.item-page ul.lista li{ background:url(../images/arrow.png) left no-repeat; padding: 3px 0px 2px 25px; }
		.item-page h3{ color:#C80000; padding:10px 0px 0px 10px; font-weight:bold; background:#C80000 }
		.item-page h4{ margin-left:0px; font-weight:bold; font-size:15px; padding:15px 0px 15p 0px; border-bottom:0px dashed #d6d6d6; margin:20px 0px 20px 0px }
		.item-page h5, .category-desc h5{ color:#5D9D00; font-size:16px; margin-top:10px}
		.category-desc h5{ margin-bottom:10px; font-size:18px;}
		.item-page h6{ color:#5D9D00; font-size:16px; padding-bottom:5px; border-bottom:1px dashed #d6d6d6; border-top:1px dashed #d6d6d6; padding-top:5px; background:#f7f7f7; padding-left:5px; padding-right:5px;}
	.galeria{display:block; }
    .galeria h2{ background:none;border-bottom:1px dashed #d6d6d6}
	.category-desc img{ padding:4px; border:1px solid #d6d6d6; margin:5px 5px 10px 5px}
	.item-page img{ padding:4px; border:0px solid #d6d6d6; margin:5px 5px 10px 15px}
		.left{ width:220px; float:left; margin-top:10px}
			.left h2, .left h3{ font-size:20px; color:#434343; background:#F7F7F7; padding:12px 10px; margin-bottom:10px; margin-top:0px; font-weight:bold}
			.left .menu li{ border-bottom:1px dashed #d6d6d6; background:url(../images/arrow_li.png) left no-repeat;}
	/*.left .menu li.item-511, .left .menu li.item-519{ border-bottom:0px dashed #d6d6d6; background:none;}*/
			.left .menu li span{display:block; background:none; font-size:14px; text-transform:uppercase; background:#5D9D00; color:#FFFFFF; font-weight:bold; padding:8px 0px 8px 20px; border-bottom:0px solid #d6d6d6; margin-top:5px; margin-bottom:10px }
				.left .menu li a{ text-transform:uppercase; font-size:12px; font-weight:bold; display:block; padding:5px 0px 5px 20px; margin:5px 0px 5px 0px }
				/*.left .menu li.active a{ background:#FE6A00; color:#FFFFFF; border-bottom:0px dashed #d6d6d6; border-radius:5px 0px 5px 0px}*/
				.left .menu li.active a{color:#2e2e2e; border-bottom:0px dashed #d6d6d6; font-weight:bold; font-size:14px; background:#eee; border-radius:5px 0px 0px 5px}
				.left .menu li.active a:hover{ color:#FE6A00; background:url(../images/arrow-hover.png) left no-repeat;}
					.left .menu li a:hover{ color:#FE6A00; background:#eee; border-radius:5px 0px 0px 5px}

		.right{ width:760px; float:left; margin-left:10px; padding-left:10px; border-left:1px dashed #d6d6d6}

	.custom h2{  background: none repeat scroll 0 0 #f5f5f5; font-size: 20px; font-weight:lighter;  margin-bottom: 20px; padding: 10px; margin-top:40px; color:#000}


	header .top .box input[type="text"], div.mod_search94 input[type="search"] {
		width: 250px;
		border: 1px solid #d6d6d6;
		font-size: 12px;
		color: #969696;
		margin-right: 4px;
		padding: 10px 0px 10px 10px;
	}

	.cat-children{
		display: none;
	}

	.blog{ width:100%}
	.blog .item{ display:inline-block; width:230px; margin-right:15px}
	.blog .item p{ text-align:center}
	.blog .item img{ max-width:220px; padding:4px; border:0px solid #d6d6d6; }
	.blog .item img.h_200{ height:200px;}
	.blog .item h2{ font-size:12px; text-align:center; font-weight:bold; padding:5px 0px 5px 0px;  margin-top:0px; margin-bottom:5px; text-transform:capitalize;background:#f5f5f5; min-height: 66px;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;}

	.blog-featured .item{ display:inline-block; width:230px; margin-right:15px; text-align: center;}
	.blog-featured .item img{ max-width:220px; padding:4px; border:0px solid #d6d6d6;height:200px}
	.blog-featured .item h2{ font-size:12px; text-align:center; font-weight:bold; padding:5px 0px 5px 0px;  margin-top:0px; margin-bottom:5px; text-transform:capitalize; background:#f5f5f5; min-height: 66px;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;}
	.items-leading{ margin-bottom:30px}

	.blog_kategorie{ clear:left}
	.blog_kategorie .item{ float:left; width:310px; margin-right:10px; margin-top:20px}
	.blog_kategorie	.item img{ max-width:310px; padding:4px; border:1px solid #d6d6d6}
	.blog_kategorie	.item h2{ font-size:14px; text-align:center; background:#F7F7F7; padding:5px 0px 5px 0px;  margin-top:30px; margin-bottom:10px; position:absolute; width:200px; }


footer{  border-top:1px solid #d6d6d6; margin-top:30px; padding:10px 0px 0px 0px; font-size:12px; color:#828282; height:auto; margin-bottom:0px}
footer .menu{padding:0px 0px 3px 0px;}
footer .menu li{ float:left; padding:0px 5px 0px 5px; font-size:11px; text-transform:uppercase; font-style:italic}
footer .menu li a:hover{ border-bottom:1px solid #0E4586}
.copyright{ height:50px; border-top:1px solid #d6d6d6; padding-top:21px; margin-top:10px}
/*----------------- IE fixes ------------------*/
.ie-lt9 .nav li{ display:block; float:left; }
.ie-lt8 .footerNav li{ float:left; }
.ie-lt8  .newsletter{  }
.ie-lt8  .newsletter label{ margin-right:0px; }
.ie-lt8 header{ position:relative; z-index:3; }

/*----------------- Fancybox ------------------*/

.fancybox-title-float-wrap .child{ }

/*----------------- Contact form message send ------------------*/
.notification_ok{ padding:5px;  background: none repeat scroll 0 0 #418C9F; border: 1px solid #418C9F; border-radius: 5px 0 5px 0;color: #FFFFFF;
font-size: 16px;font-style: normal;font-weight: normal;margin: 3px 0 0;width: 100%;}
.notification_error{padding:5px; color:#FFFFFF; margin-top:10px;border-radius: 5px 0 5px 0; font-size:12px; display:block; height:60px}
.notification_error li{ float:left; color:#666}
.kontakt{ width:100%}
	.kontakt .box{ width:30%; float:left}
	.kontakt .box li{ font-weight:normal; line-height:24px;}
	.kontakt .box h3{ background:none; font-size:20px; color:#0059A7}
	.kontakt .box-wide{ width:68%; padding:0px 0px 0px 10px; float:left; border-left:1px dashed #d6d6d6}
	.kontakt .box-wide h4{ margin-bottom:0px; color:#0059A7}
	.kontakt .box-wide label{ display:block; font-size:10px; text-transform:uppercase}
	.kontakt .box-wide input[type="text"]{ width:100%; font-style:normal}
	.kontakt_form h3{color:#418C9F;}
	.kontakt .box-wide input[type="submit"]{background: none repeat scroll 0 0 #0158A7; border-radius: 5px 0 5px 0; color: #FFFFFF; cursor: pointer; display: block; font-size: 16px; font-weight: normal; margin: 3px 0px 0px 0px; padding: 5px; width: 100%; border:1px solid #0158A7; font-style:normal}


/*----------------- Pagination ------------------*/

.pagination_display{ width:auto; margin-left:auto; margin-right:auto;border-top:1px dashed #d6d6d6;padding:10px 0px 0px 0px}

.pagination ul{ list-style:none; /*width:320px;/*/ padding:0px; margin:0px; border-bottom:1px dashed #d6d6d6}
.pagination li{ float:left; font-size:13px; margin-top:10px;}
.pagination li a{ font-size:11px; text-decoration:none;color:#828282; text-align:center }
.pagination li a:hover{ color:#434343}
.pagination .pagination-start{ width:50px; float:left}
.pagination .pagination-end{ width:50px; padding-left:0px; padding-right:0px;}
.pagination .pagination-prev{width:50px; padding-left:0px; padding-right:0px; border-right:1px dotted #d6d6d6}
.pagination .pagination-next{width:50px; padding-left:0px; padding-right:0px;border-left:1px dotted #d6d6d6}
.pagination .pagenav { padding-left:10px; padding-right:10px;}

span .pagenav { padding-left:10px; padding-right:10px; margin-top:10px;font-size:11px; text-decoration:none;color:#828282;}
span .pagenav a:hover{color:#36CC25}
.result-created{display:none}
.result-title{ text-transform: uppercase; font-size:12px; margin-bottom:5px; padding-bottom:3px; border-bottom:1px dotted #d6d6d6}

/*----------------Logo slider ------------------------*/

.list_carousel { margin: 0 0 30px 00px; width: 1000px;}
.list_carousel ul {margin: 0; padding: 0; list-style: none; display: block;}
.list_carousel li {font-size: 40px; color: #999; text-align: center; height: 64px; padding: 0; margin: 6px; display: block; float: left;}

.it{ text-align:right; font-size:11px;color:#828282; width:1020px; margin:15px auto 20px auto; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;}
.it a{ text-decoration:none; color:#828282; background:url(http://www.interactivetechnology.pl/images/it-grey.png) right no-repeat; padding:10px 30px 10px 0px}
	.it a:hover{ background:url(http://www.interactivetechnology.pl/images/it.png) right no-repeat;}

/*----------------Catalogs------------------------*/

.katalog img{padding:4px; background:#f5f5f5;border:1px solid #d6d6d6}

.span4, .span6 {
    float: left;
}