@font-face {
font-family: 'FamiliarPro';
src: url('/design/base/font/familiarpro-regular.eot');
src: url('/design/base/font/familiarpro-regular.eot?#iefix') format('embedded-opentype'),
url('/design/base/font/familiarpro-regular.woff') format('woff'),
url('/design/base/font/familiarpro-regular.ttf') format('truetype'),
url('/design/base/font/familiarpro-regular.svg#familiar_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FamiliarPro';
src: url('/design/base/font/familiarpro-bold.eot');
src: url('/design/base/font/familiarpro-bold.eot?#iefix') format('embedded-opentype'),
url('/design/base/font/familiarpro-bold.woff') format('woff'),
url('/design/base/font/familiarpro-bold.ttf') format('truetype'),
url('/design/base/font/familiarpro-bold.svg#familiar_probold') format('svg');
font-weight: bold;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'FamiliarPro';
src: url('/design/base/font/familiarpro-regular.svg#familiar_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FamiliarPro';
src: url('/design/base/font/familiarpro-bold.svg#familiar_probold') format('svg');
font-weight: bold;
font-style: normal;
}
}
body {font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #ffffff url('../img/bg-top.png') top center repeat-x; font-size: 14px; margin:0; padding:0;}
.clear {clear: both; height:1px;}
img{border:none;}
#body-fb {background-image: none;}
#page {width: 950px; margin: 0 auto;}
#page #head {height: 96px;}
#page #head #logo {width: 500px; height: 33px; float: left; margin: 35px 0 0 0;}
#page #head #logo #logoImg {width: 119px; display: block; float: left;}
#page #head #logo #logoImg img {height: 40px;}
#page #head #logo #logoText {height: 19px; display: block; float: left; border-left: 1px solid #a7a7a7; color: #a7a7a7; text-decoration: none; padding: 10px 0 0 30px; font-size: 14px;}
#page #head #brands-group {width: 100px; height: 47px; float: right; margin: 39px 0 0 0;}
#page #main-menu-holder {width: 950px; height: 37px; background: url('../img/bg-menu.png') center no-repeat; margin: 0 0 13px 0;}
#page #main-menu-holder #menu {height: 37px; float: left; list-style: none; margin: 0; padding: 0; text-shadow: 0 1px 1px #2E2E2E; font-size: 15px; line-height: 15px;}
#page #main-menu-holder #menu li {padding: 0 2px 0 0; float: left; height: 37px; background: url('../img/menu-separator.png') right no-repeat;}
#page #main-menu-holder #menu li a {height: 26px; display: inline-block; text-decoration: none; color: white; padding: 11px 18px 0 18px;}
#page #main-menu-holder #menu li a.active {background: url('../img/menu-active.png') top center no-repeat;}
#page #main-menu-holder #menu li:first-child a.active {background: url('../img/menu-active-uvod.png') left no-repeat;}
#page #main-menu-holder #menu li a:hover {background: url('../img/menu-active.png') top center no-repeat;}
#page #main-menu-holder #menu li:first-child a:hover {background: url('../img/menu-active-uvod.png') left no-repeat;}
#page #main-menu-holder #menu li ul {margin: 0 0 0 -2px; padding: 0; position: absolute; visibility: hidden; z-index: 1000; font-size: 12px; background: #656565; border-radius: 0 0 2px 2px;}
#page #main-menu-holder #menu li ul li {float: none; display: inline; z-index: 100; padding: 0;}
#page #main-menu-holder #menu li ul li a {width: auto; color: #ffffff; display: block; border-left: none; border-top:1px solid white; padding:12px 32px 5px 22px; line-height: 12px; height:20px;}
#page #main-menu-holder #menu li ul li a.active {background: #8a8a8a url('../img/submenu-arrow.png') right 10px center no-repeat; color: #ffffff;}
#page #main-menu-holder #menu li ul li a.active:last-child {border-radius: 0 0 2px 2px;}
#page #main-menu-holder #menu li ul li a:hover {background: #8a8a8a url('../img/submenu-arrow.png') right 10px center no-repeat; color: #ffffff;}
#page #main-menu-holder #menu li ul li a:hover:last-child {border-radius: 0 0 2px 2px;}
#page #main-menu-holder #menu li ul li:first-child a.active {background: #8a8a8a url('../img/submenu-arrow.png') right 10px center no-repeat; color: #ffffff;}
#page #main-menu-holder #menu li ul li:first-child a:hover {background: #8a8a8a url('../img/submenu-arrow.png') right 10px center no-repeat; color: #ffffff;}
#page #main-menu-holder #langmenu {display: none; height: 37px; background: url('../img/menu-separator.png') left no-repeat; float: right; padding: 0 11px 0 11px; font-size: 11px;}
#page #main-menu-holder #langmenu a {text-shadow: 0 1px 1px #2E2E2E; color: white; text-decoration: none; text-transform: uppercase; padding: 11px 4px 0 4px; display: inline-block;}
#page #main-menu-holder #langmenu a.active {background: url('../img/menu-active.png') top center no-repeat; color: #006AB3;}
#page #main-menu-holder #langmenu a:hover {background: url('../img/menu-active.png') top center no-repeat;}
#page #slider {width: 950px; height: 357px; overflow: hidden; position: relative; margin: 0 0 13px 0;}
#page #slider img {position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block;}
#page #slider img:first-child {position: static; z-index: 100;}
#page #slider .cycle-pager {text-align: center; z-index: 1000 !important; position: absolute; right: 20px; top: 164px;}
#page #slider .cycle-pager span {text-indent:-9999px; width: 7px; height: 7px; cursor: pointer; display: block; background: url('../img/dot-white.png') top center no-repeat; margin: 4px 0 4px 0;}
#page #slider .cycle-pager span.cycle-pager-active {background: url('../img/dot-gray.png') top center no-repeat;}
#page #slider .cycle-pager > * { cursor: pointer;}
#page #home-banners {margin: 13px 0 0 0;}
#page #home-banners .banner {width: 308px; float: left;}
#page #home-banners .banner-middle {margin: 0 13px 0 13px;}
#page #home-banners .banner a {text-decoration: none;}
#page #home-banners .banner h2 a {color: #9c9c9c;}
#page #home-banners .banner h2 {font-size: 15px; padding: 0; margin: 11px 0 0 10px;}
#page #company-showcase {float: left; width: 457px; height: 270px; padding: 0 0 0 11px; background: url('../img/bg-company-showcase.png') top center no-repeat;}
#page #company-showcase h1 {height: 25px; line-height: 15px; margin: 0; padding: 12px 0 0 0; color: #676767; font-weight: normal; font-size: 15px;}
#page #company-showcase h1 a {text-decoration: none; color: #676767;}
#page #company-showcase h2 {height: 25px; line-height: 15px; margin: 0; padding: 12px 0 0 0; color: #676767; font-weight: normal; font-size: 15px;}
#page #company-showcase h2 a {text-decoration: none; color: #676767;}
#page #company-showcase p {width: 255px; font-size: 14px; color: #676767;}
#page #company-showcase .link-arrow {background: url('../img/h2-arrow2.png') left no-repeat; display: block; width: 11px; height: 11px;}
#page #news-home {width: 468px; height: 270px; background: url('../img/bg-news.png') top center no-repeat; float: right; overflow: hidden;}
#page #news-home h2 {height: 25px; line-height: 15px; margin: 0; padding: 12px 0 0 11px; color: #676767; font-weight: normal; font-size: 15px;}
#page #news-home h2 a {text-decoration: none; color: #676767;}
#page #news-home .aktualita-uvod {margin: 13px 0 9px 13px;}
#page #news-home .aktualita-uvod:hover {background: #d2d2d2;}
#page #news-home .aktualita-uvod .image {width: 80px; float: left; margin: 0 20px 0 0;}
#page #news-home .aktualita-uvod .image img {border: 1px solid #d2d2d2;}
#page #news-home .aktualita-uvod .image img:visited {border: 1px solid #d2d2d2;}
#page #news-home .aktualita-uvod .text {width: 335px; float: left;}
#page #news-home .aktualita-uvod .text h3 {margin: 8px 0 0 0; padding: 0; color: #676767; font-weight: normal; font-size: 14px; background: url('../img/h2-arrow2.png') right no-repeat;}
#page #news-home .aktualita-uvod .text h3 a {text-decoration: none; color: #676767; display: block;}
#page #news-home .aktualita-uvod .text h3 a:hover {text-decoration: underline;}
#page #news-home .aktualita-uvod .text p {margin: 0; padding: 0; font-size: 10px; color: #969696;}
#page #news-home .aktualita-uvod .text .preview {height: 24px; overflow: hidden;}
#page #news-home .aktualita-uvod .text .date {margin: 3px 0 3px 0 !important; padding: 0; font-size: 10px; color: #969696;}
#page #main-content {}
#page #main-content #content-left {float: left; width: 629px;}
#page #main-content #content-left #content-left-main {width: 629px; background: url('../img/content-left-main.png') repeat-y; color: #676767; padding: 0 0 5px 0;}
#page #main-content #content-left #content-left-main h1 {line-height: 24px; font-size: 24px; width: 616px; height: 29px; margin: 0; padding: 8px 0 0 13px; background: url('../img/content-left-h1.png') top center no-repeat; font-weight: normal;}
#page #main-content #content-left #content-left-main p {margin: 10px 13px 0 13px; text-align: justify;}
#page #main-content #content-left #content-left-main img {margin: 10px 13px 10px 13px;}
#page #main-content #content-left #content-left-main table {margin-left: 13px;}
#page #main-content #content-left #content-left-main a {color: #676767;}
#page #main-content #content-left #content-left-main h2 {margin-left: 13px; font-weight: normal; font-size: 20px;}
#page #main-content #content-left #content-left-main h3 {margin-left: 13px; font-weight: normal; font-size: 16px;}
#page #main-content #content-left #content-left-main .firemni-casopis {width: 603px; margin: 20px 0 5px 13px; background: #E0E0E0; border-collapse: collapse;}
#page #main-content #content-left #content-left-main .firemni-casopis tr td {}
#page #main-content #content-left #content-left-main .firemni-casopis tr td .thumb {display: block; float:left; }
#page #main-content #content-left #content-left-main .firemni-casopis tr td .link {padding:0 0 0 25px; display: block; margin:36px 0 0 0; float:left; width:200px; height:25px; background: url(http://www.koyobearings.cz/design/base/img/h2-arrow2.png) 5px 0 no-repeat;}
#page #main-content #content-left #content-left-main .firemni-casopis tr td {padding: 10px;}
#page #main-content #content-left #content-left-main .firemni-casopis tr:hover td {background: #d2d2d2;}
#page #main-content #content-left #content-left-main .firemni-casopis .tbl-head {font-weight: bold; background: #D3D3D3;}
#page #main-content #content-left #content-left-main .firemni-casopis .tbl-head .nazev {width: 420px; height: 35px;}
#page #main-content #content-left #content-left-main .firemni-casopis .dwn {background: url('../img/download.png') left no-repeat; display: block; padding: 0 0 0 20px; margin: 0 0 0 25px;}
#page #main-content #content-left #content-left-main .tiskove-zpravy {width: 603px; margin: 20px 0 5px 13px; background: #E0E0E0; border-collapse: collapse; font-size: 11px; line-height: 13px;}
#page #main-content #content-left #content-left-main .tiskove-zpravy tr td {}
#page #main-content #content-left #content-left-main .tiskove-zpravy tr td .thumb {display: block; float:left; }
#page #main-content #content-left #content-left-main .tiskove-zpravy tr td .link {padding:15px 0 0 25px; display: block; margin:0; float:left; width:435px; min-height:25px; background: url(http://www.koyobearings.cz/design/base/img/h2-arrow2.png) 5px 15px no-repeat;}
#page #main-content #content-left #content-left-main .tiskove-zpravy tr td {padding: 10px;}
#page #main-content #content-left #content-left-main .tiskove-zpravy tr:hover td {background: #d2d2d2;}
#page #main-content #content-left #content-left-main .tiskove-zpravy .tbl-head {font-weight: bold; background: #D3D3D3;}
#page #main-content #content-left #content-left-main .tiskove-zpravy .tbl-head .nazev {width: 460px; height: 35px;}
#page #main-content #content-left #content-left-main .tiskove-zpravy .dwn {background: url('../img/download.png') left no-repeat; display: block; padding: 0 0 0 20px; margin: 0 0 0 25px;}
#page #main-content #content-left #content-left-main .right-image {float: right; margin: 0 13px 13px 13px;}
#page #main-content #content-left #content-left-main .right-image:last-of-type {margin-bottom:0;}
#page #main-content #content-left #content-left-main .video {margin: 0 0 0 13px; border: 1px solid #A6A6A6;}
#page #main-content #content-left #content-left-main .aktualita-detail-image {float: right; margin: 0 13px 10px 10px; border: 1px solid #d2d2d2;}
#page #main-content #content-left #content-left-main .datum {margin: 0 0 0 13px; padding: 0; font-size: 11px;}
#page #main-content #content-left #content-left-main .aktualita-back {background: url('../img/back-arrow.png') left no-repeat; padding: 0 0 0 20px; display: block; text-decoration: none; color: #969696; margin: 20px 0 0 0;}
#page #main-content #content-left #content-left-main .contentRightImg {float:right; margin: 20px 0 13px 13px;}
#page #main-content #content-left #content-left-main .aktualita-back:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main .partnerLogos {margin: 20px 0 0 13px; width:626px;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox {width: 603px; height: 60px; text-align: left; vertical-align: middle; float: left; margin:0; display: table;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox:hover {background: #d2d2d2; cursor: pointer;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox .logo {display: table-cell; width: 80px; height: 40px; vertical-align: middle;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox .logo img {width: 40px;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox .logoTitle {display: table-cell; vertical-align: middle; padding: 5px;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox .logoTitle a {text-decoration: none;}
#page #main-content #content-left #content-left-main .partnerLogos .logoBox .row {display: table-row;}
#page #main-content #content-left #content-left-main .terms {font-size: 9px; margin:20px 13px 0 13px;}
#page #main-content #content-left #content-left-main .carLogos {margin: 20px 0 30px 13px;}
#page #main-content #content-left #content-left-main .carLogos .carLogo {float: left; margin: 0 15px 0 0;}
#page #main-content #content-left #content-left-main .files {}
#page #main-content #content-left #content-left-main .files a {height: 20px; line-height: 20px; display: block; text-decoration: none; padding: 0 0 0 20px; margin: 0 0 0 13px; background: url('../img/download.png') left no-repeat;}
#page #main-content #content-left #content-left-main .files a:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main .photos {margin: 0 0 0 13px;}
#page #main-content #content-left #content-left-main .photos img {float: left; margin: 0 10px 10px 0; border: 1px solid #d2d2d2;}
#page #main-content #content-left #content-left-main .contactForm h2 {display: none;}
#page #main-content #content-left #content-left-main .contactForm .contactHolder {padding: 0 0 20px 0;}
#page #main-content #content-left #content-left-main .contactForm .contactHolder input {margin: 13px 0 13px 13px; padding: 0 0 0 5px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #E1E1E1; color: #737373; width: 596px; height: 35px; font-size: 12px; display: block; border-radius: 2px;}
#page #main-content #content-left #content-left-main .contactForm .contactHolder textarea {padding: 5px; margin: 3px 0 3px 13px; width: 591px; height: 122px; border: none; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; color: #737373; font-size: 12px; border: 1px solid #A6A6A6; background-size: 100%; background: #E1E1E1; border-radius: 2px;}
#page #main-content #content-left #content-left-main .contactForm .contactHolder .button-send {background: #fff url('../img/h2-arrow2.png') 10px no-repeat; padding: 10px 10px 10px 26px; display: block; text-decoration: none; margin: 10px 0 0 12px; font-size: 14px; line-height: 14px; font-weight: bold; border: 1px solid #d2d2d2; border-radius: 5px;}
#page #main-content #content-left #content-left-main .contactForm .contactHolder .recaptchaDiv {margin: 12px;}
#page #main-content #content-left #content-left-main .history {margin: 13px 13px 5px 13px; background: #E0E0E0; border-collapse: collapse;}
#page #main-content #content-left #content-left-main .history tr th {width: 100px;text-align: center; background: #d2d2d2;}
#page #main-content #content-left #content-left-main .history tr td {padding: 10px; }
#page #main-content #content-left #content-left-main .history tr:hover td {background: #d2d2d2;}
#page #main-content #content-left #content-left-main .contactBox {background: #E0E0E0; width: 295px; margin:13px 0 13px 13px; float: left; height: 270px;}
#page #main-content #content-left #content-left-main .contactFormButton {color: #ffffff; border: 1px solid #A6A6A6; background: #A6A6A6 url('../img/h2-arrow.png') 5px no-repeat; display: block; border-radius: 2px; height: 23px; font-size: 15px; padding: 7px 0 0 25px; margin: 52px 0 0 0; width: auto; text-decoration: none;}
#page #main-content #content-left #content-left-main .contactFormButton:hover {background: #d7d7d7 url('../img/h2-arrow2.png') 5px no-repeat; color: #676767;}
#page #main-content #content-left #content-left-main .benefityButton {color: #ffffff; border: 1px solid #A6A6A6; background: #A6A6A6 url('../img/h2-arrow.png') 5px no-repeat; display: block; border-radius: 2px; height: 23px; font-size: 15px; padding: 7px 0 0 25px; text-decoration: none; max-width: 150px; margin: 10px 13px 10px 13px;}
#page #main-content #content-left #content-left-main .benefityButton:hover {background: #d7d7d7 url('../img/h2-arrow2.png') 5px no-repeat; color: #676767;}
#page #main-content #content-left #content-left-main #benefity ul {list-style: outside url('../img/h2-arrow2.png'); line-height: 1.5em; margin:0; padding:5px 0 5px 20px; float: left; width:350px;}
#page #main-content #content-left #content-left-main #benefity .benefity-image {float: left; margin: 15px 13px 0 13px;}
#page #main-content #content-left #content-left-main #benefity .benefitTitle {margin:15px 0 10px 0;}
#page #main-content #content-left #content-left-main #profese {padding: 13px 0 13px 13px; margin: 10px 0 10px 0; background: #d7d7d7;}
#page #main-content #content-left #content-left-main #profese .profeseItem {margin: 0 0 10px 0; width: 603px;}
#page #main-content #content-left #content-left-main #profese .profeseItem:hover {background-color: #eaeaea;}
#page #main-content #content-left #content-left-main #profese .profeseItem .img {float: left;}
#page #main-content #content-left #content-left-main #profese .profeseItem .img img {margin:0;}
#page #main-content #content-left #content-left-main #profese .profeseItem .title {float: left;}
#page #main-content #content-left #content-left-main #profese .profeseItem .title h3 {background: url('../img/h2-arrow2.png') 17px 21px no-repeat; margin: 0 0 0 0; color: #676767; font-weight: normal; font-size: 15px; height: 38px; width: 493px; padding:15px 0 0 20px;}
#page #main-content #content-left #content-left-main #profese .profeseItem .title h3 a {text-decoration: none; color: #676767; display: block; margin:0; padding: 5px 0 5px 24px; }
#page #main-content #content-left #content-left-main #profese .profeseItem .title h3 a:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main #profese2 {padding: 0 0 0 13px; margin: 10px 0 10px 0;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem {margin: 0 0 13px 0; width:603px;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem:hover {background-color: #d7d7d7;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .img {float: left;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .img img {margin: 0;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .title {float: left; width: 410px}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .title h2 {margin: 0 0 0 0; color: #676767; padding:0;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .title h2 a {text-decoration: none; color: #676767; display: block; margin:0; padding: 2px 0 5px 13px; }
#page #main-content #content-left #content-left-main #profese2 .profeseItem .title h2 a:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .title .text {margin:0 0 0 13px;}
#page #main-content #content-left #content-left-main #profese2 .profeseItem .title .text ul {list-style: outside url('../img/h2-arrow2.png'); line-height: 1.5em; margin:0; padding:5px 0 5px 20px; float: left;}
#page #main-content #content-left #content-left-main #profese-detail .img {width: 629px; overflow: hidden; padding:}
#page #main-content #content-left #content-left-main #profese-detail .img img {width: 603px; margin:13px;}
#page #main-content #content-left #content-left-main #profese-detail .text .button {width: 147px; height: 22px; line-height: 17px; font-weight: bold; margin: 15px 0 0 13px; display: block; background: url(../img/button-request.png) no-repeat; text-decoration: none; padding: 5px 0 0 10px;}
#page #main-content #content-left #content-left-main #profese-detail .text ul {list-style: url('../img/h2-arrow2.png'); line-height: 1.5em;}
#page #main-content #content-left #content-left-main #profese-footer p {font-size: 10px; margin:15px 13px 0 13px;}
#page #main-content #content-left #content-left-main #profese-footer .back {background: url('../img/back-arrow.png') left no-repeat; padding: 0 0 0 15px; display: block; text-decoration: none; color: #969696; margin: 15px 0 0 13px;}
#page #main-content #content-left #content-left-main #certificates .certificateItem {float: left; width:235px; text-align: center; margin: 0 0 13px 13px; background: #E0E0E0; padding:30px;}
#page #main-content #content-left #content-left-main #certificates .certificateItem:hover {background: #d2d2d2;}
#page #main-content #content-left #content-left-main #certificates .certificateItem a {display: block;}
#page #main-content #content-left #content-left-main #certificates .certificateItem a img {width:100px;}
#page #main-content #content-left #content-left-main #aktuality {margin: 20px 0 0 0;}
#page #main-content #content-left #content-left-main #aktuality .aktualita {margin: 9px 13px 9px 13px;}
#page #main-content #content-left #content-left-main #aktuality .aktualita .image {width: 130px; float: left; margin: 0 20px 10px 0;}
#page #main-content #content-left #content-left-main #aktuality .aktualita .image img {border: 1px solid #d2d2d2; margin: 0;}
#page #main-content #content-left #content-left-main #aktuality .aktualita h3 {margin: 0; padding: 0; color: #676767; font-weight: normal; font-size: 14px;}
#page #main-content #content-left #content-left-main #aktuality .aktualita h3 a {text-decoration: none; color: #676767; display: block;}
#page #main-content #content-left #content-left-main #aktuality .aktualita h3 a:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main #aktuality .aktualita .date {margin: 5px 0 5px 0 !important; padding: 0; font-size: 11px; color: #969696;}
#page #main-content #content-left #content-left-main #aktuality .aktualita p {margin: 0; padding: 0; font-size: 13px; color: #969696;}
#page #main-content #content-left #content-left-main #aktuality .aktualita p a {color: #969696;}
#page #main-content #content-left #content-left-main #requestForm {margin: 20px 0 0 13px;}
#page #main-content #content-left #content-left-main #requestForm tr td.sloupec1 {width: 150px;}
#page #main-content #content-left #content-left-main #requestForm input {margin: 0 0 5px 0; padding: 0 0 0 5px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #E1E1E1; color: #737373; width: 396px; height: 35px; font-size: 12px; border-radius: 2px;}
#page #main-content #content-left #content-left-main #requestForm textarea {padding: 5px; margin: 0 0 5px 0; width: 391px; height: 79px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; color: #737373; font-size: 12px; background: #E1E1E1; border-radius: 2px;}
#page #main-content #content-left #content-left-main #requestForm .button-send {background: #fff url('../img/h2-arrow2.png') 10px no-repeat; padding: 10px 10px 10px 26px; display: block; text-decoration: none; margin: 25px 0 0 0; font-size: 14px; font-weight: bold; border: 1px solid #d2d2d2; border-radius: 5px;}
#page #main-content #content-left #content-left-main #requestForm .recaptchaDiv {padding-top: 32px;}
#page #main-content #content-left #content-left-main #requestForm .priloha {float: left; background: #E1E1E1; border: 1px solid #A6A6A6; width: 265px; height: 27px; padding: 8px 0 0 2px; border-radius: 2px 2px 2px 2px; margin:0 0 5px 0; overflow: hidden;}
#page #main-content #content-left #content-left-main #requestForm .priloha input {border: none; outline: none; background: none !important; margin: 0 !important; padding: 0 !important;}
#page #main-content #content-left #content-left-main #requestForm #remAttachment {font-size: 11px; float: left; margin: 12px 0 0 15px; text-decoration: none; background: url(../img/minus.png)left no-repeat; display: inline-block; padding: 2px 0 0 16px;}
#page #main-content #content-left #content-left-main #requestForm #remAttachment:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main #requestForm #addAttachment {font-size: 11px; text-decoration: none; background: url(../img/plus.png)left no-repeat; display: inline-block; padding: 2px 0 0 16px;}
#page #main-content #content-left #content-left-main #requestForm #addAttachment:hover {text-decoration: underline;}
#page #main-content #content-left #content-left-main #requestForm .customSelect {margin: 0 0 5px 0; padding: 12px 0 0 10px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #E1E1E1 url('../img/customselect.png') center right no-repeat; color: #737373; width: 391px; height: 23px; font-size: 12px; border-radius: 2px;}
#page #main-content #content-left #content-left-main #magazine-detail .back {background: url('../img/back-arrow.png') left no-repeat; padding: 0 0 0 20px; display: block; text-decoration: none; color: #969696; margin: 13px 13px 0 13px;}
#page #main-content #content-left #content-left-main #mapContainer {width: 603px; margin:13px 13px 0 13px; padding: 0; font-size: 100%;}
#page #main-content #content-left #content-left-main #mapContainer iframe {url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; pointer-events: none; border: 1px solid #A6A6A6; border-radius: 2px;}
#page #main-content #content-left #content-left-main #mapContainer iframe.clicked {pointer-events: auto;}
#page #main-content #content-left #content-left-main #mapContainer .textHeadline {font-size: 288%; margin: 0 0 20px 0;}
#page #main-content #content-left #content-left-main #tiskove-zpravy-detail h1 {height:auto; padding-bottom: 5px; background-size: cover;}
#page #main-content #content-left #content-left-main #tiskove-zpravy-detail .back {background: url('../img/back-arrow.png') left no-repeat; padding: 0 0 0 20px; display: block; text-decoration: none; color: #969696; margin: 13px 13px 0 13px;}
#page #main-content #content-left #content-left-bottom {width: 629px; height: 8px; background: url('../img/content-left-bottom.png') top center no-repeat;}
#page #main-content #content-right {float: right; width: 308px; color: #676767;}
#page #main-content #content-right .box {width: 308px; margin: 0 0 13px 0; background: url('../img/content-right-main.png') bottom center;}
#page #main-content #content-right .box .box-head {width: 308px; height: 37px; background: url('../img/content-right-head.png') top center no-repeat;}
#page #main-content #content-right .box .box-head h2 {width: 308px; margin: 0 0 0 13px; padding: 10px 0 0 0; font-weight: normal; font-size: 16px;}
#page #main-content #content-right .box .box-head h2 a {text-decoration: none; color: #676767;}
#page #main-content #content-right .box .box-content {width: 308px;}
#page #main-content #content-right .box .box-content a {color: #676767;}
#page #main-content #content-right .box .box-content p {margin: 0 13px 0 13px; padding: 10px 0 10px 0;}
#page #main-content #content-right .box .box-content .aktualita-right {margin: 9px 13px 9px 13px;}
#page #main-content #content-right .box .box-content .aktualita-right .image {width: 80px; float: left; margin: 0 20px 10px 0;}
#page #main-content #content-right .box .box-content .aktualita-right .image img {border: 1px solid #d2d2d2;}
#page #main-content #content-right .box .box-content .aktualita-right h3 {margin: 0; padding: 0; color: #676767; font-weight: normal; font-size: 13px;}
#page #main-content #content-right .box .box-content .aktualita-right h3 a {text-decoration: none; color: #676767; display: block;}
#page #main-content #content-right .box .box-content .aktualita-right h3 a:hover {text-decoration: underline;}
#page #main-content #content-right .box .box-content .aktualita-right .date {margin: 5px 0 5px 0 !important; padding: 0; font-size: 10px; color: #969696;}
#page #main-content #content-right .box .box-content .aktualita-right p {margin: 0; padding: 0; font-size: 10px; color: #969696;}
#page #main-content #content-right .box .aktuality-link {color: #676767; margin: 5px 0 10px 13px; text-decoration: none; padding: 0 15px 0 0; display: inline-block; font-size: 11px; background: url('../img/h2-arrow2.png') right no-repeat;}
#page #main-content #content-right .box .aktuality-link:hover {text-decoration: underline;}
#page #main-content #content-right .box .box-content #contactForm .contactHolder {padding: 0 0 20px 0;}
#page #main-content #content-right .box .box-content #contactForm .contactHolder input {margin: 3px 0 5px 13px; padding: 0 0 0 5px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #E1E1E1; color: #737373; width: 275px; height: 25px; font-size: 12px; border-radius: 2px;}
#page #main-content #content-right .box .box-content #contactForm .contactHolder textarea {padding: 5px; margin: 3px 0 3px 13px; width: 270px; height: 122px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; color: #737373; font-size: 12px; background: #E1E1E1; border-radius: 2px;}
#page #main-content #content-right .box .box-content #contactForm .contactHolder .button-send {background: url('../img/h2-arrow2.png') left no-repeat; padding: 0 0 0 15px; display: block; text-decoration: none; margin: 10px 0 0 13px; font-size: 13px;}
#page #main-content #content-right .career-banner {text-decoration: none; color: #FFFFFF; font-size:16px; font-weight: bold; display:block; width: 293px; height: 35px; margin: 13px 0 0 0; padding: 15px 0 0 15px; background: url('../img/career-banner-request.jpg') top left no-repeat; text-shadow: 0 1px 1px #2E2E2E;}
#page #main-content #content-right .contactForm {margin: 13px 0 0 0;}
#page #main-content #content-right .career-banner:hover {background: url('../img/career-banner-request-2.jpg') top left no-repeat;}
#page #footer {color: #ffffff;width: 950px; height: 272px; background: url('../img/bg-footer.png') top center no-repeat; margin: 13px 0 13px 0; position: relative;}
#page #footer .footer-item {width: 220px; float: left; margin: 23px 0 0 12px;}
#page #footer .footer-item h2 {width: 190px; float: left; color: #ffffff; font-size: 15px; margin: 0 0 10px 0; padding: 0 0 0 20px; font-weight: normal; background: url('../img/h2-arrow.png') left no-repeat;}
#page #footer .footer-item h2 a {color: #ffffff; text-decoration: none;}
#page #footer .footer-item h2 a:hover {text-decoration: underline;}
#page #footer .footer-item h3 {color: #ffffff; font-size: 12px; margin: 0 0 5px 20px; padding: 0; font-weight: normal;}
#page #footer .footer-item h3 a {color: #ffffff; text-decoration: none;}
#page #footer .footer-item h3 a:hover {text-decoration: underline;}
#page #footer .footer-bottom {font-size: 11px; position: absolute; bottom: 12px; width: 950px;}
#page #footer .footer-bottom .copyright {float: left; color: #ffffff; margin: 0 0 0 12px;}
#page #footer .footer-bottom .copyright a {color: #ffffff; text-decoration: none;}
#page #footer .footer-bottom .copyright a:hover {text-decoration: underline;}
#page #footer .footer-bottom .footer-menu {float: right; color: #ffffff; margin: 0 12px 0 0;}
#page #footer .footer-bottom .footer-menu a {color: #ffffff; text-decoration: none;}
#page #footer .footer-bottom .footer-menu a:hover {text-decoration: underline;}
#page #footer #share-icons {position: absolute; right: 12px; top: 20px; width: 22px;}
#page #footer #share-icons img {margin: 0 0 8px 0;}
#paging {margin: 15px 0 5px 13px;}
#paging a {padding: 5px; background: #C6C6C6; color: white; text-decoration: none; margin: 0 5px 0 0;}
#paging a:hover {background: #006AB3; color: white !important;}
#paging a.active {font-weight: bold; padding: 5px; background: #006AB3; color: white !important; text-decoration: none;}
/*------------------------- Facebook Career ---------------------------------*/
#page-fb {padding: 0 10px; width: 774px; color: #676767;}
#page-fb a {color:#5d5d5d}
#page-fb #head {height: 86px;}
#page-fb #head #logo {width: 500px; height: 33px; float: left; margin: 25px 0 0 0;}
#page-fb #head #logo #logoImg {width: 119px; display: block; float: left;}
#page-fb #head #logo #logoImg img {height: 40px;}
#page-fb #head #logo #logoText {height: 19px; display: block; float: left; border-left: 1px solid #a7a7a7; color: #a7a7a7; text-decoration: none; padding: 10px 0 0 30px; font-size: 14px;}
#page-fb #head #brands-group {width: 91px; height: 47px; float: right; margin: 19px 0 0 0;}
#page-fb #tabs-container {width: 774px;}
#page-fb #main-menu-holder {width: 774px; height: 37px; background: url('../img/bg-menu-fb.png') center no-repeat; margin: 0 0 13px 0;}
#page-fb #tabs-container .tabs-menu {height: 37px; float: left; list-style: none; margin: 0; padding: 0; text-shadow: 0 1px 1px #2E2E2E; font-size: 15px; line-height: 15px;}
#page-fb #tabs-container .tabs-menu li {padding: 0 2px 0 0; float: left; height: 37px; background: url('../img/menu-separator.png') right no-repeat;}
#page-fb #tabs-container .tabs-menu li a {height: 26px; display: inline-block; text-decoration: none; color: white; padding: 11px 18px 0 18px;}
#page-fb #tabs-container .tabs-menu li.current a {background: url('../img/menu-active.png') top center no-repeat;}
#page-fb #tabs-container .tabs-menu li:first-child.current a {background: url('../img/menu-active-uvod-fb.png') top left no-repeat;}
#page-fb #tabs-container .tabs-menu li a:hover {background: url('../img/menu-active.png') top center no-repeat;}
#page-fb #tabs-container .tabs-menu li:first-child a:hover {background: url('../img/menu-active-uvod-fb.png') top left no-repeat;}
#page-fb #tabs-container .tab {width: 100%; margin:0; padding:0; background: #ebebeb;}
#page-fb #tabs-container .tab-content {width: 774px; padding: 0; display: none; }
#page-fb #tabs-container .tab-content h1 {line-height: 24px; font-size: 24px; width: 761px; height: 29px; margin: 0 0 20px 0; padding: 8px 0 0 13px; background: url('../img/content-left-h1-fb.png') top center no-repeat; font-weight: normal;}
#page-fb #tabs-container .tab-content h2 {margin-left: 13px; font-weight: normal; font-size: 20px;}
#page-fb #tabs-container .tab-content h3 {margin: 15px 0 15px 0; padding: 0;}
#page-fb #tabs-container .tab-content h4 {margin: 0; padding: 0;}
#page-fb #tabs-container .tab-content p {margin: 13px;}
#page-fb #tabs-container .tab-content .contactBox {background: #E0E0E0; width: 367px; margin:13px 0 13px 13px; float: left; height: 270px;}
#page-fb #tabs-container .tab-content .contactFormButton {color: #ffffff; border: 1px solid #A6A6A6; background: #A6A6A6 url('../img/h2-arrow.png') 5px no-repeat; display: block; border-radius: 2px; height: 23px; font-size: 15px; padding: 7px 0 0 25px; margin: 52px 0 0 0; width: auto; text-decoration: none;}
#page-fb #tabs-container .tab-content .contactFormButton:hover {background: #d7d7d7 url('../img/h2-arrow2.png') 5px no-repeat; color: #676767;}
#page-fb #tabs-container .tab-content .title {font-weight: bold;}
#page-fb #tabs-container .tab-content .foto {float: left; margin: 0 15px 25px 0; }
#page-fb #tabs-container .tab-content .contact {float: left; margin: 0 15px 25px 10px; width: 350px;}
#page-fb #tabs-container .tab-content .buttonTop {float: right; width: 147px; height: 22px; line-height: 17px; font-weight: bold; margin: 5px 13px 13px 13px; display: inline-block; background: url(../img/button-request.png) no-repeat; text-decoration: none; padding: 5px 0 0 10px;}
#page-fb #tabs-container .tab-content .positions h1 {margin-bottom: 15px;}
#page-fb #tabs-container .tab-content #alert {color: #ff0000; margin: 50px auto 50px auto; font-size: 15px; text-align: center; width: 200px;}
#page-fb #tabs-container .tab-content #benefity ul {list-style: outside url('../img/h2-arrow2.png'); line-height: 1.5em; margin:0; padding:5px 0 5px 20px; float: left; width:350px;}
#page-fb #tabs-container .tab-content #benefity .benefity-image {float: left; margin: 15px 13px 0 13px;}
#page-fb #tabs-container .tab-content #benefity .benefitTitle {margin:15px 0 10px 0;}
#page-fb #tabs-container .tab-content #profese2 {padding: 0 0 0 13px; margin: 10px 0 10px 0;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem {margin: 0 0 13px 0; width:748px;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem:hover {background-color: #d7d7d7; cursor: pointer;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .img {float: left;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .img img {margin: 0;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .title {float: left; width: 500px}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .title h2 {margin: 0 0 0 0; color: #676767; padding:0;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .title h2 a {text-decoration: none; color: #676767; display: block; margin:0; padding: 2px 0 5px 13px; }
#page-fb #tabs-container .tab-content #profese2 .profeseItem .title h2 a:hover {text-decoration: underline;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .title .text {margin:0 0 0 13px;}
#page-fb #tabs-container .tab-content #profese2 .profeseItem .title .text ul {list-style: outside url('../img/h2-arrow2.png'); line-height: 1.5em; margin:0; padding:5px 0 5px 20px; float: left; font-weight: normal;}
#page-fb #tabs-container .tab-content #profese-detail {padding: 0 0 13px 0;}
#page-fb #tabs-container .tab-content #profese-detail p {font-size: 10px; margin:15px 13px 0 13px;}
#page-fb #tabs-container .tab-content #profese-detail .img {width: 774px; overflow: hidden;}
#page-fb #tabs-container .tab-content #profese-detail .img img {width: 748px; margin:0 13px 13px 13px;}
#page-fb #tabs-container .tab-content #profese-detail .text .button {float: right; width: 147px; height: 22px; line-height: 17px; font-weight: bold; margin: 5px 13px 13px 13px; display: inline-block; background: url(../img/button-request.png) no-repeat; text-decoration: none; padding: 5px 0 0 10px;}
#page-fb #tabs-container .tab-content #profese-detail .text ul {list-style: url('../img/h2-arrow2.png'); line-height: 1.5em;}
#page-fb #tabs-container .tab-content #profese-detail .back {background: url('../img/back-arrow.png') left no-repeat; padding: 0 0 0 15px; display: inline-block; text-decoration: none; color: #969696; margin: 15px 0 0 13px;}
#page-fb #tabs-container .tab-content #mapContainer {width: 748px; margin:13px 13px 13px 13px; padding: 0; font-size: 100%;}
#page-fb #tabs-container .tab-content #mapContainer iframe {url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden; pointer-events: none; border: 1px solid #A6A6A6; border-radius: 2px; width: 746px !important; height: 746px !important;}
#page-fb #tabs-container .tab-content #mapContainer iframe.clicked {pointer-events: auto;}
#page-fb #tabs-container .tab-content #mapContainer .textHeadline {font-size: 288%; margin: 0 0 20px 0;}
#page-fb #tabs-container #tab-1 {display: block;}
#page-fb #tabs-container #tab-1 .positions {float: left;}
#page-fb #tabs-container #tab-1 .positions #jobs h3 {}
#page-fb #tabs-container #tab-1 .positions #jobs h3 a {display: block; padding: 0 0 0 15px; background: url(/files/acc/arrow.png) left center no-repeat; background-size: 7px; color:#5d5d5d; text-decoration: none;}
#page-fb #tabs-container #tab-1 .positions #jobs h3 a:hover {text-decoration: underline;}
#page-fb #tabs-container #tab-1 .positionsWide {width: 660px;}
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail h1 {padding: 0 0 0 15px; background: url(/files/acc/arrow.png) left center no-repeat; background-size: 7px; }
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail .jobPlace{margin:0 0 20px 0;}
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail .jobDesc{margin:0 0 20px 0;}
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail .jobReqs{margin:0 0 20px 0;}
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail .jobOffr{margin:0 0 20px 0;}
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail .back{background: url(/files/acc/arrow-left.png) left center no-repeat; background-size: 7px; padding: 0 0 0 15px; text-decoration: none;}
#page-fb #tabs-container #tab-1 .positionsWide #jobDetail .requestButton{text-align: center; width: 130px; background: url(/files/acc/button.png) left center no-repeat; background-size: 100%; display:block; text-decoration: none; margin:0 0 20px 0; padding:10px; }
#page-fb #tabs-container #requestForm {margin: 20px 0 13px 13px;}
#page-fb #tabs-container #requestForm tr td.sloupec1 {width: 150px;}
#page-fb #tabs-container #requestForm input {margin: 0 0 5px 0; padding: 0 0 0 5px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #E1E1E1; color: #737373; width: 396px; height: 35px; font-size: 12px; border-radius: 2px;}
#page-fb #tabs-container #requestForm textarea {padding: 5px; margin: 0 0 5px 0; width: 391px; height: 79px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; color: #737373; font-size: 12px; background: #E1E1E1; border-radius: 2px;}
#page-fb #tabs-container #requestForm .button-send {background: url('../img/h2-arrow2.png') left no-repeat; padding: 3px 0 0 16px; display: block; text-decoration: none; margin: 25px 0 0 0; font-size: 14px; font-weight: bold;}
#page-fb #tabs-container #requestForm .priloha {float: left; background: #E1E1E1; border: 1px solid #A6A6A6; width: 265px; height: 27px; padding: 8px 0 0 2px; border-radius: 2px 2px 2px 2px; margin:0 0 5px 0; overflow: hidden;}
#page-fb #tabs-container #requestForm .priloha input {border: none; outline: none; background: none !important; margin: 0 !important; padding: 0 !important;}
#page-fb #tabs-container #requestForm #remAttachment {font-size: 11px; float: left; margin: 12px 0 0 15px; text-decoration: none; background: url(../img/minus.png)left no-repeat; display: inline-block; padding: 2px 0 0 16px;}
#page-fb #tabs-container #requestForm #remAttachment:hover {text-decoration: underline;}
#page-fb #tabs-container #requestForm #addAttachment {font-size: 11px; text-decoration: none; background: url(../img/plus.png)left no-repeat; display: inline-block; padding: 2px 0 0 16px;}
#page-fb #tabs-container #requestForm #addAttachment:hover {text-decoration: underline;}
#page-fb #tabs-container #requestForm .customSelect {margin: 0 0 5px 0; padding: 12px 0 0 5px; border: 1px solid #A6A6A6; font-family: "FamiliarPro", Verdana, Helvetica, sans-serif; background: #E1E1E1 url('../img/customselect.png') center right no-repeat; color: #737373; width: 396px; height: 23px; font-size: 12px; border-radius: 2px;}
#page-fb #tabs-container #requestForm .customSelect .customSelectInner {width: 280px !important;}
#page-fb #tabs-container #requestForm .customSelect .customSelectOpen {margin: 30px 0 0 0;}
#page-fb #tabs-container #requestForm .back {background: url('../img/back-arrow.png') left no-repeat; padding: 0 0 0 15px; display: inline-block; text-decoration: none; color: #969696; margin: 27px 0 0 0;}
#page-fb #footer {width: 774px; height: 37px; margin: 13px 0 13px 0; position: relative;}
#page-fb #footer .footer-bottom {font-size: 11px; position: absolute; bottom: 12px; width: 737px;}
#page-fb #footer .footer-bottom .copyright {float: left; margin: 0 0 0 12px;}
#page-fb #footer .footer-bottom .copyright a {text-decoration: none;}
#page-fb #footer .footer-bottom .copyright a:hover {text-decoration: underline;}
/*------------------------- VALIDATIONS ---------------------------------*/
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.inputContainer {position: relative; float: left;}
.formError {position: absolute; top: 300px; left: 300px; display: block; cursor: pointer;}
.ajaxSubmit {padding: 20px; background: #55ea55; border: 1px solid #999; display: none;}
.formError .formErrorContent {width: 100%;background: #ee0101;position:relative;color: #fff;width: 150px;font-size: 11px;border: 2px solid #ddd;box-shadow: 0 0 6px #000;-moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;padding: 4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.greenPopup .formErrorContent {background: #33be40;}
.blackPopup .formErrorContent {background: #393939;color: #FFF;}
.formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0;}
.formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
.formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #ee0101;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.greenPopup .formErrorArrow div {background: #33be40;}
.blackPopup .formErrorArrow div {background: #393939;color: #FFF;}
.formError .formErrorArrow .line10 {width: 15px;border: none;}
.formError .formErrorArrow .line9 {width: 13px;border: none;}
.formError .formErrorArrow .line8 {width: 11px;}
.formError .formErrorArrow .line7 {width: 9px;}
.formError .formErrorArrow .line6 {width: 7px;}
.formError .formErrorArrow .line5 {width: 5px;}
.formError .formErrorArrow .line4 {width: 3px;}
.formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;}
.formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;}
/*------------------------- VALIDATIONS konec ---------------------------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0 !important;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.8);
box-shadow: 0 2px 25px rgba(0, 0, 0, 0.8);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/design/base/img/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/design/base/img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/design/base/img/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/design/base/img/fancybox_overlay.png')
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/design/base/img/fancybox_sprite@2x.png');
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('/design/base/img/fancybox_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}