/* basic -------------------------------------------------- */
body {
    font-size: 16px;
    font-family: 'Open Sans';
    color: #002c5a;
	background: url(../images/bg-site.jpg) no-repeat center top;
}
img {outline:none;}
a,
a:hover,
a:visited,
button {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    outline: none;
    text-decoration: none !important;
}
.btn-link:hover,
.btn-link:focus {
    outline: none !important;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.center-row {
    display: table;
    width: 100%;
}
.center {
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.clickable
{
  cursor: pointer;
}
/* header ----------------------------------- */
header {
	position:fixed;
	width:100%;
	top:0;
	z-index:1000;
}
header .container {
    background: url(../images/bg-head-01.jpg) no-repeat center top;
    width: 100%;
}
header .container .col-sm-6 {
    list-style-type: none;
    font-family: 'Open Sans';
    font-weight: 600; 
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    min-height: 30px;
    margin: 0;
}
header .container .col-sm-6 li {
    display: inline-block;
    padding: 7px 2px 0 2px;
}
header .container .col-sm-6+.col-sm-6 {
    text-align: right;
    font-weight: 300;
}
header .container .col-sm-6 li a {
    display: inline-block;
    color: #002c5a;
    padding: 0 5px;
}
header .container .col-sm-6 li a.active {
    font-weight: 700;
    border-right: solid 2px #002c5a;
    border-left: solid 2px #002c5a;
}
header .container + .container {
    background: url(../images/bg-head-02.jpg) no-repeat center top;
    min-height: 70px;
    position: relative;
    text-align: center;
    line-height: 70px;
}
.search {
    position: absolute;
    right: 0;
    top: 0;
}
.sb-search {
    position: relative;
    width: 0%;
    min-width: 60px;
    height: 70px;
    float: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    background: none;
    outline: none;
    width: 100%;
    height: 70px;
    margin: 0;
    z-index: 10;
    padding: 10px 70px 10px 0;
    color: #fff;
    text-align: right;
}
.sb-search-input::-webkit-input-placeholder {color:#fff;}
.sb-search-input:-moz-placeholder {color:#fff;}
.sb-search-input::-moz-placeholder {color:#fff;}
.sb-search-input:-ms-input-placeholder {color:#fff;}
.sb-icon-search,
.sb-search-submit {
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.sb-icon-search:before {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: 'FontAwesome';
    font-size: 20px;
    content: "\f002";
    color: #fff;
}
.sb-search-submit {
    background: #fff;    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-search.sb-search-open {width:220px;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {z-index:90;}
header nav {background:#fff;}
header nav .container {
    max-width:98%;
    background: #fff;
}
header nav .container ul {
    margin: 0;
    padding: 5px 0;
    list-style-type: none;
    text-align: center;
}
header nav .container ul li {
    display: inline-block;
    padding: 2px 5px;
}
header nav .container ul li a {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #002c5a;
    padding: 2px;
}
header nav .container ul li a:hover, header nav .container ul li a.active {
    text-decoration: none;
    color: #f7a800;
}
header nav .container ul li:nth-child(6) a {
	color:#faa526;
	font-weight: 700;
}
header nav .container ul li:nth-child(7) a, header nav .container ul li:nth-child(7) a:hover {
	color:#0000ff;
	font-weight: 700;
}
header nav .container ul li:nth-child(8) a {
	color:#00b1e7;
	font-weight: 700;
}
header nav .container ul li:nth-child(9) a {
	color:#099519;
	font-weight: 700;
}
header nav .container ul li:nth-child(10) a {
	color:#dd4509;
	font-weight: 700;
}

/*
.ro header nav .container ul li:nth-child(7) a {
	color:#00b1e7;
	font-weight: 700;
}
header nav .container ul li:nth-child(9) a, .ro header nav .container ul li:nth-child(8) a {
	color:#099519;
	font-weight: 700;
}
header nav .container ul li:nth-child(10) a, .ro header nav .container ul li:nth-child(9) a {
	color:#dd4509;
	font-weight: 700;
}

.ro header nav .container ul li:nth-child(10) a {
	color:#002c5a;
	font-weight: 600;
}

.cz header nav .container ul li:nth-child(7) a, .en header nav .container ul li:nth-child(7) a, .pl header nav .container ul li:nth-child(7) a {
	color:#099519;
	font-weight: 700;
}*/

/*.cz header nav .container ul li:nth-child(8) a, .en header nav .container ul li:nth-child(8) a {
	color:#dd4509;
	font-weight: 700;
}

 .en header nav .container ul li:nth-child(9) a {
    font-weight: 600;
    color: #002c5a;
}*/
.en header nav .container ul li:nth-child(9) a:hover,  .en header nav .container ul li:nth-child(9) a.active {color: #f7a800;}
.en header nav .container ul li:nth-child(6) a:hover, .en header nav .container ul li:nth-child(6) a.active {color:#f7a800;}

/* banner homepage -------------------------------------------------- */
#homeSlider {
	text-align:center;
	margin-top:136px;
}
#homeSlider .item,
#homeSlider .col-sm-4 {position:relative;}
#homeSlider .item h3 {
    font-size: 50px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    top: 10%;
    z-index: 100;
}
#homeSlider .item h3 > span {
    display: inline-block;
    position: relative;
}
#homeSlider .item h3 > span:after,
#homeSlider .item h3 > span:before {
    content: "";
    position: absolute;
    height: 2px;
    border-bottom: solid 2px #fff;
    top: 30px;
    width: 15%;
    left: 100%;
    margin-left: 20px;
}
#homeSlider .item h3 > span:before {
    right: 100%;
    left: auto;
    margin-right: 20px;
}
#homeSlider .item h4 {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    top: 20%;
    z-index: 100;
}
#homeSlider .item h4 a {
    background: rgba(247, 168, 0, 0.85);
    border: solid 2px rgba(247, 168, 0, 0.91);
    display: inline-block;
    padding: 15px 30px;
	color:#fff;
}
#homeSlider .item h4 a:hover {
    background: rgba(247, 168, 0, 1);
    border: solid 2px rgba(247, 168, 0, 1);
	color:#fff;
	text-decoration:none;
}
#homeSlider .col-sm-4 b {
    top: -5px;
    left: 50%;
    margin-left: -15px;
    border-width: 15px 15px 0;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-top-color: #f7a800;
    border-style: solid;
}
#homeSlider .col-sm-4 i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/ico-plechy.png) no-repeat 0 0;
    margin: 20px 0;
}
#homeSlider .col-sm-4 + .col-sm-4 i {background: url(../images/ico-vypalky.png) no-repeat 0 0;}
#homeSlider .col-sm-4 + .col-sm-4 + .col-sm-4 i {background: url(../images/ico-komponenty.png) no-repeat 0 0;}
#homeSlider .col-sm-4 p {
    font-size:14px;
    color: #002d59;
	min-height:50px;
}
#homeSlider .col-sm-4 h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #002d59;
    margin: 30px 0 10px 0;
}
#homeSlider .col-sm-4 span {
    display: block;
    margin: 40px 0;
}
#homeSlider .col-sm-4 span a {
    display: inline-block;
    border: solid 2px #00b1e6;
    font-weight: 700;
    font-weight: normal;
    font-size: 24px;
    text-transform: uppercase;
    padding: 5px 40px;
    color: #002d59;
}
#homeSlider .col-sm-4 span a:hover,
#homeSlider .col-sm-4.active span a {
    text-decoration: none;
    background: url(../images/bg-more.png) no-repeat center;
	background-size:cover;
    color: #fff;
}
#homeSlider .col-sm-4.active i {background-position: 0 -40px !important;}
#homeSlider .col-sm-4.active h2 {color:#00b1e6;}
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: rgba(247, 168, 0, 1);
}
#progressBar {
    width: 100%;
    background: rgba(247, 168, 0, 0.4);
    position: absolute;
    top: 282px;
    left: 0;
    z-index: 100;
}


