/* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCkYb8td.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCAYb8td.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCgYb8td.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCcYb8td.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCsYb8td.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } html,body {height:100%; margin:0} body { margin:0; background:#565d65 url('../images/bg.jpg') repeat top center fixed; color:#545554; font-size:16px; font-family:"Roboto"; font-weight:400; line-height:24px; min-width:1180px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*background:#596068 url('../images/bg_25eve.png') repeat top center fixed; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; */ } div.sep { height:1px; display:block; clear:both; margin:auto } a { text-decoration:underline; color:#545554; font-weight:400 } a:link { color:#545554 } a:visited { color:#545554 } a:active { color:#545554 } a:hover { color:#545554; text-decoration:none } img { border:0; padding:0; margin:0 } .vissza { border-top:1px solid #c1c1c1; border:1px solid #c1c1c1; color:#4c555e; text-align:center; padding:10px; background:#fff; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear; margin-top:10px } .vissza a { color:#4c555e; text-decoration:none } .vissza:hover { color:#fff; background:#4c555e; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } .vissza:hover,.vissza:hover a { color:#fff; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #slider-container { width:1160px; height:500px; margin:10px auto; padding-top:0; background:#fff; position:relative; -webkit-box-shadow:0 0 12px -4px rgba(0,0,0,0.7); -moz-box-shadow:0 0 12px -4px rgba(0,0,0,0.7); box-shadow:0 0 12px -4px rgba(0,0,0,0.7); z-index:888; } #slider-wrapper { width:1160px; height:500px; margin:0; padding-top:0; margin-top:0 } #slider { position:relative; width:1160px; height:500px; margin-left:0; background:url(../images/loading.gif) no-repeat 50% 50% } #slider img { position:absolute; width:1160px; height:500px; top:0; left:0; display:none } #slider a { border:0; display:block } .nivo-controlNav { position:absolute; left:260px; bottom:0; display:none } .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left } .nivo-controlNav a.active { background-position:0 -22px } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0 } a.nivo-nextNav { background-position:-30px 0; right:75px } a.nivo-prevNav { left:75px } .nivo-caption { opacity:1 } .nivo-caption a { color:#fff; text-decoration:underline } .clear { clear:both } #header-out { margin-left:auto; margin-right:auto; width:100%; position:relative; z-index:999 } #header { margin-left:auto; margin-right:auto; width:1160px; padding:0; text-align:left; color:#737373; font-size:16px; font-family:"Roboto Condensed"; height:auto; position:relative; height:210px } #logo1 { position:Absolute; left:-14px; top:5px; width:200px; height:auto; } #header_right { width:430px; float:right; display:block; padding:17px 0 0; border:0 solid red } #header_right img { float:left; margin:5px 15px 0 0 } #search2 { display: none; } #search { width:224px; float:right; text-align:right } #search .input_keres { float:right; border:1px solid #b5babd; border-right:0; padding:0 5px; height:28px; color:#fff; background:#515860; font-family:"Roboto",sans-serif; width:180px; font-size:16px; font-weight:400; margin:0 } #search .button_search { float:right; vertical-align:middle; height:30px } .sep1 { padding:0 18px; color:#1aa63f; font-weight:400 } #menu { float:right; margin-top:86px; margin-left:auto; margin-right:auto; width:935px; background:none; position:relative; font-family:"Roboto Condensed" } #menu #img { float:right; margin:0 0 0 10px; padding:0; border:0 solid red } #menu a { float:left; color:#fff; font-size:16px; font-family:"Roboto Condensed"; padding:0 17px; margin:5px 0 0; text-decoration:none; font-weight:600; text-transform:uppercase; text-shadow:1px 1px #383e45; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #menu a:hover,#menu-in a.active { color:#fff; text-shadow:2px 1px #000; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #menu2 { display:none; position:absolute; top:165px; right:0; width:200px; padding:15px; background:#697077; height:Auto; z-index:88888888888888; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #menu2 a { text-align:center; display:block; color:#fff; font-size:17px; font-family:"Roboto Condensed"; padding:5px 0; margin:5px 0 0; text-decoration:none; font-weight:400; text-shadow:1px 1px #383e45; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #menu2 a:hover { color:#fff; text-shadow:2px 1px #000 } #open1 { margin:120px auto 0; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open1-in { margin:0 auto; width:1160px; height:auto; padding:0; text-align:left; position:relative; min-height:480px } #open1-in-text { font-family:"Roboto"; float:right; width:480px; padding-top:50px; color:#2c2f34; font-weight:16px; line-height:26px; font-weight:300; padding-bottom:60px } #open1-in-text h2 { color:#4c545d; font-size:30px; font-weight:600; font-family:"Roboto Condensed" } #mester1 { font-family:"Roboto"; position:absolute; top:-20px; left:0; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #button_more_png { opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #button_more_png:hover { opacity:.6; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #open-news { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none } #open-news-in { margin:0 auto; width:1160px; height:auto; padding:100px 0; text-align:center; position:relative } #open-news-in .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } #open-news-in .title-hir-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#fff; background:none } #open-news-in .title-hir-in a { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#fff; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open-news-in .title-hir2 { font-family:"Roboto"; font-size:16px; font-weight:200; padding:25px 0 40px; color:#fff; opacity:.8 } #open-news-in .box-left-hir { width:270px; height:400px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0; cursor:pointer } #open-news-in .box-left-hirkep,.box-left-hirkep img { width:270px; height:400px } #open-news-in .box-left-hir-in { padding:40px 0 0; color:#fff; text-align:left; background:url(../images/bg5.png) no-repeat center 0; width:100%; height:auto; position:absolute; bottom:0 } #open-news-in .box-left-hir-in .article_title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:18px; line-height:normal; padding:0 15px 15px } #open-news-in .box-left-hir-in .article_text { display:none; font-size:15px; color:#fff; padding:0 20px 20px; line-height:24px; transition:all 2s ease-in; -webkit-transition:all 2s ease-in; -moz-transition:all 2s ease-in; -o-transition:all 2s ease-in; -ms-transition:all 2s ease-in } #open-news-in .box-left-hir:hover .article_text { display:block } #open-news-in .button_news-png { margin-top:50px; opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #open-news-in .button_news-png:hover { opacity:.6; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear } #open-products { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open-products-in { margin:0 auto; width:1160px; height:auto; padding:100px 0; text-align:center; position:relative } #open-products-in .title2 { width:100%; margin:0 auto; background:url(../images/line5.png) no-repeat center; text-align:center } #open-products-in .title2-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0; color:#4c555e; background:none; text-align:center } #open-products-in .title2-in a { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#4c555e; text-decoration:none; padding:0; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open-products-in .i1-png { padding:30px 0 50px } #open-products-in .box-category { width:366px; height:270px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0 solid #eee; cursor:pointer; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } #open-products-in .box-category-in { color:#fff; text-align:left; background:url(../images/bg4.png) repeat-x top center; width:100%; padding:0; height:auto; position:absolute; bottom:0 } #open-products-in .box-category-title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:22px; line-height:normal; padding:20px; margin:0; float:left; display:block } #open-products-in .box-category-title2 { float:right; display:block; padding:20px 20px 0 0 } #open-games { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none } #open-games-in { margin:80px auto 0; width:800px; height:auto; padding:0; text-align:center; position:relative } .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } .title-hir-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#fff; background:none } .title-hir-in a { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#fff; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } .title-hir2 { font-family:"Roboto"; font-size:16px; font-weight:200; padding:25px 0 40px; color:#fff; opacity:.8 } #nyeremenyjatek-png { float:left; margin-top:30px } #open-games-text { float:right; width:480px; color:#fff; font-size:16px; text-align:left; font-weight:300; margin-top:60px } #button_game_png { opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #button_game_png:hover { opacity:.6; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear } #open-social { margin:80px auto 0; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open-social-in { margin:0 auto; width:1160px; height:auto; padding:80px 0; text-align:center; position:relative } #open-social-in .title3 { width:100%; margin:0 auto; background:url(../images/line4.png) no-repeat center } #open-social-in .title3-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#4c555e; background:none } #open-social-in .title3-in a { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#4c555e; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } .i2-png { padding:30px 0 40px } #fb2 { float:left; width:540px; padding:10px; text-align:center; background:#fff } #yt2 { float:right; width:540px; padding:10px; text-align:center; background:#fff } #fb2 a,#yt2 a { font-family:"Roboto"; font-size:16px; font-weight:300; color:#2c2f34; text-decoration:none } #open2 { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none } #open2-in { margin:0 auto; width:1160px; height:auto; padding:100px 0; text-align:center; position:relative } #open2-in .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } #open2-in .title-hir-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#fff; background:none } #open2-in .title-hir-in a { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#fff; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open2-in #i3-png { padding:30px 0 40px } #open2-in .box-category { width:366px; height:270px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0 solid #eee; cursor:pointer; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in } #open2-in .box-category-in { color:#fff; text-align:left; background:url(../images/bg4.png) repeat-x top center; width:100%; padding:0; height:auto; position:absolute; bottom:0 } #open2-in .box-category-title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:22px; line-height:normal; padding:20px; margin:0; float:left; display:block } #open2-in .box-category-title2 { float:right; display:block; padding:20px 20px 0 0 } #open3 { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open3-in { margin:0 auto; width:1160px; height:auto; padding:100px 0; text-align:center; position:relative } #open3-in .title2 { width:100%; margin:0 auto; background:url(../images/line3.png) no-repeat center } #open3-in .title2-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#4c555e; background:none } #open3-in .title2-in a { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#4c555e; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open3-in .i1-png { padding:30px 0 40px } #open3-in .box-left { width:210px; height:350px; border:0; float:left; margin:11px; background:#fff; position:relative; text-align:left; overflow:hidden; } #open3-in .box-leftkep,.box-leftkep img { width:210px; height:150px; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } #open3-in .box-left-in { padding:20px 0 0; color:#4c545d; line-height:28px; font-size:17px; font-weight:400 } #open3-in .box-left-in a { font-family:"Roboto Condensed"; text-decoration:none; color:#4c545d; font-weight:600; font-size:18px; line-height:normal } #open3-in .box-left-in a:hover { text-decoration:none; color:#2c2f34 } #open3-in .box-left-in .text { font-size:15px; font-weight:300; line-height:130%; padding-top:15px } #open-bottom { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#f3f3f4 } #open-bottom-in { margin:0 auto; width:1160px; height:auto; padding:80px 0; text-align:center; position:relative } #open-bottom-in img { margin:9px; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #footer { margin:0 auto; width:100%; background:url(../images/bg-footer.jpg) no-repeat top center; border-top:7px solid #e0e0e1 } #footer-in { margin:0 auto; padding:66px 0 56px; width:1160px; text-align:center } #footer-in .box { float:left; text-align:left; color:#fff; font-size:14px; font-weight:400; text-decoration:none; text-transform:uppercase } #footer-in .box a { text-align:left; color:#fff; font-size:16px; font-weight:400; text-decoration:none; text-transform:uppercase } #logo2 { filter: drop-shadow(2px 1px 0px rgba(255,255,255,0.8)); } #footer-in .box1 { width:205px; padding:15px 50px 15px 0; text-align:center; min-height:290px; line-height:70px } #footer-in .box1 .foot2 { line-height:20px } #footer-in .box2 { width:150px; border-left:1px solid #545659; padding:15px 45px; min-height:290px; line-height:35px; } #footer-in .box3 { float:right; width:160px; padding:15px 0 } #footer .box-bottom { color:#e1e1e1; background-color:rgba(35,38,42,0.7); text-align:center; font-size:13px; padding:10px 0; font-weight:300; text-transform:uppercase } #footer .box-bottom a { color:#e1e1e1; text-align:center; font-size:13px; font-weight:300; text-decoration:none; text-transform:uppercase } #footer-in2 { background:#141414; padding:12px 20px; font-size:14px; color:#606060; margin-top:40px; text-transform:uppercase } #footer-in2 a { text-decoration:none; font-size:14px; color:#606060 } .footer-line { height:1px; background:#52a166; margin:40px 0 } .footer-box { width:350px; float:left; margin-right:40px; text-align:left; font-size:16px; color:#969696; line-height:30px; font-weight:300 } .footer-box a { text-align:left; font-size:16px; color:#969696; line-height:30px; text-decoration:none; font-weight:300 } .footer-box2 { margin-right:0; float:right } .footer-box2 img { padding-right:5px; opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } .footer-box2 img:hover { opacity:.7; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } .footer-title { text-align:left; color:#fff; font-size:22px; font-weight:500; padding:0 0 25px; border-bottom:1px solid #343434; margin-bottom:25px; text-transform:uppercase; letter-spacing:1px } .products-title { width:auto; background:none; border:1px solid #ddd; padding:20px; margin:0 0 15px; font-size:22px; color:#2c3036; font-weight:700; text-decoration:none } .products-title a { color:#2c3036; text-decoration:none } .products-title a:link { color:#2c3036 } .products-title a:visited { color:#2c3036 } .products-title a:active { color:#2c3036 } .products-title a:hover { color:#2c3036; text-decoration:none } .products-list { width:284px; height:94px; margin-top:8px } .products-list2 { width:340px; height:210px; margin:0 10px; float:left; background:#fff; overflow:hidden } .products-list3 { width:305px; min-height:94px; height:auto; margin:5px 5px 0 0; float:left; background:#e4e5e7 } .list22 { float:left; width:195px; height:auto; padding:5px 10px 0; text-align:left; border:0 solid red } .termek_kep { float:left } .termek_kep,.termek_kep img { width:125px; height:170px } .list23 { float:left; width:225px; height:auto; padding:5px 5px 10px; text-align:left } .products-list-text { padding:2px 4px 0 5px; font-size:18px } .products-list-text a { text-decoration:none; font-size:21px } .products-list-text a:hover { text-decoration:none } .products-list-text a b { font-weight:500 } .products-list-text2 { line-height:19px; padding-top:3px } .products-list-text2 a { font-size:14px } #nav-box { text-align:left; color:#54575c; font-weight:400; font-size:12px; padding:0; margin:0 0 20px; text-transform:uppercase } #nav-box a { text-decoration:none; color:#54575c; font-weight:400 } #nav-box a:link { color:#54575c } #nav-box a:visited { color:#54575c } #nav-box a:active { color:#54575c } #nav-box a:hover { color:#54575c; text-decoration:none } .termek-almenu { width:100%; border:0; margin-bottom:30px } .termek-almenu a { float:left; padding:3px 15px; margin:0 5px 0 0; border:1px solid #4c555e; color:#4c555e; text-decoration:none; font-size:15px } .termek-almenu a:hover { background:#3e464e; color:#fff } #termekh1 h1 { margin-bottom:0; padding-bottom:0 } .termek-site-kep { float:right; width:250px; text-align:center; border:0 solid red } .termek-site-kep img { width:220px } .termek-site-kep2 { float:right; width:500px; text-align:center; border:0 solid red } .termek-site-kep2 img { width:480px } .news-text-box-belso { float:left; width:340px; height:530px; margin:10px; font-size:15px; overflow:hidden; text-transform:none } .news-text-box-belso a { font-size:22px; text-decoration:None; color:#4c555e; line-height:normal; display:block; margin:15px 0 } .news-kep-belso { border:0 solid #eee; margin-bottom:10px } .news-kep-belso,.news-kep-belso img { width:340px; height:260px; border:0 } .news-text-in { text-transform:none } .table-title { background:#2c3036; color:#fff; padding:8px } .table-content { border:1px dotted silver; padding:8px } #article-lista { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none; background:#fff } #article-lista-in { margin:0 auto; width:1160px; height:auto; padding:80px 0; text-align:left; position:relative } #article-lista-in h1 { margin:0 0 40px; padding:0 0 30px; color:#4c555e; font-size:48px; font-family:"Roboto Condensed"; font-weight:400; border-bottom:1px solid #dadada; line-height:normal } #article-lista-in .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } #article-lista-in .title-hir-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#fff; background:none } #article-lista-in .title-hir-in a,#article-lista-in .title-hir-in h1 { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#fff; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #article-lista-in .title-hir2 { font-family:"Roboto"; font-size:16px; font-weight:200; padding:25px 0 40px; color:#fff; opacity:.8 } #article-lista-in #i3-png { margin:20px auto 40px } #article-lista-in .box-left-hir { width:270px; height:400px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0; cursor:pointer; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in; text-transform:none } #article-lista-in .box-left-hirkep,.box-left-hirkep img { width:270px; height:400px } #article-lista-in .box-left-hir-in { padding:20px 0 0; color:#fff; text-align:left; background:url(../images/bg5.png) no-repeat center 0; width:100%; height:auto; position:absolute; bottom:0 } #article-lista-in .box-left-hir-in .article_title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:18px; line-height:normal; padding:0 20px 20px } #article-lista-in .box-left-hir-in .article_text { display:none; font-size:15px; color:#fff; padding:0 20px 20px; line-height:24px; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in } #article-lista-in .box-left-hir:hover .article_text { display:block; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in } #img-hirek2 { float:right; width:auto; max-width:50%; height:auto; padding:0 0 30px 30px } .open-title2 { font-size:17px; font-weight:400; border-bottom:1px solid #ddd; padding:15px; margin-top:30px } #c2 { background:url(../images/bg.jpg) } #c3 { background:url(../images/bg-grey.jpg) no-repeat top center } #c3-in { margin-left:auto; margin-right:auto; width:1160px; position:relative } #h1 h1 { text-align:right; color:#fff; font-size:25px; font-family:"Roboto Condensed"; padding:0; text-decoration:none; font-weight:300; padding:0; margin:40px 0 0 } #line-green { margin-left:auto; margin-right:auto; width:1160px; height:7px; position:absolute; left:0; top:-3px } #open-bg { position:absolute; top:11px; width:1160px; height:440px } #open-bg img { width:1160px; height:440px } #open-menu { width:280px; position:absolute; top:0; left:20px; background:#1e6928 } #open-menu a { background:url(../images/bg_menu.jpg) no-repeat left bottom; display:block; color:#fff; font-size:22px; font-family:"Roboto Condensed"; padding:16px 10px 18px 20px; text-decoration:none; font-weight:100; border-bottom:1px solid #307539; letter-spacing:1px; -moz-transition:all 200ms linear; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear } #open-menu a:hover { background:#14491f; -moz-transition:all 200ms linear; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear } #content-open { margin:0 auto; width:100%; padding:0; text-align:left; background:#fff; color:#545554; line-height:23px } #content-open-inner { margin:0 auto; width:1160px; padding:0; text-align:left; background:url(../images/green.jpg) no-repeat bottom right; min-height:400px } #content-open-inner2 { width:650px; font-size:17px; color:#1d1d1d; padding:80px 0; line-height:25px } #content-open-inner2 h1,#content-open-inner2 h2 { color:#ec2028; font-size:26px; font-family:"Roboto Condensed"; padding:0; text-decoration:none; font-weight:500; padding:0; margin:20px 0 } .i1 { margin:0 auto; text-align:Center; margin-bottom:45px } #content-service { margin:0 auto; width:100%; padding:0; text-align:left; background:#1d1d1d url(../images/bg-grey.jpg) no-repeat top center } #content-service-in { margin:0 auto; width:1160px; padding:90px 0; text-align:left } #content-service-in .title-hir { color:#fff; font-size:44px; font-family:"Roboto"; text-decoration:none; font-weight:300; padding:0; margin:0 0 50px; text-align:Center } .box-left-service { width:370px; height:450px; border:0; float:left; margin:8px; background:#fff; position:relative; overflow:hidden } .box-left-servicekep .img { width:370px; height:200px } .box-left-servicekep { width:370px; height:200px; overflow:hidden } .b1-png { opacity:0; position:absolute; top:-200px; left:0; width:370px; height:200px; -moz-transition:150ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } .box-left-servicekep:hover .b1-png { width:370px; height:200px; top:0; opacity:1; -moz-transition:300ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } .box-left-service-in { padding:20px 25px; color:#1d1d1d; line-height:normal; font-size:18px; line-height:28px; font-weight:200 } .box-left-service-in a { font-family:"Roboto Condensed"; text-decoration:none; color:#216221; font-weight:600; font-size:28px; line-height:normal; letter-spacing:1px } .box-left-service-in a:hover { text-decoration:none; color:#278a41 } .box-left-service-in .text { line-height:130%; padding-top:0 } .button-service { opacity:1; position:absolute; bottom:0; right:0; width:40px; height:42px; -moz-transition:150ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } .button-service:hover { opacity:.8; position:absolute; bottom:0; right:0; width:40px; height:42px; -moz-transition:150ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } #content-news { margin:0 auto; width:100%; padding:0; text-align:left; background:#f3f3f3 } #content-news-in { margin:0 auto; width:1160px; padding:90px 0; text-align:left } #content-news .title-hir { color:#1d1d1d; font-size:44px; font-family:"Roboto"; text-decoration:none; font-weight:300; padding:0; margin:0 0 50px; text-align:Center } #content-news .title-hir a { color:#1d1d1d; font-size:44px; font-family:"Roboto"; text-decoration:none; font-weight:300; padding:0; text-align:Center } #lapozas { text-align:center; margin-top:30px } #lapozas a { font-family:"Roboto"; text-decoration:none; background:#fff; font-weight:300; font-size:18px; line-height:normal; padding:10px 16px; border:1px solid #ddd; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #lapozas a:hover { background:#333; color:#fff } #contact { width:100%; background:url(../images/bg-quote.jpg) repeat center } #contact-in { display:block; text-align:center; border:0; width:1160px; margin-left:auto; margin-right:auto; padding:80px 0 } #contact-right { margin:0 auto; width:640px; text-align:center; color:#fff; font-size:20px; font-weight:300; text-transform:none; line-height:normal; line-height:30px } #contact-right h3#ajanlatkeres { font-family:"Roboto"; margin:0 0 10px; padding:0; color:#fff; font-size:40px; text-transform:none; line-height:normal; letter-spacing:0; border:0; font-weight:300 } #contact-right b { margin:20px 0; padding:0; color:#fff; font-size:17px; font-weight:200; text-transform:none; line-height:normal; letter-spacing:0; border:0 } .input_ajanlat2 { border:#bbb 0 solid; padding:10px 8px; margin-left:0; color:#212121; background:#fff; font-size:16px; width:300px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; float:left; display:block; margin-bottom:12px; line-height:normal; font-family:"Roboto Condensed"; font-weight:400 } .input_ajanlat3 { width:624px; height:140px } .input_ajanlat4 { float:right } .button_ajanlat { background:#ec2028; border:0; font-size:20px; margin:10px 0 0; color:#fff; padding:12px 12px 10px; cursor:pointer; letter-spacing:1px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .button_ajanlat:hover { background:#1d1d1d; color:#fff; border:0 } #content-green { width:100%; background:url(../images/bg-green.jpg) repeat center } #content-green-in { display:block; text-align:center; border:0; width:1160px; margin-left:auto; margin-right:auto; padding:40px 0 } #content-green-left { float:left } #content-green-left iframe { width:500px; height:230px } #content-green-left .title { text-align:left; color:#fff; font-size:25px; font-weight:300; padding-bottom:20px } #content-green-right { float:right; width:580px; text-align:left; color:#fff; font-size:16px; font-weight:300; text-transform:none; line-height:normal; line-height:28px } #content-green-right .title { text-align:left; color:#fff; font-size:25px; font-weight:300; padding-bottom:20px; border-bottom:1px solid #83a07c; margin-bottom:30px } .content-green-right1 { float:left; width:170px; padding-right:20px; color:#fff; font-size:16px; font-weight:300 } .content-green-right1 a { color:#fff; font-size:16px; font-weight:300; text-decoration:none } .content-green-right1 b { display:block; margin:0 0 10px; padding:0; color:#fff; font-size:21px; font-weight:500; text-transform:none; line-height:normal; letter-spacing:0; border:0 } #content-oldalsav { margin:40px auto; display:block; width:1160px; background:#fff; height:auto; min-height:300px } #content-oldalsav h1 { margin:0 0 40px; padding:0 0 30px; color:#4c555e; font-size:48px; font-family:"Roboto Condensed"; font-weight:400; border-bottom:1px solid #dadada; line-height:normal } #content-oldalsav h2 { margin:0; padding:0; color:#444; font-size:20px; font-family:"Roboto Condensed"; font-weight:500 } #content-inner-oldalsav { padding:50px 40px; width:830px; float:left; word-wrap:break-word } #oldalsav { width:230px; float:right; background:#f1f1f1; padding:10px } #oldalsav img { width:200px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px } #content { margin:40px auto 80px; display:block; width:1080px; background:#fff; padding:50px 40px; height:auto; min-height:300px; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #content h1 { margin:0 0 40px; padding:0 0 30px; color:#4c555e; font-size:48px; font-family:"Roboto Condensed"; font-weight:400; border-bottom:1px solid #dadada; line-height:normal } #content h2 { margin:20px 0; padding:0; color:#4c555e; font-size:19px; font-family:"Roboto Condensed"; font-weight:600 } ul.almenu { padding:0; margin:0 auto; width:100% } li.almenu0 { list-style:none; background:#257232; margin-top:1px } li.almenu0 a { color:#fff; text-decoration:none; padding:12px 20px; display:block; font-size:20px } li.almenu1 { list-style:none; background:#ddd; margin-left:20px; margin-top:1px } li.almenu1 a { color:#111; text-decoration:none; padding:12px 20px; display:block; font-size:18px } li.almenu2 { list-style:none; background:#ededed; margin-left:40px; margin-top:1px } li.almenu2 a { color:#111; text-decoration:none; padding:12px 20px; display:block; font-size:18px } li.almenu3 { list-style:none; padding-left:60px } .img-hirek2 { max-width:70%; padding:20px 0 } .alignleft { float:left; padding:10px } .galerialista { float:left; width:330px; height:auto; margin-right:45px; margin-bottom:50px; color:#595a58; border-bottom:1px solid #d5d5d5 } .galerialista2 { margin-right:0 } .galerialista-text { padding:15px 0; height:90px; line-height:normal } .galerialista-text a { color:#278a41; font-size:18px; text-decoration:none } .galerialista-text a:hover { color:#2d2d2d; font-size:18px; text-decoration:none } .galerialista-kep { width:330px; height:209px } .galeria-inner { width:250px; height:160px; float:left; margin:10px } .galeria-inner img { width:250px; height:160px } .galeria-inner2 { margin-right:0 } .mobil-galeria-inner { display:none } .img1 { margin:0; background:#f1f1f1; padding:10px 0; text-align:center; height:auto } .img2 { margin:0; border-top:2px solid #fff; background:#f1f1f1; padding:5px 0; text-align:center; height:auto } .img2 img { height:100px; padding:5px } .title1 { background:#278a41; color:#fff; font-size:18px; padding:10px 15px; margin-top:10px; letter-spacing:1px; font-family:"Roboto Condensed"; font-weight:300 } .leiras1 { border-bottom:1px solid #d7d7d7; padding:15px } .bg_main { background:#5b5b5b; color:#fff; font-size:15px; padding:10px 15px; margin-top:10px } .bg_main0 { padding:12px 8px; text-align:center; border-bottom:1px solid #ddd } .bg_main1 { padding:8px; text-align:center; background:#f1f1f1; border-bottom:1px solid #ddd } .button1 { background:#f68121; padding:10px 20px; text-align:center; color:#fff; font-size:17px; text-decoration:none; font-weight:500; display:block; width:360px; margin:0 auto } .button1:hover { background:#dc7017 } div.sep { height:1px; display:block; clear:both; margin:auto } div.sep5 { height:5px; display:block; clear:both; margin:auto } div.sep10 { height:10px; display:block; clear:both; margin:auto } div.sep15 { height:15px; display:block; clear:both; margin:auto } div.sep20 { height:20px; display:block; clear:both; margin:auto } div.sep25 { height:25px; display:block; clear:both; margin:auto } .alignright { float:right; padding:8px } .alignleft { float:left; padding:8px } .caption { border:0 solid red; float:right; display:block; text-align:Center; background:#eee; padding:10px; margin:0 0 10px 10px; width:150px; font-size:12px; line-height:normal; overflow:hidden } .caption img { display:block; text-align:Center; max-width:100%; height:auto; padding-bottom:5px } .aligncenter { display:block; clear:both; margin:10px auto } #m { position:fixed; right:5px; bottom:5px } #mobile-header,#open-bg-image-mobile { display:none } #team-desktop { display:block } #team-mobil { display:none } .contact1 { float:left; width:27%; height:auto; min-height:110px; padding:2%; margin:0 2% 0 0; border:1px solid #eee; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#4c555e; font-weight:300; font-size:15px; background:#f1f1f1 url(../images/bg7.png) repeat-y top right; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } .contact1 b { padding:0 0 12px; display:block; font-size:19px; font-weight:500 } .contact1 h4 { padding:0; margin:0; display:inline; font-size:15px; font-weight:500 } .contact1 a { color:#4c555e; font-weight:300; text-decoration:None; border-bottom:1px solid #bbb } .contact2 { background:#fff; } .contact3 { padding:0; width:31%; height:153px } .contact3 iframe { height:153px } .contact11 { float:left; width:27%; padding:2%; margin:0 2% 0 0; border:1px solid #fff; } .contact-box { float:left; width:31%; height:auto; padding:0; margin:0 1% 0 0; } .contact12 { aspect-ratio: 1.8; float:none; width:96%; height:auto; padding:2%; margin:1% 0; border:1px solid #eee; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#4c555e; font-weight:300; font-size:15px; background:#f1f1f1 url('../images/bg7.png') repeat-y top right; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2); } .contact12 b { padding:10px 0 12px 0; display:block; font-size:19px; font-weight:500 } .contact12 h4 { line-height:1.2; text-align:left; padding:20px 0 10px 0; margin:0; display:block; font-size:14px; font-weight:500; } .contact12 a { font-weight:400; } .bg_green12 { border-left:5px solid #19a851; } .bg_green13 { border-left:5px solid #39e17b} .bg_red12 { border-left:5px solid #ff3333; } .bg_blue12 { border-left:5px solid #19b1e4; } .bg_blue13 { border-left:5px solid #8ce2ff; } .title2 { width:100%; margin:70px auto 50px; background:url(../images/line7.jpg) no-repeat center; text-align:center } .title2-in { font-family:"Roboto Condensed"; font-size:25px; font-weight:500; padding:0; color:#4c555e; background:none; text-align:center } .title2-in b { font-family:"Roboto Condensed"; font-size:25px; font-weight:500; padding:5px 30px; color:#4c555e; background:none; text-align:center; background:#efefef; background:#fff; border:1px solid #e7e8ea; border-top:0; border-bottom:0 } .title3 { margin:70px auto 20px } #gallery ul { list-style:none; display:inline } #gallery ul li { display:inline; text-align:center } #nyeremenyjatek2017 { width:100%; height:auto; } #nyeremenyjatek2017-in { width:auto; height:auto; color:#292929; padding:25px; font-size:14px; background:#e1e1e1; line-height:22px } #nyeremenyjatek2017-in h2 { color:#292929; padding:0; margin:0 0 15px; font-size:24px; font-weight:400; line-height:normal } #nyer-kep { width:350px; height:auto } #nyeremenyjatek2017-in a { color:#008ed0 } #nyeremenyjatek2017-in img { float:right; padding:0 0 0 20px } #nyeremenyjatek2017-in label { width:135px } #nyeremenyjatek2017-in .input { width:316px; padding:3px; font-size:14px; font-family:"Open Sans"; font-weight:400; border:0; border:1px solid #fff } .bg1111 { float:left; background:#fff; padding:15px 25px; line-height:25px; width:auto } .bg1111 input.radio { padding:0; margin:0 } .button { font-size:14px; color:#fff; padding:4px 8px; border:#4c545d 1px solid; background-color:#4c545d; cursor:pointer } .button3 { background:#016624; font-size:16px; border:0 } .szinmeret1 { float:left; width:240px; padding:0; height:25px; margin-left:12px; line-height:25px } .szinmeret2 { float:left; width:25px; height:25px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border:1px solid #bbb } #menu3 { display:none } #menu4 { display:block } #mobile2 { display:none } @media screen and (max-width: 1024px) { .contact12 { float:left; aspect-ratio: 1.5; line-height:1.2; } .bg_green12 { border-left:5px solid #19a851; } .bg_red12 { border-left:5px solid #ff3333; } .bg_blue12 { border-left:5px solid #19b1e4; } .bg_green13 { border-left:5px solid #39e17b} .bg_blue13 { border-left:5px solid #8ce2ff; } html,body { height:100%; margin:0 } body { margin:0; background:url(../images/bg.jpg) repeat top center fixed; color:#545554; font-size:16px; font-family:"Roboto"; font-weight:400; line-height:24px; min-width:300px } div.sep { height:1px; display:block; clear:both; margin:auto } a { text-decoration:underline; color:#545554; font-weight:400 } a:link { color:#545554 } a:visited { color:#545554 } a:active { color:#545554 } a:hover { color:#545554; text-decoration:none } img { border:0; padding:0; margin:0 } .vissza { border-top:1px solid #c1c1c1; border:1px solid #c1c1c1; color:#4c555e; text-align:center; padding:10px; background:#fff; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear; margin-top:10px } .vissza a { color:#4c555e; text-decoration:none } .vissza:hover { color:#fff; background:#4c555e; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } .vissza:hover,.vissza:hover a { color:#fff; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #mobile2 { display:block; width:auto; padding:10px 10px 0; text-align:center } .mobile2-in { float:left; margin:1%; width:47% } #mobile2 img { width:auto; max-width:100%; height:auto; display:block } #mobile2 a.link { color:#fff; display:block; text-decoration:none; margin:5px 5px 15px } #slider-container { display:none; width:100%; height:auto; margin:10px auto; padding-top:0; background:#fff; position:relative; -webkit-box-shadow:0 0 12px -4px rgba(0,0,0,0.7); -moz-box-shadow:0 0 12px -4px rgba(0,0,0,0.7); box-shadow:0 0 12px -4px rgba(0,0,0,0.7); z-index:888888888 } #slider-wrapper { width:auto; height:auto; margin:0; padding-top:0; margin-top:0 } #slider { position:relative; width:auto; height:auto; margin-left:0; background:url(../images/loading.gif) no-repeat 50% 50% } #slider img { position:absolute; width:auto; height:auto; top:0; left:0; display:none } #slider a { border:0; display:block } .nivo-controlNav { position:absolute; left:260px; bottom:0; display:none } .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left } .nivo-controlNav a.active { background-position:0 -22px } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0 } a.nivo-nextNav { background-position:-30px 0; right:75px } a.nivo-prevNav { left:75px } .nivo-caption { opacity:1 } .nivo-caption a { color:#fff; text-decoration:underline } .clear { clear:both } #mobile1 { display:none } #header-out { margin-left:auto; margin-right:auto; width:100%; position:relative; z-index:999999999999 } #header { margin-left:auto; margin-right:auto; width:auto; padding:0; text-align:left; color:#737373; font-size:16px; font-family:"Roboto Condensed"; height:auto; position:relative; height:190px } #logo1 { position:static; width:200px; height:Auto } #header_right { display:block; display:none; width:auto; float:right; padding:10px 10px 0 0; border:0 solid red } #header_right img { float:left; margin:5px 15px 0 0 } #fb1,#yt1 { display:none } #search2 { width:auto; margin:0 10px 5px 10px; display:block; width:auto; text-align:center; background:rgba(0,0,0,0.08); padding:5px; } #search2-in { margin:0 auto; } #search2 .input_keres { float:left; border:1px solid #b5babd; border-right:0; padding:0 5px; height:28px; color:#fff; background:#515860; font-family:"Roboto",sans-serif; width:80%; max-width:400px; font-size:16px; font-weight:400; margin:0 } #search2 .button_search { float:left; vertical-align:middle; height:30px } .sep1 { padding:0 18px; color:#1aa63f; font-weight:400 } #menu4 { display:none } #menu3 { display:block } #menu { float:right; margin:15px 10px 0 0; width:auto; display:block; background:none; position:relative; font-family:"Roboto Condensed" } #menu #img { float:right; margin:0; padding:0; border:0 solid red } #menu a { float:left; color:#fff; font-size:16px; font-family:"Roboto Condensed"; padding:0 17px; margin:5px 0 0; text-decoration:none; font-weight:600; text-transform:uppercase; text-shadow:1px 1px #383e45; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #menu a:hover,#menu-in a.active { color:#fff; text-shadow:2px 1px #000; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #menu2 { display:none; position:absolute; top:50px; right:10px; width:250px; padding:15px; background:#697077; height:Auto; z-index:8.8888888888889E+14; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #menu2 a { text-align:center; display:block; color:#fff; font-size:19px; font-family:"Roboto Condensed"; padding:8px 0; margin:5px 0 0; text-decoration:none; font-weight:400; text-shadow:1px 1px #383e45; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #menu2 a:hover { color:#fff; text-shadow:2px 1px #000 } #open1 { margin:20px auto 0; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open1-in { margin:0 auto; width:auto; height:auto; padding:10px; text-align:left; position:relative; min-height:auto } #open1-in-text { font-family:"Roboto"; float:none; width:auto; color:#2c2f34; font-weight:16px; line-height:26px; font-weight:300; padding:0; margin:0; padding-top:20px; padding-bottom:30px } #open1-in-text h2 { color:#4c545d; font-size:30px; font-weight:600; font-family:"Roboto Condensed"; padding:0; margin:0 } #mester1 { position:static; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6); display:block; width:auto; max-width:100%; height:auto; float:none } #button_more_png { opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #button_more_png:hover { opacity:.6; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #open-news { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none } #open-news-in { margin:0 auto; width:auto; height:auto; padding:40px 0; text-align:center; position:relative } #open-news-in .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } #open-news-in .title-hir-in { font-family:"Roboto"; font-size:28px; font-weight:600; padding:0 20px; color:#fff; background:none } #open-news-in .title-hir-in a { font-family:"Roboto Condensed"; font-size:28px; font-weight:600; color:#fff; text-decoration:none; padding:0 15px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open-news-in .title-hir2 { font-family:"Roboto"; font-size:16px; font-weight:200; padding:25px 0 40px; color:#fff; opacity:.8 } #open-news-in .box-left-hir { width:270px; height:400px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0; cursor:pointer } #open-news-in .box-left-hirkep,.box-left-hirkep img { width:270px; height:400px } #open-news-in .box-left-hir-in { padding:40px 0 0; color:#fff; text-align:left; background:url(../images/bg5.png) no-repeat center 0; width:100%; height:auto; position:absolute; bottom:0 } #open-news-in .box-left-hir-in .article_title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:18px; line-height:normal; padding:0 15px 15px } #open-news-in .box-left-hir-in .article_text { display:none; font-size:15px; color:#fff; padding:0 20px 20px; line-height:24px; transition:all 2s ease-in; -webkit-transition:all 2s ease-in; -moz-transition:all 2s ease-in; -o-transition:all 2s ease-in; -ms-transition:all 2s ease-in } #open-news-in .box-left-hir:hover .article_text { display:block } #open-news-in .button_news-png { margin-top:50px; opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #open-news-in .button_news-png:hover { opacity:.6; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear } #open-products { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open-products-in { margin:0 auto; width:auto; height:auto; padding:40px 0; text-align:center; position:relative } #open-products-in .title2 { width:100%; margin:0 auto; background:url(../images/line5.png) no-repeat center; text-align:center } #open-products-in .title2-in { font-family:"Roboto"; font-size:28px; font-weight:600; padding:0; color:#4c555e; background:none; text-align:center } #open-products-in .title2-in a { font-family:"Roboto Condensed"; font-size:28px; font-weight:600; color:#4c555e; text-decoration:none; padding:0; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open-products-in .i1-png { padding:30px 0 50px } #open-products-in .box-category { width:300px; height:221px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0 solid #eee; cursor:pointer; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } #open-products-in .box-category-in { color:#fff; text-align:left; background:url(../images/bg4.png) repeat-x top center; width:100%; padding:0; height:auto; position:absolute; bottom:0 } #open-products-in .box-category-title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:22px; line-height:normal; padding:20px; margin:0; float:left; display:block } #open-products-in .box-category-title2 { float:right; display:block; padding:20px 20px 0 0 } #open-games { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none } #open-games-in { margin:40px auto; width:auto; height:auto; padding:10px; text-align:center; position:relative } .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } .title-hir-in { font-family:"Roboto"; font-size:28px; font-weight:600; padding:0 20px; color:#fff; background:none } .title-hir-in a { font-family:"Roboto Condensed"; font-size:28px; font-weight:600; color:#fff; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } .title-hir2 { font-family:"Roboto"; font-size:16px; font-weight:200; padding:25px 0 40px; color:#fff; opacity:.8 } #nyeremenyjatek-png { float:left; margin-top:40px; width:25%; height:auto } #open-games-text { float:right; width:70%; color:#fff; font-size:16px; text-align:left; font-weight:300; margin-top:10px } #button_game_png { opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #button_game_png:hover { opacity:.6; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear } #open-social { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open-social-in { margin:0 auto; width:auto; height:auto; padding:40px 0; text-align:center; position:relative } #open-social-in .title3 { width:100%; margin:0 auto; background:url(../images/line4.png) no-repeat center } #open-social-in .title3-in { font-family:"Roboto"; font-size:28px; font-weight:600; padding:0 20px; color:#4c555e; background:none } #open-social-in .title3-in a { font-family:"Roboto Condensed"; font-size:28px; font-weight:600; color:#4c555e; text-decoration:none; padding:0 15px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } .i2-png { padding:30px 0 40px } #fb2 { float:none; width:auto; padding:10px; text-align:center; background:#fff } #yt2 { float:none; width:auto; padding:10px; text-align:center; background:#fff } #fb2 a,#yt2 a { font-family:"Roboto"; font-size:16px; font-weight:300; color:#2c2f34; text-decoration:none } #fb2 iframe { max-width:90% } #yt2 img { width:auto; height:auto; max-width:90% } #open2 { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none } #open2-in { margin:0 auto; width:auto; height:auto; padding:40px 0; text-align:center; position:relative } #open2-in .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } #open2-in .title-hir-in { font-family:"Roboto"; font-size:28px; font-weight:600; padding:0 20px; color:#fff; background:none } #open2-in .title-hir-in a { font-family:"Roboto Condensed"; font-size:28px; font-weight:600; color:#fff; text-decoration:none; padding:0 15px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open2-in #i3-png { padding:30px 0 40px } #open2-in .box-category { width:300px; height:221px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0 solid #eee; cursor:pointer; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in } #open2-in .box-category-in { color:#fff; text-align:left; background:url(../images/bg4.png) repeat-x top center; width:100%; padding:0; height:auto; position:absolute; bottom:0 } #open2-in .box-category-title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:22px; line-height:normal; padding:20px; margin:0; float:left; display:block } #open2-in .box-category-title2 { float:right; display:block; padding:20px 20px 0 0 } #open3 { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#fff } #open3-in { margin:0 auto; width:auto; height:auto; padding:40px 0; text-align:center; position:relative } #open3-in .title2 { width:100%; margin:0 auto; background:url(../images/line3.png) no-repeat center } #open3-in .title2-in { font-family:"Roboto"; font-size:28px; font-weight:600; padding:0 20px; color:#4c555e; background:none } #open3-in .title2-in a { font-family:"Roboto Condensed"; font-size:28px; font-weight:600; color:#4c555e; text-decoration:none; padding:0 15px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #open3-in .i1-png { padding:30px 0 40px } #open3-in .box-left { width:210px; height:auto; border:0; float:left; margin:11px; background:#fff; position:relative; text-align:left } #open3-in .box-leftkep,.box-leftkep img { width:210px; height:150px; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } #open3-in .box-left-in { padding:20px 0 0; color:#4c545d; line-height:28px; font-size:17px; font-weight:400 } #open3-in .box-left-in a { font-family:"Roboto Condensed"; text-decoration:none; color:#4c545d; font-weight:600; font-size:18px; line-height:normal } #open3-in .box-left-in a:hover { text-decoration:none; color:#2c2f34 } #open3-in .box-left-in .text { font-size:15px; font-weight:300; line-height:130%; padding-top:15px } #open-bottom { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:#f3f3f4 } #open-bottom-in { margin:0 auto; width:auto; height:auto; padding:10px 0; text-align:center; position:relative } #open-bottom-in img { width:auto; max-width:90%; height:auto; margin:9px; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #footer { margin:0 auto; width:100%; background:url(../images/bg-footer.jpg) repeat top center; border-top:7px solid #e0e0e1 } #footer-in { margin:0 auto; padding:20px 10px; width:auto; text-align:center } #footer-in .box { float:none; display:block; width:100%; text-align:left; color:#fff; font-size:14px; font-weight:400; text-decoration:none; text-transform:uppercase } #footer-in .box a { text-align:left; color:#fff; font-size:16px; font-weight:400; text-decoration:none; text-transform:uppercase } #footer-in .box1 { float:none; display:block; width:100%; padding:0; text-align:left; min-height:auto; line-height:30px } #footer-in .box1 .foot2 { line-height:20px } #footer-in .box2 { float:none; display:block; width:100%; border-left:1px solid #545659; padding:0; min-height:auto; line-height:30px; margin:0 } #footer-in .box3 { float:none; display:block; width:100%; padding:15px 0 } #footer .box-bottom { color:#e1e1e1; background-color:rgba(35,38,42,0.7); text-align:center; font-size:13px; padding:10px; font-weight:300; text-transform:uppercase } #footer .box-bottom a { color:#e1e1e1; text-align:center; font-size:13px; font-weight:300; text-decoration:none; text-transform:uppercase } #footer-in2 { background:#141414; padding:12px 20px; font-size:14px; color:#606060; margin-top:40px; text-transform:uppercase } #footer-in2 a { text-decoration:none; font-size:14px; color:#606060 } .footer-line { height:1px; background:#52a166; margin:40px 0 } .footer-box { width:350px; float:left; margin-right:40px; text-align:left; font-size:16px; color:#969696; line-height:30px; font-weight:300 } .footer-box a { text-align:left; font-size:16px; color:#969696; line-height:30px; text-decoration:none; font-weight:300 } .footer-box2 { margin-right:0; float:right } .footer-box2 img { padding-right:5px; opacity:1; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } .footer-box2 img:hover { opacity:.7; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } .footer-title { text-align:left; color:#fff; font-size:22px; font-weight:500; padding:0 0 25px; border-bottom:1px solid #343434; margin-bottom:25px; text-transform:uppercase; letter-spacing:1px } .products-title { width:auto; background:none; border:1px solid #ddd; padding:20px; margin:0 0 15px; font-size:22px; color:#2c3036; font-weight:700; text-decoration:none } .products-title a { color:#2c3036; text-decoration:none } .products-title a:link { color:#2c3036 } .products-title a:visited { color:#2c3036 } .products-title a:active { color:#2c3036 } .products-title a:hover { color:#2c3036; text-decoration:none } .products-list { width:284px; height:94px; margin-top:8px } .products-list2 { width:340px; height:auto; margin:0 0 15px; float:left; background:#fff; overflow:hidden } .products-list3 { width:305px; min-height:94px; height:auto; margin:5px 5px 0 0; float:left; background:#e4e5e7 } .list22 { float:left; width:195px; height:auto; padding:5px 10px 0; text-align:left; border:0 solid red } .termek_kep { float:left } .termek_kep,.termek_kep img { width:125px; height:170px } .list23 { float:left; width:225px; height:auto; padding:5px 5px 10px; text-align:left } .products-list-text { padding:2px 4px 0 5px; font-size:18px } .products-list-text a { text-decoration:none; font-size:21px } .products-list-text a:hover { text-decoration:none } .products-list-text a b { font-weight:500 } .products-list-text2 { line-height:19px; padding-top:3px } .products-list-text2 a { font-size:14px } #nav-box { text-align:left; color:#54575c; font-weight:400; font-size:12px; padding:0; margin:0 0 20px; text-transform:uppercase } #nav-box a { text-decoration:none; color:#54575c; font-weight:400 } #nav-box a:link { color:#54575c } #nav-box a:visited { color:#54575c } #nav-box a:active { color:#54575c } #nav-box a:hover { color:#54575c; text-decoration:none } .termek-almenu { width:100%; border:0; margin-bottom:30px } .termek-almenu a { float:left; padding:3px 15px; margin:0 5px 5px 0; border:1px solid #4c555e; color:#4c555e; text-decoration:none; font-size:15px } .termek-almenu a:hover { background:#3e464e; color:#fff } #termekh1 h1 { margin-bottom:0; padding-bottom:0 } .termek-site-kep { float:right; width:250px; text-align:center; border:0 solid red } .termek-site-kep img { width:220px } .termek-site-kep2 { float:right; width:500px; text-align:center; border:0 solid red } .termek-site-kep2 img { width:480px } .news-text-box-belso { float:left; width:340px; height:530px; margin:10px; font-size:15px; overflow:hidden; text-transform:none } .news-text-box-belso a { font-size:22px; text-decoration:None; color:#4c555e; line-height:normal; display:block; margin:15px 0 } .news-kep-belso { border:0 solid #eee; margin-bottom:10px } .news-kep-belso,.news-kep-belso img { width:340px; height:260px; border:0 } .news-text-in { text-transform:none } .table-title { background:#2c3036; color:#fff; padding:8px } .table-content { border:1px dotted silver; padding:8px } #article-lista { margin:0 auto; width:100%; height:auto; padding:0; text-align:left; background:none; background:#fff } #article-lista-in { margin:0 auto; width:auto; height:auto; padding:80px 0; text-align:left; position:relative } #article-lista-in h1 { margin:0 0 40px; padding:0 0 30px; color:#4c555e; font-size:48px; font-family:"Roboto Condensed"; font-weight:400; border-bottom:1px solid #dadada; line-height:normal } #article-lista-in .title-hir { width:100%; margin:0 auto; background:url(../images/line2.png) no-repeat center } #article-lista-in .title-hir-in { font-family:"Roboto"; font-size:36px; font-weight:600; padding:0 20px; color:#fff; background:none } #article-lista-in .title-hir-in a,#article-lista-in .title-hir-in h1 { font-family:"Roboto Condensed"; font-size:36px; font-weight:600; color:#fff; text-decoration:none; padding:0 30px; -webkit-background-size:auto; -moz-background-size:auto; -o-background-size:auto; background-size:auto } #article-lista-in .title-hir2 { font-family:"Roboto"; font-size:16px; font-weight:200; padding:25px 0 40px; color:#fff; opacity:.8 } #article-lista-in #i3-png { margin:20px auto 40px } #article-lista-in .box-left-hir { width:270px; height:400px; border:0; float:left; margin:10px; background:#f3f3f3; position:relative; border:0; cursor:pointer; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in; text-transform:none } #article-lista-in .box-left-hirkep,.box-left-hirkep img { width:270px; height:400px } #article-lista-in .box-left-hir-in { padding:20px 0 0; color:#fff; text-align:left; background:url(../images/bg5.png) no-repeat center 0; width:100%; height:auto; position:absolute; bottom:0 } #article-lista-in .box-left-hir-in .article_title { font-family:"Roboto Condensed"; text-decoration:none; color:#fff; font-weight:600; font-size:18px; line-height:normal; padding:0 20px 20px } #article-lista-in .box-left-hir-in .article_text { display:none; font-size:15px; color:#fff; padding:0 20px 20px; line-height:24px; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in } #article-lista-in .box-left-hir:hover .article_text { display:block; transition:all 1s ease-in; -webkit-transition:all 1s ease-in; -moz-transition:all 1s ease-in; -o-transition:all 1s ease-in; -ms-transition:all 1s ease-in } #img-hirek2 { float:right; width:auto; max-width:50%; height:auto; padding:0 0 30px 30px } .open-title2 { font-size:17px; font-weight:400; border-bottom:1px solid #ddd; padding:15px; margin-top:30px } #c2 { background:url(../images/bg.jpg) } #c3 { background:url(../images/bg-grey.jpg) no-repeat top center } #c3-in { margin-left:auto; margin-right:auto; width:auto; position:relative } #h1 h1 { text-align:right; color:#fff; font-size:25px; font-family:"Roboto Condensed"; padding:0; text-decoration:none; font-weight:300; padding:0; margin:40px 0 0 } #line-green { margin-left:auto; margin-right:auto; width:auto; height:7px; position:absolute; left:0; top:-3px } #open-bg { position:absolute; top:11px; width:auto; height:440px } #open-bg img { width:auto; height:440px } #open-menu { width:280px; position:absolute; top:0; left:20px; background:#1e6928 } #open-menu a { background:url(../images/bg_menu.jpg) no-repeat left bottom; display:block; color:#fff; font-size:22px; font-family:"Roboto Condensed"; padding:16px 10px 18px 20px; text-decoration:none; font-weight:100; border-bottom:1px solid #307539; letter-spacing:1px; -moz-transition:all 200ms linear; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear } #open-menu a:hover { background:#14491f; -moz-transition:all 200ms linear; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear } #content-open { margin:0 auto; width:auto; padding:0; text-align:left; background:#fff; color:#545554; line-height:23px } #content-open-inner { margin:0 auto; width:auto; padding:0; text-align:left; background:url(../images/green.jpg) no-repeat bottom right; min-height:400px } #content-open-inner2 { width:auto; font-size:17px; color:#1d1d1d; padding:40px 0; line-height:25px } #content-open-inner2 h1,#content-open-inner2 h2 { color:#ec2028; font-size:26px; font-family:"Roboto Condensed"; padding:0; text-decoration:none; font-weight:500; padding:0; margin:20px 0 } .i1 { margin:0 auto; text-align:Center; margin-bottom:45px } #content-service { margin:0 auto; width:100%; padding:0; text-align:left; background:#1d1d1d url(../images/bg-grey.jpg) no-repeat top center } #content-service-in { margin:0 auto; width:auto; padding:90px 0; text-align:left } #content-service-in .title-hir { color:#fff; font-size:44px; font-family:"Roboto"; text-decoration:none; font-weight:300; padding:0; margin:0 0 50px; text-align:Center } .box-left-service { width:370px; height:450px; border:0; float:left; margin:8px; background:#fff; position:relative; overflow:hidden } .box-left-servicekep .img { width:370px; height:200px } .box-left-servicekep { width:370px; height:200px; overflow:hidden } .b1-png { opacity:0; position:absolute; top:-200px; left:0; width:370px; height:200px; -moz-transition:150ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } .box-left-servicekep:hover .b1-png { width:370px; height:200px; top:0; opacity:1; -moz-transition:300ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } .box-left-service-in { padding:20px 25px; color:#1d1d1d; line-height:normal; font-size:18px; line-height:28px; font-weight:200 } .box-left-service-in a { font-family:"Roboto Condensed"; text-decoration:none; color:#216221; font-weight:600; font-size:28px; line-height:normal; letter-spacing:1px } .box-left-service-in a:hover { text-decoration:none; color:#278a41 } .box-left-service-in .text { line-height:130%; padding-top:0 } .button-service { opacity:1; position:absolute; bottom:0; right:0; width:40px; height:42px; -moz-transition:150ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } .button-service:hover { opacity:.8; position:absolute; bottom:0; right:0; width:40px; height:42px; -moz-transition:150ms ease; -webkit-transition:300ms ease; -o-transition:300ms ease; transition:300ms ease } #content-news { margin:0 auto; width:100%; padding:0; text-align:left; background:#f3f3f3 } #content-news-in { margin:0 auto; width:auto; padding:90px 0; text-align:left } #content-news .title-hir { color:#1d1d1d; font-size:44px; font-family:"Roboto"; text-decoration:none; font-weight:300; padding:0; margin:0 0 50px; text-align:Center } #content-news .title-hir a { color:#1d1d1d; font-size:44px; font-family:"Roboto"; text-decoration:none; font-weight:300; padding:0; text-align:Center } #lapozas { text-align:center; margin-top:30px } #lapozas a { font-family:"Roboto"; text-decoration:none; background:#fff; font-weight:300; font-size:18px; line-height:normal; padding:10px 16px; border:1px solid #ddd; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -o-transition:all 300ms linear; transition:all 300ms linear } #lapozas a:hover { background:#333; color:#fff } #contact { width:100%; background:url(../images/bg-quote.jpg) repeat center } #contact-in { display:block; text-align:center; border:0; width:1160px; margin-left:auto; margin-right:auto; padding:80px 0 } #contact-right { margin:0 auto; width:640px; text-align:center; color:#fff; font-size:20px; font-weight:300; text-transform:none; line-height:normal; line-height:30px } #contact-right h3#ajanlatkeres { font-family:"Roboto"; margin:0 0 10px; padding:0; color:#fff; font-size:40px; text-transform:none; line-height:normal; letter-spacing:0; border:0; font-weight:300 } #contact-right b { margin:20px 0; padding:0; color:#fff; font-size:17px; font-weight:200; text-transform:none; line-height:normal; letter-spacing:0; border:0 } .input_ajanlat2 { border:#bbb 0 solid; padding:10px 8px; margin-left:0; color:#212121; background:#fff; font-size:16px; width:300px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; float:left; display:block; margin-bottom:12px; line-height:normal; font-family:"Roboto Condensed"; font-weight:400 } .input_ajanlat3 { width:624px; height:140px } .input_ajanlat4 { float:right } .button_ajanlat { background:#ec2028; border:0; font-size:20px; margin:10px 0 0; color:#fff; padding:12px 12px 10px; cursor:pointer; letter-spacing:1px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px } .button_ajanlat:hover { background:#1d1d1d; color:#fff; border:0 } #content-green { width:100%; background:url(../images/bg-green.jpg) repeat center } #content-green-in { display:block; text-align:center; border:0; width:1160px; margin-left:auto; margin-right:auto; padding:40px 0 } #content-green-left { float:left } #content-green-left iframe { width:500px; height:230px } #content-green-left .title { text-align:left; color:#fff; font-size:25px; font-weight:300; padding-bottom:20px } #content-green-right { float:right; width:580px; text-align:left; color:#fff; font-size:16px; font-weight:300; text-transform:none; line-height:normal; line-height:28px } #content-green-right .title { text-align:left; color:#fff; font-size:25px; font-weight:300; padding-bottom:20px; border-bottom:1px solid #83a07c; margin-bottom:30px } .content-green-right1 { float:left; width:170px; padding-right:20px; color:#fff; font-size:16px; font-weight:300 } .content-green-right1 a { color:#fff; font-size:16px; font-weight:300; text-decoration:none } .content-green-right1 b { display:block; margin:0 0 10px; padding:0; color:#fff; font-size:21px; font-weight:500; text-transform:none; line-height:normal; letter-spacing:0; border:0 } #content-oldalsav { margin:40px auto; display:block; width:auto; background:#fff; height:auto; min-height:300px } #content-oldalsav h1 { margin:0 0 40px; padding:0 0 30px; color:#4c555e; font-size:48px; font-family:"Roboto Condensed"; font-weight:400; border-bottom:1px solid #dadada; line-height:normal } #content-oldalsav h2 { margin:0; padding:0; color:#444; font-size:20px; font-family:"Roboto Condensed"; font-weight:500 } #content-inner-oldalsav { padding:50px 40px; width:830px; float:left; word-wrap:break-word } #oldalsav { width:230px; float:right; background:#f1f1f1; padding:10px } #oldalsav img { width:200px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px } #content { margin:0 auto; display:block; width:auto; background:#fff; padding:20px 10px; height:auto; min-height:300px; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.6); box-shadow:0 0 11px -4px rgba(0,0,0,0.6) } #content h1 { margin:0 0 40px; padding:0 0 30px; color:#4c555e; font-size:48px; font-family:"Roboto Condensed"; font-weight:400; border-bottom:1px solid #dadada; line-height:normal } #content h2 { margin:20px 0; padding:0; color:#4c555e; font-size:19px; font-family:"Roboto Condensed"; font-weight:600 } ul.almenu { padding:0; margin:0 auto; width:100% } li.almenu0 { list-style:none; background:#257232; margin-top:1px } li.almenu0 a { color:#fff; text-decoration:none; padding:12px 20px; display:block; font-size:20px } li.almenu1 { list-style:none; background:#ddd; margin-left:20px; margin-top:1px } li.almenu1 a { color:#111; text-decoration:none; padding:12px 20px; display:block; font-size:18px } li.almenu2 { list-style:none; background:#ededed; margin-left:40px; margin-top:1px } li.almenu2 a { color:#111; text-decoration:none; padding:12px 20px; display:block; font-size:18px } li.almenu3 { list-style:none; padding-left:60px } .img-hirek2 { max-width:70%; padding:20px 0 } .alignleft { float:left; padding:10px } .galerialista { float:left; width:330px; height:auto; margin-right:45px; margin-bottom:50px; color:#595a58; border-bottom:1px solid #d5d5d5 } .galerialista2 { margin-right:0 } .galerialista-text { padding:15px 0; height:90px; line-height:normal } .galerialista-text a { color:#278a41; font-size:18px; text-decoration:none } .galerialista-text a:hover { color:#2d2d2d; font-size:18px; text-decoration:none } .galerialista-kep { width:330px; height:209px } .galeria-inner { width:250px; height:160px; float:left; margin:10px } .galeria-inner img { width:250px; height:160px } .galeria-inner2 { margin-right:0 } .mobil-galeria-inner { display:none } .img1 { margin:0; background:#f1f1f1; padding:10px 0; text-align:center; height:auto } .img2 { margin:0; border-top:2px solid #fff; background:#f1f1f1; padding:5px 0; text-align:center; height:auto } .img2 img { height:100px; padding:5px } .title1 { background:#278a41; color:#fff; font-size:18px; padding:10px 15px; margin-top:10px; letter-spacing:1px; font-family:"Roboto Condensed"; font-weight:300 } .leiras1 { border-bottom:1px solid #d7d7d7; padding:15px } .bg_main { background:#5b5b5b; color:#fff; font-size:15px; padding:10px 15px; margin-top:10px } .bg_main0 { padding:12px 8px; text-align:center; border-bottom:1px solid #ddd } .bg_main1 { padding:8px; text-align:center; background:#f1f1f1; border-bottom:1px solid #ddd } .button1 { background:#f68121; padding:10px 20px; text-align:center; color:#fff; font-size:17px; text-decoration:none; font-weight:500; display:block; width:360px; margin:0 auto } .button1:hover { background:#dc7017 } div.sep { height:1px; display:block; clear:both; margin:auto } div.sep5 { height:5px; display:block; clear:both; margin:auto } div.sep10 { height:10px; display:block; clear:both; margin:auto } div.sep15 { height:15px; display:block; clear:both; margin:auto } div.sep20 { height:20px; display:block; clear:both; margin:auto } div.sep25 { height:25px; display:block; clear:both; margin:auto } .alignright { float:right; padding:8px } .alignleft { float:left; padding:8px } .caption { border:0 solid red; float:right; display:block; text-align:Center; background:#eee; padding:10px; margin:0 0 10px 10px; width:150px; font-size:12px; line-height:normal; overflow:hidden } .caption img { display:block; text-align:Center; max-width:100%; height:auto; padding-bottom:5px } .aligncenter { display:block; clear:both; margin:10px auto } #m { position:fixed; right:5px; bottom:5px } #mobile-header,#open-bg-image-mobile { display:none } #team-desktop { display:block } #team-mobil { display:none } .contact1 { float:left; width:43%; padding:2%; margin:0 2% 2% 0; border:1px solid #eee; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#4c555e; min-height:110px; font-weight:300; font-size:15px; background:#fff url(../images/bg7.jpg) no-repeat top right; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } .contact1 b { padding:0 0 12px; display:block; font-size:19px; font-weight:500 } .contact1 h4 { padding:0; margin:0; display:inline; font-size:15px; font-weight:500 } .contact1 a { color:#4c555e; font-weight:300; text-decoration:None; border-bottom:1px solid #bbb } .contact2 { background:#fff } .contact3 { padding:0; width:31%; height:153px } .contact3 iframe { height:153px } .contact11, .sep10-none { display:none; } .title2 { width:100%; margin:70px auto 50px; background:url(../images/line7.jpg) no-repeat center; text-align:center } .title2-in { font-family:"Roboto Condensed"; font-size:25px; font-weight:500; padding:0; color:#4c555e; background:none; text-align:center } .title2-in b { font-family:"Roboto Condensed"; font-size:25px; font-weight:500; padding:5px 30px; color:#4c555e; background:none; text-align:center; background:#efefef; background:#fff; border:1px solid #e7e8ea; border-top:0; border-bottom:0 } .title3 { margin:70px auto 20px } #gallery ul { list-style:none; display:inline } #gallery ul li { display:inline; text-align:center } } @media screen and (max-width: 750px) { .news-text-box-belso { float:none; margin:0 auto 15px; height:Auto } .products-list2 { width:340px; height:210px; margin:0 auto 15px; float:none; background:#fff; overflow:hidden } .mobile2-in { float:none; margin:0; width:100% } } @media screen and (max-width: 850px) { .contact-box { float:none; width:100%; height:auto; padding:0; margin:0 0 0 0; } .contact1 { float:none; width:auto; padding:10px; margin:0 0 10px; border:1px solid #eee; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#4c555e; min-height:110px; font-weight:300; font-size:15px; background:#fff url(../images/bg7.jpg) no-repeat top right; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } .contact1 b { padding:0 0 12px; display:block; font-size:19px; font-weight:500 } .contact1 h4 { padding:0; margin:0; display:inline; font-size:15px; font-weight:500 } .contact1 a { color:#4c555e; font-weight:300; text-decoration:None; border-bottom:1px solid #bbb } .contact2 { background:#fff } .contact3 { padding:0; width:auto; height:153px } .contact3 iframe { height:153px } .contact12 { aspect-ratio: auto; float:none; width:auto; padding:10px 10px 15px 10px; margin:0 0 10px; border:1px solid #eee; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#4c555e; min-height:110px; font-weight:300; font-size:15px; background:#fff url(../images/bg7.jpg) no-repeat top right; -webkit-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); -moz-box-shadow:0 0 11px -4px rgba(0,0,0,0.2); box-shadow:0 0 11px -4px rgba(0,0,0,0.2) } .bg_green12 { border-left:5px solid #19a851; } .bg_red12 { border-left:5px solid #ff3333; } .bg_blue12 { border-left:5px solid #19b1e4; } .bg_green13 { border-left:5px solid #39e17b} .bg_blue13 { border-left:5px solid #8ce2ff; } .contact12 b { padding:5px 0 12px 0; display:block; font-size:19px; font-weight:500 } .contact12 h4 { text-align:left; padding:10px 0 0px 0; margin:0; display:block; font-size:15px; font-weight:500 } } @media screen and (max-width: 650px) { #open-news-in .box-left-hir,#open-products-in .box-category,#open2-in .box-category { float:none; margin:0 auto 15px } } @media screen and (max-width: 500px) { #header { margin-left:auto; margin-right:auto; width:auto; padding:0; text-align:left; color:#737373; font-size:16px; font-family:"Roboto Condensed"; height:auto; position:relative; height:auto } #logo1 { position:static; width:160px; height:Auto } #open3-in .box-left { float:none; margin:0 auto 15px } } @media screen and (max-width: 400px) { .news-text-box-belso { float:none; margin:0 auto 15px; width:300px; height:auto; font-size:15px; overflow:hidden; text-transform:none } .news-kep-belso,.news-kep-belso img { width:300px; height:229px; border:0 } #nyer-kep { width:auto; max-width:100%; height:auto; float:none } } #palyazatok1 { position:fixed; left:1px; bottom:1px; z-index:9999999999; width:250px; } #palyazatok1 img { width:100%; -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.6); } #palyazatok2 { display:block; text-decoration:none; text-align:center; margin:0 auto 7px 0; width:15px; padding:0px 4px; border:0px solid #ccc; background:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size:13px; -webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.6); box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.6); } @media screen and (max-width: 600px) { #palyazatok1 { width:200px; } } @media screen and (max-width: 500px) { .title2-in { font-family:"Roboto Condensed"; font-size:25px; font-weight:500; padding:0; color:#4c555e; background:none; text-align:center } .title2-in b { font-family:"Roboto Condensed"; font-size:20px; font-weight:500; padding:5px 30px; color:#4c555e; background:none; text-align:center; background:#efefef; background:#fff; border:1px solid #e7e8ea; border-top:0; border-bottom:0 } }