body, html {
    margin: 0;
    font-size: 9pt;
    font-family: helvetica, sans-serif;
            }

#container {
    width: 1020px;
    /*height: 768px;*/
    margin: 0 auto 0 auto;
    padding: 0;
}
#content {
    width: inherit;
    /*height: auto;*/
    border-bottom: solid 5px rgb(204,0,1);
    margin: 0 0 0 0;
    padding: 0 0 2px 0;
}
#headbanner, #headbanner2, #headbanner3, #headbanner31, #headbanner32, #headbanner33, #headbanner4, #headbanner5, #headbanner6, #headbanner7, #headbanner9, #headbanner10 {
    width: 1020px;
    height: 249px;
    clear: both;
    margin: 0;
    padding: 0;
}
#headbanner {
    background-image: url(../img/banner/banner1.jpg);
        }
#headbanner2 {
    background-image: url(../img/banner/banner2.jpg);
}
#headbanner3 {
    background-image: url(../img/banner/banner3.jpg);
}
#headbanner31 {
    background-image: url(../img/banner/banner3_1.jpg);
}

#headbanner32 {
    background-image: url(../img/banner/banner3_2.jpg);
}

#headbanner33 {
    background-image: url(../img/banner/banner3_3.jpg);
}

#headbanner4 {
    background-image: url(../img/banner/banner4.jpg);
}

#headbanner5 {
    background-image: url(../img/banner/banner5.jpg);
}

#headbanner6 {
    background-image: url(../img/banner/banner6.jpg);
}

#headbanner7 {
    background-image: url(../img/banner/banner7.jpg);
}

#headbanner9 {
    background-image: url(../img/banner/banner9.jpg);
}

#headbanner10 {
    background-image: url(../img/banner/banner10.jpg);
}

.menubar {
    width: 1020px;
    height: 49px;
    background-color: rgb(204,0,1);
    margin: 0;
    padding: 0;
      }

ul.menubar {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
    }
    
ul#oldalterkep {
    margin: 0 0 0 125px;
    padding: 0 0 0 0;
   }
   
ul.index {
    margin: 0 0 40px 200px;
    color: rgb(98,98,98);
    padding: 0 0 0 0;
   }

#oldalterkep li {
    font-weight: bold;
    list-style: none;
    margin: 15px;
    }
#oldalterkep a {
    color: black;
}
 
a.sitemap {
    color: rgb(204,0,1);
    font-size: 90%;
    line-height: 2em;
}
    
.menubar li {
    padding: 15px 0 0 15px;
    float: left;
    font-size: 13px;
   }

#almenu ul {
    list-style: none;
    padding: 0;
    margin: 0 0 3px 0;
    text-align: justify;
    }

#almenu li {
    font-size: 8pt;
    float: left;
    padding: 0 10px 0 0;
    margin: -12px 0 0 0;
        }

body a {
    text-decoration: none;
    outline: none;
}

a.menu {
    color: rgb(255,255,255);
}

a.menu2 {
    color: rgb(0,0,0);
}

a.menu2:hover {
    color: rgb(204,0,1);
}

a.menu:hover {
       background-color: rgb(150,0,0);
}

.act {
    color: white;
    cursor: default;
}

#bal {
    width: 187px;
    /* background-color: rgb(204,0,1);*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    color: rgb(255,159,159);
    float: left;
           }
           
#bal2 {
    width: 188px;
    border: solid 1px rgb(204,0,1);
    float: left;
}

#bal a, .balmenu a {
    color: white;
    margin: 0 0 0 3px;
  }

.kiskep a {
margin: 0 !important;
}

#bal a:hover, .balmenu a:hover {
   text-decoration: underline;
    }
.balmenu {
    width: 184px;
    height: 20px;
    background-color: rgb(204,0,1);
    margin: 0 0 0 0;
    padding: 5px 0 0 5px;
    border-bottom: solid 2px white;
    clear: both;
    color: white;
    text-align: left;
    }

.balmenu2 ul {
    list-style: none;
    color: black;
    margin: 0 0 0 0;
    padding: 5px 0 0 10px;
            }
ul.valaszto {
    margin-bottom: 10px;
}
ul.valaszto li {
    margin: 0 0 2px 0;
}
.balmenu2 li {
    margin-bottom: 5px;
    text-align: left;
   }
li.utolso {
    margin-bottom: -15px;
}
.balmenu2 a {
    color: black;
}

.balmenu2 a:hover {
    text-decoration: underline;
}

a.actual {
    text-decoration: underline;
}

#gyorslink {
    width: 1020px;
    height: 15px;
    text-align: left;
    font-weight: bold;
    margin: 2px 0 2px -1px;
    padding: 10px;
    background: url(../img/1pix.jpg) left repeat-y;
    color: rgb(255,255,255);
       }
#gyorslink a {
    color: white;
}
span.actual {
    color: white;
    font-weight: bold;
}

#text {
    width: 800px;
    float: right;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 12pt;
    clear: none;
               }

.text2 {
    width: 829px;
    /*height: 282px;*/
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12pt;
    }