/* news -------------------------------------------------- */
.news {
    padding: 60px 0;
    background: #002c5a;
    color: #fff;
}
.news img {width: 100%;}
.news h4 {
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0 0 40px 0;
    padding: 0;
}
.news h4 > span {
    display: inline-block;
    position: relative;
}
.news h4 > span:after,
.news h4 > span:before {
    content: "";
    position: absolute;
    height: 2px;
    border-bottom: solid 2px #fff;
    top: 20px;
    width: 20%;
    left: 100%;
    margin-left: 20px;
}
.news h4 > span:before {
    right: 100%;
    left: auto;
    margin-right: 20px;
}
.news .col-sm-3 strong a {
    color: #f7a800;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 10px 0;
}
.news .col-sm-3 p {font-size: 14px;}
.news .col-sm-3 a {
    color: #00b1e6;
    font-weight: 700;
    font-size: 14px;
}
.news .col-sm-12 > span {
    display: block;
    text-align: center;
}
.news .col-sm-12 span a {
    color: #fff;
    font-weight: 700;
    padding: 8px 25px;
    display: inline-block;
    border: solid 2px #f7a800;
    margin-top: 20px;
}
.news .col-sm-12 span a:hover {
    background: #f7a800;
    text-decoration: none;
}

/* about -------------------------------------------------- */
.about {
    padding: 60px 0;
    background: url(../images/bg-about.jpg) no-repeat center;
    background-size: cover;
    text-align: center;
	position:relative;
}
#about {
    position:absolute;
	top:-136px;
	left:0;
}
.about h4 {
    color: #002c5a;
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin: 0 0 40px 0;
    padding: 0;
}
.about h4 > span {
    display: inline-block;
    position: relative;
}
.about h4 > span:after,
.about h4 > span:before {
    content: "";
    position: absolute;
    height: 2px;
    border-bottom: solid 2px #002c5a;
    top: 20px;
    width: 20%;
    left: 100%;
    margin-left: 20px;
}
.about h4 > span:before {
    right: 100%;
    left: auto;
    margin-right: 20px;
}
.tim {
    position: relative;
    margin-top: 40px;
}
.tim > img {
    position: absolute;
    left:0;
    top: -10px;
}
.tim > img + img {
    left: auto;
    right:0;
    top: -3px;
}
.timeline {
    height: 2px;
    background: #002c5a;
    position: absolute;
    top: 10px;
    left:40px;
    right:40px;
}
.about .col-sm-12 .col-sm-2 i, .about .col-sm-12 .col-sm-4 i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #002c5a;
    border-radius: 50%;
    border: solid 3px #f9bb00;
}
.about .col-sm-12 .col-sm-2 strong, .about .col-sm-12 .col-sm-4 strong {
    display: block;
    color: #002c5a;
    font-size: 30px;
    font-weight: 700;
}
.about .col-sm-12 .col-sm-2 p, .about .col-sm-12 .col-sm-4 p {
    color: #002c5a;
    font-size: 13px;
}
.about .col-sm-12 ul li {
   display: block;
}
.about h5 {
    color: #002c5a;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px 0;
}
.about .col-sm-12 span a {
    color: #002c5a;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 30px;
    display: inline-block;
    border: solid 2px #fff;
}
.about .col-sm-12 span a:hover {
    background: #fff;
    text-decoration: none;
}

