:root { --takumi-blue: #4A4A4A; --svetSuzuki-onas: #f2b104; --svetSuzuki-onas-light: #FFC823; --svetSuzuki-komunita: #BD0D0D; --svetSuzuki-komunita-light: #F87878; --svetSuzuki-press: #0095a9; --svetSuzuki-press-light: #4FD3F1; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 22, 2013 */ @font-face { font-family: 'suzukiproregular'; src: url('../../fonty/suzukiproregular-webfont.eot'); src: url('../../fonty/suzukiproregular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonty/suzukiproregular-webfont.woff') format('woff'), url('../../fonty/suzukiproregular-webfont.ttf') format('truetype'), url('../../fonty/suzukiproregular-webfont.svg#suzukiproregularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'suzukiprobold'; src: url('../../fonty/suzukiprobold-webfont.eot'); src: url('../../fonty/suzukiprobold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonty/suzukiprobold-webfont.woff') format('woff'), url('../../fonty/suzukiprobold-webfont.ttf') format('truetype'), url('../../fonty/suzukiprobold-webfont.svg#suzukiproregularregular') format('svg'); font-weight: bold; font-style: normal; } /* roboto-100 - latin_latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../../fonty/roboto-v20-latin_latin-ext-100.eot'); /* IE9 Compat Modes */ src: local('Roboto Thin'), local('Roboto-Thin'), url('../../fonty/roboto-v20-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-v20-latin_latin-ext-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-100.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-v20-latin_latin-ext-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin_latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../fonty/roboto-v20-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Light'), local('Roboto-Light'), url('../../fonty/roboto-v20-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-v20-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-v20-latin_latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin_latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../fonty/roboto-v20-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../../fonty/roboto-v20-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-v20-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-v20-latin_latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin_latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../../fonty/roboto-v20-latin_latin-ext-500.eot'); /* IE9 Compat Modes */ src: local('Roboto Medium'), local('Roboto-Medium'), url('../../fonty/roboto-v20-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-v20-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-v20-latin_latin-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin_latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../fonty/roboto-v20-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Bold'), local('Roboto-Bold'), url('../../fonty/roboto-v20-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-v20-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-v20-latin_latin-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin_latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../../fonty/roboto-v20-latin_latin-ext-900.eot'); /* IE9 Compat Modes */ src: local('Roboto Black'), local('Roboto-Black'), url('../../fonty/roboto-v20-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-v20-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-v20-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-v20-latin_latin-ext-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300 - latin_latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url('../../fonty/roboto-condensed-v18-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('../../fonty/roboto-condensed-v18-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - latin_latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('../../fonty/roboto-condensed-v18-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../../fonty/roboto-condensed-v18-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - latin_latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url('../../fonty/roboto-condensed-v18-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../../fonty/roboto-condensed-v18-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonty/roboto-condensed-v18-latin_latin-ext-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } * { text-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased !important; } html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button { margin: 0; padding: 0; border: 0; } body { font-size:100%; font-size:12pt; background-color:white; text-align:center; margin-top:0px; scrollbar-base-color:Silver; scrollbar-face-color:Silver; scrollbar-arrow-color:black; scrollbar-3dlight-color:black; scrollbar-darkshadow-color:black; scrollbar-shadow-color: Silver; font-family: Calibri, Helvetica Neue, Gill Sans, Arial, Sans-Serif; /*font-family: Arial, Sans-Serif;*/ line-height:1.4; } h1 { font-size:3.4em; line-height:1; letter-spacing:-0.02em; margin-bottom:0.5em; } h2 { font-size:3.5em; line-height:1.2; letter-spacing:-0.04em; margin-bottom:0.8em; } h3 { font-size:2.5em; line-height:1.12; margin-bottom:0.56em; } h4 { font-size:1.7em; line-height:1.647; } h5 { font-size:1.2em; line-height:1.166; margin-bottom:0.2em; } h1, h2, h3, h4, h5 { color:#282828; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; font-weight:normal; } h5 { font-weight:bold; } .katalog .zpravy h3 { font-size:1.2em; font-family: Calibri, Gill Sans, Arial, Sans-Serif; line-height:1.166; margin-bottom:0.2em; text-transform:uppercase; } table { border-collapse:separate; } th { text-align:left; } td { vertical-align:top; } p { -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; margin-bottom:1.4em; font-size:1em; line-height:1.4em; } sub, sup { vertical-align:baseline; position:relative; } sup { top:-0.4em; } sub { bottom:-0.4em; } *:focus { outline: 0; } a, a:visited, a:active, a:hover { text-decoration:none; color:#808080; } a:hover { color:#7d786a; } .legenda { font-size:0.8em; } .clearfix:after, .form-section:after, .form-group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @media all and (min-width: 1000px) { .full-width-bg { margin-left:calc(510px - 50vw); margin-right:calc(510px - 50vw); } .full-width-bg-in { margin-left:calc(50vw - 510px); margin-right:calc(50vw - 510px); } } @media all and (max-width: 999px) { #submenu .clearfix:after { display:none; } } .clearfix, .form-section, .form-group {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix, * html .form-section, * html .form-group {height: 1%;} .clearfix, .form-section, .form-group {display: block;} /* End hide from IE-mac */ .print { text-align:right; padding-right:0px; padding-bottom:0px; padding-top:1.4em; } .technologie #info .section>img, .design_a_technologie #info .section>img { width:100%; height:auto; } #banneryAkci{ padding-top:0 !important; } #banneryAkci .nadpisAkce { font-size: 2.8em; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; line-height: 1.098; color: white; padding: 50px 30px 20px 30px; margin: 0; text-align: left; } #banneryAkci .jmenoAkce { font-size: 1.7em; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; line-height: 1.098; padding: 100px 30px 20px 30px; margin: 0; text-align: left; } /* ------------------------------------------------------------ */ input, textarea, select { border:1px solid #707070; padding:2px 1px; font-size:1em; box-sizing:border-box; font-family:inherit; } input[type="submit"], input[type="button"] { font-size:1em; padding: 0.6em 0.7em; font-weight:normal; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; border:1px solid #ADADAD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*text-shadow: 0px 1px 0 rgba(255,255,255,1);*/ background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3)); background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3); background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3); background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3); background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3); background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3); } .kontakt input[type="submit"], .kontakt input[type="button"] { width:75%; } input[type="file"] { display:none; } input:hover, textarea:hover { border:1px solid #707070; } input[type="submit"]:hover { border:1px solid #ADADAD; } input[type="submit"]:hover:enabled { background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC)); background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC); background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC); background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC); background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC); background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC); cursor:pointer; } input[type="checkbox"] { border:none; } .form-section { padding-bottom:2.8em; } .form-group { box-sizing:border-box; } .form-group.noLabels { padding-left:30%; } .form-group:not(.bsf) label { float:left; width:30%; } .form-group .legenda { padding-left:30%; } .kontakt .form-group .informace { padding-top:3em; padding-bottom:0em; padding-left:30%; padding-right:0; text-align:left; } .form-group .seznamPriloh div { padding-left:30%; } .form-group .seznamPriloh div label { float:none; width:auto; display:block; overflow:hidden; } .form-group:not(.bsf) input[type="checkbox"]+label { float:none; } .form-group:not(.bsf) input[type="checkbox"] { width:4em; } .form-group:not(.bsf) input[type="text"], .form-group:not(.bsf) .fieldErrorInfo, .form-group:not(.bsf) .fieldErrorInfoCB { float:right; width:70%; } .form-group .fieldErrorInfoCB { width:100%; padding-left:4em; float:none; } .form-group:not(.bsf) select { display:block; width:70%; } .form-group.noLabels input[type="text"], .form-group.noLabels select { display:block; width:100%; } .form-group span.formError { width:0px !important; display:block !important; overflow:hidden; position:absolute; right:-100%; } .form-group .fieldErrorInfo, .form-group .fieldErrorInfoCB { display:none; color:Red; padding-bottom: 0.2em; } .form-group.required span.formError ~ input[type="text"], .form-group.required span.formError ~ select { border-right:12px solid rgb(13, 155, 201); } .form-group span.formError[style*="display: inline"] ~ input[type="text"] { border-right:12px solid red; } .form-group span.formError[style*="display: inline"] ~ span.formError + input[type="text"] { border-right:12px solid red; } .form-group span.formError[style*="display: inline"] ~ div.inputErrorInfo { border-right:12px solid red; } .form-group span.formError[style*="display: inline"] ~ .fieldErrorInfo, .form-group span.formError[style*="display: inline"] ~ .fieldErrorInfoCB { display:block; } /* images */ .form-groupX input[type="checkbox"]:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAALVWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNC4yLjItYzA2MyA1My4zNTI2MjQsIDIwMDgvMDcvMzAtMTg6MTI6MTggICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICB4bWxuczpJcHRjNHhtcENvcmU9Imh0dHA6Ly9pcHRjLm9yZy9zdGQvSXB0YzR4bXBDb3JlLzEuMC94bWxucy8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIgogICBwaG90b3Nob3A6QXV0aG9yc1Bvc2l0aW9uPSJBcnQgRGlyZWN0b3IiCiAgIHBob3Rvc2hvcDpDcmVkaXQ9Ind3dy5nZW50bGVmYWNlLmNvbSIKICAgcGhvdG9zaG9wOkRhdGVDcmVhdGVkPSIyMDEwLTAxLTAxIgogICBJcHRjNHhtcENvcmU6SW50ZWxsZWN0dWFsR2VucmU9InBpY3RvZ3JhbSIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxMC0wMS0wM1QyMTozMzoxNCswMTowMCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjM4QjcwRDNEODFGN0RFMTE5RUFCOTBENzA3OEFGOTRBIgogICB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM4QjcwRDNEODFGN0RFMTE5RUFCOTBENzA3OEFGOTRBIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgyRjI3NDM3QTdGOERFMTE4MjFDRTRCMkM3RTM2RDcwIj4KICAgPElwdGM0eG1wQ29yZTpDcmVhdG9yQ29udGFjdEluZm8KICAgIElwdGM0eG1wQ29yZTpDaUFkckNpdHk9IlByYWd1ZSIKICAgIElwdGM0eG1wQ29yZTpDaUFkclBjb2RlPSIxNjAwMCIKICAgIElwdGM0eG1wQ29yZTpDaUFkckN0cnk9IkN6ZWNoIFJlcHVibGljIgogICAgSXB0YzR4bXBDb3JlOkNpRW1haWxXb3JrPSJrYUBnZW50bGVmYWNlLmNvbSIKICAgIElwdGM0eG1wQ29yZTpDaVVybFdvcms9Ind3dy5nZW50bGVmYWNlLmNvbSIvPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozOEI3MEQzRDgxRjdERTExOUVBQjkwRDcwNzhBRjk0QSIKICAgICAgc3RFdnQ6d2hlbj0iMjAxMC0wMS0wMlQxMDoyODo1MSswMTowMCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iL21ldGFkYXRhIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzM0E0QTAzREJGN0RFMTFBOTAwODNFMEExMjUzQkZEIgogICAgICBzdEV2dDp3aGVuPSIyMDEwLTAxLTAyVDIxOjExOjI5KzAxOjAwIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvbWV0YWRhdGEiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJGMjc0MzdBN0Y4REUxMTgyMUNFNEIyQzdFMzZENzAiCiAgICAgIHN0RXZ0OndoZW49IjIwMTAtMDEtMDNUMjE6MzM6MTQrMDE6MDAiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii9tZXRhZGF0YSIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2VudGxlZmFjZS5jb20gZnJlZSBpY29uIHNldDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8ZGM6c3ViamVjdD4KICAgIDxyZGY6QmFnPgogICAgIDxyZGY6bGk+aWNvbjwvcmRmOmxpPgogICAgIDxyZGY6bGk+cGljdG9ncmFtPC9yZGY6bGk+CiAgICA8L3JkZjpCYWc+CiAgIDwvZGM6c3ViamVjdD4KICAgPGRjOmRlc2NyaXB0aW9uPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5UaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuIDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOmRlc2NyaXB0aW9uPgogICA8ZGM6Y3JlYXRvcj4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGk+QWxleGFuZGVyIEtpc2VsZXY8L3JkZjpsaT4KICAgIDwvcmRmOlNlcT4KICAgPC9kYzpjcmVhdG9yPgogICA8ZGM6cmlnaHRzPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5DcmVhdGl2ZSBDb21tb25zIEF0dHJpYnV0aW9uIE5vbi1Db21tZXJjaWFsIE5vIERlcml2YXRpdmVzPC9yZGY6bGk+CiAgICA8L3JkZjpBbHQ+CiAgIDwvZGM6cmlnaHRzPgogICA8eG1wUmlnaHRzOlVzYWdlVGVybXM+CiAgICA8cmRmOkFsdD4KICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPkNyZWF0aXZlIENvbW1vbnMgQXR0cmlidXRpb24gTm9uLUNvbW1lcmNpYWwgTm8gRGVyaXZhdGl2ZXM8L3JkZjpsaT4KICAgIDwvcmRmOkFsdD4KICAgPC94bXBSaWdodHM6VXNhZ2VUZXJtcz4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz68YWJYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMFJREFUeNpiYKAQMIIIAwMDfkZGxg1ApgMJeg/8//8/gAXE+vfvH6maGaDqN4AN+Pv3L0zzAqBLFhDSCbQ5AUiBsAPYgD9//kD8w8g44caNGxcJGaChofEBaggkDFRUVP6D6Dt37jAS636YHhQXkAJgemBhQLIBMD3UMWDgvUCJC5hgpoEwDw+PPjGaQepgelAMAJpawMHBgdcQkDxIHUwPOOGwsrLuJyMvgDMUmGRmZuZnYmLaD8T/ScD7QfoAAgwAwhN2ISN/LUUAAAAASUVORK5CYII='); } .form-groupX input[type="checkbox"]:checked:before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAALVWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNC4yLjItYzA2MyA1My4zNTI2MjQsIDIwMDgvMDcvMzAtMTg6MTI6MTggICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICB4bWxuczpJcHRjNHhtcENvcmU9Imh0dHA6Ly9pcHRjLm9yZy9zdGQvSXB0YzR4bXBDb3JlLzEuMC94bWxucy8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIgogICBwaG90b3Nob3A6QXV0aG9yc1Bvc2l0aW9uPSJBcnQgRGlyZWN0b3IiCiAgIHBob3Rvc2hvcDpDcmVkaXQ9Ind3dy5nZW50bGVmYWNlLmNvbSIKICAgcGhvdG9zaG9wOkRhdGVDcmVhdGVkPSIyMDEwLTAxLTAxIgogICBJcHRjNHhtcENvcmU6SW50ZWxsZWN0dWFsR2VucmU9InBpY3RvZ3JhbSIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxMC0wMS0wM1QyMTozMzoxNCswMTowMCIKICAgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjM5QjcwRDNEODFGN0RFMTE5RUFCOTBENzA3OEFGOTRBIgogICB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5QjcwRDNEODFGN0RFMTE5RUFCOTBENzA3OEFGOTRBIgogICB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzRjI3NDM3QTdGOERFMTE4MjFDRTRCMkM3RTM2RDcwIj4KICAgPElwdGM0eG1wQ29yZTpDcmVhdG9yQ29udGFjdEluZm8KICAgIElwdGM0eG1wQ29yZTpDaUFkckNpdHk9IlByYWd1ZSIKICAgIElwdGM0eG1wQ29yZTpDaUFkclBjb2RlPSIxNjAwMCIKICAgIElwdGM0eG1wQ29yZTpDaUFkckN0cnk9IkN6ZWNoIFJlcHVibGljIgogICAgSXB0YzR4bXBDb3JlOkNpRW1haWxXb3JrPSJrYUBnZW50bGVmYWNlLmNvbSIKICAgIElwdGM0eG1wQ29yZTpDaVVybFdvcms9Ind3dy5nZW50bGVmYWNlLmNvbSIvPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozOUI3MEQzRDgxRjdERTExOUVBQjkwRDcwNzhBRjk0QSIKICAgICAgc3RFdnQ6d2hlbj0iMjAxMC0wMS0wMlQxMDoyODo1MSswMTowMCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iL21ldGFkYXRhIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0M0E0QTAzREJGN0RFMTFBOTAwODNFMEExMjUzQkZEIgogICAgICBzdEV2dDp3aGVuPSIyMDEwLTAxLTAyVDIxOjExOjI5KzAxOjAwIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvbWV0YWRhdGEiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODNGMjc0MzdBN0Y4REUxMTgyMUNFNEIyQzdFMzZENzAiCiAgICAgIHN0RXZ0OndoZW49IjIwMTAtMDEtMDNUMjE6MzM6MTQrMDE6MDAiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii9tZXRhZGF0YSIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgIDxkYzp0aXRsZT4KICAgIDxyZGY6QWx0PgogICAgIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2VudGxlZmFjZS5jb20gZnJlZSBpY29uIHNldDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOnRpdGxlPgogICA8ZGM6c3ViamVjdD4KICAgIDxyZGY6QmFnPgogICAgIDxyZGY6bGk+aWNvbjwvcmRmOmxpPgogICAgIDxyZGY6bGk+cGljdG9ncmFtPC9yZGY6bGk+CiAgICA8L3JkZjpCYWc+CiAgIDwvZGM6c3ViamVjdD4KICAgPGRjOmRlc2NyaXB0aW9uPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5UaGlzIGlzIHRoZSBpY29uIGZyb20gR2VudGxlZmFjZS5jb20gZnJlZSBpY29ucyBzZXQuIDwvcmRmOmxpPgogICAgPC9yZGY6QWx0PgogICA8L2RjOmRlc2NyaXB0aW9uPgogICA8ZGM6Y3JlYXRvcj4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGk+QWxleGFuZGVyIEtpc2VsZXY8L3JkZjpsaT4KICAgIDwvcmRmOlNlcT4KICAgPC9kYzpjcmVhdG9yPgogICA8ZGM6cmlnaHRzPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5DcmVhdGl2ZSBDb21tb25zIEF0dHJpYnV0aW9uIE5vbi1Db21tZXJjaWFsIE5vIERlcml2YXRpdmVzPC9yZGY6bGk+CiAgICA8L3JkZjpBbHQ+CiAgIDwvZGM6cmlnaHRzPgogICA8eG1wUmlnaHRzOlVzYWdlVGVybXM+CiAgICA8cmRmOkFsdD4KICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPkNyZWF0aXZlIENvbW1vbnMgQXR0cmlidXRpb24gTm9uLUNvbW1lcmNpYWwgTm8gRGVyaXZhdGl2ZXM8L3JkZjpsaT4KICAgIDwvcmRmOkFsdD4KICAgPC94bXBSaWdodHM6VXNhZ2VUZXJtcz4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjw/eHBhY2tldCBlbmQ9InIiPz5lxa2uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXFJREFUeNqkU01qwkAUdpIKLgLjKhIQXAhZCMEcwRvUniA5QnqT9gZ6g/QE5gTSCS6yiDC4000ruMxP3xt8ISapUvrgzczL+74372fS6/1TGC6u63LGWAjHRSeIseV2u/3o8j3hUhTFPbIvhKjIjuPgZREcoziOX1WAPM+JvALnqsb/3u12gozZbMYBGwHGRV+VQZZldNtbkiSiKxPbthUZK75iwyoAOBQoTVNFnk6nHgCCsiwX+/3+DDaHMisySAjY91YGKJPJxIOAVEYE9hLssEaWmqb5N02kDK4NrfcASbI5ESnlGc/j8fhZowAUBHaf7A4NDoeDKtOyLA+np96BaZol7qfTSdmj0ciD+leNPobgfyGDOK0MUI7H47qRiYTb/Hq0Gw7nvERtjm44HHrw/Qv2edNHHJWyYRhEdi+Xi3j0/gGPAT9bJcA4g8FgML9HRj/iiKMy6Pf7m9/+hQcSqVXXdQ6PYwNa/kE3yPsRYADJ3N43dnuf2gAAAABJRU5ErkJggg=='); } .form-group textarea { width:70%; margin-left:30%; } .form-group label+textarea { margin-left:0; float:left; } .form-group.mapa { text-align:center; } .form-group.mapa img { display:block; max-width:100%; margin-left:auto; margin-right:auto; margin-bottom:1.4em; } .tlacitka { position:relative; } .kontakt .tlacitka { text-align:center; } span.formErrInfo { position:absolute; top:0; right:0; width:70%; text-align:center; box-sizing:border-box; } .vinResult { margin-top:1.4em; text-align:center; } @media all and (max-width: 999px) { .form-group { padding-left:10px; padding-right:10px; } .form-group label { float:none; display:block; width:100%; } .form-group.noLabels { padding-left:10px; padding-right:10px; } .form-group .legenda, .kontakt .form-group .informace { padding-left:0; } .form-group .seznamPriloh div { padding-left:10px; padding-right:10px; } .form-group input[type="checkbox"]+label { display:inline; } input[type="submit"], input[type="button"] { margin-left:auto; margin-right:10px; display:block; } .kontakt input[type="submit"], .kontakt input[type="button"] { margin-right:auto; } .form-group input[type="text"], .form-group .fieldErrorInfo { float:left; width:100%; } .form-group select { width:100%; } .form-group textarea { width:100%; margin-left:0; } span.formErrInfo { top:0; left:0; width:75%; } } /* ------------------------------------------------------------ */ a.lupa { display:block; width:22px; height:22px; background-image:url('images/lupa.png'); background-position:center; background-repeat:no-repeat; background-color:#3E3E3E; } a.pruhledny { background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } span.videoikona { position:absolute; bottom:0px; right:0px; width:40px; height:40px; background-image:url('images/video-mini.png'); display:block; } div.link-to-video { background-image:url('images/play.png'); } div.link-to-video:hover { -webkit-animation: zoom 450ms; /* Chrome, Safari, Opera */ animation: zoom 450ms; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ #webPage { position:relative; width:100%; background-color:white; } #webPage-in { padding-top:46px; } /* ------------------------------------------------------------ */ #page-section, #motto-section, #menu-section, #webmenu-section { background-color:transparent; width:100%; } #page, #motto, #menu, #webMenu, #fotoBanner { margin:0 auto 0 auto; position:relative; width:1000px; text-align:left; } .technologie #motto, .svetSuzuki #motto { display:none; } .svetSuzuki #page, .technologie #page, .model.design_a_technologie #page, .partneri #page { width: 100%; } /* ------------------------------------------------------------ */ #motto-section { position:absolute; top:46px; left:0; } #motto { text-align:right; } #motto a { position:absolute; top:0; right:0; display:block; width:100px; height:100px; z-index:10; } @media screen and (max-width: 900px) { .partneri #motto a { width:75px; height:75px; } .partneri #motto a img { width:100% !important; height:auto !important; } } @media screen and (max-width: 670px) { #motto a { width:75px; height:75px; } #motto a img { width:100% !important; height:auto !important; } } /* ------------------------------------------------------------ */ #page-section { position:relative; } #page-in { padding-bottom:80px; } /* ------------------------------------------------------------ */ #menu-section { height:46px; position:fixed; top:0px; left:0; z-index:50; background-color:white; } #menu { height:46px; font-size:1em; font-family: Roboto Condensed, Gill Sans, Arial, Sans-Serif; background-color:white; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; } #menu-in { text-align:center; } #menu a, #menu a:visited, #menu a:active, #menu a:hover { text-decoration:none; color: black; } #menu a:hover { color:#7d786a; } #menu ul { list-style:none; height:45px; overflow:hidden; } #menu li { display:inline; } #menu li a{ height:45px; display:inline-block; padding: 10px 6px 10px 6px; text-transform:uppercase; box-sizing:border-box; -moz-box-sizing:border-box; } #menu.v2 li a{ padding: 10px 8px 10px 8px; } #menu.v2 li a.mySuzuki span{ color:#d52a1d; } #menu li ul { display:none; } #zobrazMenu, #zobrazSubmenu { height:45px; text-align:center; display:none; z-index: 40; font-weight:bold; padding: 10px 6px 10px 6px; box-sizing:border-box; -moz-box-sizing:border-box; background-color:#4A4A4A; background-repeat:no-repeat; color:white !important; } #zobrazMenu { width:45px; border-left: none; margin-left:auto; margin-right:0px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrs1sEJgDAQRNFEvAeszIvtebCBlKZ3lXUswY0KC39hjmEfgQzJZpaiTZcCDmjQoEGDBg0aNOiP0ItyKtaQQ5k9y7PzP70p5YVLW5Xh6aHeuWxSxobz9+xK/fOmeYigaQ/ag/YATXvQHrQHaNCgQYMGDRo06MDoS4ABAOmaWLyC9Cb0AAAAAElFTkSuQmCC'); text-indent: 200%; } #zobrazSubmenu { position:absolute; top:-46px; background-color:transparent; text-align:left; padding-left:46px; /* background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKlJREFUeNrs1zEKgzAYhmFTXDpIz+Pg5F7o0it4t04OIgq6d+0ReoQuFYSSfkMLHTuY4YP3h3cNz5BEE2KMmdvsMsMBDRo0aNCgQYMGDfq/CY7om+rUPhU6JHi5fBec1VE9nfZ0rQZVuB3ESo3q4LI9fueqSrcr7+F2T/fq5IRuP+DFBX1RZ7VuvXCeADupu2rUy+Xjwg8TaNCgQYMGDRo0aNCgt523AAMA5Ywd1Ja7X9cAAAAASUVORK5CYII='); */ background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIBJREFUeNrs1sEJgDAQRNFEvAeszIvtebCBlKZ3lXUswY0KC39hjmEfgQzJZpaiTZcCDmjQoEGDBg0aNOiP0ItyKtaQQ5k9y7PzP70p5YVLW5Xh6aHeuWxSxobz9+xK/fOmeYigaQ/ag/YATXvQHrQHaNCgQYMGDRo06MDoS4ABAOmaWLyC9Cb0AAAAAElFTkSuQmCC'); } #submenu.zobrazMenu #zobrazSubmenu { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI9JREFUeNrs2EEKQFAUhWHsQikplmUb1qNk9upNDJSNmV3nlZGUyR2Q/9Y/U+ebPrmZZV+7IvvggQYNGjRo0KBBgwYNGvR/0L3alT00vAm9qenhm6iCy1p6jTtVqtHuL6rGa8sTnarUfAEvqvXc8UanahVO8Ko6742cnzWgQYMGDRo0aNCgQYMGDfq8Q4ABAEy+tAS5DE5eAAAAAElFTkSuQmCC'); } @media all and (max-width: 999px) { #menu-section { position:fixed; display:none; } .nav-up #menu-section { display:block; } #zobrazMenu, #zobrazSubmenu { display: block; } #menu { background-color:#4A4A4A; border-bottom:1px solid white; } #menu ul.navigace { background-color:#e9e9e9; display:none; height:auto; max-height:100vh; box-sizing:border-box; padding-bottom:45px; overflow:auto; } #menu.zobrazMenu ul.navigace { display:block; } #menu ul.navigace>li { height:0px; background-color:white; display:block; overflow:visible; } #menu ul.navigace li { height: auto; border-bottom:2px solid #4A4A4A; } #menu li a { width:100%; } } .mobile #krpanoSWFObject { z-index:25; } /* ------------------------------------------------------------ */ #menu ul li ul { position:absolute; top:45px; left:0px; width:100%; height:auto; display:none; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -o-transition: height 0.2s ease; -ms-transition: height 0.2s ease; transition: height 0.2s ease; background:black; background: rgba(0,0,0,0.9); } #menu ul li ul li { display:inline; padding-left:30px; padding-bottom:0px; } #menu ul li ul li a, #menu.v2 ul li ul li a { padding: 40px 19px 10px 19px; /* 10 19|28 */ } #menu ul li.zobrazMenu ul { display:block; height:auto; -webkit-transition: height 0.2s ease-in; -moz-transition: height 0.2s ease-in; -o-transition: height 0.2s ease-in; -ms-transition: height 0.2s ease-in; transition: height 0.2s ease-in; } #menu ul li ul li, #menu ul li ul li a, #menu ul li ul li a:visited, #menu ul li ul li a:active, #menu ul li ul li a:hover { text-decoration:none; color: white; text-transform:uppercase; } #menu ul li ul li a:hover { color:#7d786a; /*color:#615C4E;*/ } @media all and (min-width: 1000px) { #menu ul li ul { height:auto; background:#F0F0F0; background: rgba(240,240,240,0.95); border-bottom:30px solid rgba(255,255,255,0.5); text-align:left; line-height:0; padding-bottom:4em; margin-bottom:30px; } #menu ul li ul li { display:inline-block; padding-left:0px; padding-bottom:0px; width:33.3%; height:80px; overflow:hidden; text-align:left; } #menu ul li ul li, #menu ul li ul li a, #menu ul li ul li a:visited, #menu ul li ul li a:active, #menu ul li ul li a:hover { color: black; } /* #menu ul li ul li#mIgnis a, #menu.v2 ul li ul li#mIgnis a { background-image: url(menu/ico-ignis.jpg); background-repeat:no-repeat; } */ #menu ul li ul li a:before { vertical-align:middle; display:inline-block; width:180px; text-align:right; } #menu ul li ul li#mIgnis a:before { content: url(menu/ico-ignis.png); } #menu ul li ul li#mSwift a:before { content: url(menu/ico-swift.png); } #menu ul li ul li#mSwiftSport a:before { content: url(menu/ico-swift-sport.png); } #menu ul li ul li#mJimny a:before { content: url(menu/ico-jimny.png); } #menu ul li ul li#mVitara a:before { content: url(menu/ico-vitara.png); } #menu ul li ul li#meVitara a:before { content: url(menu/ico-e-vitara.png); } #menu ul li ul li#mSCross a:before { content: url(menu/ico-s-cross.png); } #menu ul li ul li#mAcross a:before { content: url(menu/ico-across.png); } #menu ul li ul li#mSwace a:before { content: url(menu/ico-swace.png); } #menu ul li ul li#mSkladoveVozy, #menu ul li ul li#mOjeteVozy, #menu ul li ul li#mKonfigurator { width:33.333%; background-color:#0d9bc9; background-color:#404040; color:white; height:3em; line-height:normal; position:absolute; bottom:0; } #menu ul li ul li#mSkladoveVozy { left:0px; } #menu ul li ul li#mOjeteVozy { right:0px; text-align:right; } #menu ul li ul li#mKonfigurator { left:33.333%; text-align:center; } #menu ul li ul li#mSkladoveVozy a, #menu ul li ul li#mOjeteVozy a, #menu ul li ul li#mKonfigurator a { display:block; } #menu ul li ul li a, #menu.v2 ul li ul li a { padding:0; display:block; width:100%; height:100%; } #menu ul li ul li#mSkladoveVozy a, #menu ul li ul li#mSkladoveVozy a:visited, #menu ul li ul li#mSkladoveVozy a:active, #menu ul li ul li#mSkladoveVozy a:hover, #menu ul li ul li#mOjeteVozy a, #menu ul li ul li#mOjeteVozy a:visited, #menu ul li ul li#mOjeteVozy a:active, #menu ul li ul li#mOjeteVozy a:hover, #menu ul li ul li#mKonfigurator a, #menu ul li ul li#mKonfigurator a:visited, #menu ul li ul li#mKonfigurator a:active, #menu ul li ul li#mKonfigurator a:hover { color: white; padding: 1em 30px; border-bottom:0px; } #menu ul li ul li#mSkladoveVozy:hover a, #menu ul li ul li#mOjeteVozy:hover a, #menu ul li ul li#mKonfigurator:hover a { -webkit-animation: zoom 450ms; /* Chrome, Safari, Opera */ animation: zoom 450ms; transform-origin:left bottom; } #menu ul li ul li#mOjeteVozy:hover a { transform-origin:right bottom; } #menu ul li ul li#mKonfigurator:hover a { -webkit-animation: zoom 450ms; /* Chrome, Safari, Opera */ animation: zoom 450ms; transform-origin:center bottom; } @-webkit-keyframes zoomUrl { 0% { transform: scale(1,1); } 35% { transform: scale(1.4,1.2); } 100% { transform: scale(1,1); } } @keyframes zoomUrl { 0% { transform: scale(1,1); } 35% { transform: scale(1.4,1.2); } 100% { transform: scale(1,1); } } #menu ul li ul li a:hover, #menu.v2 ul li ul li a:hover { border-bottom:30px solid #A8A8A8; } #menu ul li:hover ul { display:block; } } @media all and (max-width: 999px) { #menu ul li { height:auto; } #menu ul li ul { position:static; height:auto; } #menu ul li ul li { display:block; } #menu ul li ul li a, #menu.v2 ul li ul li a { padding: 10px 28px 10px 28px; /* 10 19|28 */ } #menu ul li.zobrazMenu ul { height:auto; } } /* ------------------------------------------------------------ */ nav #menu-sekce, nav #menu-modelu-2 { background-color:white; } .suzuki-ve-svete nav #menu-sekce { background-color:transparent; } nav #menu-modelu-2 { margin-top:45px; } nav #menu-sekce a, nav #menu-modelu-2 a { position:relative; } .o-nas nav #menu-sekce li.o-nas a::after, .historie-suzuki-casova-osa nav #menu-sekce li.historie-suzuki-casova-osa a::after, .historie-moto-casova-osa nav #menu-sekce li.historie-moto-casova-osa a::after, .filozofie-suzuki nav #menu-sekce li.filozofie-suzuki a::after, .proc-suzuki nav #menu-sekce li.proc-suzuki a::after, .napsali-o-nas nav #menu-sekce li.napsali-o-nas a::after, .suzuki-ve-svete nav #menu-sekce li.suzuki-ve-svete a::after, .ikonicke-vozy-suzuki nav #menu-sekce li.ikonicke-vozy-suzuki a::after, .komunita nav #menu-sekce li.komunita a::after, .pomahame nav #menu-sekce li.pomahame a::after, .skiareal-klinovec nav #menu-sekce li.skiareal-klinovec a::after, .skiareal-jested nav #menu-sekce li.skiareal-jested a::after, .zajimavosti nav #menu-sekce li.zajimavosti a::after, .videa nav #menu-sekce li.videa a::after, .merch nav #menu-sekce li.merch a::after, .pro-deti nav #menu-sekce li.pro-deti a::after, .katerina-hrachovcova nav #menu-sekce li.katerina-hrachovcova a::after, .kristina-kloubkova nav #menu-sekce li.kristina-kloubkova a::after, .filip-brezina nav #menu-sekce li.filip-brezina a::after, .eva-decastelo nav #menu-sekce li.eva-decastelo a::after, .anna-slovackova nav #menu-sekce li.anna-slovackova a::after, .marketa-a-patrik-dergelovi nav #menu-sekce li.marketa-a-patrik-dergelovi a::after, .andrea-ruzickova nav #menu-sekce li.andrea-ruzickova a::after, .patrik-dergel nav #menu-sekce li.patrik-dergel a::after, .otakar-brousek nav #menu-sekce li.otakar-brousek a::after, .jan-kanyza nav #menu-sekce li.jan-kanyza a::after, .barbora-polakova nav #menu-sekce li.barbora-polakova a::after, .ivo-koblasa nav #menu-sekce li.ivo-koblasa a::after, .dana-batulkova nav #menu-sekce li.dana-batulkova a::after, .jan-hrebejk nav #menu-sekce li.jan-hrebejk a::after, .stepanka-hilgertova nav #menu-sekce li.stepanka-hilgertova a::after, .marketa-frosslova nav #menu-sekce li.marketa-frosslova a::after, .ceska-miss-2010 nav #menu-sekce li.ceska-miss-2010 a::after, .kariera nav #menu-sekce li.kariera a::after, .press nav #menu-sekce li.press a::after, .press.modely.across nav #menu-sekce li.across a::after, .press.modely.ignis nav #menu-sekce li.ignis a::after, .press.modely.swace nav #menu-sekce li.swace a::after, .press.modely.swift nav #menu-sekce li.swift a::after, .press.modely.swift-sport nav #menu-sekce li.swift-sport a::after, .press.modely.s-cross nav #menu-sekce li.s-cross a::after, .press.modely.jimny nav #menu-sekce li.jimny a::after, .press.modely.vitara nav #menu-sekce li.vitara a::after, .press.modely.evitara nav #menu-sekce li.evitara a::after, .press.akce.swift-40-let nav #menu-sekce li.swift-40-let a::after, .press.akce.superridicka nav #menu-sekce li.superridicka a::after, .press.akce.suzuki-akademie nav #menu-sekce li.suzuki-akademie a::after, .press.akce.suzuki-off-road-safari-most nav #menu-sekce li.suzuki-off-road-safari-most a::after, .press.historie.suzuki-100-let nav #menu-sekce li.suzuki-100-let a::after, .press.historie.vitara-30-let nav #menu-sekce li.vitara-30-let a::after, .evropa nav #menu-sekce li.evropa a::after, .asie nav #menu-sekce li.asie a::after, .australie nav #menu-sekce li.australie a::after, .amerika nav #menu-sekce li.amerika a::after, .afrika nav #menu-sekce li.afrika a::after, .napsali-o-nas.suzuki nav #menu-sekce li.suzuki a::after, .napsali-o-nas.ignis nav #menu-sekce li.ignis a::after, .napsali-o-nas.swift nav #menu-sekce li.swift a::after, .napsali-o-nas.swift-4x4 nav #menu-sekce li.swift-4x4 a::after, .napsali-o-nas.swift-sport nav #menu-sekce li.swift-sport a::after, .napsali-o-nas.s-cross nav #menu-sekce li.s-cross a::after, .napsali-o-nas.jimny nav #menu-sekce li.jimny a::after, .napsali-o-nas.vitara nav #menu-sekce li.vitara a::after, .napsali-o-nas.evitara nav #menu-sekce li.evitara a::after, .napsali-o-nas.swace nav #menu-sekce li.swace a::after, .napsali-o-nas.across nav #menu-sekce li.across a::after, .napsali-o-nas.ojetiny nav #menu-sekce li.ojetiny a::after, .napsali-o-nas-archiv.baleno nav #menu-sekce li.baleno a::after, .napsali-o-nas-archiv.celerio nav #menu-sekce li.celerio a::after, .napsali-o-nas-archiv.ignis nav #menu-sekce li.ignis a::after, .napsali-o-nas-archiv.s-cross nav #menu-sekce li.s-cross a::after, .napsali-o-nas-archiv.jimny nav #menu-sekce li.jimny a::after, .napsali-o-nas-archiv.kizashi nav #menu-sekce li.kizashi a::after, .napsali-o-nas-archiv.splash nav #menu-sekce li.splash a::after, .napsali-o-nas-archiv.swift nav #menu-sekce li.swift a::after, .napsali-o-nas-archiv.swift-4x4 nav #menu-sekce li.swift-4x4 a::after, .napsali-o-nas-archiv.swift-sport nav #menu-sekce li.swift-sport a::after, .napsali-o-nas-archiv.sx4 nav #menu-sekce li.sx4 a::after, .napsali-o-nas-archiv.suzuki-4x4 nav #menu-sekce li.suzuki-4x4 a::after, .napsali-o-nas-archiv.vitara nav #menu-sekce li.vitara a::after, .napsali-o-nas-archiv.vitara-s nav #menu-sekce li.vitara-s a::after, .o-nas.o-nas nav #submenu li.o-nas a span::after, .komunita nav #submenu li.komunita a span::after, .press nav #submenu li.press a span::after, nav #menu-sekce a::after, nav #menu-modelu-2 a::after { content:''; position:absolute; left:0;bottom:-3px; display:block; height:2px; width:0; background:transparent; transition:width .3s ease, background-color .3s ease; } nav #menu-sekce li:not(.zpet) a:hover::after, nav #menu-sekce li.active:not(.zpet) a::after, nav #menu-modelu-2 a:hover::after, nav #menu-modelu-2 li.active a::after { width:100%; background:#e1261c; } .o-nas-page nav #menu-sekce li.o-nas a::after, .historie-suzuki-casova-osa nav #menu-sekce li.historie-suzuki-casova-osa a::after, .historie-moto-casova-osa nav #menu-sekce li.historie-moto-casova-osa a::after, .filozofie-suzuki nav #menu-sekce li.filozofie-suzuki a::after, .proc-suzuki nav #menu-sekce li.proc-suzuki a::after, .napsali-o-nas nav #menu-sekce li.napsali-o-nas a::after, .suzuki-ve-svete nav #menu-sekce li.suzuki-ve-svete a::after, .ikonicke-vozy-suzuki nav #menu-sekce li.ikonicke-vozy-suzuki a::after, .kariera nav #menu-sekce li.kariera a::after, .evropa nav #menu-sekce li.evropa a::after, .asie nav #menu-sekce li.asie a::after, .australie nav #menu-sekce li.australie a::after, .amerika nav #menu-sekce li.amerika a::after, .afrika nav #menu-sekce li.afrika a::after, .napsali-o-nas.suzuki nav #menu-sekce li.suzuki a::after, .napsali-o-nas.ignis nav #menu-sekce li.ignis a::after, .napsali-o-nas.swift nav #menu-sekce li.swift a::after, .napsali-o-nas.swift-4x4 nav #menu-sekce li.swift-4x4 a::after, .napsali-o-nas.swift-sport nav #menu-sekce li.swift-sport a::after, .napsali-o-nas.s-cross nav #menu-sekce li.s-cross a::after, .napsali-o-nas.jimny nav #menu-sekce li.jimny a::after, .napsali-o-nas.vitara nav #menu-sekce li.vitara a::after, .napsali-o-nas.evitara nav #menu-sekce li.evitara a::after, .napsali-o-nas.swace nav #menu-sekce li.swace a::after, .napsali-o-nas.across nav #menu-sekce li.across a::after, .napsali-o-nas.ojetiny nav #menu-sekce li.ojetiny a::after, .napsali-o-nas-archiv.baleno nav #menu-sekce li.baleno a::after, .napsali-o-nas-archiv.celerio nav #menu-sekce li.celerio a::after, .napsali-o-nas-archiv.ignis nav #menu-sekce li.ignis a::after, .napsali-o-nas-archiv.s-cross nav #menu-sekce li.s-cross a::after, .napsali-o-nas-archiv.jimny nav #menu-sekce li.jimny a::after, .napsali-o-nas-archiv.kizashi nav #menu-sekce li.kizashi a::after, .napsali-o-nas-archiv.splash nav #menu-sekce li.splash a::after, .napsali-o-nas-archiv.swift nav #menu-sekce li.swift a::after, .napsali-o-nas-archiv.swift-4x4 nav #menu-sekce li.swift-4x4 a::after, .napsali-o-nas-archiv.swift-sport nav #menu-sekce li.swift-sport a::after, .napsali-o-nas-archiv.sx4 nav #menu-sekce li.sx4 a::after, .napsali-o-nas-archiv.suzuki-4x4 nav #menu-sekce li.suzuki-4x4 a::after, .napsali-o-nas-archiv.vitara nav #menu-sekce li.vitara a::after, .napsali-o-nas-archiv.vitara-s nav #menu-sekce li.vitara-s a::after, /* .o-nas nav #submenu li.o-nas a span::after, */ .o-nas nav #menu-sekce li:not(.zpet) a:hover::after, .o-nas nav #menu-sekce li.active:not(.zpet) a::after{ width:100%; background:#f2b104; /* #e1261c; */ } nav #menu-sekce a svg { color:#ffffff; font-size: 24px; } .o-nas nav #menu-sekce a svg { color:#FFC823; } .komunita nav #menu-sekce a svg { color:#F87878; } .press nav #menu-sekce a svg { color:#4FD3F1; } .komunita-page nav #menu-sekce li.komunita a::after, .komunita.pomahame nav #menu-sekce li.pomahame a::after, .komunita.skiareal-klinovec nav #menu-sekce li.skiareal-klinovec a::after, .komunita.skiareal-jested nav #menu-sekce li.skiareal-jested a::after, .komunita.zajimavosti nav #menu-sekce li.zajimavosti a::after, .komunita.videa nav #menu-sekce li.videa a::after, .komunita.merch nav #menu-sekce li.merch a::after, .pro-deti nav #menu-sekce li.pro-deti a::after, .komunita.katerina-hrachovcova nav #menu-sekce li.katerina-hrachovcova a::after, .komunita.kristina-kloubkova nav #menu-sekce li.kristina-kloubkova a::after, .komunita.filip-brezina nav #menu-sekce li.filip-brezina a::after, .komunita.eva-decastelo nav #menu-sekce li.eva-decastelo a::after, .komunita.anna-slovackova nav #menu-sekce li.anna-slovackova a::after, .komunita.marketa-a-patrik-dergelovi nav #menu-sekce li.marketa-a-patrik-dergelovi a::after, .komunita.andrea-ruzickova nav #menu-sekce li.andrea-ruzickova a::after, .komunita.patrik-dergel nav #menu-sekce li.patrik-dergel a::after, .komunita.otakar-brousek nav #menu-sekce li.otakar-brousek a::after, .komunita.jan-kanyza nav #menu-sekce li.jan-kanyza a::after, .komunita.barbora-polakova nav #menu-sekce li.barbora-polakova a::after, .komunita.ivo-koblasa nav #menu-sekce li.ivo-koblasa a::after, .komunita.dana-batulkova nav #menu-sekce li.dana-batulkova a::after, .komunita.jan-hrebejk nav #menu-sekce li.jan-hrebejk a::after, .komunita.stepanka-hilgertova nav #menu-sekce li.stepanka-hilgertova a::after, .komunita.marketa-frosslova nav #menu-sekce li.marketa-frosslova a::after, .komunita.ceska-miss-2010 nav #menu-sekce li.ceska-miss-2010 a::after, /* .komunita nav #submenu li.komunita a span::after, */ .komunita nav #menu-sekce li:not(.zpet) a:hover::after, .komunita nav #menu-sekce li.active:not(.zpet) a::after{ width:100%; background:#BD0D0D; /* #e1261c; */ } .press-page nav #menu-sekce li.press a::after, .press.modely.across nav #menu-sekce li.across a::after, .press.modely.ignis nav #menu-sekce li.ignis a::after, .press.modely.swace nav #menu-sekce li.swace a::after, .press.modely.swift nav #menu-sekce li.swift a::after, .press.modely.swift-sport nav #menu-sekce li.swift-sport a::after, .press.modely.s-cross nav #menu-sekce li.s-cross a::after, .press.modely.jimny nav #menu-sekce li.jimny a::after, .press.modely.vitara nav #menu-sekce li.vitara a::after, .press.modely.evitara nav #menu-sekce li.evitara a::after, .press.akce.swift-40-let nav #menu-sekce li.swift-40-let a::after, .press.akce.superridicka nav #menu-sekce li.superridicka a::after, .press.akce.suzuki-akademie nav #menu-sekce li.suzuki-akademie a::after, .press.akce.suzuki-off-road-safari-most nav #menu-sekce li.suzuki-off-road-safari-most a::after, .press.historie.suzuki-100-let nav #menu-sekce li.suzuki-100-let a::after, .press.historie.vitara-30-let nav #menu-sekce li.vitara-30-let a::after, /* .press nav #submenu li.press a span::after, */ .press nav #menu-sekce li:not(.zpet) a:hover::after, .press nav #menu-sekce li.active:not(.zpet) a::after{ width:100%; background:#4FD3F1; /* #e1261c; */ } .o-nas nav #submenu li.o-nas a span::after, .komunita nav #submenu li.komunita a span::after, .press nav #submenu li.press a span::after { margin-left:30px;bottom:17px; width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px); width: calc(100% - 45px); } @media all and (max-width: 999px) { nav #menu-sekce, nav #menu-modelu-2 { margin-top:0; } } /* ------------------------------------------------------------ */ .suzuki-ve-svete div.svsMapa { position:relative; height:500px; } .suzuki-ve-svete div.svsMapa div.svsMapa-in { margin-left:auto; margin-right:auto; position:relative; overflow:hidden visible; top:-450px; } .suzuki-ve-svete.asie div.svsMapa div.svsMapa-in { top:-450px; } .suzuki-ve-svete.australie div.svsMapa div.svsMapa-in { top:-400px; } .suzuki-ve-svete.amerika div.svsMapa div.svsMapa-in { top:-150px; } .suzuki-ve-svete.evropa div.svsMapa div.svsMapa-in { top:-480px; } .suzuki-ve-svete.afrika div.svsMapa div.svsMapa-in { top:-520px; } .suzuki-ve-svete div.svsMapa div.svsMapa-in div.svsMapa-svg { width:1800px; height:auto; position:relative; left:50%; margin-left:-730px; } .suzuki-ve-svete.asie div.svsMapa div.svsMapa-in div.svsMapa-svg { margin-left:-730px; } .suzuki-ve-svete.australie div.svsMapa div.svsMapa-in div.svsMapa-svg { margin-left:-1200px; } .suzuki-ve-svete.amerika div.svsMapa div.svsMapa-in div.svsMapa-svg { margin-left:-1500px; } .suzuki-ve-svete.evropa div.svsMapa div.svsMapa-in div.svsMapa-svg { margin-left:-400px; } .suzuki-ve-svete.afrika div.svsMapa div.svsMapa-in div.svsMapa-svg { margin-left:-380px; } .suzuki-ve-svete svg .popis { font-size:32px; font-family:suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; fill:#000000; } .suzuki-ve-svete svg a:hover .popis { animation: textAnimation 0.8s ease forwards; } @keyframes textAnimation { from { font-size:90px; fill:none; } to { font-size:32px; fill:#000000; } } .suzuki-ve-svete svg a { display:none; } .suzuki-ve-svete.asie svg a.asie, .suzuki-ve-svete.australie svg a.australie, .suzuki-ve-svete.afrika svg a.afrika, .suzuki-ve-svete.amerika svg a.amerika, .suzuki-ve-svete.australie svg a.australie, .suzuki-ve-svete.evropa svg a.evropa { display:inline; } .suzuki-ve-svete svg .stat { fill:#003380; } .suzuki-ve-svete svg a:hover .stat { animation: colorAnimation 0.2s ease forwards; } @keyframes colorAnimation { to { fill:#db1b40; } } .suzuki-ve-svete svg a text, .suzuki-ve-svete svg a path { display:none; } .suzuki-ve-svete svg a path { fill:none; stroke:#000000; stroke-width:2; stroke-dasharray: 1000; stroke-dashoffset: 1000; } .suzuki-ve-svete svg a:hover text, .suzuki-ve-svete svg a:hover path { display:inline-block; } .suzuki-ve-svete svg a:hover path { animation: lineAnimation 0.8s linear forwards; animation-delay:0.5s; } @keyframes lineAnimation { to { stroke-dashoffset: 0; } } /* ------------------------------------------------------------ */ #odkazy-na-clanky .card-body, .odkazy-na-clanky .card-body { height:200px; position:relative; -webkit-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out; } .odkazy-na-clanky.odkazy-akce .card-body { height:150px; } #odkazy-na-clanky .card-body a:before, .odkazy-na-clanky .card-body a:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out; background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' style='font-size:50px;'%3E%3Cpath d='M7 18H17V16H7V18Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M17 14H7V12H17V14Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M7 10H11V8H7V10Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 2C4.34315 2 3 3.34315 3 5V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V9C21 5.13401 17.866 2 14 2H6ZM6 4H13V9H19V19C19 19.5523 18.5523 20 18 20H6C5.44772 20 5 19.5523 5 19V5C5 4.44772 5.44772 4 6 4ZM15 4.10002C16.6113 4.4271 17.9413 5.52906 18.584 7H15V4.10002Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E" ); background-repeat: no-repeat; background-position: left 15px bottom 15px; filter: invert(100%) sepia(11%) saturate(36%) hue-rotate(261deg) brightness(110%) contrast(76%); color:black; text-align:right; font-weight:700; padding:0; } #odkazy-na-clanky .card-body a, .odkazy-na-clanky .card-body a { display:block; height:100%; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; font-weight: normal; } .odkazy-na-clanky .card-body a { text-decoration:none !important; } #odkazy-na-clanky .card-body a.www:before, .odkazy-na-clanky .card-body a.www:before { background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' style='font-size: 50px;'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM14.8055 18.4151C17.1228 17.4003 18.7847 15.1667 18.9806 12.525C18.1577 12.9738 17.12 13.3418 15.9371 13.598C15.7882 15.4676 15.3827 17.1371 14.8055 18.4151ZM9.1945 5.58487C7.24725 6.43766 5.76275 8.15106 5.22208 10.244C5.4537 10.4638 5.84813 10.7341 6.44832 11.0008C6.89715 11.2003 7.42053 11.3798 8.00537 11.5297C8.05853 9.20582 8.50349 7.11489 9.1945 5.58487ZM10.1006 13.9108C10.2573 15.3675 10.5852 16.6202 10.9992 17.5517C11.2932 18.2133 11.5916 18.6248 11.8218 18.8439C11.9037 18.9219 11.9629 18.9634 12 18.9848C12.0371 18.9634 12.0963 18.9219 12.1782 18.8439C12.4084 18.6248 12.7068 18.2133 13.0008 17.5517C13.4148 16.6202 13.7427 15.3675 13.8994 13.9108C13.2871 13.9692 12.6516 14 12 14C11.3484 14 10.7129 13.9692 10.1006 13.9108ZM8.06286 13.598C8.21176 15.4676 8.61729 17.1371 9.1945 18.4151C6.8772 17.4003 5.21525 15.1666 5.01939 12.525C5.84231 12.9738 6.88001 13.3418 8.06286 13.598ZM13.9997 11.8896C13.369 11.9609 12.6993 12 12 12C11.3008 12 10.631 11.9609 10.0003 11.8896C10.0135 9.66408 10.4229 7.74504 10.9992 6.44832C11.2932 5.78673 11.5916 5.37516 11.8218 5.15605C11.9037 5.07812 11.9629 5.03659 12 5.01516C12.0371 5.03659 12.0963 5.07812 12.1782 5.15605C12.4084 5.37516 12.7068 5.78673 13.0008 6.44832C13.5771 7.74504 13.9865 9.66408 13.9997 11.8896ZM15.9946 11.5297C15.9415 9.20582 15.4965 7.11489 14.8055 5.58487C16.7528 6.43766 18.2373 8.15107 18.7779 10.244C18.5463 10.4638 18.1519 10.7341 17.5517 11.0008C17.1029 11.2003 16.5795 11.3798 15.9946 11.5297Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E" ); } #odkazy-na-clanky .card-body a.video:before, .odkazy-na-clanky .card-body a.video:before { background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' style='font-size: 50px;'%3E%3Cpath d='M6 7C5.44772 7 5 7.44772 5 8C5 8.55228 5.44772 9 6 9C6.55228 9 7 8.55228 7 8C7 7.44772 6.55228 7 6 7Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M17 8C17 7.44772 17.4477 7 18 7C18.5523 7 19 7.44772 19 8C19 8.55228 18.5523 9 18 9C17.4477 9 17 8.55228 17 8Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M6 11C5.44772 11 5 11.4477 5 12C5 12.5523 5.44772 13 6 13C6.55228 13 7 12.5523 7 12C7 11.4477 6.55228 11 6 11Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M17 12C17 11.4477 17.4477 11 18 11C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13C17.4477 13 17 12.5523 17 12Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M6 15C5.44772 15 5 15.4477 5 16C5 16.5523 5.44772 17 6 17C6.55228 17 7 16.5523 7 16C7 15.4477 6.55228 15 6 15Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M17 16C17 15.4477 17.4477 15 18 15C18.5523 15 19 15.4477 19 16C19 16.5523 18.5523 17 18 17C17.4477 17 17 16.5523 17 16Z' fill='currentColor'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 3C2.34315 3 1 4.34315 1 6V18C1 19.6569 2.34315 21 4 21H20C21.6569 21 23 19.6569 23 18V6C23 4.34315 21.6569 3 20 3H4ZM20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E" ); } .svetSuzuki .odkazy-na-clanky .card-body { background-color:#eeeeee; } #odkazy-na-clanky .card-body:hover, .odkazy-na-clanky .card-body:hover { background-color:#FFC823; } #odkazy-na-clanky .card-body:hover a:before, .odkazy-na-clanky .card-body:hover a:before { filter: invert(89%) sepia(4%) saturate(4222%) hue-rotate(333deg) brightness(109%) contrast(104%);; } /* #odkazy-na-clanky .card-body:hover a:before { content:"OTEVŘÍT"; } #odkazy-na-clanky .card-body:hover a.www:before { content:"STÁHNOUT"; } #odkazy-na-clanky .card-body:hover a.video:before { content:"SHLÉDNOUT"; } */ #odkazy-na-clanky .card-body a span, .odkazy-na-clanky .card-body a span { display:block; } #odkazy-na-clanky .card-body a span:nth-child(1), .odkazy-na-clanky .card-body a span:nth-child(1) { padding-top:2em; color:black; font-weight:700; text-align:center; } #odkazy-na-clanky .card-body a span:nth-child(2), .odkazy-na-clanky .card-body a span:nth-child(2) { text-align:right; position:absolute; bottom:15px; right:20px; } .zoomer { transition: transform .3s ease-in-out; } .zoomer:hover { transform: scale(1.02); } #odkazy-na-clanky > div > div:nth-child(7n+2) .card:before, #odkazy-na-clanky > div > div:nth-child(7n+4) .card:before, .odkazy-na-clanky > div > div:nth-child(7n+2) .card:before, .odkazy-na-clanky > div > div:nth-child(7n+4) .card:before { content:''; position:absolute; right:-10px;bottom:-10px; display:block; height:2px; width:0; background:transparent; transition:width .3s ease, background-color .3s ease; width:70px; height:40px; border-bottom: 2px solid #FFC823; /* #e1261c; */ border-right: 1px solid #FFC823; /* #e1261c; */ } /* ------------------------------------------------------------ */ #webMenu-section { margin:0px; width:100%; line-height:1.2em; } #webMenu-section, #webMenu { background-color:#282828; } #webMenu-in { padding:1.4em 0em 5em 0em; } #webMenu ul { list-style:none; color: white; padding-right:10px; } #webMenu ul, #webMenu #social { padding-bottom:1.4em; } #webMenu #social span { display:block; padding-bottom:1.4em; text-transform:uppercase; font-weight:bold; } #webMenu #social a+a{ padding-left:16px; } #webMenu li { padding-left:10px; padding-bottom:0px; font-weight:bold; font-size:1em; } #webMenu .info ul { display:inline; padding-right:0px; } #webMenu .info li { display:inline; font-size:0.8em; padding-left:1em; } #webMenu .info li a { font-size:1em; } #webMenu, #webMenu a, #webMenu a:visited, #webMenu a:active, #webMenu a:hover { text-decoration:none; color: white; } #webMenu a, #webMenu a:visited, #webMenu a:active, #webMenu a:hover { font-weight:normal; font-size:0.8em; } #webMenu a:hover { color:#7d786a; /*color:#615C4E;*/ } #webMenu div.modely, #webMenu div.prodej, #webMenu div.servis, #webMenu div.suzuki { width: 190px; float:left; text-transform:uppercase; } #webMenu div.modely { width: 150px; } #webMenu div.komunikace { width: 220px; float:right; text-align:left; } #webMenu #newsletter { text-align:left; } #webMenu #newsletter label { display:block; margin-bottom:1em; line-height:1.2; } #webMenu #newsletter .textbox { border: solid 0px black; float:left; background-image:url('images/email.jpg'); background-repeat:no-repeat; width:160px; } #webMenu #newsletter input { height: 32px; } #webMenu #newsletter input[type="text"] { width:100%; } #webMenu #newsletter input[type="image"] { float:right; } #webMenu div.info { text-align:right; } #webMenu #odkaz { line-height:0; } #webMenu #odkaz img { width:248px; height:126px; margin-top:-126px; margin-left:713px } @media only screen and (min-width: 1420px) { #webMenu #odkaz img { margin-left:1000px } } @media only screen and (max-width: 670px) { #webMenu li { padding-bottom:0.5em; } } #odkaz .soutezIG, #odkaz .soutezFB { display:block; position:absolute; bottom: 130px; right: 88px; width:77px; height:111px; background-repeat: no-repeat; background-position: center; } #odkaz .soutezIG { background-image:url("images/soutez-in-2.png"); } #odkaz .soutezFB { background-image:url("images/soutez-fb-2.png"); } /* ------------------------------------------------------------ */ #infoCookie { position:fixed; left:0px; right:0px; bottom:0px; text-align:center; background-color:#282828; border-top: solid 1px black; background-color:#d52a1d; background-color:#4A4A4A; border-top: solid 1px white; color:white; font-size:0.8em; z-index:9999; /* works for IE 5+. */ filter:alpha(opacity=9); /* works for IE 8. */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* works for old school versions of the Mozilla browsers like Netscape Navigator. */ -moz-opacity:0.9; /* This is for old versions of Safari (1.x) with KHTML rendering engine */ -khtml-opacity: 0.9; /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */ opacity: 0.9; } #infoCookie p { margin:0 auto 0 auto; position:relative; width:1000px; text-align:center; padding:0.5em 1em; } #infoCookie p a { display:inline; color:white; text-decoration:underline; } #infoCookie p a:visited, #infoCookie p a:hover { color:white; } #infoCookie input[type="submit"] { padding: 0.3em 0.7em; margin-left:2em; color:black; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ #fotoakce { background-color:transparent; width:100%; } #fotoakce-in { } #fotoBanner { overflow:hidden; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ .mini, .model #submenu li { width:337px; float:left; position:relative; padding-bottom:1.4em; } .mini2 { width:674px; float:left; position:relative; padding-bottom:1.4em; } .mini.c3, #submenu li.c3 { width:326px; float:left; } @media all and (max-width: 999px) { .mini-in { width: 326px; margin: 0 auto; } .mini2-in { width: 673px; margin: 0 auto; } } .mini img { width: 326px; height: 147px; display:block; } .mini.menu { margin:0; } .mini.menu a.image img { width:auto; height:auto; margin:auto; display:inline; vertical-align:middle; } .mini p, .mini h3, .mini h4 { padding-right:1em; } /* .mini+.mini p, .mini+.mini h3, .mini+.mini h4 { padding-left:1em; } */ .mini.c3 p, .mini.c3 h3, .mini.c3 h4 { padding-right:0; } .mini img+h4 { padding-top:1.4em; } .mini a, #submenu li a, .mini .card { width: 326px; height: 147px; display:block; line-height:1em; font-size:1em; } #submenu li a.horni { height: 110px; } #submenu li a.dolni { height: 37px; } .info #submenu li a { width:auto; height:auto; display:inline; } .mini.menu a, #submenu li a { font-size:1.7em; position:relative; background-color:#4A4A4A; } .mini.menu.cenik a, #submenu li.cenik a { background-color:#0d9bc9; } .mini.menu.akcniCenik a, #submenu li.akcniCenik a, .mini.menu.porovnejSuzuki a, #submenu li.porovnejSuzuki a { background-color:#0dacc9; } .mini.menu.cenikPrislusenstvi a, #submenu li.cenikPrislusenstvi a { background-color:#434343; } .mini.menu.cenikKolekce a, #submenu li.cenikKolekce a { background-color:#9b9b9b; } .mini.menu.financovani a, #submenu li.financovani a { background-color:#404040; } .mini.menu.prospekt a, #submenu li.prospekt a { background-color:#cccccc; } .mini.menu.kolekce a, #submenu li.kolekce a { background-color:#9b9b9b; } .mini.menu.skladoveVozy a, #submenu li.skladoveVozy a { background-color:#0d9bc9; } .mini.menu.ojeteVozy a, #submenu li.ojeteVozy a { background-color:#0d9bc9; } .mini.menu.konfigurator a, #submenu li.konfigurator a { background-color:#0d9bc9; } .mini.menu a.image { text-align:center; vertical-align:middle; } .info #submenu li a { font-size:1em; background-color:transparent; } .mini.menu.nadpis a, #submenu li.nadpis a { font-size:2.8em; border-top-left-radius:15px; -webkit-border-top-left-radius:15px; } .mini.menu a > span, #submenu li a > span { position:absolute; left:0px; bottom:0px; padding:0px 15px 20px 30px; margin:0; text-align:left; line-height:1.098; margin-bottom:0; color:white; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; } .mini.menu a.image > span { position:relative; line-height:147px; } .mini.menu a > span .kalkulaceInfo { font-size:0.58824em; display:block; line-height:1.5; } .info #submenu li a > span { position:relative; padding:0; padding-left:2ex; text-transform:uppercase; color:black; font-family: Calibri, Gill Sans, Arial, Sans-Serif; } .mini.menu:hover a span, #submenu li a:hover span { -webkit-animation: zoom 450ms; /* Chrome, Safari, Opera */ animation: zoom 450ms; } @-webkit-keyframes zoom { 0% { transform: scale(1,1); } 35% { transform: scale(1.3,1.2); } 100% { transform: scale(1,1); } } @keyframes zoom { 0% { transform: scale(1,1); } 35% { transform: scale(1.2,1.2); } 100% { transform: scale(1,1); } } .mini.video { background-repeat:no-repeat; } .mini.video a { padding-top:147px; height:0px; background-repeat:no-repeat; background-color:transparent; background-image:url('images/video-ikona-5.png'); } .mini.video a:hover { background-image:url('images/video-ikona-6.png'); } /* ------------------------------------------------------------ */ .svetSuzuki .mini, .svetSuzuki #submenu li, .technologie .mini, .technologie #submenu li { width: 337px; float: left; position: relative; padding-bottom: 1.4em; } .svetSuzuki .mini, .svetSuzuki #submenu li { padding-bottom: 0; } .svetSuzuki .mini.c3, .svetSuzuki #submenu li.c3, .technologie .mini.c3, .technologie #submenu li.c3 { width: 326px; } /* .svetSuzuki.o-nas #menu-sekce ul, */ .svetSuzuki #submenu li.o-nas a { background-color:#f2b104; } .svetSuzuki #submenu li.komunita a { background-color:#BD0D0D; } .svetSuzuki #submenu li.press a { background-color:#0095a9; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ #katalog { width:674px; float:left; } #katalog-in { padding:0px 20px 0px 20px; margin-right:11px; } .katalogMenu { margin:0px -31px 0px -20px; padding: 0px 0px 0px 0px; } .katalogMenu ul { list-style:none; display:inline; } .katalogMenu li { display:block; width:337px; height:80px; padding-bottom:0px; float:left; } .katalogMenu li a { position:relative; display:block; width:326px; height:80px; overflow:hidden; background-repeat:no-repeat; background-position:bottom left; } .katalogMenu li img { transition: background-color 500ms; -webkit-transition: background-color 500ms; } .katalogMenu li a:hover img, .katalogMenu li a:active img { background-color:#e9e9e9; transition: background-color 500ms; -webkit-transition: background-color 500ms; } /* ------------------------------------------------------------ */ .katalog #prehledZprav { float:right; width:326px; background-color:#e9e9e9; min-height:560px; } .katalog #prehledZprav-in, .katalog #prehledZprav .zpravy-in { padding:0px 20px 0px 20px; } .katalog #prehledZprav .zpravy-in, #katalog-in { padding-top:30px; padding-bottom:30px; } #katalog-in { padding-bottom:0px; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ #submenu { font-size:1em; width:1000px; position:absolute; left:0px; top:500px; background-color:transparent; padding-bottom:11px; } .info #submenu { width:337px; top:50px; } @media all and (min-width: 1000px) { .svetSuzuki #submenu { position:relative; top:0; } } .technologie #submenu { top: -159px; } .technologie #submenu, .design_a_technologie #submenu, .svetSuzuki #submenu { width:100%; } .barvy_a_fotogalerie #submenu { top:-158px; } #submenu-in { text-align:left; width:1000px; padding-left:0; padding-top:0; margin: 0 auto 0 auto; } .info #submenu-in { width:auto; padding-left:1.02em; padding-top:8.9em; } #submenu a, #submenu a:visited, #submenu a:active, #submenu a:hover { text-decoration:none; text-transform:uppercase; color: black; } #submenu a:hover { color:#7d786a; } #submenu ul { list-style:none; display:block; padding:0 !important; } #submenu li { display:block; background-color:transparent; } .info #submenu li.nadpisSekce { font-weight:bold; } .info #submenu li+li.nadpisSekce { padding-top:1em; } #submenu li span.pageMenu { } #submenu li span.pageMenu span.pageCena { font-size:0.35714em; display:block; line-height:1.5; text-transform:none; } #submenu li span.pageMenuInfo { display:none; } .technologie .mini a.design_a_technologie, .model.design_a_technologie .mini a.design_a_technologie, .model.cenik_a_prislusenstvi .mini a.cenik_a_prislusenstvi, .model.barvy_a_fotogalerie .mini a.barvy_a_fotogalerie { background-color:#666666; } .dealerInfoHidden .kontaktni-informace { display:none !important; } @media all and (max-width: 999px) { #submenu, .info #submenu { width:100%; position:fixed; top:46px; right:0; z-index:60; display:none; } .technologie #submenu, .barvy_a_fotogalerie #submenu { top:46px; } #submenu-in, .info #submenu-in { width:100%; padding-left:0; padding-top:0; } .nav-up #submenu { display:block; } #zobrazSubmenu { display: block; } #submenu ul.navigace { background-color:#e9e9e9; display:none; height:auto; max-height:100vh; box-sizing:border-box; padding-bottom:45px; overflow:auto; } #submenu.zobrazMenu ul.navigace { display:block; } #submenu ul.navigace>li { height:0px; background-color:white; display:block; overflow:visible; } #submenu ul.navigace li, #submenu ul.navigace li.c3 { width:100%; height: auto; padding-bottom:0px; border-bottom:1px solid white; float:none; } #submenu li > span, #submenu li a > span, .info #submenu li a > span { padding: 10px 15px; } .info #submenu li a > span { position:absolute; text-transform:none; color:white; } .info #submenu li + li.nadpisSekce { padding-top:0; } .info #submenu li > span, .info #submenu li a > span { font-family:suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; height:auto; padding-top:13px; padding-bottom:7px; } #submenu li span.pageMenu { display:none; } #submenu li span.pageMenuInfo { display:inline; } #submenu li a, #submenu li a.horni, #submenu li a.dolni, #submenu li>span, #submenu li.nadpis a { width:100%; height:45px; font-size:1em; border-top-left-radius:0px; display:block; box-sizing:border-box; line-height:1.098; } .info #submenu li a { height:45px; display:block; background-color:#282828; } #submenu li a br { display:none; } } /* ------------------------------------------------------------ */ .pano { width:1000px; height:450px; max-height:70vh; margin-bottom:1.4em; } @media all and (max-width: 999px) { .pano { width:100%; } } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ .ikona { float:left; padding-left:1em; } .ikonaInfo { margin-left:88px; padding-left:2em; } @media screen and (max-width: 670px) { .ikona { float:none; } .ikonaInfo { margin-left:0; padding-left:0; } } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ .imgX { line-height:0; } @media all and (max-width: 999px) { .imgX img { width:100%; height:auto; } } /* ------------------------------------------------------------ */ .tti { padding-right:337px; position:relative; } .tti>img, .tti>.tti-image { float:right; margin-right:-337px; max-width:326px; position:relative; } @media all and (max-width: 999px) { .tti { padding-right:50%; position:relative; } .tti>img, .tti>.tti-image { float:right; margin-right:-100%; } } @media all and (max-width: 670px) { .tti { padding-right:0px; position:relative; } .tti>img, .tti>.tti-image, .tti>.tti-image img { max-width:100%; float:none; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .tti2 { padding-right:337px; position:relative; } .tti2>img, .tti2>.tti-image { float:right; margin-right:-337px; max-width:326px; position:relative; } @media all and (max-width: 999px) { .tti2 { padding-right:25%; position:relative; } .tti2>img, .tti2>.tti-image { float:right; margin-right:-25%; max-width:25%; } } @media all and (max-width: 670px) { .tti2 { padding-right:0px; position:relative; } .tti2>img, .tti2>.tti-image, .tti2>.tti-image img { max-width:100%; float:none; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .itt, .model #info-in p.itt { padding-left:337px; position:relative; } .itt>img, .itt>a.akce, .model #info-in p.itt>img { float:left; margin-left:-337px; max-width:326px; position:relative; } .itt>a.akce img { width:100%; } .servis #info-in ul, .servis #info-in ol { padding-left:3em; padding-bottom:1.4em; } @media all and (max-width: 999px) { .itt { padding-left:50%; } .itt>img { margin-left:-100%; } } @media all and (max-width: 670px) { .itt { padding-left:0px; position:relative; } .itt>img, .itt>a.akce { max-width:100%; float:none; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .iit { padding-left:674px; position:relative; } .iit>img { float:left; margin-left:-674px; max-width:326px; position:relative; } .iit>img+img { margin-left:-337px; } @media all and (max-width: 999px) { .iit { padding-left:0px; position:relative; } .iit>img, .iit>img+img { float:none; max-width:100%; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .iti { padding-left:337px; padding-right:337px; position:relative; } .iti>img { float:left; margin-left:-337px; max-width:326px; position:relative; } .iti>img+img { float:right; margin-right:-337px; max-width:326px; position:relative; } @media all and (max-width: 999px) { .iti { padding-left:0px; padding-right:0px; position:relative; } .iti>img, .iti>img+img { float:none; max-width:100%; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .i2t { padding-left:674px; position:relative; } .i2t>img { float:left; margin-left:-674px; max-width:663px; position:relative; } @media all and (max-width: 999px) { .i2t { padding-left:0px; position:relative; } .i2t>img { max-width:100%; float:none; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .i2d { padding-right:337px; position:relative; } .i2d>div { float:right; margin-right:-337px; max-width:326px; position:relative; } .i2d img { width:100%; } @media all and (max-width: 999px) { .i2d { padding-right:0px; position:relative; } .i2d>div { max-width:100%; float:none; display:block; margin-right:auto; margin-left:auto; } .i2d img { padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .ti2 { padding-right:674px; position:relative; } .ti2>img { float:right; margin-right:-674px; max-width:663px; position:relative; } @media all and (max-width: 999px) { .ti2 { padding-right:0px; position:relative; } .ti2>img { max-width:100%; float:none; display:block; margin-right:auto; margin-left:auto; padding-bottom:1.4em; } } /* ------------------------------------------------------------ */ .iii, .ii { position:relative; } .iii img { max-width:326px; } .ii img { max-width:500px; } .iii img, .iii>img+img { padding-right:11px; } @media all and (max-width: 999px) { .iii img { max-width:50%; } .ii img { width:100%; max-width:100%; } .iii img, .iii>img+img { padding-right:0px; } } /* ------------------------------------------------------------ */ .dd { } .dd>div { width:50%; float:left; } @media all and (max-width: 670px) { .dd>div { float:none; width:100%; } } /* ------------------------------------------------------------ */ .prospekty { margin:0 -30px 2em -30px; } @media all and (max-width: 999px) { .prospekty { margin:0 0px 2em 0px; } } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ .kontakt span.nadpisKontaktu { display:block; font-weight:bold; } .kontakt .nadpisKontaktu ~ .nadpisKontaktu { display:none; } .oddeleni { width:35%; max-width:200px; display:block; float:left; } .oddeleni:after { content:": "; } .telefon, .eMail { width:65%; float:left; } @media all and (max-width: 670px) { .kontakt .oddeleni, .kontakt .telefon, .kontakt .eMail { width:50%; } } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ .partneri #kraje { display:none; } .technologie #info-in ul, .technologie #info-in ol, .financovani #info-in ul, .financovani #info-in ol { padding-left:3em; padding-bottom:1.4em; } .financovani #subMenu, .partneri #kraje, .partneri #mapaCR { width:337px; font-size:1em; position:absolute; left:0px; top:50px; } .partneri #kraje, .partneri #mapaCR { top:50px; } .financovani #subMenu-in, .partneri #kraje-in, .partneri #mapaCR-in { text-align:left; padding-left:1.02em; padding-top: 8.9em; } .partneri #kraje-in, .partneri #mapaCR-in { padding-top: 9em; } .financovani #subMenu a, .financovani #subMenu a:visited, .financovani #subMenu a:active, .financovani #subMenu a:hover, .partneri #kraje a, .partneri #kraje a:visited, .partneri #kraje a:active, .partneri #kraje a:hover { text-decoration:none; color: black; } .financovani #subMenu a:hover, .partneri #kraje a:hover { color:#7d786a; /*color:#615C4E;*/ } .svetSuzuki #info p, .svetSuzukiArchiv #info p { margin-bottom:1.4em; } .partneri #kraje p, .financovani #subMenu p { font-weight:bold; margin-bottom:0px; } .financovani #subMenu ul, .partneri #kraje ul { list-style:none; display:block; margin-bottom:1em; padding-left:2ex; padding-right:11px; } .financovani #subMenu li, .partneri #kraje li { display:block; background-color:transparent; } .partneri #kraje li.celaCR { margin-top:1em; } .financovani #subMenu li a, .partneri #kraje li a { text-transform:uppercase; } .closeStreetView { background: white; background: transparent; background: rgba(255,255,255,0.8); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)"; padding: 4px .4em; border: 0; margin: 100px 5px 10px 5px; cursor: pointer; line-height:1em; } .closeStreetView span { padding-left:5px; vertical-align:-25%; } #mapaLegenda { background: white; background: transparent; background: rgba(255,255,255,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3FFFFFF,endColorstr=#b3FFFFFF)"; padding: 0px .4em 6px .4em; border: 1px solid #808080; margin: 0px 5px 5px 5px; cursor: default; line-height:32px; color:black; display:none; } #mapa #mapaLegenda { display:block; font-size:0.8em; } #mapaLegenda img { position:relative; top:10px; } .svetSuzuki #info img, .svetSuzukiArchiv #info img { display:block; margin-bottom:2.8em; } .svetSuzuki #info h3, .svetSuzukiArchiv #info h3 { margin-top:1.17em; } .model #info ul, .model #info ol { padding-left:2em; padding-bottom:2.8em; } .model #info, #info { background-color:#f5f5f5; } .akce #info, .svetSuzuki #info { background-color:white; } .partneri.seznam #info { background-color:white; } .technologie #info, .model.design_a_technologie #info, .model.cenik_a_prislusenstvi #info { background-color:white; } .model.barvy_a_fotogalerie #info { background-color:transparent; } .technologie #info { padding-top:0px; padding-bottom:3em; background-color:white; } .info #info { padding-top:50px; } .info.partneri #info { padding-top:0px; } .model #info-in, .servis #info-in, .svetSuzuki #info-in, .svetSuzukiArchiv #info-in, .novinky #info-in, .akce #info-in, .financovani #info-in, .hledamePartnery #info-in, .kontakt #info-in { padding: 2em 30px 2em 337px; min-height:750px; } .model #info-in { margin-top: 158px; padding: 0px 0px 2em 0px; background-color:white; color:black; } .svetSuzuki #info-in { padding: 0px 0px 2em 0px; background-color:white; color:black; position:relative; } .model.cenik_a_prislusenstvi #info-in { padding: 2em 30px 2em 30px; background-color:#666666; color:White; } .model.barvy_a_fotogalerie #info-in { background-color:transparent; padding-top:0; } .svetSuzuki #info-in .section, .technologie #info-in .section, .model #info-in .section { width:1000px; margin-left:auto; margin-right:auto; padding-top:2.8em; padding-bottom:2.8em; } .model #info-in div.parallax, .model #info-in div.parallax2 { min-height:100%; height:100%; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; } @media all and (max-width: 999px) { .model #info-in div.parallax, .model #info-in div.parallax2 { background-attachment:scroll; } } .model #info-in div.parallax2 { background-size:contain; } .model #info-in div.parallax > div { height:500px; position:relative; } .model #info-in div.parallax img.nadpis { margin-left:0; padding-left:3em; margin-top:2.8em; } .model #info-in .parallax h5 { color:white; width:70%; margin-left:0; padding-left:3em; padding-top:0.7em; padding-bottom:0.7em; position:absolute; bottom:1.4em; } .technologie #info-in div.kostka, .model #info-in div.kostka { position:absolute; } .technologie #info-in div.kostka > div, .model #info-in div.kostka > div { position:relative; left:-200px; width:175px; height:175px; background-color:#4A4A4A; display: table; } .technologie #info-in div.kostka > div > div, .model #info-in div.kostka > div > div { display: table-cell; vertical-align: middle; text-align:center; width:100%; color:white; font-size:1.7em; font-family: suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; } .model.cenik_a_prislusenstvi #info-in h1, .model.cenik_a_prislusenstvi #info-in h2, .model.cenik_a_prislusenstvi #info-in h3, .model.cenik_a_prislusenstvi #info-in h4, .model.cenik_a_prislusenstvi #info-in p { color:White; } .partneri #info-in { padding-right: 0; } .model #info-in p.image, .servis #info-in p.image, .svetSuzuki #info-in p.image, .svetSuzukiArchiv #info-in p.image { text-align:center; } .svetSuzuki #info-in p.video, .svetSuzukiArchiv #info-in p.video { text-align:center; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .svetSuzuki #info-in p.video iframe, .svetSuzukiArchiv #info-in p.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .model #info-in p.image, .servis #info-in p.image, .svetSuzuki #info-in p.image, .svetSuzukiArchiv #info-in p.image { max-width:100%; } .model #info-in p.image img, .servis #info-in p.image img, .svetSuzuki #info-in p.image img, .svetSuzukiArchiv #info-in p.image img { max-width:100%; } .model #info-in a.pdf, .servis #info-in a.pdf { display:block; } .akce #info-in a { text-decoration:underline; } .svetSuzuki.akce #info-in a { text-decoration:none; } .akce #info-in #zobrazSubmenu { text-decoration:none; } .technologie #info-in { margin-top: 158px; padding: 2.8em 0px 2em 0px; background-color: white; color: black; } @media all and (max-width: 1399px) { .technologie #info-in div.kostka, .model #info-in div.kostka { position:relative; float:left; margin-right:1.4em; margin-bottom:1.4em; } .technologie #info-in div.kostka > div, .model #info-in div.kostka > div { left:0px; display: table; } } @media all and (max-width: 999px) { .Xmodel #info-in, .servis #info-in, .svetSuzuki #info-in, .svetSuzukiArchiv #info-in, .novinky #info-in, .akce #info-in, .financovani #info-in, .XhledamePartnery #info-in, .kontakt #info-in, .tapety #info-in { padding: 2em 0px 2em 0px; min-height:450px; } .model.cenik_a_prislusenstvi #info-in { padding: 2em 0px 2em 0px; } .model #info-in div.parallax img.nadpis { max-width:80%; } .technologie #info-in div.kostka, .model #info-in div.kostka { float:none; margin-right:0; margin-bottom:2.8em; } .technologie #info-in { margin-top: 0px; } } /* ------------------------------------------------------------ */ .model #info { background-color:#f5f5f5; } .model #info-in { padding: 0em 0px 2em 0px; min-height:350px; } .model #info-in p.image { text-align:center; } .model #info-in a.pdf { display:block; } /* ------------------------------------------------------------ */ .model #nazevModelu, .model .fotogalerie, .model .barvy { display:none; } .model h2 { margin-left:-337px; padding-left:0.25em; } /* ------------------------------------------------------------ */ .model #info ul.vzornik { padding-left:0; position:relative; } .vzornik img { width:50px; height:50px; } .vzornik li { cursor:zoom-in; display:inline-block; } .vzornik li .barva { position:absolute; top:-2.1em; border-top:solid white 0.3em; font-size:1.4em; left:0; display:none; background-color:#282828; color:white; z-index:99; width:100%; font-family:suzukiproregular, Calibri, Gill Sans, Arial, Sans-Serif; line-height: 1.7; } .vzornik li:hover .barva { display:block; } .vzornik li .barva span { padding-left: 1em; } .vzornik li .barva span.priplatek { position:absolute; right:0; top:0; padding-right: 1em; } #viewerIFrame { } #viewerLink { display:none; } @media screen and (max-width: 890px) { #viewerIFrame { display:none; } #viewerLink { display:block; } } /* ------------------------------------------------------------ */ .servis h2, .novinky h2, .akce h2, .financovani h2, .hledamePartnery h2, .kontakt h2 { margin-left:-337px; padding-left:0.3em; } .svetSuzuki.akce h2 { margin-left:0; padding-left:0; } @media screen and (max-width: 999px) { .servis h2, .svetSuzuki h2, .svetSuzukiArchiv h2, .novinky h2, .akce h2, .financovani h2, .hledamePartnery h2, .kontakt h2 { margin-left:0em; padding-left:0em; } } .partneri h2 { padding-left:0; display:none; width:1000px; margin-left:auto; margin-right:auto; } .partneri.seznam h2 { display:block; background-color:Transparent; margin-top:50px; } /* ------------------------------------------------------------ */ #info h1, #info h2, #info h3, #info h4, #info h5, .zpravy #info h3 { position:relative; } #info h1 span.anchor, #info h2 span.anchor, #info h3 span.anchor, #info h4 span.anchor, #info h5 span.anchor, .novinky #info .zprava:first-child h3 span.anchor { display:inline-block; position:absolute; top:-2em; left:0; width: 0px; height: 0px; } .novinky #info .zprava:first-child h3 span.anchor { top:-300px; } .novinky .zprava ul, .novinky .zprava ol { padding-left:1em; } @media all and (max-width: 999px) { /*----*/ } /* ------------------------------------------------------------ */ .dealer-vice { margin-bottom:0; text-align:right; } .partneri .nadpisTisku { display:none; } /* ------------------------------------------------------------ */ #dealeri { background-color:White; } #dealeri-in { } #dealeri #mapa { width:100%; max-width:1000px; height:450px; margin: 0 auto; margin-bottom:50px; } #dealeri .formular { padding-top:2.8em; padding-bottom:2.8em; background-color:#f5f5f5; } #dealeri .formular-in { width:100%; max-width: 1000px; margin-left:auto; margin-right:auto; } #dealeri .formular-in>div { margin-left:30px; margin-right:30px; } .partneri #dealeri h3, .partneri #dealeri .dealer { position:relative; width:100%; max-width: 1000px; margin-left:auto; margin-right:auto; box-sizing:border-box; } .partneri.seznam #dealeri h3 { padding-top:1.4em; } .partneri .seznam-dealeru a { color:black; background-color:#f0f0f0; padding:5px 25px; border:1px solid black; } .partneri.seznam .dealer + .dealer { border-top: 1px solid black; padding-top:1.7em; } .partneri #dealeri .dealer-in { background-color:white; padding: 0px 30px 1.4em 30px; position:relative; } .partneri .dealer .adresa { width: 50%; margin-bottom:1.4em; min-height:5em; } .partneri .dealer .kontakt { width: 50%; position:absolute; top:1em; right:0; } .partneri .dealer .kontakt .kontakt-www { display:block; } .partneri .dealer .kontakt .kontakt-www::before { content:"více informací: "; } .partneri .dealer .kontakt .kontakt-www a, .partneri .dealer .kontakt .kontakt-www a:visited, .partneri .dealer .kontakt .kontakt-www a { color:black; font-weight:bold; } .partneri .dealer .kontakt .kontakt-www a:hover { text-decoration:underline; } .partneri .dealer .otviraciDoba { width: 50%; position:absolute; top:6em; right:0; } .partneri .dealer .otviraciDoba .otviraciDoba-dny { float:left; display:block; width:10ex; } .partneri .dealer .predvadeciVozidla { width: 100%; } .partneri .dealer .predvadeciVozidla p { font-size:0.8em; line-height: 1.75; } .partneri .dealer .adresa span { display:block; } .partneri .dealer .adresa span.firma { font-weight:bold; } .partneri .dealer .adresa span.mesto { padding-left: 7ex; } .partneri .dealer .adresa span.psc { position: relative; top: -1.4em; } .partneri .dealer .sluzby { position:absolute; top:0; right:30px; text-align:right; } .partneri .dealer .sluzby .prodej, .partneri .dealer .sluzby .servis { border-bottom: solid 1px #808080; border-top: solid 1px #808080; text-transform: uppercase; padding-left:0.5em; padding-right:0.5em; margin-left:0.25em; background-color:#808080; color:White; font-size:0.8em; } @media screen and (max-width: 999px) { #dealeri #mapa { height:80vh; max-height:450px; } #dealeri .formular-in>div { margin-left:0px; margin-right:0px; } } @media screen and (max-width: 670px) { .partneri #dealeri .dealer-in { padding-left: 10px; padding-right: 10px; } .partneri .dealer .adresa { width: 100%; min-height:0; } .partneri .dealer .kontakt, .partneri .dealer .otviraciDoba { width: 100%; position:relative; top:0; margin-bottom:1.4em; } .partneri .dealer .otviraciDoba td { padding-right:0; } .partneri .dealer .sluzby { top:1em; right:10px; } .partneri .dealer .sluzby span { display:block; margin-bottom:2px } } /* ------------------------------------------------------------ */ .novinky .zprava { position:relative; padding-bottom:4.2em; } .novinky .zprava .zpravyFotogalerie { position:absolute; left:-337px; top:5px; width:337px; } .novinky .zprava .zpravyFotogalerie iframe, .novinky .zprava .zpravyFotogalerie img, .novinky .zprava a.thickbox, .novinky .zprava a.thickbox img, .novinky .zprava a.video, .novinky .zprava a.video img { display:block; float:left; } .novinky .zprava a.thickbox { cursor:zoom-in; } .novinky .zprava a.video { cursor:pointer; } .novinky .zprava .zpravyFotogalerie .otevriFotogalerii { float:left; width:300px; text-align:right; } .novinky .zprava .datumZverejneni { padding-bottom:4.2em; } .novinky .strankovani a { display:block; font-weight:bold; height:60px; width:55px; overflow:hidden; } .novinky .strankovani a span { display:none; } .novinky .strankovani a.previous { float:left; background-image:url('images/predchozi_e9.png'); background-repeat:no-repeat; background-position:center left; } .novinky .strankovani a.next { float:right; background-image:url('images/dalsi_e9.png'); background-repeat:no-repeat; background-position:center right; } .novinky .strankovani a.disabled { background-image:none; } @media all and (max-width: 999px) { .novinky .zprava .zpravyFotogalerie { position:relative; left:0px; top:5px; width:100%; } .novinky .zprava .zpravyFotogalerie a { display:none; } .novinky .zprava .zpravyFotogalerie a:first-child { display:block; } .novinky .zprava .zpravyFotogalerie .otevriFotogalerii { width:95%; position:relative; top:-1.4em; } .novinky .zprava .zpravyFotogalerie iframe, .novinky .zprava a.thickbox { padding-left:1em; padding-right:1em; padding-bottom:1em; } .novinky .zprava a.thickbox img { display:block; float:none; margin-left:auto; margin-right:auto; width:auto !important; height:auto !important; max-width:326px; padding-bottom:1em; } } @media screen and (max-width: 670px) { .novinky .zprava .zpravyFotogalerie { width:100%; float:none; text-align:center; } .novinky .zprava .zpravyFotogalerie iframe { float:none; margin-left:auto; margin-right:auto; margin-bottom:1em; } .novinky .zprava .zpravyFotogalerie iframe, .novinky .zprava a.thickbox { width:100%; float:none; padding-left:0; padding-right:0; } } /* ------------------------------------------------------------ */ .infoAkceBanner { margin-left:-337px; margin-right:-30px; } @media (max-width: 999px) { .infoAkceBanner { margin-left:0; margin-right:0; } } .infoAkce { position:relative; margin-bottom:1.4em; } .infoAkce h3 { position:absolute !important; left:-317px; top:0px; width:297px; text-align:right; } .infoAkce :focus { outline: 0; } .hlavickaAkce { padding-left:411px; padding-right:20px; background-color:white; text-align:left; } .hlavickaAkce-in { position:relative; min-height:180px; _height:180px; } .infoAkce2 .hlavickaAkce-in { min-height:360px; _height:360px; } .hlavickaAkce img { position:absolute; left:-420px; width:400px; height:180px; } .infoAkce2 .hlavickaAkce img { height:360px; } .hlavickaAkce p { margin-bottom:0; } .hlavickaAkce p.top0-7, .top0-7 { padding-top:0.7em; } .hlavickaAkce p.top1-4, .top1-4 { padding-top:1.4em; } .infoAkce .vice, .infoAkce .mene { padding:0.5em 1em 1.4em 0.5em; text-align:right; text-decoration:underline; } .infoAkce .mene { display:none; } .ui-state-active .vice { display:none; } .ui-state-active .mene { display:block; } .detailAkce { padding-left:0px !important; padding-right:20px !important; padding-bottom:50px !important; margin-left:-337px !important; padding-left:337px !important; height:auto !important; } .imgAkceZoom { position:absolute; top:0px; left:0px; width:400px; height:180px; cursor:zoom-in; } .infoAkce2 .imgAkceZoom { height:360px; } .akce .infoAkce .akceFotogalerie { position:absolute; left:-230px; top:5px; width:210px; text-align:right; } .akce .infoAkce .akceFotogalerie a.thickbox, .akce .infoAkce .akceFotogalerie a.thickbox img { display:block; float:left; } .akce .infoAkce .akceFotogalerie a.thickbox { cursor:zoom-in; } .akce .infoAkce .akceFotogalerie .otevriFotogalerii { float:left; width:210px; } @media all and (max-width: 999px) { .infoAkce h3 { position:relative; left:0px; width:auto; text-align:left; } .infoAkce h3 br { display:none; } .infoAkce .vice, .infoAkce .mene { background-color:white; } .detailAkce { padding-bottom:1.4em !important; margin-bottom:1.4em !important; background-color:white; } .akce .infoAkce .akceFotogalerie { position:relative; left:0px; top:5px; width:100%; } .akce .infoAkce .akceFotogalerie .otevriFotogalerii { width:95%; position:relative; top:-1.4em; } .akce .infoAkce .akceFotogalerie a.thickbox { width:25%; } .akce .infoAkce .akceFotogalerie a.thickbox img { display:block; float:none; margin-left:auto; margin-right:auto; width:auto !important; height:auto !important; max-width:210px; padding-bottom:1.4em; } .imgAkceZoom { display:none; } } @media screen and (max-width: 880px) { .akce .infoAkce .akceFotogalerie a.thickbox { width:33.333%; } } @media screen and (max-width: 670px) { .hlavickaAkce { padding-left:0px; padding-right:0px; } .hlavickaAkce-in { min-height:auto; _height:auto; } .hlavickaAkce img, .infoAkce2 .hlavickaAkce img { position:relative; left:0px; width:auto; max-width:100%; height:auto; } } @media screen and (max-width: 660px) { .akce .infoAkce .akceFotogalerie a.thickbox { width:50%; } } @media screen and (max-width: 440px) { .akce .infoAkce .akceFotogalerie a.thickbox { width:100%; } } /* ------------------------------------------------------------ */ .pressImgs div { width:200px; float:left; text-align:center; } .Xfinancovani .pressImgs div { text-align:left; } .svetSuzuki .pressImgs div:nth-child(5n+1) { clear: both; } .pressImgs div img { display:block; margin-left:auto; margin-right:auto; } .svetSuzuki #info div img, .svetSuzukiArchiv #info div img { margin-bottom:0; } .pressImgs div a { padding-left:0.5em; padding-right:0.5em; } @media screen and (max-width: 999px) { .pressImgs div { width:25%; } .pressImgs div:nth-child(3n+1) { clear: none; } .pressImgs div:nth-child(4n+1) { clear: both; } } @media screen and (max-width: 799px) { .pressImgs div { width:33.333%; } .pressImgs div:nth-child(4n+1) { clear: none; } .pressImgs div:nth-child(3n+1) { clear: both; } } @media screen and (max-width: 599px) { .pressImgs div { width:50%; } .pressImgs div:nth-child(3n+1) { clear: none; } .pressImgs div:nth-child(2n+1) { clear: both; } } @media screen and (max-width: 399px) { .pressImgs div { width:100%; } .pressImgs div:nth-child(2n+1) { clear: none; } } /* ------------------------------------------------------------ */ .tapety .seznamTapet div { width:200px; float:left; text-align:center; } .tapety .seznamTapet div img { display:block; margin-left:auto; margin-right:auto; } .tapety .seznamTapet div a { padding-left:0.5em; padding-right:0.5em; } @media screen and (max-width: 999px) { .tapety .seznamTapet div { width:25%; } } @media screen and (max-width: 799px) { .tapety .seznamTapet div { width:33.333%; } } @media screen and (max-width: 599px) { .tapety .seznamTapet div { width:50%; } } @media screen and (max-width: 399px) { .tapety .seznamTapet div { width:100%; } } /* ------------------------------------------------------------ */ .formular table { width:100%; margin-bottom:2.8em; } .formular .labels { width:10em; text-align:right; } .formular .errInfo { width:5em; } .formular td input, .formular td textarea, .formular td select { width:96%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .formular td img { margin-top:3px; } .formular .checkBox input { width:4em; border:none; margin:0; } .formular .errorSummary { display:none; } .cenik_a_prislusenstvi .formular .checkBox a, .cenik_a_prislusenstvi .formular .pdfInfo { display:none; } .cenik_a_prislusenstvi .formular a[href$=".pdf"] { display:none; } /* ------------------------------------------------------------ */ /* .partneri #mapaCR { display:none; } */ #mapaCR img, .mapaCR { width:336px; height:199px; background-image:url('mapa/cr.png'); background-position:-3px -5px; background-repeat:no-repeat; } #mapaCR img { display:block; margin-left:-1.02em; } .mapaCR.praha, .praha #mapaCR img, #mapaCR.praha img { background-position:-3px -425px; } .mapaCR.stredocesky, .stredocesky #mapaCR img, #mapaCR.stredocesky img, #mapaCR.stredocesky2 img { background-position:-1383px -215px; } .mapaCR.jihocesky, .jihocesky #mapaCR img, #mapaCR.jihocesky img { background-position:-693px -215px; } .mapaCR.plzensky, .plzensky #mapaCR img, #mapaCR.plzensky img { background-position:-1038px -215px; } .mapaCR.karlovarsky, .karlovarsky #mapaCR img, #mapaCR.karlovarsky img { background-position:-348px -5px; } .mapaCR.ustecky, .ustecky #mapaCR img, #mapaCR.ustecky img { background-position:-693px -5px; } .mapaCR.liberecky, .liberecky #mapaCR img, #mapaCR.liberecky img { background-position:-1038px -5px; } .mapaCR.kralovehradecky, .kralovehradecky #mapaCR img, #mapaCR.kralovehradecky img { background-position:-1383px -5px; } .mapaCR.pardubicky, .pardubicky #mapaCR img, #mapaCR.pardubicky img { background-position:-3px -215px; } .mapaCR.vysocina, .vysocina #mapaCR img, #mapaCR.vysocina img { background-position:-348px -215px; } .mapaCR.jihomoravsky, .jihomoravsky #mapaCR img, #mapaCR.jihomoravsky img { background-position:-1383px -425px; } .mapaCR.olomoucky, .olomoucky #mapaCR img, #mapaCR.olomoucky img { background-position:-348px -425px; } .mapaCR.zlinsky, .zlinsky #mapaCR img, #mapaCR.zlinsky img { background-position:-1038px -425px; } .mapaCR.moravskoslezsky, .moravskoslezsky #mapaCR img, #mapaCR.moravskoslezsky img { background-position:-693px -425px; } #mapaCR.praha img { background-position:-3px -425px; } #mapaCR.stredocesky img, #mapaCR.stredocesky2 img { background-position:-1383px -215px; } #mapaCR.jihocesky img { background-position:-693px -215px; } #mapaCR.plzensky img { background-position:-1038px -215px; } #mapaCR.karlovarsky img { background-position:-348px -5px; } #mapaCR.ustecky img { background-position:-693px -5px; } #mapaCR.liberecky img { background-position:-1038px -5px; } #mapaCR.kralovehradecky img { background-position:-1383px -5px; } #mapaCR.pardubicky img { background-position:-3px -215px; } #mapaCR.vysocina img { background-position:-348px -215px; } #mapaCR.jihomoravsky img { background-position:-1383px -425px; } #mapaCR.olomoucky img { background-position:-348px -425px; } #mapaCR.zlinsky img { background-position:-1038px -425px; } #mapaCR.moravskoslezsky img { background-position:-693px -425px; } /* ------------------------------------------------------------ */ .financovani h3 img { display:none; } .kontakt .informace { padding-top:3em; padding-bottom:1.5em; } .kontakt .informace, .kontakt .ico, .kontakt .rejstrik { padding-left:2em; padding-right:10em; text-align:center; } /* ------------------------------------------------------------ */ .servis p.placenaSluzba { position:relative; } .servis .cenaSluzby { position:absolute; top:0; right:0; font-weight:bold; } @media screen and (max-width: 999px) { .servis .cenaSluzby { padding-right:10px; } } @media screen and (max-width: 600px) { .servis .cenaSluzby { position:relative; padding-right:0px; display:block; text-align:right; } } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; outline:none; } .akce .ui-accordion .ui-accordion-header { text-align:right; margin-top: 0px; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .akce .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding:0; } .financovani .ui-accordion .ui-accordion-header a { padding: 0; } .financovani .ui-accordion .ui-accordion-header a:before { content: "\25BA "; } .financovani .ui-accordion .ui-accordion-header.ui-state-active a:before { content: "\25BC "; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .akce .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left:auto; right: .5em; top:auto; bottom: 0.5em; margin-bottom: 0px; } .ui-accordion .ui-accordion-content { padding: 1em 0.5em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .financovani .ui-accordion .ui-accordion-content { padding: 0; } .ui-accordion .ui-accordion-content-active { display: block; } .auto .ls-bottom-nav-wrapper, .auto .ls-below-thumbnails { text-align: right; padding-right:25px; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ @media print { /* .noPrint, */ #menu-section, #odkaz, #submenu, #subMenu, #mapaCR, .jcarousel-prev, .jcarousel-next, #pano, .formular { display:none !important; } .model #info-in, .servis #info-in, .svetSuzuki #info-in, .svetSuzukiArchiv #info-in, .partneri #info-in, /* .novinky #info-in, .akce #info-in, */ .financovani #info-in, .hledamePartnery #info-in, .kontakt #info-in { padding-left: 0px; } .partneri h2, .model h2, .servis h2, .svetSuzuki h2, .svetSuzukiArchiv h2, .financovani h2, .kontakt h2 { margin-left:0px; padding-left:0px; } .noPrint { display:none !important; } h2,h3,h4,h5 { page-break-after:avoid; } div.dealer{ page-break-inside: avoid; } } @media screen { .noScreen { display:none; } } .noDisplay, .hideFull { display:none; } /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ @media screen and (max-width: 999px) { #page, #motto, #menu, #webMenu, #fotoBanner { width:100%; } #page-in { padding-bottom:0; } #webMenu-in { padding:1.4em 1em 5em 1em; } #webMenu #odkaz { display: none !important; } #webMenu div.komunikace { width: 100%; text-align:left; padding-bottom:2.8em; } #webMenu div.komunikace #social, #webMenu div.komunikace #newsletter { width:50%; float: left; } #webMenu #newsletter input { width:100%; font-size:1.4em; } #webMenu div.modely, #webMenu div.prodej, #webMenu div.servis, #webMenu div.suzuki { width: 33.3%; } #infoCookie p { width:100%; box-sizing: border-box; } #katalog { width:100%; float:none; } .ls-bottom-nav-wrapper { display:none; } .ls-l.nazevAkce { display:none; } .mini { width:50%; } .mini.c3 { width:100%; } #katalog-in { padding-bottom:1em; } .katalog #prehledZprav { float:none; width: 100%; min-height:0; } .katalogMenu li { width:50%; } .katalogMenu li a { margin: 0 auto; } .model #info-in { margin-top:0px; padding-top:0; padding-left:0; padding-right:0; } .svetSuzuki #info-in .section, .technologie #info-in .section, .model #info-in .section { width:100%; } #info-in p, #info-in h2, #info-in h3, #info-in h4, #info-in h5, #info-in table, #info-in ul, #info-in ol, .model #info-in p, .model #info-in h2, .model #info-in h3, .model #info-in h4, .model #info-in h5, .novinky #info-in p, .novinky #info-in h2, .novinky #info-in h3, .novinky #info-in h4, .novinky #info-in h5, .novinky #info-in table, .akce #info-in p, .akce #info-in h2, .akce #info-in h3, .akce #info-in h4, .akce #info-in h5, .akce #info-in table, .financovani #info-in p, .financovani #info-in h2, .financovani #info-in h3, .financovani #info-in h4, .financovani #info-in h5, .financovani #info-in table, .financovani #info-in ul, .financovani #info-in ol, .servis #info-in p, .servis #info-in h2, .servis #info-in h3, .servis #info-in h4, .servis #info-in h5, .servis #info-in table, .servis #info-in ul, .servis #info-in ol, .svetSuzuki #info-in p, .svetSuzuki #info-in h2, .svetSuzuki #info-in h3, .svetSuzuki #info-in h4, .svetSuzuki #info-in h5, .svetSuzuki #info-in table, .svetSuzukiArchiv #info-in p, .svetSuzukiArchiv #info-in h2, .svetSuzukiArchiv #info-in h3, .svetSuzukiArchiv #info-in h4, .svetSuzukiArchiv #info-in h5, .svetSuzukiArchiv #info-in table, .kontakt #info-in p, .kontakt #info-in h2, .kontakt #info-in h3, .kontakt #info-in h4, .kontakt #info-in h5, .kontakt #info-in table, .tapety #info-in p, .tapety #info-in h2, .tapety #info-in h3, .tapety #info-in h4, .tapety #info-in h5, .tapety #info-in table { padding-left: 10px; padding-right: 10px; } .servis #info-in ul, .servis #info-in ol { padding-left: 50px; padding-right: 10px; padding-bottom:1.4em; } #info-in ul.navigace { padding-left:0px; padding-right:0px; padding-bottom:45px; } .model #info-in p.image, .servis #info-in p.image, .svetSuzuki #info-in p.image, .svetSuzukiArchiv #info-in p.image { padding-left: 0; padding-right: 0; } .servis #info-in p.externiOdkaz { text-align:center; font-size:2.8em; text-decoration:underline; } .model #info-in p.image img, .servis #info-in p.image img, .svetSuzuki #info-in p.image img, .svetSuzukiArchiv #info-in p.image img { max-width:100%; float:none; } .fullOnly { display:none !important; } .hideFull { display:block; } .hideFull img { width:100%; } .financovani #subMenu { display:none; } } /* ------------------------------------------------------------ */ @media screen and (max-width: 670px) { #webMenu div.komunikace #social, #webMenu div.komunikace #newsletter { width:100%; float:none; } #webMenu div.komunikace #social { text-align:center; } #webMenu div.modely, #webMenu div.prodej, #webMenu div.servis, #webMenu div.suzuki { width: 100%; } .mini { width:100%; } .model #info-in { margin-top: 0px; } .katalogMenu li { width:100%; } } /* ------------------------------------------------------------ */ .model #submenu li { padding-bottom:0; } .svetSuzuki #menu-sekce.scroll-to-fixed-fixed, .model #menu-modelu-2.scroll-to-fixed-fixed { width:1000px; margin: 0 auto; background-color:#4A4A4A; transition:width 2.5s ease-out, background-color .1s ease, margin-top .6s ease; } .svetSuzuki #menu-sekce.scroll-to-fixed-fixed, .model #menu-modelu-2.scroll-to-fixed-fixed { width:100%; margin-top:45px; background-color:#4A4A4A; transition:width 2.5s ease-in, background-color .1s ease, margin-top .6s ease; } .svetSuzuki #menu-sekce div.section, .model #menu-modelu-2 div.section { background-color:#4A4A4A; padding:0; margin-bottom:11px; } .svetSuzuki #menu-sekce:not(.scroll-to-fixed-fixed) div.section { border-top: 3px solid; /* border-bottom: 3px solid; */ } .svetSuzuki.o-nas #menu-sekce:not(.scroll-to-fixed-fixed) div.section { border-color: #f2b104; } .svetSuzuki.komunita #menu-sekce:not(.scroll-to-fixed-fixed) div.section { border-color: #BD0D0D; } .svetSuzuki.press #menu-sekce:not(.scroll-to-fixed-fixed) div.section { border-color: #0095a9; } .svetSuzuki #menu-sekce:not(.scroll-to-fixed-fixed) div.section ul { border-top: 1px solid #a0a0a0; /* border-bottom: 1px solid #a0a0a0; */ } .svetSuzuki #menu-sekce div.section { margin-bottom:11px; } .svetSuzuki #menu-sekce ul, .model #menu-modelu-2 ul { list-style:none; padding:0; background-color:#4A4A4A; } .svetSuzuki #menu-sekce ul:after, .model #menu-modelu-2 ul:after { /* clearfix */ content: ""; display: table; clear: both; } .svetSuzuki #menu-sekce ul li, .model #menu-modelu-2 ul li { padding:10px 10px; display:inline-block; color:white; text-transform: uppercase; } .svetSuzuki #menu-sekce ul li { float:left; } .svetSuzuki #menu-sekce ul li.archiv, .svetSuzuki #menu-sekce ul li.zpet { float:right; } .svetSuzuki #menu-sekce ul li a, .model #menu-modelu-2 ul li a { color:white; } nav #menu-sekce li:active, nav #menu-modelu-2 li.active { background-color:#e1261c; } .svetSuzuki.o-nas nav #menu-sekce li:active, .svetSuzuki.o-nas nav #menu-modelu-2 li.active { background-color:#f2b104; } .svetSuzuki.komunita nav #menu-sekce li:active, .svetSuzuki.komunita nav #menu-modelu-2 li.active { background-color:#BD0D0D; } .svetSuzuki.press nav #menu-sekce li:active, .svetSuzuki.press nav #menu-modelu-2 li.active { background-color:#0095a9; } nav #menu-sekce li.active a::after, nav #menu-modelu-2 li.active a::after { background-color:white; } @media all and (max-width: 999px) { .svetSuzuki #menu-sekce.scroll-to-fixed-fixed, .model #menu-modelu-2.scroll-to-fixed-fixed { margin-top:0; } } .svs-section + .svs-section { margin-top:5em; } .svs-co-container { --diameter:80px; --diameter-last:10px; --line:2px; --margin-left: calc( ( var(--diameter) - var(--line)) /2); --margin-left-last: calc( ( var(--diameter) - var(--diameter-last)) /2); --co-color: #202020; } .svs-co-row { display:flex; flex-direction:row; } .svs-co-text .svs-co-row .col:nth-child(1) { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .svs-co-text p { padding-right:30px; } .svs-co-text .svs-co-row .col:nth-child(2) { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } @media all and (max-width: 999px) { .svs-co-text .svs-co-row .col:nth-child(1) { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .svs-co-text p { padding-right:30px; } .svs-co-text .svs-co-row .col:nth-child(2) { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } @media all and (max-width: 670px) { .svs-co-text .svs-co-row { flex-direction:column; } .svs-co-text .svs-co-row .col { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .svs-co-text p { padding-right:0px; } } .svs-co-article { position:relative; Xcontent-visibility:auto; } .svs-co-text { padding-top:1em; padding-bottom:1em; margin-left: var(--diameter); } .svs-co-year { width:var(--diameter); height:var(--diameter); background-color:var(--co-color); text-align:center; line-height:var(--diameter); color: white; border-radius:50%; font-weight: bold; } .svs-co-year > span { line-height:var(--diameter); } .svs-co-year-last { width:var(--diameter-last); height:var(--diameter-last); background-color:var(--co-color); text-align:center; line-height:var(--diameter-last); color: white; border-radius:50%; margin-left:var(--margin-left-last); } .historie-suzuki-casova-osa .svs-co-row:nth-of-type(1) .svs-co-year, .historie-moto-casova-osa .svs-co-row:nth-of-type(1) .svs-co-year { background-color:#f2b104; } .historie-suzuki-casova-osa .svs-co-row:nth-of-type(3) .svs-co-year, .historie-moto-casova-osa .svs-co-row:nth-of-type(3) .svs-co-year { background-color:#BD0D0D; } .historie-suzuki-casova-osa .svs-co-row:nth-of-type(5) .svs-co-year, .historie-moto-casova-osa .svs-co-row:nth-of-type(5) .svs-co-year { background-color:#0095a9; } .svs-co-line { width:0; margin-left:var(--margin-left); overflow:hidden; border-right:var(--line) solid var(--co-color); } .svs-co-article-line { border-top:solid 1px var(--co-color); margin-left: calc(-1 * var(--diameter)); margin-bottom: 1em; width: 180px; } .svs-co-article img { width:100%; height:auto; min-width:200px; } @media all and (max-width: 999px) { .svs-co-container { margin-left:10px; margin-right:10px; } } ul#modelyMiniatury { list-style:none; padding-left:0; padding-right:0; margin-left:0; margin-right:0; margin-top:3em; } #modelyMiniatury li { width:33.3%; float:left; } #modelyMiniatury li a { color:black; position:relative; } #modelyMiniatury li a img { padding-right:0em; vertical-align: middle; display:inline !important; } #modelyMiniatury li a img.checkBox { padding-right:0; } #page.filtr #zkratky li.filtr { display:none; } #page.filtr.ignis #zkratky li.filtr.ignis { display:block; } #page.filtr.swift #zkratky li.filtr.swift { display:block; } #page.filtr.swift-sport #zkratky li.filtr.swift-sport { display:block; } #page.filtr.jimny #zkratky li.filtr.jimny { display:block; } #page.filtr.vitara #zkratky li.filtr.vitara { display:block; } #page.filtr.e-vitara #zkratky li.filtr.e-vitara { display:block; } #page.filtr.s-cross #zkratky li.filtr.s-cross { display:block; } #page.filtr.across #zkratky li.filtr.across { display:block; } #page.filtr.swace #zkratky li.filtr.swace { display:block; } #modelyMiniatury ul#zkratky li:last-child { padding-bottom:0; margin-bottom:0; border-bottom: none; } span.position { position:relative; } #modelyMiniatury span.checkBoxX { display:block; position:absolute; top:0; left:0px; width:30px; height:80px; background-image:url('/App_Themes/auto/menu/checked-n.png'); } #modelyMiniatury span.checkBox { display:none; width:30px; height:80px; background-image:url('/App_Themes/auto/menu/checked-n.png'); } #page.filtr.ignis #modelyMiniatury span.checkBox.ignis, #page.filtr.swift #modelyMiniatury span.checkBox.swift, #page.filtr.swift-sport #modelyMiniatury span.checkBox.swift-sport, #page.filtr.jimny #modelyMiniatury span.checkBox.jimny, #page.filtr.vitara #modelyMiniatury span.checkBox.vitara, #page.filtr.e-vitara #modelyMiniatury span.checkBox.e-vitara, #page.filtr.s-cross #modelyMiniatury span.checkBox.s-cross, #page.filtr.across #modelyMiniatury span.checkBox.across, #page.filtr.swace #modelyMiniatury span.checkBox.swace { background-image:url('/App_Themes/auto/menu/checked-y.png'); } @media all and (max-width: 999px) { #modelyMiniatury li { width:50%; } #modelyMiniatury ul#zkratky { padding-left:10px; padding-right:10px; } } @media all and (max-width: 700px) { .tab1, .tab2 { width:100%; } .tab3 { position:relative; width:100%; font-weight:bold; } } @media all and (max-width: 650px) { #modelyMiniatury li { width:100%; } } .info.akce .ui-dialog {text-align:left;} .info.akce .ui-dialog-content label, .ui-dialog-content input, .ui-dialog-content select { display:block; } .info.akce .ui-dialog-content input[type="checkbox"]+label, .ui-dialog-content input[type="checkbox"] { display:inline-block; } .info.akce .ui-dialog-content input[type="checkbox"]+label {padding-left:10px;} .info.akce .ui-dialog-content textarea, .ui-dialog-content input.text, .ui-dialog-content select { margin-bottom:12px; width:95%; padding: .4em; } .info.akce .ui-dialog-content fieldset { padding:0; border:0; margin-top:25px; } .info.akce .ui-dialog-content h1 { font-size: 1.2em; margin: .6em 0; } .info.akce .ui-dialog-content .ui-dialog .ui-state-error { padding: .3em; } .info.akce .ui-dialog-content .validateTips { border: 1px solid transparent; padding: 0.3em; } .info.akce .ui-state-success { border: 1px solid #a8f199; background: #dffddf; color: #3f5f3f; }