#text a {
    color: rgb(98,98,98);
}

#text a:hover {
    color: rgb(204,0,1);
}

.pdf {
    width: 400px;
    float: left;
    }
.pdfkep {
    float: left;
    margin: 0 20px 0 0;
}

h3 {
    margin-bottom: 2px;
    margin-top: 5px;
    font-size: 16px;
}


#swf {
    width: auto;
    height: 542px;
    margin: 0 auto 0 auto;
    padding: 20px;
    text-align: center;
}

.termek_logo {
    margin: 25px 0 25px 20px;
    padding: 0;
    display: block;
}

.fix_logo {
    margin: -15px 0 0 0;
    padding: 0;
    float: right;
    width: 117px;
    
}

.designid {
    width: 400px;
    height: auto;
    margin: 0 auto 0 auto;
    text-align: center;
}

.design {
     width: 120px;
    /*height: 200px;*/
    margin: 20px 0 20px 0;
    text-align: left;
    font-size: 9pt;
}

.design2 {
    width: 120px;
    height: auto;
    float: left;
    margin: 20px 0 20px 65px;
     font-size: 9pt;
}

.design b, .design2 b {
    display: block;
    margin: 2px 0 2px 0;
   
}

.kisablak, .kisablak2 {
    float: right;
    /*clear: right;*/
    margin: -20px 0 0 15px;
}

.kisablak2 {
    margin: 10px 20px 0 0;
}

#text h1, .text2 h1, h1.partner {
    font-size: 26px;
    margin: 25px 0 25px 0;
    padding: 0;
    text-align: left;
    /*border-bottom: solid black 1px;*/
    height: 50px;
    }
#text h2 {
    font-size: 18px;
}

h1.partner {
    margin: 25px 0 25px 5px;
}

a.contact {
    color: rgb(0,0,0);
    border-bottom: dashed 1px;
    margin: 0 -5px 0 5px;
}

a.contact:hover {
    color: rgb(240,0,1);
}


.fixpic {
    float: left;
    width: 255px;
    margin: 0 auto 0 auto;
}
 
.text2 h1 {
    margin: 25px 0 25px 25px;
}
.text2 h2 {
    font-size: 18px;
    margin: 15px 0 10px 0;
}
.text2 p {
    width: 500px;
    margin: 0 20px 0 25px;
    color: rgb(98,98,98);
    text-align: justify;
    line-height: 2em;
    
        }
        
ul.ajto {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 10px;
    font-size: 13px;
    
}

ul.ajto li {
    width: 102px;
    float: left;
    margin: 3px 22px 0 15px;
    white-space: nowrap;
}
  
span.vekony_cim {
    font-weight: normal;
}

h1.termek_cim {
    font-weight: normal;
    border-bottom: none;
    margin: 25px 0 0 25px;
    font-size: 22px;
    }
ul.termek {
    margin: 50px 0 0 120px;
    font-size: 11pt;
    line-height: 2em;
}
h2.termek_cim {
    font-size: 16px;
    margin: 0 0 25px 25px;
    font-weight: bold;
    }
    
p.termek_p {
    width: 550px;
    margin: 0 0 20px 25px;
    line-height: 1.5em;
    font-size: 10pt;
}

a.termek {
    background-color: rgb(204,0,1);
    color: white;
    margin: -15px 0 0 0;
    font-size: 75%;
}

a.termek:hover {
    background-color: white;
    color: rgb(204,0,1);
}

a#tipp:hover {
    font-weight: bold;
    color: white;
}

#text p {
    text-align: justify;
    margin: 0 20px 42px 0;
    color: rgb(98,98,98);
    line-height: 2em;
}

.termek {
    color: rgb(98,98,98);
   }
span.piros {
    color: rgb(204,0,1);
    font-weight: bold;
}

