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

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

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

*******************************************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #4f5919 url(images/lablec_bg.jpg) top left repeat;
	color: #4c3f33;
}
.balra { float: left; }
.jobbra { float: right; }
.sorkizart { text-align:justify; }
.nw { white-space: nowrap; }
.clear { clear:both; }
a {
	text-decoration: none;
	outline: none;
}
img {
	border: 0;
}
.tarto {
	width: 900px;
	margin: 0 auto 0 auto;
}
.hasab {
	width: 250px;
	float: right;
	display: inline;
}
#fejlec {
	height: 129px;
	background: #6ca4d4 url(images/fejlec_bg.gif) top left repeat-x;
	margin-bottom: 0px;
}
#lap {
	min-height: 400px;
	background: #e3e1d7 url(images/lap_bg.jpg) top left repeat;
	padding: 30px 0;
}
* html #lap {
	height: 400px;
}
/***********************************************************************************************************************/
ul#menu {
	width: 250px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: url(images/menu_bg.png) top left repeat;
}
ul#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul#menu a {
	display: block;

	border-top: 1px solid #fff8f0;
	border-bottom: 1px solid #c7c2bc;
	color: #4c3f33;
	
	outline: none;
	padding: 10px 10px 14px 14px;
	
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
ul#menu a span {
	font-size: 10px;
	font-weight: normal;
}
* html ul#menu a {
	height: 1px;
}
ul#menu a.utso {
	border-bottom: 0;
}
ul#menu a:hover, ul#menu a.sel {
	background-color: #675545;
	color: #ffffff;
}
/***********************************************************************************************************************/
#tartalom {
	float: right;
	width: 630px;
	margin-right: 20px;
}
#tartalom div.cim {
	position: relative;
	height: 38px;
	margin-left: -20px;
	background: url(images/cim_bg_bal.gif) top left no-repeat;
}
#tartalom div.tovabbi-sor {
	margin-top: -4px;
}
#tartalom div.cim span {
	position: absolute;
	left: 20px;
	display: block;
	height: 38px;
	padding: 4px 20px 0 0;
	font: 26px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	letter-spacing: -1px;
	word-spacing: 2px;
	color: #e57200;
	background: url(images/cim_bg_jobb.gif) top right no-repeat;
}
#tartalom p {
	font-size: 14px;
	line-height: 19px;
	margin-top: 0;
	text-align: justify;
}
#tartalom p em, #tartalom li em {
	padding: 2px 4px;
	background-color: #f3eb7b;
	font-size: 14px;
	font-style: normal;
}
#tartalom li em {
	padding-left: 0;
}
#tartalom em {
	font-size: 11px;
}
#tartalom h1, #tartalom h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 3px;
}
#tartalom ul {
	font-size: 14px;
	line-height: 19px;
	margin-left: 0;
	padding-left: 20px;
}
img.cimlap-kep {
	float: right;
	margin-top: 0px;
}
img.akcio {
	padding: 20px 0 0 30px;
}
img.logo {
	float: right;
	border: 4px solid #CFC7B8;
}
.hokepek {
	margin-bottom: 10px;
}
.hokepek img {
	border: 4px solid #cfc7b8;
}
/***********************************************************************************************************************/
#v1 {
	margin: 20px 0;
	float: left;
}
#v2 {
	margin: 20px 0;
	float: right;
}
#sajtoref img {
	border: 1px solid #644d3c;
}
#sajtoref ul {
	padding: 0;
	list-style-type: none;
}
#sajtoref ul.kepek li {
	float: left;
	margin-right: 22px;
}
#sajtoref ul.feliratok li {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}
#sajtoref p {
	clear: left;
	padding-top: 10px;
	margin: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}
