/* ----------------------- RESET ----------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,d
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}


article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}


nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;	
    border-top: 1px solid #cccccc;
    margin: 20px 0px;
    padding: 0px;
}

input, select {
	vertical-align:middle;
}

*:focus { 
	outline: none;
}

*::-moz-focus-inner { 
	border: none; 
}

/* ----------------------- RESET VEGE ----------------------- */

body {
	background: url(body_bg.gif) top repeat #cccccc;
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	color: #4c4c4c;
	width: 1000px;
	margin: auto;
}


p {
	padding: 0px;
	margin: 0px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #c92828;
}


a:hover {
	color: #f03b03;
}

a:active {
	outline: none;
}


img {
	border: 0px;
}

h1, h2, h3 {
	color: #ff9900;
	word-spacing: 4px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}


h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 105%;
	padding: 2px 0px 25px 40px;
	background: url(eFlow_logo_disz.png) 0px 0px no-repeat;
	font-style: italic;
}


h1:first-letter {
	font-size: 30px;
}

h2 {
	font-size: 22px;
	letter-spacing: 1px;
	word-spacing: 2px;
	margin-bottom: 12px;
}

h3 {
	font-size: 18px;
	letter-spacing: 1px;
	word-spacing: 2px;
	margin-bottom: 6px;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li {
	background: none;
}


table td, table th {
	padding: 10px;
	margin: 0px;
	vertical-align: top;
}

table td p, table th p {
	padding: 0px !important;
	margin: 0px !important;
	text-align: left;
}



.fl {float: left;}
.fr {float: right;}
.fc {margin-left: auto; margin-right: auto;}
.cl, .clear {clear: both; position: static;}




/* --------------------- ALAP FORMOK --------------------- */

input, textarea {
	padding: 2px 4px 2px 4px;
	margin: 3px 0px 6px 0px;
	font-size: 12px;
	font-family: verdana, arial !important;
}
input {
	width: 200px;
}
textarea {
	width: 400px !important;
	height: 150px;
}
fieldset {
	padding: 0px 40px;
}
legend {
	display: none;
}
label {
	display: block;
}

/* --------------------- ALAP FORMOK VEGE --------------------- */






html, body, #container {
	min-height: 100%;
	height: 100%; /* for IE */
}

html>body, html>body #container {
	height: auto;
}

#container {
	width: 1000px;
	position: absolute;
	background: url(container_bg.png) repeat-y;
}

.ie6 #container {
	left: 30%;
	width: 50%;
	margin-left: -25%;
}



/* -------------- HEAD ELEJE -------------- */

#head {
	width: 900px;
	height: 200px;
	padding: 0px 50px;
}

#head .head_bal {
	float: left;
	width: 560px;
}

#head .head_jobb {
	float: left;
	width: 340px;
}



/* -------------- MAIN -------------- */

#main {
	width: 800px; /* 900px - 2x2x50px */
	padding: 30px 100px 20px 100px;
	letter-spacing: 0px;
	line-height: 140%;
	font-size: 14px;
	
	height: auto;
	margin-bottom: 40px;
}

#main .divider hr {
	height: 1px;
	color: #484848;
	border: 0px;
	border-bottom: 1px solid #e1e5eb;
}

#main div {
	overflow: auto;
}

#main p {
	margin-bottom: 15px;
}

#main ul {
	margin: 0px 0px 10px 40px;
}


#main li {
	background: url(lista_ikon.gif) 0px 7px no-repeat;
	padding-left: 25px;
}

#main_tartalom {
	padding: 20px;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffefd6), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffefd6, #ffffff); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefd6', endColorstr='#ffffff'); /* for IE */
}

/* -------------- MAIN VEGE -------------- */








/* -------------- FOOTER -------------- */


#footer {
	position: absolute;
	bottom: 0px;
	width: 800px; /* 1000 - 200px*/
	padding: 15px 100px 0px 100px; /* 50px + 50px*/
	height: 35px; /*50px*/
	font-size: 11px;
	text-align: right;
	color: #4d4d4d;
}

#footer p {
	margin: 0px;
	padding: 10px 10px 0px 0px;
}

#footer img {
	vertical-align: middle;
	padding: 0px 10px 0px 20px;
}

