body { margin: 0; padding: 0; font-size: 17px; color: #2e3244; line-height: 150%; font-family: Hind, Arial, sans-serif; } h1 { margin: 30px 0 30px 0; font-weight: 700; padding: 0; font-size: 40px; line-height: 1.1em; color: #2e3244; } /*h2 { margin: 0 0 20px 0; font-weight: 900; font-size: 40px; line-height: 120%; padding-top: 30px; color: #153049; }*/ h2 { margin: 20px 0 20px 0; font-weight: 900; font-size: 30px; line-height: 120%; color: #f81e20; } h3 { margin: 20px 0 10px 0; font-size: 18px; line-height: 120%; color: #2e3244; } h4 { margin: 10px 0 5px 0; font-size: 16px; } h5 { margin: 10px 0 5px 0; font-size: 14px; } h1 a, h2 a,h3 a,h4 a,h5 a { color: inherit; text-decoration: none; } h1 a:hover, h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover { text-decoration: underline; } h1 strong, h2 strong { color: #4a83b8; font-weight: 900; } ul, ol { padding: 0; line-height: 150%; margin: 0 0 10px 20px; text-align: left; } p { line-height: 140%; margin-bottom: 1em; color: #2e3244; } a { color: #464e4f; } a:hover { text-decoration: none; } iframe, img { border: none; max-width: 100%; width: auto; height: auto; } table { border-collapse: collapse; margin-bottom: 10px; width: 100%; } td { padding: 2px; vertical-align: top } strong { font-weight: 900; } [id^="AREA_"].ui-sortable, [id*="AREA_"].ui-sortable { min-height: 30px; min-width: 150px;} #homepage .content li .cleaner { clear: both; display: block; } .container { width: 1210px; margin: 0 auto; text-align: left; position: relative; padding: 0 20px; box-sizing: border-box; } #content { min-height: 500px; margin-bottom: 20px; } .tablewrap { display: table; width: 100%; } .tablewrap>div { display: table-cell; float: none; } .borderedBox { border: solid 2px; color: #15a1bf; font-size: 18px; font-weight: 500; text-align: center; padding: 16px; margin: 50px 0 60px 0; } .borderedBox p { margin: 0; color: inherit; display: inline-block; } .borderedBox p a { color: #f81e20;text-decoration: underline; } .borderedBox #AREA_vyzva { display: inline-block; } .stripe { padding: 20px 0; padding: 0; margin: /*20px 0*/ 0; min-width: 1210px; } .stripe.margin { margin: 20px 0; } .stripe.padmore { margin: 50px 0 40px; } .stripe.red { margin: 0; background: rgba(255, 0, 1, 0.85) url(../images/phRedBg.jpg) center; background-repeat: no-repeat; background-size: cover; color: #fff; } .stripe.gray { margin: 0; background: url(../images/grayBar.jpg) center bottom; background-repeat: no-repeat; background-size: cover; color: #fff; } .stripe.graydk { padding: 30px 0 20px 0; /*background: url(../images/grayBar.jpg) center bottom; background-repeat: no-repeat; background-size: cover;*/ background-color: #f3f3f3; } .stripe.bordered { border-bottom: solid 1px rgba(46, 50, 68, 0.1); } .stripe.red h1 { color: #fff; font-size: 60px; font-weight: 700; } .stripe.red p { color: #fff; font-size: 18px; font-weight: 500; } .stripe.points { padding: 65px 0 60px 0; } #headline { padding: 60px 0 50px; } #headline h1 { margin: 0; line-height: 1.1em; } #headline p { margin: 0; } .tablewrap .col { display: table-cell; float: none; } .col { float: left; position: relative; } .leftCol { float: left; width: 48%; position: relative } .rightCol { float: right; width: 48%; position: relative } .col_large { float: left; width: 65%; position: relative } .col_small { float: right; width: 25%; position: relative } .col2_large { width: 60%; float: left; margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .col2_small { width: 40%; float: right; margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .col2, .col3, .col4 { display: block; float: left; margin: 0; padding: 0; box-sizing: border-box; border: 0; } .col2 { width: 42%; margin-right: 5%; } .col3 { width: 30%; margin-right: 5%; } *>.col3:nth-child(3n+0) { margin-right: 0; } .col4 { width: 25%; } .mForm_left { float: left; width: 46%; } .mForm_right { float: right; width: 46%; } .center { text-align: center; } .mapLink { display: none; margin-top: 20px; } .button{ display: inline-block; padding: 20px 32px; font-size: 16px; color: #2e3244; cursor: pointer; cursor: hand; line-height: 18px; font-weight: 700; background-color: transparent; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; border: solid 2px #2e3244; text-align: center; box-sizing: border-box; } .button:hover { background-color: #2e3244; color: #fff; } .button.blue { background: #fff; color: #107f97; height: 40px; border-color: #107f97; line-height: 40px; padding: 0 25px; font-size: 16px; font-weight: 500; } .button.blue:hover { background: #107f97; color: #fff; } .button.pdf { color: #107f97; } .button.pdf:after { content: url(../images/pdfIcon.png); margin-right: 10px; display: inline-block; } .soubor {display: inline-block; padding: 0 32px; font-size: 16px; color: #107f97; line-height: 40px; height: 40px; font-weight: 700; background-color: transparent; text-decoration: none; transition: all .3s; -webkit-transition: all .3s; border: solid 2px #107f97; text-align: center; box-sizing: border-box; margin-top: 15px; cursor: pointer; cursor: hand; } .soubor:before{ content: url(../images/pdfIcon.png); margin-right: 10px; display: inline-block; vertical-align: middle; height: 32px; } .soubor:hover { background-color: #107f97; color: #fff; } .soubor:hover:before { content: url(../images/pdfIconWhite.png); } .souborArea { float: left; width: 50%; } /* .path { margin: 10px 0; padding: 0; line-height: 24px; } .path a, .path span { text-decoration: none; color: #828491; font-size: 14px; font-weight: normal; display: inline-block; } .path a:hover { text-decoration: underline; } .path a + a:before, .path a + span:before, .path span + span:before, .path span + a:before { content: url('../images/Arrow-Of-Dots.png'); display: inline-block; vertical-align: middle; margin: 0 10px; } */ #header { padding: 0px 0 0 0; background: #fff; margin-bottom: 0px; /*height: 98px;*/ } #header .logo { margin: 25px 20px 25px 0; float: left; width: 186px; height: 50px; text-decoration: none; background: url('../images/logo.png') center no-repeat; background-size: contain; vertical-align: middle; } .menu { display: none; } .intromenu { display: none; } #header .menu { display: inline-block; float: none; text-align: right; vertical-align: middle; padding-right: 20px; } #header .submenu { display: none; } #header .menu ul { font-weight: 400; width: 100%; display: table; list-style: none; margin-left: 0px; margin: 0; padding: 0; } #header .menu li { display: table-cell; vertical-align: middle; float: none; padding: 0; margin: 0; position: relative; } #header .menu li a { display: block; /*padding: 7px 0;*/ font-weight: 600; max-width: 200px; margin: 0 13px; line-height: 20px; font-size: 18px; color: #2e3244; text-decoration: none; text-align: center; border-bottom: solid 1px transparent; } #header .menu li a.de { /*margin: 0 7px; font-size: 16px;*/ max-width: 160px; } #header .menu li.active a {border-bottom: solid 1px #fee9ea; color: #fd0001; } #header .menu li a:hover {border-bottom: solid 1px #fee9ea;} #header .menu li.first a { margin-left: 0; } #header .menu li.language a { margin: 0 0 0 10px; color: #107f97; font-weight: bold; } /*#header .menu li.first a { padding-left: 0; } #header .menu li.last a { padding-right: 0; }*/ #header .right { float: right; vertical-align: middle; margin: 32px 0 0 28px; } #mainMenu { display: inline-block; } .socialBttn { vertical-align: middle; display: inline-block; float: none; margin-left: 12px; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 3px; } .socialBttn.inLogo { background-image: url('../images/Linkedin-Logo.png'); } .socialBttn.fbLogo { background-image: url('../images/Facebook-Symbol.png'); } #langSelect { height: auto; width: auto; display: inline-block; vertical-align: middle; margin: 0 0 0 16px; } .lang { display: block; text-align: left; color: #2e3244; font-size: 15px; font-weight: 400; line-height: 1.3em; } .lang { text-decoration: none; } a.lang:hover { text-decoration: underline; } .lang + .lang { margin-top: 4px; } .path { margin: 10px 0; padding: 0; line-height: 24px; } .path a, .path span { text-decoration: none; color: #828491; font-size: 14px; font-weight: normal; display: inline-block; } .path a:hover { text-decoration: underline; } .path a + a:before, .path a + span:before, .path span + span:before, .path span + a:before { content: url('../images/Arrow-Of-Dots.png'); display: inline-block; vertical-align: middle; margin: 0 10px; } /* #intro .container { display: table; height: 100%; } #intro .leftCol { display: table-cell; vertical-align: middle; width: 60%; float: none; } #intro h2 { font-size: 60px; font-weight: 700; color: #fd0001; line-height: 1.2em; margin-bottom: 60px; padding: 0; } #intro .button { margin: 0 30px 10px 0; min-width: 240px; } */ /* #intro { background: #252731 url('../images/intro.jpg') center no-repeat; background-size: cover; padding: 0; position: relative; width: 100%; margin: 0; } #intro .container { width: 1240px; } #intro .row { display: table-row; } #intro .row.ribbon { height: 195px; } #intro .col { display: table-cell; vertical-align: middle; float: none; position: static; width: 33.33%; padding: 0 15px; } #intro .leftSide .container { margin: 0 55px 0 auto; } #intro .rightSide .container { margin: 0 auto 0 55px; } #intro .ribbon .orange { background-color: rgb(218, 122, 0); } #intro .ribbon .gray { background-color: #252731; } #intro .table { display: table; height: 531px; width: 100%; } #intro .container { padding: 10px 0; width: 530px; } #intro ul { font-size: 0; display: block; margin: 0; } #intro ul li { vertical-align: middle; letter-spacing: -1px; list-style: none; padding-left: 18px; min-height: 12px; font-size: 20px; font-weight: 400; width: 49%; margin: 15px 1% 15px 0; display: inline-block; color: #2e3244; background: url(../images/leftArrow.png) left center; background-repeat: no-repeat; box-sizing: border-box; } #intro ul li:nth-child(2n+0) { margin-right: 0; width: 50%; } */ #intro { /*background: #fff url('../images/intro.jpg') top right no-repeat; background-size: auto 100%; height: 531px;*/ padding: 0; margin: 0;} #intro .menu, #intro .submenu { display: none; } #intro .leftSide .kontejner-a-palety { display: block; } #intro .rightSide .cnc-obrabeni-a-rezani { display: block; } #intro { display: block; position: relative; background-color: #fff;; } #intro h2 { font-size: 48px; font-size: 44px; font-weight: 700; color: #fff; line-height: 1.2em; margin: 0; padding: 20px 0 20px 0; letter-spacing: -3px; text-shadow: 1px 1px 8px rgba(0,0,0,0.5); } #intro h2 a { text-decoration: none; color: #fff; border: 0; line-height: inherit; } #intro a { color: #fff; text-decoration: none; line-height: 1.2em; border-bottom: solid 1px #fff; } #intro a:hover { border: 0; } #banner { width: 100%; height: 458px; position: relative; overflow: hidden; } #banner .banner { height: 100%; position: absolute; top: 0; overflow: hidden; transition: all 1s; -webkit-transition: all 1s; transform: skewX(8deg); -webkit-transform: skewX(8deg); -ms-transform: skewX(8deg); } #banner .banner .inner { width: 124%; height: 100%; margin-left: -10%; transform: skewX(-8deg); -webkit-transform: skewX(-8deg); -ms-transform: skewX(-8deg); } #banner .banner .gradient { display: block; width: 430px; height: 100%; position: absolute; top: 0; left: -430px; transition: all .5s; -webkit-transition: all .5s; background: -moz-linear-gradient(left, rgba(20,20,20,1) 0%, rgba(20,20,20,0.5) 80%, rgba(20,20,20,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,20,20,1)), color-stop(80%,rgba(20,20,20,0.5)), color-stop(100%,rgba(20,20,20,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(20,20,20,1) 0%,rgba(20,20,20,0.5) 80%,rgba(20,20,20,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(20,20,20,1) 0%,rgba(20,20,20,0.5) 80%,rgba(20,20,20,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(20,20,20,1) 0%,rgba(20,20,20,0.5) 80%,rgba(20,20,20,0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(20,20,20,1) 0%,rgba(20,20,20,0.5) 80%,rgba(20,20,20,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #banner .banner .content { /*padding: 150px 0 100px 50px;*/ padding: 20px 0; /*width: 260px;*/ width: 60%; text-align: center; height: 258px; margin-left: 8%; font-size: 24px; line-height: 120%; color: #527cab; position: relative; } #banner .banner .content b { display: block; margin-top: 40px; font-size: 30px; line-height: 110%; color: #7ab51d; } #banner .banner .content .text { display: none; transition: all 1s; -webkit-transition: all 1s; } #banner .banner .content .buttons { width: 100%; height: 62px; position: absolute; bottom: 85px; left: 50%; margin-left: -50%; text-align: center; } #banner .banner .content .bttn { padding: 8px 30px; font-size: 18px; line-height: 130%; color: #ffffff; background: rgb(82,124,171); background: rgba(82,124,171,.8); font-family: 'allerbold', Arial, Helvetica, sans-serif; } #banner .banner .content .bttn.green { display: none; background: #8ebe44; text-decoration: underline; } #banner .banner .content .bttn.green:hover { text-decoration: none; } #banner .banner.first { width: 40%; left: -5%; } #banner .banner.second { width: 20%; left: 30%; } #banner .banner.third { width: 40%; right: -5%; } #banner .banner.first .inner { background: url('../images/photo1.jpg') center top no-repeat; } #banner .banner.second .inner { background: url('../images/photo2.jpg') center top no-repeat; } #banner .banner.third .inner { background: url('../images/photo3.jpg') center top no-repeat; } #banner .banner.first .inner.doktorandi { background: url('../images/photo1-1.jpg') center top no-repeat; } #banner .banner.second .inner.doktorandi { background: url('../images/photo2-1.jpg') center top no-repeat; } #banner .banner.third .inner.doktorandi { background: url('../images/photo3-1.jpg') center top no-repeat; } #banner .banner.first .content { margin-left: auto; margin-right: 20%; padding-left: 0; padding-right: 50px; } #banner .banner.first .gradient { width: 500px; left: auto; right: -500px; background: -moz-linear-gradient(left, rgba(20,20,20,0) 0%, rgba(20,20,20,0.5) 20%, rgba(20,20,20,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(20,20,20,0)), color-stop(20%,rgba(20,20,20,0.5)), color-stop(100%,rgba(20,20,20,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.5) 20%,rgba(20,20,20,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.5) 20%,rgba(20,20,20,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(20,20,20,0) 0%,rgba(20,20,20,0.5) 20%,rgba(20,20,20,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(20,20,20,0) 0%,rgba(20,20,20,0.5) 20%,rgba(20,20,20,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #banner .banner.active .gradient { display: block; left: 15px; } #banner .banner.active .content .text { display: block; } #banner .banner.active .content .buttons { left: 50px; margin: 0; text-align: left; } #banner .banner.active .content .bttn { padding: 8px 15px; margin: 0; text-align: center; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; } #banner .banner.active .content .bttn.green { display: inline-block; padding: 19px 15px 20px 15px; position: relative; top: -12px; margin: 0 0 0 -4px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; moz-border-radius: 0 3px 3px 0; } #banner .banner.active.first .content .buttons { left: auto; right: 50px; text-align: right; } #banner .banner.active.first .gradient { left: auto; right: 92px; } #banner.b1 .banner.first { width: 55%; } #banner.b1 .banner.second { width: 20.1%; left: 45%; } #banner.b1 .banner.third { width: 40%; } #banner.b2 .banner.first { width: 35%; } #banner.b2 .banner.second { width: 45%; left: 25%; } /*#banner.b2 .banner.second .inner { background-position: 60% 0; }*/ #banner.b2 .banner.third { width: 35%; } #banner.b3 .banner.first { width: 40%; } #banner.b3 .banner.second { width: 25.1%; } #banner.b3 .banner.third { width: 50%; } .listArrows li { list-style: none; padding-left: 37px; min-height: 27px; font-size: 18px; font-weight: 400; width: 45%; margin: 0 6% 15px 0; display: inline-block; color: #2e3244; background: url(../images/RedLiArrow.png) left top; background-repeat: no-repeat; box-sizing: border-box; } .listArrows li:nth-child(2n+0) { margin-right: 0; } .listArrows ul { display: block; margin-left: 0; } .listArrows ul:after { content: ""; display: block; clear: both; } #references { line-height: 80px; padding: 0; display: table; text-align: left; width: 100%; padding-right: 0px; } #references h2 { font-weight: 900; color: #2e3244; font-size: 40px; margin: 0 0 20px 0; } #references .refimg { display: table-cell; padding: 0 6px; margin: 0; text-align: center; } #references img { display: inline-block; margin-left: 16px; vertical-align: middle; max-height: 70px; width: auto; } #references img:first-child { margin-left: 0; } .col#references { width: 600px; } .onas .certifikat { width: 165px; padding-right: 40px; padding-top: 30px; vertical-align: top; } .onas .certifikat a { display: block; border: 0; text-decoration: none; } .onas .certifikat img { width: 100%; height: auto; box-sizing: border-box; } .onas .pojisteni { width: 270px; padding-top: 30px; vertical-align: top; } .onas .pojisteni h2, .onas .certifikat h2 { font-weight: bold; font-size: 18px; } #homepage #references,.sluzby #references { width: 100%; margin-bottom: 40px; display: table; text-align: center; padding: 15px 0; height: auto; line-height: normal; } #homepage #references .refimg, .sluzby #references .refimg { float: none; display: table-cell; padding: 0 6px; margin: 0; text-align: center; } #homepage .content li { list-style: none; padding-left: 46px; vertical-align: top; padding-top: 3px; min-height: 27px; font-size: 18px; font-weight: 600; width: 45%; margin: 0 5% 15px 0; display: inline-block; color: #2e3244; background: url(../images/RedLiArrow.png) left top; background-repeat: no-repeat; box-sizing: border-box; } #homepage .content li:nth-child(2n+0) { margin-right: 0; } #homepage .content ul { display: block; margin-left: 0; } #homepage .content ul:after { content: ""; display: block; clear: both;} /* stránka s volnými pozicemi vytvřená pomocí uniReferences */ #positions h2 { margin-bottom: 40px; padding-top: 16px; } #positions h2 strong { color: #2e3244 } #positions .col_large { width: 72%; } #positionsDetail .col_large { width: 66%; } #positions .col_small { width: 25%; max-width: 270px; } #positionsDetail .col_small { width: 25%; max-width: 270px; } #positionsDetail h2 strong { color: #2e3244 } .one_position { border:solid 1px #d6d7da; padding: 30px 40px; display: table; border-radius: 3px; background-color: #fff; margin: 18px 0; width: 100%; box-sizing: border-box; } .one_position:hover { background-color: #f7f7f8; } .one_position .col_large { width: 74%; width: auto; display: table-cell; vertical-align: top; float: none; padding-right: 40px; } .one_position .col_small { width: 20%; width: 156px; display: table-cell; vertical-align: middle; float: none; } .one_position h3 { margin: 0 0 20px 0; padding: 0; font-size: 24px; font-weight: bold; color: #2e3244; text-decoration: underline; display: block; } .one_position h3 a { color: #2e3244; text-decoration: underline; } .one_position h3 a:hover { text-decoration: none; } .one_position p.perex { font-size: 18px; color: #1b3e5d; margin: 10px 0; font-weight: 300; line-height: 1.2em; } .one_position .param { display: block; margin: 0px 0; padding-left: 38px; text-align: left; line-height: 1em; position: relative; } .one_position .param + .param {margin-top: 26px;} .one_position .param:before { content: ""; display: block; position: absolute; left: 0; top: 4px; height: 27px; width: 27px; background-position: top center; background-size: contain; background-repeat: no-repeat; } .param.region:before { background-image: url('../images/Map-Pin-Marked.png'); } .param.pay:before { background-image: url('../images/Credit-Card-Back.png'); } .param.type:before { background-image: url('../images/Handshake.png'); } .param.discipline:before { background-image: url('../images/obor_icon.png'); } .param .label { color: #2e3244; font-size: 14px; font-weight: 300; } .param .value { color: #2e3244; font-size: 16px; font-weight: bold; } .one_detail { font-weight: 300; font-size: 18px; color: #1b3e5d; } .one_detail ul { list-style-image: url(../images/odrazka.png); } .one_detail p { color: #1b3e5d; } .one_detail h3 { margin: 0 0 10px 0; padding: 20px 0 0 0; font-size: 20px; } .one_detail .paramsHeader { margin: 0 0 30px 0; padding-bottom: 30px; border-bottom: solid 1px #e8f0f5; } .one_detail .param { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left; width: 23%; margin: 0 0.5%; display: block; padding-left: 38px; text-align: left; line-height: 1em; position: relative; } .one_detail .param:before { content: ""; display: block; position: absolute; left: 0; top: 4px; height: 27px; width: 27px; background-position: top center; background-size: contain; background-repeat: no-repeat; } .bttn.back { background: #6d7783 url('../images/ArrowLeftBlue.png') 18px center no-repeat; display: block; color: #ffffff; padding: 15px 12px 15px 45px; border: 0; font-weight: normal; font-size: 16px; } .paginate { padding: 10px 0; line-height: 40px; text-align: left; } .paginate:after { content: ""; display: block; width: 100%; clear: both; } .paginate .label { display: none; } .paginate .pages { text-align: left; vertical-align: middle; display: inline-block; } .paginate .paginate_item { border: 0; border-right: solid 1px #dbf1ff; text-align: center; display: block; float: left; color: #fff; background-color: #6D7783; line-height: 40px; min-width: 40px; padding: 0 4px; height: 40px; font-size: 16px; font-weight: bold; } .paginate .paginate_item:first-child { border-radius: 3px 0 0 3px; } .paginate .paginate_item:last-child { border-radius: 0 3px 3px 0; border: 0; } .paginate a.paginate_item { text-decoration: underline; color: #fff; } .paginate .next { margin-left: 20px; font-size: 16px; font-weight: bold; text-decoration: underline; color: #25547f; } .paginate a.paginate_item:hover { text-decoration: underline; background-color: #f7f7f8; color: #1b3e5d; } .paginate span.paginate_item { text-decoration: none; background-color: #f7f7f8; color: #1b3e5d; } #inNumbers { padding: 45px 0; } #inNumbers .col4 { display: table-cell; vertical-align: middle; padding-right: 30px; float: none; width: auto; } #inNumbers .col4.last { padding-right: 0; width: 355px; } #inNumbers .number { display: inline-block; vertical-align: middle; font-size: 45px; padding-right: 16px; color: #fff; /*line-height: 45px;*/ font-weight: 700; margin-top: 8px; box-sizing: border-box; } #inNumbers .number span.de { font-size: 33px } #inNumbers .number .value { text-align: right; display: inline-block; } #inNumbers p { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1.1em; font-weight: 400; color: #fff; margin: 0; } #inNumbers .table { display: table; } #inNumbers.gray p, #inNumbers.gray .number { color: #f81e20; } #portamento_container { position: relative; z-index: 8; } #portamento_container #stickySideBar { float:none; position:relative; margin-top: 38px; z-index: 8; padding-bottom: 20px; width: 230px; } #portamento_container #stickySideBar.fixed { position: fixed; } .sluzby #content .col_large { margin-top: 30px; } .submenu { margin-bottom: 20px; } .submenu ul { padding: 0; margin: 0; list-style: none; } .submenu li { padding: 0; margin: 0 0 7px 0; position: relative; } .submenu li a { text-decoration: none; padding: 22px 28px 18px 28px; position: relative; display: block; margin: 0; line-height: 21px; font-size: 18px; font-weight: 700; color: #2e313d; background-color: #efefef; transition: all .3s ease-in-out; } .submenu li a:hover { background-color: #2e313d; color: #fff; } .submenu li.active > a {background-color: #2e313d; color: #fff; } .submenu li.active > a:after { position: absolute; content: ""; left: -15px; top: 50%; margin-top: -30px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 15px solid #2e313d; transition: all .3s ease-in-out; } .submenu li ul { display: none; } .submenu li ul li { margin: 0; } .submenu li ul li a { padding-top: 12px; padding-bottom: 8px; } .submenu li ul li a:hover, .submenu li ul li.active > a { background: #606371; } .submenu li ul li.active > a:after { display: none; } .submenu li.active ul { display: block; } #stickySideBar .button.contactUs { padding: 45px 50px; line-height: 1.2em; text-decoration: underline; background-color: #fd0001; color: #fff; border:0; font-size: 24px; font-weight: 400; } #stickySideBar .button.contactUs:hover { background-color: #f81e20; } .benefits { margin: 35px 0 20px; position: relative } .benefits h3 { padding-top: 0.3em; } .benefits>div.benefitRow { margin-top: 35px; padding-left: 140px; position: relative; min-height: 100px; } .benefits>div.benefitRow:before { content: ""; width: 98px; background: left top no-repeat; background-size: contain; padding-top: 0%; height: 100%; position: absolute; left: 0; top: 0; } #AREA_row1:before { content: ""; background-image: url('../images/Speedometer.png'); } #AREA_row2:before { content: ""; background-image: url('../images/Certification.png'); } #AREA_row3:before { content: ""; background-image: url('../images/Calendar.png'); } #AREA_row4:before { content: ""; background-image: url('../images/Full-Time-Job.png'); } #AREA_row5:before { content: ""; background-image: url('../images/Business-Presentation.png'); } /* o psolečnosti: TIMELINE */ #timeline { width: 95%; max-width: 1200px; margin: auto; height: 550px; position: relative; } #timeline #line { height: 2px; background-color: rgba(46, 50, 68, 0.2); display: block; position: absolute; top: 45%; left: 32px; right: 90px; } .point { position: relative; display: block; top:-4px; float: left; margin: auto; height: 10px; width: 8.3333%; } .point.small { width: 6%; } .point.wide { width: 10.3333% } .point:after { content: ""; position: absolute; display: block; top: 0px; left: 0; margin: auto; height: 10px;width: 10px;border-radius: 50%;background-color: #f81e20; } .year { position: absolute; bottom: 15px; left: 5px; margin-left: -50px; display: block; text-align: center; width: 100px; font-size: 14px; font-weight: 600; } .point:nth-child(2n+1) .year { bottom: auto; top: 15px; } #start .year { bottom: 30px; left: 16px; } #end .year { bottom: 20px; left: 10px; font-size: 18px; font-weight: 900; color: #f81e20; } #start { position: relative; display: block; top:0px; float: left; margin: auto; height: 10px; width: 8.3333%; } #start:after { content: ""; position: absolute; display: block; margin: auto; height: 30px; width: 30px; top: -16px; left: 0px; border-radius: 50%;background-color: #f81e20; background: #f81e20 url(../images/starWhite.png) center 40%; background-repeat: no-repeat; border: solid 2px #fff; } #end { position: absolute; right: 0; width: 10px; height: 10px; top: 0px; } #end:after { content: ""; position: absolute; display: block; margin: auto; height: 9px; width: 9px; top: -8px; left: -3px; border-radius: 50%;background-color: #f81e20; background: #fff; border: solid 4px #f81e20; box-sizing: content-box;} /*konec TIMELINE*/ #timeline .textblock { width: 200px; margin-left: -96px; bottom: 90px; padding: 8px 0; box-sizing: content-box; position: absolute; text-align: center; } #timeline .textblock:after { content: ""; height: 90px; width: 2px; background-color: rgba(46, 50, 68, 0.2); left: 50%; top: 100%; position: absolute; } #timeline .textblock.bottom { top: 90px; } #timeline .textblock.bottom:after { top: -90px; } #timeline .textblock h2 { font-size: 18px; font-weight: 700; color: #2e3244; } #timeline .textblock p { font-size: 14px; font-weight: 400; color: #777d8d; margin: 0 0 0 0; } #timeline .textblock p + p { margin-top: 0.8em; } #AREA_points ul { padding: 0; margin: 0; } #AREA_points ul:after { content: ""; display: block; clear: both;} #AREA_points li { list-style:none; padding: 0 0 0 20px; background: url(../images/liHeader.png) 0 10px no-repeat; vertical-align: top; float: left; width: 30%; margin-right: 5%; box-sizing: border-box; color: #f81e20; font-size: 25px; font-weight: 500; line-height: 1.3em; } #AREA_points li:nth-child(3n+0) { margin-right: 0; } .kariera .pozice .content { width: 50%; padding: 50px 0; margin: 0; position: relative; } .kariera .pozice .content.right {margin-left: auto; } .kariera .pozice { background-position: center; background-repeat: no-repeat; max-height: 673px; min-height: 500px; padding: 0; margin: 0; } #pozice1 { background-image: url(../images/ilustrace1.jpg); } #pozice2 { background-image: url(../images/ilustrace2.jpg); } #pozice3 { background-image: url(../images/ilustrace3.jpg); } #pozice4 { background-image: url(../images/ilustrace4.jpg); } .kariera .pozice h2 { color: #f81e20; font-weight: 600; font-size: 44px; } .kariera .pozice h3 { color: #2e3244; font-weight: 700; font-size: 22px; margin-bottom: 0.5em; } .kariera .pozice li { color: #686d7e; list-style-image: url(../images/li.png); } .kariera .pozice ul { margin-bottom: 20px; } .kariera .pozice .content .soubor { margin-top: 15px; } .kariera .pozice .content .popup-open { display: inline-block; float: right; margin-top: 15px; background: #fd0001; color: #ffffff; border-color: #fd0001; } .kariera .pozice .content .popup-open:hover { background: #fd0001; } a.addContent { margin: 2em 0; } .maplarge { padding: 0; height: 370px; margin: 0; position: relative; box-sizing: border-box; background: url(../images/map.png) center no-repeat; } .maplarge .container { position: relative; height: 100%; } .kontaktbox { background-color: #fff; padding: 25px 22px; width: 250px; margin-left: -125px; box-shadow: 0px 0px 5px 0.00px rgba(46, 50, 68, 0.75); position: relative; box-sizing: border-box; position: relative; z-index: 3; position: absolute; left: 50%; bottom: 124px; } .kontaktbox:before { content: ""; position: absolute; box-shadow: 3px 3px 3px 0.00px rgba(46, 50, 68, 0.35); background-color: #fff; transform: rotate(45deg); width: 28px; height: 28px; border: 0; left: 50%; margin-left: -14px; bottom: -14px; } .kontaktbox h1, .kontaktbox h2, .kontaktbox h3 { margin: 0 0 16px 0; padding: 0; font-size: 18px; font-weight: 700; color: #fd0001; } .kontaktbox p { margin: 0 0 16px 0; padding: 0; font-size: 17px; font-weight: 500; color: #2e3244; } .kontaktbox a.navigate { color: #15a1bf; font-size: 17px; font-weight: 500; text-decoration: underline; padding: 2px 0 2px 24px; background: url(../images/navigateIcon.png) left center; background-repeat: no-repeat; line-height: 18px; min-height: 18px; } .orangebox { border: solid 1px #f9dfb6; background-color: #fff9e5; padding: 25px; color: #484b5b; } .orangebox h2 { font-size: 18px; font-weight: 600; color: #f81e20; margin-top: 0; } .orangebox p { color: #484b5b; font-size: 18px; margin-bottom: 12px; } .orangebox h3 { margin: 12px 0 0 0; color: #2e3244; font-weight: 700; font-size: 20px; } .gallery { margin-top: 20px; } .gallList {position: relative; } .gallList .slide_item { float: left; display: inline-block; max-width: 370px; margin: 0 3% 20px 0px; width: 30%; padding: 0; } .gallList .slide_item:nth-child(3n+0) { margin-right: 0; } .gallList .slide_item .img { max-width: 370px; width: 100%; padding-top: 66.6%; background-position: center; background-repeat: no-repeat; margin: 0; background-size: cover; height: auto; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .gallList .cycle-slideshow .slide_item { float: none; max-width: none; display: block; margin: 0 30px 0 0; width: 370px; } .gallList .cycle-slideshow { position: relative; width: auto !important; /*margin: 0 14px;*/ margin: 0; } .gallList .cycle-next, .gallList .cycle-prev, .fancybox-nav span { position: absolute; display: block; width: 50px; height: 50px; opacity: 0.6; transition: 0.3s opacity; top: 50%; margin-top: -25px; background-repeat: no-repeat; background-position: center; text-indent: -1000px; overflow: hidden; z-index: 156; border-radius:50%; } .gallList .cycle-next, .fancybox-nav.fancybox-next span { right: 18px; background-image: url(../images/gallRight.png); } .gallList .cycle-prev, .fancybox-nav.fancybox-prev span { left: 18px; background-image: url(../images/gallLeft.png); } .gallList .cycle-next:hover, .gallList .cycle-prev:hover { opacity: 1; } .gallList .photos { /*margin: 35px 0; position: relative; */} .gal_item { margin: 0; } .fancybox-close { transition: 0.3s opacity ease-in-out; height: 25px; width: 25px; right: 30px; top: 30px; opacity: 0.6; background: /*rgba(255,255,255,0.6)*/ url('../images/gallCross.png') center center no-repeat; background-size: contain; border: 0; border-radius: 50%; } .fancybox-close:hover { /*background-color: #f81e20;*/ opacity: 1; } .fancybox-skin { padding: 0 !important; } .mailForm h2 { font-weight: normal; } .mailForm input[type="text"], .mailForm input[type="password"], .mailForm input[type=""] { position: relative; border-radius: 0; } .mailForm .mForm_item.fv_forget input, .mailForm .mForm_item.fv_error input, .mailForm .mForm_item.fv_forget textarea, .mailForm .mForm_item.fv_error textarea { border-color: #f81e20; box-shadow: none;} .mailForm .mForm_item input, .mailForm .mForm_item textarea { border-radius: 0; box-shadow: none; font-weight: 400; font-size: 17px; color: #1a1d27; } .mailForm .mForm_item textarea { height: 160px; } .mailForm .row { margin: 20px 0 10px 0; position: relative; } .mailForm button.button { border-radius: 0; border: 2px solid #107f97; line-height: initial; } .mForm_file { overflow: hidden; text-decoration: underline; position: relative; border: dashed 2px #dceef8; line-height: 20px; border-radius: 3px; padding: 12px 14px 12px 30px; text-align: center; font-size: 17px; background: transparent url('../images/Rounded-Add-Button.png') 8px center no-repeat;} .mForm_file input.upload { background-color: transparent; position: absolute; top: 0; cursor: default; right: 0; left: 0; bottom: 0; height: 100%; margin: 0; padding: 0; font-size: 16px; cursor: pointer; opacity: 0; filter: alpha(opacity=0.1); } #formDialogContact, #formDialogCareer { border-radius: 3px; overflow: hidden; background: #fff; width: 800px; } @media screen and (max-width: 840px) {#formDialogContact, #formDialogCareer { width: auto; }} #formDialogContact .header, #formDialogCareer .header { min-width: 0; padding: 26px 30px; background-color: #f81e20; background-image: url(../images/redBar.jpg); background-repeat: no-repeat; background-size: cover; padding-right: 90px; } #formDialogContact .header h2, #formDialogCareer .header h2 { color: #fff; margin: 0; display: block; padding: 0; font-size: 30px; line-height: 30px; } #formDialogContact .inner, #formDialogCareer .inner { margin: 30px; } #formDialogContact .inner h3, #formDialogCareer .inner h3 { padding: 0.8em; color: #1a1d27; margin: 20px 0; } #formDialogContact.mailForm .row, #formDialogCareer.mailForm .row { margin: 20px 0 10px 0; position: relative; } .fancy-form .fancybox-close { top: 26px; right: 30px; } .mailForm .mForm_item.fv_forget .required .bubble { visibility: visible; opacity: 1; } .mailForm .mForm_item.fv_required .required { display: block; } .mailForm .required { box-sizing: content-box; position: absolute; cursor: pointer; right: 12px; height: 5px; width: 5px; display: none; border-radius: 50%; top: 18px; margin-top: -2px; z-index: 10; background-color: #f81e20; } .required .bubble { transition: opacity 0.3s ease-in-out; visibility: collapse; opacity: 0; font-size: 16px; font-weight: 100; position: absolute; text-align: center; right: -10px; width: 200px; padding: 0.5em 0.8em; bottom: 16px; background-color: #fff; /*box-shadow: 0 0 9px rgba(131,145,157,0.6);*/ border: solid 2px #107f97; } .required .bubble:after { content: ""; position: absolute; top: 100%; right: 6px; width: 0; height: 0; border: solid 6px transparent; border-top: solid 8px #107f97; } .required:hover .bubble { visibility: visible; opacity: 1; } .mForm_input { position: relative; } .news_item_detail .img_preview { float: none; display: inline-block; } .news_item.one_detail .goBack { display: inline-block; line-height: 100%; color: #fff; background: #fd0001; padding: 15px 15px 12px; margin-bottom: 20px;} .stripe.padmore.news-stripe { background: #f0f0f0; margin: 0px; padding: 30px 0px; margin-bottom: 15px; } .stripe.padmore.news-stripe .newsBox .moreNews { clear: both; padding-top: 20px; font-size: 18px; font-weight: 600; text-align: right; } .stripe.padmore.news-stripe .newsBox .news_item { height: 264px; position: relative; } .stripe.padmore.news-stripe .newsBox .news_item .perex { word-break: break-word; } .stripe.padmore.news-stripe .newsBox .news_item .img { display: block; float: left; overflow: hidden; border-radius: 3px; width: 100px; } .stripe.padmore.news-stripe .newsBox .news_item .bgimg { width: 100%; padding-top: 100px; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: cover;} .stripe.padmore.news-stripe .newsBox .news_item .more { display: block; position: absolute; bottom: 0px; left: 0px; } #footer { background-color: #1a1d27; padding: 30px 0 40px 0; margin: 0; font-size: 16px; color: #a8b0cb; line-height: 1.2em; font-weight: 500; } #footer a { color: #6c7283; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p { color: #a8b0cb; } #footer h2 { color: #fd0001; font-size: 16px; font-weight: 600; margin: 0 0 15px 0; padding: 0; } #footer .tablecell { float: none; width: 250px; display: table-cell; vertical-align: middle; padding: 0 50px 0 0; position: relative; } #footer .tablecell.links { vertical-align: top; } #footer .links a { display: block; color: #fff; } #footer .tablecell.last { margin-right: 0; margin-left: auto; padding: 0 0 0 100px; width: 500px; } #footer .button { color: #9aa2ba; border-color: #6c7283; font-size: 14px; height: 43px; line-height: 43px; padding: 0 15px; } #footer .copy { text-align: left; float: right; overflow: hidden; font-size: 14px; color: #a8b0cb; } #footer .copy span { color: #6c7283; } #footer .copy a { color: #6c7283; text-decoration: underline; } #footer .copy a:hover {text-decoration: none; } #footer .copy .uvm { color: #fd0001; font-size: 14px; text-decoration: underline; text-transform: uppercase; } /* ******************** */ /* nove upravy 7.6.2017 */ /* ******************** */ .close-btn, .menu-toggle { display: none; } #intro.half-banners .banner { width: 55%; height: 100%; position: absolute; top: 0; overflow: hidden; transform: skewX(15deg); -webkit-transform: skewX(15deg); -ms-transform: skewX(15deg); } #intro.half-banners .banner1 { left: -5%; } #intro.half-banners .banner2 { left: 50%; } #intro.half-banners .banner:after { display: block; content: ''; width: 80%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: transparent; background: -webkit-linear-gradient(left, rgba(0,0,0,.6), transparent); background: -o-linear-gradient(right, rgba(0,0,0,.6), transparent); background: -moz-linear-gradient(right, rgba(0,0,0,.6), transparentw); background: linear-gradient(to right, rgba(0,0,0,.6), transparent); } #intro.half-banners .banner .ban-bg { position: absolute; width: 110%; height: 100%; top: 0px; left: 0px; transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); background-repeat: no-repeat; background-size: cover; background-position: center } #intro.half-banners .banner1 .ban-bg { background-image: url("../images/photo1.jpg"); } #intro.half-banners .banner2 .ban-bg { left: -10%; background-image: url("../images/photo3-new.jpg"); } #intro.half-banners .banner .content { position: relative; z-index: 3; width: 80%; margin: 0px auto; padding: 150px 0px 0px 0px; transform: skewX(-15deg); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); } #intro.half-banners .banner .content h2 { display: inline-block; padding: 0px; margin: 0px; transition: all .5s; -webkit-transition: all .5s; transform: translateZ(0px); -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); } #intro.half-banners .banner .content h2:hover { transform: translateY(-5px) translateZ(0px); -webkit-transform: translateY(-5px) translateZ(0px); -ms-transform: translateY(-5px) translateZ(0px); text-shadow: 1px 6px 10px rgba(0,0,0,0.5); } .social-phone { display: none; }