.cas .col-sm-2 {width:11%;}

/* blueline -------------------------------------------------- */

.blueline {
    background: #00b1e7;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    padding: 60px 0;
}
.blueline ul.col-sm-6 {
    margin: 0;
    text-align: right;
    list-style-type: none;
    padding: 5px 15px 0 15px;
}
.blueline ul.col-sm-6 li {
    display: inline-block;
    border-right: solid 1px #fff;
    padding: 0 10px;
    line-height: 18px;
}
.blueline ul.col-sm-6 li:last-child {
    border-right: solid 0px #fff;
    padding: 0 0 0 10px;
}
.blueline .col-sm-6 li a {
    color: #fff;
}
.blueline .col-sm-6 img {
    margin-right: 20px;
    max-width: 100%;
}
/* contact -------------------------------------------------- */

.contact {
    font-size: 18px;
    padding: 60px 0;
}
.contact ul {
    list-style-type: none;
    margin: 0;
}
.contact .col-sm-3 ul {
    margin: 20px 0;
    padding: 0;
}
.contact ul.col-sm-3 {
    margin: 67px 0 20px 0;
    padding: 0;
}
.contact h6 {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.contact .form-control {
    border-radius: 0;
    border-color: #99abbd;
    box-shadow: none;
}
.contact textarea {
    min-height: 150px;
}
.contact .btn {
    border-radius: 0;
    border-color: #00b1e6;
    background: none;
    color: #002d59;
    font-weight: 700;
    padding-left: 30px;
    padding-right: 30px;
    float: right;
}
.contact .btn:hover {
    color: #fff;
    background: url(../images/bg-send.png) center;
}


/* footer -------------------------------------------------- */
footer {
    background: url(../images/bg-foot.jpg) center top;
    min-height: 70px;
    line-height: 70px;
}
footer .col-sm-12 span {
    display: inline-block;
    float: right;
}
.footer-attch .btn
{
  display: inline-block !important; 
  float: none !important;
}


/* cookies -------------------------------------------------- */
.cc_banner-wrapper {z-index: 100000 !important;}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: rgba(247, 168, 0, 1) !important;
    min-width: 190px;
    border-radius: 0px !important;
}
.cc_container .cc_btn:hover {background-color: #745a23 !important;}
.cc_container .cc_logo {display: none !important;}
.cc_container .cc_btn {bottom: 12px !important;}


/* content ------------------------------------------------------------*/
.content {
	padding-top:200px;
	margin-top:136px;
}
.plechyBg {background: url(../images/bg-plechy.jpg) no-repeat center top;}
.vypalkyBg {background: url(../images/bg-vypalky.jpg) no-repeat center top;}
.komponentyBg {padding-top:0;}
.vdmBg {background: url(../images/bg-vdm.jpg) no-repeat center top;}
.vdmservisBg {background: url(../images/bg-vdm-servis.jpg) no-repeat center top;}
.downloadBg {background: url(../images/bg-download.jpg) no-repeat center top;}
.content h1 {
    font-size:36px;
    text-align:center;
    font-weight: 700;
    margin:60px 0;
    padding:0;
}
.content h1 > span {
    display: inline-block;
    position: relative;
}
.content h1 > span:after,
.content h1 > span:before {
    content: "";
    position: absolute;
    height: 2px;
    border-bottom: solid 2px #000;
    top: 22px;
    width: 15%;
    left: 100%;
    margin-left: 20px;
}
.content h1 > span:before {
    right: 100%;
    left: auto;
    margin-right: 20px;
}
.col-sm-3 b {
    top: -56px;   
    margin-left: -7px;
    border-width: 15px 15px 21px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-bottom-color: #00b1e7;
    border-style: solid;
}
.download .col-sm-3 b {top:-38px;}
.komponent .col-sm-6 {
    text-align: left;
}
.content h3 {
    font-weight: 700;
    margin-top: 0px;
	font-size: 30px;
}
.content .col-sm-8 h3 {text-align:left;}
.content h4 {
    font-weight: 700;
    margin:10px 0 20px 0;
}
.vypal.content h4, .aktuality.content h4 {margin:30px 0 15px 0;}
.content h5 {
    font-weight: 700;
    margin:10px 0;
	font-size:15px;
}
.content .small {
    line-height: 9px;
    margin-bottom: 9px;
}
.content br {line-height: 0px;}
.line {
    background: url(../images/line.jpg);
    background-repeat: repeat-x;
    height: 2px;
    margin-top: 40px;
}
/* plechy -------------------------------------------------- */

.plechy .col-sm-3 {
    text-align: center;
    margin-bottom: 50px;
}
.plechy .col-sm-3 a span {
    font-size: 56%;
    font-weight: normal;
	display:block;
}
.plechy .col-sm-6, .plechy .col-sm-10, .form-group .col-sm-12 {text-align: left;}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {border-top: none;}
.table>tbody>tr>td {padding:6px;}
.language {
    border:solid 2px #00b1e6;
    color: #002d59;
    font-weight: 700;
    padding:5px 30px;
	margin:0 10px 0 0;
	text-align:center;
	display: inline-block;
}
.language:hover {
    color: #fff;
    background: url(../images/bg-send.png) center;
}
.download .language {
    padding:5px 0;
	margin:0 0 30px 0;
	display: block;
}

.plechy .row {
    margin-top: 20px;
}
.col-sm-12 .col-sm-6 {
    color: #002C5B;
}
.plechy {
    color: #002C5B;
}
.gallery {
    position: relative;
    left: 0;
    top: 0;
}
.deine {
    position: absolute;
    top: 13px;
    left: 31px;
}
.short {
    padding-left: 50px;
    padding-right: 50px;
}

.menukomponent i {
	 background: url(../images/tyce.png) center;
}
/* acordeons -------------------------------------------------- */

.tooltipDoc {
    background: #fff;
    color: #002c5a;
    padding: 20px 30px;
    text-align: center;
    width: 100%;
    display: none;
}
.plechy .tooltipDoc {padding:20px 0;}
.tooltipDoc.active {
    display: block;
}
#zpfBox > img {
    left: 21%;
}
#rdBox > img {
    left: 29%;
}
#vrBox > img {
    left: 37%;
}
#pBox > img {
    left: 45%;
}
.menukomponent a {
    color: #00b1e6;
    font-size: 24px;
    font-weight: 700;
    color: #002c5a;
	display:block;
	text-align:center;
}
.menukomponent {
    color: #00b1e6;
    font-size: 150%;
}
.menukomponent a:hover {
    text-decoration: none;
    color: #00b1e6;
}
.documets .panel-body {
    background-color: #fff;
}



