/**
* Reset css by Yahoo!
* http://developer.yahoo.com/yui/reset/
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin:0;
    padding:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

fieldset, img { 
    border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}

ol, ul {
    list-style:none;
}

caption, th {
    text-align:left;
}

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}

q:before, q:after {
    content:'';
}

abbr, acronym { 
    border:0;
}

/**
* Site styles
*/
body {
    background-color: #000;
    font-family: Verdana;
    font-size: 11px;
    line-height: 19px;
}

#container {
    background: url('../images/blank_bg2.jpg') no-repeat;
    width: 1144px;
    height: 900px;
    position: relative;
}

#logoFrame {
    position: absolute;
    width: 330px;
    height: 170px;    
    left: 50px;
    top:0px;
    cursor: pointer;
}

.menu {
    position: absolute;    
    height: 32px;
    cursor: pointer;
    z-index: 5;
}

.menu#menuTorzsvendegek {
    background: url('../images/torzsvendegek.jpg') no-repeat;    
    width: 154px;
    top:325px;
    left: 54px;
}

.menu#menuKapcsolat {
    background: url('../images/kapcsolat.jpg') no-repeat;    
    width: 112px;
    top:371px;
    left: 335px;
}

.menu#menuLeiras {
    background: url('../images/leiras.jpg') no-repeat;    
    width: 83px;
    top:219px;
    left:561px;
}

.menu#menuFotoVideo {
    background: url('../images/foto.jpg') no-repeat;    
    width:114px;
    top:76px;
    left:507px;
}

.menu#menuNosztalgia {
    background: url('../images/nosztalgia.jpg') no-repeat;    
    width:113px;
    top:358px;
    left:668px;
}

.menu#menuJatek {
    background: url('../images/jatek.jpg') no-repeat;    
    width:84px;
    top:509px;
    left:718px;
}

.menuMaterial {
    position: absolute; 
    display: none;   
}

.menuMaterial#szek {
    background: url('../images/szek_over.jpg') no-repeat;    
    width: 252px;
    height: 182px;
    left:0;
    top:371px;
}

.menuMaterial#telefon {
    background: url('../images/telefon_over.jpg') no-repeat;    
    width: 183px;
    height: 117px;
    left:300px;
    top:247px;
}

.menuMaterial#foto {
    background: url('../images/foto_over.jpg') no-repeat;    
    width: 128px;
    height: 73px;
    left:481px;
    top:0px;
}

.menuMaterial#kartya {
    background: url('../images/kartya_over.jpg') no-repeat;    
    width: 189px;
    height: 115px;
    left:650px;
    top:549px;
}

.menuMaterial#nosztalgia {
    background: url('../images/nosztalgia_over.jpg') no-repeat;    
    width: 190px;
    height: 92px;
    left:714px;
    top:262px;
}

.menuMaterial#tortenet {
    background: url('../images/tortenet_over.jpg') no-repeat;    
    width: 189px;
    height:187px;
    left:477px;
    top:178px;
}

.menuMaterial#esemenyek {
    background: url('../images/esemenyek_over.jpg') no-repeat;    
    width:255px;
    height:247px;
    left:620px;
    top:23px;
    cursor: pointer;
}

.menuMaterial#esemenyek2 {
    background: url('../images/notesz_over.jpg') no-repeat;    
    width:168px;
    height:334px;
    left:76px;
    top:462px;
    cursor: pointer;
}

.esemenyekFakeBox {
    position: absolute;
    width:255px;
    height:247px;
    left:621px;
    top:23px;
    cursor: pointer;
}

.noteszFakeBox {
    cursor:pointer;
    height:205px;
    left:75px;
    position:absolute;
    top:455px;
    width:168px;
}

.floatedBox,
.messageBox {
    position: relative;
    top:220px;
    z-index: 10;
    left:125px;
    color: #fff;
    width: 804px;
    background: url('../images/floatedbox_m.png') repeat-y;
}

.messageBox {
    left: 170px;    
}

.floatedBox .top {
    position: absolute;
    background: url('../images/floatedbox_t.png') no-repeat;
    height: 16px;
    width: 804px;
    top:-16px;
}

.floatedBox .bottom {
    position: absolute;
    background: url('../images/floatedbox_b.png') no-repeat;
    height: 17px;
    width: 804px;
    bottom:-17px;
}

.floatedBox#nosztalgiaLeft {
    top:265px;
    width: 533px;
}

.floatedBox#nosztalgiaLeft .top {
    background: url('../images/floatedbox_t_533.png') no-repeat;
    width: 533px;
    left: 0px;
}

.floatedBox#nosztalgiaLeft .bottom {
    background: url('../images/floatedbox_b_533.png') no-repeat;
    width: 533px;
}

.floatedBox#nosztalgiaLeft p {  
    width: 300px;
    float: left;
    margin-top: 10px;
}

.floatedBox#nosztalgiaRight {
    position: absolute;
    width:253px;
    left:676px;
    top:620px;
}

.floatedBox#nosztalgiaRight .top {
    background: url('../images/floatedbox_t_253.png') no-repeat;
    width: 253px;
}

.floatedBox#nosztalgiaRight .bottom {
    background: url('../images/floatedbox_b_253.png') no-repeat;
    width: 253px;
    left: 0px;
}

.messageBox {
    width: 600px; 
    position: absolute;
    left: 20%;
    top:200px; 
    z-index: 20;  
}

.messageBox .top {
    position: absolute;
    background: url('../images/messagebox_t.png') no-repeat;
    height: 16px;
    width: 600px;
    top:-16px;
}

.messageBox .bottom {
    position: absolute;
    background: url('../images/messagebox_b.png') no-repeat;
    height: 17px;
    width: 600px;
    bottom:-17px;
}