#sajtoref p a {
	background-color: #865535;
	padding: 2px 3px;
	color: #ffffff;
}
/***********************************************************************************************************************/
#meretezo {
	position: relative;
	float: left;
	width: 450px;
	height: 352px;
	margin-top: 10px;
	background: url(images/meretezo_bg.jpg) no-repeat;
}
#vizszintes {
	width: 335px;
	height: 23px;
	position: absolute;
	bottom: 33px;
	left: 20px;
}
#fuggoleges {
	width: 22px;
	height: 245px;
	position: absolute;
	top: 50px;
	right: 27px;
}
#kez_v {
	width: 50px;
	height: 60px;
	position: absolute;
	top: -36px;
	left: 0;
	z-index: 100;
	cursor: pointer;
	background: url(images/kez_v.png) top left no-repeat;
}
#kez_f {
	width: 60px;
	height: 52px;
	position: absolute;
	right: 0;
	z-index: 100;
	cursor: pointer;
	background: url(images/kez_f.png) top left no-repeat;
}
.buborek {
	position: absolute;
	width: 57px;
	height: 31px;
	padding-top: 6px;
	z-index: 200;

	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;

	background: url(images/buborek.gif) no-repeat;	
}
#buborek_v {
	top: -40px;
	margin-left: -50px;
}
#buborek_f {
	margin-top: -20px;
	right: 40px;
}
* html #buborek_f {
	margin: 0;
}
#hozzaad_gomb {
	width: 68px;
	margin-left: 35px;
	margin-top: 150px;
}
/***********************************************************************************************************************/
.ktg-tabla {
	width: 450px;
	border-collapse: collapse;
	border: 1px solid #bab8b2;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.ktg-tabla tr.over {
	background-color: #f0eee4;
}
.ktg-tabla th {
	padding: 4px 0;
	background-color: #ccc7c0;
}
.ktg-tabla td {
	border: 1px solid #bab8b2;
	padding: 2px 5px;
	text-align: right;
}
.ktg-tabla tfoot {
	font-weight: bold;
}
.ktg-tabla tfoot td {
	border-top: 2px solid #6A5947;
}
#ktg {
	display: none;
}
.ktg-tabla img {
	cursor: pointer;
}
#ktg .button {
	position: relative;
	top: 6px;
}
.msg {
	padding: 5px 8px;
	position: relative;
	background-color: red;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: none;
}
div#ktg span.msg {
	margin-top: -12px;
}
/***********************************************************************************************************************/
#kapcs_tarto {
	border: 2px dashed #C0BAA2;
	padding: 17px 20px 10px 20px;
	margin-top: 20px;
}
#kapcs_tarto .button {
	margin-top: 5px;		
}
#frm_level .textbox,
#frm_level textarea {
	width: 400px;
}
/*
#frm_level {
	float: left;
	padding-right: 20px;
	border-right: 2px dashed #C0BAA2;
}
#frm_visszahivas {
	margin-left: 310px;
}
*/
/***********************************************************************************************************************/
form {
	margin: 0;
	padding: 0;
}
form label {
	margin-left: 4px;
	font-size: 14px;
	font-weight: bold;
}
form .button {
	outline: none;
}
input.textbox, select, textarea
{
	border: 2px solid #6A5947;
	padding: 4px;
	margin-bottom: 5px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #7e7c76;
	/*width: 230px;*/
	background-color: #FAF9F8;
}
select {
	width: 268px;
}
input.email {
	background: #FAF9F8 url(images/email.gif) 6px 5px no-repeat;
	padding-left: 30px;
}
input.user {
	background: #FAF9F8 url(images/status_online.gif) 6px 4px no-repeat;
	padding-left: 30px;
}
input.phone {
	background: #FAF9F8 url(images/telephone.gif) 6px 4px no-repeat;
	padding-left: 30px;
}
input.time, select.time {
	background: #FAF9F8 url(images/time.gif) 5px 5px no-repeat;
}
input.time {
	padding-left: 30px;
}
select.time {
	padding-left: 25px;
}
textarea.comment, input.comment {
	background: #FAF9F8 url(images/comment.gif) 5px 5px no-repeat;
	padding-left: 30px;
}
/***********************************************************************************************************************/
.termek {
	padding: 15px 0;
	border-top: 2px dashed #C0BAA2;
}
.termek img.kep {
	float: left;
	margin-right: 20px;
}
.termek .termeknev {
	font: bold 15px Verdana, Geneva, sans-serif;
	color: #4c3f33;
}
.termek .adatok {
	font-size: 13px !important;
}
.termek .leiras {
	font-style: italic;
	font-size: 13px !important;
	text-align: left !important;
}
.termek form {
	float: right;
	font-size: 15px;
}
.termek .ar {
	font-weight: bold;
	color: #cf2e2c;
	margin-right: 10px;
}
.termek .ar b {
	color: #4c3f33;
}
.termek .gomb {
	vertical-align: middle;
}
/***********************************************************************************************************************/
table#kosar {
	font-size: 13px;
	width: 100%;
	border-collapse: collapse;
}
table#kosar td,
table#kosar tbody th {
	padding: 6px;
}
table#kosar thead th {
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid #333333;
}
table#kosar tbody th {
	font-weight: normal;
	text-align: right;
}
table#kosar tr.vonal-fent th {
	border-top: 2px dashed #C0BAA2;
}
table#kosar tr.vonal-lent th {
	border-bottom: 2px dashed #C0BAA2;
}
/****************************************************************************************************************************/
#mini-kosar {
	position: relative;
	margin: 15px 0;
	width: 235px; /*250*/
	height: 118px; /*129*/
	background: url(images/kosar_bg.jpg) no-repeat;
	padding: 15px;
}
#mini-kosar span {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
#mini-kosar p {
	font-size: 12px;
	margin: 0;
}
#mini-kosar .gombok {
	position: absolute;
	bottom: 30px;
	text-align: center;
}
/****************************************************************************************************************************/
ul#megrendeles-lepesek {
	list-style-type: none;
	margin-bottom: 80px;
	font-size: 12px;
	padding: 0;
}
ul#megrendeles-lepesek li {
	float: left;
	padding: 0 8px;
	color: #9b9480;
	border-right: 1px dashed #a49a7c;
	background-color: #edebe5;
	background: url(images/menu2_bg.jpg);
	line-height: 40px;
}
ul#megrendeles-lepesek li.sel {
	color: #827b66;
	font-weight: bold;
	background: #f7f7f4;
}
ul#megrendeles-lepesek span.sorszam {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	/*float:left;*/
	/*line-height: 40px;*/
	padding-right: 2px;
}
/****************************************************************************************************************************/
form.urlap {
	background: url(images/menu2_bg.jpg);
	padding: 15px;
	padding-top: 20px;
}
form.urlap em {
	font-size: 11px;
	color: red;
	vertical-align: top;
	background: 0;
}
form.urlap p {
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 3px !important;
}
form.urlap p input,
form.urlap p textarea {
	margin-right: 4px;
}
form.urlap fieldset {
	position: relative;
	padding: 15px 20px 15px 15px;
	border: 2px dashed #C0BAA2;
	margin-bottom: 15px;
}
* html form.urlap fieldset {
	margin-bottom: 10px;
}
form.urlap legend {
	padding: 2px 4px;
	font-size: 15px;
	font-weight: bold;
	color: #4c3f33;
}
form.urlap label {
	float: left;
	width: 130px;
	margin-top: 2px;
	margin-right: 10px;
	font-size: 13px;
	text-align: right;
	font-weight: bold;
	border: 0;
}
form.urlap input.check,
form.urlap input.radio {
	background: none;
	border: none;
}
form.urlap span {
	position: relative;
	/*top: -3px;*/
	font-size: 14px;
	color: #4c3f33;
}
* html form.urlap span {
	top: 0;
}
/*
form.urlap .megjegyzes {
	margin-left: 145px;
	font-size: 13px;
	color: #AD9D84;
}
form.urlap div.vonal {
	height: 1px;
	margin: 5px 0px;
	background: url(images/szg_vonal.gif) top left repeat-x; 
}
*/
form input.gomb {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../images/gomb_bg.gif) top left no-repeat;
	height: 22px;
	line-height: 14px;
	width: 85px;
	border: none;
	cursor: pointer;
}
form input.gomb:hover {
	background-position: bottom left;
}
form.urlap ul.gomb-tarto {
	list-style-type: none;
	margin-top: 10px;
	height: 22px;
}
form.urlap ul.gomb-tarto li {
	float: left;
	margin-right: 10px;
}
form.urlap hr {
	border: 1px solid #CBC1B1;
	margin: 12px 0;
}
form.urlap .magyarazat {
	font-size: 13px;
	font-style:italic;
	padding-left: 25px;
}
/****************************************************************************************************************************/
.megrendeles_tabla {
	width: 560px;
	font-size: 12px;
}
/****************************************************************************************************************************/
#o_uzenet {
	font: bold 12px Arial, sans-serif;
	padding: 4px;
	margin-bottom: 8px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
.o_hiba {
	background-color:#CC0000;
}
.o_siker {
	background-color:#33CC00;
}
.error {
	border-color: red !important;
	background-color: #ffd2d2 !important;
}
#uzenet {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 8px 0;
	color: #FFFFFF;
	position: relative;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}
#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 !important;
	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;
}
/****************************************************************************************************************************/
#lablec {
	height: 70px;
	padding-top: 40px;
	border-top: 3px solid #6c7b1e;
	background: url(images/centi.jpg) top left repeat-x;
	font: 11px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color: #c9bd22;
}
#kredit {
	float: right;
}
#kredit a {
	width: 71px;
	height: 19px;
	display: block;
	float: left;
	margin-left: 6px;	
	background-position: top;
}
#kredit a.webdesign {
	background: url(images/webdesign.gif);
}
#kredit a.xhtml {
	background: url(images/xhtml.gif);
}
#kredit a.css {
	background: url(images/css.gif);
}
#kredit a:hover {
	background-position: bottom;
}