@font-face {
	font-family: 'MyWebFont';
	src: url('../font/webfont.eot'); /* IE9 Compat Modes */
	src: url('../font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../font/webfont.woff') format('woff'), /* Modern Browsers */
	     url('../font/webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('../font/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

* {
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #3d3d3d !important;;
}
.contact {line-height: 32px; font-size: 16px;   float: left; /*margin-bottom: 10px;*/}

a:hover {
	/*color: #38eb86 !important;*/
        color: #009900 !important;
}
img {max-width: 100%;}
body {
	font-family: 'MyWebFont', Fallback, sans-serif !important;
	margin: 0;
}
.container {padding-left: 30px !important; padding-right: 30px !important;}
#top {
	margin-bottom: 30px;
	clear: both;
        /*padding-left: 30px;
        padding-right: 30px;*/
}
.news .req {display: none;}
label {display: none !important;}
.error {border: 1px solid red !important;}
.background {
	/*background: rgb(79,132,175);
	background: -moz-linear-gradient(-45deg,  rgba(79,132,175,1) 0%, rgba(94,153,201,1) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(79,132,175,1)), color-stop(0%,rgba(94,153,201,1)), color-stop(42%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(79,132,175,1) 0%,rgba(94,153,201,1) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(79,132,175,1) 0%,rgba(94,153,201,1) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(79,132,175,1) 0%,rgba(94,153,201,1) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg,  rgba(79,132,175,1) 0%,rgba(94,153,201,1) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f84af', endColorstr='#ffffff',GradientType=1 );
	background-repeat: no-repeat;*/
        background: url(../images/tlo.png) no-repeat top center;
        background-repeat: no-repeat;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#logo {
	background: url(../images/logo.png) no-repeat;
	background-size: cover;
	width: 227px;
	height: 56px;
	position: relative;
	top: 20px;
	left: 55px;
	float:left;
}

#language {
	position: relative;
	width: 120px;
	height: 90px;
	float: left;
	left: 70px;
	top: 20px;
}

#social {
	float: right;
	width: 250px;
	/*height: 40px;*/
	top: 20px;
	/*margin-right: 35px;*/
        margin-top: 20px;
}

#social img {
	margin-right: 10px;
}

#menu_responsive {
	display: none;
}

#menu .list {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#menu {
	width: 100%;
	/*left: 5px;*/
	float: left;
	clear: both;
	position: relative;
        margin-bottom: 15px;
}

#menu ul {
	list-style: none;
        margin: 0;
        padding: 0;
}

#menu ul li {
	float: left;
	padding: 10px;
	color: #2d2d2d;
        padding-left: 0px;
}
li span {display: none;}
#menu ul li a {
	text-decoration: none;
	color:#2d2d2d;
}

#menu ul li a:hover {
	color: #38eb86;
}

#recommended {
	clear: both;
	float: right;
	/*margin-right: 30px;*/
	color: #22bf66;
	font-size: 20px;
	background: url(../images/arrow.png) no-repeat left bottom;
	width: 250px;
	height: 38px;
	padding-left: 30px;
        margin-bottom: 10px;
}

#middle {
	/*background: url(../images/tlo.png) no-repeat top center;
	background-size: cover;*/
	position: relative;
	top: 0;
	/*padding: 30px;*/
       /* padding-left: 30px;
        padding-right: 30px;*/
	width: 100%;
	clear: both;
        color: #595959;
}

#slogan {
	color: #807d7d;
	font-size: 20px;
	text-align: center;
}

#slogan ul {
	list-style: none;
        margin: 0;
        padding: 0;
}

#slogan .big {
	font-size: 26px;
}

#arrows {
	background: url(../images/arrows.png) no-repeat top center;
	position: relative;
	background-size: 100% 100%;
	width: 100%;
	height: 100px;
}

#boxes {
	width: 100%;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	clear: both;
        float: left;
}

.boxes-s {
	height: 110px !important;
}

.boxes-shadow {
	-webkit-box-shadow: 0 0 20px 0 #B8B8B8;
	box-shadow: 0 0 20px 0 #B8B8B8;
}

