body {
    background-color:    #4E090E; //#57161A; //#421114;
}

div.page {
    width:               1000px;
    height:              700px;
}

div#index {
    background:          transparent url(/images/index.jpg) no-repeat left top;
}

h1#header {
    display:             none;
}

p {
    font-family:         Verdana;
    font-size:           13px;
    color:               #FFE0E2;
    text-align:          center;
    line-height:         20px;
}

div#footer {
    font-family:         Verdana;
    font-size:           13px;
    color:               #FFE0E2;
    text-align:          center;
    line-height:         20px;
    margin:              30px 0px 7px 0px;
}

div#footer a {
    font-family:         Verdana;
    font-size:           13px;
    color:               #FFE0E2;
}

div#welcome {
    width:               242px;
    height:              71px;
    background:          transparent url(/images/welcome.gif) no-repeat left top;
    text-indent:         -100em;
    overflow:            hidden;
    margin:              0px auto 10px auto;
}

div#index div#content {
    position:            absolute;
    top:                 220px;
    left:                400px;
    width:               520px;
}

div#index div#content div#login {
    margin:              15px auto 0px auto;
    width:               145px;
    height:              58px;
}

div#index div#content div#login a {
    display:             block;
    width:               150px;
    height:              68px;
    overflow:            hidden;
    text-indent:         -100em;          
    position:            relative;
}

div#index div#content div#login a span {
    position:            absolute;
    top:                 0px;
    left:                0px;
    width:               100%;
    height:              100%;
    background:          transparent url(/images/login.gif) no-repeat left top;
    cursor:              pointer;
}

div#index div#content div#login a:hover span {
    background:          transparent url(/images/login_a.gif) no-repeat left top;
}

div#index div#content div#footer {
    display:             none;
}

div#valaszto {
    width:               1000px;
    height:              700px;
    background:          transparent url(/images/valaszto.jpg) no-repeat 0px 0px;
    padding-top: 1px;
}

div#valaszto h2#munkaim {
    width:               241px;
    height:              70px;
    background:          transparent url(/images/munkaim.gif) no-repeat left top;
    text-indent:         -100em;
    overflow:            hidden;
    margin:              70px auto 70px auto;
}

div#valaszto div#content ul {
    width:               900px;
    margin:              0px auto 0px auto;
    overflow:            auto;
}

div#valaszto div#content ul li {
    float:               left;
}

div#valaszto div#content ul li a {
    display:             block;
    overflow:            hidden;
    position:            relative;
    text-indent:         -100em;          
}

div#valaszto div#content ul li a span {
    position:            absolute;
    top:                 0px;
    left:                0px;
    width:               100%;
    height:              100%;
    cursor:              pointer;
}

div#valaszto div#content ul li#allatok a {    
    width:               140px;
    height:              197px;
    margin-right:        60px;
    margin-top:          75px;
}

div#valaszto div#content ul li#allatok a span.kep {
    background:          transparent url(/images/allatok_kep.gif) no-repeat left top;
    height:              152px;
}

div#valaszto div#content ul li#allatok a span.btn {
    top:                 152px;
    background:          transparent url(/images/allatok_btn.gif) no-repeat left top;
    height:              45px;
}

div#valaszto div#content ul li#allatok a:hover span.btn {
    background-position: 0px -45px;
}

div#valaszto div#content ul li#afrika a {    
    width:               117px;
    height:              304px;
    margin-right:        55px;
}

div#valaszto div#content ul li#afrika a span.kep {
    background:          transparent url(/images/afrika_kep.gif) no-repeat left top;
    height:              222px;
}

div#valaszto div#content ul li#afrika a span.btn {
    top:                 222px;
    background:          transparent url(/images/afrika_btn.gif) no-repeat left top;
    height:              81px;
}

div#valaszto div#content ul li#afrika a:hover span.btn {
    background-position: 0px -81px;
}

div#valaszto div#content ul li#azsia a {    
    width:               119px;
    height:              234px;
    margin-right:        50px;
    margin-top:          42px;
}

div#valaszto div#content ul li#azsia a span.kep {
    background:          transparent url(/images/azsia_kep.gif) no-repeat left top;
    height:              189px;
}

div#valaszto div#content ul li#azsia a span.btn {
    top:                 189px;
    background:          transparent url(/images/azsia_btn.gif) no-repeat left top;
    height:              45px;
}

div#valaszto div#content ul li#azsia a:hover span.btn {
    background-position: 0px -45px;
}

div#valaszto div#content ul li#lampak a {    
    width:               132px;
    height:              247px;
    margin-top:          54px;
    margin-right:        50px;
}

div#valaszto div#content ul li#lampak a span.kep {
    background:          transparent url(/images/lampak_kep.gif) no-repeat left top;
    height:              178px;
}

div#valaszto div#content ul li#lampak a span.btn {
    top:                 178px;
    background:          transparent url(/images/lampak_btn.gif) no-repeat left top;
    height:              69px;
}

