body {
	font-family: 'Dosis', sans-serif,Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #3e3d3d;
	margin:0px;
	text-align:left;
	padding-top: 130px;
	


}

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

}



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

p {

font-size:16px;
padding:0px;
margin: 0px 0px 5px 0px;
	
}

h2 { margin:40px 0px 15px 0px; font-size:24px; font-weight: 400;  color:#37a2db}
h3 { margin:25px 0px 10px 0px; font-size:20px;}

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

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;}


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

.flexbox {display: flex;}
.fbc {flex-grow: 1;}
.scrollto {cursor: pointer;}
nadpis { font-size:36px; padding:55px 0px 30px 0px; font-weight:200; color:#37a2db; display: block; box-sizing: border-box;}


#headr { position: fixed; width: 100%; top:0px; left:0px;  background-color: #fff; line-height: 1em; z-index: 20;  box-shadow: 0 5px 5px -5px}
#headr .headr_content { display: flex; max-width: 1050px;  margin: 20px auto; padding: 10px 40px; position: relative;}
#headr .logo {  width: 180px; z-index: 10;}
#headr .menu { text-align: right; flex-grow: 8;}
#headr .menu .menu_odkazy { padding-top: 20px;  }
#headr .menu .menu_odkazy a{ font-size: 18px; text-decoration: none; text-transform: uppercase; display: inline-block; padding-left: 20px;}
#headr .menu .menu_odkazy a:hover {color: #37a2db;}
#headr .menu .hotline { padding-top: 30px;}
#headr .hotlineb { display: inline-flex; margin-left: 20px; font-size: 22px; color: #FFF; text-align: center; background-color:#37a2dbC0; padding: 10px 20px; border-radius: 20px; text-transform: uppercase;}
#headr .hotlineb span { font-size: 22px; display:inline-block; padding-left: 10px; }
#headr .logo img {width: 180px;}
#headr .logo .landscape {display: none;}
#headr .menubar {display: none; padding-left: 25px; z-index: 50;}
#headr i {line-height: inherit;  font-size: 18px;}
#headr .askmebtn {cursor: pointer;}
#headr .askmebtn:hover {cursor: pointer; background-color:#37a2db}
#headr .menu .menu_odkazy a.maxtablet {display:none}
#headr .menu_ex {position: absolute; right: 40px; top:-12px;}
#headr .menu_ex .virtual_view {font-size: 14px; padding: 5px 10px; background-color:#f0eeee; color:#AAA border: thin solid #F4F4F4; border-radius: 0px 0px 7px 7px; text-transform: uppercase;}
#headr .menu_ex .virtual_view i {padding-right: 10px;}

#kontakty { box-shadow:  inset 0px 11px 5px -10px #333; padding:30px 30px 30px 30px; line-height: 1.4em; background-color:#666; text-align:left; color:#EEE; font-size:16px; position:relative;}
#kontakty .flexbox { max-width:1200px; margin: 0px auto; justify-content: space-between ; flex-wrap: nowrap;}
#kontakty .fbc { padding:10px 10px;}
#kontakty a {color: #DDD; display: block;}
#kontakty a:hover {color: #EEE;}
#kontakty nadpis {display: block; margin: 25px 0px 20px 0px; font-size: 22px; color:#37a2db; padding: 0px; text-transform: uppercase;} 
#kontakty podnadpis {display: block; margin: 25px 0px 5px 0px; font-size: 18px;  padding: 0px;}
#kontakty popis {display: block; margin: 0px; font-size: 16px;  padding: 0px; font-weight: 200;}
#kontakty .sluzby a { padding-bottom: 7px;}
#kontakty .k-attr { padding-left: 23px; position: relative; text-align: left;  color:#DDD}
#kontakty .k-attr i { position: absolute; left: 0px; top:4px; font-size: 14px; color:#999;}
#kontakty .k-attr div {display: inline-block; font-size: 16px;}
#kontakty .socmedia {  padding-top:50px;  text-align: center;}
#kontakty .socmedia a {display: inline-block; margin-right: 10px; font-size: 30px; color:#DDD;}
#kontakty .maincorp { text-align: center; color:#999; padding-top: 20px;}
#kontakty .noview {visibility: hidden;}



#OO_btn {
	padding:15px 20px;
	background-color:#37a2db;
	box-shadow:0px 0px 10px #333;
	position:fixed;
	right:-95px;
	top:40%;
	-webkit-transform: rotate(90deg);
 	 -moz-transform: rotate(90deg);
 	 -ms-transform: rotate(90deg);
	  -o-transform: rotate(90deg);
	  transform: rotate(90deg);
	 text-transform:uppercase;
	 text-align:center;
	 border:4px solid #FFF;
	 width:260px;
	 height:90px;
	 border-radius:5px;
	 cursor:pointer;
	 z-index:50;
	
}

