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

body#main_body {
        
		margin:0;
		padding:0;
		font-family: Arial, Tahoma, Verdana;
		font-size: 11px;
		text-align: left;
        background-image: url(../images/body_bg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-color: black;
		
        
}

body#popup_body {
        width: 800px;
		margin:0;
		padding:0;
		font-family: Tahoma, Verdana;
		font-size: 11px;
}

form, p, input, label  {
	margin:0;
	padding:0;	
}


fieldset {

	display: block;
	overflow: visible;
	border: #CCCCCC 1px solid;
	padding: 0px 5px 0px 5px;
	margin: 2px 0px 20px 0px;	

}
legend {

	border: #CCCCCC 1px solid;
	background-color: #E5F3F6;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	margin-bottom: 10px;
	margin-top: 5px;	
	margin-left: 10px;	
}

h1 {
    font-size: 15px;
    margin: 0 0 15px 0;
    color: black;
    font-weight: bold;
}



/***********************************************************************/
/********************* COMMON INPUTS, BUTTONS *************************/
/*********************************************************************/

.select_list_1 {
    width: 205px;
    height: 80px;
    font-size: 12px;
}
.select_list_2 {
    width: 205px;
    font-size: 12px;
}

.default_input {
    font-size: 12px;
    width: 200px;
}
.input_type_1 {
   font-size: 12px;
   width: 280px; 
}

.default_submit {
  font-size: 12px;  
  width: 100px;
}



.textarea_1 {
    width: 276px;
    height: 85px;   
    font-size: 11px; 
}



a.btn_1 span {
	display: block;
	position: relative;
	top: 0;
	left: 3px;
	min-width: 110px;
	width: auto !important;
	width: 110px;
	white-space: nowrap;
	margin-left: 2px;
	padding: 5px 15px 5px 10px;
	background: none no-repeat top right;
    text-transform: uppercase;

}
a.btn_1  {
	display: block;
	float: left;
	height: 22px;
	color: #0A5E80;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	cursor: pointer;
	padding: 0;
	border: 0px solid black;
}

.btn_2 span {
	display: block;
	position: relative;
	top: 0;
	left: 2px;
	min-width: 30px;
	width: auto !important;
	width: 30px;
	white-space: nowrap;
	margin: 0 2px 0 0px;
	padding: 0px 12px 5px 10px;
	background: url(../images/little_background_button.png) no-repeat top right;

}
.btn_2  {
	display: inline;
	float: left;
	height: 20px;
	color: #933E00;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/little_background_button.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 3px;
	cursor: pointer;
	padding: 0 0px 0 0px;
	border: 0px solid black;
}

.btn_3 span {
	display: block;
	position: relative;
	top: 0;
	left: 2px;
	min-width: 30px;
	width: auto !important;
	width: 30px;
	white-space: nowrap;
	margin: 0 2px 0 0px;
	padding: 3px 12px 5px 10px;
	background: url(../images/little_background_button.png) no-repeat top right;

}
.btn_3  {
	display: inline;
	float: left;
	height: 20px;
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/little_background_button.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	cursor: pointer;
	padding: 0 0px 0 0px;
	border: 0px solid black;
}

/*** Státusz kijelszés ***/

.result_error {
	clear: both;
	color: black;
	padding: 5px;
	font-weight: bold;
	margin: 5px  auto 10px auto;
	border: 2px solid #C6401A;
	background-color: #F4BEAE;
	text-align:  center;	
    width: 900px;
}
.result_ok {
	clear: both;
    margin: 5px  auto 10px auto;
	color: black;
	padding: 5px;
	font-weight: bold;
	/*margin: 5px 3px 10px 3px;*/
	border: 2px solid #81AE15;
	background-color: #E3F7B7;
	text-align:  center;	
    width: 900px;
}





#container {
    width: 975px;
	margin: 32px auto 0 auto;
    min-height: 500px;
	height: auto !important;
	height: 500px;
	border: 0px solid red;
}

