/* -------------------------------------------------------------------------- *
 * írta:		Vári Csaba (vari.csaba@gmail.com)							  *
 * módosítva:	2012-04-10													  *
 * -------------------------------------------------------------------------- */

/* -- Általános ----------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	font-size: 100%;
}

a, a:visited {
	color: #1C5702;
	cursor: pointer;
}

a:hover {
	color: #388009;
}

a:active {
	color: #459A0C;
}

div.clear 	{clear: both;}
div.left 		{float:left;margin:0px 0px 0px 0px;padding:0px;}
div.right 	{float:right;margin:0px 0px 0px 0px;padding:0px;}
img.shadow,div.shadow	{box-shadow:0px 7px 20px 0px rgba(0,0,0,0.4);-moz-box-shadow:0px 7px 20px 0px rgba(0,0,0,0.4);-webkit-box-shadow:0px 7px 20px 0px rgba(0,0,0,0.4);}
img.radius,div.radius	{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
div.message	{border: 1px solid;margin: 20px 0px 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
div.success	{color: #4F8A10;background-color: #DFF2BF;background-image:url(../kepek/success.png);border-color:#4F8A10}
div.false	{color: #cd3636;background-color: #F5E0E0;background-image:url(../kepek/false.png);border-color:#cd3636}
div.txtshad	{text-shadow: 1px 1px 2px #000;filter: dropshadow(color=#000, offx=1, offy=1);}
div.m-b10	{margin-bottom:10px;}
div.w100		{width:100%;}
div.center	{text-align:center}

body {
	background-image: url('/kepek/hatter.png');
	background-repeat: repeat-y;
	background-color: #E4D9BE;
	background-position: center top;
	margin:0px;
	padding:0px;
	direction: ltr;
}

#Header-Wrapper,#Main-Wrapper,#Footer-Wrapper	{
	margin:auto;
	position:relative;
	width:950px;
	border:0px;
	padding:0px;
	clear:both;
}

p {
	text-align: justify;
	margin-top: .5em;
}

blockquote {
	padding: 10px;
	border: 1px dotted #64726C;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: .95em;
	background-image: url('/kepek/quote.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

fieldset {
	width: 667px;
	border: 1px solid #BFA56A;
	padding: 10px;
	margin: 0 0 10px 19px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

legend {
	padding: 2px 5px 2px 5px;
	border: 1px solid #BFA56A;
	font-size: .9em;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

legend img {
	vertical-align: bottom;
	margin-right: 5px;
}

table {
	border-collapse: collapse;
}

.kontener {
	display:block;
	float:left;
	width: 950px; /* 789 px*/
	padding-bottom:0px;
	background-color: #F6EACF;
	font-size: 1em;
	background-image: url('/kepek/kontener.png');
	background-repeat: repeat-y;
}

/* -- Névnap -------------------------------------------- */
#tipp			{float:left;padding:0px 0px 0px 0px;width:100%;font-family:arial;font-size:13px;margin-top:15px}
#tipp #adat		{padding:0px 0px 0px 0px;line-height:1.3em;overflow:hidden;color:#000000;display:block;text-align:center;line-height:20px;}
#tipp div a		{text-decoration:underline;color:#9d9477;font-size:11px;font-weight:normal}

/* -- Fejléc -------------------------------------------- */

#fejlec {
	width: 950px;
	height: 150px;
	background-color: #9E7D3B;
	background-image: url('/kepek/fejlec_bg.png');
	background-repeat: repeat-x;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#714A11', endColorstr='#CAAE64');
	background: -webkit-gradient(linear, left top, left bottom, from(#714A11), to(#CAAE64));
	background: -moz-linear-gradient(top, #714A11, #CAAE64);
	position:relative;
	top:0px;left:0px;right:0px;bottom:0px;
	font-size: 1.2em;
}


#fejlec_logo {
	position:absolute;
	top:20px;
	margin-left: 15px;
	float: left;
}

#fejlec_kutya1 {
	position:absolute;
	background:url(../kepek/kutya1.png) no-repeat center;
	width:103px;
	height:79px;
	right:20px;
	bottom:-30px;
}
#fejlec_kutya2 {
	position:absolute;
	background:url(../kepek/fejlec_kutya3.png) no-repeat center;
	width:107px;
	height:56px;
	left:120px;
	bottom:-7px;
}

#fejlec_search {
	position:absolute;
	bottom:10px;
	right:120px;
	text-align:center;
	font-size:13px;
}

/*#fejlec_kutya2 {
	float: left;
	margin: 5px 0 0 5px;
}*/

/*#fejlec_kutya1 img, #fejlec_kutya2 img {*/
#fejlec_kutya1 img {
	position: absolute;
	z-index: +1;
}