#OO_btn .nadpis {
	
  font-size:28px;
  font-weight:700;	
  color:#FFF;
 
	
}
#OO_btn .popis {

  font-size:14px;
  font-weight:400;	
  color:rgba(255,255,255,0.8);
  letter-spacing:2px
	
}
.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}
.white {color:#FFF;}

#uvod { position:relative; width:100%;}
#uvod .itm { overflow:hidden; position:absolute; width:100%; opacity:0;}
#uvod .itm img{ position:absolute;}
#uvod .find { color:#FFF; font-weight:600; font-size:40px; padding:10px 20px; background-color:#666; position:absolute; left:0px; top:100px; text-transform:uppercase;}
#uvod .see { color:#FFF; font-weight:600; font-size:40px; padding:10px 20px; background-color:#37a2db; position:absolute; right:0px; top:100px;text-transform:uppercase;}
#uvod .olco { width:100%;  position: absolute; text-align:center; }
#uvod .olco span {color:#FFF; opacity:0.95; padding:10px 20px; border-radius:5px; background-color:#37a2db; font-size:35px; font-weight:600;text-transform:uppercase; display:inline-block; text-align:center;}
#uvod .olco span p {color:#FFF;  font-size:20px; font-weight:400;text-transform:uppercase; display:block; text-align:center;}

.middle { top:45%}
.bottom65 {bottom:65px;}

#uvod .see-v  { color:#FFF; font-weight:600; font-size:48px; padding:10px 40px; background-color:#37a2db; position:absolute; left:0px; top:20%;text-transform:uppercase;}
#uvod .txt-v { color:#FFF; font-weight:600; font-size:48px; padding:10px 40px; background-color:#666;  position:absolute; left:0px; top:40%;text-transform:uppercase; }
#uvod .pozn {  padding:10px 40px;   position:absolute; left:0px; top:60%;} 
#uvod .pozn div { font-size:42px; color:#37a2db;}
#uvod .pozn p { font-size:24px; color:#666; padding-top:10px;}
#uvod .txt-bottom {color:#37a2db; font-weight:600; border-top:2px solid #37a2db; font-size:40px; padding:10px 20px 60px 20px; background-color:#FFF; position:absolute; bottom:0px; width:100%; text-align:center; text-transform:uppercase;}
#uvod .txt-bottom p {color:#666; font-weight:600; font-size:18px; text-transform: none;}

#uvod .left-txt { position:absolute; left:0px; bottom:50px; width:100% }
#uvod .left-txt .blue { color:#FFF; font-weight:600; font-size:48px; padding:10px 40px; background-color:#37a2db;text-transform:uppercase; display:inline-block; margin-top:20px;}
#uvod .left-txt .grey { color:#FFF; font-weight:600; font-size:48px; padding:10px 40px; background-color:#666;text-transform:uppercase; margin-top:20px; display:inline-block;	}
#uvod .left-txt .red { color:#FFF; font-weight:600; font-size:48px; padding:10px 40px; background-color:#F00;text-transform:uppercase; margin-top:20px; display:inline-block;	}

#uvod .left-txt .poznamka {  padding:10px 40px; margin-top:20px	;  } 
#uvod .left-txt .poznamka div { font-size:42px; color:#37a2db; width:40%; max-width:800px; min-width:300px;}
#uvod .left-txt .poznamka ul li { font-size:20px; color:#333;}
#uvod .left-txt .poznamka p { font-size:24px; color:#666; padding-top:10px;}
#uvod .itm a { display:inline-block; border-radius:3px; background-color:#37a2db; color: #fff; padding:1px 7px; }


#uvod #media { width:100%; position:absolute; bottom:0px; background-color:#000; opacity:0.9; text-align:center;}
#media .nadpis { font-size:32px; font-weight:200; padding:15px 0px 20px 0px; color:#FFF;}
#media .datum { font-size:16px; font-weight:200; color:#AAA;}
#media .kdo { font-size:16px; font-weight:400; color:#AAA; padding-bottom:10px;}
#media .sirka .lb, #media .sirka .rb{ display:inline-block; width:300px; margin-left:120px; }
#media .sirka .rb{ display:inline-block; width:200px; }

#ONas { background: url(img/bg1.jpg) #FFF; text-align:center; color:#666; font-size:18px; padding-bottom:60px;}
#ONas .row {position:relative; padding:15px 180px 30px 0px; line-height:160%; margin-bottom:0px;}
#ONas .row img { position: absolute; right:10px; top:0px; }
#ONas .row p { font-size: 18px; }
#ONas .row .nadpis {font-weight:600; padding-bottom: 5px; font-size: 20ps; }

#Kariera {border-bottom:1px solid #DDD; text-align:center; color:#666; font-size:20px; padding-bottom:60px; line-height:180%;  text-align:center;}
#Kariera table{ font-size:18px; color: #666}
#Kariera td.pp { font-size:28px; font-weight:200; color:#37a2db}
#Kariera td.opis { text-transform:uppercase; font-size:16px; padding-top:6px; font-weight: 200;}
#Kariera td ul { margin-top:0px; padding-left:6px;}
#Kariera td ul li {color:#666;}



#Team { background: #5f9ace;  text-align:center; color:#d4e2f4; font-size:20px; padding-bottom:60px; line-height:180%; }
#Team .nadpis { font-size:36px; padding:65px 0px 30px 0px; font-weight:200; color:#FFF;}
#Team .blok { padding-top:45px; position:relative; color:#fff;}
#Team .blok img { position:absolute; z-index:10}
#Team .blok .primar { margin-left:150px; border-bottom:1px solid #E0E0E0; padding:80px 20px 3px 70px; font-size:28px; font-weight:200;}
#Team .blok .nar {margin-left:220px; font-size:16px; color:#d4e2f4;}
#Team .blok .ib {  margin-right:60px; vertical-align:top; padding-top:50px; font-size:14px;}
#Team .blok .ib:last-child { margin-right:0px;}
#Team .rblok { display:inline-block; width:350px;}
#Team .subblok{ background-color:#c1d6ef; border-radius: 5px; padding:18px; margin-bottom:25px; display:inline-block;  vertical-align:top; width:350px;}
#Team h3 { margin:0px; padding:0px 0px 15px 0px; font-size:20px; font-weight:400; text-transform:uppercase; } 
#Team ul { font-size:16px; font-weight:400; line-height:170%; margin:0px 0px 0px 10px; }
#Team .historie { position:relative; background:url(img/historie-cara.png) no-repeat 92px -80px ; height:640px; display:inline-block; width:510px;  vertical-align:top;}
#Team .historie p { position:absolute; padding-left:60px; background:url(img/historie-bod.png) no-repeat; font-size:16px; font-weight:200; line-height:140%; width:350px;} 
#Team .historie p span { font-weight:600; font-size:20px; display:inline-block; padding-top:8px;}

#ODL { border-bottom:1px solid #DDD; text-align:center; color:#666; font-size:20px; padding-bottom:60px; line-height:180%; font-weight:200; text-align:center;}
#ODL .nadpis { font-size:36px; padding:35px 0px 30px 0px; font-weight:200; color:#37a2db;}
#ODL .txt { width:700px; opacity:0.95; padding:10px 20px; border-radius:5px; background-color:#37a2db; display:inline-block; text-align:center; color:#FFF; margin-top:350px;}
#ODL .img { width:100%; height:550px; overflow:hidden; position:relative;}
#ODL .img img { position:absolute; z-index:-1; }

#ODL ul { font-size:18px; line-height:170%; margin:0px 0px 0px 30px; padding-bottom:20px; }
#ODL li { padding-bottom:20px;}
#ODL .ib { color:#333; margin-top:30px; vertical-align:top; text-align:center; width:350px;  display:inline-block;  margin:10px 35px; font-size:15px; padding-bottom:50px; }
#ODL .ram {border:1px solid #DDD;  background-color:#FFF; color:#666; border-radius:10px; }
#ODL .ram .texty {background-color:#F0F0F0; color:#666; border-radius:10px; padding:10px;  margin-top:200px; height:310px;}
#ODL .ib .blok_n { padding-bottom:10px; font-size:18px; font-weight:400; color:#37a2db}
#ODL .ib .blok_txt {text-align:left; line-height:180%; font-weight:400;}
#ODL .ib .arrow { padding:25px 0px 15px 0px;}
#ODL .ib .arrow img { opacity:0.1;}
.myvideo { outline:1px solid #EEE;}



.lensx { background: url(img/lensx.jpg) no-repeat top center }
.ex500 { background: url(img/ex500.jpg) no-repeat top center }

#News { text-align:center; color:#222; background-color:#F5F5F5;font-size:20px;  font-weight:200; padding-bottom:60px; position:relative; vertical-align:top;}
#News .nadpis { font-size:36px; padding:35px 0px 30px 0px; font-weight:200; color:#37a2db;}
#News .news-blok{ display:inline-block; flex: 0 0 auto; width:270px;  height:270px; color:#111; position:relative; margin:15px; vertical-align:top; padding:25px; box-sizing:border-box; background: url(img/news_bg.jpg) no-repeat; text-align:left; }
#News .news-blok .date { font-size:16px; padding-bottom:5px;}
#News .news-blok .headline { font-size:20px; color:#37a2db; font-weight:600;padding-bottom:5px; }
#News .news-blok .txt { font-size:18px;  }
#News .news-blok a { position:absolute; background-color:#EEE; bottom:25px; border:2px solid #37a2db; color:#37a2db; display:inline-block; padding:0px 6px 3px; border-radius:8px; font-weight:600; font-size:16px; }
#News .scroll-lr {
    display: flex;
    padding: 0px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;}
#News .scroll-lr::-webkit-scrollbar {
		display: none;
	}
