/* CSS Document
c 2010. Rosi - www.orosweb.hu

mindent átváltani em-re
*/

body {
 padding: 0px;
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #1E2A02;
 background-color: #D5D8B0; 
}

p {
 margin: 5px 0px 0px 0px;
}

A, A:link, A:visited, A:active, A:hover {
 color: #000000;
 text-decoration: none;
 font-weight: bold;
 outline: 0;
}

A:hover {
 text-decoration: none;
 color: #FF0000;
}

.clear_div {
 clear: both;
 height: 0;
}

.msg {
 border: 2px solid #88D733;
 background-color: #E6FDDF;
 text-align: center;
 margin: 5px;
 padding: 5px;
 color: #3A6809;
 font-weight: bold;
}

.error {
 border: 2px solid #F9A7A7;
 background-color: #FDEDED;
 text-align: center;
 padding: 5px;
 margin: 5px;
 color: #FF0000;
 font-weight: bold;
}

#login_panel {
 display: none; 
 height: 70px; 
 background-color: #FFE100; 
 color: #000000;
}

#login_panel input#name, #login_panel input#pass{
 border: 1px solid #000000;
}

#login_panel label {
 font-weight: bold;
}

#login_panel A, #login_panel A:link, #login_panel A:visited, #login_panel A:active, #login_panel A:hover {
 color: #000000;
 text-decoration: none;
 font-weight: bold;
 outline: 0;
}

#login_panel A:hover {
 text-decoration: underline;
}

#site {
 background: #D6D8B1 url(../images/bg_site.jpg) repeat center 6px;
 border-top: 6px solid #FFE100;
 overflow: auto;
}

#header_wrapper {
 background: #000000 url(../images/bg_header.jpg) repeat-x left top; 
}

#header_center {
 width: 998px;
 margin-left: auto; 
 margin-right: auto;
}

#center_wrapper {
 width: 998px; 
 margin-left: auto; 
 margin-right: auto;
 padding-bottom: 20px;
 background: url(../images/bg_center.jpg) repeat-y center 6px;
 overflow: auto;
}

#login_button { 
 position: absolute; 
 top: 0px; 
 right: 60px; 
 padding: 5px; 
 background-color: #FFE100; 
 overflow: auto;
}

#login_button A, #login_button A:link, #login_button A:visited, #login_button A:active, #login_button A:hover {
 color: #000000;
 text-decoration: none;
 font-weight: bold;
 outline: 0;
 text-shadow: 1px 1px 2px #666666;
}

#login_button A:hover {
 text-decoration: none;
 color: #333333;
 text-shadow: 1px 1px 2px #999999; 
}

#menu_wrapper {
 width: 946px; 
 height: 41px;
 margin: 0; 
 padding: 0px 21px 0px 31px;
 background: url(../images/header_02.jpg) no-repeat left top;
 overflow: auto;
}

#cegunkrol, #termekek, #megterules_szamitasa, #szolgaltatasok, #szakmai_hirek, #gyik, #ajanlatkeres, #kapcsolat,
#about_us, #products, #calculation_of_return, #services, #news, #faq, #call_for_an_offer, #contact,
#o_nama, #proizvodi, #izracunavanje_povratka_investicije, #usluge, #strucne_vesti, #cpp, #zahtev_za_ponudu, #kontakt {
 width: 106px;
 height: 41px;
 text-indent: 10000px;
 overflow: hidden;
 background: url(../images/hu/menu_sprite.gif) no-repeat 0px 0px;
 display:  block;
 float: left;
 white-space: nowrap;
}

#about_us, #products, #calculation_of_return, #services, #news, #faq, #call_for_an_offer, #contact {
 background: url(../images/en/menu_sprite.gif) no-repeat 0px 0px;
}

#o_nama, #proizvodi, #izracunavanje_povratka_investicije, #usluge, #strucne_vesti, #cpp, #zahtev_za_ponudu, #kontakt {
 background: url(../images/sr/menu_sprite.gif) no-repeat 0px 0px;
}

#cegunkrol:hover,
#about_us:hover,
#o_nama:hover { background-position: 0px -41px; }

