.bgImage { display: none; } html, body { height: 100%; } body { font: 100%/1.4 Arial, Helvetica, sans-serif; color: #000; background-color: #292f33; } body.iframePage { padding: 0.5em; font-size: 1em; height: auto; background-color: #F0F1F3; } a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; cursor: pointer; } a:link { color: #1A171B; } a:visited { color: #111111; } a:hover, a:active, a:focus { color: #AA0A17; outline: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { border: 0; width: auto; max-width: 100%; height: auto; } object, video, embed { max-width: 100%; height: auto; } .floatLeft { float: left; margin: 0 0.5em 0.5em 0; } .floatRight { float: right; margin: 0 0 0.5em 0.5em; } iframe { border: none; } #headerWrapper { width: 100%; position: relative; background: #FFF url(/banners/projektiranje_header.jpg) no-repeat bottom center; background-size: 100%; border-bottom:3px solid #ff0000; } #contentWrapper { width: 100%; position: relative; background: #FFF; padding: 0 0 0.5em; } #footerWrapper { width: 100%; position: relative; background:#292f33; border-top:3px solid #ff0000; } .vendor-ie-8 #footerWrapper { padding-bottom: 1em; } #content { width: 92%; max-width: 70em; margin: 0 auto; } header, footer { width: 92%; max-width: 70em; margin: 0 auto; position: relative; } #largeBanner { width: 100%; background: url(/layout/bannerBG.png); padding:1em 0; border-bottom:3px solid #ff0000; } .bannerWrapper { width: 92%; max-width: 70em; margin: 0 auto 2em; } #smallBanners { width:100%; padding:1em 0; display: none; } #smallBanners .section { width: 92%; max-width: 70em; margin: 0 auto; } #smallBanners .section .col { margin-bottom: 0; } #smallBanners .bannerLink { font-size: 0.875em; overflow: hidden; position: relative; padding-bottom: 40px; color:#000; background: #f2f2f2; border:1px solid #e9e9e9; } #smallBanners .bannerLink h2 { margin: 0 0 0.5em; color: #000; font-size: 1.25em; font-weight: normal; text-align:center; height:3em; } #smallBanners .bannerLink h2 a { display: block; padding: 0.5em; color: #000; } #smallBanners .bannerLink p { padding: 0 0.5em; margin: 0 0 0.5em; text-align:center; } #smallBanners .bannerLink p:last-child { text-align: center; position: absolute; bottom: 0.5em; width: 100%; margin: 0; } #smallBanners .bannerLink p:last-child a { border: none; background: none; } #smallBanners .bannerLink p:last-child a:hover { color: #1a171b; } #smallBanners .photo { border: solid 1px #DDDDDD; position: relative; margin-bottom: 0.5em; width: 66px; border-radius: 4px; overflow: hidden; margin:0.5em auto; display: block; } #smallBanners .photo img { width: 100%; display: block; } #smallBanners .photo:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } #smallBanners .vendor-ie-8 .photo:hover { border: solid 1px #1A171B; } header h1 { width: 300px; margin: 0.5em 1em 0.5em 0; float: left; position: relative; z-index: 3; } header h2 { font-family: Tahoma, Geneva, sans-serif; font-weight: normal; color: #1A171B; margin: 0; position: absolute; left: 350px; top: 2.1em; font-size: 1.5em; display:none; } header h2 span { color: #AA0A17; } header h1 img, header h2 img { display: block; } header #languageSelector { list-style: none; font-size: 0.75em; position:absolute; top:-37px; right:0px; } header #languageSelector li { display: inline; } header #languageSelector li a { display: inline-block; padding: 1px 5px 1px 26px; margin: 0 5px 5px 0; background: url(/layout/flags.png?v-635756740575616406) no-repeat 0 -16px; } header #languageSelector li a { color: #999; } header #languageSelector li.selected a, header #languageSelector li a:hover { color: #C00; } header #languageSelector li a.HR { background-position: 5px 3px; } header #languageSelector li a.EN { background-position: 5px -28px; } header #languageSelector li a.DE { background-position: 5px -58px; } header #languageSelector li a.IT { background-position: 5px -89px; } header #languageSelector li a.SL { background-position: 5px -120px; } header #languageSelector li a.TR { background-position: 5px -151px; } #tinynav1SelectBoxItContainer { display: none; } header .selectBoxLang { display: none; } .headerInfo { background:#f9f9f9; border-bottom:1px solid #e8e8e8; font:12px Arial, Helvetica, sans-serif; color:#999; width:100%; } .headerInfo address { width: 100%; max-width: 92em; margin: 0 auto; position: relative; padding:8px 0; } .headerInfo address img { margin-left: 5px; margin-right: 2px; margin-bottom:-4px; } .headerInfo address a { color:#999; } .hero { font-size: 0.875em; padding: 0.5em 0em; border-bottom: 1px solid #ff0000; margin-bottom: 2em; text-align: center; } .hero h2, .content h2 { margin: 0 0 0.5em; font-size: 1.8em; padding-bottom: 0.5em; color: #1A171B; } .hero h2 { margin-bottom: 0; } .hero .wysiwyg { margin-top: 0.5em; } .hero .buttons { text-align: center; clear: both; margin-bottom: -1.6em; } .hero h2 a { display: inline-block; } .content { font-size: 0.875em; padding: 0.5em; } .sectionTitle { background-color: #1A171B; padding: 0.2em 0.5em; color: #FFFFFF; font-size: 1.125em; margin: 0 0 0.5em; border-radius: 4px; } .breadcrumbs { padding: 0.6em 0; background:#f9f9f9; border-bottom:1px solid #e8e8e8; } .breadcrumbs ul { font-size: 0.75em; width: 92%; max-width: 93.3333em; padding: 0; text-align: left; margin: 0 auto; list-style: none; color: #999; } .breadcrumbs ul li { display: inline; } .breadcrumbs ul li a { display: inline-block; color: #999; } .breadcrumbs ul li:after { content: '>'; padding: 0 0.25em 0 0.5em; color: #999; } .breadcrumbs ul li.last:after, .breadcrumbs ul li:last-child:after { content: '' !important; } .searchBox { position: absolute; right: 160px; top: -2.6em; padding: 1px 4px; font-size: 0.8125em; z-index: 101; border-radius: 4px; } .searchBox .popUpToggle { background: url(/layout/search-icon.png) no-repeat 4px 5px; background-size: 21px 21px; display: block; width: 32px; height: 32px; text-indent: 100%; white-space: nowrap; overflow: hidden; float: left; cursor: pointer; display: none; } .searchBox fieldset { border: none; } .searchBox .popUpMenu { display: block; } .searchBox .popUpMenu.active { display: block; } .searchBox fieldset, .searchBox fieldset input { float: left; } .searchBox fieldset input:first-child { margin-right: 0px; } .searchBox input.txtBox { background-color: #e8e8e8; border: none; width: 200px; color: #000; padding: 4px 5px 3px; margin-top: 2px; border:1px solid #DDDDDD; } .vendor-ie-8 .searchBox input.txtBox { padding: 7px 5px 6px 5px; } .searchBox input.txtBox:focus { background-color: #DDDDDD; } .searchBox input.button { font-size: 13px; border: none; background: url(/layout/search-icon.png) no-repeat 4px 5px; background-size: 21px 21px; text-indent: -999em; width: 32px; height: 32px; } .searchBox input.button:hover { background: url(/layout/search-icon.png) no-repeat 4px 5px; border: none; } .searchBox input.txtBox::-webkit-input-placeholder, .searchBox input.txtBox:-moz-placeholder, .searchBox input.txtBox::-moz-placeholder, .searchBox input.txtBox:-ms-input-placeholder { color: #999999; } .newsletterBox { position: relative; height: 40px; } .newsletterBox input.txtBox { background-color: #FFFFFF; border: solid 1px #DDDDDD; padding: 9px 40px 9px 10px; width: 100%; font-size: 13px; position: absolute; left: 0; top: 0; border-radius: 4px; } .newsletterBox input.btn, ul.socialIcons li a, footer p#author a, .button.shareButton i, .button.applyForJob i, .button.aplliedForJob i, .ui-pnotify-icon span { background-image: url(/layout/sprites.png); } .newsletterBox input.btn { position: absolute; right: 5px; top: 3px; width: 32px; height: 32px; background-repeat: no-repeat; background-position: -178px -45px; } article { font-size: 0.875em; background-repeat: no-repeat; background-position: center bottom; padding: 0.4em; border: 1px solid #ff0000; margin-bottom: 20px; } article h2 { font-size: 1.25em; margin: 0 0 0.5em; height: 2.8em; overflow: hidden; padding: 0 0.5em; } article h2 a { display: inline-block; color:#ff0000 !important; } article h2 a:hover { color:#292f33 !important; } article div.wysiwyg { margin-bottom: 0.5em; height: 5.8em; overflow: hidden; padding: 0 0.5em; } article div.wysiwyg { margin-bottom: 0.5em; height: 5.8em; overflow: hidden; padding: 0 0.5em; position: relative; } article div.wysiwyg .textOverlay { position: absolute; left: 0; bottom: 0; height: 29px; width: 100%; } .photoFrame, .photoFrameFull { position: relative; margin-bottom: 0.5em; min-width: 120px; overflow: hidden; } .photoFrame img, .photoFrameFull img { width: 100%; display: block; } .photoFrame:hover, .photoFrameFull:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vendor-ie-8 .photoFrame:hover, .vendor-ie-8 .photoFrameFull:hover { border: solid 1px #1A171B; } .photoFrame .date { position: absolute; right: 5px; bottom: 5px; display: block; width: 100%; text-align: right; } .photoFrame .date i { display: inline-block; background: #ff0000; padding: 0.2em 0.5em; font-style: normal; font-size: 0.8571em; color: #FFF; } article .buttons { text-align: center; clear: both; margin-left:8px; margin-bottom:-20px; } input, select, textarea { font-family: Arial, Helvetica, sans-serif; } .contentForm { border: dotted 1px #DDDDDD; margin-bottom: 1em; } .contentForm legend { font-weight: bold; padding: 0.5em; margin-left: 0.5em; text-transform: uppercase; font-size: 1.1428em; } .contentForm .formDesc { padding: 0 1em; } .contentForm > div { clear: both; margin: 0 0 0.5em 0; zoom: 1; } .contentForm > div:before, .contentForm > div:after { content: ""; display: table; } .contentForm > div:after { clear: both; } .contentForm .fieldLabel { display: block; float: left; width: 40%; text-align: right; } .contentForm .buttons { padding-left: 40%; } .contentForm .fieldLabel span { display: inline-block; padding: 0.3em 0.5em 0 0; } .contentForm .formField { width: 58%; float: left; } .contentForm .formField label { display: inline-block; padding-top: 0.3em; margin-right: 1em; } .contentForm .formField label:last-child { margin-right: 0; } .contentForm input.txtBox { width: 100%; padding: 5px; border: solid 1px #DDDDDD; border-radius: 4px; } .contentForm .txtArea { width: 100%; min-width: 100%; max-width: 100%; height: 138px; min-height: 138px; padding: 5px; border: solid 1px #DDDDDD; border-radius: 4px; } .vendor-ie-8 .contentForm .txtArea { width: 96%; min-width: 96%; max-width: 96%; } input[type="checkbox"], input[type="radio"] { padding: 0; margin: -2px 0 0; vertical-align: middle; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, .txtArea:focus { outline: 0; border-color: #AA0A17; color: #000000; background-color: #DDDDDD; } .contentForm em { color: #bf0101; font-weight: bold; padding-right: 5px; } fieldset.buttons { text-align: center; margin-bottom: 1em; clear: both; } fieldset.buttons label { display: inline-block; margin: 0 0.25em 0.5em; } .button { display: inline-block; font-family: Arial, Helvetica, sans-serif; padding: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; vertical-align: top; line-height: 1; text-transform: uppercase; border-spacing: 0; } .vendor-mozilla .button { padding: 7.5px; } .vendor-opera input.button { padding: 6px 7px; } .button i { width: 18px; height: 18px; display: block; position: absolute; top: 5px; left: 5px; } .button.shareButton, .button.applyForJob, .button.aplliedForJob { position: relative; padding-left: 30px; } .button.shareButton i { background-position: -81px -83px; } .button.applyForJob i { background-position: -99px -83px; } .button.aplliedForJob i { background-position: -117px -83px; } .button.blue { color: #ff0000; background: #FFF; border: 1px solid #ff0000; } .button.blue:hover { background: #ff0000; border: 1px solid #ff0000; color:#FFF; } .button.green { color: #FFFFFF; background: #AA0A17; border: 1px solid #AA0A17; text-shadow: 1px 1px 0 #79000a; } .button.green:hover { background: #79000a; border: 1px solid #79000a; text-shadow: 1px 1px 0 #000000; } .button.gray { color: #000000 !important; background: #DDDDDD; border: 1px solid #DDDDDD; text-shadow: 1px 1px 0 #ebebeb; } .button.gray:hover { background: #BBBBBB; border: 1px solid #BBBBBB; text-shadow: 1px 1px 0 #f1f1f1; } .button.blank { color: #E95D0F !important; background: none; border: 1px solid transparent; text-shadow: 1px 1px 0 #ebebeb; text-transform: inherit; } .button.blank:hover { color: #172983 !important; } .footer { margin-bottom: 0.2em; } .footer .col, footer .col { margin-bottom: 0; } .footer ol { list-style: none; font-size: 0.8125em; margin: 0; padding: 11px 0 0 0; } .footer ol li { display: inline; border-right:1px solid #999; margin-right:1em; } .footer ol li:last-child { border-right:none; } .footer ol li a { display: inline-block; white-space: nowrap; margin: 0 1em 0.5em 0; color:#FFF; } .footer ol li a:hover { color:#ff0000; text-decoration:underline; } footer p#footerSig { font-size: 0.8125em; color: #999; } footer p#footerSig i { font-style: normal; display: block; padding-left: 1em; } footer p#author { width: 81px; height: 24px; float: right; } footer p#author a { display: block; width: 81px; height: 24px; background-position: 0 -83px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; } footer address { text-align: center; font-style: normal; font-size: 0.875em; color: #333333; padding: 0 0.5em; } ul.socialIcons { list-style: none; margin: 0; padding: 0; } footer ul.socialIcons { text-align: center; margin: 0; } ul.socialIcons li { display: inline; } ul.socialIcons li a { display: inline-block; width: 34px; height: 34px; margin: 0 0.25em 0.25em 0.25em; background-repeat: no-repeat; background-position: 0 -68px; text-indent: 100%; white-space: nowrap; overflow: hidden; } footer ul.socialIcons li a { margin: 0 0.25em; } ul.socialIcons li a.facebook { background-position: 0 -132px; } ul.socialIcons li a.twitter { background-position: -34px -132px; } ul.socialIcons li a.googlePlus { background-position: -68px -132px; } ul.socialIcons li a.linkedIN { background-position: -102px -132px; } ul.socialIcons li a.skype { background-position: -136px -132px; } ul.socialIcons li a.youTube { background-position: -170px -132px; } ul.socialIcons li a.location { background-position: -204px -132px; } ul.socialIcons li a:hover, ul.socialIcons li a:focus { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } ul.socialIcons li a.facebook:hover, ul.socialIcons li a.facebook:focus { background-position: 0 -166px; } ul.socialIcons li a.twitter:hover, ul.socialIcons li a.twitter:focus { background-position: -34px -166px; } ul.socialIcons li a.googlePlus:hover, ul.socialIcons li a.googlePlus:focus { background-position: -68px -166px; } ul.socialIcons li a.linkedIN:hover, ul.socialIcons li a.linkedIN:focus { background-position: -102px -166px; } ul.socialIcons li a.skype:hover, ul.socialIcons li a.skype:focus { background-position: -136px -166px; } ul.socialIcons li a.youTube:hover, ul.socialIcons li a.youTube:focus { background-position: -170px -166px; } ul.socialIcons li a.location:hover, ul.socialIcons li a.location:focus { background-position: -204px -166px; } .messageBox { margin-bottom: 1em; padding: 1em 1em 2.3em 90px; position: relative; border-radius: 4px; overflow: hidden; } .iframePage .messageBox { font-size: 0.875em; } .messageBox ul { margin: 0; padding: 0; } .messageBox ul:after { position: absolute; right: 0; bottom: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .messageBox.alert ul:after { border-color: transparent transparent #febc00 transparent; } .messageBox.info ul:after { border-color: transparent transparent #349744 transparent; } .messageBox.error ul:after { border-color: transparent transparent #CC0000 transparent; } .messageBox.alert { background: #FFFFFF url(/layout/bg-boxAlert.png) no-repeat 6px 6px; border: solid 2px #febc00; } .messageBox.info { background: #FFFFFF url(/layout/bg-boxInfo.png) no-repeat 6px 6px; border: solid 2px #349744; } .messageBox.error { background: #FFFFFF url(/layout/bg-boxError.png) no-repeat 6px 6px; border: solid 2px #CC0000; } .messageBox ul li { list-style: square outside; } .pagination { height: 36px; margin: 0; padding-bottom: 1em; } .pagination ul { display: inline-block; margin: 0; padding: 0; list-style: none; } .pagination li { float: left; } .pagination li span { display: table-cell; width: 34px; line-height: 35px; } .pagination li:last-child span { border-right: none; } .pagination a { display: block; line-height: 35px; } .pagination a:hover, .pagination .active a { background-color: #ff0000; } .pagination a:hover { color: #FFF; } .pagination .active a { color: #FFF; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .photoGallery .imageContainer { width: 24.25%; margin-left: 1%; float: left; display: block; border: solid 1px #DDDDDD; border-radius: 4px; overflow: hidden; } .photoGallery .imageContainer:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } .vendor-ie-8 .photoGallery .imageContainer:hover { border: solid 1px #1A171B; } .photoGallery .imageContainer:first-child { margin-left: 0; } .photoGallery .imageContainer img { width: 100%; display: block; } .photoGallery .row { margin-bottom: 0.5em; } .photoGallery .breakOnQuery { display: none; } .videoGallery .videoContainer { width: 49.5%; margin-left: 1%; float: left; background-repeat: no-repeat; background-position: center bottom; border-bottom: solid 2px #f0efef; padding-bottom: 0.5em; } .videoGallery .videoContainer:nth-child(2n+1) { margin-left: 0; } .videoGallery .row { margin-bottom: 0.5em; } .videoGallery .row:last-child .videoContainer { border-bottom: none; } .videoContainer div { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 0.5em; } .videoContainer div iframe, .videoContainer div object, .videoContainer div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoContainer h2 { margin: 0.5em 0; font-size: 1.2857em; color: #1A171B; } .videoContainer p { margin: 0 0 0.5em; } .documents ol { list-style: none; margin: 0; padding: 0; } .documents a { display: block; padding: 0.5em 0 0.5em 40px; } .documents a:hover { background-color: #F0F1F3 !important; } .documents ol li { margin-bottom: 0.5em; border-bottom: dotted 1px #DDDDDD; } .documents ol li:last-child { border-bottom: none; } .documents ol li.pdf a { background: url(/layout/icon-file-pdf.png) no-repeat 0 0.5em; } .documents ol li.doc a { background: url(/layout/icon-file-doc.png) no-repeat 0 0.5em; } .documents ol li.rar a { background: url(/layout/icon-file-rar.png) no-repeat 0 0.5em; } .documents ol li.xls a { background: url(/layout/icon-file-xls.png) no-repeat 0 0.5em; } .documents ol li.xlsx a { background: url(/layout/icon-file-xlsx.png) no-repeat 0 0.5em; } .documents ol li.ppt a { background: url(/layout/icon-file-ppt.png) no-repeat 0 0.5em; } .documents ol li.file a { background: url(/layout/icon-file-blank.png) no-repeat 0 0.5em; } .documents ol li span { display: block; color: #666; } .singleContact { margin-bottom: 0.5em; border: solid 1px #DDDDDD; background: #f3f3f3; padding: 0.5em; } .singleContact .contactPhoto { width: 25%; float: left; border: solid 1px #DDDDDD; border-radius: 4px; overflow: hidden; } .singleContact .contactPhoto img { width: 100%; display: block; } .singleContact .contactPhoto:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vendor-ie-8 .singleContact .contactPhoto:hover { border: solid 3px #1A171B; } .singleContact h2, .singleContact ul { float: right; width: 74%; } .singleContact h2 { background-color: #dddddd; margin: 0 0 1em; padding: 0.5em; font-size: 1em; border-radius: 4px; } .singleContact h2 span.jobTitle { display: block; font-weight: normal; font-size: 0.857em; } .singleContact ul { list-style: none; padding: 0 0.5em; position: relative; margin: 0; } .singleContact ul li { margin-bottom: 0.5em; width: 49%; float: left; } .singleContact ul li.social { clear: both; } .singleContact ul li.social ul { float: left; width: auto; padding: 0; } .singleContact ul li.social ul li { float: none; } .singleContact ul li.social ul li a:first-child { margin-left: 0; } .singleContact .skypeContainer { display: inline-block; height: 28px; overflow: hidden; margin: 5px 0 0 0.5em; } .singleContact .skypeContainer img { margin: 0 !important; vertical-align: 0 !important; } .singleContact .getInTouch { clear: both; text-align: center; margin: 0.5em 0 2em; border-bottom: 1px solid #dddddd; padding-top: 0.5em; } .singleContact .getInTouch a.button { margin-bottom: -1.7em; line-height: 1.3 !important; border:1px solid #dddddd; background: #dddddd; color: #949494; } .singleContact .getInTouch a.button:hover { color: #545454; } .shareButton { float: right; } .shareBar { margin-bottom: 1em; padding: 0.5em; display: none; background-color: #F0F1F3; } .shareBar ul { list-style: none; margin: 0; padding: 0; } .shareBar ul li { float: left; display: block; margin: 0.5em 0 0 0.5em; } .wysiwyg p, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { margin-top: 0; } .wysiwyg .photoFrame { width: 25%; } .wysiwyg ul, .wysiwyg ol { overflow: auto; } #featureTabs { font-size: 0.875em; border-top: 1px solid #ff0000; margin-top: 1em !important; } .resp-tabs-list { margin: -1.3em auto 1em; padding: 0; text-align: center; } .resp-tabs-list li { display: inline-block; padding: 0.5em; list-style: none; cursor: pointer; } .resp-tabs-container { background-color: #FFFFFF; clear: left; } h2.resp-accordion { cursor: pointer; font-size: 1em; padding: 0.5em; display: none; border: 1px solid #DDDDDD; margin: 0 0 1px; color: #1A171B; border-radius: 4px; } h2.resp-tab-active { border-bottom: none; margin-bottom: 0; padding: 0.5em; color: #ff0000; background-color: #DDDDDD; border: 1px solid #ff0000; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #AA0A17; } .resp-tab-content { display: none; } .resp-tab-item { background-color: #FFF; border: 1px solid #ff0000; margin-right: 8px; color: #ff0000; } .resp-tab-active, .resp-tab-item:hover { border: 1px solid #ff0000; margin-bottom: -1px; background-color: #ff0000; padding-bottom: 0.6em !important; color: #FFF; } .vendor-opera .resp-tab-active, .vendor-opera .resp-tab-item:hover { margin-bottom: -2px; } .resp-tab-content-active { margin: 1px 0; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 0.5em; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #1A171B; } .ui-pnotify { top: 25px; right: 25px; position: absolute; height: auto; z-index: 9999; background-color: #F0F1F3; border-bottom: solid 3px #FFFFFF; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } html > body .ui-pnotify { position: fixed; } .ui-pnotify-container { background-position: 0 0; padding: 1em 0; height: 100%; margin: 0 auto; width: 92%; max-width: 70em; } .ui-pnotify-sharp { border-radius: 0; } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: .2em; } .ui-pnotify-title { display: block; margin-bottom: .4em; font-weight: bold; padding-left: 40px; color: #172983; } .ui-pnotify-text { display: block; padding-left: 40px; font-size: 0.875em; } .ui-pnotify-icon, .ui-pnotify-icon span { display: block; width: 32px; height: 32px; float: left; margin: -.15em .5em 1em 0; } .ui-pnotify-icon span.success { background-position: 0 -200px; } .ui-pnotify-icon span.info { background-position: -32px -200px; } .ui-pnotify-icon span.alert { background-position: -64px -200px; } .ui-pnotify-icon span.error { background-position: -96px -200px; } .ui-pnotify-history-container { position: absolute; top: 0; right: 18px; width: 70px; border-top: none; padding: 0; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 10000; } .ui-pnotify-history-container .ui-pnotify-history-header { padding: 2px; } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100%; } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto; } .ui-pnotify.stack-bar-bottom { right: 0; bottom: 0; top: auto; left: auto; } .ui-pnotify.stack-bar-top { right: 0; bottom: auto; top: 0; left: auto; } .ui-pnotify-title { margin-top: 0; } .iFrameContainer { width: 100%; margin-bottom: 1em; padding: 0.5em; background-color: #FFFFFF; } .iFrameContainer div { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iFrameContainer div iframe, .iFrameContainer div object, .iFrameContainer div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero .iFrameContainer { background-color: #DDDDDD; } .partnerBox { margin-bottom: 1em; border: dotted 1px #CCCCCC; } .partnerBox .logo { float: left; margin-right: 0.5em; } .vegas-loading { border-radius: 10px; background: #000; background: rgba(0, 0, 0, 0.7); background: url(/layout/vegas/loading.gif) no-repeat center center; height: 32px; left: 20px; position: fixed; top: 20px; width: 32px; z-index: 0; } .vegas-overlay { background: transparent url(/layout/vegas/07.png); opacity: 0.5; z-index: -1; } .vegas-background { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; max-width: none !important; z-index: -2; } .vegas-overlay, .vegas-background { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .responsiveTable { border: none; border-collapse: collapse; margin-bottom: 1em; width: 100%; border-spacing: 1px; } .responsiveTable td.alwaysLeft { text-align: left; } .responsiveTable caption { padding: 0.5em; background-color: #dddddd; font-size: 1.1428em; color: #000000; font-weight: bold; } .responsiveTable td, .responsiveTable th { text-align: center; padding: 0.3em; border: solid 1px #dddddd; border-radius: 0; background-color: #f3f3f3; vertical-align: top; font-weight: normal; } .responsiveTable td:hover, .responsiveTable th:hover { background: #E8E8E8; } .responsiveTable.priceList td { text-align: center; }