body, html { background-color:#f5f5f5 !important; }
body, html, div, p, td, span, li { font-family: 'Roboto', sans-serif !important; }
.hp_block img { -webkit-border-radius: 0 !important; -o-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
div.content_txt { font-size: 11pt; line-height: 24px; }
div.content_txt h2, div.content_txt h1 { font-size: 20pt; }
.nice_box { background:#fff; border: 1px #dddddd solid; padding: 15px; margin-bottom: 15px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.nice_box h2 { margin-top: 0px; }
div.content img { -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.t_m a { font-weight: 300; }
div.top2 { background: none; }
div.tel_top { padding-right: 0; color:#6c7489; }
div.tel_top i { color:#000; }
.top2 h1 { font-family: 'Roboto', sans-serif !important; font-weight: 300; color:#6c7489; }
div.bottom { background: transparent; border-top: 1px #dddddd solid; }
.foot1, .foot1 a, .foot2, .foot2 a { color: #6d7589 !important; }
.foot2 img { opacity:0.3; filter:alpha(opacity=30); margin: 0 5px; }
  a.buton {
    border: 1px #6d7589 solid !important;
    background-color: #6d7589 !important;}
a.onlymobile { display: none; }
div.top  { opacity:0.0; filter:alpha(opacity=0);
animation: anim1 0s linear 0.25s 1  alternate; -moz-animation: anim1 0s linear 0.25s 1  alternate; -webkit-animation: anim1 0s linear 0.25s 1  alternate; -o-animation: anim1 0s linear 0.25s 1  alternate;
animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

div.top_menu  { opacity:0.0; filter:alpha(opacity=0);
animation: anim1 0.25s linear 0.5s 1  alternate; -moz-animation: anim1 0.25s linear 0.5s 1  alternate; -webkit-animation: anim1 0.25s linear 0.5s 1  alternate; -o-animation: anim1 0.25s linear 0.5s 1  alternate;
animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

/* div.top_icons  { opacity:0.0; filter:alpha(opacity=0);
animation: anim1 0.5s linear 0.75s 1  alternate; -moz-animation: anim1 0.5s linear 0.75s 1  alternate; -webkit-animation: anim1 0.5s linear 0.75s 1  alternate; -o-animation: anim1 0.5s linear 0.75s 1  alternate;
animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; } */

div.page { background: url(/images/sites/site/top_back.gif) repeat-x left top;  }
div.top_icons { display: none; }

.foot1, .foot2 { opacity:0.0; filter:alpha(opacity=0);
animation: anim1 0.25s linear 0.5s 1  alternate; -moz-animation: anim1 0.25s linear 0.5s 1  alternate; -webkit-animation: anim1 0.25s linear 0.5s 1  alternate; -o-animation: anim1 0.25s linear 0.5s 1  alternate;
animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

@keyframes anim1
{
   0% { transition-delay: 0s; opacity:0.0; filter:alpha(opacity=0); }
   50% { opacity:0.5; filter:alpha(opacity=50);  }
   100% { opacity:1.0; filter:alpha(opacity=100);  }
}

@-moz-keyframes anim1
{
   0% { -moz-transition-delay: 0s; opacity:0.0; filter:alpha(opacity=0); }
   50% { opacity:0.5; filter:alpha(opacity=50);  }
   100% { opacity:1.0; filter:alpha(opacity=100);  }
}

@-webkit-keyframes anim1
{
   0% { -webkit-transition-delay: 0s; opacity:0.0; filter:alpha(opacity=0);  }
   50% { opacity:0.5; filter:alpha(opacity=50);  }
   100% { opacity:1.0; filter:alpha(opacity=100);  }
}
@-o-keyframes anim1
{
   0% { -o-transition-delay: 0s; opacity:0.0; filter:alpha(opacity=0);  }
   50% { opacity:0.5; filter:alpha(opacity=50);  }
   100% { opacity:1.0; filter:alpha(opacity=100);  }
}



@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}

	80% {
		-webkit-transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(-1000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}

	80% {
		-moz-transform: translateY(-10px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(-1000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}

	80% {
		-o-transform: translateY(-10px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(-1000px);
	}

	60% {
		opacity: 1;
		transform: translateY(30px);
	}

	80% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

.bounce_inup { animation: bounceInUp 1s linear 0s 1  alternate; -moz-animation: bounceInUp 1s linear 0s 1  alternate; -webkit-animation: bounceInUp 1s linear 0s 1 alternate; -o-animation: bounceInUp 1s linear 0s 1 alternate; animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

.feature.map iframe { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
    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+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }
  
.feature.map:hover iframe { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
    filter: none; /* Firefox 10+ */
    filter: none; /* IE6-9 */
	  -webkit-filter: none; /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }

.myButton, a.myButton {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

.myButton:active, a.myButton:active {
	position:relative;
	top:1px;
}



.foot2 { padding-top: 10px; }
.left_address { padding-top: 20px; border-top: 1px #e9eaec solid; color:#4d596b; }
.lang_nl { display: none; }
.en { display: none; }

a.cssml_link_1_detail:link     { display: block; background: url(/images/sites/site/pdf.png) no-repeat top left; padding-left: 45px; line-height: 40px; color: #365383; text-decoration: none; }
a.cssml_link_1_detail:visited { display: block; background: url(/images/sites/site/pdf.png) no-repeat top left; padding-left: 45px; line-height: 40px; color: #365383; text-decoration: none; }
a.cssml_link_1_detail:active  { display: block; background: url(/images/sites/site/pdf.png) no-repeat top left; padding-left: 45px; line-height: 40px; color: #365383; text-decoration: none; }

.back_to_list { float: right; padding-top: 27px; font-size: 9pt; text-transform: none; }
.box_g_txt { border: 0; margin: 0; }

.md_det_line { border-top: 1px #b1c0d6 dotted; padding: 2px 0; }
.md_det_left { float: left; width: 100px; text-align: right; min-height: 20px; line-height: 20px; font-weight: bold; }
.md_det_right {  margin-left: 110px; text-align: left; min-height: 20px; line-height: 20px; }

.prec_suiv {}

.prec_suiv a:link     { color: #6c748a; Text-Decoration: none; }
.prec_suiv a:visited { color: #6c748a; Text-Decoration: none; }
.prec_suiv a:active  { color: #6c748a; Text-Decoration: none; }

.md_td1 { vertical-align: top; text-align: center; width: 312px; }
.md_td2 { vertical-align: top; text-align: justify; width: 398px; }
.md_smallimg { padding: 5px; border: 1px #e3e5ec solid; margin: 0 3px; }
.md_td_photo { padding: 0 5px; width: 310px; height: 310px; text-align: center; vertical-align: middle; border: 1px #e3e5ec solid; }

.produkty { float: left; color: #6c748a; }
.strony { text-align: right; font-family: arial; color: #6c748a; font-weight: normal; font-size: 9pt; padding-bottom: 5px; }

.strony a:link     { margin: 3px; border: 1px #e6e6e6 solid; padding: 3px 6px; background-color: #f8f8f8; COLOR: #6c748a; Text-Decoration: none; }
.strony a:visited { margin: 3px; border: 1px #e6e6e6 solid; padding: 3px 6px; background-color: #f8f8f8; COLOR: #6c748a; Text-Decoration: none; }
.strony a:active  { margin: 3px; border: 1px #e6e6e6 solid; padding: 3px 6px; background-color: #f8f8f8; COLOR: #6c748a; Text-Decoration: none; }

.ml_box { padding: 5px; border: 1px #cbd3e8 solid; width: 334px; margin: 5px; background-color: #f3f6fa; font-size: 9pt;  }
.ml_title { color: #4d5c6a; font-size: 13pt; }
.ml_info1 { color: #929ba8; }
.ml_info2 { color: #4d5c6a; padding-top: 7px; }
.ml_img { border: 1px #cbd3e8 solid; float: left; margin: 0 10px 10px 0; }
.ml_plus { position: absolute; margin-top: -5px; border: 0; margin-left: 244px; }

body, html { background-color: #d1d5de; }

  .hp_images {
    text-align: center;
    background: url(/images/sites/site/shadow.png) no-repeat top center;
    background-color: #92a5c2;
    border-bottom: 1px #808b9a solid;
    padding: 30px 0 10px 0;
  }
  .hp_focus {
    background-color: #f7f7f7;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px #e4e4e4 solid;
  }
  .hp_focus_box {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 10px;
  }
  .focus_color {
    padding: 5px 0 0 0;
    color: #313b56;
    line-height: 20px;
  }
  .hp_focus_prod {
    border-right: 1px #d1d3d7 solid;
    padding-right: 10px;
    width: 280px;
    min-height: 200px;
  }
  a.buton:link, a.buton:visited, a.buton:active   {
    text-decoration: none;
    border: 1px #60ac0f solid;
    background-color: #60ac0f;
    padding: 8px 6px;
    font-family: helvetica;
    font-size: 10pt;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    height: 34px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .hp_focus_info {
    float: right;
    text-align: left;
    color: #313b56;
    width: 670px;
    padding-top: 10px;
  }
  .hp_focus_info strong {
    font-size: 11pt;
  }
  .hp_serigrapie img {
    vertical-align: middle;
    margin: 0 10px;
    border: 0;
  }
  .hp_serigrapie_box {
    width: 980px;
    margin: 0 auto;
    text-align: center;
  }
  .hp_serigrapie_box a:link     {
    Text-Decoration: none;
  }
  .hp_serigrapie_box a:visited {
    Text-Decoration: none;
  }
  .hp_serigrapie_box a:active  {
    Text-Decoration: none;
  }

@media only screen and (min-width: 1024px) { 
.myButton:hover, a.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
a.cssml_link_1_detail:hover  { display: block; background: url(/images/sites/site/pdf.png) no-repeat top left; padding-left: 45px; line-height: 40px; color: #a41416; text-decoration: underline; }
.prec_suiv a:hover  { color: #6c748a; Text-Decoration: underline; }
.strony a:hover  { margin: 3px; border: 1px #6c748a solid; padding: 3px 6px; background-color: #6c748a; COLOR: #fff; Text-Decoration: none; }
  a.buton:hover  {
    text-decoration: underline;
    border: 1px #60ac0f solid;
    background-color: #60ac0f;
    padding: 8px 6px;
    font-family: helvetica;
    font-size: 10pt;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    height: 34px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }  .hp_serigrapie_box a:hover  {
    Text-Decoration: none;
  }
}
@media only screen and (max-width: 1024px) { 
    .t_m table td div.DivSousTopMenu {
      display: none !important;
    }}
@media only screen and (max-width: 980px) { 
div.page { overflow-x: hidden; max-width: 980px; }
.page .wrapper { width: 100%; max-width: 960px; }
.hp_focus .hp_focus_box { max-width: 960px; margin: 0 auto; }
.hp_focus_prod { width: 260px; }
td.td1 {width: 250px;}
td.td1 .menu_left {margin-right: 10px; padding: 5px; }
.foot1 { width: 360px; }
.hp_serigrapie_box { width: 960px; }
.hp_ser_box { margin-left: 20px !important; margin-right: 20px !important; }
.search { margin-left: 694px;}
div.lb-outerContainer, div.lb-dataContainer { width: auto !important; max-width: 90% !important; height: auto !important; }
#lightbox img { max-width: 100% !important; }
span.lb-number { text-align: center !important; }
}
@media only screen and (max-width: 768px) { 
div.page, div.hp_images { max-width: 768px !important; }
.page .wrapper { width: 100%; max-width: 728px; }
.search { margin-left: 484px;}
.bottom .wrapper { display: table; }
.foot1 { display: table-footer-group; float: none;  width: 100%; text-align: center; } 
.foot2 { display: table-header-group; float: none;  width: 100%; text-align: center; }
.foot2 table { margin: 0 auto; width: 1px; margin-bottom: 20px; }
td.td1 {display: table-footer-group; width: 100%; background: transparent !important;}
td.td2 {display: table-header-group; width: 100%;}
.menu_left { margin-right: 0 !important; margin-top: 20px; border-top: 1px #e9eaec solid; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.m20 { margin-left: 20px; } .left_address {text-align: center !important; line-height: 25px; padding-top: 10px;}
.hideontablet { display: none !important; }
.content .wrapper table { margin: 0 auto; }
.content .wrapper { background-position: right top !important;  }
div.content_txt h2, div.content_txt h1 { padding-top: 10px; }
.hp_block { width: 141px !important; background-size: 100% !important; }
.hp_block img { width: 100% !important; }
}
@media only screen and (max-width: 680px) { 
div.page, div.hp_images { max-width: 680px !important; }
.page .wrapper { width: 100%; max-width: 640px; }
.top2 h1 { display: none; }
.search { margin-left: 384px;}
a.Tab { padding: 10px 3px 2px 3px !important; }
.foot1 { font-size: 8px; }
.ml_box { width: 300px; }.ml_plus { margin-top: -10px !important; margin-left: 207px !important; }
div.content_txt, div.content_txt span, div.left_address, div.left_address big, .strony, div.content_txt a.buton { font-size: 10px !important; line-height: 18px !important; }
.hp_serigrapie .hp_serigrapie_box { width: 628px !important; margin: 0 0 0 15px !important; }
div.nice_box .hp_serigrapie div.hp_serigrapie_box { width: 600px !important; }
.service2 img { max-width: 300px !important; }
.hp_focus .hp_focus_box { max-width: 628px !important; }
div.hp_ser_box { width: 598px !important; }
.hp_focus_info { width: auto !important; }
.service3 img { max-width: 600px; height: auto !important; }
.hp_block { width: 120px !important; }
}
@media only screen and (max-width: 410px) { 
.top {
    height: auto;
    background: #fff;
    text-align: left;
    position: fixed;
    left: 0;
    right: 0;
    border-bottom: 1px #dddddd solid;
    z-index: 100;
}
.top1 {
    padding-top: 10px;
    width: 100%;
    float: none;
    text-align: left;
    padding-left: 10px;
}
div.top2 {
    background: none;
    text-align: left;
    float: none;
    width: 100%;
    height: 40px;
    margin-left: 0 !important;
    padding-left: 10px;
}
.tel_top {
    float: none;
    padding-top: 10px;
    padding-right: 0 !important;
    font-size: 14pt;
}
.top_menu {
	position: fixed;
	z-index: 101;
    height: auto;
    line-height: 42px;
    background: #fff;
}
.top_menu_icons {
    float: none;
    position: fixed;
    top: 10px;
    width: 50px;
    text-align: right;
    right: 10px;
} img.t_sep { display: none; }
.loop { margin-top: 0; margin-bottom: 5px; }
.search {
    margin-left: 0;
    top: 0px;
    position: fixed;
}
.t_m { display: none; position: fixed; top: 110px; left: 0; right: 0; background: #6c7489; }
.t_m a { color: #fff !important; }
.t_m table, .t_m table tbody, .t_m table tbody tr { width: 100%; display: block; }
.t_m table td { display:none; }
.t_m table td.Top_Menu { display:block; width: 100%; text-align: center; }

A.Tab_Active:link, A.Tab_Active:visited, A.Tab_Active:active { background: none !important; }
a.onlymobile {
    display: block;
    position: absolute;
    top: 77px;
    left: 180px;
    font-size: 14pt;
    text-decoration: none;
}

div.left_address img, div.left_address i.fa-envelope { display: none; }
.content { padding-top: 120px !important; background: #fff !important; }
.content .wrapper { width: auto !important; padding: 0 10px; background: #fff !important; }
.content_txt img { margin: 0 auto !important; margin-bottom: 10px !important; max-width: 100% !important; width: auto !important; height: auto !important; float: none !important; display: block !important; }
.td2 td, .td2 div, .td2 p, .td2 span, div.content_txt, div.content_txt span, div.left_address, div.left_address big, .strony, div.content_txt a.buton {
    font-size: 11pt !important;
    line-height: 24px !important;
}
.hp_serigrapie .hp_serigrapie_box { width: 298px !important; margin: 0 0 0 15px !important; }
div.nice_box .hp_serigrapie div.hp_serigrapie_box { width: 270px !important; }
.nice_box table, .nice_box table tbody, .nice_box table tr, .nice_box table td { display: block; width: 100%; text-align: center !important; }
textarea { width: 224px !important; }
.captcha { float: none !important; margin: 0 auto !important; text-align: center; }
.content_txt .captcha img { margin: 0 auto !important; }
.content_txt h1 { text-align: center; }
.content_txt h1 img, .content_txt img.pdf { display: none !important; }
.ml_box { width: auto !important; text-align: center; }
.ml_title { height: 75px;
    overflow: hidden;
}
.ml_title img { display: none !important; }
.ml_box img.ml_plus {    margin-top: -30px !important;
    margin-left: 20px !important;
}
.back_to_list {
    float: none;
    padding-top: 0;
    text-transform: none;
    padding-bottom: 15px;
    text-align: center;
}
div.hp_ser_box {
    width: 260px !important;
}
.md_td2 img { display: none !important; }
.md_td2 div img { display: inline-block !important; }
.md_td2, .md_td1 { width: 100% !important; display: block !important;  }
.hp_serigrapie_box #derco-slider img { margin: 0 !important; }
.hp_images div { width: auto !important; text-align: center !important; }
.hp_images div div.hp_block {
    width: 188px !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding-bottom: 25px; float: none !important;
}
.hp_focus .hp_focus_box {
    max-width: 100% !important;
}
.hp_focus_prod { padding-top: 25px; }
.hp_focus { max-width: 355px !important; }
.hp_focus_prod ul li {
    float: none !important;
    margin-right: 0 !important;
    list-style: none !important;
    margin-top: 0 !important;
    margin-left: 10px !important;
}

.bottom { background: #f6f5f5 !important; }
.foot1 { font-size: 9pt; padding-bottom: 10px; }
.foot2 table td { display: none; }
.foot2 table td.Bottom_Menu { display: block; text-align: center; line-height: 30px; }
.hideonmobile, .content_txt img.hideonmobile, .ml_box div.ml_info1, .ml_box div.ml_info2 { display: none !important; }
}
@media only screen and (max-width: 330px) { 
	.hp_focus { max-width: 300px !important; }
	div.hp_ser_box {
    width: 230px !important;
}
.hp_serigrapie .hp_serigrapie_box {
    width: 300px !important;
    margin: 0 0 0 0 !important;
}
}