/* CSS Document */
/* c 2010. Rosi - www.orosweb.hu */

body {
	height: 100%;
	margin: auto;
	padding: 0px;
	background-color: #DEEBFC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}

#container { width: 998px; overflow: auto; margin-left: auto; margin-right: auto; background: url(../images/content_bg.gif) repeat-y top left; }

#header { width: 998px; height: 122px; text-align: right; }

#menu { width: 155px; height: 266px; padding: 0px 7px 0px 21px; }

#search { width: 155px; height: 36px; padding: 0px 7px 0px 21px; }

#menu_bottom { width: 183px; height: 40px; background: url(../images/menu_bottom.gif) no-repeat top left;}

#content { width: 788px; float: right; padding: 0px 17px 10px 10px; text-align: left; }

#footer { width: 983px; height: 33px; padding: 31px 0px 0px 15px; margin-left: auto; margin-right: auto; text-align: center; background: url(../images/footer_bg.gif) repeat-x top left; }

A:link, A:visited, A:active, A:hover {
	color: #1A58BC;
	text-decoration: none;
	font-weight: bold;
}

A:hover {
	color: #FF0000;
}

/* Magyar stílus definíciók */
#bemutatkozas, #hirek, #szolgaltatasaink, #referenciaink, #allasajanlat, #partnereink, #elerhetosegeink,
#bemutatkozas_on, #hirek_on, #szolgaltatasaink_on, #referenciaink_on, #allasajanlat_on, #partnereink_on, #elerhetosegeink_on {
	width: 155px;
	height: 26px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/hu/menu.gif) no-repeat 0px 0px;
	display:  block;
	white-space: nowrap;
}

#hirek {
	background-position: 0px -26px;
}

#szolgaltatasaink {
	background-position: 0px -52px;
}

#referenciaink {
	background-position: 0px -78px;
}

#allasajanlat {
	background-position: 0px -104px;
}

#partnereink {
	background-position: 0px -130px;
}

#elerhetosegeink {
	background-position: 0px -156px;
}

#bemutatkozas:hover, #bemutatkozas_on {
	background-position: 0px -182px;
}

#hirek:hover, #hirek_on {
	background-position: 0px -208px;
}

#szolgaltatasaink:hover, #szolgaltatasaink_on {
	background-position: 0px -234px;
}

#referenciaink:hover, #referenciaink_on {
	background-position: 0px -260px;
}

#allasajanlat:hover, #allasajanlat_on {
	background-position: 0px -286px;
}

#partnereink:hover, #partnereink_on {
	background-position: 0px -312px;
}

#elerhetosegeink:hover, #elerhetosegeink_on {
	background-position: 0px -338px;
}

/* Angol stílus definíciók */
#about_us, #news, #our_services, #our_referencies, #jobs, #our_partners, #contact,
#about_us_on, #news_on, #our_services_on, #our_referencies_on, #jobs_on, #our_partners_on, #contact_on {
	width: 155px;
	height: 26px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/en/menu.gif) no-repeat 0px 0px;
	display:  block;
	white-space: nowrap;
}

#news {
	background-position: 0px -26px;
}

#our_services {
	background-position: 0px -52px;
}

#our_referencies {
	background-position: 0px -78px;
}

#jobs {
	background-position: 0px -104px;
}

#our_partners {
	background-position: 0px -130px;
}

#contact {
	background-position: 0px -156px;
}

#about_us:hover, #about_us_on {
	background-position: 0px -182px;
}

#news:hover, #news_on {
	background-position: 0px -208px;
}

#our_services:hover, #our_services_on {
	background-position: 0px -234px;
}

#our_referencies:hover, #our_referencies_on {
	background-position: 0px -260px;
}

#jobs:hover, #jobs_on {
	background-position: 0px -286px;
}

#our_partners:hover, #our_partners_on {
	background-position: 0px -312px;
}

#contact:hover, #contact_on {
	background-position: 0px -338px;
}

input.search {
	width: 115px;
	height: 18px;
	border: 0px;
	padding: 3px 0px 0px 10px;
	background: url(../images/search_03.jpg) no-repeat top left;
}

