/* obecne */
html, body { height: 100%; background-color: #fff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; color: #474f57; }
#wrap { }

input:focus, select:focus { outline: none; }
h1, h2, h3, h4 { margin: 0; }
a { text-decoration: none; }

#header, h1, h2, a.more, h3, h4, #contact, #content.aboutus .text, #content.clients .text, #content.contact .large, #content .news, #content.products, #content.product .navigation, #content.product .text p.desc { font-family: "proxima-nova-soft", sans-serif; }

ul, h1, h2, h3, p { margin: 0; padding: 0; list-style: none; }

.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.in { width: 960px; margin: 0 auto; position: relative; }
/* obecne */

/* hlavicka */
#header { height: 100px; line-height: 100px; }
#header a.logo { position: absolute; top: 26px; }
#header ul.mainmenu { display: inline-block; padding-left: 330px; }
#header ul.mainmenu li { display: inline-block; }
#header ul.mainmenu li a { display: inline-block; padding: 0 17px; line-height: 30px; font-size: 14px; color: #909090; }
#header ul.mainmenu li a:hover, #header ul.mainmenu li.active a { background-color: #22bcb9; border-radius: 15px; color: #fff; }
#header ul.mainmenu li.facebook { position: relative; width: 20px; padding: 0 18px; }
#header ul.mainmenu li.facebook a { width: 20px; height: 21px; position: absolute; top: 50%; margin-top: -16px; background: url(images/icon-facebook.png) center top no-repeat; padding: 0; overflow: hidden; text-indent: -500px; }
#header ul.mainmenu li.facebook a:hover { background-position: center -21px; }
#header ul.languages { position: absolute; right: 0; top: 0; border-left: 1px solid #d8d8d8; line-height: 100px; }
#header ul.languages li { display: inline-block; padding-left: 17px; }
#header ul.languages li a { text-transform: uppercase; font-size: 14px; color: #909090; }
#header ul.languages li a:hover, #header ul.languages li.active a { color: #1e417c; }
/* hlavicka */

/* obsah */
#slideshow { position: relative; width: 100%; min-height: 599px; border-top: 1px solid #d8d8d8; }
#slideshow .slide { width: 100%; min-height: 599px; }
#slideshow .slide h1 { font-size: 34px; text-align: center; font-weight: 400; color: #1e417c; }
#slideshow .slide h1 strong { font-weight: 700; }
#slideshow .slide h1 a { display: inline-block; padding-top: 30px; min-height: 569px; color: #1e417c; }
#slideshow .slide#slide1 { background: url(images/hp-slide-1.jpg) center bottom no-repeat; }
#slideshow .slide#slide2 { background: url(images/hp-slide-2.jpg) center bottom no-repeat; }
#slideshow .slide#slide3 { background: url(images/hp-slide-3.jpg) center bottom no-repeat; }
#slideshow .navigation { width: 100%; position: absolute; bottom: 40px; z-index: 1000; text-align: center; }
#slideshow .navigation span { display: inline-block; width: 10px; height: 10px; margin: 0 4px; background: url(images/slideshow-points.png) center top no-repeat; cursor: pointer; }
#slideshow .navigation span:hover, #slideshow .navigation span.cycle-pager-active { background-position: center -10px; }
#slideshow.aboutus { min-height: 596px; border-top: none; }
#slideshow.aboutus .slide { min-height: 596px; }
#slideshow.aboutus .slide#slide1 { background: url(images/samples/aboutus-slide-1.jpg) center bottom no-repeat; }
#slideshow.aboutus .slide#slide2 { background: url(images/samples/aboutus-slide-2.jpg) center bottom no-repeat; }
#slideshow.aboutus .slide#slide3 { background: url(images/samples/aboutus-slide-3.jpg) center bottom no-repeat; }
#slideshow.aboutus .navigation { bottom: 20px; }
#slideshow.aboutus .navigation span { background: url(images/slideshow-points-white.png) center top no-repeat; }
#slideshow.aboutus .navigation span:hover, #slideshow.aboutus .navigation span.cycle-pager-active { background-position: center -10px; }

#infos { min-height: 450px; background-color: #1e417c; }
#infos .info { width: 319px; float: left; min-height: 450px; border-left: 1px solid #163260; text-align: center; }
#infos .info h2 { padding: 65px 35px 20px 114px; text-align: left; text-transform: uppercase; font-size: 25px; font-weight: 400; color: #22bcb9; }
#infos .info h2 strong { font-weight: 400; color: #fff; }
#infos .info p { min-height: 70px; line-height: 1.5; padding: 10px 35px; color: #fff; }
#infos .info#info1 { background: url(images/info-block-1.png) left 20px no-repeat; }
#infos .info#info2 { width: 318px; background: url(images/info-block-2.png) left 20px no-repeat; }
#infos .info#info3 { border-right: 1px solid #163260; background: url(images/info-block-3.png) left 20px no-repeat; }
#infos .info a.more { display: inline-block; margin-top: 25px; background-color: #16315e; padding: 0 16px; line-height: 30px; border-radius: 15px; font-size: 14px; color: #fff; }
#infos .info a.more:hover { background-color: #22bcb9; }

#about { min-height: 450px; background-color: #22bcb9; }
#about .top { height: 100px; background-color: #12a19e; text-align: center; line-height: 100px; }
#about .top h3 { font-weight: 400; font-size: 31px; color: #fff; }
#about .rest { position: relative; min-height: 310px; padding-left: 360px; padding-top: 40px; line-height: 1.5; font-size: 12px; color: #fff; }
#about .rest img.about { position: absolute; left: -100px; top: 0; }
#about .rest h4 { padding: 15px 0; font-weight: 400; font-size: 26px; line-height: 1.2; color: #fff; }
#about .rest p { padding: 10px 0; }

#content { background-color: #22bcb9; line-height: 1.25; color: #fff; }
#content h2.headline { min-height: 100px; text-align: center; line-height: 100px; text-transform: uppercase; font-size: 31px; font-weight: 400; color: #fff; }
#content .top { min-height: 100px; background-color: #12a19e; text-align: center; line-height: 100px; }
#content .top h1 { text-transform: uppercase; font-size: 31px; font-weight: 400; color: #fff; }
#content .text h2 { font-size: 26px; }
#content .rest { padding: 32px 0; }
#content .rest p { padding: 14px 0; }
#content .rest a { color: #22bcb9; }
#content .rest a:hover { text-decoration: underline; }
#content.aboutus .text { text-align: center; padding-left: 74px; padding-right: 74px; font-size: 27px; }
#content.aboutus h2 { font-weight: 700; margin-bottom: -14px; padding-top: 14px; text-transform: uppercase; font-size: 27px; }
#content.clients { background-color: #1e417c; height: 450px; }
#content.clients .text { text-align: center; padding-left: 74px; padding-right: 74px; }
#content.clients .top { background-color: #16315e; }
#content.clients .reviews .review p.message { font-size: 24px; font-style: italic; }
#content.clients .reviews .review span.quote { height: 25px; overflow: hidden; display: inline-block; line-height: 0.7; font-size: 80px; font-style: normal; color: #22bcb9; }
#content.clients .reviews .review span.quote.right { padding-left: 5px; }
#content.clients .reviews .review p.author { text-transform: uppercase; font-size: 20px; color: #22bcb9; }
#content.clients .reviews .navigation { height: 10px; margin: 25px 0; text-align: center; }
#content.clients .reviews .navigation span { display: inline-block; width: 10px; height: 10px; margin: 0 4px; background: url(images/slideshow-points-white.png) center top no-repeat; cursor: pointer; }
#content.clients .reviews .navigation span:hover, #content.clients .reviews .navigation span.cycle-pager-active { background-position: center -10px; }
#content.contact { background-color: #222; }
#content.contact .top { background-color: #000; }
#content.contact .rest { min-height: 511px; background: url(images/contact-bg-full.jpg) center top no-repeat; }
#content.contact .rest h2 { padding-top: 45px; text-transform: uppercase; color: #fff; }
#content.contact .rest p { line-height: 1.5; padding: 11px 0; }
#content.contact a.bullet { position: absolute; right: 107px; top: 39px; display: block; width: 19px; height: 19px; background: url(images/bullet-map.png); overflow: hidden; text-indent: -500px; }
#content.contact .large { line-height: 1; font-size: 26px; color: #22bcb9; }
#content.contact .large h2 { padding-top: 20px; }
#content.contact .large p { padding: 0; }
#content.contact .billing { width: 206px; float: left; margin-right: 28px; padding-bottom: 20px; }
#content.contact .others { width: 206px; float: left; padding-bottom: 20px; }
#content.contact p.small { padding: 6px 0; font-size: 11px; color: #777; }
#logos { padding: 40px 0; }
#logos .logo { display: inline-table; }
#logos .logo a { width: 237px; height: 175px; display: table-cell; vertical-align: middle; text-align: center; }
#content.whatsnew .rest { padding: 0; }
#content .news { border-bottom: 1px solid #12a19e; }
#content .news .item { position: relative; width: 435px; padding: 59px 0; float: left; }
#content .news .item.second { float: right; }
#content .news .item h2 { line-height: 1.1; font-weight: 700; font-size: 20px; color: #fff; }
#content .news .item h2 a { color: #fff; }
#content .news .item .body { padding-left: 125px; line-height: 1.6; font-size: 15px; }
#content .news .item .body p { padding: 4px 0; }
#content .news .item .date { position: absolute; left: 0; top: 59px; width: 83px; height: 73px; padding-top: 10px; border: 2px solid #12a19e; border-radius: 7px; line-height: 1; text-align: center; text-transform: uppercase; font-size: 15px; }
#content .news .item .date span { display: block; }
#content .news .item .date span.day { font-size: 34px; font-weight: 700; }
#content.products { background-color: #1e417c; }
#content.products .top { background-color: #123160; }
#content.products .rest { padding: 0; }
#content.products .listing { min-height: 494px; background: url(images/products-bg-top.png) center top no-repeat #1e417c; }
#content.products .blocks { padding: 60px 0; }
#content.products .block { width: 300px; height: 354px; float: left; margin-right: 30px; border-radius: 9px; text-align: center; }
#content.products .block#dex { margin-right: 0; }
#content.products .block h2 { height: 93px; padding-top: 17px; border-top-left-radius: 9px; border-top-right-radius: 9px; text-align: center; line-height: 1.1; text-transform: uppercase; font-weight: 400; font-size: 23px; color: #1e417c; }
#content.products .block h2 strong { font-weight: 700; }
#content.products .block#epos h2 { background: url(images/block-block-1.png) left 13px no-repeat #fff; }
#content.products .block#sepia h2 { background: url(images/block-block-2.png) left 13px no-repeat #fff; }
#content.products .block#dex h2 { background: url(images/block-block-3.png) left 13px no-repeat #fff; }
#content.products .block ul li { display: block; }
#content.products .block ul li a { display: block; line-height: 60px; font-size: 17px; font-weight: 600; text-transform: uppercase; color: #fff; }
#content.products .block ul li a:hover { text-decoration: none; }
#content.products .block ul li a span { color: #8fccf7; }
#content.products .block ul li:last-child a { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
#content.products .block#epos ul li a { border-top: 1px solid #224379; background-color: #2a5192; }
#content.products .block#epos ul li a:hover { background-color: #224379; }
#content.products .block#sepia ul li a { border-top: 1px solid #2e75a8; background-color: #3a8fcc; }
#content.products .block#sepia ul li a:hover { background-color: #2e75a8; }
#content.products .block#dex ul li a { border-top: 1px solid #01a1a1; background-color: #22bcb9; }
#content.products .block#dex ul li a:hover { background-color: #01a1a1; }
#content.products h2.headline { background-color: #16315e; }
#content.products .container { width: 245px; height: 720px; float: left; }
#content.products .people { padding: 60px 0 40px 0; }
#content.products .people .person { position: relative; background-color: #fff; width: 225px; min-height: 380px; float: left; margin-bottom: 20px; margin-right: 20px; border-radius: 9px; text-align: center; }
#content.products .people .person.short { min-height: 300px; }
#content.products .people .person.long { min-height: 700px; }
#content.products .people .person.double { width: 470px; height: 700px; background-color: #16315e; }
#content.products .people .person.last { margin: 0; }
#content.products .people h2 { min-height: 38px; padding-top: 18px; text-transform: uppercase; line-height: 1.1; font-size: 18px; color: #1e417c; }
#content.products .people .position { position: absolute; width: 100%; bottom: 15px; font-size: 15px; color: #909090; }
#content.products .people .position a { color: #909090; }
#content.products .people .bullet { width: 120px; height: 120px; margin: 17px auto; background: url(images/icon-bullet-blue.png); }
#content.products .people .icon { width: 120px; height: 120px; }
#content.products .people .icon.face { background: url(images/icon-face-white.png) center center no-repeat; }
#content.products .people .icon.faces { background: url(images/icon-faces-white.png) center center no-repeat; }
#content.products .people .icon.facedialog { background: url(images/icon-facedialog-white.png) center center no-repeat; }
#content.products .people .icon.screen { background: url(images/icon-screen-white.png) center center no-repeat; }
#content.products .people .icon.document { background: url(images/icon-document-white.png) center center no-repeat; }
#content.products .people .icon.houses { background: url(images/icon-houses-white.png) center center no-repeat; }
#content.products .people ul.links li { display: block; padding-bottom: 4px; }
#content.products .people ul.links li a { display: inline-block; height: 30px; line-height: 30px; border: 3px solid #fff; padding: 0 18px; border-radius: 18px; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #fff; }
#content.products .people ul.links li a.lightblue { background-color: #3a8fcc; }
#content.products .people ul.links li a.darkblue { background-color: #2a5192; }
#content.products .people ul.links li a.navyblue { background-color: #22bcb9; }
#content.products .people ul.links li a:hover { background-color: #fff; border: 3px solid #d3d3d3; text-decoration: none; color: #909090; }
#content.products .people .double .insider { width: 224px; }
#content.products .people .double .insider.one { float: left; }
#content.products .people .double .insider.two { float: right; }
#content.products .people .double .insider.three { margin: 0 auto; clear: both; padding-top: 40px; }
#content.products .people .double h2 { color: #fff; }
#content.products .people .double ul.links li a { border-color: #16315e; }
#content.products .people .double ul.links li a:hover { background-color: #16315e; border: 3px solid #d3d3d3; color: #fff; }
#content.products .people .double .position { position: relative; bottom: auto; margin-top: 7px; color: #6d81a4; }
#content.products .people .double .position a { color: #6d81a4; }
#content.products .people .double .bullet { background: url(images/icon-bullet-white.png); }
#content.products .people .double .icon.face { background: url(images/icon-face-blue.png) center center no-repeat; }
#content.product .rest { padding: 0; }
#content.product .navigation { height: 79px; }
#content.product .navigation ul li a { display: block; float: left; height: 54px; padding: 25px 10px 0 10px; text-transform: uppercase; font-size: 15px; line-height: 30px; font-weight: 600; color: #fff; }
#content.product .navigation ul li a span { display: block; line-height: 30px; border-radius: 15px; padding: 0 20px; }
#content.product .navigation ul li a span.diff { display: inline; line-height: 1; border-radius: 0; padding: 0; color: #8fccf7; }
#content.product .navigation ul li.last { float: right; }
#content.product .navigation ul li.last a { border-left: none !important; padding-left: 35px; padding-right: 15px; background: url(images/arrow-left-white.png) left center no-repeat; }
#content.product .text { min-height: 305px; padding: 30px 0; }
#content.product h2.headline { background-color: #16315e; }
#content.product .text .mainimg { width: 288px; height: 223px; float: left; margin-left: -10px; padding: 30px; background: url(images/product-bg-mainimg.png); }
#content.product .text .remaining { width: 600px; float: right; line-height: 1.5; }
#content.product .text h2 { line-height: 1.1; padding: 25px 0 0 0; }
#content.product .text p.desc { padding-top: 0; padding-right: 10px; line-height: 1.1; font-size: 26px; }
#content.product .text p { padding: 7px 0; }
#content.product .largepic { margin-bottom: -3px; background-color: #fff; }
#content.product .features { background-color: #1e417c; padding: 45px 0; }
#content.product .features ul.half { width: 410px; float: left; padding-left: 16px; line-height: 2.5; }
#content.product .features ul.half li { padding-left: 18px; background: url(images/features-ul.png) left 11px no-repeat; }
#content.product .features ul.half.second { float: right; }
#content.product.dex .navigation { border-bottom: 1px solid #12a19e; }
#content.product.dex .navigation ul li a { border-left: 1px solid #13a3a0; }
#content.product.dex .navigation ul li a:hover { text-decoration: none; }
#content.product.dex .navigation ul li a:hover span, #content.product.dex .navigation ul li.active a span { background-color: #12a19e; }
#content.product.dex .navigation ul li.active a { background: url(images/tabs-arrow-dex.png) center top no-repeat; }
#content.product.dex .text { background: url(images/product-bg-text-dex.jpg) center top no-repeat #22bdb9; }
#content.product.epos .top { background-color: #16315e; }
#content.product.epos .navigation { border-bottom: 1px solid #163260; background-color: #1e417c; }
#content.product.epos .navigation ul li a { border-left: 1px solid #163260; }
#content.product.epos .navigation ul li a:hover { text-decoration: none; }
#content.product.epos .navigation ul li a:hover span, #content.product.epos .navigation ul li.active a span { background-color: #16315e; }
#content.product.epos .navigation ul li.active a { background: url(images/tabs-arrow-epos.png) center top no-repeat; }
#content.product.epos .text { background: url(images/product-bg-text-epos.jpg) center top no-repeat #1e417c; }
#content.product.sepia .top { background-color: #2e75a8; }
#content.product.sepia .navigation { border-bottom: 1px solid #2e75a8; background-color: #3a8fcc; }
#content.product.sepia .navigation ul li a { border-left: 1px solid #2f77aa; }
#content.product.sepia .navigation ul li a:hover { text-decoration: none; }
#content.product.sepia .navigation ul li a:hover span, #content.product.sepia .navigation ul li.active a span { background-color: #2e75a8; }
#content.product.sepia .navigation ul li.active a { background: url(images/tabs-arrow-sepia.png) center top no-repeat; }
#content.product.sepia .text { background: url(images/product-bg-text-sepia.jpg) center top no-repeat #3a8fcc; }
/* obsah */

/* footer */
#contact { min-height: 200px; background: url(images/contact-bg.jpg) center top no-repeat #222; font-size: 30px; }
#contact .text1 { width: 250px; float: left; padding-left: 50px; padding-top: 62px; color: #fff; }
#contact .text2 { width: 240px; float: left; padding-left: 60px; padding-top: 66px; font-size: 26px; color: #22bcb9; }
#contact a.bullet { position: absolute; right: 101px; top: 35px; display: block; width: 19px; height: 19px; background: url(images/bullet-map.png); overflow: hidden; text-indent: -500px; }

#clients { min-height: 110px; border-top: 1px solid #d8d8d8; }
#clients a img { margin-right: 8px; }
#clients a:last-child img { margin-right: 0; }

#footer { line-height: 70px; text-align: center; font-size: 11px; color: #909090; }
#footer a { color: #909090; }
#footer a:hover { text-decoration: underline; }
/* footer */