/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS RESET END */
p{
  margin-bottom: 15px;
  text-align: justify;
}

h1{
   color: #555555;
   font-weight: bold;
   margin-bottom: 20px;
   font-size: large;
   text-align: center;
}
h2{
   color: #555555;
   font-weight: bold;
   margin: 15px 0 15px 0;
   font-size: 16px;
   text-align: left;
}
body{
	text-align: center;
	background-color: #3a3a3a;
    color: #3a3a3a;
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 14px;
    line-height: 140%;
    background-image: url(kepek/design/bg_body.jpg);
    background-position: top center;
	background-repeat: no-repeat;
}

#container {
    width: 1000px;
    height: 1200px;
    margin: 0px auto 0px auto;
    padding: 0px;
    top: 0px;
}


#header{
    width: 1000px;
    margin: 0;
    padding: 0;
    height: 248px;
    top: 0;
}

#footer{
    width: 1000px;
    background: #3a3a3a url(kepek/design/bg_footer.jpg) no-repeat top center;
    height: 91px;
}


#contentwrapper{
    width: 1000px;
    height: 831px;
    background: url(kepek/design/bg_contentwrapper.jpg) no-repeat top left;
    text-align: left;
}

#menubox{
    width: 1000px;
    height: 30px;
    background: url(kepek/design/bg_menu.jpg) no-repeat top left;
    /*overflow: hidden; */
}

#content{
    width: 780px;
    height:800px;
    overflow: hidden;
    text-align: left;
    /*border: 1px solid red;*/
    margin-left: 25px;
    padding-top: 15px;
}

#menu{background: url(kepek/design/bg_menu.jpg) no-repeat top left; width: 1000px;}
#nav, #nav ul {padding:0; margin:0 auto; list-style:none; background:#fff;}

#nav {position:relative; z-index:50; width: 1000px;}
#nav ul {display:none;}

#nav li {float:left; position:relative; padding: 0; margin: 0; height: 30px;}
#nav li a {text-decoration:none; font-family:garamond, serif; font-size:16px; white-space:nowrap; padding: 0; margin: 0;}

#nav li.m1{ width: 109px; background: url(kepek/menu/menu_01_hun.jpg) no-repeat left top;}
#nav li.m1:hover, #nav li.m1_akt{ width: 109px; background: url(kepek/menu/menu_01_hun.jpg) no-repeat left bottom;}

#nav li.m2{ width: 109px; background: url(kepek/menu/menu_02_hun.jpg) no-repeat left top;}
#nav li.m2:hover, #nav li.m2_akt{ width: 109px; background: url(kepek/menu/menu_02_hun.jpg) no-repeat left bottom;}

#nav li.m3{ width: 109px; background: url(kepek/menu/menu_03_hun.jpg) no-repeat left top;}
#nav li.m3:hover, #nav li.m3_akt{ width: 109px; background: url(kepek/menu/menu_03_hun.jpg) no-repeat left bottom; }

#nav li.m4{ width: 109px; background: url(kepek/menu/menu_04_hun.jpg) no-repeat left top;}
#nav li.m4:hover, #nav li.m4_akt{ width: 109px; background: url(kepek/menu/menu_04_hun.jpg) no-repeat left bottom; }

#nav li.m5{ width: 109px; background: url(kepek/menu/menu_05_hun.jpg) no-repeat left top;}
#nav li.m5:hover, #nav li.m5_akt{ width: 109px; background: url(kepek/menu/menu_05_hun.jpg) no-repeat left bottom; }

#nav li.m6{ width: 109px; background: url(kepek/menu/menu_06_hun.jpg) no-repeat left top;}
#nav li.m6:hover, #nav li.m6_akt{ width: 109px; background: url(kepek/menu/menu_06_hun.jpg) no-repeat left bottom; }

/* angol */
#nav li.m1_eng{ width: 109px; background: url(kepek/menu/menu_01_eng.jpg) no-repeat left top;}
#nav li.m1_eng:hover, #nav li.m1_akt_eng{ width: 109px; background: url(kepek/menu/menu_01_eng.jpg) no-repeat left bottom;}

#nav li.m2_eng{ width: 109px; background: url(kepek/menu/menu_02_eng.jpg) no-repeat left top;}
#nav li.m2_eng:hover, #nav li.m2_akt_eng{ width: 109px; background: url(kepek/menu/menu_02_eng.jpg) no-repeat left bottom;}

#nav li.m3_eng{ width: 109px; background: url(kepek/menu/menu_03_eng.jpg) no-repeat left top;}
#nav li.m3_eng:hover, #nav li.m3_akt_eng{ width: 109px; background: url(kepek/menu/menu_03_eng.jpg) no-repeat left bottom; }

#nav li.m4_eng{ width: 109px; background: url(kepek/menu/menu_04_eng.jpg) no-repeat left top;}
#nav li.m4_eng:hover, #nav li.m4_akt_eng{ width: 109px; background: url(kepek/menu/menu_04_eng.jpg) no-repeat left bottom; }

#nav li.m5_eng{ width: 109px; background: url(kepek/menu/menu_05_eng.jpg) no-repeat left top;}
#nav li.m5_eng:hover, #nav li.m5_akt_eng{ width: 109px; background: url(kepek/menu/menu_05_eng.jpg) no-repeat left bottom; }

#nav li.m6_eng{ width: 109px; background: url(kepek/menu/menu_06_eng.jpg) no-repeat left top;}
#nav li.m6_eng:hover, #nav li.m6_akt_eng{ width: 109px; background: url(kepek/menu/menu_06_eng.jpg) no-repeat left bottom; }

#nav li b {display:block; width: 109px; cursor:pointer; height:30px; float:left; font-weight:normal; color:#000;}


#nav li a b.clicked {color:#fff;}

#nav li ul {position:absolute; left:0; top:35px; height:auto; float:left; background:#f8f8f8; padding:2px; border:1px solid #aaa;}

#nav li ul.w1 {width:200px;}


#nav li ul li {float:none; text-align: left; font-weight: bold;}
#nav li ul li a {display:block; height:20px; line-height:20px; color:#000; font-size:16px; }
#nav li ul li a:hover {background:#aaa; color:#fff;}

/********************************************************************************************************************/
.clearall{
    clear: both;
}

div#urlap{
  width: 660px;
  /*height: 460px;*/
  overflow: auto;
  margin: 15px auto 0px auto;
  /*border: 1px solid red;*/

}
div#urlap label.right{
  float: left;
  width: 150px;
  text-align: right;
  padding-right: 5px;
}
div#urlap input.mezo, div#urlap select {
  float: left;
  width: 250px;
  margin-bottom: 3px;
  border: 1px solid;
}
div#urlap input.datepicker{
  float: left;
  width: 100px;
  margin-bottom: 3px;
  border: 1px solid;
}
div#urlap textarea{
  float: left;
  width: 250px;
  height: 100px;
  margin-bottom: 3px;
  border: 1px solid;
}
div#urlap br{ clear: left; }