/****************************************************************************************************************************

    (c) 2010 EXPERTDESIGN - G&G Project Kft.

	skype:  expertdesign.hu, voip: 06-21-380-5870
	e-mail: info@expertdesign.hu, http://www.expertdesign.hu

*****************************************************************************************************************************/
html, body {
	height: 100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.jobbra {
	float: right;
}
.balra {
	float: left;
}
.sorkizart {
	text-align: justify;
}
.clear {
	clear: both;
}
#oldal {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px;
}
#fejlec {
	position: relative; /* IE6 */
	width: 100%;
	height: 125px;
	background: #212121 url(../images/fejlec_bg.jpg) top left repeat-x;
	border-top: 12px solid #383838;
	border-bottom: 1px solid #535656;
}
.tarto {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
}
#logo {
	position: absolute;
	top: 25px;
	left: 0px;
}
#motto {
	position: absolute;
	top: 45px;
	right: 0px;
}
#lap {
	background: #fff url(../images/mnu_arnyek.jpg) top left repeat-x;
	/*
	padding: 20px 0px;
	*/
	padding-top: 20px;
	margin-bottom: 20px;
}
.toldalek {
	height: 130px;
	clear: both;
}
/****************************************************************************************************************************/
#bal-hasab {
	display: inline; /* IE6 dupla margó */
	float: left;
	width: 280px;
	margin-left: -960px; /* 660+20+280 */
	overflow: hidden;
}
#tartalom {
	position: relative;
	display: inline; /* IE6 dupla margó */
	float: left;
	width: 660px;
	margin-left: 300px; /* 280+20 */
	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #302E2C;	
}
* html #tartalom {
	height: 400px;
}
h1 {
	font-size: 21px;
}
h2, .ot-depth-1 span {
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	padding-top: 4px;
	width: 650px; 
	background: url(../images/lenia_bg.gif) top left repeat-x;
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
}
h3 {
	font: bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}
