body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin: 0;
    border: 0 solid black;
    background-repeat: repeat-x;


}


cite {
    font-family: Arial, Helvetica, sans-serif;
    color:#30568e;
    font-weight: bold;
    text-decoration:none;
    font-style: normal;
}

a.red{
    font-family: Arial, Helvetica, sans-serif;
    color:#aa0000;
    font-weight: bold;
    text-decoration:none;
}

a.xxx{
    font-family: Arial, Helvetica, sans-serif;
    color:#666666;
    font-size: 12pt;
    text-decoration:none;
    margin-right:100px;
}

a.black{
    font-family: Arial, Helvetica, sans-serif;
    color:#666666;
    font-weight: normal;
    text-decoration:none;
}

a.bold{
    font-family: Arial, Helvetica, sans-serif;
    color:black;
    font-weight: bold;
    text-decoration:none;
}

a:hover {
    color:#ff0000;
}


p {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 0px;
    margin-top: 0.5cm;
    margin-bottom:0.5cm;
    margin-right:0.5cm;
    margin-left:0.5cm;
    text-indent:-0px;
    text-align: justify;
}


hr {
    height: 1px;
}

input { 
    background-color: #e2f9db; 
    border: 1 solid lightgrey   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
}

textarea,select  { 
    background-color: #e2f9db; 
    border: 1 solid lightgrey   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
}


<!-- menu  i reszta -->

td {
    font-size: 8pt;
    vertical-align:top;
    horizontal-align:left;
}


/**  OTHERS      **/


.clr {
clear:both;
}

/* thumbnail list */

    ul#thumbs, ul#thumbs li{
        margin:0;
        padding:0;
        list-style:none;
    }
    
    ul#thumbs li{
        float:left;
        margin-right:5px;
        border:1px solid #999;    
        padding:1px;
    }
    ul#thumbs a{
        display:block;
        float:left;
        width:125px;
        height:145px;
        line-height:100px;
        overflow:hidden;
        position:relative;
        z-index:1;        
    }
    ul#thumbs a img{
        float:left;
        position:absolute;
        top:-20px;
        left:-50px;    
    }
    
    /* mouse over */
    
        ul#thumbs a:hover{
            overflow:visible;
            z-index:1000;
            border:none;        
        }
        ul#thumbs a:hover img{
            border:1px solid #999;    
            background:#fff;
            padding:1px;            
        }    
    
    /* // mouse over */

    /* clearing floats */
    
        ul#thumbs:after, li#thumbs:after{
            content:".";
            display:block;
            height:0;
            clear:both;
            visibility:hidden;
            }
        ul#thumbs, li#thumbs{
            display:block;
            }
        /*  \*/
        ul#thumbs, li#thumbs{
            min-height:1%;
            }
        * html ul#thumbs, * html li#thumbs{
            height:1%;
            }    
    
    /* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

    p.thumb{
        float:left;
        margin:.5em 0;
        margin-right:10px;
        border:1px solid #999;    
        padding:1px;
    }
    p.thumb a{
        display:block;
        float:left;
        width:120px;
        height:120px;
        line-height:100px;
        overflow:hidden;
        position:relative;
        z-index:1;    
    }    
    p.thumb a img{
        float:left;
        position:absolute;
        top:-20px;
        left:-50px;    
    }
    
    /* mouse over */
    
        p.thumb a:hover{
            overflow:visible;
            z-index:1000;
            border:none;        
        }
        p.thumb a:hover img{
            border:1px solid #999;    
            background:#fff;
            padding:2px;            
        }    
    
    /* // mouse over */    

/* // single thumbnail */