body {
	font-family: Arial;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: #76b7d7; /* Old browsers */
	background: -moz-linear-gradient(left,  #76b7d7 0%, #d5f0fb 50%, #76b7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#76b7d7), color-stop(50%,#d5f0fb), color-stop(100%,#76b7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #76b7d7 0%,#d5f0fb 50%,#76b7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #76b7d7 0%,#d5f0fb 50%,#76b7d7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #76b7d7 0%,#d5f0fb 50%,#76b7d7 100%); /* IE10+ */
	background: linear-gradient(to right,  #76b7d7 0%,#d5f0fb 50%,#76b7d7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b7d7', endColorstr='#76b7d7',GradientType=1 ); /* IE6-9 */
}
.polecane { -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: ease-in-out;
    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
   background-color: rgba(255,0,0,0);
   color: #ffffff !important;
   border-radius: 25px; }
@-webkit-keyframes blink {
    0% {
        background-color: rgba(255,0,0,0);
    }
    50% {
        background-color: rgba(255,0,0,1);
        color: #ffffff;
    }
    100% {
        background-color: rgba(255,0,0,0);
    }
}
@-moz-keyframes blink {
   0% {
        background-color: rgba(255,0,0,0);
    }
    50% {
        background-color: rgba(255,0,0,1);
        color: #ffffff;

    }
    100% {
        background-color: rgba(255,0,0,0);
    }
}
@-ms-keyframes blink {
    0% {
        background-color: rgba(255,0,0,0);
    }
    50% {
        background-color: rgba(255,0,0,0.4);
        color: #ffffff;
    }
    100% {
        background-color: rgba(255,0,0,0);
    }
}
.navi {
height:107px!important;
}

.clear {
	clear:both;
}
.full {
	width:100%;
}
.partnerzy .img-responsive { margin: 0 auto; }

.container {
margin-top:10px;
}

#flags_wrapper {
	text-align: right;
	float: right;
	margin-top: 13px;
	margin-right: 20px;
}

/* Navigation */
.menu-icon {font-size: 32px; padding: 10px;}
.navi{
	position:relative;
	top: 30px;
	padding-top: 34px;
}
.navi li a{
	font-family: Arial;
	font-size: 18px;
	color: #0B6499;
	background:none
}
.navi li a:hover{background:none!important;}
.navi li a:focus{background:none!important;}
.clear-navigation {
	 width:100%;
	 height:30px;
}
.navbar-brand {
	position:absolute;
	z-index:999;
}

/* Stylowanie dla ramki obrazków */
.topslider {margin-top: 30px;}
.border-top {
	padding: 10px;
	border-top: 4px #0E8BD5 solid;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-top-width: 2px;
}
.border-bottom {
	position:relative;
	bottom:0px;
	padding: 10px;
	border-bottom: 4px #0E8BD5 solid;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-width: 2px;
}

/* Obrazki na stronie głównej */
.index-images ul {list-style:none;}
.index-images li {padding: 3px; float:left;}
.index-images ul li {display:inline;}
.rowImages {
	margin-right: 30px;
	margin-left: -15px;
}

.image-title {
	background-color: rgba(14, 139, 213, 0.4);
	position: absolute;
	font-size: 20px;
	bottom: 3px;
	width: 260px;
	left: 3px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
}
.redirect {
	background-color: rgba(14, 139, 213, 0.4);
	position: absolute;
	font-size: 17px;
	top: 3px;
	width: 260px;
	left: 3px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
}
/* Kontakt */
input:not(.privacy-checkbox) {
	width: 100%;
	margin-bottom:10px!important;
	height: 28px;
	border: 1px solid #0B6499;
	box-shadow: inset 1px 1px 10px #a2a2a2;
	background-color: #fcfcfc;
	border-radius: 3px;
	padding: 10px;
}
textarea {
	margin-top:10px;
	width: 100%;
	height: 300px;
	border: 1px solid #0B6499;
	box-shadow: inset 1px 1px 10px #a2a2a2;
	background-color: #fcfcfc;
	border-radius: 3px;
	padding: 10px;
}
.kontakt {
	font-size: 19px;
	font-weight: bold;
	color: #0B6499;
	text-shadow: 2px 2px rgba(16, 16, 16, 0.22);
}
.kontakt_item {
	border-top: 1px #6C8899 solid;
	padding: 5px;
	margin-top: 15px;
	font-size: 14px;
	font-weight: normal;
	text-shadow: none;
	color:#000;
}
.kontakt_item p {
	margin: 0 0 1px;
}
.kontakt_item span {
	line-height: 35px;
	font-size: 16px;
	font-weight: bold;
	color: rgba(11, 100, 153, 0.78);
}
form {
	margin-bottom:10px;
}
/* Footer */
footer {
	border-top: 1px #6C8899 solid;
	background-color: rgba(14, 139, 213, 0.4);
	position: relative;	
	bottom: 0px;
	width: 100%;
	height:auto;
	margin-top: 10px;
}
footer .text-corp {
	line-height: 40px;
	margin: 0px !important;
	color: #FFFFFF!important;
	text-shadow: 2px 2px #595C61;
	font-size:13px;
	padding-left: 0px;
}
.footer-nav {float:right;}
.footer-nav ul {list-style:none; height:29px;}
.footer-nav ul li {list-style:none; display:none;}
.footer-nav ul li:first-child, .footer-nav ul li:nth-child(2), .footer-nav ul li:nth-child(3), .footer-nav ul li:nth-child(4) { display: inline !important; }
.footer-nav li {line-height: 40px;}
.footer-nav li  a {padding: 12px 5px 12px 5px; color:#fff; }
.footer-nav li a:hover{background-color: #337ab7; text-decoration:none;}

.wspolpraca {
	background-color: rgba(247, 247, 247, 0.27);
	border-bottom: 1px #6C8899 solid;
	padding:10px;
}

/* Important dla bootstrapa */

.page-header {border-bottom: 1px solid #0E8BD5!important;}
h2 {
	font-weight: bold!important;
	color: #76B7D7!important;
	text-shadow: 2px 2px #4D4343;
	text-transform: uppercase;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
	color:#fff !important;
	text-shadow: 2px 2px #595C61;
}
footer .container {position: relative; bottom: 0px; margin-top:0px;}

/* Certyfications */
.TabNavi ul li {
	font-size: 20px;
	font-weight: bold;
	color: #9d9e9e;
	margin-top: 5px;
}
.TabNavi ul
{
    margin:0;
    padding:0;
    list-style-type: none;
    list-style-image: none;
    margin-top: 0px;
}
.TabNavi ul li {display: list-item; margin:0 0 10px}
.TabNavi ul li:active
{
    color: #0687d4;
}

.filesExt ul { list-style-type: none!important;}
.filesExt .pdf { float:left;}
.filesExt a {
	color: #ad2016;
	text-decoration: underline;
	margin-top: 25px;
	text-align: left;
	float: right;
	font-size: 20px;
	margin-left: 15px;
}

.page-content ul {list-style-type: disc; list-style-image: url('../img/li_dot.png');}
.certyfications-header {
	border-bottom: 1px solid #0E8BD5!important;
	padding-bottom: 0px;
	margin: 8px 0 20px;
}
.shadow {width:100%;}
.certyfications-header h1 {
	font-size:20px;
	font-weight:bold;
}



.gray{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.notgray{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


/* Mobile CSS */
@media (min-width: 768px) 
{
	.navi {height: 50px !important;}
	.footer-nav ul {float:right;}
}
@media (max-width: 768px) 
{
	#flags_wrapper {
		margin-top: 0px;
	}
	.row{margin-right: 0px!important;margin-left: 0px!important;}
	
}
@media (max-width: 651px) 
{
	.footer-nav {border-top: 1px solid #fff;}
	.text-corp {width:100%; text-align:center;}
	.footer-nav {position: relative; width: 100%; margin: 0 auto;}
	.footer-nav ul {position: relative; margin: 0 auto; padding-left:0px; width:277px; height: 40px; text-align:center;}
	.navbar-brand {width: 70%; padding-top: 40px;}
}

@media (max-width: 380px) {
	.reset {padding-right: 5px!important; padding-left: 5px!important; }
	footer {padding-right: 0px; padding-left: 0px; }
	.footer-nav ul {padding-right: 0px; padding-left: 0px;}
	.text-corp {padding-right: 0px; padding-left: 0px;}
	.footer-nav {padding-right: 0px; padding-left: 0px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
}

@media (max-width: 320px) {
	footer {height:40px;}
	.text-corp {display:none}
}

@media (max-width: 1200px) {
	.image-title {width: 210px;}
	.redirect {width: 210px;}
}

@media (max-width: 992px) {
	.image-title {width: 315px;}
	.redirect {width: 315px;}
	
	.iso-logo {
        width: 200px !important;
        top: 0 !important;
	}
}


@media (max-width: 767px) {
	.image-title {width: auto; right: 3px; font-size: 14px;}
	.redirect {width: auto; right: 3px;}
}

@media (max-width: 480px) {
	.image-title {font-size: 10px;}
}