.box {
	background: #f0f0f0;
	background: #009900 ;
        -webkit-box-shadow: 0 0 20px 0 #B8B8B8;
	box-shadow: 0 0 20px 0 #B8B8B8;
	width: 44%;
	height: 230px;
	margin: 30px;
	float: left;
	/*padding-top: 3%;*/
	text-align: center;
	color: #7b7b7b;
	font-size: 70px;
	font-stretch:condensed;
}

.news-big {
	/*font-size: 30px;*/
}

.rec {
	float: left;
	margin: 25px;
	font-size: 30px !important;
}
.panel {margin-bottom: 0px !important;
background: none !important;
border: none !important;
border-radius: 0px !important;}
.panel-wrapper {padding: 0px !important;}
.describe {
	position: absolute;
	/*font-weight: bold;*/
        bottom: 0px;

        color: #00980d;
	font-size: 38px;
        width: 100%;
    /*    min-height: 30%;*/
       /* height: 30%;*/
        background: rgba(255,255,255,0.9);
        text-align: center;
       /* text-shadow: 1px 2px 3px #666;*/
        line-height: 45px;
        padding: 20px;
}
.slider-in {height: 450px;}
.slider-map {
	float: left;
	background: #c6c6c6;
	height: 15px;
	padding: 2px;
	border-right: 1px #6a6a6a solid;
	border-left: 1px #6a6a6a solid;
}
/* slider nav */
ul {list-style-type: none;}
.describe {margin-bottom: 15px; }
.ls-nav {position: absolute; top: auto; z-index: 2000;}
ul,#slider-nav-ul {width: 100%; margin: 0; padding: 0; -webkit-margin-before: 0;
-webkit-margin-after: 0;}
#slider-nav-ul li a:hover{background: #009900; }
#slider-nav-ul li a{background: #d3d4d4;
	/*background: #c6c6c6;*/
        padding: 0px !important;
	height: 15px;
}
.current {background: #009900 !important;}

/* slider nav */
ul {list-style-type: none;}
.describe {margin-bottom: 15px; }
.ls-nav {position: absolute; top: auto; z-index: 2000;}
ul,#slider-nav-ul {width: 100%; margin: 0; padding: 0; -webkit-margin-before: 0;
-webkit-margin-after: 0;}
#slider-nav-ul li a:hover{background: #951b9b; }
#slider-nav-ul li a{background: #d3d4d4;
	/*background: #c6c6c6;*/
        padding: 0px !important;
	height: 15px;
}





/* slider nav */
ul {list-style-type: none;}
.describe {margin-bottom: 15px; /*text-shadow: 1px 2px 3px #000 !important; */}
.ls-nav {position: absolute; top: auto; z-index: 2000; background: white; width: 100%; overflow: hidden;}
ul,#slider-nav-ul {width: 100%; margin: 0; padding: 0; -webkit-margin-before: 0;
-webkit-margin-after: 0;}
.module p {padding-left: 15px;}
/*.module a, .module li a {color:#2d2d2d !important;}*/

li:hover {background: none !important;}
.module a:hover,.module li a:hover {background: none !important; /*color: #016ca0 !important; */}
li span {display: none;}
/* slider nav */
/* slider nav */
.slider-map:hover {
	background: #e9e9e9;
}

@media (max-width: 800px)  {

	.box {
		font-size: 40px;
		height: 150px;
	}

	.smaller {
		font-size: 25px;
	}
	
	.news-big {
		font-size: 16px;
	}
	
	.input-group {
		font-size: 14px;
	}


}
input[type=submit].smaller,input[type=submit].smaller:hover ,
input[type=submit].glow,input[type=submit].glow:hover ,
input[type=submit].box,input[type=submit].box:hover {
                float: left;
                 text-align: center !important;
                 font-size: 26px;
                color: #ffffff;
                font-weight: bold;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                background-color: #da4f49 !important;
                background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f) !important;
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)) !important;
                background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f) !important;
                background-image: -o-linear-gradient(top, #ee5f5b, #bd362f) !important;
                background-image: linear-gradient(to bottom, #ee5f5b, #bd362f) !important;
                background-repeat: repeat-x !important;
                border-color: #bd362f #bd362f #802420 !important;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0) !important;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
                -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
                -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
                box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
                 border-radius: 2px !important;
                text-transform: uppercase !important;

}
.smaller {
	width: 100%;
	/* height: 110px; */
	height: auto;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	margin: 0;
	font-size: 28px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #22bf66;
	color: white;
        background: #009900 ;
        text-align: left;
        padding-left: 10px;
}

.right-side {
	float: right;
	text-align: right !important;
}

.left {
	float: left;
}

.text {
	background: rgba(243,240,240,0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 14px;
	text-align: left;
	height: auto;
	padding: 15px;
	color: #7b7b7b !important;
 }
#column {padding: 10px;}
#one {
	height: auto;
	width: 33.3%;
	float:left;
	margin-bottom: 30px;
        /*padding: 10px;*/
}
#two {
    height: auto;
    width: 66.6%;
    float: left;
    padding: 10px;
    padding-left: 0px;
}
#half {
    width: 48%;
    float: left;
    margin: 1%;
}
#all {width: 100%; float: left; margin-top: 10px; margin-bottom: 10px;}
#all_in {
    width: 98%;
    margin-left: 1%;
    /*width: 100%;
/*    margin-left: 3%;
    /*margin-top: 20px; 11.04.2014 */
  /*  margin-top: 10px;*/
    float: left;}
