* { margin:0; padding:0; }


body {
background-image:url('img/doki_bg.jpg');
background-repeat:repeat;

}


#wrapper {
    display:block;
    width:1024px;
    height:1000px; 
    margin:0 auto;
   
}

#header {
    position:relative;
    display:block;
    float:left; 
    width:940px;
    
    margin-left:42px;
    
}

#header h1 {
    display:block;
    float:left;
    width:200px;
    height:200px;
    background:url('img/logo2.png') no-repeat 0 0;
    text-indent:-10000px;
    margin:15px 0 0 15px;
    }
    
  
#header h1 a {
    display:block;
    width:100%;
    height:100%;
} 

  
#bartaboka {
    float:left;
    display:block;
    height:110px;
    width:400px;
    margin:50px 0 0 50px;   
}

#telo {
    display:inline-block;
    font:bold 14px verdana, geneva, sans-serif;
    color:#727272;
    line-height:150%;
    letter-spacing:-1px;
    text-align:center;
    margin-top:30px;
    margin-left:25px;
    width:230px;
    height:185px;
    
}

#dummytext {
    display:none;
}



#navbar {
    position:relative;
    display:block;
	margin-left:0;
    float:left;
	padding: 0;
	height: 53px;
    width:1024px;
    background:url('img/topnaviV4.jpg') no-repeat 0 0;
    z-index:60;
    }
#navbar li {
	list-style: none;
	float: left;
    margin-left:43px;
    
    
    }
#navbar li a {
	display: block;
	padding: 3px 8px;
    
	color: #fff;
	text-decoration: none; 
    }
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background:url('img/BLUR3v2.jpg') no-repeat -245px -282px;
    -moz-box-shadow: -2px 2px 6px #696969;
     -webkit-box-shadow: -2px 2px 6px #696969;
    box-shadow: -2px 2px 6px #696969;
    filter:alpha(opacity=90);
    opacity:.9;
    }
    
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
    }
#navbar li:hover li {
	float: none;
   
    }
#navbar li:hover li a {
    font-family: 'Noticia Text', serif;
    font-size:14px;
	/*background-color: #c0c7ca;*/
	border-bottom: 1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
	color: #323232;
     margin-left:-43px;
    }
#navbar li li a:hover {
	background-color: #73a9bf;
    color:White;
    }
    
#navmenu {
    height:40px;
    padding-left:86px;
    padding-top:13px;
}

#fooldal {
    display:block;
    margin-top:-13px;
    margin-left:-3px;
    width:60px;
    height:47px;
    text-indent:-10000px;
}

#fooldal:hover {
    background:url('img/topnaviV4.png') no-repeat -126px -53px;
}

#szolg {
    display:block;
    margin-top:-13px;
    margin-left:-18px;
    width:120px;
    height:47px;
    text-indent:-10000px;
    background:url('img/topnaviV4.png') no-repeat -227px -53px;
}

#szolg:hover {
    background:url('img/topnaviV4.png') no-repeat -227px -53px;
}

#arak {
    display:block;
    margin-top:-13px;
    margin-left:-18px;
    width:50px;
    height:47px;
    text-indent:-10000px;
    
}

#arak:hover {
    background:url('img/topnaviV4.png') no-repeat -388px -53px;
}

#galeria {
    display:block;
    margin-top:-13px;
    margin-left:-24px;
    width:60px;
    height:47px;
    text-indent:-10000px;
    
}

#galeria:hover {
    background:url('img/topnaviV4.png') no-repeat -473px -53px;
}

#munkatars {
    display:block;
    margin-top:-13px;
    margin-left:-18px;
    width:105px;
    height:47px;
    text-indent:-10000px;
}

#munkatars:hover {
    background:url('img/topnaviV4.png') no-repeat -574px -53px;
}

#kapcs {
    display:block;
    margin-top:-13px;
    margin-left:-18px;
    width:80px;
    height:47px;
    text-indent:-10000px;
}

#kapcs:hover {
    background:url('img/topnaviV4.png') no-repeat -720px -53px;
}

#hun a {
    
    width:18px;
    display:block; 
    height:37px;
    text-indent:-10000px;
    margin-left:-32px; 
    margin-top:-8px;
    background:url('img/topnaviV4.jpg') no-repeat -827px -58px;
    }

#hun a:hover {
  background:url('img/topnaviV4.jpg') no-repeat -827px -58px; 
}
#eng a {
    
    width:18px;
    display:block; 
    height:37px;
    text-indent:-10000px;
    margin-left:-40px; 
    margin-top:-8px; 
    }

#eng a:hover {
    background:url('img/topnaviV4.jpg') no-repeat -864px -58px; 
}
#germ a {
    
    width:17px;
    display:block; 
    height:37px;
    text-indent:-10000px;
    margin-left:-46px; 
    margin-top:-8px; 
    }

#germ a:hover {
    background:url('img/topnaviV4.jpg') no-repeat -901px -58px; 
}
#serb a {
    
    width:18px;
    display:block; 
    height:37px;
    text-indent:-10000px;
    margin-left:-53px; 
    margin-top:-8px; 
    }

#serb a:hover {
    background:url('img/topnaviV4.jpg') no-repeat -937px -58px; 
}
#roman a {
    position:absolute;
    width:18px;
    display:block; 
    height:37px;
    text-indent:-10000px;
    left:974px;
    top:5px;
    }