.floatedBox h1, 
.sFloatedBox h1,
.messageBox h1 {
    font-size: 48px;
    color: #ffc94a;
    line-height: 12px;    
}

.floatedBox .left {
    color: #fff;
    width: 450px;
    margin-top: 20px;
    float: left;
}

.floatedBox .right {
    color: #fff;
    width: 290px;
    margin-top: 20px;
    float: left;
}

.floatedBox a,
.messageBox a {
    text-decoration: none;
    color: #fff;   
}

.floatedBox a:hover {
    text-decoration:underline;    
}

.floatedBox .left b,
.messageBox b {
    font-weight: normal;
    color: #ffc94a;    
}

.sFloatedBox {
    position: relative;
    top:250px;
    z-index: 10;
    margin: auto;
    width: 486px;
    background: url('../images/s_floatedbox_m.png') repeat-y;
    height: 140px;
}

.sFloatedBox .top {
    position: absolute;
    background: url('../images/s_floatedbox_t.png') no-repeat;
    height: 28px;
    width: 486px;
    top:-28px;
}

.sFloatedBox .bottom {
    position: absolute;
    background: url('../images/s_floatedbox_b.png') no-repeat;
    height: 28px;
    width: 486px;
    bottom:-28px;
}

.sFloatedBox p {
    margin: 15px 0 10px 0;
    color: #fff;    
}

.csbody {
    cursor:pointer;
    min-height:23px;
    position: relative;
}

.csbody#first {
    position: absolute;
    left:60px;
    top:101px;    
}

.csbody#second {
    position: absolute;
    left: 140px;
    top:101px;    
}

.csbody#third {
    position: absolute;
    left: 270px;
    top:101px;    
}

.cstext {
    background: url('../images/input-m.png') repeat-x;
    color:#000;
    font-size: 15px;
    float: left;
    height: 21px;
    padding-top:2px;
}

.csval {
    display:none;
}

.csleft {
    float: left;
    background: url('../images/input-l.png') repeat-x;
    width: 6px;
    height: 23px;
}

.csright {
    float: left;
    background: url('../images/select-r.png') repeat-x;
    width: 20px;
    height: 23px;
}

.csbody ul {
    background-color:#FFFFFF;
    border:1px solid #000;
    display:none;
    margin:3px 0 0 0;
    padding:0 3px;
    position:absolute;
    top:20px;
    left: 1px;
    z-index:10;
    max-height: 200px;
    overflow-x:none;
    overflow-y:scroll;
}

.csbody ul li {
    list-style-type:none;
    padding:0 0 0 5px;
    height:23px;
    font-size: 13px;
}

.floatedBox .csbody ul li a,
.csbody ul li a {
    color: #000;
    text-decoration:none;
}

.button {
    background: url('../images/button_bg.png') no-repeat;
    width: 108px;
    height: 23px;
    padding: 0 0 3px 0;
    border: none;
    cursor: pointer;
}

.button#ageButton {
    position: absolute;
    left: 330px;
    top:101px;
}

.input {
    margin-bottom: 7px;    
}

.input br {
    clear: left;
}

.invalid {
    position: relative;
    top:-5px;    
}

.input label {
    width: 135px;
    float: left;
    text-align: right;
    padding:1px 5px 0 0;
}

.input .inputLeft {
    float: left;
    background: url('../images/input-l.png') no-repeat;
    width: 6px;
    height: 23px;
}

.invalid .inputLeft {
    background: url('../images/input-l-invalid.png') no-repeat;
    width: 9px;
    height: 29px;
}

.input input[type=text],
.input input[type=password] {
    float: left;
    background: url('../images/input-m.png') repeat-x;
    height: 23px;
    border: none;
    width: 135px;
}

.invalid input[type=text] {
    background: url('../images/input-m-invalid.png') repeat-x;
    height: 29px;
    color:#ff0c00;
}

.input .inputRight {
    float: left;
    background: url('../images/input-r.png') no-repeat;
    width: 6px;
    height: 23px;
}

.invalid .inputRight {
    background: url('../images/input-r-invalid.png') no-repeat;
    width: 9px;
    height: 29px;
}

.input .csbody#regYear {
    position:absolute;
    right:129px;
    top:137px;
    width:70px;
}

.input .csbody#regMonth {
    position:absolute;
    right:69px;
    top:137px;
    width:70px;
}

.input .csbody#regDay {
    position:absolute;
    right:23px;
    top:137px;
    width:70px;
}

.input .csbody .cstext,
.input .csbody ul li a {
    font-size: 11px;    
}

p.legend {
    padding: 0 0 5px 140px;
    font-weight: bold;    
}

table tr {
    border: 1px solid #fff;
}

table tr td {
    padding: 2px 5px;    
}

small {
    color: #b9b9b9;
    line-height: 12px;        
}

.loggedIn {
    position: absolute;
    right:32px;
    top:15px;    
    font-size: 12px;
}

.fotoVideoBox {
    margin-top: 20px;
}

.fotoVideoBox img {
    float: left;
    margin: 0 13px 13px 0;    
    cursor: pointer;
}

p.error {
    color: #ff0c00;
    font-size: 11px;
    margin: 5px 0 0 55px;    
}

.esemenyekFakeBox ul,
#esemenyek ul {
    left:30px;
    position:relative;
    top:60px;    
    -webkit-transform: rotate(-2deg); 
    -moz-transform: rotate(-2deg);
    z-index: 9;
}

#esemenyek ul {
    left: 31px;    
}

.esemenyekFakeBox ul li,
#esemenyek ul li {
    color:#a19997;    
    font-size: 21px;
    margin: 3px 0;
}

img.close {
    position:absolute;
    right:4px;
    top:-10px;
    z-index:2;    
}