#fejlec_kutya3 {
	float: left;
	/*margin: 35px 35px 0 20px;*/
	margin: 35px 0 0 20px;
}

.fejleclent {
	height: 71px;
	clear: both;
	background: #F7ECD0 url('/kepek/fejleclent.png');   /* fejleclent.psd */
	background-repeat: no-repeat;
}

/* -- Lábléc -------------------------------------------- */

.lablec {
	position:relative;
	bottom:0px;
	vertical-align: bottom;
	clear: both;
	background-color: transparent;
	background-image: url('/kepek/lablec_bg.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 25px;
	width: 950px; /* 788 */
	font-size: .75em;
	padding-top: 10px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-style: italic;
}

.lablec p {
	width: 730px;
	margin: 0px;
	padding: 0px;
	float:right;
	text-align: center;
}

/* -- Fenti menüsor ------------------------------------- */

.menu ul {
	background-image: url('/kepek/menu.png');
	height: 37px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .85em;
	border-top: 1px solid #9B9F06;
}

.menu ul li {
	display: inline;
}

.menu ul li a, .menu ul li a:visited, .menu ul li a:active {
	color: #FFFFFF;
	margin-left: 20px;
	padding-top: 8px;
	float: left;
	border-bottom: 0;
	text-shadow: #2A4D73 0.1em 0.1em 0.1em;
	font-weight: bold;
}

.menu ul li a:hover {
	color: #2A4D73;
	background-image: url('/kepek/hover.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	text-decoration: none;
	text-shadow: none;
}

.menu_biztositas {
	color: #FFFFFF !important;
	text-shadow: #FE6216 .1em .1em .1em !important;
	letter-spacing: 1px;
}

.menu_biztositas:hover {
	color: #552b00 !important;
	text-shadow: none !important
}

/* Bannerek */
#banner-fejlec-728x 				{ height:120px;width:728px;position:absolute;top:10px;right:10px;text-align:left; }
#banner-bal-160x 				{ width:160px;margin:auto; }
#banner-kozep-728x				{ clear:both;width:728px;margin:auto; }
#banner-kozep-lent-bal-300x		{ clear:both;width:300px;float:left;margin-left:20px; }
#banner-kozep-lent-jobb-300x	{ width:300px;float:right;margin-right:20px; }


/* -- Bal oldali menü ---------------------------------- */

.jobb {
	/*
	width: 168px;
	float: right;
	*/
	width: 190px;
	float: left;
	text-align:center;
	clear: both;
	background-color: #C5AC71;
	padding-top: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

.jobb h3 {
	font-size: .95em;
	color: #FFFFFF;
	padding: 5px 0 5px 0;
	margin-top: 15px;
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-family: Georgia, serif;
	letter-spacing: 2px;
	background-color: #785012;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#835614', endColorstr='#714A11');
	background: -webkit-gradient(linear, left top, left bottom, from(#835614), to(#714A11));
	background: -moz-linear-gradient(top, #835614, #714A11);
	text-shadow: #462F0B 0.05em 0.1em 0.1em;
}

.linkpanel {
	text-decoration: none;
}

.linkpanel p {
	font-size: .85em;
	text-align: center;
	background-color: #D3D582;
	margin: 0;
	padding: 4px 0 4px 0;
}

.linkpanel ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	background-color: #D3D582;
}

.linkpanel li a, .linkpanel li a:visited {
	display: block;
	padding: 4px 0 4px 10px;
	width: 180px;
	border-bottom: 1px solid #7C7C3C;
	background: url('/kepek/linkpanel.png') no-repeat right center;   /* linkpanel.psd */
	color: #000000;
	font-size: 1em;
	text-align:left;
	text-shadow: #7C7C3C 0.05em 0.05em 0.1em;
}

.linkpanel li a:hover, .betumeret:hover {
	color: #FFFFFF;
	background-image: url('/kepek/linkpanel_hover.png');   /* linkpanel_hover.psd */
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-decoration: none;
}

.linkpanel li a:active {
	font-style: italic;
}

/* -- Tartalom ------------------------------------------ */

.tartalom {
	float:right;
	width:730px;
	margin-left: 20px;
	padding: 5px 5px 5px 5px;
	font-size: .80em;
	font-family: Helvetica, Arial, sans-serif;
}

.tartalom h1 {
	background-image: url('/kepek/h1.png');
	background-repeat: no-repeat;
	font-size: 1.3em;
	height: 37px;
	padding-top: 26px;
	margin-bottom: 10px;
	clear: left;
	color: #FBE09D;
	font-family: Georgia, serif;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: #462F0B 0.05em 0.1em 0.1em;
}

.tartalom h2 {
	font-size: .9em;
	width: 669px; /* 518 */
	padding: 5px 10px 5px 10px;
	margin: 10px 0 10px 19px;
	color: #FBE09D;
	font-family: Georgia, serif;
	letter-spacing: .1em;
	font-style: italic;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #BDA366;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BDA366', endColorstr='#B89B58');
	background: -webkit-gradient(linear, left top, left bottom, from(#BDA366), to(#B89B58));
	background: -moz-linear-gradient(top, #BDA366, #B89B58);
	text-shadow: #957B40 0.05em 0.1em 0.1em;
}

.tartalom h3 {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

.tartalom p {
	margin-left: 23px;
	margin-right: 24px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
}

.kozep {
	text-align: center
}

.tartalom ol {
	margin: 5px 24px 5px 42px;
	font-size: 1em;
}

.tartalom ul {
	margin: 5px 24px 5px 37px;
	font-size: 1em;
	list-style-image: disc;
}

.tartalom li {
	padding-bottom: 5px;
	vertical-align: middle;
}


.strukt {
	text-align: right;
	font-size: .9em;
	position: absolute;
	width: 685px; /* 524 */
	margin: -2px;
}

/* -- Dátum és névnap a főoldalon ----------------------- */

.nevnap {
	text-align: center;
	margin: 5px 0 15px 0;
}

.nevnap .piros {
	color: #CC0000;
	font-weight: bold;
}

.nevnap .nevnapos {
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, serif;
}

/* -- Gyorskereső doboz a jobb oldalon ------------------ */

#searchbox_form {
	clear: both;
	height: 15px;
}

#searchbox {
	background-color: #F1EDDA;
	border: 1px solid #BA9E5F;
	height: 18px;
	padding: 2px;
	width: 123px;
	margin: 6px 0 0 6px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	color: #92773A;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
}

#searchbox:focus {
	background-color: #FFFFFF;
	border-color: #000000;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

#searchbox_submit {
	padding: 3px;
	float: right;
	width: 16px;
	margin: 6px 6px 0 3px;
}

#searchbox_submit img {
	margin: 0;
}

/* -- Bejelentkező űrlap a jobb oldalon ----------------- */

#login_nick, #login_passwd {
	background-color: #F1EDDA;
	border: 1px solid #BA9E5F;
	height: 18px;
	padding: 2px;
	width: 130px;
	margin: 3px;
	font-family: Helvetica, Arial, sans-serif;
	color: #92773A;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#login_nick:focus, #login_passwd:focus {
	background-color: #FFFFFF;
	border-color: #000000;
	font-weight: bold;
	color: #000000;
}

.login_link {
	margin-top: 4px;
}

.login_error {
	color: #CC0033;
	font-weight: bold;
	text-align: center;
}

/* -- Figyelmeztető üzenetek ---------------------------- */

.salert, .notify {
	width: 665px;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	line-height: 1.6em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.salert {
	height: 40px;
	border: 2px solid #FF531A;
	background-color: #FFF;
	background-image: url('/kepek/alert_bg.png');
	background-repeat: repeat-x;
	background-position: center center;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBBA4', endColorstr='#FF936F');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFBBA4), to(#FF936F));
	background: -moz-linear-gradient(top, #FFBBA4, #FF936F);
}

.notify {
	min-height: 18px;
	border: 2px solid #FFCC66;
	background-color: #FFF;
	background-image: url('/kepek/notify_bg.png');
	background-repeat: repeat-x;
	background-position: center center;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE1A4', endColorstr='#FFC751');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE1A4), to(#FFC751));
	background: -moz-linear-gradient(top, #FFE1A4, #FFC751);
}

.alertpic1 {
	vertical-align: middle;
	float: left;
	margin: 4px 0 0 5px;
}

.alertpic2 {
	vertical-align: middle;
	float: left;
	margin: -6px 0 0 5px;
}

.alertclose {
	vertical-align: top;
	float: right;
	cursor: pointer;
}

/* -- jQuery popup üzenetek ----------------------------- */

#popup_container {
	font-family: Arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #E4D9BE;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	visibility: hidden;
}

.pp1 {
	border: solid 5px #FF531A;
}

.pp2 {
	border: solid 5px #FFCC66;
}

.pp3 {
	border: solid 5px #815413;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #000;
	background: #CCC;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
	background-repeat: repeat-x;
	background-position: bottom center;
}

.pt1 {
	background-image: url('/kepek/alert_bg.png') !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBBA4', endColorstr='#FF936F');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFBBA4), to(#FF936F)) !important;
	background: -moz-linear-gradient(top, #FFBBA4, #FF936F) !important;
}

.pt2 {
	background-image: url('/kepek/notify_bg.png') !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE1A4', endColorstr='#FFC751');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE1A4), to(#FFC751)) !important;
	background: -moz-linear-gradient(top, #FFE1A4, #FFC751) !important;
}

.pt3 {
	background-image: url('/kepek/prompt_bg.png') !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBB787', endColorstr='#B89B58');
	background: -webkit-gradient(linear, left top, left bottom, from(#CBB787), to(#B89B58)) !important;
	background: -moz-linear-gradient(top, #CBB787, #B89B58) !important;
}

#popup_content {
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url('/kepek/piktogram/warning.png');
}

#popup_content.confirm {
	background-image: url('/kepek/piktogram/help3.png');
}

#popup_content.prompt {
	background-image: url('/kepek/piktogram/help3.png');
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin-top: 5px;
	font-weight: normal;
	background-color: #F1EDDA;
	border: 1px solid #000;
	height: 18px;
	padding: 2px;
	margin: 2px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* -- Egyéb --------------------------------------------- */

/*
.email {
	unicode-bidi: bidi-override;
	direction: rtl;
}
*/

.error_message {
	color: #CC0000;
	margin-top: 20px;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}

.ajax_error_msg {
	color: #CC0000;
	font-weight: bold;
}

.success_message {
	color: #336600;
	margin-top: 20px;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}

.szerverhiba {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin: 1em;
}

#Cikkek							{clear:both;width:100%;position:relative;float:left;margin-bottom:25px;}
#Cikkek #Kep						{float:left;position:relative;background:url(../images/home-kep-bg.png) no-repeat right top;width:138px;margin-right:10px}
#Cikkek #Kep img					{width:118px;border:5px solid #dddbc0}
#Cikkek #Tartalom				{float:left;}
#Cikkek #Tartalom #Cim			{float:left;clear:both;text-align:left;line-height:2em}
#Cikkek #Tartalom #Cim a			{float:left;padding:5px 0px 10px 0px;font-size:16px;font-family:arial;font-weight:bold;}
#Cikkek #Tartalom #Cim a span		{color:#333}
#Cikkek #Tartalom #Date			{clear:both;position:relative;font-size:11px;color:#666;padding:0px 0px 0px 0px;top:-10px;}
#Cikkek #Tartalom #Txt			{float:left;clear:both;text-align:left}
#Cikkek #Kategoriak				{width:100%;clear:both;position:relative;float:left;min-height:24px;margin-top:10px}
#Cikkek #Kategoriak #Kat			{float:left;padding-left:20px;background:url(../images/mappa-icon.png) no-repeat left center;font-size:12px;color:#7ec213}
#Cikkek #Kategoriak #Kat a		{color:#7ec213}
#Cikkek #Kategoriak #Gomb		{position:absolute;height:24px;right:0px;bottom:0px;padding:0px;margin:0px}

#Cikk				{width:100%;font-size:12px;font-family:tahoma;}
#Cikk .date			{vertical-align:top;height:20px;font-size:12px;color:#666;}
#Cikk .cim			{padding:20px 0px 6px 0px;font-size:18px;font-family:arial;font-weight:bold;color:#1C5702;text-align:left;vertical-align:middle;line-height:1.3em}
#Cikk .cim	 span	{color:#333}
#Cikk .masnev		{vertical-align:middle;font-size:13px;color:#fb4400;font-weight:bold;padding-bottom:12px;}
#Cikk .kategoriak	{padding:0px 0px 0px 20px;background:url(../images/cimke-icon.png) no-repeat left center;font-size:12px;color:#7ec213}
#Cikk .kategoriak a	{color:#7ec213}
#Cikk .share			{vertical-align:top;padding:20px 0px 0px 0px}
#Cikk .elozetes		{text-align:justify;line-height:1.6em}
#Cikk .teljes		{text-align:justify;line-height:1.6em;font-size:13px}
#Cikk .teljes table	{margin:auto;text-align:center;}
#Cikk td a			{color:#7ec213;}

form.cmxform table td.ci span.info	{display:block;clear:both;line-height:16px;min-height:16px;background:url() no-repeat scroll 0px -345px;padding-left:25px;font-size:10px;margin:10px 0px 10px 0px}
form.cmxform table td.ci label		{float:left;clear:both;font-size:11px;padding:0px 10px 0px 0px;line-height:29px;text-align:right;width:90px}
form.cmxform table td.ci .w100		{width:100px}
form.cmxform table td.ci .w110		{width:110px}
form.cmxform table td.ci .w150		{width:150px}
form.cmxform table td.ci span.txt	{line-height:29px;font-size:11px;background:none;padding:0px 0px 0px 5px;margin:0px;}
form.cmxform table td.ci .watermark 	{color: #999 !important;}