body {
	font-family: 'Titillium Web', sans-serif,Arial, Verdana, Helvetica;
	font-size: 14px;
	color: #666;
	margin:0px;
	text-align:left;
	background-color:#fff;
	
	
	


}

table {
	font-size:14px;
	text-align:left;

}



form {
	padding:0px;
	margin:0px;
}

p {

font-size:16px;
padding:0px;
margin: 0px 0px 20px 0px;
line-height:2em;
	
}
h1 { margin:0px 0px 36px; 0px; font-size:48px; color:#000; font-weight:400; margin-top:-15px; position:relative;}
h1:before{ 
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    bottom: -3px;
    left: 0;
    border-bottom: 2px solid #263d9e;}

h2 { margin:0px 0px 20px 0px; font-size:24px; font-weight:400; color:#263d9e; position:relative;}
h3 { margin:25px 0px 10px 0px; font-size:20px; color: #1c4f9c;}

ul,ol  {
	margin-left:10px;
	
}

ul { list-style: square;}
ol { list-style: decimal;}
li { color:#1a171b;
	margin-left:5px;
	padding:0px;
	
}

div { box-sizing: border-box; -moz-box-sizing:border-box;}

a {text-decoration:none; color:#777;}

a:hover {text-decoration:none;}
.s200 { width:200px}
.s220 { width:220px}
.s240 { width:240px}
.s260 { width:260px}
.s280 { width:280px}

.right { text-align:right;}
.center { text-align: center;}

.sidlo { padding:40px 10px 10px 10px; font-size:14px; text-align:center;}



#logo-b { }
.inline { display:inline-block;}

.f18 { font-size:18px;}
.blue {color:#263d9e;}
.content {margin:0px 4% 100px 4%; padding-top:80px; }
.content_uvod {margin:20px 4% 20px 4%; text-align:center; }


#menu { position:relative;  z-index:100; text-align:right; margin:0 4% }
#menu .logo { position:absolute; left:0px; text-align:left;  z-index:10; vertical-align:middle; }
#menu .logo img { width:100px; vertical-align:middle; padding:10px 0px; margin-right:25px}

#menu .logo span { color:#000; font-size:32px; font-weight:700;  vertical-align:middle; }

#menu.uvod .logo span {display:none;}
#menu.uvod .logo img { width:330px; padding:0px;}

#menu .txt_menu { text-transform:uppercase; margin-right:10px; margin-left:200px; padding:10px 0px; }
#menu .txt_menu a.txt { margin-top:0px; margin-left:15px; border-top:0px; position:relative;}
#menu .txt_menu a.txt:hover { border-top:0px; color:#263d9e}
#menu .txt_menu a.txt:hover:before{ 
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    top: 0px;
    left: 0;
    border-top: 1px solid #263d9e;}
#menu .txt_menu .spec { display:none;}
#menu .txt_menu span { height:auto;}

#menu .txt_menu_s { display:none;}

#menu a.txt { font-size:17px; color:#999; text-align:left; font-weight:600; display:inline-block;  margin-left:15px;  text-align:center; vertical-align:middle; padding-bottom:2px; }

#menu a.select { border-top:2px solid  #6CF;}
#menu span { display:inline-block;  vertical-align:middle;}

#menu .sirka { text-align:left; padding:0px 15px 0px 0px;}
#menu .container {text-align:left;}
#menu .spec_txt_menu { display: inline-block; float:right; 	padding-right:30px;}

#menu .ext_menu {text-transform:uppercase; margin-right:10px; margin-left:175px; padding:20px 0px 15px 0px; }

#menu form { margin:0px 25px; vertical-align:top;}
#menu form input{border: 0px; height: 28px; border-bottom: 1px solid #999; border-right:1px solid #999; margin-right:15px; outline:0px; box-sizing:border-box; width:200px; vertical-align:top; }
#menu .box { border:1px solid #999; width:28px; height:28px;  display:inline-block; text-align:center;box-sizing:border-box; background-color:#fff; color: #666; vertical-align:top;}

#menu .lang  {  margin-left:10px;  line-height:2.4em; font-size:12px; }
#menu .lang:hover { color:#263d9e; background-color:rgba(38,61,158,.1);} 
#menu .fa-home, #menu .fa-gear { font-size:24px;}
#menu .fa-search { margin-left:-1px;}
#menu .fa-home:hover, #menu .fa-gear:hover, #menu .fa-search:hover {color:#263d9e;}
#menu .mobil { display:none;}
#menu .bar-container{
	
	width: 18px;
	padding:5px;
	height:auto;
	
	
	/*display: inline-block;¨*/
	display:none;
	margin:0 auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor:pointer;
	vertical-align:middle;
	position:absolute;
	top: 10px;
	right:10px;
	border:1px solid #ddd;
	border-radius:3px;
	
}

#menu .bar {display: block;
	width: 100%;
	height: 3px;
	margin: 0 auto 3px;
	background: #263d9e;

}

#menu .bar:last-child {display: block;
width: 100%;
height: 3px;
margin: 0 auto 0px;
}


#menu a { vertical-align:middle;}


#submenu {
	width: 200px; 
	float: left; 
}

#submenu a { display:block; font-size:15px; color:#999; text-transform:uppercase; margin-bottom:12px; font-weight:600;}
#submenu a sup { display: inline-block; width:30px;  margin-right:5px; text-align:right; vertical-align:text-top; font-size:9px; padding-top:2px; padding-bottom:2px;  }

#submenu a:hover {color:#1c4f9c;}
#submenu a:hover sup{color:#999; border-bottom:1px solid #1c4f9c;}


.w34 { width:34%;}
.w66 { width:66%;}
.w50 { width:50%;}
.w100 { width:100%;}

.s50 { width:50%; margin-left:-3px; text-align:center; }

.od_sb {margin-left:230px;}

#main { }
#main .c_txt {width:47%; display:inline-block; vertical-align:top; text-align:justify;}
#main .c_img {width:47%; margin-left:5%; display:inline-block; vertical-align:top; font-size:0px; line-height:1em; }
#main .c_img img { padding:10px; box-sizing:border-box; object-fit: cover;}
#main .r3 img {height:33%;}
#main .r2 img {height:50%;}
#main .c_blok {width:47%; display:inline-block; vertical-align:top; text-align:center;}
#main .c_blok  img { width:90%; max-width: fit-content; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); opacity:.7;}

#main .intext { display:none;}

.count { width:60%; display:inline-block; vertical-align: middle; text-align:center; margin-bottom:100px;  }
.count > div { font-size:64px; font-size: 4.5vw;  color:#1c4f9c; padding:15px; border:6px double #AAA; border-radius:14px;  text-align:center;  font-weight:600}

.count_text {width:37%; text-align:left; padding-left:55px; display:inline-block; vertical-align:middle; margin-bottom:100px;}
.sep { height:100px;}


.half { width:50%; display:inline-block; margin-left:-3px; vertical-align:top; text-align:center; min-width:300px; }
.col4 { width:25%; display:inline-block; margin-left:-3px; vertical-align:top; text-align:center; min-width:230px; }
.col3 { width:33%; display:inline-block; margin-left:-3px;  vertical-align:top; text-align:center; min-width:280px;}

.fit { width:90%; max-width: fit-content; }
.fit-m450 { width:100%; max-width: 500px; }

.block_i { display:inline-block; margin:15px; padding:15px; text-align:center; font-size:18px; color:#263d9e; font-weight:500; background-color:#FFF; min-width:230px;  }
.block_i .nadpis { font-size:28px; font-weight:600;}
.block_i img {}
.block_i:hover { box-shadow:0px 0px 25px #bbb; border-radius:4px;}
.block_i p{ color:#999;}




.block_a {   margin:15px; padding:15px; text-align:center; display:inline-block; font-size:18px; color:#263d9e; font-weight:500; background-color:#FFF; width:250px; height:250px  }
.block_a .nadpis { font-size:28px; font-weight:600;}
.block_a img {}
.block_a:hover { box-shadow:0px 0px 25px #bbb; border-radius:4px;}
.block_a p{ color:#999;}


.block_pp {width: 30%; max-width:500px; min-width:230px; margin:90px 10px 20px 10px; display:inline-block;  border:1px solid #999; vertical-align:top; border-radius:5px; padding:10px; position:relative; text-align:left; }
.block_pp .podnadpis{ font-size:18px; color:#263d9e; margin-bottom:10px; position:relative; font-weight:600;}
.podnadpis:before{ 
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    bottom: -3px;
    left: 0;
    border-bottom: 1px solid #263d9e;}
.block_pp .nadpis{ font-size:32px; color:#000; margin-bottom:15px; font-weight:500;}
.block_pp img { position: absolute; top:-66px;}


.vm_skupina { padding:20px 0px; clear:both;     border-bottom: 8px dotted #E0E0E0; margin: 20px 0px;}
.vm_icon_skupina { float:left; }
.vm_txt_skupina {  margin-left:250px; padding-top:40px; }
.vm_name_skupina {margin:0px 0px 20px 0px; font-size:32px; font-weight:400; color:#263d9e; position:relative;  margin-left:-3px;}
.vm-stroj { padding:16px 0px; border-bottom: 1px solid #E0E0E0;}
.vm-stroj:last-child { padding:15px 0px; border-bottom: 0px ;}
.vm_name_stroj {font-size:18px; font-weight:400; color:#000; display:inline-block; width:50%; margin-right:-3px; vertical-align:top; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis; }
.vm_spec_stroje {font-size:15px; font-weight:400; color:#000; display:inline-block; width:50%; margin-left:-3px; vertical-align:top; padding-left:25px; }
.vm_spec_line {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}




.firma { padding-bottom:25px; display:inline-block; width:40%;}
.kontakt_skupina { margin-top:25px;}
.kontakt_line {font-size:14px; color:#000;}
.kontakt_line span { display:inline-block; color:#999; width:150px;}

.kontant_block { display:inline-block; width:25%; margin-left:-3px; vertical-align:top; margin-bottom:30px;}
.kontant_block .osoba { font-size:18px; color:#000; margin-bottom:10px; font-weight:600}
.kontant_block .tfe { font-size:14px; color:#999;}
.kontant_block .tfe:first-letter { font-weight:700}
.kontant_block a.kontakt_email {  width:63px; height:17px; display:inline-block; background:url(img/send_emil.png) no-repeat; margin-top:5px;}
.kontant_block .ande:after {content: " ";
    width: 60px;
    height: 28px;
    position: absolute;
    margin-left: 20px;
    margin-top: 3px;
    background: url(img/ende.png) no-repeat;}

.kontant_block .an:after {content: " ";
    width: 28px;
    height: 28px;
    position: absolute;
    margin-left: 20px;
    margin-top: 3px;
    background: url(img/en.png) no-repeat;}
	
.kontant_block .de:after {content: " ";
    width: 28px;
    height: 28px;
    position: absolute;
    margin-left: 20px;
    margin-top: 3px;
    background: url(img/de.png) no-repeat;}

.kontakt_skupina h2:before{ 
    content: "";
    position: absolute;
    width: 35px;
    height: 1px;
    bottom: -3px;
    left: 0;
    border-bottom: 2px solid #263d9e;}


.modal_window { 
	background-color:#EEE;
	border-radius:8px;
	border:1px solid #DDD;
	box-shadow:0px 0px 10px #000;
	margin:0px auto;
	color:#000;
}

.modal_title { 
	padding:6px 10px; border-bottom:1px solid #999; font-size:18px; position:relative;background-color:#FFF; text-align:left; border-radius: 8px 8px 0px 0px;
}

.modal_title span{ 
	padding:0px 6px;  font-size:16px; cursor:pointer; background-color:#CCC; color:#000; line-height:1.3; border-radius:5px; position:absolute; right:8px; top:8px;
}

.modal_content { 
 	padding:10px; font-size:14px; text-align:center;	
}

.modal_footer { 
	padding:10px 3px; background-color:#DDD; text-align:center;
}

.modal_footer a { display:inline-block; padding:5px 10px; font-size:11px; text-transform:uppercase; color:#FFF; background-color:#888; text-decoration:none; }
.myModal-overlay { background-color: #333; opacity:0.8}




.btn { display:inline-block	; padding:5px 10px; background-color:#eee; color:#000; border-radius:3px; font-size:16px; float:right; vertical-align:text-top; position:relative; z-index:5;}
.btn:hover { background-color:#263d9e; color:#fff;}
.sendONclick:hover {cursor:pointer;}

.btn_form {font-size:16px; padding:8px 16px; margin-top:25px; background-color:#FFF; border:1px solid #666; color:#000; border-radius:3px;  cursor:pointer; }

.sprava_tab { font-size:15px; color:#000; width:100%; border: 1px solid #000; border-radius:4px; vertical-align:text-top;}
.sprava_tab .color0 { font-weight:200}
.sprava_tab .color1 { font-weight:600}
.sprava_tab td { padding:2px 8px; vertical-align:top;}
.sprava_tab tr:first-child { background-color:#666; color:#fff;}
.sprava_tab tr:nth-child(even) { background-color:#efefef; }
.sprava_tab tr:hover { background-color:#e0e0e0;}
.sprava_tab tr:first-child:hover{ background-color:#666; color:#fff;}

.sprava_tab_msg { font-size:15px; color:#FFF; width:100%; border: 1px solid #000; border-radius:4px; background-color:#999;}

.skupina_s {padding-top:40px;}



.sirka { max-width:1000px; padding:15px; display:inline-block; text-align:left; position:relative;}
.resize { overflow:hidden; position:relative;}
.nav { position:absolute; bottom:20px; width:100%; text-align:center; z-index:10; }
.nav a { display:inline-block; width:13px; height:13px;   background-color:rgba(255,255,255,.3);
 border:1px solid #37a2db;  box-shadow: 0px 0px 4px rgba(0,0,0,0.5);  margin:5px; border-radius:4px;}
 .nav a.select {  background-color:#37a2db;  }
.ib { display:inline-block;}
.tac { text-align:center}

#uvod { position:relative; width:100%; color: #000; font-size:42px; text-align: right; padding-top:50px; text-shadow: 0px 0px 2px #fff, 0px 0px 5px #fff, 0px 0px 10px #fff }
#uvod img { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; z-index:-1}
#uvod .popis { font-weight:600; margin-right: 4%; line-height:1.2em	}
#uvod .nadpis { font-weight:700; margin-right: 4%; line-height:1.2em}



#map { width:60%; height:330px; display:inline-block; margin-left:-4px;}

.fg { border-top: 2px solid #FFF;}



.l-block {width:50%; display:inline-block;  margin-bottom:30px; vertical-align:bottom; text-align:left;  }
.r-block {width:50%; display:inline-block; margin-left:-5px; margin-bottom:30px; vertical-align:bottom; text-align:left; min-width:300px; padding-left:50px; }


.sluzba .icon { vertical-align:bottom;}
.sluzba .onecol { display:none; height: 350px; 	width:100%;     object-fit: cover; margin-bottom:20px;}
.sluzba .popis { font-size:16px; text-align:justify;}
.sluzba .slimg {    
	height: 350px;
	width:100%;
    object-fit: cover;}
	
	

.txt_menu_m {
	position:fixed;
	background-color:#161616;
	color: #CCC;
	height: 100vh;
	width:250px;
	right:-15px;
	top:0px;
	overflow:hidden; 
	overflow-y:scroll;
	display:none;
	font-size:16px;
	box-shadow:0px 0px 10px #555;
	padding-top:70px;
}
	
.txt_menu_m > a { display:block; padding: 6px 20px; width:230px; border-top:1px solid #000; text-align:left; }
.txt_menu_m > a.txt_lvl2 { padding-left:30px; font-size:14px;}
.txt_menu_m > a:hover { background-color:#000; color:#FFF; }	
.txt_menu_m .menu_n { position:fixed;  width:230px; background-color:#161616; text-align: left; 
				height:70px; border-bottom:1px solid #000; top:0px; }
.txt_menu_m .menu_n a { float: right; display: inline-block; width:auto; padding:10px 20px;}
.txt_menu_m .menu_n span {padding: 10px 20px;}



.fg img{ width:25%; padding:5px; margin:-2px; box-sizing:border-box; cursor:pointer;}


.lks { display:inline-block;  padding:20px; box-sizing:border-box; margin:20px; }
.lks:hover {    box-shadow: 0px 0px 25px #bbb;    border-radius: 4px;}
.lks img { width:100%; border:0px;}
.lks span { display:block; margin-top:10px;     color: #263d9e;     font-weight: 500;}


@media (max-width: 1500px) {

 	
	#menu .logo span{ display: none;}
	#menu .logo img{ width:140px}
	
	#main.od_sb .c_txt, #main.od_sb .c_img{ width:auto; display:block; }
	#main.od_sb .c_img{ margin:0px -10px; }
	
	#main.od_sb .intext { display:block; width:100%; margin:25px 0px 15px 0px;  height:50vh;     min-height: 350px; object-fit: cover;}
	#main.od_sb .c_img { display:none; }
	

}



@media (max-width: 1300px) {

 	#menu.uvod a.txt { font-size:15px; }     
	#menu.uvod .txt_menu { margin-left:240px;}
	#menu.uvod .ext_menu { margin-left:140px; }
	#menu.uvod .logo img { width:65%}
	
	.count {  display:block; vertical-align: middle; text-align:center; width:100%; margin:50px 0px 10px 0px  }
	.count > div { font-size:64px; font-size: 8vw; width:100%;  color:#1c4f9c; padding:15px; border:6px double #AAA; border-radius:14px;  text-align:center;  font-weight:600}

	.count_text { text-align:left; padding:0px;  vertical-align:middle; margin-bottom:50px; text-align:center; width:100%}

	.col4 { width:33%; display:inline-block; margin-left:-3px; vertical-align:top; }
	.col3 { width:50%; display:inline-block; margin-left:-3px;  vertical-align:top; }
	
	.kontant_block {  width:33%; }
	
	#main .c_txt, #main .c_img { width:auto; display:block; }
	#main .c_img{ margin:0px -10px; }
	
	#main .intext { display:block; width:100%; margin:25px 0px 15px 0px; height:50vh; object-fit: cover;}
	#main .c_img { display:none; }
	
	.half { width:auto; display:block; margin-left:0px; margin-bottom:80px;}
	
	#map {width:50%;}
	.firma { width:50%;}
	
	
	.sluzba #submenu { display:none;}
	.sluzba .od_sb {margin-left:0px;}
	
}


@media (max-width: 1150px) {
	
	.od_sb .col4 { width:50%; display:inline-block; margin-left:-3px; vertical-align:top; }
	
	
}

@media (max-width: 1000px) {
	
	
	#menu.uvod .logo img { width:50%}
	
	
	#menu .ext_menu {text-transform:uppercase; margin-right:8px; margin-left:200px; padding:20px 0px 15px 0px; }

	#menu form { margin:0px 10px 0px 20px; vertical-align:top;}
	#menu form input{border: 0px; height: 24px; border-bottom: 1px solid #999; border-right:1px solid #999; margin-right:15px; outline:0px; box-sizing:border-box; width:200px; vertical-align:top; }
	#menu .box { border:1px solid #999; width:24px; height:24px;  display:inline-block; text-align:center;box-sizing:border-box; background-color:#fff; color: #666; vertical-align:top;}

	#menu .lang  {  margin-left:8px;  line-height:2.0em; font-size:12px; }
	#menu .fa-home, #menu .fa-gear { font-size:20px; position:relative; top: 3px}
	#menu .fa-search {font-size:15px; margin-left:-1px;}
	#menu a.txt { font-size:15px; margin-left:8px; }
	
	.count {  display:block; vertical-align: middle; text-align:center; width:100%; margin:50px 0px 10px 0px  }
	.count > div { font-size:64px; font-size: 7vw; width:100%;  color:#1c4f9c; padding:15px; border:6px double #AAA; border-radius:14px;  text-align:center;  font-weight:600}

	.col4 { width:50%; display:inline-block; margin-left:-3px; vertical-align:top; }
	
	.count_text { text-align:left; padding:0px;  vertical-align:middle; margin-bottom:50px; text-align:center; width:100%; }

	.kontant_block {  width:49%; }
	
	.vm_icon_skupina { display:none; }
	.vm_txt_skupina {  margin-left:0px; padding-top:15px; }
	.vm_name_skupina {margin:0px 0px 10px 0px;  margin-left:-3px;}
	
	.block_pp { width:47%; min-width:250px;}

	#map {width:45%;}
	.firma { width:55%;}
	
	.l-block {display:none;}
	.r-block {width:100%; padding-left:0px;}
	.sluzba .onecol {display:block;}
	
	.fg img { width:33%}
	
}

@media (max-width: 750px) {
	
		#menu { text-align:center; margin:0px ;}
		#menu .ext_menu { display:none;}
		#menu .txt_menu { display:none;}
	
		#menu .logo span, #menu.uvod .logo span { color:#000; font-size:32px; font-weight:700;  vertical-align:middle; display:inline-block; }
	
		#menu .logo, #menu.uvod .logo { position:inherit; display:inline-block; vertical-align:middle; text-align:center; max-width:500px;}
        #menu .logo img, #menu.uvod .logo img{ height:120px; width:120px; padding:10px; vertical-align:middle;}
		
		
		#uvod { font-size:5vw; text-align:center;}
		
		
		#menu .bar-container{ display:inline-block;}
		
		#submenu {display:none;}
		.od_sb { margin:0px;}
		.c_img img{ width:100% !important; height:100% !important;}
		
		.count > div { font-size:64px; font-size: 9vw; width:100%;  color:#1c4f9c; padding:15px; border:6px double #AAA; border-radius:14px;  text-align:center;  font-weight:600}
		
		.vm_name_stroj { display:block; width:100%;   overflow: hidden;   white-space: nowrap; text-overflow: ellipsis; }
		.vm_spec_stroje { display:block; width:100%;  vertical-align:top; padding-left:25px; }
		.vm_name_skupina {margin:0px 0px 10px 0px;  margin-left:0px;}
		
		.block_pp { width:auto; max-width:none; min-width:none; margin-left:0px; margin-right:0px;}
		
		.firma { width:auto;}
		#map { display:none;}
		
		.vm_spec_line {overflow:inherit; white-space: inherit; text-overflow: inherit;}
		.fg img {width:50%}
		
}

@media (max-width: 500px) {
	
	#menu .logo span, #menu.uvod .logo span { color:#000; font-size:6vw; font-weight:700;  vertical-align:middle; display: block; padding:10px; }
	.col4 { width:100%; display:block; margin-left:0px; vertical-align:top;  text-align:center;}
	.col3 { width:100%; display:block; margin-left:0px;  vertical-align:top;  text-align: center}
	
	.kontant_block {  width:100%; }
	
	
	
	
	
	.txt_menu_m {
		width:calc(100% + 20px);
		left:0px;
		
		
	}
		
	.txt_menu_m > a { display:block; padding: 6px 20px; width:100%; border-top:1px solid #000; text-align:left; }
	.txt_menu_m > a.txt_lvl2 { padding-left:30px; font-size:14px;}
	.txt_menu_m > a:hover { background-color:#000; color:#FFF; }	
	.txt_menu_m .menu_n { position:fixed;  width:100%; background-color:#161616; text-align: left; 
					height:70px; border-bottom:1px solid #000; top:0px; }
	.txt_menu_m .menu_n a { float: right; display: inline-block; width:auto; padding:10px 20px;}
	.txt_menu_m .menu_n span {padding: 10px 20px;}
}