#site_container {
	width: 975px;
    float: left;
	display: inline;
    
	min-height: 500px;
	height: auto !important;
	height: 500px;
    background-image: url(../images/content_bg.jpg);
    background-repeat: repeat-y;
    background-position: 0 center;
    /*background-position: expression(true ? 3px center : 2px center) center;*/
	border: 0px solid orange;

}

/* --------------------------------------------------------------- */

/***************************************************************/
/********************* CONTAINER *************************/
/***************************************************************/


/* --------------------------------------------------------------- */
#inner_container {
	width: 975px;
	/*margin: 0px auto 0 auto;*/
    margin: 0 0 0 0px;
	float: left;
	display: inline;
	min-height: 100px;
	height: auto !important;
	height: 100px;
    background-image: url(../images/head_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0px top;
	
	border: 0px solid red; /*#E5E5E5;	*/
}
/* --------------------------------------------------------------- */

/***************************************************************/
/********************* HEAD CONTAINER *************************/
/***************************************************************/

#head_container {
    float: left;
    display: inline;
    width: 975px;
    min-height: 245px;
	height: auto !important;
	height: 245px;
    border: 0px solid red;
}
#left_head {
    float: left;
    display: inline;
    width: 490px;
    min-height: 245px;
	height: auto !important;
	height: 245px;
    border: 0px solid red; 
}

#contact_info {
    float: left;
    display: inline;
    width: 470px;
    margin: 184px 0 0 0;
    padding: 0 0 0 20px;
    min-height: 15px;
	height: auto !important;
	height: 15px;
    font-size: 11px;
    color: white;
    text-align: left;
    border: 0px solid red; 
}

#page_title {
    float: left;
    display: inline;
    margin: 22px 0 0 15px;
    width: 470px;
    height: 30px;
    border: 0px solid red; 
}
#page_title .munkatarsaink {
    float: left;
    display: inline;
    width: 470px;
    height: 30px;
    margin: 0 0 0 0px;
    background-image: url(../images/munkatarsaink.gif);
    background-repeat: no-repeat;  
}
#page_title .szolgaltatasaink {
    float: left;
    display: inline;
    width: 470px;
    height: 30px;
    margin: 0 0 0 0px;
    background-image: url(../images/szolgaltatasaink.gif);
    background-repeat: no-repeat;  
}
#page_title .elerhetosegeink {
    float: left;
    display: inline;
    width: 470px;
    height: 30px;
    margin: 0 0 0 0px;
    background-image: url(../images/elerhetosegeink.gif);
    background-repeat: no-repeat;  
}
#page_title .hpv_elleni {
    float: left;
    display: inline;
    width: 470px;
    height: 30px;
    margin: 0 0 0 0px;
    background-image: url(../images/hpv_elleni.gif);
    background-repeat: no-repeat;  
}
#page_title .velemenyek {
    float: left;
    display: inline;
    width: 470px;
    height: 30px;
    margin: 0 0 0 0px;
    background-image: url(../images/velemenyek.gif);
    background-repeat: no-repeat;  
}


#right_head {
    float: right;
    display: inline;
    width: 480px;
    min-height: 245px;
	height: auto !important;
	height: 245px;
    border: 0px solid red; 
}

/*

#lng_container {
    
    float: right;
    display: inline;
    width: 300px;
    margin: 11px 10px 0 0;
    border: 0px solid green;
    
}
#flags {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#flags .flag_item {
    float: right;
    display: inline;
    margin: 0 10px 0 0;
}
*/
/***************************************************************/
/********************* CONTENT CONTAINER *************************/
/***************************************************************/

#content {
    float: left;
    display: inline;
    width: 975px;
    min-height: 300px;
	height: auto !important;
	height: 300px;
    border: 0px solid black;
}

/*  CONTENT */

