@import url('fonts.css');
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearAll{clear:both;display:block}
h1,h2,h3,h4,h5,h6,p,form,ul,ol,dl,dt,dd,hr,li,blockquote{padding:0;margin:0;font-weight:normal}
ul,ol{list-style:none}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}
img{border:none}
html{height:100%;}
body{color:#333;margin:0;}

html, body,
#this,
#this tr,
#this td,
#cover,
#coverimg,
#wrapper {
margin:0;
padding:0;
height: 100%;
border:none;
outline:0;
}
.theiframe {
width:100%;
z-index:1;
margin:0;
padding:0;
height: 100%;
border:none;
outline:0;
}

body.of-hidden {
    overflow:hidden;
    z-index:1;
    }

html, body, .fullscreen {
width:100%;
height:100%;
}

.header-img {
position:relative;
z-index:1;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    }

.footer-img {
position:relative;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    z-index:10;
}

#wrapper {
width:100%;
    position: absolute;
    left: 50%;
    top:0;
z-index:1;
}

#cover{
margin-left: -3000px;
width:6000px;
text-align: center;
z-index:1;
}

#coverimg {
display:inline;
z-index:1;
}

.iframefooter {
margin:0;
padding:0;
height: 100%;
border:none;
width:100%;
position:relative;
z-index:10;
}

.kikon{position:absolute;right:14px;top:14px}
.kikon a{margin-left:10px}
.fikon{position:fixed;right:14px;top:14px}
.fikon a{margin-left:10px}

.kikon img, .fikon img {width:28px;}


.l{display:block;position:fixed;top:45%;left:50%;width: 200px;margin-top:-92px;margin-left:-100px;z-index:3;}
.t{display:block;position:fixed;top:85%;left:50%;margin-left:-15px;z-index:2;cursor:pointer;}

.logo2{width:200px;}

