*{margin: 0; padding: 0; outline: 0; border: 0; text-decoration: none; vertical-align: baseline;}
html,body {min-height:100%; height:100%; margin:0; padding: 0; font: 17px 'Roboto'; font-weight:400; list-style:none; color:#4D4D4D;}

.wrapper{ min-width:960px; max-width:1200px; margin: 0 auto; text-align:justify;}     
.wrapper-slide{min-width:960px; width:100%; margin:auto; border-bottom:2px solid #4C4C4C;}
.clearfix {overflow: auto;}
.clear{clear:both;}
.float-left{float:left;}
.float-right{float:right;} 
.align-center{text-align:center;}
.align-right{text-align:right;}
.relative{position:relative;}
a {color:#000;}
a:hover{color:#B90000;}
ul{list-style:none;}
td{padding:3px;}
.trans:hover{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.wrapper a:hover{text-decoration: underline;} 

a.media   { display: block; }
.media { font-size: small; margin: 25px; margin: auto; background:transparent!important;}

#header {width:100%;}
#header a{color:#fff;}
#header a:hover{color:#B90000;}
#header .actual-link{color:#D90000;}
#header .contact{background:#4C4C4C; color:#E5E5E5; font-size:13px; font-weight:500;}
#header .contact ul {background:#4C4C4C; padding:10px 0px 10px 0px; text-align:right;} 
#header .contact li{display:inline; padding:8px; }
#header .contact .address{background: url("../img/address.png") no-repeat; padding-left:25px; padding-right:35px;}
#header .contact .phone{background: url("../img/phone.png") no-repeat; padding-left:25px; padding-right:35px;}
#header .contact .email{background: url("../img/email.png") no-repeat; padding-left:35px; padding-right:35px; padding-top:2px;}
#header .head{margin:0px 0; border-bottom:2px solid #B90000; }
#header .head1{margin:0; }
#header .head_show_fixed{ position:fixed; width:100%; left:0; top:0; z-index:100; background:#fff; border-bottom:2px solid #B90000; z-index:999999; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header .logo{background: url("../img/logo.png") no-repeat; width:200px; height:80px; float:left; width:200px; margin:13px 0;}
#header .logo span{display:none;}
#header nav{float:left; padding:25px 34px; }
#header .search{float:left; width:41px; background: url("../img/search.png") no-repeat; width:41; height:41px; margin:30px 0; cursor:pointer;}
#header .search:hover{opacity:0.8}
#header .search-box{position:absolute; width:453px; background: rgba(0,0,0, 0.7); right:0; top:0; z-index:99999999; display:none; height:120px;}
#header .search-box input[type="text"]{ padding:20px; width:85%; font-size:20px; font-weight:500; background: none; color:#fff;  margin:5px 10px 10px 15px;}
#header .search-box input[type="text"]:focus{ border-bottom:1px solid #B0B0B0;}
#header .search-box input[type="button"]{ background: rgba(185,0,0, 0.8); padding:5px 10px; height:41px; color:#fff; margin-left:-85px; font-weight:500; cursor:pointer; position: absolute; top:50px; right:10px;}
#header .search-box input[type="button"]:hover{ background: rgba(185,0,0, 1);}
#header .close{ background: url("../img/close.png") no-repeat; width:20px; height:20px; float:right; cursor:pointer; margin:10px 10px 0 10px;}

                    

/*autocomplete search box*/
#search_result{position:absolute; width:435px;padding:8px; display:none; margin-top:5px; border-top:0px; border:0px #A0A0A0 solid; background-color: #fff;  height:300px;}
#search_result .in{width:410px; height:288px; overflow-y:scroll; padding:5px; padding-right:10px; }
#search_result img{margin:0px 3px 6px 6px; border-radius:4px; box-shadow: 1px 2px 3px #B0B0B0; padding:1px;}
#search_result .item_search{padding:8px 10px 8px 0px; color:#16479F; border-bottom:1px #E0E0E0 solid; font-size:15px; height:55px; font-weight:500; }
#search_result .item_search:hover{background:#448FBC; color:#fff; cursor:pointer;}
#search_result .search_more{text-align:center; padding-top:5px;}
#search_result .search_more a{color:#448FBC;}
#search_result .search_more a:hover{color:#000;}


#header nav ul{list-style:none;position:relative;float:left;margin-top:0;padding:0;z-index:999;}


#header nav ul a{display:block;color:#333;text-decoration:none; font-weight:700;font-size:15px;line-height:54px;padding:0 10px;}
#header nav ul a:hover{color:#fff;}
#header nav ul li{position:relative;float:left;margin:0; padding:0 12px; margin:0 2px;}
#header nav ul li.current-menu-item{background:none; -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}
#header nav ul li.current-menu-item a{color:#333; font-weight:700;}
#header nav ul li.current-menu-item a:hover{color:#B90000!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#header nav ul li.current-menu-item:hover{color:#B90000!important; background:none; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header nav ul li:hover{background:#B90000; color:#fff; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#header nav ul ul{display:none;position:absolute;top:100%;left:0; text-align:center; border-bottom:0px solid #fff; border-bottom:0;}
#header nav ul ul li{border:2px #B90000 solid; background:#FFF!important; float:none; width:190px;  margin:5px 0px 0px 0px;  height: 48px; background:#4c4c4c; color:#fff!important; padding:10px 3px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px; opacity:1.0;}
#header nav ul ul a{line-height:normal;padding:0; color:#fff; display:inline-block; width:98%; height:100%;}
#header nav ul ul li:hover{background:#B90000; color:#fff!important; opacity:1.0; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header nav ul ul li span {display: inline-block; vertical-align: middle; }
#header nav ul ul li:before{content: ''; display: inline-block; vertical-align: middle; height: 100%; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}


#header nav ul ul ul{display:none;position:absolute;top:0; text-align:center; border-bottom:0px solid #fff; border-bottom:0; left:100%}
#header nav ul ul ul li{border:2px #B90000 solid; background:#fff!important; float:none; width:190px;  margin:0px 0px 5px 5px;  height: 38px; padding:10px 3px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px; opacity:1.0;}
#header nav ul ul ul li:hover{background:#fff; color:#000!important; opacity:1.0; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
#header nav ul ul ul li span {display: inline-block; vertical-align: middle; }
#header nav ul ul ul li:hover{background:#B90000; color:#fff; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

#header nav ul li:hover > ul{display:block; -webkit-transition: all 5s ease-out; -moz-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out;}

#breadcrumbs{padding-bottom: 25px;font-weight: bold;color: #4D4D4D;text-transform: uppercase;}
#breadcrumbs a{font-weight:bold; color:#4D4D4D; text-decoration:underline;}
#breadcrumbs a:hover{color:#B90000; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/****šikmý text
#content h1{color: #0CBEF2;font-size: 50px;font-weight: 400;
  -moz-transform: translate(176.77px, -69.69px) rotate(45deg);
  -o-transform: translate(176.77px, -69.69px) rotate(45deg);
  -webkit-transform: translate(176.77px, -69.69px) rotate(45deg);
  }
 */
  
/*#content {margin:0px 0; background: url("../img/bg3.png") repeat; background-attachment: fixed;}*/
#content {backgroud-color: #fff;}
.plusd {padding-top:100px}
/*.reference {background: url("../img/bg1.png") repeat; background-attachment: fixed; padding:0px ; margin:0px; border-bottom:2px solid #B90000; border-top:2px solid #4C4C4C;}*/
.reference {backgroud-color: #fff;}
.predel {background: url("../img/bg2.png"); width:100%; height:250px; background-position: center; background-size: cover; margin:0; padding:0;line-height:1.0; background-attachment: fixed; border-top:2px solid #B90000; border-bottom:2px solid #4C4C4C; }

#content h1{color: #B90000;font-size: 50px;font-weight: 300;margin:15px 0px 20px 0px; text-align: left;}
#content h2 {font-size:28px; font-weight:300; display:block; clear:both; margin:15px 0px 10px 0px;}
#content h4 {font-size:22px; font-weight:400; display:block; clear:both; margin-bottom:10px; color: #B90000;}

#content a {color: #B90000; text-decoration:underline;}
#content a:hover {color: #B90000; text-decoration:none;}

#content .about{min-height:175px; margin-bottom:0px; margin-top:0px; background-color:none;}
#content .about-left{width:100%; float:left; padding:20px 0px 20px 0px; text-align: center;}
#content .about-left h1 { width: 80%; margin:auto; text-align: center; color: #B90000; display:block; clear:both; margin-bottom:10px;}
#content .about-left h2 { width: 80%; margin:auto; text-align: center; color: #B90000; display:block; clear:both; margin-bottom:20px;}
#content .about-left h3 { width: 80%; margin:auto; text-align: center; color: #B90000; display:block; clear:both; margin-bottom:10px; font-size:50px; font-weight:300;}
  
#content .about-left .in{width:70%; float:none; margin:auto; margin-top:10px; margin-bottom:20px; text-align: justify!important;
}


#content .text{margin-bottom:0px; background: #fff!important;}
#content .text-left{width:60%; float:left; margin:10px 50px 50px  0;}
#content .wrapper ul{list-style:disc;}
#content .wrapper li{padding-left:10px; margin-bottom:10px; margin-left:20px;}
#content .wrapper li {list-style-image: url("../img/sipka.png")}

#content .text-right{width:30%; float:left; border-left:1px solid #000; margin:80px 0px 60px 0; min-height:100px; padding:35px 0px 35px 30px;}
#content .text-right img{width:100%; margin:20px 0px 0 0; }

#content .texts{background:#fff!important; width:100%!important;}
#content .texts-w{background:#fff}
#content .texts-in{padding:25px 25px 0 0;}
#content .texts-in-w{padding:25px 0px 0px 0px;}
#content .texts h2{margin:20px 0 5px 0; font-size:28px; color:#0CBEF2}
#content .texts h3{margin:20px 0 5px 0; font-size:15px; color:#4D4D4D}
#content .texts h4{margin:5px 0 10px 0; font-size:28px; color:#0CBEF2}
#content .texts p{padding-top:15px}
#content .texts li{padding:2px 0}
#content .texts .li{padding:0}
#content .texts span{display:inline-block; width:80px; font-weight:300; margin-bottom: 15px;}
#content .texts .span{width:100%!important;}
#content .texts .dlouhy{width:100%!important;}
#content .texts table{width:100%;}
#content .texts .left{width:60%; float:left; background:#CCEDFC!important;}
#content .texts .right{width:40%; float:left; background:#CCEDFC!important; padding:0px;}
#content .texts iframe{width:100%; height:760px; overflow:hidden; margin:0 auto;}

#content .texts1{background:#CCEDFC!important; width:100%!important;}
#content .texts1 h2{margin:20px 0 5px 0; font-size:28px; color:#0CBEF2}
#content .texts1 h3{margin:20px 0 5px 0; font-size:15px; color:#4D4D4D}
#content .texts1 h4{margin:5px 0 10px 0; font-size:28px; color:#0CBEF2}
#content .texts1 p{padding-top:15px}
#content .texts1 li{padding:2px 0}
#content .texts1 .li{padding:0}
#content .texts1 span{display:inline-block; width:80px; font-weight:300; margin-bottom: 15px;}
#content .texts1 .span{width:100%;}
#content .texts1 table{width:100%;}
#content .texts1 .left{width:60%; float:left; background:#CCEDFC!important;}
#content .texts1 .right{width:40%; float:left; background:#CCEDFC!important; padding:0px;}
#content .texts1 iframe{width:100%; height:760px; overflow:hidden; margin:0 auto;}
#content .texts1 .texts-in-w{padding:0px 0px 0px 0px;}


#content .category{background:#B90000; padding:0px ; padding:0px 0px 20px 0px; }
#content .category h2{color: #FFF; font-size: 50px;font-weight: 300;}
#content .category h3 {font-size:20px; font-weight:400; display:block; clear:both; margin:0px 0px 10px 0px; text-align: center; color:#fff;}
#content .category-in{padding:10px 0px 0px 0px; margin:auto;text-align:center;}
#content .category article{float:left; width:25%; text-align:left; color:#FFF;}
#content .category article a{color:#FFF;}
#content .category article a:hover{color:#2B2B2;}
#content .category article:hover{opacity:0.8; color:#B90000}
#content .category article h2{ margin-bottom:10px; height:40px; color: #fff;}
#content .category article img{width:100%}
#content .category article p{height:150px; margin-top:20px; overflow:hidden}
#content .category article .article-in{padding:10px 10px 10px 10px}
#content .category article .article-in-first{padding:10px 20px 10px 0px}
#content .category article .article-in-last{padding:10px 0px 10px 20px}
#content .category article .more{color:#2B2B2B;}
#content .category article .more:hover{color:#B90000}
#content .category article .image{height:220px; overflow: hidden; -webkit-border-radius: 220px;	-moz-border-radius: 220px;	border-radius: 220px; }


/*#content .items{background: url("../img/bg3.png") repeat; background-attachment: fixed; text-align: center;}*/
#content .items{background-color: #fff; text-align: center;}

#content .items-in{background:none; padding:10px 0 10px 0;}
#content .items article{float:left; width:48%; text-align:left; color:#2B2B2B; background-color: #fff; margin:0px 1% 1% 1%; -webkit-border-radius: 20px;	-moz-border-radius: 20px;	border-radius: 20px;}
#content .items article:hover{opacity:0.8; color:#B90000}
#content .items article h2{ margin:10px 10px 0px 0px; font-size:20px; height:30px; width:90%; font-weight:700;}

#content .items article img{width:170px; height: 170px; overflow: hidden; -webkit-border-radius: 170px;	-moz-border-radius: 170px;	border-radius: 170px;}
#content .items article .img{width:30%; height:100%; float:left; line-height: 1.0;}
#content .items article .text{width:70%; float:left; background:none!important;}
#content .items article p{height:150px; overflow:hidden; float:left; padding:0 20px;}
.article-in p{text-align: justify!important;}
#content .items article .article-in{padding:10px 10px 0px 10px}
#content .items article .article-in-first{padding:0px 0px 0px 0px}
#content .items article .article-in-last{padding:0px 0px 0px 20px}
#content .items article .more{color:#2B2B2B;}
#content .items article .more:hover{color:#B90000}
#content .items article .image{height:220px; overflow: hidden; -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}
#content .items iframe{width:100%; height:830px; overflow:hidden; margin:0 auto;}




#content .detail .detail-mar{padding:0; line-height: 1.5;}
#content .detail .detail-in-r{padding-left:35px;}
#content .detail h3{color:#4D4D4D;  font-size:18px; font-weight:600; margin-top:30px;}
#content .detail table{width:100%;}
#content .detail .left img{width:100%; margin-bottom:25px; border:3px solid #B90000;}
#content .detail .left .nahled{border:0px solid #B90000!important;}
#content .detail .left{float:left; width:15%;  text-align:left; padding-top:20px;}
#content .detail .right{float:left; width:75%; }
#content .detail .right img{width:300px!important; padding:0px; border:3px solid #B90000; margin: 10px 0px 10px 20px;}
#content .detail .right .img_captcha {width:120px!important; padding:0px; border:0px solid #B90000; margin: 10px 0px 10px 0px;} 

#content .products{background:#fff;}
#content .products .prodacts-mar{padding:30px 0;}
#content .products .products-in-l{padding-right:24px;}
#content .products .products-in-c{padding-left:12px; padding-right:12px;}
#content .products .products-in-r{padding-left:24px;}
#content .products h2{color:#0CBEF2;  font-size:25px; font-weight:400; margin-bottom:15px; text-align:left;}
#content .products h3{color:#0CBEF2;  font-size:25px; font-weight:400; margin-bottom:15px; text-align:left;}
#content .products p{height:230px;}
#content .products ul{height:280px;}
#content .products li{border-bottom:1px solid #B2B2B2; width:100%}
#content .products li a{background: url("../img/arrow.png") no-repeat 0% 50%; padding:6px 0; display:block; padding-left:22px;}
#content .products .left{float:left; width:44%;}
#content .products .center{float:left; width:28%;}
#content .products .right{float:left; width:28%;}

#content .download_dark{background: #16479F url("../img/download_dark.png") no-repeat 5% 50%; color:#fff; padding:20px 30px 17px 50px; display:block; text-align:right; width:45%; border-bottom:3px solid  #16479F;}
#content .download_dark:hover{opacity:0.8; border-bottom:3px solid #0CBEF2;}
#content .download_dark_pdf{background: #16479F url("../img/download_dark_pdf.png") no-repeat 5% 50%; color:#fff; padding:20px 30px 17px 50px; display:block; text-align:right; width:200px; border-bottom:3px solid  #16479F; font-weight:400; margin-top:25px; margin-bottom:25px;}
#content .download_dark_pdf:hover{opacity:0.8; border-bottom:3px solid #0CBEF2;}

#content .download_dark_pdf1{background: #16479F url("../img/download_dark_pdf.png") no-repeat 5% 50%; color:#fff; padding:20px 10px 17px 50px; display:block; text-align:right; width:200px; border-bottom:3px solid  #16479F; font-weight:400; margin-top:25px; margin-bottom:25px;}
#content .download_dark_pdf1:hover{opacity:0.8; border-bottom:3px solid #0CBEF2;}


#content .download_light{background: #0CBEF2 url("../img/download_light.png") no-repeat 5% 50%; color:#fff; padding:20px 30px 17px 50px; display:block; text-align:right; border-bottom:3px solid  #0CBEF2;}
#content .download_light:hover{opacity:0.8; border-bottom:3px solid  #16479F; }

.nahled {height:50px!important; width: auto!important; float: left; padding:0px 5px 5px 0px!important;}

footer{background:#030303;}
footer .footer-in{background:#030303; padding:6px 0; color:#fff; font-size:14px; font-weight:400;}

strong {font-weight:700;}


/*content  formulář*/
.message{text-align:left; color: red; font-weight:bold;}
.form{width:600px; margin-top:50px; color: #000; background:none;}
.form fieldset{border:0; padding-left:0px;}
.form input{font-family: 'Roboto', sans-serif; font-size:15px; padding: 0px 5px 0px 5px;	margin-bottom: 5px;	height: 40px;	width: 600px; border: 1px solid #8c8c8c; background-color: #fff; color: #000;}
.form input:focus { outline: none; color: #000; border: 1px solid #000; font-style: italic; background-color: white; border: solid 1px silver;}
.form textarea{padding: 10px; height:200px; width:590px; border: 1px solid #8c8c8c; background-color: #fff; margin-bottom: 10px; color: #000;margin-top:5px; font-family: 'Roboto', sans-serif; font-size:15px;}
.form textarea:focus { outline: none; border: 1px solid silver; color: #000;background-color: #fff;}
.form input[type="submit"]{margin-top:0px; width:110px; height: 25px; border:0px solid #000; color: #fff; font-weight: 600; padding:5px 10px 5px 10px; background: #B90000; height: 40px; font-style: normal; background-position: 10px 15px; letter-spacing:2px;}
.form input[type="submit"]:hover {margin-top:0px;  border: 0px solid #00b7ea; color: #fff; font-weight: 600; padding: 5px 10px 5px 10px;	background: #2B2B2B; height: 40px; font-style: normal; background-position: 10px 15px;}
.popform1{margin-top:5px; color: #fff; float:left; text-align: right!important; }  
.popform1 img{margin:0px!important; paddig:0px!important;}

@media screen and (max-width: 1210px) { 
  #header nav{padding-left:5px;}
  #header nav ul li{padding:0; margin:0;}
  .bx-wrapper .bx-caption span{font-size: 30px !Important;}
  #content .about-left{width:90%; float:none; margin:20px 0px 0  0; min-height:175px; padding:0 5% 0 5%; text-align: center;}
  #content .about-right{width:90%;padding:0 5% 0 5%; float:none; border-left:0px solid #000;text-align: center; float:none; }
  .button-kariera{float:none; width::100%; margin-bottom:100px;}
  .button-about{float:none; width::100%; margin-bottom:100px;}
  .button-history{float:none;width::100%; margin-bottom:100px;}
  .button-pk{float:none; width::100%; margin-bottom:100px;}


@media screen and (max-width: 980px) { 
  .wrapper-slide{width:980px;}
  .bx-wrapper .bx-caption span{font-size: 25px !Important;}
    
  #content .about-left{width:90%; float:none; margin:20px 0px 0  0; min-height:175px; padding:0 5% 0 5%; text-align: center;}
  #content .about-right{width:90%;padding:0 5% 0 5%; float:none; border-left:0px solid #000; margin:20px 0px 0 0; min-height:100px; padding:20px; text-align: center;}
  #content .category article{float:none; width:90%;padding:0 5% 0 5%; text-align:left; color:#4D4D4D; text-align: center; border-bottom: solid 1px silver;}
  .footer-in-r {float:none; width:90%;padding:0 5% 0 5%; text-align: center;}
    .footer-in-l {float:none; width:90%;padding:0 5% 0 5%;  text-align: center;}
}