.border {
	border-right: 1px solid #fff;
}

.glow:hover {
	background: rgba(197, 248, 211, 0.6) !important;
	color: #fff; 
}

.centered {
	text-align: center;
	padding: 0;
}

.center {
	width: 100%;
	margin-left: auto;
	margin-rught: auto;
}

.static {
	background: rgba(197, 232, 248, 0.6) !important;
	color: #fff; 
}

.news {
	background: url(../images/mail.png) no-repeat top right !important;
	clear: both;
	-webkit-box-shadow: 0 0 20px 0 #B8B8B8;
	box-shadow: 0 0 20px 0 #B8B8B8;
	margin-bottom: 20px;
        /*margin-top: 10px;*/
	padding: 10px;
	font-size: 23px;
	/*height: 100px !important;*/
}
#one .news #one {min-width: 99% !important;}

.news-big {
	font-size: 25px;
}
.news #one {min-width: 200px; max-width: 100%;}
.news #one {margin-bottom: 0px; }.news #two {min-width: 300px; max-width: 100%;}
.news input {margin-bottom: 10px !important;}
.news input[type=submit] {width: 100%;
text-align: center !important;text-transform: uppercase;}
.news .req {display: none;}
.news span {font-size: 13px;}
.news input[type=submit] {font-size: 18px;}

.search {
	clear: both;
	-webkit-box-shadow: 0 0 20px 0 #B8B8B8;
	box-shadow: 0 0 20px 0 #B8B8B8;
	/*margin-top: 50px;*/
	margin-top: 10px;
	padding: 20px;
	font-size: 22px;
	height: 80px;
}

.size {
	height: 150px;
}

.only {
	width: 100% !important;
}

.two {
	width: 50% !important;
}

.clear {
	clear: both;
}

.search-loop {
	background: #22bf66 url(../images/search.png) no-repeat right !important;
	color: #fff; 
	clear: both;
	-webkit-box-shadow: 0 0 20px 0 #B8B8B8;
	box-shadow: 0 0 20px 0 #B8B8B8;
	margin-top: 50px;
	padding: 20px;
	font-size: 42px;
	text-align: center;
	height: 100px !important;
}

.search-result {
	background: #88d0f3 url;
	color: #fff; 
	clear: both;
	-webkit-box-shadow: 0 0 20px 0 #B8B8B8;
	box-shadow: 0 0 20px 0 #B8B8B8;
	margin-top: 50px;
	font-size: 35px;
	text-align: center;
	height: 210px !important;
        float: left;
}
.search-result .s-left, .search-result .s-right{
    padding: 0px !important;
}
#advanced_search {
	display: none;
}

.news-con {
	/*width: 40%;
	float: left;*/
}
.news-con input[type=submit] {
width: 100%;
text-align: center !important;
}
#logoParade
{
	width: 90%;
	position: relative;
	clear: both;
}

#logoParade div.scrollableArea a
{
	display: block;
	float: left;
	padding-left: 10px;
}