/*
#tartalom p.leiras {
	min-height: 100px;
}
*/
#tartalom p.szoveg {
	margin-bottom: 20px;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 18px;
}
#tartalom ul, #tartalom ol {
	/*padding-left: 20px;*/
	margin-left: 15px;
	margin-bottom: 10px;
	list-style-position: outside;
}
#tartalom ol {
	margin-left: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
}
#tartalom .udvozlo {
	font-size: 26px;
	font-weight: bold;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #D3D3D3;
	padding: 6px 6px;
	text-align: center;
	margin-bottom: 20px;
	background-color: #EDEDED;
	text-shadow: #fff 2px 2px 1px;
}
/****************************************************************************************************************************/
.gyarto-logo {
	float: right;
}
#aruhaz-panel {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 2px dotted #CCC;
	background-color: #fff;
	padding: 6px;
	z-index: 2;
}
#aruhaz-panel p {
	font-size: 10px;
	color: #565450;
	text-align: center;
	margin-bottom: 4px;
}
#aruhaz-panel p:first-line {
	font-size: 14px !important;
	font-weight: bold;
	color: #e20101;
}
#aruhaz-panel .gomb {
	width: 104px;
	height: 26px;
	background: url(../images/kosar_gomb.gif) top left no-repeat;
	border: 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
}
/****************************************************************************************************************************/
#menu {
	background: url(../images/mnu_bg.gif) top left repeat-x;	
}
#menu ul {
	list-style-type: none;
	height: 40px;
}
#menu ul li {
	display: block;
	float: left;
	height: 40px;
	padding: 0 16px 0 10px ;
	background: url(../images/mnu_vonal.gif) top right no-repeat;
}
#menu img {
	display: block;
	float: left;
	margin-top: 8px;
	margin-right: 2px;
}
#menu a {
	float: left;
	display: block;
	margin-top: 12px;
	line-height: 40px;
	color: #fff;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: #000 -2px -2px 6px;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;
}
#menu a.sel, #menu a.sel:hover {
	border-bottom: 2px solid #fff;
}
#menu a:hover {
	border-bottom: 1px dotted #fff;
}
#menu a.sel {
	cursor: default;
}
/****************************************************************************************************************************/
#lablec {
	width: 100%;
	height: 127px;
	border-top: 3px solid #7d7b74;
	background: #000 url(../images/lablec_bg.jpg) top left repeat-x;
}
ul#cegadatok {
	position: absolute; /* IE6 */
	list-style-type: none;
	margin-top: 50px;
}
ul#cegadatok li {
	float: left;
	height: 30px;
	padding-left: 18px;
	padding-right: 18px;
	color: #a09d95;
	font-size: 10px;
	line-height: 14px;
	border-right: 1px dotted #565555;
}
ul#cegadatok img {
	margin-top: -4px;
}
/****************************************************************************************************************************/
ul.bmenu {
	position: static;
	margin-bottom: 25px;
	list-style-type: none;	
}
ul.bmenu li {
	margin: 0;
	padding: 0;
	width: 280px;
}
ul.bmenu li a {
	position: relative;
	display: block;
	height: 29px; /* 35-6 */
	width: 270px; /* 280-10 */
	
	background: url(../images/doboz_szalag.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 6px;

	font: bold 14px Arial, Helvetica, sans-serif;
	text-shadow: #222 1px 1px 3px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}
.bmenu ul.submenu {
	display: none;
}
.bmenu ul.submenu li a {

	display: block;
	width: 264px; 
	height: 28px;
	line-height: 28px;
	margin-left: 6px;
	padding-top: 0px;
	
	font-size: 13px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-shadow: none;
	text-transform: none;
	text-decoration: none;	

	color: #383838;

	background: #f6f6f6 url(../images/doboz_elvalaszto_bg.gif) bottom left repeat-x;
}
.bmenu ul.submenu li a:hover {
	color: #ffffff;
	background: #a0a0a0 url(../images/doboz_elvalaszto_bg.gif) bottom left repeat-x;
}
.bmenu ul.submenu ul.submenu a {
	width: 254px;
	padding-left: 20px;
	font-size: 13px;
	font-weight: normal;
	background-color: #e8e8e8;
}
.bmenu ul.submenu ul.submenu a:hover,
.bmenu ul.submenu ul.submenu a.sel {
	color: #383838;
	background-color: #d0d0d0;
}
.bmenu ul.bmenu a span {
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
	height: 9px;
	width: 8px;
	background:url(../images/doboz_nyil.gif) top left no-repeat;
}
.bmenu ul.submenu a:hover span { background: 0; }
.bmenu ul.submenu a.sel span { background-position: bottom; }
/****************************************************************************************************************************/
.doboz-fej {
	position: relative;
	display: block;
	height: 29px; /* 35-6 */
	width: 270px; /* 280-10 */
	
	background: url(../images/doboz_szalag.gif) top left no-repeat;
	padding-left: 10px;
	padding-top: 5px;

	font: bold 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}
.doboz {
	width: 280px;
	height: auto;
	color: #494949;
	margin-left: 6px;
	background-color: #f6f6f6;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/****************************************************************************************************************************/
.jellemzo-tabla  {
	border-collapse: collapse;
	font-size: 11px;
	color: #302E2C;
	width: 100%;
}
.jellemzo-tabla td,
.jellemzo-tabla th {
	border-top: 1px dotted #b7b7b7;
	padding: 6px;
}
.jellemzo-tabla th {
	text-align: left;
	font-weight: bold;
}
.jellemzo-tabla ul {
	padding: 0 0 0 10px !important;
	margin-bottom: 0 !important;
}
.jellemzo-tabla li {
	padding: 0 !important;
}
.jellemzo-tabla tr.elvalaszto {
	padding: 0;
}
.jellemzo-tabla tr.elvalaszto td {
	padding: 3px 6px;
	background-color: #F1F1F1;
	border: 0 !important;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.jellemzo-tabla td span, table#hasonlit span {
	font-size: 9px;
	color: #3E7FB2;
}
/****************************************************************************************************************************/
.kiegeszitok {
	list-style-type: none;
}
.kiegeszitok li {
	float: left;
	margin-right: 15px;
	text-align: center;
}
.kiegeszitok a {
	color: #09F;
	font-size: 11px;
	text-decoration: none;
}
.kiegeszitok a:hover {
	text-decoration: underline;
}
/****************************************************************************************************************************/
#levelkuldes {
	width: 100%;
	height: auto;
	margin-top: 20px;
	background-color: #e7f0fb;
	border: 1px solid #a5c6f0;
}
#levelkuldes #cim {
	background-color: #a5c6f0;
	padding-left: 10px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#levelkuldes form {
	margin: 20px;
}
#levelkuldes label {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#levelkuldes input.textbox, #levelkuldes select, #levelkuldes textarea
{
	border: 1px solid #a5c6f0;
	margin-bottom: 5px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #47586A;
	background-color: #FAF9F8;
	width: 415px;
	padding: 4px;
}
#levelkuldes textarea.comment {
	height: 120px;
}
#ceginfo {
	/*margin-top: 20px;*/
	width: 280px;
	height: auto;
	font-size: 11px;
	
	color: #494949;
}
#ceginfo .sor {
	border-bottom: 1px dotted #b7b7b7;
	padding: 6px 12px;
	background-color: #f6f6f6;
	margin-left: 6px;
}
#ceginfo .balra {
	font-weight: bold;
}
/****************************************************************************************************************************/
.doboz a {
	display: block;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	text-decoration: none;
	color: #383838;
	border-bottom: 1px dotted #b7b7b7;
}
.doboz a:hover {
	background-color: #d0d0d0;
}
/****************************************************************************************************************************/
.top-termekek {
	/*margin-bottom: 20px;*/
}
.top-termekek a {
	display: block;
	height: 60px;
	line-height: normal;
	padding-left: 0;
	width: 280px;
	overflow: hidden;
}
.top-termekek span.keptarto {
	display: block;
	border: 1px solid #dddddd;
	padding: 2px;
	margin: 4px 6px;
	width: 40px;
	background: #fff;
	text-align: center;
	float: left;
}
.top-termekek span.szoveg {
	display: block;
	float: left;
	width: 210px;
	height: 48px;
	overflow: hidden;
	padding-top: 3px;
}
/****************************************************************************************************************************/
#uzenet {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 8px 0;
	color: #FFFFFF;
	position: relative;
}
#uzenet a {
	position: absolute;
	top: 3px; right: 3px;

	outline: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color: #fff;

	line-height: 10px;
	padding: 0 2px 3px 3px;
}
#uzenet a:hover {
	font-weight: bold;
}
#uzenet .hiba, #uzenet .siker {
	padding: 5px;
	padding-left: 25px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
}
.hiba {
	background: #E61B34 url(../images/error.gif);
	border: 2px solid #BC1700;
}
.hiba a {
	background-color: #BC1700;
}
.siker {
	background: #3ED7AF url(../images/accept.gif) top left no-repeat;
	border: 2px solid #00B556;
}
.siker a {
	background-color: #00B556;
}
/****************************************************************************************************************************/
/* összesítő */
.ot-depth-1 span {
	display: block;
	clear: both;
	/*	+ <h2> formázása */
}
.ot-depth-2 {
	display: inline; /* IE6 dupla margó */
	float: left;
	width: 210px;
	margin-left: 6px;
}
* html .ot-depth-2 {
	margin-bottom: 10px;
}
.ot-depth-2 span {
	display: block;	
	width: 200px;
	height: 16px;
	padding: 3px 5px;
	background: 0;	
	background-color: #ECECEC;
	color: #494949;
	overflow: hidden;
}
.ot-termekek {
	margin-left: 5px;
	margin-bottom: 15px;
	height: auto;
}
.ot-termekek a {
	display: block;
	/*
	width: 200px;
	*/
	text-decoration: none;
	color: #084393;
}
.ot-termekek a:hover {
	text-decoration: underline; 
}
#termek-kepek {
	/*height: 120px;*/
	height: 185px;
	width: 660px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px 0;
}
#termek-kepek td {
	padding: 0 8px;
	vertical-align: middle;
}
#termek-kepek img {
	border: 0;
}
.fixedwidth {
	height: 100px;
}
/****************************************************************************************************************************/
#termekkep-csuszka {
	position: relative;
	margin: 20px 0px;
	height: 228px;
	overflow: hidden;
}
#termekkep-csuszka ul {
	list-style-type: none;	
}
/****************************************************************************************************************************/
#cimsor-gombok {
	width: 57px;
	background-color:#EDEDED;
	padding:2px 3px 0px 4px;
	border: 1px solid #D3D3D3;
	margin-top:4px
}
#level_ismerosnek {
	display: none;
	border: 3px solid #dddddd;
	padding: 20px;
	background-color: #f6f6f6;
	height: auto;
	overflow: hidden;
}
#level_ismerosnek #uzenet{
	padding-top: 0px;
	margin-top: -10px;
}
/****************************************************************************************************************************/
form.urlap {
	margin: 0 auto 0 auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
form.urlap em {
	font-size: 11px;
	color: #302E2C;
}
form.urlap p {
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 3px !important;
}
form.urlap p input {
	margin-right: 4px;
}
form.urlap label,
form.urlap input,
form.urlap select,
form.urlap textarea {
	color: #302E2C;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CBC1B1;
}
form.urlap label {
	float: left;
	width: 130px;
	margin-top: 2px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	border: 0;
}