* {margin:0px;padding:0px;}
img {
border:none;
}
html{
margin: 0px;
padding: 0px;
height: 100%;
}
body {
font-family: 'Ubuntu', sans-serif;
font-size: 21px;
margin: 0px;
padding: 0px;
color: #3f4042;
height: 100%;
font-weight: 300;
}
a{
color: #00AEC6;
text-decoration: none;
outline-style: none;
}
h1.main-title {
font-size:36px;
margin: 0px 0px 80px 0px;
color: #3f4042;
font-weight: bold;
padding: 0px;
text-transform: uppercase;
position: relative;
z-index: 1;
}
h1.main-title:after{
position: absolute;
content: "";
width: 77px;
height: 38px;
left: -15px;
top: -13px;
background-color: #00AEC6;
z-index: -1;
}
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;
}
.divLng{
position:absolute;
bottom:2px;
right:-315px
}
.divLng li{
padding: 5px;	
}	

.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: 24px;
line-height: 23px;
}	

.pageNavig a{
padding:0px;
margin:0px 8px 2px 8px;
font-size:24px;
display: inline-block;

width: 37px;
height: 35px;
line-height: 35px;
overflow: hidden;
color: #3f4142;
border-bottom: 4px solid #00AEC6;
box-sizing:border-box;
}
.pageNavig b{
padding:0px;
margin:0px 8px 2px 8px;
font-size:24px;
display: inline-block;
width: 37px;
height: 35px;
font-weight: normal;
line-height: 35px;
overflow: hidden;
background-color: #00AEC6;
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;
display: none;        
}

.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: #00AEC6;
}


.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: #00AEC6;
}	

.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;
}

.box-wrap{
position: relative;
background-color: #f7f8f8;
z-index: 0;

}
.box-wrap .background-wrap{
position:absolute;
width: 1200px;
left:0px;
right:0px;
margin: 0px auto;
height:100%;
z-index: -1;
border-left: 1px solid #e9eaea;
border-right: 1px solid #e9eaea;
top:0px;
max-width: 90%;
}
/*
.box-wrap .background-wrap:before{
content:"";
position:absolute;
width: 1px;
left:0px;
right:0px;
margin: 0px auto;
height:100%;
z-index: -2;
background-color: #e9eaea;
}
*/

.div-content{
padding: 120px 0px 60px 0px;
}

.div-content,.div-lanser,.div-kontakt{
max-width: 100%;
box-sizing:border-box;
}


/*------- FOOT STYLE ------*/

.box-foot{
background-image: url("../images/bg-map.png");
background-repeat: no-repeat;
background-position: 50% 50%;
}

.kontakt_menu{
display: flex;
justify-content: space-between;
width: 1200px;
margin: 0px auto;
box-sizing: border-box;
max-width: 100%;
padding: 50px 30px 50px 30px;
}

.kontakt_menu>div p{
margin-bottom: 20px;
line-height: 1.5em;
font-size: 19px;
}

.div-kontakt{
margin: 0px auto;
background-image: url("../images/bg-map.png");
background-repeat: no-repeat;
background-position: 50% 50%;
}


.div-kontakt .table-kontakt{
display: table;
width: 100%;
table-layout: fixed;
font-weight: 400;
line-height: 1.6em;
}

.div-kontakt .table-kontakt .table-cell{
display: table-cell;
text-align: center;
}

.div-kontakt .table-kontakt .table-cell>p:first-child{
font-size: 24px;
color: #3d3d3d;

margin-bottom: 30px;
}

.div-kontakt .media-div{
text-align: center;
padding-bottom: 80px;
}

.div-kontakt .media-div>a{
display: inline-block;
width: 41px;
height: 41px;
margin: 0px 6px;
background-color: #3b5998;
position: relative;
}
.div-kontakt .media-div>a:hover{
opacity:0.9;
}
.div-kontakt .media-div>a:before{
width: 30px;
height: 28px;
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-image: url("../images/icons-media.png");
background-position: -34px 50%;
background-repeat: no-repeat;
background-size: auto 28px;
}

.div-kontakt .media-div>a.tw{
background-color: #00AEC6;
}
.div-kontakt .media-div>a.in{
background-color: #4270a3;
}


.div-kontakt .media-div>a.tw:before{
background-position: 3px 50%;
background-size: auto 23px;
}
.div-kontakt .media-div>a.in:before{
background-position: -62px 50%;
background-size: auto 26px;
}

.mapa-kontakt-out{
text-align: center;
}

.mapa-kontakt{
display: inline-block;
width: 1555px;
margin: 0px auto;
max-width: 100%;
box-sizing:border-box;
padding-bottom: 30px;
}
.mapa-kontakt .googleMaps{
width: 100% !important;
}