/*DESCRIPTION-VÝPALKY------------------------------------------------------------*/

.popis {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 12%;
}
.mensi {
    font-size: 87.5%;
}
.slider img {
    float: right;
    margin-bottom: 38px;
}
.button a {
    display: inline-block;
    border: solid 2px #00b1e6;
    padding: 5px 40px;
    text-decoration: none;
    color: #002c5a;
}
.thumbnail {
    border: 0px solid #ddd;
}
.button a:hover {
    text-decoration: none;
    background: url(../images/button.jpg) repeat-x center;
    color: #fff;
}
.button {
    margin-top: 70px;
    margin-bottom: 50px;
}
/*DESCRIPTION-DOWNLOAD------------------------------------------------------------*/
.download {
    text-align: center;    
}
.content.download {margin-top:136px;}

.download h4 {
	margin: 0px;
}

.download .row {
	margin-top:0px;
}

.download h3 {
	margin-top: -57px;
    margin-bottom: 34px;
}



.en #download5Box .download .col-md-9 .row .col-sm-4, .cz #download5Box .download .col-md-9 .row .col-sm-4 {display: none;}
.en #download5Box .download .col-md-9 .row .col-sm-4:nth-child(2), .cz #download5Box .download .col-md-9 .row .col-sm-4:nth-child(1) {display: block;}