#hasznos {
    width: 289px;
    height: auto;
    /*background: url(../img/1pix2.jpg) repeat-y;*/
    float: right;
    color: rgb(204,0,1);
    margin: 7px 0 0 0;
    border: 1px solid rgb(204,0,1);
   }

#hasznos h5 {
    margin: 10px 0 10px 10px;
    padding: 0;
    font-size: 15px;
}

#hasznos p {
    width: 265px;
    margin: 0 0 10px 10px;
    line-height: 1.5em;
    color: rgb(204,0,1);
    text-align: left;
    font-size: 9pt;
    border: none;
    height: 145px;
        }
#hasznos a {
    color: rgb(204,0,1);
}

#hasznos a:hover {
    font-weight: bold;
    color: rgb(204,0,1);
}

.csik {
    width: 804px;
    height: 15px;
    border-bottom: solid 1px black;
    margin: 0 0 0 0;
    clear: both;
    padding: 0 0 20px 0;
}

a.vissza {
    float: right;
    font-weight: normal;
    font-size: 18px;
    color: rgb(204,0,1);
    margin: 10px 15px 0 0;
    
    }
.visszaimg {
    width: 50px;
    height: 40px;
    clear: none;
    margin: 0 65px 0 0;
}

span.vissza {
    float: right;
    color: rgb(204,0,1);
    font-size: 20px;
    clear: right;
    margin: -33px 15px 0 0;
}

a.top {
    color: rgb(98,98,98);
    font-size: 8pt;
            }

#partnerek {
    width: 790px;
    height: 280px;
    float: right;
   border-top: solid black 1px;
    font-size: 9pt;
    padding: 5px 0 0 0;
    margin: 0;
    clear: none;
    overflow: auto;
    
       }
h2.partner {
    margin: 0 0 0 5px;
}
.behuz {
    margin: 0 0 0 6px;
    }
.logo {
    float: left;
   }
a.partnerek {
    color: black;
}
a.partnerek:hover, a.carajo:hover {
    color: rgb(204,0,1);
}

a.carajo {
    color: rgb(98,98,98);
}
ul.culo {
    clear: both;
}
ul.culo li {
    float: left;
    padding: 0 25px 0 0;
}

.kiskep, #kiskep {
    width: 187px;
    height: 190px;
    margin: 0;
    }
    
#kiskep {
    
    border: solid 1px rgb(204,0,1);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}

#almenu {
    padding: 40px 0 0 0;
    margin: 0;
    display: block;
    text-align: right;
    clear: both;
        }

#lentlogo {
    width: 218px;
    height: 45px;
    margin: -45px 0 0 785px;
    padding: 0 0 0 0;    
    background-image: url(../img/logo2.jpg);
    text-align: right;
    }
    
#intro {
    width: 1020px;
    height: 269px;
    top: 50%;
    left: 50%;
    margin-left: -510px;
    margin-top: -135px;
   position: absolute;   
    }

ul.ugyfel {
    list-style: square outside;
    font-weight: normal;
    line-height: normal;
    padding: 10px 0 0 160px;
    margin: 0 0 10px 0;
}

ol.ugyfel {
    font-weight: bold;
   }
.minoseg_cont {
    width: 810px;
    height: 200px;
    float: right;
    text-align: center;
    }

ul.zert {
    list-style: none;
    margin: 0;
    padding: 0;
    
    }

.zert li, .zert01, .zert02 {
    float: left;
    margin: 0 0 0 0;
    padding: 5px 50px 0 0;
     width: 99px;
    
   }

.zert01 {
    margin: 5px 0 0 -10px;
   
        }
    
#zert02 {
    padding: 5px 25px 0 22px;
    white-space: nowrap;
}
#zert03 {
    margin: 5px 0 0 30px;
    padding: 0 0 0 15px;
    white-space: nowrap;
}
#zert01 {
    float: right;
    padding: 5px 13px 0 0;
    margin: 0 0 0 0;
}

li.customer {
    font-weight: bold;
    margin-bottom: 10px;
    color: rgb(98,98,98);
    list-style: none;
}

