* {margin:0px;padding:0px;}
img {
border:none;
}
html{
margin: 0px;
padding: 0px;
height: 100%;
}
body {
font-family: 'Ubuntu', sans-serif;
font-size: 15px;
margin: 0px;
padding: 0px;
color: #556063;
height: 100%;
background-color: #deedf5;
background-image: url("../images/bg.jpg");
background-repeat: repeat;
}
a{
color: #e42026;
text-decoration: none;
outline-style: none;
}

.content-text h1.main-title{
font-size: 28px;
font-weight:bold;
color: #2b2a29;	
}

h1.main-title {
padding: 0px;
font-size: 28px;
font-weight:bold;
line-height: 1.5em;
margin-bottom: 30px;
overflow: hidden;

}
h1.main-title span{
color: #2b2a29;	
position: relative;
display: inline-block;
}

h1.main-title span span{
display: block;
font-size:16px;
font-weight:normal;
}

h1.main-title span:after{
content:"";
width:1200px;
top: 25px;
height:1px;
background-color: rgba(109,120,123,0.2);
position: absolute;
left:100%;
margin-left: 20px;
}


div.clear{
clear: both;
margin: 0px;
padding: 0px;
height: 0px;
min-height: 0px;
border: none;
width: 100%;
}
.wr{
clear: both;
}
#wbox{
height: 100%;
}

.googleMaps{
float: right;
}
.googleMaps .infoMaps{
line-height: normal;
}