#OO {border-bottom:1px solid #DDD; text-align:center; color:#444; font-size:20px; line-height:160%;  position:relative; }
#OO .titleimg { min-height:350px; height: calc( 100vh - 150px ); max-height: 700px; display: flex ; align-items: flex-end; justify-content: center;}
#OO .titleimg img{ width: 100%; min-height:350px; height: calc( 100vh - 150px ); max-height: 700px; z-index:-1; object-fit: cover; position: absolute; left:0px; }
#OO .txt { max-width:700px; opacity:0.95; padding:10px 20px; margin:0px 20px 50px 20px; border-radius:5px; background-color:#37a2db; display:inline-block; text-align:center; color:#FFF; margin-top:450px;}
#OO .flexbox {justify-content: space-between ; flex-wrap: nowrap; margin: 30px 0px;}
#OO .flexitem { padding:20px;  background-color:#37a2db33; border-radius: 10px; max-width: 48%;}
#OO .k-attr { padding-left: 30px; position: relative; text-align: left;  padding-bottom: 8px; }
#OO .k-attr i { position: absolute; left: 0px; top:7px;  color:#37a2db;}
#OO .k-attr div {display: inline-block; }
#OO .flexitem h2 {margin-top: 0px; padding-top: 0px;}

#OSZ {border-bottom:1px solid #DDD; text-align:center; color:#444; font-size:20px; line-height:180%; font-weight:200; position:relative; }
#OSZ .bg { background-color:#F5F5F5;  padding-bottom:60px;}
#OSZ .nadpis { font-size:36px; padding:35px 0px 30px 0px; font-weight:200; color:#37a2db;}
#OSZ .popis { padding-bottom:25px;}
#OSZ .txt { width:700px; opacity:0.95; padding:10px 20px; border-radius:5px; background-color:#37a2db; display:inline-block; text-align:center; color:#FFF; margin-top:350px;}
#OSZ .img { height:550px; overflow:hidden;  position:relative;}
#OSZ .img img { position:absolute; z-index:-1; }

