/* ---------------
      Szerkezet
   --------------- */
html, body {margin:0;padding:0;}
body{background-color:#740902;color: #740902;}
#container{position: relative;width: 100%;background: #740902 url(../kepek/bg_csik.png) repeat-y center;}
#footer{position: relative;margin: 0 auto;padding: 0;background-color: #740902;min-height: 111px;}
#body_container{margin: 0; padding:0;position:relative;min-height: 745px;}

#left{
    position: absolute;
    width: 338px;
    left: 50%;
    margin-left: -508px;
    display: inline;
}
#right_menu, #right_content {
    position: relative;
    left: 50%;
    margin-left: -170px;
    padding-right: 70px;
    width: 604px;
    display: block;
}
#right_menu{min-height: 128px;}
#right_menu ul{
    list-style: none;
    margin:0;
    padding:0;
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px; /*18px ha nincs rajta kép */
    font-variant: small-caps;
    text-shadow: 0 2px 4px black;
    font-weight: 100;
    font-family: serif,"Times New Roman";
    
}
#right_menu ul li{display: inline;position: relative;}
#right_menu ul li a{color:/*#EDE3BE; */#EDDAA2; text-decoration: none; white-space: nowrap;font-weight: bold;}
#right_menu ul li a:hover, #right_menu ul li:hover a{
    color: #FFB27A;
    text-shadow:#FF0000 0 0 20px,#FF0000 0 0 19px,#FF0000 0 0 18px,#FF0000 0 0 15px;
    filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=10,direction=310)
            progid:DXImageTransform.Microsoft.Shadow(Color=#FF0000, Direction=310);
    /*text-shadow: -1px 0 #FFFFFF, 0 -1px #FFFFFF, 1px 0 #FFFFFF, 0 1px #FFFFFF;*/
}

/* ----------------
    Menü képekkel
   ---------------- *//*
#right_menu ul li span{position: absolute;display:block;z-index: 1;height:36px;background-image: url(../kepek/hun_menu.png);top:0;left:0;}

#menu_hun_1{width:125px;}
#menu_hun_2{width:148px;}
#menu_hun_3{width:210px;}
#menu_hun_4{width:166px;}
#menu_hun_5{width:103px;}
#menu_hun_6{width:115px;}
#menu_hun_7{width:175px;}

#menu_hun_1 span{width:125px;background-position: 0 0;}
#menu_hun_2 span{width:148px;background-position: -156px 0;}
#menu_hun_3 span{width:210px;background-position: -324px 0;}
#menu_hun_4 span{width:166px;background-position: -554px 0;clear:left;}
#menu_hun_5 a span{width:103px;background-position: -740px 0;}
#menu_hun_6 a span{width:115px;background-position: -863px 0;}
#menu_hun_7 a span{width:175px;background-position: -998px 0;}


#menu_hun_1 a:hover span{background-position: 0 -30px;}
#menu_hun_2 a:hover span{background-position: -156px -30px;}
#menu_hun_3 a:hover span{background-position: -324px -30px;}
#menu_hun_4 a:hover span{background-position: -554px -30px;}
#menu_hun_5 a:hover span{background-position: -740px -30px;}
#menu_hun_6 a:hover span{background-position: -863px -30px;}
#menu_hun_7 a:hover span{background-position: -998px -30px;}*/

#right_content{
    padding-left: 30px;
    padding-right: 60px;
    width: 534px;
}
#left img{margin-top: 1px;}
#ul_up{padding: 70px 0 8px !important;}
#ul_up li{padding: 0 10px;}
#ul_down li{padding: 0 4px 0 4px !important;}
.spacer{font-size: 0px;margin:0;padding:0;clear:both;}

/* -----------------
    Oldalak
   ---------------- */
#bemutatkozas {position: relative;z-index: 1;}
#bemutatkozas p{text-align: justify;}
#bemutatkozas img{
    margin: 8px;
    border-color: #740902;
    border: 0;
}
/*#bemutatkozas */a{
    color: #740902;
    text-decoration: none;
}
/*#bemutatkozas */a:hover{text-decoration: underline;}

