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: left;margin-left: 149px;}
#footer .inner p {color: #666666;font-size: 12px;}
#footer .inner a {color: #666666;}

/* kontakt */
#contact .box, #contact .person {background: #f7f7f7;border: 1px solid #d9d9d9;}
#contact .lc .box {padding: 10px 15px;}
#contact .lc .box p {margin: 0.3em 0;}
#contact .lc {width: 280px;float: left;}
#contact .rc {width: 380px;float: right;}
#contact h2 {margin: 14px 0 8px 0;}

#contact .person {float: left;padding: 10px 15px;width: 188px;margin: 0 15px 15px 0;}
#contact .person.last {margin-right: 0;}
#contact .person img {float: left;}
#contact .person .about {float: right;}
#contact .person .about strong {display: block;}

/* 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;}