.szin_box {
    width: 800px;
    height: auto;
    float: right;
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.szin {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 28px 0 0;
    padding: 0 0 0 0;
    background: no-repeat;
}

p.box {
     margin: 52px 0 0 0;
     color: black;
     font-size: 13px;
     padding: 0 0 0 0;
     line-height: 1em;
     width: 50px;
     background-color: white;
     }
     
h2.szincim {
    padding: 0 0 0 0;
    font-size: 20px;
    margin: 30px 0 10px 0;
}

.kilincs {
    width: 130px;
    height: 230px;
    float: left;
    margin: 0 10px 0 10px;
    text-align: right;
    padding: 0 0 0 0;
}
.kilincs p {
    width: 120px;
    line-height: normal;
    font-size: 12px;
    color: rgb(0,0,0);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
}

.felulet {
    width: 220px;
    height: auto;
    float: left;
    padding: 20px 30px 0 26px;
    text-align: left;
    }
    
.felulet h2 {
    font-size: 17px;
    margin: 10px 0 0 0;
}

.felulet p {
    width: 220px;
    line-height: normal;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
}

img.arny {
    float: left;
    margin: 20px 20px 0 20px;
}

p.redony {
    line-height: normal;
    width: auto;
    margin: 20px 25px 0 0;
    
}

ul.redony {
    color: rgb(98,98,98);
    list-style: none;
    list-style-position: outside;
    width: auto;
    margin: 0 25px 0 0;
}

#cim {
    height: 30px;
    width: auto;
    font-weight: bold;
    color: black;
}

.ref {
   text-align: left;
   display:block;
   }

.ref a {
   opacity: 0.6;
  }

.ref a:hover {
    opacity: 1;
   }

img.ref {
    height: 150px;
    margin: 10px 0 0 5px;
    float: left;
    border: none;
    filter: alpha(opacity=60);
       }

p.left {
        margin: -50px 0 0 25px;
        display: block;
        clear: left;
        width: auto;
      }
      
p.right {
       float: right;
       width: auto;
       margin: -50px -20px 0 0;
       padding: 0 0 0 0;
      }
      
img.right, img.right2 {
         float: right;
         margin: 30px 0 0 0;
         padding: 0 0 0 0;
      }
      
img.right2 {
        margin: -20px 0 0 0;
      }
      
img.left {
    float: left;
}

.rkey {
    margin: 0 0 0 27px;
}

.negyven {
    margin-top: 40px;
}

ul.epitesz {
        color: rgb(98,98,98);
        margin: 0 0 0 0;
        padding: 10px 0 40px 70px;
        font-weight: bold;
        width: 400px;
}

ul.terasz {
   color: rgb(98,98,98);
   margin: 10px 0 0 50px;
   list-style: none;
   letter-spacing: 3px;
}

p.teszar {
    width: 620px;
    margin-top: 20px;
    font-size: 12pt;
    line-height: 1.38em;
}

.nagyobb {
    font-size: 120%;
}

.zaj {
    width: 200px;
    float: left;
    text-align: center;
    margin: 20px 60px 0 10px;
}

p.ruido {
     white-space: nowrap;
     margin: -45px 0 0 0;
     position: relative; z-index: 1;
}

ul.biztonsag {
    list-style: circle;
    padding: 10px 0 10px 0;
    margin: 0 0 0 40px;
}

ul.biztonsag a {
    color: rgb(0,0,0);
}

ul.biztonsag a:hover {
    color: rgb(204,0,1);
}

table.ajandek {
    width: 100%;
}

table.ajandek td {
    width: 50%;
    background: rgb(120,120,120);
    color: white;
    padding: 5px 0 5px 5px;
    vertical-align: top;
}

table.ajandek td.kep {
    text-align: center;
    background: white !important;
    vertical-align: middle;
}

table.ajandek td.kozepfel {
    text-align: center;
    vertical-align: middle;
}

table#harmas td {
    width: 30%;
}

a.nem {
    display: none;
}

td.kep img {
    border: none;
}

table.partnerek {
    width: 100%;
    margin: 15px 0 0 0;
}

.partnerek td {
    width: 30%;
    text-align: center;
    vertical-align: middle;
}

#cont {
    width: 760px;
    height: 800px;
    margin: -26px 0 0 0;
    position: absolute;
        }
        
#fusion_01, #fusion_02, #fusion_03 {
    width: 120px;
    height: 120px;
    position: relative;
    top: -274px !important;
    left: 236px;
}

#fusion_02 {
   top: -410px !important;
   left: 300px;
   margin-bottom: -120px !important;
}

#fusion_03 {
   top: -450px !important;
   left: 350px;
   margin-bottom: -120px !important;
}

img#fu_01, img#fu_02, img#fu_03 {
    display: none;
}