.site_flow_text {
    float: left;
    display: inline;
    font-size: 12px;
    margin: 10px 0 0 0px;
    width: 870px;
    padding: 0 30px 0 30px;
    min-height: 400px;
	height: auto !important;
	height: 400px;
    line-height: 18px;
    border: 0px solid red;
}
.map_frame {
    float: left;
    display: inline;
    width: 900px;
    margin-bottom: 30px;
    min-height: 343px;
	height: auto !important;
    height: 343px;
    border: 5px solid #BFBFBF;
    background-image: url(../images/contact_map.jpg);
    background-repeat: no-repeat;
}
.uh_pic{
    clear: both;
    width: 400px;
    height: 103px;
    margin: 10px 0 10px;
    background-image: url(../images/uh.jpg);
    background-repeat: no-repeat;
    border: 3px solid #BFBFBF;
}
.medical_pic{
    clear: both;
    width: 400px;
    height: 103px;
    margin: 10px 0 10px;
    background-image: url(../images/medical.jpg);
    background-repeat: no-repeat;
    border: 3px solid #BFBFBF;
}

.default_list {
    float: left;
    display: inline;
    /*padding: 0;*/
    /*margin: 0;*/  
}
.subtitle {
    float: left;
    display: inline;
    margin: 10px 0 20px 0;
}

.email_tbl td {
	padding: 2px 3px 2px 3px;
}
.email_tbl .form_title {
	color: #2A5263;
	width: 80px;
	vertical-align: top;
}
.email_tbl .form_input {
	width: 350px;
}


#main_menu_container {
    float: left;
    display:  inline;
    min-height: 50px;
	height: auto !important;
	height: 50px; 
    width: 215px;
    margin: 80px 0px 0 0px;
    border: 0px solid black;
}
#main_menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#main_menu .menu_item {
  
   
   background-image: url(../images/horizontal_line.png);
   background-repeat: no-repeat;
   background-position: center bottom;
   font-size: 12px;
   padding: 8px 3px 8px 12px;
   width: 200px; 
   margin: 1px 0 0 0;
  
}
#main_menu .menu_item_last {

   font-size: 12px;
   padding: 8px 3px 8px 12px;
   width: 200px; 
   margin: 1px 0 0 0;
  
}
#main_menu .menu_item_selected {
   padding: 8px 3px 8px 12px;
   width: 200px; 
   background-image: url(../images/horizontal_line.png);
   background-repeat: no-repeat;
   background-position: center bottom;
   margin: 1px 0 0 0;
   font-size: 12px;
   text-transform: uppercase;
   font-family: "lucida grande", Arial;
   color: #BF0000;
   font-weight: bold;   
}

.menu_link {
    text-transform: uppercase;
    font-family: "lucida grande", Arial;
    color: black;
    text-shadow: 0 1px #F5F5F5;
    text-decoration: none;
}
.menu_link:hover {
    text-transform: uppercase;
    text-decoration: underline;
}
.menu_link_selected {
    text-transform: uppercase;
    font-family: "lucida grande", Arial;
    color: black;
    text-shadow: 0 1px #F5F5F5;
    color: #BF0000;
   font-weight: bold;   
    text-decoration: none;
}
.menu_link_selcted:hover {
    text-transform: uppercase;
    text-decoration: none;
}


.email_link {
    text-decoration: none;
    color: #183403;

}
.email_link:hover {
    text-decoration: underline;    
}   




/***************************************************************/
/********************* FOOTER CONTAINER *************************/
/***************************************************************/

#footer {
	float: left;
	display: inline;
	margin:  0 0 0 3px;
	width: 975px;
	height: 50px;
	background-image: url(../images/footer_bg.jpg);
    background-repeat: no-repeat;
    background-position: 0 top;
    border: 0px solid red;
}


#copyright_container {
    float: left;
	display: inline;
	/*margin: 3px auto 0px auto;*/
	padding: 20px 0px 0px 0;
	width: 975px;
    min-height: 20px;
	height: auto !important;
	height: 20px;

	border: 0px solid black;
}
#copyright_text {
    float: left;
	display: inline;
    text-align: left;
    padding: 0 0 0 10px;
	color: #7b7b7b;
	font-size: 10px;
    width: 200px;
}
#powered_text {
    float: right;
	display: inline;
    padding: 0 18px 0 0px;
	color: #7b7b7b;
	font-size: 10px;
    text-align: right;
    width: 200px;
}

.emu_link {
	color: #7b7b7b;
	font-size: 10px;
	text-decoration: none;
}
.emu_link:hover {
	text-decoration: underline;	
}