html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {margin: 0;padding: 0;}
html {color: black;}
body {background: white url(img/bg.png) center 0 no-repeat;text-align: center;font: 80%/1.6 Arial, Helvetica, sans-serif;}  
html > body {font-size: 13px;}
a {text-decoration: underline;color: #f5620a;font-weight: bold;}
a:hover {text-decoration: none;}

table {font-size: 100%;border-collapse: collapse;}
.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
.clear {clear: both;}
li {list-style: none;}
a img, fieldset {border: 0;}
.highlight, .message, .error-message {color: red;font-weight: bold;}
.imgFright {float: right;margin: 0 0 1em 1.5em;}
.imgFleft {float: left;margin: 0 1.5em 1em 0;}
.fleft {float: left;}
.fright {float: right;}
.small {font-size: 85%;}

table.colored {margin: 1em 0;}
table.colored th {background: #f69e6a;}
table.colored th, table.colored td {padding: 2px 5px;border: 1px solid #f5620a;}

h1 {font-size: 25px;margin: 11px 0 7px;}
h2 {font-size: 18px;margin: 8px 0 13px;}
h3 {font-size: 15px;margin: 6px 0 4px;}
h1, h2, h3 {color: #1575a6;}

body#sub {background: white url(img/bgSub.png) center 0 no-repeat;}

#page {width: 950px;text-align: left;margin: 0 auto;}

#header {width: 950px;height: 198px;background: url(img/header.jpg) no-repeat;position: relative;}


#menuBar {position: absolute;top: 7px;left: 278px;}
#menu .home {position: relative;top: 1px;margin-right: 9px;float: left;}
#menu ul {float: left;padding: 0;}
#menu li {float: left;padding: 0 2px 0 0;position: relative;background: url(img/menuSeparator.png) right 5px no-repeat;}
#menu li.last {background: none;}
#menu a {_float: left;display: block;padding: 8px 15px;text-align: center;text-decoration: underline;color: white;font-size: 11px;}
#menu a:hover {text-decoration: none;}
#menu ul ul {display: none;width: 150px;background: none;position: absolute;z-index: 800;top: 37px;left: -22px;padding: 0 20px 40px 20px;}
#menu ul ul li {float: none;height: auto;font-size: 12px;_background: none;}
#menu ul ul li a {height: auto;float: none;background: #02AFEF;border-bottom: 1px solid #1c7aab;width: 140px;_width: 162px;text-align: left;padding: 5px 12px;text-decoration: none;}
#menu ul ul li a:hover {background: #04A3DD;}
#menu li.cascade {padding-bottom: 15px;}
#menu li.cascade {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}
#menu li:hover ul, #menu li.hover ul {display: block;}

#logo {width: 99px;height: 112px;position: absolute;top: 46px;left: 49px;}

#cezarPromo {
	width: 950px;
	height: 244px;
	margin: 0 0 18px;
	position: relative;
	overflow: hidden;
	color: white;
	background: #0c567d;
	background: linear-gradient(125deg, #083e61 0%, #0d7398 58%, #15a2b8 100%);
	border-radius: 18px;
	box-shadow: 0 12px 30px rgba(8, 62, 97, 0.2);
}
#cezarPromo:before {
	content: "";
	position: absolute;
	width: 560px;
	height: 300px;
	right: -210px;
	top: -165px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}
#cezarPromo:after {
	content: "";
	position: absolute;
	width: 400px;
	height: 220px;
	left: 380px;
	bottom: -180px;
	background: rgba(75, 211, 218, 0.2);
	border-radius: 50%;
}
.cezarPromoContent {
	width: 610px;
	padding: 30px 0 0 42px;
	position: relative;
	z-index: 2;
}
.cezarPromoEyebrow {
	display: inline-block;
	margin-bottom: 6px;
	color: #a9f0f1;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}
.cezarPromoTitle {
	display: block;
	font-size: 31px;
	font-weight: normal;
	line-height: 1.15;
	letter-spacing: -0.4px;
}
#cezarPromo p {
	width: 550px;
	margin: 9px 0 19px;
	color: white;
	font-size: 14px;
	line-height: 1.45;
}
.cezarPromoActions {
	position: relative;
	z-index: 3;
}
.cezarPromoButton {
	display: inline-block;
	height: 40px;
	margin-right: 8px;
	padding: 0 17px;
	border: 1px solid rgba(255, 255, 255, 0.38);
	border-radius: 22px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.cezarPromoButton.primary {
	background: white;
	border-color: white;
	color: #07577d;
}
.cezarPromoButton.chatgpt {
	background: rgba(4, 44, 67, 0.7);
}
.cezarPromoButton:hover,
.cezarPromoButton:focus {
	background: #f5620a;
	border-color: #f5620a;
	color: white;
	text-decoration: none;
	transform: translateY(-1px);
	outline: none;
}
.cezarPromoButton:focus {
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45);
}
.cezarPromoAiIcon {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 5px;
	border-radius: 50%;
	background: white;
	color: #07577d;
	line-height: 21px;
	text-align: center;
	vertical-align: -1px;
}
.cezarPromoVisual {
	width: 245px;
	height: 185px;
	position: absolute;
	z-index: 2;
	right: 33px;
	top: 28px;
}
.cezarPromoBox {
	display: block;
	width: 124px;
	height: 96px;
	position: absolute;
	border: 2px solid rgba(255, 255, 255, 0.62);
	background: rgba(255, 255, 255, 0.14);
	box-shadow: 0 18px 35px rgba(2, 40, 61, 0.2);
	transform: skewY(-8deg);
}
.cezarPromoBox:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.38);
}
.cezarPromoBox:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 27px;
	border-top: 1px solid rgba(255, 255, 255, 0.38);
}
.cezarPromoBox.boxBack {right: 0;top: 0;opacity: 0.46;}
.cezarPromoBox.boxMiddle {right: 55px;top: 42px;opacity: 0.72;}
.cezarPromoBox.boxFront {
	right: 104px;
	top: 82px;
	background: #f5620a;
	border-color: #ffbd94;
}
.cezarPromoBox.boxFront span {
	display: block;
	position: relative;
	z-index: 2;
	padding-top: 53px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	transform: skewY(8deg);
}