#more {
	width: 100%;
	color: #807d7d;
	font-size: 20px;
	text-align: left;
	float: left;
	margin: 20px;
}
a {text-decoration: none !important;}
p.training {
	clear: both;
	font-size: 20px;
	width: 100%;
        text-align: left;
        padding: 10px;
        color: #525051 !important;
}

#middle-right {
	float: right;
	width: 64%;
        margin-bottom: 40px;
}

#head-left {
	background: #f0f0f0;
	float: left;
	width: 100%;
	font-size: 22px;
	height: 60px;
	color: #2d2d2d;
        text-align: left;
        padding-left: 10px;
}

#head-right {
	background: #f8f05f;
	float: right;
	padding: 10px;
	text-align: center;
	width: 100%;
	font-size: 20px;
	color: #2d2d2d;
	height: 60px;
}

#body-left {
	float: left;
	text-align: left;
	padding: 10px;
	width: 100%;
	font-size: 13px;
        line-height: 15px;
	color: #2d2d2d;
	height: 150px;
}

#body-right {
	background: #22bf66;
	float: right !important;
	width: 100%;
	height: 150px;
}

.foto {
	float: left;
	margin: 5px;
        width: 23%;
}
.foto img {width: 100%;}
#info {
	text-align: center;
	width: 100%;
	top: 5%;
	padding-bottom: 100px;
	background: none;
	position: relative;
	height: 50%;
	font-size: 24px;
	color: rgba(79,132,175,1);
}

.redirect {
	text-align: center;
}

#bottom {
	text-align: right;
	width: 100%;
	padding: 30px;
	color: #7b7b7b;
	font-size: 14px;
	clear: both;
}

#module_search_up, #module_szkolenie_rozwojowe {text-align: right; margin-bottom: 10px;}
#module_nasze_serwisy img{margin-left: 10%;  margin-top: 20px; margin-bottom: 20px; width: 80%; border: none;}
.invoice {display: none;}

.form-input {background: #f8f5f5; padding: 15px; }
.form-input-preference {background: #d0ebf8; padding: 15px;}

.home-button {width: 100% !important; margin: 0px; line-height: 170px;}
.home-button-second {line-height: 70px; background: #eee7e7; color: #807d7d; text-align: left; padding-left: 10px; margin-top: 0px !important;}
.home-button-second:hover {background: #009900 !important; }
@media (max-width: 700px)  {
    .home-button-second {font-size: 18px; }
       #social {
position: relative;
float: left;
width: auto;
height: auto;
top: 30px;
left: 10px;
margin-top: 5px !important;
margin-bottom: 20px;
float: right;
width: 67%;
height: 110px;
}
.contanct {font-size: 16px;}
}
@media (min-width: 700px)  {
    #logo {left: 0px; }
}
#slider-wrapper {max-width: 1100px !important;}
.rozw {background: white;}
.prakt {background: #6cfeab;}
#module_nasze_serwisy_ck img {
margin-left: 20%;
margin-top: 20px;
margin-bottom: 20px;
width: 60%;
border: none;
}
/** --- GALERY -- **/
.thumb {

	padding: 30px 0 30px 0;
	vertical-align: top;
	width: 200px;
	height: 150px;
	float: left;
        margin-left: 30px;
        margin-right: 30px;

}

.img_thumb {

        transition: 0.5s ease-in-out;
/*        box-shadow: 1px 1px 15px rgba(50, 50, 50, 0.55);*/
        border: 1px solid #88d0f3;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 200px;
        height: 150px;

}
.galery_in .thumb { margin-left: 0px;
margin-right: 0px;}

.img_thumb_in {
	transition: 0.5s ease-in-out;
/*	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.55);*/
        border: 1px solid #88d0f3;
	-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	width: 90%;
	height: 220px;
}
.pr ,.pl {float: left; width: 48%; height: 200px;}
.pr  { float: right;}
input[type=submit] {border:none; outline:none;}
/** --- GALERY -- **/
.newshead {text-transform: uppercase; /*line-height: 35px !important; min-height: 70px;*/}
.module p {padding-top: 10px; }
.module a img {

    width: 70%;
    max-width: 75%;
opacity: .7;

  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url('grayscale.svg#greyscale'); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */}

.module a img:hover {
opacity: 1;

    width: 70%;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* Firefox 4+ */
  filter: none; /* IE 6-9 */

}
.redirect #one {height: 80px;}