#roman a:hover {
    background:url('img/topnaviV4.jpg') no-repeat -974px -58px; 
}







#slider {
    position:relative;
    float:left;
    display:block;
    width:1200px;
    height:414px;
    margin-left:-130px;
    margin-top:25px;
    background-image:url('img/slider_bg.jpg');
}

#slider2 {
    position:relative;
    float:left;
    display:block;
    width:1024px;
    
    margin-left:0;
    margin-top:25px;
    background-color:#6793a6;
}

#leiras {
    display:block;
    width:425px;
    height:425px;
    position:absolute;
    top:50px;
    left:30px;
    color:#dbdbdb;
}

#slogan {
    position:absolute;
    display:block;
    width:290px;
    margin:28px 0 0 138px;
    height:330px;
    font:bold 40px verdana, geneva, sans-serif;
    color:#dbdbdb;
    text-shadow: 1px 1px 1px #000;
}

.slideshow { 
    
    position:relative;
    width:600px;
    height:360px;
    height:332px;
    left:460px;
    top:35px;
}
.slideshow img { 
    position:absolute;
    
}

#divider {
    margin-left:0;
    width:1024px;
}

#content {
    position:relative;
}

.line {
    margin-top:0;
}

.line2 {
    margin-top:25px;
}

.box {
    position:relative;
    width:460px;
    height:277px;
    background:url('img/contboxbg.png') no-repeat 0 0;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    display:inline-block;
    margin-left:5px;
    
}


.boxhead {
    background:url('img/contentheadbg.jpg') no-repeat 0 0;
    display:block;
    height:33px;
}

.contentbutton  {
    list-style-type:none;
    text-align:center;
    text-decoration:none;
    font-family:serif;
    
    
   
}

.contentbutton a {
     text-decoration:none;
     color:#d4e5eb;
     font-weight:bold;
     font-size:x-large;
     margin-top:5px;
     text-shadow: 1px 1px 1px #000;
}

.contentbutton a:hover {
     text-decoration:none;
     color:#ffffff;
     font-weight:bold;
     font-size:x-large;
     margin-top:5px;
     text-shadow: 1px 1px 1px #000;
}

.boxtext {
    width:218px;
    height:228px;
    margin:6px 0 0 8px;
    color:#568399;
}

.boxpic {
    position:absolute;
    right:12px;
    top:52px;
}

.clear {
    clear:both;
}

#footer {
    margin-left:42px;
    
}

.linearak {
    float:left;
    display:block;
    width:1200px;
    height:414px;
    margin-left:-130px;
    margin-top:25px;
    margin-bottom:25px;
    background-image:url('img/slider_bgV2.jpg');
}

.arbox {
    position:relative;
    width:380px;
    height:347px;
    background:url('img/araklistabg.jpg') no-repeat 0 0;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    display:inline-block;
    margin-left:12px;
    margin-top:32px;
    -moz-box-shadow: 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px #000;
}

.arboxhead {
    background:url('img/arakkategoria.jpg') no-repeat 0 0;
    display:block;
    height:33px;
}

#kezeles {
     list-style-type:none;
     font:bold 20px verdana, geneva, sans-serif;
     margin-left:25px;
     margin-top:15px;
}

#kezeles a {
    text-decoration:none;
    color:#527e92;
    
}

#kezeles a:hover {
    text-decoration:none;
    color:#77c4ff;
    }

.kezcsop {
    font-family: 'Kotta One', serif;
    font-size:20px;
    font-weight:bolder;
    margin-left:110px;
    padding-top:4px;
    color:#d4e5eb;
    text-shadow: 1px 1px 1px #000;
    
}

#kezelesleirasa {
    width:360px;
    height:330px;
    display:block;
    margin:25px 0 0 40px;
}

.slideshow2 { 
    
    position:absolute;
    width:600px;
    height:360px;
    left:460px;
    top:35px;
}
.slideshow2 img { 
    position:absolute;
    }
  
.photobox {
    position:relative;
    float:left; 
    width:120px;
    height:120px;
   
    margin-left:120px;
    margin-top:60px;
    border: 1px solid #fff;
    left:20px;
   
    
}

.headtext {
    text-align:center;
    color:#dbdbdb;
    font-size:x-large;
}

.leftside {
    position:relative;
    
    width:900px;
    left:59px;
    top:15px;
    margin-bottom:35px;
}

.rightside {
    position:absolute;
    height:380px;
    width:415px;
    left:500px;
    top:30px;
}

.headtextleft {
    color:#e9e9e9;
    text-decoration:underline;
    margin-top:10px;
}

#gyer1 {
    float:left;
    border:5px solid transparent;
    top:50px;
    margin-top:15px;
}
#gyer2 {
    float:left;
    border:5px solid transparent;
    top:50px;
    margin-top:15px;
    margin-left:-160px;
}
#gyer3 {
    float:right;
    border:5px solid transparent;
    top:50px;
    margin-top:15px;
}
.mainleft {
    color:#dbdbdb;
    text-align:justify;
    margin-top:15px;
}
#xray1 {
    position:absolute;
    left:400px;
    top:50px;
}

#x1 {
    margin-top:5px;
    margin-left:150px;
}