#OSZ ul { font-size:18px; line-height:170%; margin:0px 0px 0px 70px; padding-bottom:20px; }
#OSZ li { padding-bottom:20px;}
#OSZ .ib { background:url(img/lensx2.jpg) right center no-repeat #FFF; border-radius:10px; border:1px solid #eee; padding:15px 360px 15px 15px; min-height:500px;}
#OSZ .ib .blok_n { padding-bottom:10px; font-size:18px; font-weight:400; color:#37a2db}
#OSZ .ib .blok_txt {text-align:left; line-height:180%; font-weight:400; font-size:16px;}

#REF { border-bottom:1px solid #DDD; text-align:center; color:#777; font-size:20px; padding-bottom:60px; line-height:160%;  text-align:center;}
#REF p { font-size: 18px; padding-bottom: 10px; color: #888; }
#REF div{ font-size: 18px;  color: #888; }
#REF .podpis { text-align: right; font-style: italic; font-size: 16px;}


#Vysetreni { background: url(img/bg1.jpg) #FFF; text-align:center; color:#666; font-size:18px; padding-bottom:60px; }
#Vysetreni .nadpis { font-size:36px; padding:65px 0px 30px 0px; font-weight:200; color:#37a2db;}
#Vysetreni .otazka { font-size:20px;  color:#666; padding-bottom:25px;}
#Vysetreni p { font-size:18px; position:relative; padding:15px 30px 30px 150px; line-height:170%;}
#Vysetreni p span { font-weight:600;}
#Vysetreni p img { position: absolute; left:40px; top:0px; }
#Vysetreni .bobj { font-size:22px; border-radius:8px; text-transform: uppercase; color:#EEE; margin-top:16px; margin-left:150px; font-weight:200; display:inline-block; padding:8px 25px; background-color: #37a2db;}
#Vysetreni .bobj:hover { color:#FFF; cursor:pointer;}




