@font-face{font-family: Frutiger-LightCn; src: url("fonts/FrutigerLTPro-LightCn.otf"), url("fonts/47.eot"), url("fonts/47.woff2");}
@font-face{font-family: Frutiger-BoldCn; src: url("fonts/FrutigerLTPro-BoldCn.otf"), url("fonts/67.eot"), url("fonts/67.woff2");}
@font-face{font-family: Frutiger-Bold; src: url("fonts/FrutigerLTPro-Bold.otf"), url("fonts/65.eot"), url("fonts/65.woff2");}
@font-face{font-family: Frutiger-Cn; src: url("fonts/FrutigerLTPro-Condensed.otf"), url("fonts/47.eot"), url("fonts/47.woff2");}
@font-face{font-family: Frutiger; src: url("fonts/FrutigerLTPro-Roman.otf"), url("fonts/55.eot"), url("fonts/55.woff2");}
body, img, h1, h2, h3, h4, h5, h6, form, td, th, menu, dir, div, input, select, textarea { margin:0; padding:0; box-sizing: border-box;}
img { border: 0; }
table   { border-collapse: collapse; }
.cleaner { float: none; clear: both; font-size: 1px; }
.hidden { display: none; }

body {background: #000;}
img.background {position: fixed; top: 0; left: 0; width: 100%; z-index: 0; }
div.menu {width: 100%; color: #fff; z-index: 10; position: relative; padding: 2% 5% 0; margin-bottom: 4%;}
div.menu div.nadpis {width: 50%; float: left;}
div.menu div.nadpis a {color: #fff; text-decoration: none;}
div.menu div.nadpis h2.nadpis {font: 30px 'Frutiger-LightCn'}
div.menu div.nadpis h1.nadpis {font: 50px 'Frutiger-BoldCn'}
div.menu div.login {float: right; width: 50%; text-align: right;}
div.menu div.login>span {font: 15px 'Frutiger-BoldCn';}
div.menu div.login>span a{color: #fff; text-decoration: none;}
div.menu div.login>span a:hover { color:#fc0; }
div.menu div.login>span i{color: #fc0;}
div.menu div.login label {font: 15px 'Frutiger';}
div.menu div.login select {font: 15px 'Frutiger'; color: #000; border-radius: 4px; border: 0; padding-top: 2px;}
div.menu div.ctverce {width: 100%; margin-top: 2%; position: relative;}
div.menu div.ctverce div.ctverec {width: 9.8%; margin: .1%; color: #fff; font: 1.5vw 'Frutiger-BoldCn'; padding-top: 10%;  float: left; cursor: pointer; position: relative;}
div.menu div.ctverce div.ctverec span {position: absolute; bottom: 5%; left: 5%; width: 90%; overflow: hidden; z-index: 5;}
div.menu div.ctverce div.triangle {display: none; position: absolute; top: 75%; left: 30%; width: 40%; height: 40%; z-index: 4; transform: rotate(45deg);}
div.menu div.ctverce div.triangle.shown {display: block;}
div.menu div.ctverce div.ctverec:hover {opacity: .6;}
div.menu div.ctverce div.misc {background: #8B9842;}
div.menu div.ctverce div.blue {background: #6CCAE8;}
div.menu div.ctverce div.blue:hover, div.menu div.ctverce div.blue:hover .triangle {background: #539cb3; opacity: 1;}
div.menu div.ctverce div.mile {background: #008899;}
div.menu div.ctverce div.wc {background: #9D4484}
div.menu div.ctverce div.wc:hover, div.menu div.ctverce div.wc:hover .triangle {background: #80376c; opacity: 1;}
div.menu div.ctverce div.pink {background: #F151A1;}
/*div.menu div.ctverce div.grad {background: #527E30;}  - old  color*/
div.menu div.ctverce div.grad {background: #379b53;}
div.menu div.ctverce div.ctverec.sub {display: none; position: absolute; left: 10%; top: 100%; overflow: hidden; float: none; z-index: 10;}
div.menu div.ctverce div.ctverec.sub.wc {left: 50%;}
div.menu div.ctverce div.ctverec.sub.dva {top: 200%; }
div.menu div.ctverce div.ctverec.sub.tri {top: 300%;}
div.menu div.ctverce div.ctverec.sub.shown {display: block;}

div.content {width: 95%; margin: 0 2.5% 2%; padding: 0 2.5%; position: relative; z-index: 5;
    background: -webkit-linear-gradient(bottom, rgba(255,204,0,1), rgba(255,0,0,0) 50%);
    background: -o-linear-gradient(bottom, rgba(255,204,0,1), rgba(255,0,0,0) 50%);
    background: -moz-linear-gradient(bottom, rgba(255,204,0,1), rgba(255,0,0,0) 50%);
    background: linear-gradient(bottom, rgba(255,204,0,1), rgba(255,0,0,0) 50%);}
div.content h3 {font: 45px 'Frutiger-BoldCn'; color: #fff;}
div.content h4 {font: 35px 'Frutiger-BoldCn'; color: #fc0; margin: 40px 0 20px 0;}
div.content div.hr {width: 100%; height: 1px; background: rgba(255,255,255,.3);}
div.content img#cis-logo {position: absolute; bottom: 20px; left: 20px;}
div.content img#dhl-logo {position: absolute; bottom: 20px; right: 20px;}


div.content .btn-down {padding: 10px 20px; text-align: center; background: #fc0; color: #000; font: 1.5vw 'Frutiger-BoldCn'; text-decoration: none; border: 0;}
div.content .btn-down:hover { background: #d4aa00; }
div.content .btn-down.disabled {background: #ccc; opacity: .3; padding: 25px;}
div.content .btn-down.disabled:hover {background: #ccc;}
div.content a.btn-info {padding: 10px 20px; text-align: center; background: #999; color: #000; font: 1.5vw 'Frutiger-BoldCn'; text-decoration: none;}
div.content a.btn-info:hover { background:#ccc; }
div.content a.btn-history {padding: 10px 20px; text-align: center; background: #999; color: #000; font: 1.5vw 'Frutiger-BoldCn'; text-decoration: none; display: inline-block;}
div.content a.btn-history:hover { background:#ccc; }
div.content div.aplikace {margin: 25px 0;}
div.content div.aplikace > img {width: 8%; margin: 0 2% 0 0; float: left;}
div.content div.aplikace div.info {width: 70%; float: left; color: #fff;}
div.content div.aplikace div.info h5 {font: 25px 'Frutiger-BoldCn'}
div.content div.aplikace div.info h6 {font: 25px 'Frutiger-LightCn'}
div.content div.aplikace div.info span.lng {font: 15px 'Frutiger-BoldCn'; color: #999; display: block; margin-bottom: 10px;}
div.content div.aplikace div.info span.notes_nadpis {font: 15px 'Frutiger-Bold'; display: block;}
div.content div.aplikace div.info span.notes {font: 15px 'Frutiger'; display: none;}
div.content div.aplikace div.info span.notes.shown {display: block;}
div.content div.aplikace div.info span.more {font: 15px 'Frutiger'; color: #fc0; cursor: pointer;}
div.content div.aplikace div.info span.more:hover { text-decoration:underline; }
div.content div.aplikace div.download {width: 20%; float: left; text-align: center; padding-top: 2%;}
div.content div.aplikace div.download span {display: block; font: 16px 'Frutiger'; color: #fff; margin-top: 20px;}

table.seznam {width: 100%; font: 20px 'Frutiger-BoldCn'; color: #fff; margin-bottom: 5%;}
table.info {cursor: pointer;}
table.seznam tr:nth-child(2n) {background: rgba(255,255,255,.1);}
table.seznam tr:hover { background:rgba(255,255,255,0.3); }
table.seznam tr:last-child, table.seznam tr:last-child:hover { background:none; cursor:default; }
table.seznam td {padding: 10px 0;}
table.seznam td:first-child {text-transform: uppercase; width: 10%;}
table.seznam td:nth-child(2) {width: 6%;}
table.seznam td:nth-child(3) {width: 64%;}
table.seznam td:nth-child(4) {width: 20%; text-align: center;}

table.seznam span.rok {font-size: 28px;}
table.seznam span.nazev {font-size: 28px;}
table.seznam span.popis {font: 20px 'Frutiger-Cn';}
table.seznam img {width: 50%;}

ul.pagination li.active a {color: #000; background: #fc0; border-color: #fc0;}
ul.pagination li.active:hover a {color: #000; background: #fc0; border-color: #fc0;}
ul.pagination li a {color: #000; font-family: 'Frutiger-Cn';}
ul.pagination li:hover a {color: #fc0; }

div.loginform {margin-top: 15%;}
div.loginform h1 {color: #fff; font: 35px 'Frutiger-BoldCn'; margin-bottom:5%; }
div.loginform span.wrong_pass {color: #C00; text-align: center; display: block; width: 100%; font: 15px 'Frutiger-BoldCn';}
form.loginform {position: relative; z-index: 5; color: #fff;}
form.loginform label {margin: 2% 0 0;}
form.loginform button.btn-primary {margin: 5% 25%; width: 50%; display: inline-block; background: #fc0; color: #fff; font: 20px 'Frutiger-BoldCn'; border-color: #fc0;}
form.loginform button.btn-primary:hover {background: #d4aa00; border-color: #d4aa00;}

#ot-sdk-btn { position: fixed; left: 0; bottom: 0;}