#termekek, #termekek:hover,
#products, #products:hover,
#proizvodi, #proizvodi:hover { width: 99px; background-position: -106px 0px; }

#termekek:hover,
#products:hover,
#proizvodi:hover { background-position: -106px -41px; }

#megterules_szamitasa, #megterules_szamitasa:hover,
#calculation_of_return, #calculation_of_return:hover,
#izracunavanje_povratka_investicije, #izracunavanje_povratka_investicije:hover { width: 170px; background-position: -205px 0px; }

#megterules_szamitasa:hover,
#calculation_of_return:hover,
#izracunavanje_povratka_investicije:hover { background-position: -205px -41px; }

#szolgaltatasok, #szolgaltatasok:hover,
#services, #services:hover,
#usluge, #usluge:hover { width: 135px; background-position: -375px 0px; }

#szolgaltatasok:hover,
#services:hover,
#usluge:hover { background-position: -375px -41px; }

#szakmai_hirek, #szakmai_hirek:hover,
#news, #news:hover,
#strucne_vesti, #strucne_vesti:hover { width: 121px; background-position: -510px 0px; }

#szakmai_hirek:hover,
#news:hover,
#strucne_vesti:hover { background-position: -510px -41px; }

#gyik, #gyik:hover,
#faq, #faq:hover,
#cpp, #cpp:hover { width: 77px; background-position: -631px 0px; }

#gyik:hover,
#faq:hover,
#cpp:hover { background-position: -631px -41px; }

#ajanlatkeres, #ajanlatkeres:hover,
#call_for_an_offer, #call_for_an_offer:hover,
#zahtev_za_ponudu, #zahtev_za_ponudu:hover { width: 138px; background-position: -708px 0px; }

#ajanlatkeres:hover,
#call_for_an_offer:hover,
#zahtev_za_ponudu:hover { background-position: -708px -41px; }

#kapcsolat, #kapcsolat:hover,
#contact, #contact:hover,
#kontakt, #kontakt:hover { width: 100px; background-position: -846px 0px; }

#kapcsolat:hover,
#contact:hover,
#kontakt:hover { background-position: -846px -41px; }

#slider_wrapper {
 width: 998px; 
 height: 197px;
 margin: 0; 
 padding: 0;
 overflow: hidden;
}

#slider_inner {
 width: 932px; 
 height: 181px;
 float: left;
 margin: 0; 
 padding: 7px 7px 9px 7px;
 background: url(../images/bg_header_banner.jpg) repeat-x left top;
 overflow: auto;
}

#left_col {
 float: left;
 width: 212px;
 overflow: auto;
 color: #E2FBA9;
}

#left_col h1 {
 margin: 0px 0px 0px 23px;
 padding: 5px;
 background-color: #6C6005;
 color: #BBF55E;
 font-size: 	1.083em;
 font-weight: bold;
 text-shadow: 1px 1px 2px #000000;
}

.left_box {
 margin: 5px 0px 5px 31px;
 padding: 5px;
 overflow: auto;
 color: #E2FBA9; 
}

.left_box A, .left_box A:link, .left_box A:visited, .left_box A:active, .left_box A:hover {
 text-decoration: none;
 font-weight: bold;
 outline: none;
 color: #E2FBA9;
}

.left_box A:hover {
 text-decoration: none;
 color: #95D00C;
}

A.nyil_1 {
 background: url(../images/nyil_1.gif) no-repeat left 3px;
 display: block; 
 padding-left: 14px; 
}

#right_col {
 float: left; 
 width: 745px; 
 overflow: auto;
 margin: 0px 21px 0px 0px;
 padding: 10px;
}

h1 {
 font-size: 	1.75em;
 font-weight: bold;
 color: #000000;
 padding: 0px 0px 10px 0px; 
 text-shadow: 1px 1px 2px #666666;
}

h2 {
 font-size: 1.333em;
 font-weight: bold;
 padding: 10px 0px 0px 0px; 
 text-shadow: 1px 1px 2px #666666;
}

h3 {
 font-size: 1.167em;
 font-weight: bold;
 margin: 5px 0px 2px 0px;
 text-shadow: 1px 1px 2px #666666; 
}

