@import url('colors.css');

BODY {
    margin:             0; 
    padding:            0px;
    font:               normal 12px Verdana, Arial, Sans serif;
    text-align:         center;
    }

H1 {
    margin:             0; 
    font:               normal bold 17px/44px Verdana, Arial, Sans serif;
    text-align:         center;
    width:              100%;
    }

H2 {
    background:         transparent;
    font:               bold 15px Verdana, Arial, Sans serif;
    text-align:         center;
    }

TABLE {
    margin:             0 auto;
    text-align:         center;
    }
    
TD {
    padding:            4px;
    vertical-align:     middle;
    font:               normal 12px Verdana, Arial, Sans serif;
    }
    
TD.eler1 {
    text-align:         right;
    font-weight:        bold;
    }
    
TD.eler2 {
    text-align:         left;
    font-weight:        bold;
    }

TABLE#arak {
    text-align:         center;
    border-width:       1px;
    border-style:       solid;
    border-collapse:    collapse;
    margin:             0 auto;
    width:              560px;
    }

TABLE#arak TH {
    text-align:         left;
    border-width:       1px;
    border-style:       solid;
    font:               bold 11px Verdana, Arial, Sans serif;
    padding:            3px;
    }

TABLE#arak TD {
    padding:            3px;
    border-width:       1px;
    border-style:       solid;
    text-align:         center;
    font:               bold 11px Verdana, Arial, Sans serif;
    }

IMG {
    margin:             0px;
    }

A {
    font:               bold 12px Verdana, Arial, Sans serif;
    }

A:link,
A:visited {
    text-decoration:    underline;
    }

A:active,
A:hover {
    text-decoration:    none;
    }

P#flag {
    margin-top:         10px;
    text-align:         center;
    }

DIV#map {
    background-image:   url(kep1.jpg);
    border-width:       1px;
    border-style:       solid;
}

DIV#tartalom {
    margin:             0 auto;
    width:              752px;
}

#gallery {width:752px; height:400px; padding:0; border:0; position:relative;}
#gallery b.default {position:absolute; left:0; top:0; width:502px; height:395px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px; border-width:1px; border-style: solid;}
#gallery b.default span {display:block; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:11px; width:500px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:250px; position:relative; float:right;}
#gallery ul li {display:inline; width:102px; height:77px; float:right; margin: 0 0 23px 23px;}
#gallery ul li a {display:block; width:100px; height:75px; text-decoration:none; border-width: 1px; border-style: solid;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:100px; height:75px; border:0;}
#gallery ul li a:hover {white-space:normal;}
#gallery ul li a:hover b {position:absolute; left:-502px; top:0; width:502px; height:395px; border:0; text-align:center; z-index:20;}
#gallery ul li a:hover span {display:block; font-family:verdana, arial, sans-serif; font-weight:bold; font-size:11px; width:502px; margin:0 auto; border-width: 0 1px;}
#gallery ul li a:hover img {margin:0 auto 10px; width:auto; height:auto; border-width: 1px; border-style: solid;}