#highlights {width: 950px;height: 246px;position: relative;}
#highlights .mask {background: url(img/highlightsMask.png) no-repeat;position: absolute;left: 0;right: 0;width: 229px;height: 210px;_width: 267px;_height: 246px;padding: 18px 19px;}
#highlights .mask span.title {font-size: 22px;color: white;font-weight: normal;line-height: 1.2;}
#highlights .buttons {position: absolute;left: 19px;bottom: 19px;}
#highlights .buttons a {text-indent: -1000px;float: left;background: url(img/highlightsButton.png) no-repeat;width: 8px;height: 8px;margin-right: 2px;overflow: hidden;position: relative;z-index: 999;}
#highlights .buttons a.activeSlide, #highlights .buttons a:hover {background-position: 0 -8px;}
#highlights .mask a.next {position: absolute;right: 21px;bottom: 16px;}
#highlights .mask p {margin: 1em 0;color: white;font-size: 12px;}
#highlights .image {position: absolute;left: 267px;top: 0;}

#content {width: 950px;margin: 20px 0 50px;}

#text {width: 691px;float: left;margin: 0 20px 0 0;}
#text ul {margin: 1em 0 1em 50px;}
#text ul li {list-style: square;}
#text p {margin: 1em 0;font-size: 12px;}


.refImg {float: left;margin: 0 30px 15px 0;}