#you_are_here {
 padding: 0px 0px 10px 0px; 
}

#footer_wrapper {
 clear: both;
 height: 103px;
 background: url(../images/bg_footer.jpg) repeat-x left top;
}

#footer_content {
 width: 998px;
 height: 103px;
 margin-left: auto; 
 margin-right: auto;
 background: url(../images/footer.jpg) no-repeat left top;
}

#footer_left {
 float: left;
 width: 185px;
 padding: 25px 0px 0px 29px;
 text-align: center;
}

#footer_left A, #footer_left A:link, #footer_left A:visited, #footer_left A:active, #footer_left A:hover {
 color: #E2FBA9;
 text-decoration: none;
 font-weight: bold;
}

#footer_left A:hover {
 color: #95D00C;
}

#footer_center {
 float: left;
 width: 570px;
 text-align: center;
 padding-top: 25px;
}

#footer_right {
 width: 170px;
 float: right;
 text-align: right;
 padding: 0px 30px 0px 0px; 
}

.news_block {
 clear: both;
 overflow: auto;
 margin: 10px 0px 5px 0px;
}

.news_title {
 font-weight: bold;
 font-size: 1.6em;
 line-height: 1.6em; 
 text-shadow: 1px 1px 2px #666666;
}

.news_date {
 color: #6C6005;
 border-bottom: 1px solid #6C6005;
 font-size: 1em; 
 line-height: 1.167em;
 padding: 0px 0px 2px 0px;
 margin-left: 5px;   
}

.news_tags {
 font-size: 1em;
 line-height: 1em; 
 padding: 5px 5px 0px 5px;
}

.news_intro {
 overflow: auto;
 padding: 5px 0px 5px 5px; 
 text-align: justify;
 font-size: 1em; 
 line-height: 1.167em; 
}

.news_content {
 padding: 0px 0px 5px 5px; 
}

.news_expand {
 float: right;
 font-size: 1em; 
 overflow: auto;
}

A.arrow, A.arrow:link, A.arrow:visited, A.arrow:active, A.arrow:hover {
 color: #423B08;
 text-decoration: none;
 font-weight: bold;
 padding-right: 15px;
 background: url(../images/nyil_2.gif) no-repeat right 3px;
}

A.arrow:hover {
 text-decoration: none;
 color: #FF0000;
}

A.back, A.back:link, A.back:visited, A.back:active, A.back:hover {
 color: #423B08;
 text-decoration: none;
 font-weight: bold;
 padding-left: 15px;
 background: url(../images/nyil_3.gif) no-repeat left 3px;
}

A.back:hover {
 text-decoration: none;
 color: #FF0000;
}

.megt_input {
 width: 30px;
 text-align: right;
 border: 1px solid #6C6005; 
}

.indent {
 padding: 5px;
}

.kep {
 padding: 3px;
 border: 1px solid #9BA061;
 background-color: #CCD09B; 
}

.highlite {
 border: 1px solid #B2B499;
 border-left: 4px solid #B2B499;
 border-right: 4px solid #B2B499;
 padding: 5px;
 background-color: #E6E8C7;
}

.input_search {
 width: 135px; 
 height: 23px; 
 padding: 0px 3px 0px 3px; 
 border: 2px solid #6C6005; 
 border-right: 0px none;
 background: #FFFFFF url(../images/bg_input.gif) no-repeat left top;
}

.reg {
 width: 200px; 
 padding: 3px; 
 border: 1px solid #6C6005; 
 background: #FFFFFF url(../images/bg_input.gif) no-repeat left top;
}

.ajanlat1, .ajanlat2 {
 width: 300px; 
 padding: 3px; 
 border: 1px solid #6C6005; 
 background: #FFFFFF url(../images/bg_input.gif) no-repeat left top;
}

.ajanlat2 {
 width: 114px;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height: 181px;	width: 932px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -8px; right: 6px;
	width: 178px; height: 47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

.paging a {
	padding: 3px;
	text-decoration: none;
	color: #fff;
}

.paging a.active {
	font-weight: bold;
	background: #423B08;
	border: 1px solid #000000;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.paging a:hover {font-weight: bold;}