/* RULES FOR THE "MENUDIV" OBJECT */


/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
     position: absolute;
     visibility: hidden;
     z-index: 1000;
     border: 1px outset #FFFFCC;
     /* Borders:     Top    Right  Bottom    Left   */
     border-color: #000000 #000000 #000000 #000000;
     background-color: #000000;
     /* layer-background-color is non-standard and NS4 only. */
    /* layer-background-color: #CCCC99; */
     padding: 0px;
     font: 11px Arial, Helvetica, sans-serif;
     font-weight: bold;
     /* Here's a cool effect, try uncommenting this, althought it's non-standard:
     filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;*/
     width: 200px;
}

.descrip_div{
    position: absolute;
    visibility: hidden;
    z-index: 999;
    border: 3px outset #FFFFCC;
    border-color: red;        
    border-style: double;
    margin-top: 10px;
    margin-left: -25px;        
    
    border-color: #000000 #000000 #000000 #000000;
    background-color: red;
    
    padding: 0px;
    font: 11px Arial, Helvetica, sans-serif;
 
    /* Here's a cool effect, try uncommenting this, althought it's non-standard:
    filter: alpha(opacity="80"); -moz-opacity: 0.8; opacity: 0.8;*/    
    width: 500px;
}

/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: left;
 border-bottom: 2px dashed #999966;
 margin-bottom: 5px;
}

.menudiv a {
 display: block;
 /* I've specified borders for each side individually so NS4 ignores this setting */
 border-top: 0px solid #CCCC99;
 border-right: 0px solid #CCCC99;
 border-bottom: 0px solid #CCCC99;
 border-left: 0px solid #CCCC99;
 color: #FFFFFF;
 background-color: #000000;
 text-indent: 5px;
 text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
 border: 1px solid #FF0000;
 border-color: #FF0000 #FF0000 #FF0000 #FF0000;
 background-color: #FF0000;
 color: #FFFFFF;
}
.menudiv a:active {
 border: 1px solid #FF0000;
 border-color: #000000 #FF0000 #FF0000 #000000;
 background-color: #FF0000;
 color: #FFFFFF;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
 background-color: #FF0000;
 border-color: #FF0000;
 color: #000000;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a {
 font: Bold 13px Arial, Helvetica, sans-serif;
 color: #FF0000;
 text-decoration: none;
}

/* Likewise, style active trigger links */
.trigger a.highlighted {
 color: #CC9966;
}

.main_link {z-index: 23; position: relative; top: 0px; left: 0px; color: red; visibility: visible; text-decoration: none;}

.dummy_table{
    border-width: 1px;
    border-color: gray;
    border-style: solid;
    border-spacing: 0;
    padding: 0;
    clear: both;    
}
.right_content{
    margin-left: 40px;
    width: 650px;
    
}
.prod_content{
    border-bottom: 1px dotted #666666;
    display: block;
    margin-bottom: 10px;
    padding: 10px 0 20px;
    min-height: 230px;
}

.akcio{
    background-image: url("../images/csik.png");
    background-repeat: no-repeat;
    background-position: center right;    
    left: 845px;
    top:280px;
    
    display: block;
    height: 96px;
    position: absolute;
    
    width: 280px;
}
.akcio_szoveg {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    left: 30px;
    margin: 13px 55px 40px 48px;
    overflow: hidden;
    text-align: justify;
    top: 8px;
}
.prod_text{
    color: white;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    overflow: hidden;
}
 .prod_imag{
    float: right;
    margin-left: 10px;
    margin-top: 30px;
 }
 .prod_titlu{
    color: #ffbebe;
    font-family: sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 22px;
    text-align: left;
    overflow: hidden;
 }
 .dotted_list{
    padding-left: 15px;
 }
 .evid{
    font-weight: bold;
    color: white;
 }