#footer_tartalom {
	height: 35px;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;                           
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	background: #ffe7c4;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd699), to(#ffe7c4)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffd699, #ffe7c4); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd699', endColorstr='#ffe7c4'); /* for IE */
}

/* -------------- FOOTER VEGE -------------- */




/* --------------------- POWERMAIL --------------------- */
.powermail_mandatory {
	color: #ed1c24;
	padding-left: 3px;
}

.tx-powermail-pi1_mandatory {
	color: #ed1c24;
}

.tx-powermail-pi1 fieldset {
	padding: 10px 0px 0px 230px;
	background: url(pillango.jpg) 10px 0px no-repeat;
}

.tx-powermail-pi1 label {
	float: left;
	text-align: right;
	padding-right: 20px;
	width: 70px;
}

.tx-powermail-pi1 input, .tx-powermail-pi1 textarea {
	float: left;
}

.tx-powermail-pi1 .powermail_submit, .tx-powermail-pi1_confirmation_submit, .tx-powermail-pi1_confirmation_back {
	width: auto;
	display: inline-block;
	padding: 5px 10px 6px 10px;
	color: #ffc56f;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #ab0101;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px
}

.tx-powermail-pi1 .powermail_submit, .tx-powermail-pi1_confirmation_submit {	
	margin: 10px 10px 0px 100px;
	color: #ffc56f;
	border: 1px solid #ab0101;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background: #ab0101;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf2222), to(#ab0101)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #cf2222, #ab0101); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf2222', endColorstr='#ab0101'); /* for IE */
}

.tx-powermail-pi1 .powermail_submit:hover, .tx-powermail-pi1_confirmation_submit:hover {
	background: #ce0606;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed4040), to(#ce0606)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ed4040, #ce0606); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed4040', endColorstr='#ce0606'); /* for IE */
}

.tx-powermail-pi1 .powermail_submit:active, .tx-powermail-pi1_confirmation_submit:active {
	background: #ed4040;
	background: -webkit-gradient(linear, left top, left bottom, from(#ab0101), to(#ed4040)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ab0101, #ed4040); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab0101', endColorstr='#ed4040'); /* for IE */
}

.tx-powermail-pi1_confirmation_submit {
	margin: 10px 10px 0px 10px;
}

.tx-powermail-pi1_confirmation_back {
	margin: 10px 10px 0px 100px;
	color: #ffffff;
	border: 1px solid #f18200;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	background: #f18200;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc844), to(#f18200)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffc844, #f18200); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc844', endColorstr='#f18200'); /* for IE */
}

.tx-powermail-pi1_confirmation_back:hover {
	background: #ffa944;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffdf91), to(#ffa944)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffdf91, #ffa944); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdf91', endColorstr='#ffa944'); /* for IE */
}

.tx-powermail-pi1_confirmation_back:active {
	background: #ffdf91;
	background: -webkit-gradient(linear, left top, left bottom, from(#f18200), to(#ffdf91)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #f18200, #ffdf91); /* for FF */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f18200', endColorstr='#ffdf91'); /* for IE */
}
/* --------------------- POWERMAIL VEGE --------------------- */

/* --------------------- Multiple Content --------------------- */
.tx-jfmulticontent-pi1 div {
	overflow: hidden !important;
}

.tx-jfmulticontent-pi1 ul {
	padding: 0px !important;
	margin: 0px !important;
	background: #ffffff !important;
	border-top: 4px solid #ff9900 !important;
	border-bottom: 4px solid #ff9900 !important;
}

.tx-jfmulticontent-pi1 ul li {
	padding: 0px !important;
	margin: 0px !important;
}

.tx-jfmulticontent-pi1 ul li div {
	padding: 20px 20px 20px 20px !important;
}

.tx-jfmulticontent-pi1 ul li div div {
	padding: 0px !important;
}

/* --------------------- Multiple Content VEGE --------------------- */


/* --------------------- PLUGINEK VEGE --------------------- */

.csc-textpic-imagewrap ul {
	padding: 0px !important;
	margin: 0px !important;
}

li.csc-textpic-image {
	padding: 0px !important;
}

.csc-textpic div {
	overflow: visible !important;
}