#Spolupracujeme {border-bottom:1px solid #DDD; text-align:center; color:#666; font-size:20px; padding-bottom:60px; line-height:180%; font-weight:200; text-align:center;}
#Spolupracujeme .firma {margin-bottom:25px; clear:both; padding-top:20px;}
#Spolupracujeme .firma .logo_firmy { width:240px;  float:left;}
#Spolupracujeme .firma .logo_firmy img{ width:240px; }
#Spolupracujeme .firma .popis_firmy { margin-left:280px;}
#Spolupracujeme .firma .popis_firmy a { background-color:#37a2db; color:#FFF; padding:2px 10px; border-radius:3px; display: inline-block; margin-top:15px;}

#Fotogalerie { text-align:center; color:#666; font-size:20px; padding-bottom:10px; line-height:160%; font-weight:200; }

#Sluzby { text-align:center; color:#666; font-size:20px; padding-bottom:50px; line-height:110%; }
#Sluzby .flexbox { padding: 0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#Sluzby a { display: block; width:40%; position: relative; flex-grow: 1; border-radius: 5px;  margin: 20px 10px;}
#Sluzby img { width: 100%; height: calc(2*100vh/3); min-height: 300px; object-fit: cover; border-radius: 5px; }
#Sluzby a div { position: absolute; bottom: 0px; left:0px; padding: 20px; height: 160px; width:100%; color: #EEE; background-color: #000000b0; font-size: 16px;}
#Sluzby a nadpis { padding: 0px; padding-bottom: 10px; font-size: 24px; font-weight: 400;+;}


#Cenik { background:#5f9ace; text-align:center; color:#FFF; font-size:18px; padding-bottom:60px; }

#Cenik table .tblok { font-size:28px; color:#FFF; padding-top:45px; padding-bottom: 10px;   }
#Cenik table .tname { font-size:18px; color:#ffffffcc;   padding-left:25px; vertical-align: top; padding-bottom: 10px;  }
#Cenik table .tprice { font-size:18px; color:#ffffffcc;  font-weight:600; text-align:right; padding-left:25px; min-width:160px;  vertical-align: top; }
#Cenik table .tpozn { font-size:15px; font-style:italic; padding-left:25px; color: #ffffffcb }


#Kontakty { border-top:1px solid #555; padding-bottom:70px; background-color:#666; text-align:center; color:#CCC; font-size:16px; position:relative;}
#Kontakty .nadpis { font-size:36px; padding:15px 0px 5px 0px; font-weight:200; color:#FFF;}
#Kontakty .logo-k { width:150px; margin:0px 30px 0px 0px; vertical-align:top; padding-top:35px; display:inline-block }
#Kontakty .ib { width:200px; margin:0px 10px; vertical-align:top; padding-top:35px; }
#Kontakty .h2 { font-size:18px; padding-bottom:15px; color:#AaAaAa;  }
#Kontakty a { font-size:16px; padding-bottom:15px; color:#CCC;   }
#Kontakty .icons { position:absolute; right:50px; text-align:right; top:30px;}
#Kontakty .icons a { padding:0px 10px 0px 0px; text-decoration:none;}
#Kontakty .icons a img{ border:0px; opacity:0.8;}

.logo_kontakt { position:absolute; top:20px; left:180px;}
#obj { padding:0px 20px 20px 20px;box-sizing:border-box; background:#fff; opacity:0.95; border-radius:15px; box-shadow:0px 0px 15px #333; display:none; width:440px; position:fixed; z-index:150;}
#obj h2 { padding-top:20px; padding-bottom:15px; margin:0px;}
#obj .inf { padding-bottom:10px; font-size:16px; color:#900; visibility:hidden;}
#obj input[type=text], #obj textarea {width:100%}
#obj input[type=button] { background-color:#666; color:#ddd; padding:5px 15px; border:0px; border-radius:5px; font-size:12px;}
#obj input[type=button]:hover { background-color:#333; color:#FFF; }