.googleMaps img{
background: none;
border: none;
box-shadow:none;
-webkit-box-shadow: none;
filter: none; 
}
.pYouTube {
display: block;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 35px;
position: relative;
}
.pYouTube iframe{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.p_pdf {
background: url("/icon/pdf.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}

.p_doc{
background: url("/icon/doc.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}
.p_docx{
background: url("/icon/doc.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}

.p_ppt{
background: url("/icon/ppt.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}
.p_pptx{
background: url("/icon/ppt.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}


.p_xls{
background: url("/icon/xls.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}
.p_xlsx{
background: url("/icon/xls.png") no-repeat scroll 0 0 transparent;
display: inline-block;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 50px;
text-decoration: none;
background-size:40px auto;
vertical-align: middle;
height: 40px;
}

.box_text{
background-color: #FFFFFF;
border-top: 1px solid #DCDCDC;
min-height: 500px;
padding: 0px 10px 15px 10px;
}
.pageNavig{
padding: 10px 0px 0px 0px;
color: #FFFFFF;
clear: both;
text-align: center;
margin: 0px 0px 0px 0px;
border-top: 1px solid #e0e0e0;
}

.pageNavig span{
color: #888888;
padding: 0px;
margin: 0px;
display: inline-block;
font-size: 12px;
line-height: 23px;
}	

.pageNavig a{
padding:0px;
margin:0px 5px 2px 0px;
font-size:12px;
display: inline-block;
background-color:#bbbbbb;
width: 26px;
height: 26px;
line-height: 26px;
overflow: hidden;
border: 1px solid #bbbbbb;
color: #FFFFFF;
}
.pageNavig b{
padding:0px;
margin:0px 5px 2px 0px;
font-size:12px;
display: inline-block;
width: 26px;
height: 26px;
font-weight: normal;
line-height: 26px;
overflow: hidden;
background-color: #e31e24;
border: 1px solid #e31e24;
color: #FFFFFF;
}


.pageNavig a.ap,.pageNavig a.an{
display: inline-block;
width: auto;
background: none;
padding:0px;
margin:0px;
color: #000000;

}


.pageNavig span.n,.pageNavig span.p,.pageNavig a.ap,.pageNavig a.an{
width: 34px;
height: 33px;
color: rgba(0,0,0,0);
overflow: hidden;
background: url('../images/arrow_mod.png') no-repeat;
display: inline-block;
border: none;
border-radius:0px;
}

.pageNavig span.n{
margin: 0px 10px 0px 0px;
background-position: 0px -32px;
background-color: #bbbbbb;
}
.pageNavig a.an{
margin: 0px 10px 0px 0px;
background-position: 0px -32px;
background-color: #e31e24;
}


.pageNavig span.p{
margin: 0px 0px 0px 5px;
background-position: -32px -32px;
background-color: #bbbbbb;
}
	
.pageNavig a.ap{
margin: 0px 0px 0px 5px;
background-position: -32px -32px;
background-color: #e31e24;
}	

.scrollDown{
position:fixed;
right:10px;
bottom:10px;
width:64px;
height:64px;
background:url('../images/scrollup.png') 0px 0px no-repeat;
text-decoration:none;
opacity:0.3;
display:none;
z-index: 100;
}
.top_page1{
background-color: #FFFFFF;
}

.top_page{
display: table;
width:1200px;
max-width:100%;
table-layout: fixed;	
font-size: 19px;
color:#2b2a29;
position: relative;
z-index: 1;
margin: 0px auto;
background-color: #FFFFFF;
}

.top_page .telTop{
display: table-cell;	
padding:12px 180px 12px 0;
width:50%;
box-sizing:border-box;
text-align: right;
}
.top_page .telTop>div{
display: inline-block;
text-align: left;	
padding:15px 0px 15px 40px;
background-image: url("../images/ico_phone.png");
background-position:0px 50%;
background-repeat: no-repeat;
}

.top_page .mailTop{
display: table-cell;	
padding: 12px 0 12px 180px;
width:50%;
box-sizing:border-box;	
}

.top_page .mailTop>div{
display: inline-block;
text-align: left;	
padding:15px 0px 15px 40px;
background-image: url("../images/ico_mail.png");
background-position:0px 50%;
background-repeat: no-repeat;
}

.div_offer, .div_top, .div_content, .div_foot, .div_promocje{
max-width: 100%;
box-sizing: border-box;	
}

.div_content{
padding:30px 0px 20px;
}

.box_foot {
background-color: #FFFFFF;
}

.box_foot .div_foot{
padding:30px 0px 45px 0px;
}

.box_foot .div_foot .mod_kontakt{
display: table;
table-layout: fixed;
width: 100%;
}

.box_foot .div_foot .mod_kontakt .logo-box, 
.box_foot .div_foot .mod_kontakt .media-box, 
.box_foot .div_foot .mod_kontakt .stopka-box{
display: table-cell;
text-align: center;
}

.box_foot .div_foot .mod_kontakt .logo-box .box-inLogo, 
.box_foot .div_foot .mod_kontakt .media-box .box-inMedia, 
.box_foot .div_foot .mod_kontakt .stopka-box .box-inStopka{
display: inline-block;
text-align: left;
vertical-align: middle;
}

.box_foot .div_foot .mod_kontakt .logo-box .box-inLogo{
-webkit-transition:0.3s all ease-out 0s;
transition:0.3s all ease-out 0s;
}
.box_foot .div_foot .mod_kontakt .logo-box .box-inLogo:hover{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.box_foot .div_foot .mod_kontakt .media-box .box-inMedia .mediaIco{
width:39px;
height:39px;
display: inline-block;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition:0.3s all ease-out 0s;
transition:0.3s all ease-out 0s;
margin: 0px 3px;
}
.box_foot .div_foot .mod_kontakt .media-box .box-inMedia .mediaIco:hover{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);	
}

.box_foot .div_foot .mod_kontakt .media-box .box-inMedia .mediaIco.icoFb{background-image: url("../images/ico_fb.png");}
.box_foot .div_foot .mod_kontakt .media-box .box-inMedia .mediaIco.icoTw{background-image: url("../images/ico_twitter.png");}
.box_foot .div_foot .mod_kontakt .media-box .box-inMedia .mediaIco.icoGg{background-image: url("../images/ico_google.png");}
	
.box_foot .div_foot .mod_kontakt .stopka-box .box-inStopka, .box_foot .div_foot .mod_kontakt .stopka-box .box-inStopka a{color:#2b2a29;	}	
.box_foot .div_foot .mod_kontakt .bottomStopkaTop{font-weight:bold;}
.box_foot .div_foot .mod_kontakt .bottomStopkaBot{font-weight:300;}


.pathway{
margin-bottom: 10px;
}

.pathway a, .pathway{
color: #6b8fa5;
text-align: right;
}
.pathway a{
margin: 0px 10px;
}
.pathway a.f{
color: #e42026;
}
/*---------------LANG------------------------*/

.divLng{
position:absolute;
top:0px;
bottom:0px;
right: 0px;
z-index: 1;
margin: auto;
height: 34px;
}
.divLng ul{
list-style: none;
}

.divLng li{
display: inline-block;
float: left;
padding-left: 8px;
}	
.divLng li a{
display: block;
text-transform: uppercase;
width: 34px;
height: 34px;
text-align: center;
color: #2b2a29;
font-size: 14px;
font-weight: 800;
position: relative;
transition: all 0.5s ease-out 0s;
line-height: 34px;
border-radius:50%; 
}


.divLng li.sel a,.divLng li a:hover{
background-color: #e5222a;
transition: all 0.5s ease-out 0s;
color: #ffffff;
}

.divLng li.langAnim {
    display: block;
}

.animatedLang {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



@-webkit-keyframes fadeInDownLang {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownLang {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownLang {
  -webkit-animation-name: fadeInDownLang;
  animation-name: fadeInDownLang;
}


@-webkit-keyframes fadeOutUpLang {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUpLang {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUpLang {
  -webkit-animation-name: fadeOutUpLang;
  animation-name: fadeOutUpLang;
}