.cz #download5Box > .row:nth-child(n+7) h4 {color: #faa526;}








/*DESCRIPTION-KONTAKT------------------------------------------------------------*/

.kontakt {
	text-align: left
}
.kontakt>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	
	color: #002c5a;
}

.reg {
}

/*DESCRIPTION-TECHNICKÉ-ÚDAJE------------------------------------------------------------*/

.help-block {
	font-weight: 700;
	color: #002c5a;
}

.vypocet ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #00b1e6 !important;
	text-align: center !important;
}
.vypocet :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #00b1e6 !important;
   opacity:  1;
   text-align: center !important;
}
.vypocet ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #00b1e6 !important;
   text-align: center !important;
   opacity:  1;
}
.vypocet :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #00b1e6 !important;
   text-align: center !important;
}

.vypocet .form-control{
	text-align: center;
	color: #00b1e6;
}

.form-control.bez {
	border: 0px solid #ccc;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	text-align:center;
	color: #00b1e6;
	font-weight: 700;
	    font-size: 150%;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    
}

/*DESCRIPTION-VDM------------------------------------------------------------*/
.kontaktvdm li {
	width: 50%;
	float:left;
}

.bold {
	font-weight: 700;
}
.seznamli {
	margin: 0 auto;
    text-align: left;
    width: 700px;
	margin-bottom: 20px;
}
.seznamli li {
	width: 50%;
	float:left;
	font-weight: 700;
	
}

.popisvdm {
	text-align: center;
	margin-bottom: 20px;
	margin-top:20px;
}

.vdmseznam li {
	list-style-type: none;
	
}

.vdmseznam {
	padding-left:0px;
}

.buttonvdm a:hover {
    text-decoration: none;
    background: url(../images/button.jpg) repeat-x center;
	background-size:100%;
    color: #fff;
}
.buttonvdm {
    margin-top: 70px;
    margin-bottom: 50px;

}

