body {background-color: white; margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; position: relative; text-rendering: optimizeLegibility;} img {border: 0;} ul {margin: 0; padding: 0; list-style-type: none;} li , h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;} a {text-decoration: none;} input[type=submit] {cursor: pointer;} #body {position: relative; margin: 0 auto;} #body_div {position: relative;} #header {position: relative; height: 70px;} #header_fix {position: fixed; top: 0; left: 0; width: 100%; min-width: 1200px; z-index: 99; color: #4A4A4A; font-size: 11px;} #header_fix .top {background-color: white; padding: 10px 0;} #header_fix .header_inner {width: 1200px; margin: 0 auto;} #header_fix .menu {background-color: black;} #header_fix #logo {display: block; position: relative; z-index: 99;} #header_fix #logo #logo1 {position: absolute; top: -40px; left: 0px;} #header_fix #logo #logo2 {position: absolute; top: 0px;} #header_fix .lang {float: right; padding: 6px;} #header_fix .lang a {color: #FDE000; display: block; padding: 5px; float: right;} #header_fix .lang a.active {font-weight: bold;} #header_fix nav {float: right;} #header_fix ul {} #header_fix ul li {float: right;} #header_fix ul li span {display: block; color: white; font-weight: bold; font-size: 10px; line-height: 20px; height: 20px; padding: 9px 0;} #header_fix ul li a {display: block; height: 18px; color: white; font-weight: normal; font-size: 12px; padding: 10px 20px; position: relative; background-color: black;} #header_fix ul li a:hover {color: #ffdf00;} #header_fix ul li a.active {color: #ffdf00;} #header_fix ul li a.active:after {position: absolute; top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 5px; margin-left: -5px; outline: none;} #container {position: relative;} #content {position: relative;} .slide {position: relative; min-width: 1200px;} .inner {width: 1000px; margin: 0 auto;} /* elso slide */ .first_slide {} .first_slide .images {} .first_slide .slideshow {position: relative; width: 100%; height: 700px; overflow: hidden;} .first_slide .images img {display: none; width: 100%; position: absolute; top: 0px; left: 0px;} .first_slide .images img.active {display: block;} .first_slide .small_text {position: relative; z-index: 10; background-image: url('../images/first_slide_bg.jpg');} .first_slide .small_text .inner {padding: 20px 0;} .first_slide .small_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} .first_slide .small_text p {color: #010000; line-height: 22px; padding: 0 20px 0 20px;} .first_slide .big_text {display: none; background-color: #88A3BE; position: relative; z-index: 5;} .first_slide .big_text .inner {padding: 20px 0;} .first_slide .big_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} .first_slide .big_text p {color: #010000; line-height: 18px;} .first_slide .big_text a {background-color:#000; color:#FFF; padding: 0 5px; display: inline-block;} .first_slide .big_text a:hover {text-decoration: none;} .first_slide .big_text .float_left {width: 450px; margin-right: 30px; padding-left: 10px;} .first_slide .big_text .float_right {width: 500px; margin-right: 10px;} .first_slide .big_text .float_right .slideshow {background-color: white; position: relative; margin-bottom: 20px; height: 380px;} .first_slide .big_text .float_right .slideshow img {position: absolute; top: 10px; left: 10px; display: none;} .first_slide .big_text .float_right .slideshow img.active {display: block;} .first_slide .big_text .float_right .slideshow_pucuka {text-align: center;} .first_slide .big_text .float_right .slideshow_pucuka span {display: inline-block; font-weight: bold; font-size: 24px; line-height: 16px; cursor: pointer; padding: 0 2px; color: #CEDBE4;} .first_slide .big_text .float_right .slideshow_pucuka span.active {color: #597BA1;} .bigtextClose {position: absolute; top: 20px; right: 40px; color: black; font-size: 18px; cursor: pointer; text-align: center; padding: 5px 20px; font-weight: bold; background-color: white; text-transform: uppercase;} /* masodik slide */ #konyhatechnologia {} #termek_slides {position: relative; overflow: hidden;} #second_slide {position: relative; width: 100%; height: 640px; overflow: hidden;} #second_slide.images img {display: none; width: 100%; position: absolute; top: 0px; left: 0px;} #second_slide.images img.active {display: block;} #second_slide .slideshow_pucuka {position: absolute; bottom: 20px; left: 70px;} #second_slide .slideshow_pucuka span {display: inline-block; font-weight: bold; font-size: 24px; line-height: 16px; cursor: pointer; padding: 0 2px; color: black;} #second_slide .slideshow_pucuka span.active {color: #FFDF00;} #second_slide .slideshow_arrow {position: absolute; top: 40%; background-color: black; background-repeat: no-repeat; background-position: center center; width: 50px; height: 80px;} #second_slide .slideshow_arrow.left {border-radius: 0 4px 4px 0; background-image: url('../images/termek_arrow_left.jpg'); cursor: pointer; left: 0px;} #second_slide .slideshow_arrow.right {border-radius: 4px 0 0 4px; background-image: url('../images/termek_arrow_right.jpg'); cursor: pointer; right: 0px;} #second_slide .slideshow_arrow:hover {position: absolute; top: 40%; background-color: white;} #second_slide .slideshow_arrow.left:hover {background-image: url('../images/termek_arrow_left_white.jpg')} #second_slide .slideshow_arrow.right:hover {background-image: url('../images/termek_arrow_right_white.jpg');} #termek_text {position: absolute; /*top: 490px;*/ bottom: -1360px; width: 100%; background-color: rgba(0,0,0,0.9); padding-bottom: 700px;} #termek_text .top {padding: 20px; height: 138px; padding: 20px;} #termek_text .top .float_left {width: 440px;} #termek_text .top .float_left.second {margin-left: 80px;} #termek_text .top .float_left h4 {font-size: 14px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase;} #termek_text .top .float_left h4 a {color: white;} #termek_text .top .float_left h4 a span {display: block; margin-top: 2px; float: left; margin-right: 10px; width: 20px; height: 20px; background-color: #FFDF00; background-repeat: no-repeat; background-position: center center; background-image: url('../images/small_black_arrow.jpg'); margin-bottom: 20px;} #termek_text .top .float_left h4 a:hover {color: #FFDF00;} #termek_text .top .float_left p {color: #e2c39d; font-size: 10px; line-height: 13px; padding-left: 31px;} #termek_text .termek_content {position: relative; padding: 20px;} #termek_text .termek_content .termekClose {position: absolute; top: 20px; right: -40px; color: black; font-size: 18px; cursor: pointer; text-align: center; padding: 5px 20px; font-weight: bold; background-color: white; text-transform: uppercase;} #termek_texts {background-color: white; padding: 40px 40px 0px; height: 560px; overflow: hidden; position: relative;} #termek_texts .box {display: none; height: 500px; overflow: hidden; margin-bottom: 10px; position: absolute; top: 40px; left: 40px;} #termek_texts .box.active {display: block;} #termek_texts .box .text {width: 450px; margin-right: 30px;} #termek_texts .box .text a {background-color:#000; color:#FFF; padding: 0 5px; display: inline-block;} #termek_texts .box .text a:hover {color:#FFDF00;} #termek_texts .box .img {} #termek_texts h3 {font-size: 34px; color: black; padding-bottom: 13px; border-bottom: 1px dotted grey; margin-bottom: 20px;} #termek_texts p {line-height: 18px;} #termek_texts img {display: block; border: 1px solid #C7BFB7;} #termek_texts .slideshow_pucuka {position: absolute; bottom: 20px; left: 0px; width: 100%; text-align: center;} #termek_texts .slideshow_pucuka span {display: inline-block; font-weight: bold; font-size: 32px; line-height: 24px; cursor: pointer; padding: 0 2px; color: black;} #termek_texts .slideshow_pucuka span.active {color: #FFDF00;} #termek_texts .slideshow_arrow {position: absolute; bottom: 20px; font-size: 14px; display: block; padding: 4px 10px; cursor: pointer;} #termek_texts .slideshow_arrow span {font-size: 22px; line-height: 16px; vertical-align: top;} #termek_texts .slideshow_arrow.left {left: 10px;} #termek_texts .slideshow_arrow.left span {display: inline-block; margin-right: 5px;} #termek_texts .slideshow_arrow.right {right: 10px;} #termek_texts .slideshow_arrow.right span {display: inline-block; margin-left: 5px;} #termek_texts .slideshow_arrow:hover {background-color: black; color: white;} /* harmadik slide */ #termekeink .small_text {background-color: white; position: relative; z-index: 10;} #termekeink .small_text .inner {padding: 20px 0;} #termekeink .small_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} #termekeink .small_text p {color: #010000; line-height: 22px;} #termekeink .big_text {display: none; background-color: #88A3BE; position: relative; z-index: 5;} #termekeink .big_text .inner {padding: 20px 0;} #termekeink .big_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} #termekeink .big_text p {color: #010000; line-height: 22px;} #termekeink .big_text .float_left {width: 450px; margin-right: 30px; padding-left: 10px;} #termekeink .big_text .float_right {width: 500px; margin-right: 10px;} #termekeink .big_text .float_right .slideshow {background-color: white; position: relative; margin-bottom: 20px; height: 380px;} #termekeink .big_text .float_right .slideshow img {position: absolute; top: 10px; left: 10px; display: none;} #termekeink .big_text .float_right .slideshow img.active {display: block;} #termekeink .big_text .float_right .slideshow_pucuka {text-align: center;} #termekeink .big_text .float_right .slideshow_pucuka span {display: inline-block; font-weight: bold; font-size: 24px; line-height: 16px; cursor: pointer; padding: 0 2px; color: #CEDBE4;} #termekeink .big_text .float_right .slideshow_pucuka span.active {color: #597BA1;} #termekeink .boxes {position: relative; z-index: 10;} #termekeink .boxes .inner {padding: 20px 0;} #termekeink .boxes .box {opacity: 0.9; width: 302px; float: left; margin: 0 15px 40px 16px;} #termekeink .boxes .box:hover {opacity: 1;} #termekeink .boxes .box .img {margin-bottom: 20px;} #termekeink .boxes .box .img a {display: block; outline: none;} #termekeink .boxes .box .img img {display: block; border: 1px solid #B7B8BD;} #termekeink .boxes .box .text {text-align: left;} #termekeink .boxes .box .text h3 {} #termekeink .boxes .box .text h3 a {color: #3C332A; text-transform: uppercase; font-weight: bold; font-size: 17px;} #termekeink .boxes .box .text h3 a:hover {color: black;} #termekeink .boxes .box .text .small {color: #C2C2C2; margin-bottom: 10px;} #termekeink .boxes .box .text p {line-height: 18px;} #termekeink .boxes .box.small {width: 219px;} #termekeink .boxes .box.small img {width: 100% !important; height: auto !important;} /* negyedik slide */ #beszallitoink .small_text {background-color: #CBD7E5; position: relative; z-index: 5;} #beszallitoink .small_text .inner {padding: 20px 0;} #beszallitoink .small_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} #beszallitoink .small_text p {color: #010000; line-height: 22px;} #beszallitoink .big_text {display: none; background-color: #88A3BE; position: relative; z-index: 5;} #beszallitoink .big_text .inner {padding: 20px 0;} #beszallitoink .big_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} #beszallitoink .big_text p {color: #010000; line-height: 22px;} #beszallitoink .boxes {background-color: #CBD7E5; position: relative;} #beszallitoink .boxes .inner {padding: 20px 0;} #beszallitoink .boxes .box {opacity: 0.9; width: 302px; float: left; margin: 0 15px 40px 16px;} #beszallitoink .boxes .box:hover {opacity: 1;} #beszallitoink .boxes .box .img {margin-bottom: 20px;} #beszallitoink .boxes .box .img a {display: block;} #beszallitoink .boxes .box .img img {display: block; border: 1px solid #B7B8BD;} #beszallitoink .boxes .box .text {text-align: center;} #beszallitoink .boxes .box .text h3 {} #beszallitoink .boxes .box .text h3 a {color: #3C332A; text-transform: uppercase; font-weight: bold; font-size: 17px;} #beszallitoink .boxes .box .text h3 a:hover {color: black;} #beszallitoink .boxes .box .text .small {color: #686868; margin-bottom: 10px;} #beszallitoink .boxes .box .text p {line-height: 18px;} #beszallitoink .list {background-color: #CBD7E5; position: relative; z-index: 10;} #beszallitoink .list .inner {padding: 20px 0;} #beszallitoink .list .item {width: 318px; float: left; margin: 0 0 15px 15px; opacity: 0.9;} #beszallitoink .list .item:hover {opacity: 1;} #beszallitoink .list .item .img {float: left; width: 77px; margin-right: 10px;} #beszallitoink .list .item .img a {display: block;} #beszallitoink .list .item .img img {display: block; border: 1px solid #B7B8BD;} #beszallitoink .list .item .text {float: left; width: 231px;} #beszallitoink .list .item .text h3 {padding-top: 3px;} #beszallitoink .list .item .text h3 a {color: #3C332A; text-transform: uppercase; font-weight: bold; font-size: 17px;} #beszallitoink .list .item .text h3 a:hover {color: black;} #beszallitoink .list .item .text .small {color: #686868;} /* otodik slide */ #kapcsolat .big_text {background-color: white; position: relative; z-index: 5;} #kapcsolat .big_text .inner {padding: 20px 0;} #kapcsolat .big_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} #kapcsolat .big_text p {color: #010000; line-height: 22px;} #kapcsolat .big_text .float_left {width: 450px; margin-right: 30px; padding-left: 10px;} #kapcsolat .big_text .float_right {width: 500px; margin-right: 10px;} #kapcsolat .big_text .float_right .slideshow {background-color: white; position: relative; margin-bottom: 20px; height: 380px;} #kapcsolat .big_text .float_right .slideshow img {position: absolute; top: 10px; left: 10px; display: none;} #kapcsolat .big_text .float_right .slideshow img.active {display: block;} #kapcsolat .big_text .float_right .slideshow_pucuka {text-align: center;} #kapcsolat .big_text .float_right .slideshow_pucuka span {display: inline-block; font-weight: bold; font-size: 24px; line-height: 16px; cursor: pointer; padding: 0 2px; color: #CEDBE4;} #kapcsolat .big_text .float_right .slideshow_pucuka span.active {color: #597BA1;} /* hatodik slide */ #allas {background-color: #CBD7E5;} #allas .inner {position: relative;} #allas .small_text .inner {padding: 20px 0;} #allas .small_text h2 {display: inline-block; color: #010000; font-size: 30px; padding: 0 40px 20px; border-bottom: 1px dotted grey; margin-bottom: 15px;} #allas .small_text p {color: #010000; line-height: 22px;} #allas .big_text .slideshow {background-color: #CBD7E5; position: relative; height: 560px;} #allas .big_text .slideshow .box {position: absolute; top: 0; left: 0; display: none; width: 80%; padding: 0 10%;} #allas .big_text .slideshow .box.active {display: block;} #allas .big_text .slideshow .box .float_left, #allas .big_text .slideshow .box .float_right {width: 40%; margin-right: 10%;} #allas .big_text .slideshow .box h3 {display: block; color: #010000; font-size: 30px; padding: 0 0 20px;} #allas .big_text .slideshow .box h4 {display: block; color: #7C93B5; font-size: 16px; font-weight: normal;} #allas .big_text .slideshow .box p {margin: 20px 0;} #allas .big_text .slideshow .box ul {list-style-type: disc; margin: 10px 0 10px 15px; width: 100%;} #allas .big_text .slideshow .box ul li {padding: 2px 0 2px 10px;} #allas .big_text .slideshow_pucuka {text-align: center;} #allas .big_text .slideshow_pucuka span {display: inline-block; font-weight: bold; font-size: 24px; line-height: 16px; cursor: pointer; padding: 0 2px; color: #CEDBE4;} #allas .big_text .slideshow_pucuka span.active {color: #597BA1;} #allas .slideshow_arrow {position: absolute; top: 50%; margin-top: -90px; display: block; width: 30px; height: 90px; cursor: pointer; background-repeat: no-repeat;} #allas .slideshow_arrow.left {left: 0; background-image: url('../images/allas_left.png');} #allas .slideshow_arrow.right {right: 0; background-image: url('../images/allas_left.png'); transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);} #allas .slideshow_arrow:hover {} .bovebben {background-color: black; color: #DDDDDD; font-size: 14px; display: inline-block; padding: 10px 20px; cursor: pointer;} .bovebben:hover {color: white;} .bottom_sraff {position: absolute; bottom: -4px; left: 0px; width: 100%; height: 4px; background-position: top center; background-repeat: repeat-x;} .bottom_sraff.lightblue {background-image: url('../images/sraff_lightblue.png');} .bottom_sraff.blue {background-image: url('../images/sraff_blue.png');} .bottom_sraff.white {background-image: url('../images/sraff_white.png');} #footer {position: relative; color: #757575; background-color: black; padding-top: 2px; width: 100%; min-width: 1200px;} .footer_inner {width: 1200px; border-top: 1px dashed #262626; margin: 0 auto;} .footer_inner .float_left {padding: 10px;} .footer_inner .float_right {} .footer_inner .float_right nav {display: inline-block;} .footer_inner .float_right ul {} .footer_inner .float_right ul li {float: right;} .footer_inner .float_right ul li span {display: block; font-weight: bold; padding: 10px; height: 16px; line-height: 16px; font-size: 8px;} .footer_inner .float_right ul li a {display: block; color: #757575; font-weight: normal; padding: 10px; height: 16px;} .footer_inner .float_right ul li a:hover {} .footer_inner .float_right ul li a.active {background-color: #262626;} .footer_inner .float_right .groteszk {vertical-align: top; display: inline-block; padding-top: 10px;} .footer_inner .float_right .groteszk a {color: #757575;} .footer_inner .float_right .groteszk img {margin-bottom: -2px;} #body.animated {margin-top: -10000px;} #body.animated #header_fix {display: none;} .email {color: black; text-decoration: underline;} .email:hover {text-decoration: none;} .getMap {cursor: pointer;} /* alap */ .clear, .c {float: none !important; clear: both;} .float_left {float: left;} .float_right {float: right;} .noborder {border: 0;} .nomargin {margin: 0;} .nopadding {padding: 0;} .center {text-align: center;} .justify {text-align: justify;} .left {text-align: left;} .right {text-align: right;} .normal {font-weight: normal;} .bold {font-weight: bold;} .italic {font-style: italic;} .normal, .n {font-weight: normal;} .bold, .b {font-weight: bold;} .italic, .i {font-style: italic;} .underline, .u {text-decoration: underline;} .strike, .s {text-decoration: line-through;} .relative {position: relative;} .absolute {position: absolute;} .fixed {position: fixed;} .hidden {overflow: hidden;} .transitions {-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .disabled {background-color: #DDD; color: #555; font-style: italic;} #ie_frissites {background-color: #F9E4E4; height: 65px; padding: 5px; font-size: 11px; font-weight: bold; border: 1px solid #B30505; color: #B30505; text-align: center;} #ie_frissites a {color: #B30505;} .error_query {padding: 10px; text-align: center; margin-bottom: 10px; color: #971805; background-color: #F38989; font-weight: bold; border-radius: 4px;} .success_query {padding: 10px; text-align: center; margin-bottom: 10px; color: #085908; background-color: #DFF3CE; font-weight: bold; border-radius: 4px;} .mobile_menu {display: none;}