#ans { padding:0px 20px 20px 20px; box-sizing:border-box; background:#fff; opacity:0.95; border-radius:15px; box-shadow:0px 0px 15px #333; display:none; width:440px; position:fixed;z-index:150;}
#ans h2 { padding-top:20px; padding-bottom:15px; margin:0px;}
#ans input[type=button] { background-color:#666; color:#ddd; padding:5px 15px; border:0px; border-radius:5px; font-size:12px;}
#ans input[type=button]:hover { background-color:#333; color:#FFF; }

#vg {  background:#fff; opacity:0.95; width:800px; height:483px; box-shadow:0px 0px 15px #333; display:inline-block; position:fixed;z-index:160; font-size:0px;}
#vg div { position: absolute; top:10px; right:10px}




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

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

.videofile { display:inline-block; width:450px; height:250px; margin: 20px;}




@media (min-width: 1250px) {
	#menu .container {  display:inline-block; width:1250px;}
	
	
}





@media (max-width: 1250px) {

       
		
		
		#OO_btn .popis {display:none;	}
		#OO_btn {
			right:-100px;			
			height:75px;
			}
		
		.sirka { width:100%; padding-left:50px; padding-right:50px; box-sizing: border-box;}
		#Kontakty .logo-k { display:none;} 
		#Kontakty .ib { width:30%;  box-sizing:border-box; padding-right:20px; margin:0px; }
		
		#uvod .find {  font-size:30px;}
		#uvod .see {  font-size:30px; }
		#uvod .olco span { font-size:25px; }
		
		#uvod .see-v   {font-size:40px;}
		#uvod .txt-v  {font-size:40px;}
		#uvod .txt-bottom { font-size:30px;}
		#uvod .txt-bottom p { font-size:14px;}
		
		#uvod .left-txt .blue { color:#FFF; font-weight:600; font-size:40px; padding:10px 40px; background-color:#37a2db;text-transform:uppercase; display:inline-block;}
		#uvod .left-txt .grey { color:#FFF; font-weight:600; font-size:40px; padding:10px 40px; background-color:#666;text-transform:uppercase; margin-top:20px; display:inline-block;	}
		#uvod .left-txt .red { color:#FFF; font-weight:600; font-size:40px; padding:10px 40px; background-color:#F00;text-transform:uppercase; margin-top:20px; display:inline-block;	}

		#uvod .left-txt .poznamka div { font-size:30px; color:#37a2db;}
		#uvod .left-txt .poznamka ul li { font-size:18px; color:#333;}
		#uvod .left-txt .poznamka p { font-size:18px; color:#666; padding-top:10px;}
		
		
		

		#Team .historie p {width:100%;}
		#Team .rblok { display:block; width:100%; margin-top: 25px;
			background-color:#c1d6ef; border-radius: 5px; padding:18px;  display:block;  vertical-align:top;  }
		#Team .subblok {  width:48%; }

		
		#ODL .txt { width:80%;line-height:normal; }
		#ODL .ib { color:#333; margin-top:30px; vertical-align:top; text-align:center; width:auto;  display:block;  margin:10px 35px; font-size:15px; padding-bottom:50px; }
		#ODL .ram .texty { height: auto}
				
		#OSZ .txt { width:80%;line-height:normal; }
		#OSZ .ib { background:url(img/lensx2.jpg) right top no-repeat #FFF; border-radius:10px; border:1px solid #eee; padding:15px 15px 15px 15px; height:auto; }
		#OSZ .ib .blok_n { padding-bottom:70px; padding-top:270px; font-size:44px; font-weight:400; color:#37a2db; width:300px; line-height: normal;}
		#OSZ .ib .blok_txt {text-align:left; line-height:180%; font-weight:400; font-size:14px;}
		
		.videofile { display:inline-block; width:400px; height:220px; margin:20px;}
		
}


@media (max-width: 1100px) {

	#headr .menu .menu_odkazy a { font-size: 18px; text-decoration: none; text-transform: uppercase; display: inline-block; padding-left: 20px;}
	#kontakty .fbc {  min-width:40%; max-width: 40%;}
	#kontakty .flexbox {flex-wrap: wrap;}
}