.buttonvdm a {
    display: block;
    border: solid 2px #00b1e6;
    padding:15px 0;
    text-decoration: none;
    color: #002c5a;
	width: 100%;
	text-align: center;
	font-size:22px;
}

.buttonvdm i {
	padding-left: 10px;
	color: #00b1e6;
}
.buttonvdm:hover i {	
	color: #fff;
}

.lightblue {
	background-color: #00b1e7;
}

.darkblue {
	background-color: #002c5a;
}

.yellow {
	background-color: #f7a800;
}

.green {
	background-color: #02b186;
	
}

.table-bordered.vdm>tbody>tr>th {
	color: #fff;
	padding-left: 22px;
}

.table-bordered.vdm p {
	
	padding-left: 22px;
}
.table-bordered.vdm>thead>tr>th, .table-bordered.vdm>tbody>tr>th, .table-bordered.vdm>tfoot>tr>th, .table-bordered.vdm>thead>tr>td, .table-bordered.vdm>tbody>tr>td, .table-bordered.vdm>tfoot>tr>td {
    border: 1px solid #fff;
}

.table-bordered.vdm>tbody>tr>td {
	background-color: #e5eaee;
	color: #002c5a;
	width: 50%;
}
 .table-bordered.vdm {
	    width: 85%;
		border: 1px solid #fff;
 }
 
 .kontakt {
	 border: 1px solid #002c5a;
	 padding:10px 40px;
}
.kontakt .table {margin:0;}

.kontakt.table tr td {width:40%;}
.kontakt.table tr td+td {width:25%;}
.kontakt.table tr td+td+td {width:35%;}
 .odsaz {
	     margin: 60px 0;
 }
 
 .topodsaz {
	 margin-top: 20px;
	 margin-bottom: 20px;
 }
 
.odsazno {
	 margin-bottom: 0px !important;
 }
 
