* {
        margin: 0px;
        padding: 0px;




    }
        html,body {font-family: 'Open Sans Condensed', sans-serif; font-size: 110%; text-align: left; background-color: #fffbf7; color: #333333;}
        h1,h2,p { margin-bottom: 2%; font-weight: normal;}
        .narancs { color: #ff7836; }
        a { text-decoration: none; }



        #container { width: 100%; max-width: 1359px; min-width: 300px; margin: 0px auto; text-align: left; background-color: white; }

        #section0 { position: relative; width: 100%; height: 85px; background-image: url(/_hun/hpimages/csik.png); background-repeat: no-repeat; background-position: top center; }
        #section0 .logo { position: absolute; top: 0px; left: 50%; margin-left: -185px;  }
        #section0 nav { height: 60px; line-height: 60px; padding: 0px 0px; text-align: center;}
        #section0 nav a { display: inline-block; margin: 0px 10px;}
        #section0 .nav1 { width: 30%; max-width: 488px; float: left; text-align: right; font-size: 140%; min-width: 329px;}
        #section0 .nav2 { width: 30%; max-width: 488px; float: right; text-align: left; font-size: 140%;}
        #section0 .nav3 {display: none; margin-left: 250px;}
        #section0 a { text-decoration: none; color: black;}


        #section1 { margin-top: -20px; width: 100%;  overflow: hidden; height: 725px; text-align: center; background-image: url(/_hun/hpimages/top1.jpg); background-repeat: no-repeat; background-position: top center; }
        #section1 img { margin: 0px auto; }
        #section1 .szoveg {  }
        #section1 .szoveg img { display: inline-block; position: relative; width: 40%; top: 450px; left: 15%; float: left;}
        #section1 .box { display: inline-block; position: relative;  width: 250px; background-image: url(/_hun/hpimages/top_box_bg.png); background-repeat: repeat;  top: 30px; right: 65px; float: right;}
        #section1 .box .content { padding: 25px 10px;  color: white; font-size: 120%; text-align: left;}
        #section1 .box .content ul { list-style: none; }
        #section1 .box .content ul li { padding: 10px 20px;  }
        #section1 .box .content a { display: block; background-color: #393939; padding: 10px 20px; color: white; text-decoration: none; text-align: center; letter-spacing: 1px; margin-top: 10px;}

        #section2 { width: 100%;  overflow: hidden; padding: 30px 0px;  }
        #section2 .content { padding: 0px 5%; }
        #section2 .content .head { text-align: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3;}
        #section2 h1 { font-size: 200%; font-weight: normal; }
        #section2 h2 { font-size: 130%; font-weight: normal; color: #ff7836;}
        #section2 .leftbox { display: inline-block; position: relative; width: 50%; float: left; text-align: center;}

        #section2 .leftbox img {width: 100%; }
        #section2 .rightbox { display: inline-block; position: relative; width: 50%; float: right; }
        #section2 .rightbox h1 { margin-bottom: 30px;}
        #section2 .rightbox p { padding-left: 70px; }
        #section2 .rightbox h2 { padding-left: 70px;}
        #section2 .rightbox img { vertical-align: middle; margin-top: -10px;}

        #section6 { width: 100%; margin-bottom: 0px;}
        #section6 img { width: 33.33%; width: calc(100% / 3); margin: 0px; padding: 0px; float: left;}

        #section7 { width: 100%; padding: 30px 0px 5px 0px; background-color: #ff9a69; text-align: center; color: white;}
        #section7 h1 { font-weight: normal; font-size: 170%;}
        #section7 p { font-size: 120%;}
        #section7 a { display: inline-block; background-color: #393939; padding: 10px 20px; color: white; text-decoration: none; text-align: center; letter-spacing: 1px; margin-top: 10px; font-size: 120%;}

        #section8 { position: relative; z-index: 9999; text-align: center; padding-top: 40px; box-shadow: 0 6px 4px -2px gray; padding-bottom: 25px;}

        #section_map { position: relative; z-index: 8000; width: 100%; height: 440px; overflow: hidden; }
        #section_map iframe { width: 100% important; }


/* menü special */
/* mobil telo */
@media screen
  and (max-width: 1040px)
  {

    #section0 .logo { left: 0px; margin-left: 0px;  }
    #section0 .logo img {width: 250px;}
    #section0 .nav1 { display: none; }
    #section0 .nav2 { display: none; }
    #section0 .nav3 { display: block; }

    #sobarlang_aloldal img { width: 100% !important; height: auto !important; clear: both; margin: 20px auto;}



}

@media screen
  and (max-width: 800px)
  {
  #section1 {background-image: url(/_hun/hpimages/top1t.jpg);  }

  #section1 .szoveg { display: none; }
  #section1 .box { display: block; min-width: 230px; float: none; margin: 0px auto; right: auto;  }
  /* section 2 kép és szöveg kerüljön egymás alá */
  #section2 .leftbox {  width: 100%; float: none;}
  #section2 .leftbox img {width: 100%; }
  #section2 .rightbox {  width: 100%; }
  #section3 .box2 { background: rgba(255,255,255,1); }
  /* section 4 kép és szöveg kerüljön egymás alá! */
  #section4 .leftbox {  width: 100%; float: none; padding-top: 10px;}
  #section4 .leftbox img {width: 100%; }
  #section4 .rightbox {  width: 100%; }
  #section5 .leftbox {  width: 100%; float: none;}
  #section5 .leftbox img {width: 100%; }
  #section5 .rightbox {  width: 100%;  padding-left: 0px !important; margin-bottom: 30px;}
  #section5 .rightbox h1,#section5 .rightbox h2,#section5 .rightbox p { padding-left: 0px !important; }

  #section6 img { width: 50%; }

    #section0 .logo img { width: 150px;}
  #section0 .nav3 { display: none; }
  #section0 .menubutton { display: block; }

}

/* mobil telo */
@media screen
  and (max-width: 500px)
  {

    .nomobile { display: none !important;}
    .onlymobile { display: inline-block !important;}
    #section3 .arak { background: rgba(255,255,255,1); text-align: center; width: 100%; min-width: 0px; max-width: none; padding: 0px;}
    #section3 .arak table { width: 250px; margin: 20px auto; width: auto !important;  }
    #section3 .arak table td { padding: 5px 20px; }
    #section6 img { width: 100%; }


}




 /*---------- YOU CAN CHANGE THIS STUFF -----------*/
        #rotator { position: relative; top: 0px; left: 0px; }
        #rotator .bannerRotator { width: 100%; }
        #rotator .bannerRotator ul li img{  }


        /*---------- YOU MIGHT BREAK IT IF YOU CHANGE THIS STUFF -----------*/
        #bannerRotator { position:relative; }
        #bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
        #bannerRotator ul li { display:none; position:absolute; }


        .bannerRotator { position:relative; }
        .bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
        .bannerRotator ul li { display:none; position:absolute; }

        #rotator_bannerNav { display: none; position:absolute; width: 978px; height: 29px; line-height: 29px; right:30px; top:10px; text-align: right; background:url(../js/img/transBlack75.png) repeat 0 0; padding:5px 5px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
        #rotator_bannerNav a { margin:3px 10px 0 0; height:29px; width:23px; display:inline-block; background:url(../js/rotator/images/rotator_inaktiv.png) no-repeat 0 0; }
        #rotator_bannerNav a.active { background-image:url(../js/rotator/images/rotator_aktiv.png); }
        #rotator_bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(../img/pause.png) no-repeat 0 0; float:left; }
        #rotator_bannerNav span.play { background-image:url(../js/rotator/images/play.png) }
        #rotator_bannerNav a.prevOne {position: absolute; left: -70px; top: -180px; width: 64px; height: 64px;background-image: none; }
        #rotator_bannerNav a.nextOne {position: absolute; right: -70px; top: -180px; width: 64px; height: 64px;background-image: none; }