.advantages {margin: 30px 0; }
.advantages .box {float: left;width: 310px;margin-bottom: 20px;}
.advantages .box.blue {margin-right: 35px;}
.advantages .box .image {width: 59px;float: left;margin-right: 12px;text-align: center;}
.advantages .box .info {float: left;width: 239px;}
.advantages .box .info p.title {font-weight: bold;margin: 0!important;}
.advantages .box .info p {margin: 4px 0 0!important;line-height: 1.4;}
.advantages .box.blue .info p.title {color: #1575a6;}
.advantages .box.orange .info p.title {color: #f5620a;}

.contactForm {width: 679px;height: 228px;background: url(img/contactForm.png) no-repeat;margin: 20px 0;position: relative;}
.contactForm .inputArea {position: relative;}
.contactForm .inputArea label {position: absolute;top: 2px;left: 1px;color: #666666;font-size: 12px;}
.contactForm .inputArea.name {position: absolute;top: 79px;left: 28px;}
.contactForm .inputArea.email {position: absolute;top: 79px;left: 254px;}
.contactForm .inputArea.name input {border: 0 none;width: 199px;color: #666666;font-size: 12px;}
.contactForm .inputArea.email input {border: 0 none;width: 190px;color: #666666;font-size: 12px;}
.contactForm .submit {position: absolute;top: 121px;left: 414px;}
.contactForm .textarea {position: absolute;top: 118px;left: 28px;}
.contactForm .textarea label {position: absolute;top: 2px;left: 1px;color: #666666;font-size: 12px;}
.contactForm .textarea textarea {border: 0 none;width: 199px;color: #666666;font-size: 12px;width: 374px;height: 71px;}
.contactForm h2 {position: absolute;top: 24px;left: 18px;font-size: 21px;font-weight: normal;color: white;}

#rc {width: 239px;float: left;}
#rc .quickContact {background: #e2e2e2 url(img/quickContact.png) 0 bottom no-repeat;width: 199px;_width: 239px;min-height: 153px;_height: 187px;padding: 17px 20px;}
#rc h2 {color: #f5620a;font-size: 21px;font-weight: normal;margin: 0;}
#rc .quickContact p {margin: 1em 0;font-size: 14px;font-weight: bold;}
#rc .quickContact p span {color: #1575a5;font-size: 12px;}
#rc .mb {padding: 17px 20px;}
#rc .hr {width: 239px;height: 1px;clear: both;margin: 23px 0;float: left;background: url(img/rcHr.png) no-repeat;}

#footer {width: 100%;background: url(img/footer.png) center 0 no-repeat;min-height: 0;_height: 63px;}
#footer .inner {margin: 0 auto;width: 950px;padding: 24px 0 39px;text-align: left;}
#footer .inner .submenu {float: right;margin-left: 0;}
#footer .inner p {color: #666666;font-size: 12px;}
#footer .inner a {color: #666666;}

/* kontakt */
#contact .contact-hero {position: relative;margin: 0 0 16px;padding: 26px 28px 27px;overflow: hidden;background: linear-gradient(125deg,#176f98 0%,#259bc4 100%);color: #fff;box-shadow: 0 8px 24px rgba(24,86,113,.18);}
#contact .contact-hero:after {content: "";position: absolute;right: -72px;bottom: -94px;width: 230px;height: 230px;border: 36px solid rgba(255,255,255,.08);border-radius: 50%;}
#contact .contact-eyebrow, #contact .contact-card-label {display: block;margin: 0 0 7px;color: #8dd9f2;font-size: 10px;font-weight: bold;letter-spacing: .13em;text-transform: uppercase;}
#contact .contact-hero h2 {position: relative;z-index: 1;margin: 0 0 8px;color: #fff;font-size: 25px;font-weight: normal;line-height: 1.25;}
#contact .contact-hero p {position: relative;z-index: 1;width: 455px;margin: 0 0 18px;color: #eaf7fb;font-size: 14px;line-height: 1.55;}
#contact .contact-primary {display: inline-block;position: relative;z-index: 1;padding: 10px 16px;background: #fff;color: #176f98;font-size: 13px;font-weight: bold;text-decoration: none;box-shadow: 0 3px 10px rgba(0,0,0,.12);}
#contact .contact-primary:hover {background: #e9f7fc;text-decoration: none;}
#contact .contact-columns {display: flex;gap: 16px;margin: 0 0 16px;}
#contact .contact-card {box-sizing: border-box;width: 50%;min-height: 174px;padding: 20px 22px;background: #fff;border: 1px solid #d9e3e8;box-shadow: 0 5px 16px rgba(46,67,77,.07);}
#contact .contact-card-label {color: #2d91b7;}
#contact .contact-card h2 {margin: 0 0 10px;color: #344b56;font-size: 18px;font-weight: normal;}
#contact address {color: #52636b;font-size: 13px;font-style: normal;line-height: 1.65;}
#contact .contact-registration {display: grid;grid-template-columns: 42px 1fr;margin: 0 0 10px;line-height: 1.7;}
#contact .contact-registration dt {color: #88969d;font-size: 10px;font-weight: bold;letter-spacing: .08em;text-transform: uppercase;}
#contact .contact-registration dd {margin: 0;color: #3d5059;font-weight: bold;}
#contact .contact-note {margin: 9px 0 0;padding-top: 9px;border-top: 1px solid #e5ebee;color: #6b7a81;font-size: 11px;}
#contact .contact-note a {font-weight: bold;}
#contact .contact-map-section {background: #fff;border: 1px solid #d9e3e8;box-shadow: 0 5px 16px rgba(46,67,77,.07);}
#contact .contact-map-heading {display: flex;align-items: center;justify-content: space-between;padding: 16px 20px 13px;}
#contact .contact-map-heading h2 {margin: 0;color: #344b56;font-size: 18px;font-weight: normal;}
#contact .contact-map-heading .contact-card-label {margin-bottom: 3px;}
#contact .contact-map-heading p {margin: 0;color: #6b7a81;font-size: 12px;}
#contact .contact-map {height: 290px;overflow: hidden;border-top: 1px solid #d9e3e8;}
#contact .contact-map iframe {display: block;width: 100%;height: 100%;border: 0;}

/* moduly */
.module-intro {margin: 0 0 20px;padding: 16px 18px;background: #eef7fb;border-left: 4px solid #2f9bc2;color: #3f555f;line-height: 1.55;}
.module-groups {margin: 0 0 20px;}
.module-group {margin: 0 0 15px;background: #fff;border: 1px solid #d9e3e8;box-shadow: 0 4px 13px rgba(46,67,77,.06);}
.module-group h3 {margin: 0;padding: 12px 16px;background: #f2f7f9;color: #176f98;font-size: 16px;font-weight: normal;border-bottom: 1px solid #d9e3e8;}
.module-group ul {margin: 0;padding: 14px 16px 11px;column-count: 2;column-gap: 28px;}
.module-group li {position: relative;margin: 0 0 7px;padding: 0 0 0 14px;color: #4f6068;line-height: 1.38;break-inside: avoid-column;}
.module-group li:before {content: "";position: absolute;left: 0;top: .48em;width: 5px;height: 5px;background: #f5620a;border-radius: 50%;}
.module-more {padding: 14px 16px;background: #344b57;color: #fff;line-height: 1.5;}
.module-more a {color: #8cd2ea;font-weight: bold;}

/* reference */
#ref {width: 100%;margin: 1.3em 0;}
#ref td.first {padding: 3px 20px 0 20px;text-align: center;vertical-align: top;}
#ref td h3 {margin: 0 0 7px 0;}
#ref td p {margin: 0.5em 0;}
#ref td {padding-bottom: 16px;}