@media (max-width: 1000px) {

	body {padding-top: 105px;}

	#headr .menu .menu_odkazy {  
		display: none;
	}
	#headr .menu .menu_odkazy a.maxtablet {display:block;}

	#headr .portrait {display: none;}
	#headr .logo img {width:300px;}
	#headr .logo .landscape {display: block;}
	#headr .menubar {display: inline-block; cursor: pointer;}
	#headr .menu .hotline {padding-top: 10px;}
	#headr .menu .submenu { box-shadow: 0 5px 5px -5px #333; padding-top: 30px; position: absolute; width:100%; left:0px; top:80px; padding-bottom: 10px; background-color: #FFF; display: block; text-align: left;}
	#headr .menu .submenu a {display: block; padding:0px 20px 20px 170px; }
	#headr .hotlineb.askmebtn {display: none;}
	#headr .menu .nomobil {display: none;}
}

@media (max-width: 900px) {
	#menu .spec_txt_menu a.txt { width:100px;}
	.videofile { display:inline-block; width:330px; height:180px; margin:20px;}
	
	#OO .flexbox {justify-content: space-between ; flex-wrap: wrap; margin: 30px 0px;}
	#OO .flexitem { padding:20px;  background-color:#37a2db33; border-radius: 10px; max-width: 100%; margin-bottom: 30px; width:100%; position: relative;}

	.sirka {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
}

@media (max-width: 750px) {


	#Sluzby a { display: block; width:100%; position: relative; flex-grow: 1; border-radius: 5px;  margin: 20px 0px;}
	#ONas .row {padding:15px 0px 30px 0px;}
	#ONas .row img {display: none;}

	
		 #menu .spec_txt_menu{
			display: inline-block;
			float:right;
			padding-right:30px;
		}
		#menu .spec_txt_menu .txt{
			display:none;
			
		}
		
		#menu .bar-container{ display:inline-block}
		#menu .txt_menu { display:none;
			 text-align:center; background-color:#FCFCFC; padding:5px 0px 8px 0px;  width:100%; border-top:1px solid #EEE; 
		}
		#menu .txt_menu a.txt { margin-top:0px; margin-left:25px; border-top:0px; display:block; text-align:center; padding:5px 0px; border-bottom:1px solid #eee;}
		#menu .txt_menu a.txt:hover { border-top:0px; color:#37a2db}
		#menu .txt_menu a.txt:last-child {  border-bottom:0px }
		
		
		#OO_btn {right:auto; left:0px; 
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform:  none;
			-o-transform:  none;
			transform: none;
			top:auto;
			bottom:-5px;
			width:100%;
			border-radius:0px; 
			border:0px;
			border-top:3px solid #FFF;
			height:90px;
		
		}
		#OO_btn .popis {display:block;	}
		
		#Kontakty .logo-k { display:none;}
		#Kontakty .ib { width:100%;  box-sizing:border-box; }
		#Kontakty .h2 { padding-bottom:5px; }
		
		#uvod .find {  font-size:20px;}
		#uvod .see {  font-size:20px; }
		#uvod .olco span { font-size:20px; }
		.bottom65 {bottom:65px;}
		.nav {  bottom:25px; }
		
		#uvod .left-txt .blue { color:#FFF; font-weight:600; font-size:20px; padding:10px 40px; background-color:#37a2db;text-transform:uppercase; display:inline-block;}
		#uvod .left-txt .grey { color:#FFF; font-weight:600; font-size:20px; padding:10px 40px; background-color:#666;text-transform:uppercase; margin-top:20px; display:inline-block;	}
		#uvod .left-txt .red { color:#FFF; font-weight:600; font-size:20px; padding:10px 40px; background-color:#F00;text-transform:uppercase; margin-top:20px; display:inline-block;	}

		#uvod .left-txt .poznamka div { font-size:18px; color:#37a2db;}
		#uvod .left-txt .poznamka ul li { font-size:14px; color:#333;}
		#uvod .left-txt .poznamka p { font-size:14px; color:#666; padding-top:10px;}
		
		
		#uvod .see-v   {font-size:20px; width:100%; text-align:center; position:relative; top:auto; margin-top:35px}
		#uvod .txt-v  {font-size:20px;text-align:center; width:100%; position:relative; top:auto; background-color:#FFF;}
		#uvod .txt-bottom { font-size:20px;}
		#uvod .txt-bottom p { font-size:12px;}
		
		#My p { padding:15px 0px 20px 0px; }
		#My p img { display:none;}
		
		#Team .rblok { display:block; width:100%; margin-top: 25px;
			background-color: transparent; border-radius: 0px; padding:0px; margin-bottom:25px; display:block;  vertical-align:top; }
		#Team .subblok {  width:100%; text-align: left; }
		#Team .blok { text-align: center; padding-bottom: 30px;}
		#Team .blok img {position: initial; }
		#Team .blok .primar { margin-left:0px; border-bottom:1px solid #E0E0E0; padding:20px 20px 3px 70px; font-size:28px; font-weight:200;}
		#Team .blok .nar {margin-left:0px; font-size:16px; color:#d4e2f4; padding-bottom: 20px;}
		#Team .blok .ib {  margin-right:0px; vertical-align:top; padding-top:50px; font-size:14px;}

		#Team .historie { position:relative; background:none; height:auto !important; display:block; width:100%;  vertical-align:top; padding: 0px 25px}
		#Team .historie p { position: initial; padding-left:0px; background:none; font-weight:200; line-height:140%; width:100% !important;} 
		#Team .historie p span { font-weight:600; font-size:20px; display:inline-block; padding-top:8px;}

		
		#Vysetreni p { padding:15px 30px 30px 110px;}
		#Vysetreni p img {left:10px; }
		#Vysetreni .bobj { font-size:22px; border-radius:8px; text-transform: uppercase; color:#EEE; margin:16px 30px; font-weight:200; text-align:center; display:block; padding:8px 25px; background-color: #37a2db;}
	
		#Cenik table .tname { font-size:16px; padding-left:5px; }
		#Cenik table .tprice { font-size:16px;  width:80px; }
		
		#ODL .txt { font-size:16px; }

		
		#OSZ .txt { font-size:16px;}
		#OSZ .ib { background:url(img/lensx2.jpg) center top no-repeat #FFF; border-radius:10px; border:1px solid #eee; padding:15px 15px 15px 15px; height:auto; }
		#OSZ .ib .blok_n { padding-bottom:20px; padding-top:460px; font-size:30px; font-weight:400; color:#37a2db;line-height: normal; width:100%}
		#OSZ .ib .blok_txt {text-align:left; line-height:180%; font-weight:400; font-size:14px;}

		.videofile { display:inline-block; width:100%; height:300px; padding:0px 20px; margin: 0px;}
		
		
		#Spolupracujeme .firma .logo_firmy { width:240px; margin:10px auto; float:none;}
		#Spolupracujeme .firma .logo_firmy img{ width:240px; }
		#Spolupracujeme .firma .popis_firmy { margin-left:0px;}
		
}