h1 {
	clear: both;
	height: 33px;
	font-size: 20px;
	font-weight: bold;
	color: #2170E9;
	padding: 5px 0px 0px 5px;
	margin-bottom: 5px;
/*	background-color: #E9F0FA; */
	background: url(../images/hatter_h1.gif) repeat-x top left;	
/*	border-bottom: 4px solid #C6DAF8; */
}

h2 {
	height: 25px;
	color: #1A58BC;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 0px 5px;
/* 	background-color: #E9F0FA; */
	background: url(../images/hatter_h2.gif) repeat-x top left;	
/* 	border-bottom: 2px solid #C6DAF8; */ 
	margin-bottom: 5px;
}

h3 {
	height: 33px;
	color: #555555;
	font-size: 14px;
	padding: 5px 0px 0px 5px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
/*	background-color: #EEF4FD; 
	border-top: 1px solid #1A58BC;
	border-bottom: 1px solid #1A58BC; */
  background: url(../images/hatter_h3.gif) repeat-x top left;	
	margin-bottom: 5px;
}

h4 {
	font-size: 12px;
	padding: 3px 15px;
	margin: 3px 0px 0px 0px;
	font-weight: bold;
	background: url(../images/nyil_jobbra.gif) no-repeat 3px 6px;	
	background-color: #EEEEEE;
	border: 1px dashed #BBBBBB;
}

h5 {
	font-size: 14px;
	color: #1A58BC;
	padding: 3px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	background-color: #DEEBFC;
	border: 1px dashed #1A58BC;
}

.hir_cim {
	width: 100%;
	color: #2170E9;
	font-weight: bold; 
	font-size: 14px;
	float: left;
	overflow: auto;
	border-bottom: 2px solid #C6DAF8;
}

.hir_datum {
	font-size: 10px;
	width: 130px;
	float: right; 
	padding-top: 3px;
	text-align: right;
	color: #2170E9;
}

.hir_szoveg {
	clear: both;
	padding-top: 5px;    
	padding-bottom: 20px;
	margin: 0px;
}

.tovabb {
	background: url(../images/nyil_jobbra.gif) no-repeat right 3px;
	padding: 0px 10px 0px 0px;
}

A.tovabb, A.tovabb:link, A.tovabb:visited, A.tovabb:active, A.tovabb:hover {
	color: #2170E9;
}

A.tovabb:hover {
	color: #FF0000;
	text-decoration: underline;
}

.vissza {
	background: url(../images/ikon_vissza.gif) no-repeat top left;
	padding: 0px 0px 0px 11px;
}

A.vissza, A.vissza:link, A.vissza:visited, A.vissza:active, A.vissza:hover {
	color: #2170E9;
}

A.vissza:hover {
	color: #FF0000;
	text-decoration: underline;
}

.kep, A:link .kep, A:visited .kep, A:active .kep, A:hover .kep {
	padding: 3px;
	border: 2px solid #C6DAF8;
	background-color: #E9F0FA; 
}

A:hover .kep {
	border: 2px solid #2170E9;
	background-color: #C6DAF8;
}

.clear {
	clear: both;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

.szolg_wrapper {
	clear: both;
	overflow: auto;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px;	
}

.szolg_kep {
	float: left;
	width: 130px;
	padding: 0px 5px;
}

.szolg_szoveg {
	float: right;
	width: 638px;
	padding: 0px 5px;
}

.szolg_szoveg_2 {
	clear: both;
	padding: 10px 10px;
}

.szolg_reszletek {
	margin-top: 10px;
	width: 100px;
}

.szolg_reszletek A, .szolg_reszletek A:link, .szolg_reszletek A:visited, .szolg_reszletek A:active, .szolg_reszletek A:hover {
	display: block;
	width: 60px;
	height: 15px;
	color: #FF6600;
	padding: 3px 30px 3px 6px;
	background: #fdebcf url(../images/nyil_jobbra2.gif) no-repeat right 1px;	
}

A.pdf:link,
A.pdf:visited,
A.pdf:hover,
A.pdf:active {
	padding: 4px 3px 4px 25px;
	background: #EFEFEF url(../images/ikon_pdf.gif) no-repeat scroll 5px 5px;
	font-size: 12px;
	clear: both;
	float: left;
	display: block;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

A.pdf:hover {
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