.ujsagkep{
    margin:0 !important;
    padding: 0;
    height: 95px;
}

input[type="text"], textarea{
    width:300px;
    resize:none;
    border: 2px solid #740902;
    padding: 3px;
    color: #740902;
    font-size: 14px;
    outline: 0;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
/* ----------------
       Termékek
   ---------------- */
#product_navigator{text-align: center; margin: 10px;padding:0;font-size: 14px;}

.frame_table {position: relative; margin: 5px; float:left;/* width:162px; height:163px;*/}

.frame_topleft {width: 20px; height: 20px; background-image: url(../kepek/diakeret/1.png);}
.frame_topcenter {width: 120px; height: 20px; background-image: url(../kepek/diakeret/2.png);}
.frame_topright {width: 22px; height: 20px; background-image: url(../kepek/diakeret/3.png);}

.frame_middleleft{height: 120px; background-image: url(../kepek/diakeret/4.png);}
.frame_middlecenter{text-align: center;background-color:white;}
.frame_middleright{background-image: url(../kepek/diakeret/6.png);}

.frame_bottomleft{height: 23px; background-image: url(../kepek/diakeret/7.png);}
.frame_bottomcenter{background-image: url(../kepek/diakeret/8.png);}
.frame_bottomright{background-image: url(../kepek/diakeret/9.png);}

.frame_middlecenter, .frame_middlecenter img, .frame_middlecenter a{border:0;margin:0;padding:0;}

/* -------------------
        Zászlók + FB
   ------------------- */
   
#fb{position:absolute; z-index: 1; top:15px; width:100px;  right: 50%; margin-right: 20px; /*-418*/}
#fb_icon
{
    position: absolute;
    z-index: 1;
    top:13px;
    right: 50%;
    margin-right: -70px; /*-418*/
    height: 61px;
    width: 232px; /*232*/
    clear: both;
}

#flags{
    position: absolute;
    z-index: 1;
    top:0;
    right: 50%;
    margin-right: -418px; /*-418*/
    height: 71px;
    width: 349px; /*232*/
    clear: both;
}
#flags a span{
    position: relative;
    display: block;
    width: 57px;
    height: 71px;
    float:left;
    margin-top: -4px;
    margin-right: -7px;
}
#flag_home {background: url(../kepek/zacsik.png) 0 0;}
#flag_eng {background: url(../kepek/zacsik.png) -58px 0;}
#flag_hun {background: url(../kepek/zacsik.png) -116px 0;}
#flag_ger {background: url(../kepek/zacsik.png) -174px 0;}
#flag_rus {background: url(../kepek/zacsik.png) -232px 0;}
#flag_jap {background: url(../kepek/zacsik.png) -290px 0;}

#flags a:hover #flag_home {background: url(../kepek/zacsik.png) 0 61px;}
#flags a:hover #flag_eng {background: url(../kepek/zacsik.png) -58px 61px;}
#flags a:hover #flag_hun {background: url(../kepek/zacsik.png) -116px 61px;}
#flags a:hover #flag_ger {background: url(../kepek/zacsik.png) -174px 61px;}
#flags a:hover #flag_rus {background: url(../kepek/zacsik.png) -232px 61px;}
#flags a:hover #flag_jap {background: url(../kepek/zacsik.png) -290px 61px;}

/* ---- Term�kek k�pkeret ---- */
#termek_keret{
    background: url(../kepek/root/termekek_ablakkeret.png) no-repeat;
    position: absolute;
    z-index: 0;
    top: 127px;
    right:50%;
    margin-right: -444px;
    height: 662px;
    width: 700px;
}

/* Referencia
======================================*/
.referencia { list-style: none; }
.referencia a img {
    border: 2px solid #e2e2e2;
    vertical-align: middle;
    
    
    
    max-width: 100px;
    max-height: 100px;
    
    margin: 5px;
}
.referencia a { color: #740902; text-decoration: none; }
.referencia a:hover span { text-decoration: underline; }

.referencia a span {
    margin-left: 10px;
    font-size: 120%;
    font-weight: bold;
}