@charset "utf-8";
/* CSS Document */

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 {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	color: #363636;
}

#container {
	width: 940px;
	margin: 0 auto;
}

#left {
	width: 450px;
	float: left;
}

#title {
	width: 380px;
	height: 172px;
	float: left;
	margin: 10px 10px 10px 30px;	
}

#wrapper {
	background: url(../images/wrapper.png) no-repeat;
	width: 23px;
	height: 554px;
	float: right;
	margin: 40px 0px 0px 7px;
}

#logo {
	background: url(../images/logo.png) no-repeat;
	width: 393px;
	height: 385px;
	float: left;
	margin: 10px 10px 10px 17px;
}

#right {
	width: 490px;
	float: right;
}

#nav {
	width: 470px;
	height: 50px;
	margin: 40px 0px 0px 20px;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	float: left;
}

#bt_akt {
	 background: url(../images/aktualis_bt.png) no-repeat;
	 width: 63px;
	 height: 13px;
	 display: block;
	 margin: 10px;
}

#bt_akt:hover {
	background: url(../images/aktualis_bt_hover.png) no-repeat;
}

#bt_arch {
	 background: url(../images/archivum_bt.png) no-repeat;
	 width: 72px;
	 height: 13px;
	 display: block;
	 margin: 10px;
}

#bt_arch:hover {
	background: url(../images/archivum_bt_hover.png) no-repeat;
}

#bt_utm {
	 background: url(../images/utmutato_bt.png) no-repeat;
	 width: 79px;
	 height: 13px;
	 display: block;
	 margin: 10px;
}

#bt_utm:hover {
	background: url(../images/utmutato_bt_hover.png) no-repeat;
}

#bt_jel {
	 background: url(../images/jel_bt.png) no-repeat;
	 width: 158px;
	 height: 17px;
	 display: block;
	 margin: 10px;
}

#bt_jel:hover {
	background: url(../images/jel_bt_hover.png) no-repeat;
}

#main {
	width: 470px;
	height: 520px;
	margin: 0px 0px 0px 20px;
	overflow: auto;
	padding-right: 10px;
}

#main p {
	text-indent: 36px;
	text-align: justify;
	margin: 10px 0px;
}

#main h3 {
	font-size: 1.4em;
	color: #52d106;
	font-weight: bold;
	margin: 10px auto 10px auto;
	text-align: center;
}

#main ul {
	list-style: inside disc;
	padding: 10px;
}
#itt {
	color: #50d003; 
	font-weight: bold;
	text-decoration: none;
}
#itt:hover {
	text-decoration: underline;
}

#box_jel {
	background: url(../images/box/box_body_bg.png) repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 100%;
	height: 100%;	
}

#box_container {
	position: fixed;
	top: 20px;
	left: 70px;
	right: 70px;
	bottom: 10px;
	width: auto;
	height: auto;
}

#box_ctl {
	background: url(../images/box/ctl.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 69px;
	height: 69px;
}

#box_ctr {
	background: url(../images/box/ctr.png) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 69px;
	height: 69px;
}

#box_cbl {
	background: url(../images/box/cbl.png) no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 67px;
	height: 76px;
}

#box_cbr {
	background: url(../images/box/cbr.png) no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 67px;
	height: 76px;
}

#shadow_top {
	background: url(../images/box/shadow_top.png) repeat-x;
	position: absolute;
	top: 0px;
	left: 69px;
	right: 69px;
	width: auto;
	height: 37px;
}

#shadow_left {
	background: url(../images/box/shadow_left.png) repeat-y;
	position: absolute;
	top: 69px;
	left: 0px;
	bottom: 76px;
	width: 47px;
	height: auto;
}

#shadow_right {
	background: url(../images/box/shadow_right.png) repeat-y;
	position: absolute;
	top: 69px;
	right: 0px;
	bottom: 76px;
	width: 47px;
	height: auto;
}

#shadow_bottom {
	background: url(../images/box/shadow_bottom.png) repeat-x;
	position: absolute;
	bottom: 0px;
	left: 67px;
	right: 67px;
	width: auto;
	height: 57px;
}

#box_maincontainer {
	background: #c6c6c6 url(../images/box/jelentkez_box_bg.png) repeat-x;
	position: absolute;
	top: 37px;
	left: 47px;
	right: 47px;
	bottom: 57px;
	width: auto;
	height: auto;
}

#box_close_bt {
	width: 45px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

#box_left_bt {
	background: url(../images/box/left_bt.png) no-repeat;
	position: absolute;
	width: 41px;
	height: 45px;
	top: 40%;
	left: 60px;
	cursor: pointer;
	z-index: 1100;
}

#box_left_bt:hover {
	background: url(../images/box/left_bt_hover.png) no-repeat;
}

#box_right_bt {
	background: url(../images/box/right_bt.png) no-repeat;
	position: absolute;
	width: 41px;
	height: 45px;
	top: 40%;
	right: 60px;
	cursor: pointer;
	z-index: 1100;
}

#box_right_bt:hover {
	background: url(../images/box/right_bt_hover.png) no-repeat;
}

#box_content {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 10%;
	left: 10%;
	overflow: hidden;
}

#jelentk {
	position: absolute;
	top: 10%;
	left: 10%;
	right: 50px;
	bottom: 15%;
	width: auto;
	height: auto;
	color: #000000;
	overflow: auto;
}

#jelentk h3 {
	border-bottom: 1px dotted #000000;
	font-size: 16px;
	font-variant: small-caps;	
	margin: 15px auto 40px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#jelentk label {
	font-family: "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
	font-size:11px;
}

#jelentk input, textarea, select {
	background: none repeat scroll 0 0 #FCFCFC;
	border-color: #BBBBBB #DDDDDD #EEEEEE #CCCCCC;
	border-style: solid;
	border-width: 1px;
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	width: 340px;
	padding: 4px;
	margin: 15px 15px 2px 15px;
}

#submit {
	-moz-border-radius:2em 2em 2em 2em;
	background-color:#F7F7F7;
	border:1px solid #BBBBBB;
	color:#000000;
	display:block;
	font-family:"Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;
	font-size:11px;
	height:28px;
	margin-top:10px;
	padding:1px 15px 3px;
	text-shadow:0 1px 0 #FFFFFF;
	width: 150px;
}

#submit:hover {
	border-color: #666666;
}

#submit:active {
	background-color: #CCCCCC;
	border-color: #666666;
}

#jelentk input:focus, textarea:focus, select:focus {
	border-color: #888888;
	color: #000000;
	outline: 1px solid #000000;
}

#jelentk p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: italic;
	color: #CC0000;
	margin-left: 15px;
}