.vdm ul {
  list-style: none;
  padding: 0;
}
.vdm li {
  padding-left: 2.3em;
}
.vdm li:before {
  content: "-"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/*DESCRIPTION-VDM-servis------------------------------------------------------------*/
.servisseznamli {
	margin: 0 auto;
    text-align: left;
        width: 560px;
}

.vdmservisBg .nadpis h1 + h1 {
	margin-top:0px;
	margin-bottom: 30px;
}
.servisseznamli li {
	font-weight: 700;
}

.servisbold {
	font-weight: 700;
	font-size: 18px;
}

.servis thead {
	background-color: #15b0e2;
	color: #fff;
}
.table-bordered.servis>thead>tr>th, .table-bordered.servis>tbody>tr>th, .table-bordered.servis>tfoot>tr>th, .table-bordered.servis>thead>tr>td, .table-bordered.servis>tbody>tr>td, .table-bordered.servis>tfoot>tr>td {
	border: 1px solid #fff;
}

.table-bordered.servis>tbody>tr>th {
	background-color: #94acb9;
	color: #fff;
	text-align: right;
}

.table-bordered.servis>tbody>tr>td {
	background-color: #e5eaee;
	color: #042c59;
	text-align: center;
	padding:4px;
	font-size:13px;
}
.table-bordered.servis>thead>tr>th {
    padding:6px;
	text-align:center;
}
.table-bordered.servis.tyce>thead>tr>th {padding:4px 2px;}
.table-bordered.servis.tyce>tbody>tr>td {
	padding:2px;
	font-size:12px;
}
.ple,.ty,.odp,.svar,.drat {	
	display: block;
	height: 210px;	
}
.ple {background: url(../images/papir.png) no-repeat center top;}
.ty {background: url(../images/tyce.png) no-repeat center top;}
.svar {background: url(../images/svarovani.png) no-repeat center top;}
.odp {background: url(../images/odpor.png) no-repeat center top;}
.drat {background: url(../images/draty.png) no-repeat center top;}
#pleserv:hover .ple, #letpr:hover .ple {
	background: url(../images/papirblue.png) no-repeat center top;
	    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#tycserv:hover .ty, #roppl:hover .ty  {
	background: url(../images/tyceblue.png) no-repeat center top;
	    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#svarserv:hover .svar, #chempr:hover .svar {
	background: url(../images/svarovaniblue.png) no-repeat center top;
	    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#odposerv:hover .odp, #svarserv:hover .odp  {
	background: url(../images/odporblue.png) no-repeat center top;
	    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
#elael:hover .drat, #odposerv:hover .drat  {
	background: url(../images/dratyblue.png) no-repeat center top;
	    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.kontaktyBg {
	background:none;
	padding-top:0;
}
.kvalita {padding-bottom:60px;}
.kvalita .col-sm-12 {text-align:center;}
.kvalita .col-sm-12 img {
	margin:10px;
	max-width:100%;
}
.certloga > a > img {
	margin:10px;
	max-width:45%;
	width:200px;
}
.kvalita h3 {margin:100px 0 0 0;}
.kvalita .popis {
	margin:10px 0;
	padding:15px;
	line-height:24px;
}
.table-border, .interface {border:solid 1px #ccc;}
.table-border th {
	background-color: #15b0e2;
	color:#fff !important;
	text-align:center;
}
.table-border td, .interface td {border-bottom:solid 1px #ccc;}
.table-border td:nth-child(2n), .interface td:nth-child(2n) {background-color:#f0f0f0;}
.interface>thead>tr>th {
	border-bottom:0px solid #ddd;
	background-color: #15b0e2;
	color:#fff !important;
}
.skladovaci .popis {margin:20px;}
.vypal .thumbnail {
    display: inline-block;
	position:relative;
	margin:0 auto;
}
.vypal .gallery {text-align:center;}
.vypocet table tr td {padding:0 8px;}
.vypocet table tr td hr {margin:10px 0;}
#bankBox strong {color:#f7a800;}

#kontaktSlider .owl-item {
height: 200px;
width:100%;
overflow:hidden;
position: relative;
}

#kontaktSlider .owl-item img {
position: absolute;
left:50%;
top:0;
margin-left:-960px;
}



.kariera {
    background:url(../images/kariera01.jpg) no-repeat center top;
}

ul.corodur-domains
{
	max-width: 1000px;
	width: auto;
	margin: 30px auto 0 auto;
	text-align: left;
	
}
ul.redul {
	text-align:center;
}
.redul2 {
	text-align:center;
	list-style-type:none;
}
.redul2 li span {
	position:relative;
	display:inline-block;
}

ul.corodur-domains li
{
	float: left;
	margin-left: 30px;
	width: 200px;
	padding-bottom: 13px;
	font-weight: bold;
}
ul.redul li {
	float:none;
	width:auto;
	display:inline;
	position:relative;
}
ul.redul2 li {margin:3px 0;}
ul.redul li:before, .redul2 li span:before {
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#002c5a;
	left:-20px;
	top:8px;
}
.redul2 li span:before {left:-20px;}

ul.corodur-domains li span
{
	display: block;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
}

ul.corodur-domains:after
{
  content: "";
  display: table;
  clear: both;
}

.corodur-frame
{
	max-width: 500px;
	margin: 0 auto;
	border: 2px solid #002c5a;
	padding: 20px 30px;
	text-align: left;
}

.cod12 {text-align:left;}
.codtable {
	color:#002b5b;
	font-size:14px;
	margin:30px 0;
}
.codtable th {
	background:#a2dbf7;
	padding:8px;
}
.codtable tr th:nth-child(3), .codtable tr th:nth-child(4), .codtable tr th:nth-child(5), .codtable tr th:nth-child(6) {width:10%;}
.codtable td {padding:4px 8px;}
.codtable tr td:first-child {width:14%;}



/* -------------------------------------------------------------------- up-net multimedia 2016 */

/* edit 13.4.2018 --------------------------------- */



/*.redst .menukomponent .col-sm-2 {width:20%;}*/
.rtactive {width:20%;}
#rseBox .rtactive {margin-left:20%;}
#rsaBox .rtactive {margin-left:40%;}
#rskBox .rtactive {margin-left:60%;}
#rsskBox .rtactive {margin-left:80%;}


/* add 23.6.2020 ------------------------------------- */
.redsteelcomponents.menukomponent a {font-size: 18px;}
.redsteelcomponents1 {width:16.66666667%;}
#rseBox .rtactive.redsteelcomponents1 {margin-left:16.66666667%;}
#rsaBox .rtactive.redsteelcomponents1 {margin-left:32.6%;}
#rskBox .rtactive.redsteelcomponents1 {margin-left:49%;}
#rsdesBox .rtactive.redsteelcomponents1 {margin-left:65.8%;}
#rsskBox .rtactive.redsteelcomponents1 {margin-left:82%;}
#sidebar-banner {
    position: fixed;
    right: 0;
    background: #f00;
    width: 320px;
    z-index: 1000;
    background: #fff;
    padding: 20px 10px 30px 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	transition: all 1s ease-in-out;
    right: -340px;
    top: 50%;
    transform: translateY(-50%);
}
#sidebar-banner h2 {
    font-weight: bold;
    font-size: 20px !important;
    margin: 10px 0;
}
#sidebar-banner.shown {right: 0;}
#sidebar-banner h2 {font-size: 24px;}
#sidebar-banner h3 {
   background: #f7a800;
   color: #fff;
   display: inline-block;
   padding: 10px 20px;
   border-radius: 5px;
   font-size: 20px;
   margin: 10px auto;
}
#sidebar-banner img {max-width: 100%;}
#sidebar-banner h3 a {color: #fff;}
#sidebar-banner-close {
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    cursor: pointer;
}
.tdhl {
    background: #fba526;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    font-weight: bold;
}
table.striped tr:nth-child(2n) td {background: #dff3fc;}

/* edit 4.5.2021 ------------------------- */
.creusabro, .toughcore {
   text-align: center;
   padding-bottom: 50px;
}
.creusabro small {
   font-style: italic;
   display: block;
   text-align: left;
   font-size: 80%;
   margin-bottom: 20px;
}
.creusabro strong sup, .toughcore strong sup {font-size: 80%;}
.creusabro-icon {
   margin: 50px 0 20px 0;
   padding-top: 160px;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: auto 150px;
}
.creusabro ul, .toughcore ul {
   list-style-type: none;
   padding: 10px 0;
}
.creusabro ul li, .toughcore ul li {position: relative;}
.creusabro ul li:before, .toughcore ul li:before {
   content: "•";
   font-size: 24px;
   margin-right: 10px;
}
.creusabro h4, .toughcore h4 {margin-top: 50px;}
table.creus {
   margin: 60px 0 20px 0;
   width: 100%;
}
table.creus .th td:nth-child(2n) {
   background: #dff4fc;
   text-align: center;
}
table.creus .th td {
    text-align: center;
    width: 5%;
}
table.creus tr td:first-child {
   width: 200px;
   text-align: left;
}
table.creus td {border: 2px solid #fff;}
table.creus th {border: 2px solid #fff;}
.creustab {
   margin-top: 40px;
   text-transform: uppercase;
}
.toughcoretab {margin-top: 40px;}
.creuspolozky .col-sm-4 b {
    top: -56px;
    margin-left: -7px;
    border-width: 15px 15px 21px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-bottom-color: #00b1e7;
    border-style: solid;
}
.creuspolozky .col-sm-4.rtactive {width: 33.33333333%;}
.creuspolozky #rseBox .rtactive {margin-left: 33.33333333%;}
.creuspolozky #rsaBox .rtactive {margin-left: 66.66666666%;}

.creuspolozky.tough .col-sm-3.rtactive {width: 25%;}
.creuspolozky.tough #rseBox .rtactive {margin-left: 25%;}
.creuspolozky.tough #rsaBox .rtactive {margin-left: 75%;}
.creuspolozky.tough #rskBox .rtactive {margin-left: 50%;}
.creuspolozky .col-sm-2 {width: 20%;}
.creuspolozky .col-sm-2 a {
   display: block;
   position: relative;
   overflow: hidden;
   height: 200px;
}
.creuspolozky .col-sm-2 a img {
   max-width: 200%;
   transform: translate(-50%,-50%);
   position: absolute;
   top: 50%;
   left: 50%;
   transition: all 0.2s ease-in-out;
   -webkit-transition: all 0.2s ease-in-out;
}
.creuspolozky .col-sm-2 a:hover img {transform: translate(-50%,-50%) scale(1.2,1.2);}