body, html {
    background: rgb(255,197,25);
    margin: 0 0 0 0;
    font-family: arial;
}

a {
    outline: none;
    text-decoration: none;
    color: rgb(140,86,0);
}

#shapat {
    width: 820px;
    height: 405px;
    background: url(../img/bg.jpg) no-repeat center;
    margin: 50px auto 0 auto;
}

#shapat a {
    width: 142px;
    height: 22px;
    display: block;
    /*background: red;*/
    position: relative;
    top: 13px;
    left: 659px;
    /*opacity: .5;*/
}

#menu {
    width: 820px;
    height: 105px;
    /*background: red;*/
    margin: 0 auto 0 auto;
}

#menu a {
    display: block;
    float: left;
    height: 105px;
    margin: 0 0 0 0;
}

#menu a:hover, a.act {
    background-position: top !important;
}

a.act {
    cursor: default;
}

#menu a.menu1 {
    width: 161px;
    background: url(../img/menu1.jpg) no-repeat bottom;
}

#menu a.menu2 {
    width: 162px;
    background: url(../img/menu2.jpg) no-repeat bottom;
}

#menu a.menu3 {
    width: 178px;
    background: url(../img/menu3.jpg) no-repeat bottom;
}

#menu a.menu4 {
    width: 158px;
    background: url(../img/menu4.jpg) no-repeat bottom;
}

#menu a.menu5 {
    width: 161px;
    background: url(../img/menu5.jpg) no-repeat bottom;
}

#terror {
    width: 820px;
    height: 256px;
    margin: 0 auto 0 auto;
}

.alkotok {
    width: 410px;
    height: 256px;
    float: left;
}

#macsi {
    background: url(../img/macsi.jpg) no-repeat center;
}

#reka {
   background: url(../img/reka.jpg) no-repeat center; 
}

a.gomb {
    width: 73px;
    height: 61px;
    position: relative;
    display: block;
    top: 176px;
    left: 316px;
}

a.gomb:hover {
    background-position: top !important;
}

a.macsi {
    background: url(../img/macsigomb.jpg) no-repeat bottom;
    left: 304px;
}

a.reka {
    background: url(../img/rekagomb.jpg) no-repeat bottom;
}

#szoveg {
    width: 820px;
    margin: 0 auto 0 auto;
}

#szoveg2 {
    width: 526px;
    height: 332px;
    color: rgb(140,86,0);
    margin: 0 0 0 22px;
    padding: 10px 0 0 0;
    float: left;
}

h1 {
    font-size: 16px;
    margin: 0 0 0 0;
}

#figura {
    width: 241px;
    height: 436px;
    float: left;
}

p.szoveg {
    line-height: 1.2em;
    margin: 0 0 0 0;
}

.zsiraf {
    background: url(../img/kikvagyunk.jpg) no-repeat center;
}

.gyik {
    background: url(../img/gyik.jpg) no-repeat center;
}

.reka {
    background: url(../img/reka/reka2.jpg) no-repeat top;   
}

.macsi {
    background: url(../img/macsi/macsi2.jpg) no-repeat top;   
}

.csuda {
    background: url(../img/csuda/csuda.jpg) no-repeat top;   
}

.akarok {
    background: url(../img/akarok.jpg) no-repeat top;  
}

#szoveg2 table {
    margin: 10px 0 0 0;
}

#szoveg2 table td img {
    /*border: none;*/
    }
    
table.kontakt {
    width: 100%;
    margin: -6px 0 10px 0 !important;
}

table.kontakt th {
    text-align: left;
}

#map_canvas {
    width: 520px;
    height: 350px;
}