@media (max-width: 650px) {
	#headr .menu .hotlineb { display: none;}
	#headr .menu .hotline {padding-top: 20px;}
	#kontakty .flexbox { display: block;}
	#kontakty .fbc {max-width: inherit; min-width: inherit;}
	.noview {display: none;}

	#headr .headr_content { padding: 10px 20px;}
	#headr .logo img {width:280px;}
	#headr .logo .landscape {display: block;}

	#headr .menu .submenu a {
		padding: 0px 20px 20px 140px;
	}

	#Kariera table tr td { display: block; line-height: 1.4 ; padding: 0px;}
	#Kariera table tr td:last-child {padding-bottom: 15px;}


	#Vysetreni .sirka{ text-align:center;}
	#Vysetreni .nadpis { font-size:36px; padding:65px 0px 30px 0px; font-weight:200; color:#37a2db;}
	#Vysetreni .otazka { font-size:20px;  color:#666; padding-bottom:25px;}
	#Vysetreni p { font-size:18px; position:relative; padding:15px 30px ; line-height:170%;}
	#Vysetreni p span { font-weight:600; display: block;}
	#Vysetreni p img { position: initial; }
	#Vysetreni .bobj { font-size:22px; border-radius:8px; text-transform: uppercase; color:#EEE; text-align: center; margin-top:16px; margin-left:0px; font-weight:200; display:block; padding:8px 25px; background-color: #37a2db; width: 100%;}
	#Vysetreni .bobj:hover { color:#FFF; cursor:pointer;}


	#Cenik table .tname { font-size:18px; color:#ffffffcc;   padding-left:25px; vertical-align: top; padding-bottom: 10px;  }
	#Cenik table .tprice { font-size:18px; color:#ffffffcc;  font-weight:600; text-align:right; padding-left:25px; min-width:100px;  vertical-align: top; }
	#Cenik table img {width: 100%;}

	.myvideo {width: 100% !important;}
	
}