a:link {
	color: #600; text-decoration: none;
}
a {
	
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #600;
}
a:hover {
	text-decoration: underline;
	color: #940;
}
a:active {
	text-decoration: none;
	color: #630;
}

a:focus {
	outline: none; /* fx 1.07*/ 
	outline: none; /* fx 1.05, 
Safari, Mac IE*/
}
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	margin-top: -30px;
	font-family: Times, serif;
}

h1 {
	font-size: 16px;
	text-indent: -9999px;
}
h2 {
	font-size: 18px;
	margin: 15px auto 5px auto;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 10px;
}
h5 {
	font-size: 11px;
}
h6 {
	font-size: 18px;
}
#main {
	height: 789px;
	width: 981px;
	position: relative;
}
#header {
	background-image: url(../images/head.jpg);
	height: 302px;
	width: 981px;
	font-size: 12px;
	color: #600;
	text-align: left;
}

#fomenu {
	top: 265px;
	left: 120px;
	position: relative;
	text-align: left;
	width: 510px;
	font-size: 13px;
	line-height: 24px;
	height: 45px;
	z-index: 10000;
}
#content {
	position: absolute;
	top: 301px;
	left: 0px;
	background-image: url(../images/cont-back.jpg);
	text-align: left;
	background-repeat: no-repeat;
	height: 392px;
	width: 981px;
	font-size: 11px;
}
#szoveg {
	margin-top: 20px;
	margin-left: 140px;
	text-align: left;
	height: 360px;
	width: 670px;
	font-size: 12px;
	padding-top: 20px;
	padding-top: 0px !important;
	
}
#tablazat {
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	height: 320px;
	height: 335px !important;
	margin-bottom: 10px;
	margin-bottom: 0px !important;
	width: 485px;
	font-size: 12px;
	overflow: auto;
	color: #600;
	
}
#szoveg-belso {
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	height: 315px;
	width: 465px;
	font-size: 12px;
	overflow: auto;
	color: #600;
	
}

.nagyobb { font-size: 16px; line-height: 24px;}
.kissebb { font-size: 10px; line-height: 24px; float: right; margin-right: 20px;}
#footer {
	position: absolute;
	top: 693px;
	text-align: left;
	background-image: url(../images/footer.jpg);
	height: 95px;
	width: 841px;
	background-repeat: no-repeat;
	left: 0px;
	padding-left: 140px;
	font-size: 12px;
}
#footer-menu {
	height: 95px;
	width: 640px;
	font-size: 11px;
	border-top: 1px solid #600;
	padding-top: 5px;

}
.jobb-sidebar {
	position: absolute;
	top: 100px;
	width: 165px;
	margin-left: 498px;
	color: #600;
	line-height: 13px;
	font-size: 13px;
}
.jobb-sidebar-oratipusok {
	position: absolute;
	top: 115px;
	width: 165px;
	margin-left: 498px;
	color: #600;
	line-height: 11px;
	font-size: 13px;
}
.picture-right {
	float: right;
	margin-left: 15px;
	border: solid #600 1px;
}
.picture-left {
	border: solid #600 1px;
}
.picture-center {
	
	margin-left: 15px;
	border: solid #600 1px;
	margin-bottom: 10px;
}
.picture-elhelyezett {
	position: absolute;
	margin-left: 115px;
}
.itt-vagyunk {
	/*display: block;*/
	width: 485px;
	height: 30px;
	height: auto !important;
	margin-bottom: 10px;
	color: #940;
	text-decoration: none;
	border-top: solid 1px #600;
	text-indent: 0px;
	line-height: 0px;
	padding-top: 0px;
}
.szoveg-picture-right {
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	border: solid #600 1px;
}

.szoveg-picture-left {
	float: left;
	margin-left: 0px;
	margin-right: 15px;
	border: solid #600 1px;
}
#gallery {
	background-color: transparent;
	
}
.indent {margin-left: 58px;}

.nev_bemutat {margin-top: -5px;}


/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}

/*form elemek*/
 
 #jelentkezes_form {
	width: 400px;
	line-height: 30px;
	font-weight: bold;
 }
 .long_text {
	font-family: serif;
	font-weight: bolder;
	color: #600;
	float: right;
	width: 250px;
	background-color: transparent;
	border: solid 1px #600;
	margin-top: 5px;
 }
 
.long_select {
	float: right;
	width: 250px;
	background-color: transparent;
	border: solid 1px #600;
	margin-top: 8px;
	color: #600;
	font-family: serif;
	font-weight: bolder;
 }
 .short_text {
	font-family: serif;
	font-weight: bolder;
	color: #600;
	float: right;
	width: 180px;
	background-color: transparent;
	border: solid 1px #600;
	margin-top: 8px;
 }
 .long_uzenet {
	float: right;
	width: 350px;
	background-color: transparent;
	border: solid 1px #600;
	margin-top: 8px;
	color: #600;
	font-family: serif;
	font-weight: bolder;
 }
 .submit_gomb {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: transparent;
	border: solid 1px #600;
	font-family: serif;
	font-weight: bolder;
	color: #600;
 }
.link {
	float: left;
	margin: 10px;
	border: solid 1px #993300;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
 }

 
 /*::::: PIROBOX RULES::::::::*/
.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/galeria/ajax-loader.gif) center center no-repeat!important;background: url(../images/galeria/ajax-loader.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(../images/galeria/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(../images/galeria/close_btn_h.png) no-repeat;}

a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(../images/galeria/next_h.png) center right no-repeat;}

a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(../images/galeria/prev_h.png) center left no-repeat;}



.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(t_c.png) repeat-x;}

.c_l{width:20px; background: url(c_l.png) repeat-y;}
.c_c{background:white; margin:0; padding:0;}
.c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0; overflow:hidden;}
.c_r{width:20px; background: url(c_r.png) repeat-y;}

.b_c{height:20px; background:url(b_c.png) repeat-x;}
.b_l{background:url(b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(b_r.png) no-repeat; width:20px; height:20px;}

/*.t_l{background:#000; width:10px; height:10px;}
.t_r{background:#000; width:10px; height:10px;}
.t_c{height:10px; background:#000;}

.c_l{width:10px; background:#000;}
.c_c{background:#000; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: #000;}

.b_c{height:10px; background:#000;}
.b_l{background:#000; width:10px; height:10px;}
.b_r{background:#000; width:10px; height:10px;}
*/
.box_img{ position:absolute; z-index:99995; background: url(../images/galeria/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:black; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(../images/galeria/link_out.png) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(../images/galeria/link_out_h.png) no-repeat;}
a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/galeria/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(../images/galeria/play_h.png) no-repeat;}
a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/galeria/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(../images/galeria/pause_h.png) no-repeat;}