.tarolo{position:relative;width:765px;margin:0 auto;background-color:#fff;z-index:10;}
.blokk{margin:0px 20px 0px 20px;padding:0;padding-top:60px;padding-bottom:60px;text-align:center;position:relative;z-index:10;}
h1{text-transform:uppercase;font-family:'NovecentowideBold',sans-serif;font-size:24px;letter-spacing:2px;line-height: 26px;}
p{font-family:'Sorts Mill Goudy', serif;/*times,sans-serif*/;font-size:18px;padding:30px 0 0 0;line-height:32px;letter-spacing:1px}
.szunet{margin-top:35px;background:url(img/csik.png) top center no-repeat;padding-top:38px}
.szunetbolt{margin-top:45px;background:url(img/csik.png) top center no-repeat;padding-top:60px}
.alkotok{padding:0 0 21px 0;}

div.kkep {
    display:block;float:left;margin:1.5%;width:47%;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    }
div.nkep{
    display:block;float:left;margin:1.5%;width:97%;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    }

.kepblokk {margin-bottom:50px;}
a.preo{display: inline-block;border:1px solid #333;margin-top:30px;padding:10px 35px;font-style:italic;font-size:16px;color:#333;line-height:32px;}
a.preo:hover{display: inline-block;border:1px solid #333;margin-top:30px;padding:10px 35px;font-style:italic;font-size:16px;color:#fff;background-color:#333;line-height:32px;}
a.preo2{display: inline-block;border:1px solid #333;padding:10px 35px;font-style:italic;font-size:16px;color:#333;line-height:32px;}
a.preo2:hover{display: inline-block;border:1px solid #333;padding:10px 35px;font-style:italic;font-size:16px;color:#fff;background-color:#333;line-height:32px;}
.utso{padding-bottom:50px}
.alkotoklistaja a {color:#333}
.k{width:64px;height:64px;position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:-32px}
h2{position:absolute;top:90%;left:50%;margin-left:-150px;font-family:'Sorts Mill Goudy', serif;/*times,sans-serif*/;font-size:14px;line-height:35px;letter-spacing:2px;color:#fff;width:300px;text-align:center}
form{height:370px;font-family:'Sorts Mill Goudy', serif;/*times,sans-serif*/;font-size:18px;padding:40px 0 0 0;line-height:32px;letter-spacing:1px;}
input{border:1px solid #333;font-family:'Sorts Mill Goudy', serif;/*times,sans-serif*/;font-size:15px;padding:50px 0 0 0;line-height:25px;letter-spacing:1px;margin-bottom:20px;width:385px;padding:5px}
.also{margin-bottom:50px}
.mennyiseg {text-align: center;font-size:18px;}
.tx{padding:165px 0 0 0;margin-bottom:45px;background:url(img/csik.png) bottom center no-repeat;padding-bottom:45px}
h3{background:url(img/csik.png) top center no-repeat;padding-top:50px}
.bolt-keret{}
.bolt{float:left;margin-bottom:20px;height:120px;width:33%;text-align:center;}
.bolt p{margin:0;padding:0;font-size: 12px;line-height: 18px;margin-top: 6px;}
.bolt p a{font-style: italic; color:#333}
.clearbolt {clear:both;visibility:hidden;height:0px;}
.boltok-szoveg{max-width: 680px; margin: 0 auto; margin-bottom: 50px;}
h4{text-transform:uppercase;font-family:'NovecentowideBold',sans-serif;font-size:15px;letter-spacing:1px}

/* menu2 */
.menu2 {
font-size:22px;
}

.nomaringbottom {
margin-bottom:0;
}

.k2 {width:64px;height:64px;}

/* images base ... no js ? */
/*
.header-img {background-image:url(pics/1600/1.jpg);}
.footer-img {background-image:url(pics/1600/2.jpg);}
.webre1 {background-image:url(pics/1600/webre1.jpg);}
.webre2 {background-image:url(pics/1600/webre2.jpg);}
.webre3 {background-image:url(pics/1600/webre3.jpg);}
.webre4 {background-image:url(pics/1600/webre4.jpg);}
.webre5 {background-image:url(pics/1600/webre5.jpg);}
.webre6 {background-image:url(pics/1600/webre6.jpg);}
.webre7 {background-image:url(pics/1600/webre7.jpg);}
.webre8 {background-image:url(pics/1600/webre8.jpg);}
*/
/* images */
/* 800 */
.img-800 .header-img {background-image:url(pics/800/1.jpg);}
.img-800 .footer-img {background-image:url(pics/800/2.jpg);}
.img-800 .webre1 {background-image:url(pics/800/webre1.jpg);}
.img-800 .webre2 {background-image:url(pics/800/webre2.jpg);}
.img-800 .webre3 {background-image:url(pics/800/webre3.jpg);}
.img-800 .webre4 {background-image:url(pics/800/webre4.jpg);}
.img-800 .webre5 {background-image:url(pics/800/webre5.jpg);}
.img-800 .webre6 {background-image:url(pics/800/webre6.jpg);}
.img-800 .webre7 {background-image:url(pics/800/webre7.jpg);}
.img-800 .webre8 {background-image:url(pics/800/webre8.jpg);}

/* 960 */
.img-960 .header-img {background-image:url(pics/960/1.jpg);}
.img-960 .footer-img {background-image:url(pics/960/2.jpg);}
.img-960 .webre1 {background-image:url(pics/960/webre1.jpg);}
.img-960 .webre2 {background-image:url(pics/960/webre2.jpg);}
.img-960 .webre3 {background-image:url(pics/960/webre3.jpg);}
.img-960 .webre4 {background-image:url(pics/960/webre4.jpg);}
.img-960 .webre5 {background-image:url(pics/960/webre5.jpg);}
.img-960 .webre6 {background-image:url(pics/960/webre6.jpg);}
.img-960 .webre7 {background-image:url(pics/960/webre7.jpg);}
.img-960 .webre8 {background-image:url(pics/960/webre8.jpg);}

/* 1280 */
.img-1280 .header-img {background-image:url(pics/1280/1.jpg);}
.img-1280 .footer-img {background-image:url(pics/1280/2.jpg);}
.img-1280 .webre1 {background-image:url(pics/1280/webre1.jpg);}
.img-1280 .webre2 {background-image:url(pics/1280/webre2.jpg);}
.img-1280 .webre3 {background-image:url(pics/1280/webre3.jpg);}
.img-1280 .webre4 {background-image:url(pics/1280/webre4.jpg);}
.img-1280 .webre5 {background-image:url(pics/1280/webre5.jpg);}
.img-1280 .webre6 {background-image:url(pics/1280/webre6.jpg);}
.img-1280 .webre7 {background-image:url(pics/1280/webre7.jpg);}
.img-1280 .webre8 {background-image:url(pics/1280/webre8.jpg);}

/* 1600 */
.img-1600 .header-img {background-image:url(pics/1600/1.jpg);}
.img-1600 .footer-img {background-image:url(pics/1600/2.jpg);}
.img-1600 .webre1 {background-image:url(pics/1600/webre1.jpg);}
.img-1600 .webre2 {background-image:url(pics/1600/webre2.jpg);}
.img-1600 .webre3 {background-image:url(pics/1600/webre3.jpg);}
.img-1600 .webre4 {background-image:url(pics/1600/webre4.jpg);}
.img-1600 .webre5 {background-image:url(pics/1600/webre5.jpg);}
.img-1600 .webre6 {background-image:url(pics/1600/webre6.jpg);}
.img-1600 .webre7 {background-image:url(pics/1600/webre7.jpg);}
.img-1600 .webre8 {background-image:url(pics/1600/webre8.jpg);}

/* 1920 */
.img-1920 .header-img {background-image:url(pics/1920/1.jpg);}
.img-1920 .footer-img {background-image:url(pics/1920/2.jpg);}
.img-1920 .webre1 {background-image:url(pics/1600/webre1.jpg);}
.img-1920 .webre2 {background-image:url(pics/1600/webre2.jpg);}
.img-1920 .webre3 {background-image:url(pics/1600/webre3.jpg);}
.img-1920 .webre4 {background-image:url(pics/1600/webre4.jpg);}
.img-1920 .webre5 {background-image:url(pics/1600/webre5.jpg);}
.img-1920 .webre6 {background-image:url(pics/1600/webre6.jpg);}
.img-1920 .webre7 {background-image:url(pics/1600/webre7.jpg);}
.img-1920 .webre8 {background-image:url(pics/1600/webre8.jpg);}

/* 2560 */
.img-2560 .header-img {background-image:url(pics/2560/1.jpg);}
.img-2560 .footer-img {background-image:url(pics/2560/2.jpg);}
.img-2560 .webre1 {background-image:url(pics/1600/webre1.jpg);}
.img-2560 .webre2 {background-image:url(pics/1600/webre2.jpg);}
.img-2560 .webre3 {background-image:url(pics/1600/webre3.jpg);}
.img-2560 .webre4 {background-image:url(pics/1600/webre4.jpg);}
.img-2560 .webre5 {background-image:url(pics/1600/webre5.jpg);}
.img-2560 .webre6 {background-image:url(pics/1600/webre6.jpg);}
.img-2560 .webre7 {background-image:url(pics/1600/webre7.jpg);}
.img-2560 .webre8 {background-image:url(pics/1600/webre8.jpg);}


/*
.header-img {background-image:url(pics/1.jpg);}
.footer-img {background-image:url(pics/2.jpg);}
.webre1 {background-image:url(pics/webre1.jpg);}
.webre2 {background-image:url(pics/webre2.jpg);}
.webre3 {background-image:url(pics/webre3.jpg);}
.webre4 {background-image:url(pics/webre4.jpg);}
.webre5 {background-image:url(pics/webre5.jpg);}
.webre6 {background-image:url(pics/webre6.jpg);}
.webre7 {background-image:url(pics/webre7.jpg);}
.webre8 {background-image:url(pics/webre8.jpg);}
*/





@media only screen and (device-width: 768px) {div.kkep{margin:1.5%;width:97%}}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {div.kkep{margin:1.5%;width:97%}}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {div.kkep{margin:1.5%;width:97%}}
@media screen and (max-device-width: 480px) {div.kkep{margin:1.5%;width:97%}}

@media only screen and (max-width: 500px) {.bolt{width:50%;}}
@media only screen and (max-width: 350px) {.bolt{width:100%;}}
@media only screen and (max-width: 820px/*1140px*/) {.tarolo{width:100%;}/* .of-hidden, .iframe{height:50%}*/.boltok-szoveg{width:100%;margin-left:0;}}

@media (max-width: 1024px) {.l,.t{position:absolute;}}