div#valaszto div#content ul li#lampak a:hover span.btn {
    background-position: 0px -69px;
}

div#valaszto div#content ul li#mindenfele a {    
    width:               174px;
    height:              256px;
    margin-top:          48px;
}

div#valaszto div#content ul li#mindenfele a span.kep {
    background:          transparent url(/images/mindenfele_kep.gif) no-repeat left top;
    height:              175px;
}

div#valaszto div#content ul li#mindenfele a span.btn {
    top:                 175px;
    background:          transparent url(/images/mindenfele_btn.gif) no-repeat left top;
    height:              81px;
}

div#valaszto div#content ul li#mindenfele a:hover span.btn {
    background-position: 0px -81px;
}

div#valaszto div#content div#back {
    margin:              15px auto 0px auto;
    width:               90px;
    height:              120px;
}

div#valaszto div#content div#back a {
    display:             block;
    width:               90px;
    height:              120px;
    overflow:            hidden;
    text-indent:         -100em;          
    position:            relative;
}

div#valaszto div#content div#back a span {
    position:            absolute;
    top:                 0px;
    left:                0px;
    width:               100%;
    height:              100%;
    background:          transparent url(/images/vissza.gif) no-repeat left top;
    cursor:              pointer;
}

div#valaszto div#content div#back a:hover span {
    background:          transparent url(/images/vissza_a.gif) no-repeat left top;
}

div#valaszto div#content a#arlista {
    display:             block;
    position:            absolute;
    color:               #EFA228;
    background-color:    inherit;
    font-style:          italic;
    left:                700px;
    top:                 664px;
}

div#galeria div#content h2.category {
    display:             block;
    width:               500px;
    height:              768px;
    overflow:            hidden;
    text-indent:         -100em;          
    position:            relative;
    float:               left;
    background-repeat:   no-repeat;
    background-position: left top;
}

div#galeria div#content h2#afrika {
    background-image:    url(/images/galeria_afrika.jpg);
}

div#galeria div#content h2#allatok {
    background-image:    url(/images/galeria_allatok.jpg);
}

div#galeria div#content h2#azsia {
    background-image:    url(/images/galeria_azsia.jpg);
}

div#galeria div#content h2#lampak {
    background-image:    url(/images/galeria_lampak.jpg);
}

div#galeria div#content h2#mindenfele {
    background-image:    url(/images/galeria_mindenfele.jpg);
}

div#galeria div#content div#canvas {
    display:             block;
    width:               500px;
    height:              768px;
    background:          transparent url(/images/galeria.jpg) no-repeat left top;
    float:               left;
    position:            relative;
}

div#galeria div#content div#canvas a#index {
    top:                 23px;
    left:                280px;
    position:            absolute;
    display:             block;
    width:               190px;
    height:              60px;
    text-indent:         -100em;
    overflow:            hidden;
}

div#galeria div#content ul {
    position:            relative;
    top:                 100px;
    width:               500px;
}

div#galeria div#content ul li {
    display:             block;
    float:               left;
}

div#galeria div#content ul li.item {
    width:               81px;
    height:              87px;
    margin:              18px;    
    background:          transparent url(/images/thumb.gif) no-repeat left top;
}
div#galeria div#content ul li.hideitem {
    width:               81px;
    height:              87px;
    margin:              18px;    
}

div#galeria div#content ul li.item img {
    margin:              2px 2px -2px 2px;
    width:               77px;
    height:              83px;
}

div#galeria div#content ul li#back a {
    display:             block;
    width:               84px;
    height:              94px;
    margin:              16px;    
    overflow:            hidden;
    text-indent:         -100em;          
    position:            relative;
}

div#galeria div#content ul li#back a span {
    position:            absolute;
    left:                0px;
    width:               100%;
    cursor:              pointer;
}

div#galeria div#content ul li#back a span.kep {
    top:                 0px;
    height:              55px;
    background:          transparent url(/images/galeria_vissza.gif) no-repeat left top;
}

div#galeria div#content ul li#back a span.btn {
    top:                 55px;
    height:              39px;
    background:          transparent url(/images/galeria_vissza_btn.gif) no-repeat left top;
}

div#galeria div#content ul li#back a:hover span.btn {
    background-position: 0px -39px;   
}

div#galeria div#footer {
    margin:     0px;
    clear:      both;
    display:    block;
    top:        -52px;
    z-index:    100;
    position:   relative;
}

div#reszletes div#description {
    position:     absolute;
    padding:      4px;
    right:        0px;
    top:          0;
    margin:       7px;
    border:       2px solid #F6DCB3;
    background:   #6F1A21;
    width:        200px;
    opacity:      .50;
    filter:       alpha(opacity=50);
    -moz-opacity: 0.5;
}

div#description h2,
div#description p {
    font-size:    10px;
    font-family:  Verdana;
    font-size:    10px;
    color:        white;
    text-align:   left;
    line-height:  1.2em;
}

div#description h2 {
    text-transform: uppercase;
    font-weight:    bold;
}