html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, img,
small, strong,
dl, dt, dd, ol, ul, li, menu,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
table td { vertical-align: top; }
iframe { border: 0px; }

div.clear { clear: both; }

html, body { height: 100%; }

.floatLeft { float: left; }
.floatRight { float: right; }

html { overflow-y: scroll; }
body { font-family: sans-serif; font-size: 12px; color: #6e6f71; text-align: center; background-color: #454647; }
.wf-active body { font-family: 'Open Sans', sans-serif; }
.wf-active textarea, .wf-active input[type="submit"] { font-family: 'Open Sans', sans-serif; }
a { color: #6e6f71; }

#menuFixBackground { position: absolute; top: 0px; left: 0px; width: 100%; height: 60px; background-color: #eeeeee; }

#headerContainer { width: 100%; height: 60px; background-color: #ffffff; position: relative; min-width: 980px; border-bottom: 5px solid #267cfe; position: fixed; z-index: 1000; }
#header { width: 980px; margin: 0px auto; padding: 10px 0px; height: 40px; color: #dddddd; position: relative; }

#header h1 { float: left; height: 40px; width: 280px; display: block; position: relative; overflow: hidden; font-size: 50px; }
#header h1 a { cursor: pointer; display: block; width: 100%; height: 100%; }
#header h1 span { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #ffffff url("./../image/cf-control.png") center center no-repeat; }

menu { float: right; font-size: 18px; margin: 3px 0px; margin-right: 10px; line-height: 34px; font-weight: 300; }
menu li { list-style-type: none; float: left; }
menu li a { display: block; border-bottom: 2px solid #ffffff; text-decoration: none; margin: 0px 10px; color: #333333; }
menu li.active a { border-color: #267cfe; }
menu li a:hover { color: #267cfe; }

#menuFix { width: 100%; height: 60px; }

#mainImageContainer { width: 100%; height: 560px; background: transparent url('./../image/main-image.jpg') center center no-repeat; position: relative; min-width: 980px; border-bottom: 5px solid #267cfe; }
#mainImage { width: 980px; margin: 0px auto; height: 100%; color: #ffffff; position: relative; }

#pageContainer { width: 100%; background: #eeeeee ; position: relative; min-width: 980px; }
#page { width: 980px; margin: 0px auto; position: relative; padding: 20px 0px 20px; text-align: left; }

#footerContainer { width: 100%; background-color: #454647; position: relative; min-width: 980px; border-top: 5px solid #267cfe; }
#footer { width: 860px; margin: 0px auto; padding: 10px 60px; height: 100%; color: #ffffff; position: relative; }

#mainImage > span { position: absolute; top: 260px; left: 65px; text-align: left; line-height: 38px; font-size: 30px; font-weight: 300; }
#mainImage span { display: block; margin-left: 20px; }
#mainImage a { position: absolute; top: 470px; left: 195px; display: block; line-height: 45px; border: 1px solid #ffffff; padding: 0px 20px; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 300; }
#mainImage a:hover { background-color: #267cfe;  }

h2 { color: #267cfe; text-transform: uppercase; font-weight: 300; font-size: 32px; line-height: 37px; margin: 30px 0px 30px; text-align: center; position: relative; clear: both; }
h2 .currencyMenu { position: absolute; right: 0px; font-size: 17px; color: #333333; }
h2 .currencyMenu a { color: #267cfe; cursor: pointer; }
h2 .currencyMenu a:hover { color: #0067ff; }
body.czk h2 .currencyMenu a.currencyCzk, body.eur h2 .currencyMenu a.currencyEur { color: #fc4f4f; font-size: 20px; }
body.czk h2 .currencyMenu a.currencyCzk:hover, body.eur h2 .currencyMenu a.currencyEur:hover { color: #fb3b3b; }
h3 { font-weight: 700; font-size: 23px; line-height: 40px; }
h3 sup { font-size: 15px; vertical-align: top; }

.itemBox { float: left; box-sizing: border-box; padding: 0px 20px; position: relative; height: 100%; }
.itemBox.twoColumn { width: 50%; }
.itemBox.lineStart { padding-left: 0px; }
.itemBox.lineEnd { padding-right: 0px; }

.contentContainer { padding: 20px; background-color: #ffffff; font-size: 14px; line-height: 20px; height: 100%; position: relative; margin-bottom: 40px; }
.contentContainer p { margin-bottom: 10px; }
.contentContainer p a, .contentContainer ul a { color: #267cfe; }
.contentContainer p a:hover, .contentContainer ul a:hover { text-decoration: none; color: #0067ff; }
.contentContainer li { margin-left: 35px; text-align: left; }
.contentContainer .contentBox { margin-bottom: 60px; }
.contentContainer .contentBox.withoutButton { margin-bottom: 0px; }
.contentContainer .buttonBox { position: absolute; height: 35px; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 0px 20px; margin-bottom: 20px; }
.contentContainer .newsTitle { margin-top: -20px; margin-bottom: 20px; }
.contentContainer h3 { margin-bottom: 10px; line-height: 30px; }
.contentContainer ul { margin-bottom: 5px; }
.contentContainer h4 { float: left; line-height: 35px; font-size: 15px; }
.contentContainer .date { float: right; line-height: 35px; background-color: #267cfe; color: #ffffff; padding: 0px 13px; }
.contentContainer .contentBox .date { margin: -20px -20px 0px 0px; }

.photoContainer { margin-bottom: -40px; }
.photoContainer.homepage { margin-bottom: 0px; }
.photoContainer .photoItem { display: block; float: left; margin-right: 40px; margin-bottom: 40px; width: 175px; height: 125px; padding: 19px; border: 1px solid #ffffff; background-color: #ffffff; cursor: pointer; }
.photoContainer .photoItem.photoItemHide { display: none; }
.photoContainer .photoItem:hover { border-color: #6e6f71; }
.photoContainer .photoItem.photoItemEnd { margin-right: 0px; }
.photoContainer .photoItem img { display: block; width: 100%; height: 100%; }

.iconContainer { margin: 40px 0px; text-align: center; }
.iconContainer .icon { float: left; margin-right: 40px; width: 130px; }
.iconContainer .icon.iconLast { margin-right: 0px; }
.iconContainer .icon img { width: 130px; height: 130px; margin-bottom: 15px; }
.iconContainer .icon strong { font-weight: 400; font-size: 17px; }
.iconContainer .icon strong sup { font-size: 12px; vertical-align: top; }

.newsContainer { margin: 40px 0px; }
.newsContainer .news { float: left; margin-right: 40px; width: 470px; background-color: #ffffff; text-decoration: none; }
.newsContainer .news.newsLast { margin-right: 0px; }
.newsContainer .news img { width: 470px; height: 220px; display: block; }
.newsContainer .news h4 { line-height: 35px; padding-left: 13px; font-size: 15px; float: left; }
.newsContainer .news span { float: right; line-height: 35px; background-color: #267cfe; color: #ffffff; padding: 0px 13px; }
.newsContainer .news p { margin: 10px 0px; line-height: 20px; padding: 0px 13px; text-align: justify; font-size: 13px; }

.packageContainer { margin: 40px 0px; }
.priceListContainer { margin: 40px 0px 9px; }
.package { float: left; margin-right: 30px; width: 152px; background-color: #ffffff; padding: 10px 10px 0px; position: relative; }
.priceListContainer .package { width: 286px; margin-right: 31px; margin-bottom: 31px; }
.package.packageLast { margin-right: 0px; }
.package .flag { display: none; width: 16px; height: 21px; position: absolute; top: -2px; right: 10px; background: transparent url('./../image/package-flag.png') no-repeat center center; }
.package.selected .flag { display: block; }
.package h3 { display: block; text-align: center; font-size: 25px; font-weight: 300; }
.package.selected h3 { color: #267cfe; }
.package .price { width: 112px; height: 72px; margin: 20px; border-radius: 56px; background-color: #eeeeee; text-align: center; padding-top: 40px; }
.priceListContainer .package .price { float: right; margin-top: 0px; margin-right: 10px; }
.package .price strong { color: #267cfe; line-height: 26px; display: block; font-size: 20px; font-weight: 400; }
.package .price span { color: #267cfe; font-size: 13px; }
.package > span { font-size: 13px; display: block; line-height: 25px; }
.package .packageInfo { margin-top: 15px; }
.package .packageInfo span { display: block; padding-top: 10px; }
.package .packageInfo.packageInfoLast { overflow: both; }
.package span.license { font-size: 15px; margin-bottom: 8px; padding-top: 15px; }
.package a { display: block; background-color: #fc4f4f; line-height: 35px; text-align: center; color: #ffffff; text-decoration: none; margin: 15px -10px 0px; font-size: 15px; clear: both; }
.package a:hover { background-color: #fb3b3b; }
.package span.itemSelected { background-color: #ffffff; line-height: 35px; text-align: center; color: #267cfe; margin: 15px -10px 0px; font-size: 15px; clear: both; display: none; }
.package a.itemRemove { background-color: #ffffff; color: #fc4f4f; display: none; }
.package a.itemRemove:hover { background-color: #ffffff; color: #f82424; }
.package.selected a { visibility: hidden; }
.package.selected a.itemSelect { display: none; }
.package.selected a.itemRemove, .package.selected span.itemSelected { visibility: visible; display: block; }
.priceType { text-align: right; font-weight: 700; }

.packageAdditionalInfo { float: left; margin-top: 15px; line-height: 35px; }

.order { background-color: #ffffff; margin-top: 40px; margin-bottom: 20px; }
.order .orderTitle { background-color: #267cfe; height: 55px; color: #ffffff; line-height: 55px; text-transform: uppercase; }
.order h2 { float: left; margin: 0px; margin-left: 20px; line-height: 55px; color: #ffffff; font-weight: 300; font-size: 27px; }
.order .orderTitle span { float: right; margin-right: 20px; font-size: 15px; }
.order .orderContent { position: relative; }
.orderSummary, .orderContact { padding: 25px; }
.order h3 { font-size: 20px; font-weight: 300; }
.orderSummary { float: left; width: 340px; }
.orderSummary div.selectedList > span { display: none; line-height: 20px; margin-top: 8px; }
.orderSummary div.orderEmpty > span { display: block; line-height: 20px; margin-top: 8px; color: #fc4f4f; }
.orderSummary > div > span.selected { display: block; }
.orderSummary .itemTitle span { font-weight: 700; font-size: 15px; }
.orderSummary .itemPrice { float: right; }
.orderSummary .itemPrice.noAlign { float: none; }
.orderSummary .itemPrice span.interval { display: block; float: right; width: 80px; margin-left: 5px; }
.orderContact { float: right; width: 540px; }

body.czk .eur, body.eur .czk { display: none; }

.contact p { font-size: 15px; }
.contact .contactIcon { padding-left: 30px; margin-bottom: 5px; line-height: 25px; background: transparent left center no-repeat; }
.contact .contactIcon a { text-decoration: none; }
.contact .contactIcon a:hover { text-decoration: underline; }
.contact .phone { background-image: url('./../image/contact-phone.png'); }
.contact .email { background-image: url('./../image/contact-email.png'); }
.contact .www { background-image: url('./../image/contact-www.png'); }
iframe.maps { width: 100%; height: 480px; background-color: #ffffff; margin-bottom: 20px; }

iframe.e404 { width: 980px; height: 550px; border: 0px; margin: 20px -20px -20px; }

form .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.9; display: none; }
form .overlay span { display: none; text-align: center; color: #000000; padding-left: 40px; width: 300px; position: absolute; top: calc(50% - 22px); left: calc(50% - 150px); line-height: 22px; background: transparent left center no-repeat; font-size: 14px; }
form .overlay span.messageSuccess { background-image: url('./../image/info-success.png'); }
form .overlay span.messageError { color: #000000; background-image: url('./../image/info-error.png'); }
form .overlay.load { background: #ffffff url('./../image/load.gif') center center no-repeat; }
form .overlay.success span.messageSuccess { display: block; }
form .overlay.error span.messageError { display: block; }
form .overlay.load, form .overlay.success, form .overlay.error { display: block; }
.errors p { color: #ff0000; }
input[type="text"], input[type="email"], input[type="password"] { display: block; width: 250px; height: 40px; line-height: 40px; margin-bottom: 15px; border: 1px solid #c4c5c6; padding: 0px 10px; border-radius: 1px; color: #6e6f71; font-size: 15px; box-sizing: border-box; }
textarea { display: block; width: 100%; height: 180px; line-height: 20px; margin-bottom: 15px; border: 1px solid #c4c5c6; padding: 10px 10px; border-radius: 1px; color: #6e6f71; font-size: 15px; resize: none; box-sizing: border-box; }
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover { border-color: #6e6f71; }
input[type="text"].inputError, input[type="email"].inputError, input[type="password"].inputError, textarea.inputError { border-color: #fc4f4f; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { border-color: #267cfe; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.buttonHref, input[type="submit"] { display: block; float: right; margin: 15px 0px 0px; height: 35px; line-height: 35px; text-transform: uppercase; padding: 0px 15px; background-color: #267cfe; color: #ffffff; font-weight: 300; font-size: 15px; text-decoration: none; border: 0px; cursor: pointer; }
.buttonHref:hover, input[type="submit"]:hover { background-color: #0067ff; }
.buttonHref.buttonRed, input[type="submit"].buttonRed { background-color: #fc4f4f; }
.buttonHref.buttonRed:hover, input[type="submit"].buttonRed:hover { background-color: #fb3b3b; }
.contentContainer .buttonHref, .contentContainer input[type="submit"] { margin: 0px; margin-left: 15px; }
.buttonHref.left, input[type="submit"].left { float: left; margin-right: 15px; margin-left: 0px; }

.footerItem { float: left; width: 200px; color: #dddddd; text-align: left; padding: 20px 0px; margin-right: 40px; line-height: 18px; }
.footerItem.footerLast { margin-right: 0px; }
.footerItem a { color: #dddddd; text-decoration: none; }
.footerItem a:hover { text-decoration: underline; }
.footerItem strong { text-transform: uppercase; padding-bottom: 15px; }
.footerItem span { display: block; }
.footerItem .footerItemMargin { margin-top: 15px; }
.footerItem li { list-style-type: none; }
.footerItem .contactIcon { margin-left: -17px; padding-left: 17px; background: transparent left center no-repeat; }
.footerItem .phone { background-image: url('./../image/footer-contact-phone.png'); }
.footerItem .email { background-image: url('./../image/footer-contact-email.png'); }
.footerItem .www { background-image: url('./../image/footer-contact-www.png'); }
.footerItem.connection { padding-left: 40px; width: 100px; }
.footerItem.connection li { display: block; line-height: 30px; margin-left: -30px; padding-left: 30px; background: transparent left center no-repeat; }
.footerItem.connection li.facebook { background-image: url('./../image/footer-connection-facebook.png'); }
.footerItem.connection li.google-plus { background-image: url('./../image/footer-connection-google-plus.png'); }
.footerItem.connection li.linkedin { background-image: url('./../image/footer-connection-linkedin.png'); }
.footerItem.connection li.bitbucket { background-image: url('./../image/footer-connection-bitbucket.png'); }

.promotion { height: 100%; width: 100%; overflow: hidden; }
.promotionContainer { display: none; }
.promotion .promotionContainer { display: block; }
.promotionContainer .promotion-bg { height: 100%; width: 100%; z-index: 1001; position: absolute; top: 0px; left: 0px; background-color: #AAAAAA; display: block; opacity: 0.6; cursor: pointer; }
.promotionContainer .promotion-content { display: block; margin: auto; width: 600px; height: 600px; position: absolute; top: 50%; left: 50%; }
.promotionContainer .promotion-content > div { position: relative; left: -300px; top: -300px; z-index: 1002 !important; background: white url(/akce/pf2024.jpg) center center no-repeat; width: 600px; height: 600px; border: 0px solid #AAA; }
.promotionContainer a { position: absolute; top: 0px; right: 0px; width: 32px; height: 32px; display: block; background: url(/image/exit.png) center center no-repeat; }
.promotionContainer.blackExit a { background-image: url(/image/exit-black.png); }