body {background: #ccc; color: #fff; font-family: 'Lato',Arial, Helvetica, sans-serif; margin:0;}
section.main, header, footer {float: left; width: 100%}
footer {float: left; width: 100%; position: relative; z-index: 10}
header nav,
section.main article,
footer article {width: 100%; margin: 0 auto}
.clearfix{ clear: both; }

.big-image {position: relative;line-height:0;}
.big-image img {width: 100%; text-align: center;}
.big-image-text-kont { color: #fff;  position: absolute; top:30%
    ; left: 17%; text-align: center; width: 66%; text-shadow: 0 0 15px #000  }
.big-image-text-kont a { text-decoration: none; color: #fff;text-shadow: 0 0 5px #444;}
.big-image-text-kont h1 { font-weight: 900; font-size: 90px; font-family: 'Lato',Arial, Helvetica, sans-serif; margin-top: 0; text-shadow: 0 0 25px #444; margin-bottom:25px;}
.big-image-text-kont .megnezem { background: url(/opel/img/opel-ref-megnezem.png) no-repeat; width:153px; height:35px; display: block;  }


.refpage-top {float: left; width: 100%; max-height: 670px; position: relative;}
.refpage-top img {/*height: 570px;*/ width:100%;}
.refpage-top .lapozokont {position: absolute; left: 0; top: 300px; width: 100%; float: left; height: 40px}
.refpage-top .lapozokont a {display: block; width: 40px; height: 40px; background: #fff}
.refpage-top .lapozokont .lapozo-prevlink {float: left; background: url(/opel/img/opel-ref-prev.png) no-repeat; width: 66px; height: 100px; display: block;}
.refpage-top .lapozokont .lapozo-nextlink {float: right; background: url(/opel/img/opel-ref-next.png) no-repeat; width: 66px; height: 100px; display: block;}

.text-and-slides {float: left; width: 100%;}
.text-and-slides .text-content {float: left; width: 50%; background: #fff;  font-family: 'Lato',Arial, Helvetica, sans-serif; color: #000; min-height: 535px; position: relative; }
.text-and-slides .text-content .padding {padding: 60px 90px 30px 70px; }
.text-and-slides .text-content .padding .title { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding: 15px 0; margin-bottom: 35px; }
.text-and-slides .text-content .padding .title p {margin: 0; font-size: 13px;}
.text-and-slides .text-content .padding .title p span {font-size: 10px; padding-right: 50px; text-transform: uppercase}
.text-and-slides .text-content .padding .desc {font-size: 13px;line-height:18px;}
.text-and-slides .slidedisplay-kont {float: left; width: 50%;}
.text-and-slides .slidedisplay-kont .slidedisplay {float: left; z-index: 0; width: 100%; position: relative; }
.text-and-slides .slidedisplay-kont .slidedisplay img {float: left; width: 100%; position: absolute;left: 0; top: 0}

.thumbnails-kont {float: left; width: 100%; position: relative}
.thumbnails-kont .thumbnails-carousel {float: left; width: 100%;}
.thumbnails-kont .thumbnails-carousel img {cursor: pointer}
.thumbnails-kont .thumb-pager-kont {position: absolute; width: 100%; bottom: -120px; float: left}
.thumbnails-kont .thumb-pager-kont a {width: 40px; height: 40px; display: block; background: #fff; z-index: 0; position: relative; bottom: 130px}
.thumbnails-kont .thumb-pager-kont #thumb_prev {float: left; background: url(/opel/img/opel-ref-prev.png) no-repeat; width: 66px; height: 100px; display: block;}
.thumbnails-kont .thumb-pager-kont #thumb_next {float: right; background: url(/opel/img/opel-ref-next.png) no-repeat; width: 66px; height: 100px; display: block;}

.titlehtml-kont {color: #fff;  position: absolute; top:140px; left: 17%; text-align: center; width: 66%; text-shadow: 0 0 15px #000  }
.titlehtml-kont h1 { font-weight: 900; font-size: 60px; font-family: 'Lato',Arial, Helvetica, sans-serif; margin: 0; text-shadow: 0 0 25px #000  }
.titlehtml-kont h2 {  font-weight: normal; font-size: 22px; padding-top: 30px; font-family: 'Lato',Arial, Helvetica, sans-serif; text-shadow: 0 0 15px #000; margin-bottom: 30px;  }
.titlehtml-kont p { font-size: 14px; }
.megnezem-gomb a { background: url(/img/b-down.png) no-repeat top center; width:100%; height:75px; display: block; }
footer {height: 145px;}
footer article { text-align: right; font-family: 'Lato',Arial, Helvetica, sans-serif; background: #000;padding: 50px 60px; width:885px;font-size: 14px; color: #b2b2b2;}
footer article a { color: #b2b2b2; text-decoration: none; }
.cycle-carousel-wrap img {max-height: 119px;}
/*.main article {height: 571px;}*/
.text-content .tovabb { position: absolute; right: 15px; font-size: 11px; bottom: 15px; border: solid 1px #00a6e2; padding: 10px; text-transform: uppercase; color: #00a6e2;   }

@media only screen and (min-width:1480px) {
	.text-and-slides .text-content {min-height: 700px;}
}
@media only screen and (min-width:1700px) {
	.text-and-slides .text-content {min-height: 800px;}
}