body { background: #e5e5e5 url(../img/grey_bg.png) repeat-x 0 25px;  font: 10pt/1.5em Arial,"Trebuchet MS",tahoma,verdana;  
	color: #1c2a2f;  padding: 0;  margin: 0; }
*>a { outline: none; } /* firefox outline */
a img { border-style: none; }
h1, h2, h3 { color: #315369;  line-height: 1.4em;  margin: 20px 0;  font-family: 'Open Sans';  text-transform: uppercase; }
h1 { font-size: 25pt; }
h2 { font-size: 18pt; }
p { margin: 7px 0; }
a { color: #315369; }
a:hover { text-decoration: none; }
ul { margin: 0;  padding: 0;  list-style: none; }
li { padding: 0 0 0 15px;  margin: 7px 0;  
	background: url(../img/dot.png) no-repeat 4px 8px; }
table { border-collapse: collapse; }
td, th { vertical-align: top;  border: 1px solid #dde;  padding: 4px 10px; }
.clear { clear: both; }
.nul { text-decoration: none; }  .nul:hover { text-decoration: underline; }
hr { height: 0;  background: none;  border: none;  border-top: 1px solid #315369;  margin: 20px 0; }
.hp h1 { position: absolute;  top: -100px; }

.d-flex {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
}
.d-flex .box {
   flex: 0 0 210px;
   border: 1px solid #dde;
   padding: 10px;
   text-align: center;
}
.d-flex .box a {
   display: block;
}

/****** ALL *******/
.all { position: relative;  }

/****** HEADER *******/
.header { position: absolute;  top: 0;  left: 0;   width: 100%;  overflow: hidden;  }
.hp .header {  }
.header .logo { position: absolute;  top: 7px;  left: 20px;  width: 630px;  height: 60px;  text-decoration: none; }
.header .logo img { float: left;  margin-right: 8px; }
.header .logo span { font-family: 'Open Sans';  color: #365d7c;  font-size: 13pt;  display: block;  margin: 5px 0 0; }
.header .in { position: absolute;  top: 200px;  left: 400px; }
.rotator { margin: /*118px 0 */0;  /*background: white;  padding: 5px 0;  box-shadow: 0 0 20px rgba(0,0,0,0.2);*/ }
.wt-rotator { margin: 0 auto;  width: 1000px;  /*border-radius: 10px;*/  overflow: hidden; }
.top { background: #eee url(../img/top.png) repeat-y 50% 0;  height: 35px;   }
.top-wrap { /*background: #f9f9f9;*/  box-shadow:	0 -10px 15px -4px rgba(0,0,0,0.1); }
.header-text { position: absolute;  bottom: 20px;  right: 20px;  padding: 10px 15px;  background: #315369;  background: rgba(0,0,0,0.6);  color: white;
	z-index: 100;  width: 400px; }
.header-text p { margin: 6px 0;  line-height: 1.3em; }
.htext-wrap { margin: 0 auto;  width: 1000px;  position: relative; }

/****** CONTENT *******/
.content-wrap { padding-top: 183px;  width: 1000px;  margin: 0 auto; }
.hp .content-wrap { padding-top: 433px; }
.cont-in { width: 1000px;  margin: 0 auto;  position: relative; }
.content { padding: 10px 50px 0 0;  background: #fff;  box-shadow: 0 0 20px #bbb;  margin: 0 0 14px 0; }
.hp .content { padding: 10px 20px 10px 15px; }

/****** MAIN *******/
.main { float: right; width: 685px;  margin-bottom: 50px; }
.fotogalerie img { margin: 7px;  box-shadow: 1px 1px 7px #aaa; }
.edit-site { float: right;  font-size: 8pt; }
.photogallery img { padding: 8px; }
.main img { margin: 10px 20px; }
.news-img { float: right; }
.no_column {
    float: none;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
}
/****** MENU *******/
.menu .cont-in { width: 980px;  padding-top: 5px; background: #466579;  /*box-shadow: inset 0 -7px 60px -13px rgba(0,0,0,0.8);*/
	padding-left: 20px;  background: url(../img/menu.png) repeat-x 0 0; }
.menu li { margin: 0;  float: left;  padding: 0 8px 0 9px;  background: url(../img/menu_li.png) no-repeat left top; }
.menu li a { width: 216px;  text-align: center;  text-transform: uppercase;  font-family: 'Open sans';  font-size: 11pt;  float: left;
	color: white;  text-decoration: none;  border-bottom: 4px solid #3599b0;  padding: 0 2px;  height: 86px;  
	background: url(../img/menu_shadow.png) no-repeat 50% 50%; }
.menu li a:hover { border-width: 7px;  height: 83px;  background-image: url(../img/menu_shadow2.png); }
.menu .li1 a { border-color: #3bb493; }
.menu .li2 a { border-color: #72b031; }
.menu .li3 a { border-color: #d88414; }
.menu .li0 { background: none; }
.menu li a .title { display: block;  line-height: 18px; }
.menu li a .img { display: block;  height: 61px;  padding: 0;  position: relative; top: -4px;}
.hp .menu { margin-top: 0; }

.top-menu { float: right;/*position: absolute;  top: 10px;  right: -5px;  z-index: 10;*/ }
.top-menu li { background: none;  padding: 0;  float: left;  margin: 5px 0; }
.top-menu li a { padding: 4px 16px;  text-decoration: none;  border-right: 1px solid #ccc;  color: #466579;  float: left;  
	font-size: 11.5pt; }
.top-menu li:last-child a { border: none; }
.top-menu li a:hover { text-decoration: underline; }

.column { 
   display: inline-block;
    width: 210px;  
    box-sizing:border-box;
    background:#5a7283;
    border-top: 2px solid #3599b0;
    vertical-align: top;
    margin-top: -10px;
    padding-bottom: 100%;
}
.column .in { 
    padding-top: 35px; 
}
.submenu-title { 
    font-style: italic;  
    color: #fff;  
    font-size: 20px;
    text-align:center;
    padding-top: 9px;
    padding-bottom: 9px;  
    margin-bottom: 12px;
}
.submenu { 
    clear: both; 
}
.submenu li { 
    position: relative;
    padding:0;
    background:none;
    height:60px;
    display:block;
    padding-left:20px;
    border-top: 2px solid;
    border-color: #3599b0;
    margin:0;
}
.submenu li:last-of-type{
    border-bottom:2px solid;
    border-color: #3599b0;
}
.submenu li:before { 
    content:" ";
    display:block;
    width:20px;
    height:20px;
    border-radius:10px;
    background-color:#3599b0;
    float:left;
    margin-right:20px;
    margin-top:20px;
}
.submenu li a { 
    display:block;
    width:130px;
    height:60px;
    line-height:60px;
    font-size:0;
    vertical-align:middle;
    float:left; 
}
.submenu li a span { 
    display:inline-block;
    font-size:15px;
    text-decoration: none; 
    color:#fff;
    font-weight: bold; 
    vertical-align:middle;
    line-height: 20px;
}
.submenu li a:hover { 
    text-decoration: underline; 
}
.zkusebni-laborator, .zkusebni-laborator .submenu li{border-color:#3bb493;}
.zkusebni-laborator .submenu li:before{background-color:#3bb493;}
.diagnostika, .diagnostika .submenu li{border-color:#72b031;}
.diagnostika .submenu li:before{background-color:#72b031;}
.inspekcni-cinnost, .inspekcni-cinnost .submenu li{border-color:#d88414;}
.inspekcni-cinnost .submenu li:before{background-color:#d88414;}

.news { float: right;  width: 440px;  margin-top: 0;  position: relative;  top: 2px; }
.news-all { float: right;  margin: 10px 5px 0 0;  padding: 2px;  font-size: 8.5pt; }
.news-title { margin-bottom: 0; }
.news-title a { text-transform: uppercase;  color: white;  padding: 5px 16px 4px;  background: #4e6f82;  font-size: 11pt;  font-weight: bold;
	border-radius: 8px;  text-decoration: none;}
.news-title a:hover { background: #5e7f92; }
.news ul { margin: 0 0 2px; }
.news li { padding: 0;  background: none;  margin: 0; }
.news li a { padding: 8px 10px 8px 22px;  background: url(../img/news_arrow.png) no-repeat 3px 16px;  text-decoration: none;  font-size: 9.5pt; 
	white-space: nowrap;  overflow: hidden;  color: #1c2a2f;  border-bottom: 1px solid #ddd;  text-overflow: ellipsis;  float: left;  width: 394px; }
.news li a:hover { background: white;  background-position: 4px 15px; }
.news .date { width: 66px;  color: #888;  font-size: 8pt;  float: left; }
.news2 .in { clear: both;  padding: 10px 0;  border-bottom: 1px solid #ccc; }
.news2 .in:last-child { border-bottom: none; } 
.news2 .date { float: right;  color: #888; }
.news2 img { margin: 2px 20px 2px 10px;  float: left; }
.employers h2 { text-transform: none;  margin: 10px 0;  font-size: 16pt; }
.boxes { float: left;  width: 490px;  background: url(../img/shadow.png) no-repeat right -50px;  margin-top: 0px; }
.boxes li { padding: 0;  background: none;  float: left;  margin: 0; }
.boxes li a { padding: 20px 25px 0 32px;  width: 163px;  height: 40px;  float: left;  margin: 6px;  line-height: 1.2em;
	background: #fff url(../img/arrow.png) no-repeat right 50%;  box-shadow: inset 2px 2px 10px -1px #999;  font-family: 'Open sans';  font-weight: lighter;
	border-bottom-right-radius: 10px;  overflow: hidden;  text-transform: uppercase;  font-size: 14pt;  text-decoration: none;
	border: 1px solid #ddd;}
.boxes li a:hover { background: #5a7e94;  color: white; }

/****** FOOTER *******/
.footer {  }
.footer-in { width: 900px;  margin: 0 auto;  padding: 15px 20px 4px 0;  font-size: 9pt;  text-align: right;  color: #555; }
.footer-in hr { border-top: 1px solid white;  border-bottom: 1px solid #ccc;  margin-bottom: 30px; }
.eliska-footer { color: #bbb;  text-align: center; }
.eliska-footer a { color: #aaa; }
.eliska-footer img { padding: 0 3px 0 6px;  position: relative;  top: 3px;}
.footer p { margin: 0;  padding: 7px 0; }
.footer-menu { float: left;  text-align: right;	 }
.footer-menu li { padding: 0;  float: left;  background: none; }
.footer-menu li a { padding: 2px 13px;  border-right: 1px solid #ccc;  color: #667; }
.footer-menu li:last-child a { border: none; }
 /* kvuli editoru, ktery tam dela tag */
.footer-right { float: right; }
/**  language switcher  **/
.language-switcher { position: absolute; right: 15px; top: 10px;}
.language-switcher a { width: 25px;  height: 20px;  float: left;  margin: 0;  opacity: 0.50; }
.language-switcher .cz { background: url('/views/_default/www/img/icons/flag_cz.png') no-repeat 50% 50%; }
.language-switcher .en { background: url('/views/_default/www/img/icons/flag_en.png') no-repeat 50% 50%; }
.language-switcher a.active, .language-switcher a:hover{ opacity: 1; }
.language-switcher .abbr, .language-switcher .lang { display: none; }