@charset "utf-8";
/* CSS Document */

/* reset CSS */
a, abbr, acronym, address, applet, article, aside, audio, 
b, blockquote, big, body, 
center, canvas, caption, cite, code, command, 
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed, 
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html, 
i, iframe, img, ins, 
kbd, keygen, 
label, legend, li, 
meter, 
nav, 
object, ol, output, 
p, pre, progress, 
q, 
s, samp, section, small, span, source, strike, strong, sub, sup, 
tbody, tfoot, thead, th, tdvideo, tt, 
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { 
	padding:0;
/*
	border:none;
	border-collapse:collapse;
*/
	border-spacing: 0;
}
.nyil td input { 
	font-size: 10px;
}
img { vertical-align:top; }
embed { vertical-align:top; }

/* style CSS ========================================================= */
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background: url(../imagess/body-bg.jpg) 0 0 repeat;
/*	background-color: white;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:22px;
	color:#171717;
	min-width:1000px;
	padding-top:0px;
}
html, body { height:100%; /*margin: 0px; padding: 0px;*/ }

p {padding-top:22px;}

.top1 {padding-top: 18px;}
.top2 {padding-top: 24px;}
.top3 {padding-top: 29px;}
.top5 {padding-top: 30px;}

.bot {padding-bottom: 40px;}
.bot1 {padding-bottom: 48px;}

a {
	color:#111111; 
	outline:none;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*a {  color:#ff6900;text-decoration:none; }
a:hover { text-decoration:underline; }*/
#ajanlat a {
	display: block;
	width: 300px;
	height: 333px;
	background: url(../imagess/Csomagok1.gif) 0 0 repeat;
}
#ajanlat a:hover{
	display: block;
	width: 300px;
	height: 333px;
	background: url(../imagess/Csomagok2.gif) 0 0 repeat;
}
#ajanlat a:active{
	display: block;
	width: 300px;
	height: 333px;
	background: url(../imagess/Csomagok3.gif) 0 0 repeat;
}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 1030px;
	position:relative; 
	color:#5E5E5E; 
}

	/* Header */
	.header {
		height: 76px;
/*		height: 439px;
		background: url(../images/header-bg.gif) 0 0 repeat-x;*/
		background: url(../imagess/body-bg.jpg) 0 0 repeat-x;
	}
	/* Content */
	.section #content {
		
	}			
	/* Footer */
	.footer {
		height: 15px;
		background: url(../imagess/header-bg.gif) 0 0 repeat-x;
	}
/* Left & Right alignment */
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	color:black;
}
.container {
	width:100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.extra-wrap { 
	overflow:hidden;
}
.phone {
	display:inline-block;
	width:83px;
}

/*=============================================================================== text =====*/
img.bflogo { display:block; padding:2px; padding:5px 0 0px 0px; width:200px; height:35px;}
img.demologo { display:block; padding:5px 0 0px 0px; width:60px; height:60px; }
/*img.bflogo { display:block; padding:2px;
padding:5px 0 0px 0px; width:200px; height:35px; 
}*/
h1 {
	padding:25px 0 0px 0px;
	position:relative;
	float:left;
}
	h1 a { 
		display:block;
		height:58px;
		width:270px;
		text-indent:-5000px;
		background:url(../imagess/webcaf_logo_elso_1_copy.png) left top no-repeat;
	}
h2 {
	font-size:28px;
	line-height:1.2307em;
	color:#fff;
	padding:4px 0 12px 13px;
	margin:0 0 0 0;
	font-weight:bold;
	background: url(../imagess/h2-bg.gif) 0 0 repeat-y;
	letter-spacing: -1px;
	position: relative;
}
	.col-2 h2 {
		font-size:24px;
		padding:8px 0 8px 15px;
	}
.color {
	color: #FF6900;
}
.uppercase {text-transform: uppercase;}
/*==================================================================================================== header =====*/
.header .header-top-bg {
	background: url(../imagess/header-wrapper-bg0.gif) 0 0 repeat-x;
	height:76px;
}
/*
.header-alap .header-top-bg {
	background: url(../imagess/header-wrapper-bg.gif) 0 0 repeat-x;
	height:120px;
}
*/
/*=============================================================================== nav =====*/
.nav {
	position: absolute;
	top: 6px;
	right: 0;
}
	.nav li {
		float: left;
		padding-left:3px;
	}
		.nav li a {
			display: block;
			width: 102px;
			height:32px;
			text-align: center;
			background: url(../imagess/nav-a-bg.gif) 0 0 no-repeat;
			font-weight: bold;
			color: black;
			text-decoration: none;
			padding-top:10px;
		}
			.nav li a:hover, .nav .active {
				color: white;
				background: url(../imagess/nav-a-bg-hover.gif) 0 0 no-repeat;
			}
.nav-alap {
	position: absolute;
	top: 41px;
	right: 0;
}
	.nav-alap li {
		float: left;
		padding-left:3px;
	}
		.nav-alap li a {
			display: block;
			width: 102px;
			height:26px;
			text-align: center;
			background: #DFDFDF; /*url(../imagess/nav-a-bg.gif) 0 0 no-repeat;*/
			font-weight: bold;
			color: black;
			text-decoration: none;
			padding-top:2px;
		}
			.nav-alap li a:hover, .nav-alap .active {
				color: white;
				background: #FF6900; /*url(../imagess/nav-a-bg-hover.gif) 0 0 no-repeat;*/
			}

/*=============================================================================== boxes =====*/
.box {
	background: #171717;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
/*	behavior:url(/css/PIE.htc);*/
	position:relative;
	padding:15px;
	position:relative;
}
	.box span {
		display: block;
		width: 262px;
		height: 49px;
		background: url(../imagess/box-span-bg.gif) 0 0 no-repeat;
		position:absolute;
		top: 34px;
		right: 45px;
		font-size: 32px;
		line-height: 1.2307em;
		color: #171717;
		font-weight: bold;
		padding:6px 0 0 0;
		text-align: center;
		letter-spacing:-1px;
	}
	.box strong {
		display: block;
		width: 190px;
		height: 41px;
		background: url(../imagess/box-strong-bg.gif) 0 0 no-repeat;
		position:absolute;
		top: 81px;
		right: 25px;
		font-size: 29px;
		line-height: 1.2307em;
		color: #fff;
		font-weight: bold;
		padding:8px 0 0 0;
		text-align: center;
		letter-spacing:-1px;
		text-transform: uppercase;
	}
	.box p {
		color: white;
		padding: 169px 0 0 0px;
		text-transform: uppercase;
		font-size: 12px;
		line-height: 16px;
		overflow: hidden;
	}
	.box .img-indent { 
		margin:0 15px 0 0; 
		float:left;
	}
	.box .fright {width: 277px;}

.box2 {
	background: #E0E0E0;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
/*	behavior:url(/css/PIE.htc);*/
	position:relative;
	padding:15px;
	position:relative;
	font-family: Tahoma, Geneva, verdana, arial, sans-serif;
}
	.box2 li {
		margin-left: 25px;
		padding-left: 5px; 
	}
/*====================================================================================================== content =====*/
.wrapper p {
	overflow: hidden;
}
/*=============================================================================== indents =====*/
.indent {padding-bottom: 42px;}
.indent1 {padding-bottom: 36px;}

#middle {
/*	background:#3674A1;*/
	background:#DFDFDF;
	padding-left:5px;
	padding-right:5px;
}

/*#page1 .col-1 {font-size: 14px;}*/
.col-1 {font-size: 14px;}
.col-2 {line-height: 18px;}
/*=============================================================================== col-indents =====*/
.col-indent {padding-right: 48px;}
/*=============================================================================== row =====*/
.row {
	background: url(../imagess/row-bg.gif) 0 0 repeat-x;
	padding:7px 0 0 0;
/*	min-height: 145px;*/
}
	.row .col {
		float: left;
		width: 127px;
		text-indent:-12px;
		margin-right: 1px;
		min-height: 32px;
	}

.row .list {
		padding-top: 5px;
	}
		.row .list li a {
			display:block;
			padding:0 0 0 22px;
			color: #171717;
		}
			.row .list li a:hover {
				background:#dfdfdf;
				color: #ff6900;
			}

/*=============================================================================== borders =====*/

/*=============================================================================== lists =====*/
/*
.list2 li {
	background: url(../imagess/list2-bg.gif) 0 8px no-repeat;
	padding-left: 15px;
	line-height: 22px;
}
	.list2 li a {
		font-weight: bold;
	}
*/
.list1 li {
	padding-bottom: 25px;
}
	.list1 li img {
		float: left;
		margin:0 14px 0 1px;
	}
	.list1 li a {
		display:inline-block;
		margin-top:-3px;
	}
	.list1 li p {
		padding:0;
		margin-top: -5px;
		line-height:18px;
	}
	.list1 .link {
		display:inline-block;
		background:url(../imagess/list1-link-bg.gif) 0 0 no-repeat;
		width:74px;
		height:19px;
		margin:6px 0 0 1px;
		font-weight:bold;
		font-size: 14px;
		line-height: 1.2307em;
		padding-top:4px;
	}
		.list1 .first {
			padding-top:30px;
		}
		.list1 .second {
			padding-bottom:25px;
		}
		
.social-list {
	padding:25px 0 0 39px;
}
	.social-list li {
		
	}
		.social-list li a {
			text-decoration: none;
			padding-left:27px;
			color: #171717;
		}
			.social-list li a:hover {
				color: #ff6900;
			}
	.social-list .s1 {background: url(../imagess/rss.gif) 1px 3px no-repeat;}
	.social-list .s2 {background: url(../imagess/facebook.gif) 1px 3px no-repeat;}
	.social-list .s3 {background: url(../imagess/twitter.gif) 1px 3px no-repeat;}
.list-box {
	width:100%;
	overflow: hidden;
}
	.list-box li {
		float: left;
		width:160px;
		min-height:271px;
		background: #dfdfdf;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
/*		behavior:url(/css/PIE.htc);*/
		position:relative;
		padding:24px 20px 22px;
		text-align: center;
		cursor: pointer;
		color: #171717;
		margin-right: 6px;
	}
		.list-box li img {
			display:inline-block;
		}
		.list-box li span {
			font-size: 14px;
			line-height: 1.2307em;
			font-weight: bold;
			text-transform: uppercase;
			padding-top: 10px;
			display: inline-block;
		}
		.list-box li strong {
			font-size: 14px;
			line-height: 1.2307em;
			text-transform: uppercase;
			display: inline-block;
			margin-top:-4px;
		}
		.list-box li p {
			font-size: 12px;
			line-height: 16px;
			padding-top:17px;
		}
		.list-box li a {
			background: url(../imagess/list-box-a-bg.gif) 0 0 no-repeat;
			display: inline-block;
			width: 114px;
			height: 23px;
			text-align: center;
			color: white;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			margin-top: 24px;
			padding-top:2px;
		}
			.list-box li a:hover {
				color: #171717;
			}
		.list-box li:hover {
			background: #171717;
			color: #dfdfdf;
		}
			.list-box li:hover a {
				background:url(../imagess/list-box-a-bg-hover.gif) 0 0 no-repeat;
			}
		.list-box .last {
			margin-right: 0;
		}
		.list-box-top {padding-top: 10px;}
		.list-box-bot {padding-bottom: 31px;}

.list-boxa a {
	background: #ff6900;
	display: inline-block;
	width: 120px;
	height: 25px;
	text-align: center;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-top:4px;
}
	.list-boxa a:hover {
		color: #171717;
	}

.list-boxa input {
	background: #ff6900;
	width: 122px;
	height: 25px;
	text-align: center;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding-top:2px;
}
	.list-boxa input:hover {
		color: #171717;
	}

/*=============================================================================== links =====*/
.link {
	display: inline-block;
	width: 114px;
	height: 23px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background: url(../imagess/link-bg.gif) 0 0 no-repeat;
	text-decoration: none;
	font-weight: bold;
	margin-top: 3px;
	padding-top: 2px;
}
	.link:hover {
		color: #ff6900;
	}
.alink {
	display:inline-block;
	width:200px;
	height:20px;
	text-align:center;
	background:#C6C6C6;
	font-weight:bold;
	color:black;
	text-decoration:none;
}
	.alink:hover {
		color:white;
		background:#FF6900;
	}
.links {
	position: absolute;
	top: 11px;
	right: 12px;
}
	.links a {
		margin-left:1px;
	}
*+ html .links {top:9px;}
/*=============================================================================== nav =====*/

/*========================================================================================================== footer =====*/
.footer {
	color: #dfdfdf;
}
	.footer p {
		padding-top: 21px;
		margin-left: -1px;
	}
		.footer p a {
			color: #dfdfdf;
		}
/*--------------------------------------------------------------------------------------------------------- forms -----*/
#SearchForm {
	float:right;
	margin:2px 0px 0px 0;
	width:550px;
}
	#SearchForm label {
		float:left;
		border:none;
		padding:22px 10px 0px 0px;
	}
	#SearchForm .input {
		display:block; 
		width:120px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
		background:url(../imagess/searchform-label-bg.jpg) 0 0 no-repeat; 
		border:none;
	}
	#SearchForm input {
		width:159px; 
		padding:5px 0px; 
		overflow:hidden;
		background:none;
		border:none;
		color:#8f8f8f;
	}
	#SearchForm a {
		text-decoration:none;
		margin:6px 0 0 0; 
		float:right;
		display: block;
/*		background: url(../imagess/button.gif) 0 0 repeat-x;*/
		background: #8C8B8B;
		height: 25px; 
		width: 130px;
		text-align: center;
		font-size: 14px;
		color: white;
		font-weight: bold;
		text-transform: uppercase;
		padding-top:2px;
	}
		#SearchForm a:hover {
			color: #ff6900;
		}

#SubscribeForm {
	float:right;
	margin:21px 0px 0px 0;
	background: #393834;
/*	background: url(../imagess/subscribeform-bg.gif) 0 0 repeat-y;*/
	width:314px;
	min-height: 136px;
	color:#ff6900;
}
	#SubscribeForm input {
		width:150px; 
		padding:5px 5px 6px; 
		background: #dfdfdf;
		color:#000000;
/*		overflow:hidden;
		border: 1px solid #737067;*/
	}
	#SubscribeForm strong {
		display:block;
		font-size:24px;
		line-height:1.2307em;
		color: white;
		padding: 12px 0 17px 15px;
	}
/*
	#SubscribeForm label {
		float:left;
		border:none;
		padding:0px 0 0px 20px;
		width:203px;
	}
	#SubscribeForm .link {
		text-decoration:none;
		margin:0px 0 0 11px; 
		float:left;
		display:inline-block;
		width:54px;
		height:23px;
		text-align: center;
		background:url(../imagess/SubscribeForm-a-bg.gif) 0 0 no-repeat;
		font-size:14px;
		line-height:1.2307em;
		color: #171717;
		font-weight: bold;
		text-transform: uppercase;
		padding-top:6px;
	}
		#SubscribeForm .link:hover {
			color: #ff6900;
		}
	#SubscribeForm .subscribe {
		display: inline-block;
		margin:12px 0 0 21px;
		font-size:14px;
		line-height: 22px;
	}
/*
#ContactForm {
	padding-top:21px;
	line-height: 18px;
}
	#ContactForm label {
		height:42px; 
		display:block;
	}
	#ContactForm a {
		display:inline-block;
		background: url(../imagess/contactform-a-bg.gif) 0 0 no-repeat;
		width:84px;
		height:21px;
		margin:20px 0 0 18px;
		font-weight:bold;
		font-size: 14px;
		line-height: 1.2307em;
		padding-top:4px;
		text-align: center;
		text-transform: uppercase;
		color: white;
		text-decoration: none;
	}
		#ContactForm a:hover {
			color: #ff6900;
		}
	#ContactForm .column1 {
		float:left;
		width:290px;
	}
	#ContactForm .column2 {
		float:left;
		width:328px;
	}
	#ContactForm input {
		width:237px; 
		border: 1px solid #c3c2bd; 
		padding:2px 5px;
		font-size:12px; 
		line-height:14px;
		background:#fff;
		color:#a4a4a4;
	}
	#ContactForm textarea {
		width:316px;
		height:99px; 
		border: 1px solid #c3c2bd; 
		background:#fff;
		padding:2px 5px 2px 5px;
		overflow:auto;
		font-size:1em;
		color:#a4a4a4;
	}
*/
 /*============= slidesow ===================*/
/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slideShow {
	height:317px;
	float: left; 
	margin-right: 15px;
	position: relative;
}

/** navigation **/
.togglePlayback {
	font-size:12px;
	line-height: 18px;
	color:#171717;
	text-decoration:none;
	text-transform:lowercase;
	width: 30px;
	display: block;
	margin-top: -4px;
	text-shadow: 1px 0 #959595;
}
.slideShow {
	float: left;
	margin-right: 15px;
	width: 631px;
}
.slideShow .navigation {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 197px;
	height: 24px;
	background: #e9e9e9;
}
	.slideShow .navigation ul {
		padding: 6px 0 0 4px;
	}
	.slideShow .navigation li {
		float:left;
		padding-left:3px;
	}
	.slideShow .navigation .page:hover,
	.slideShow .navigation .page.selected {
		background:url(../imagess/pagination-bg-active.gif) left top no-repeat;
	}
	.slideShow .page {
		display:block;
		width:12px;
		height:12px;
		font-size:0;
		line-height:0;
		text-decoration:none;
		background:url(../imagess/pagination-bg.gif) left top no-repeat;
		color:#fff;
		
	}
.slides {
	height:317px;
	overflow:hidden;
}
/* Easy Slider */

.slider-wrap {
	position:relative;
	width:100%;
	margin: 30px 0 21px;
}
#slider ul, 
#slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#content #slider li { 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width:312px;
	height:288px;
	overflow:hidden;
	vertical-align:top; 
	color:#fff;
}
.block {padding: 0 0 21px;}
	.block img {
		float: left;
		margin:0 14px 0 1px;
	}
	.block a {
		display:inline-block;
		margin-top:-1px;
	}
	.block p {
		padding:0;
		margin-top: -1px;
		line-height:18px;
		font-size: 13px;
		color: #171717;
	}
	.block .link-s {
		display:inline-block;
		background:url(../imagess/list1-link-bg.gif) 0 0 no-repeat;
		width:74px;
		height:19px;
		margin:6px 0 0 1px;
		font-weight:bold;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		line-height: 1.2307em;
		padding-top:4px;
	}
		.block .link-s:hover {color:#ff6900;}
		

#nextBtn,
#prevBtn { 
	display:block;
	width:23px;
	height:24px;
	position:absolute;
	z-index:1000;
}	
#nextBtn {
	left:255px;
	top:-65px;
}
#prevBtn {
	left:279px;
	top:-65px;
}
#nextBtn a,
#prevBtn a {  
	display:block;
	position:relative;
	width:23px;
	height:24px;
}	
#nextBtn a {
	background:url(../imagess/down.gif) no-repeat left top;
}
#prevBtn a {
	background:url(../imagess/up.gif) no-repeat left top;
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* layout CSS */
/*======= index.html =======*/
#page1 .col-1 {width:618px;}
#page1 .col-2 {width:314px;}

/*======= index-1.html =======*/
#page2 .col-1 {width:618px;}
#page2 .col-2 {width:364px;}

/*======= index-2.html =======*/
#page3 .col-1 {width:618px;}
#page3 .col-1 .col-1 {width:294px;}
#page3 .col-1 .col-2 {width:276px;}
#page3 .col-2 {width:314px;}

/*======= index-3.html =======*/
#page4 .col-1 {width:618px;}
#page4 .col-2 {width:314px;}

/*======= index-4.html =======*/
#page5 .col-1 {width:618px;}
#page5 .col-2 {width:314px;}

/*======= index-5.html =======*/
#page6 .col-1 {width:618px;}
#page6 .col-1 .col-1 {width:208px;}
#page6 .col-2 {width:314px;}
/*=========================*/

/*======= index-6.html =======*/
#page-ber .col-1 {width:160px;}
#page-ber .col-2 {width:870px;}
/*=========================*/

/*
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

body,input,select,textarea { font-family: Tahoma, Geneva, verdana, arial, sans-serif; font-size:12px; }
/*body { background: url(../imagess/body-bg.jpg) 0 0 repeat; }
a { color:#111111; text-decoration:none; }
a:hover { text-decoration:underline; }*/

/*____________________________GLOBAL CLASS*/
#wrap-all { 
	margin: 0 auto;
	width: 1030px;
	position:relative; 
	color:black; 
}

.wrap-inner { padding:5px; }
.wrap-inner-X { padding:10px; }
.wrap-inner-LX { padding:10px 10px 10px; }
.wrap-inner-RX { padding:10px 10px 10px 2px; }

/*______float*/
.left { float:left; }
.right { float:right; }

/*______text align*/
.a-left { text-align:left; }
.a-right { text-align:right; }
.a-center { text-align:center; }
.a-justify { text-align:justify }

/*______text bold*/
.text_em { font-weight: bold; font-size: 11px; }
.text_emNX { font-weight: bold; font-size: 12px; }
.text_emX { font-weight: bold; font-size: 14px; }
.text_emXL { font-weight: bold; font-size: 16px; }
.text_emXX { font-weight: bold; font-size: 20px; }
.text_emXXL { font-weight: bold; font-size: 25px; }
.text-S { font-size: 10px; }

/*______break*/
.break5px { clear:both; height:5px; }
.break10px { clear:both; height:10px; }
.break20px { clear:both; height:20px; }
.fix-float { float:left; width:100%; }
.clearer,.clear-this { clear:both; }

/*________________HOME PAGE*/

#top-home {
	height:396px;
	background-image:url(../imagess/top_bg_big_kek.png);
	color:#FFFFFF;
	border-bottom:2px #450e21 solid; 
}

#top-examples {
	height:60px;
	background-image:url(../imagess/top_bg_small_kek.png);
	color:#FFFFFF;
/*	border-bottom:18px #C3C3C3 solid;*/
}

#body {
/*	background-image:url(../images/body_bg_szurke.png);*/
	background-image:url(../imagess/body-bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
/*	background-color:#5477AF;*/
	color:#b0b0b0;
	min-height:396px;
}

#footer {
	padding-top:5px;
/*	border-top:1px #000000 solid;*/ /* vékony vonal a szerzők felett */
	color:#000000;
	font-size:8pt;
}

#footer a { color:#000000; }

#top-home #banner {
	height:396px;
/*	background-image:url(../images/logipen_banner_nagy.png);*/
	background-repeat:no-repeat;
	background-position:top right;
	color:#FFFFFF;
}

#top-examples #banner {
	height:60px;
	background-image:url(../imagess/logipen_banner_nagy.png);
	background-repeat:no-repeat;
	background-position:top right;
	color:#5477AF;
}

#top-examples #banner #logo { height:35px; padding:2px; }
#top-examples #banner #logo2 { height:15px; padding:0px; }
#logo3, #tXX3 { height:35px; padding:4px; }
/*#top-examples #banner #logo3 { height:10px; padding:0px; }*/

img.logo { width:152px; height:29px; }
/*img.logo { width:152px; height:29px; background:url(../images/webberRC1.png); }
img.logo { width:270px; height:52px; background:url(../images/webcaf_logo_elso_1_copy.png); }
img.logo2 { width:240px; height:55px; background:url(../images/kek_logo_small_copy.png); }*/

#top-home #banner #top { height:90px; padding:20px; }

#top-home #banner #top a, 
#top-examples #banner #logo a  
/*#top-examples #banner #logo2 a 
#top-examples #banner #logo3 a */
{ color:#FFFFFF; margin-right:20px; }

#top-examples #banner #logo2 a  
{ color:#FFFFFF; margin-right:23px;}
#logo3 a  
{ color:#000000; margin-right:20px;}


#top-home #banner #top a:hover, 
#top-examples #banner #logo a:hover, 
#top-examples #banner #logo2 a:hover
/*#top-examples #banner #logo3 a:hover*/
{ color:#000000; text-decoration:none; }
#logo3 a:hover, #tXX3 a:hover 
{ color:#2FF407; text-decoration:none; }

#top-examples #banner #logo #tXX a 
{ color:#F1FD04; margin-right:20px; }
#tXX3 a 
{ color:#0419FD; margin-right:20px; }
#top-examples #banner #logo #tXX a:hover 
{ color:#000000; text-decoration:none; }

#top-home #banner #bottom { padding:50px; padding-bottom:0px; }

img.letoltes {
	position:relative;
	top:2px;
	width:20px;
	height:20px;
	background:url(../imagess/letuj.png);
}

#body table { width:100%; }
.content-L { width:150px; }
.content-L #controls { padding-left:5px; }
.content-L #controls li.first {
	background-image:url(../imagess/controls_line_btm.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

ul.alap {list-style-type:disc; padding-left:20px;}

.content-L #controls li a {
	display:block;
	height:16px;
	width:170px;	
	padding-top:7px;
	padding-bottom:8px;
	background-image:url(../imagess/controls_line_btm.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
}

.content-L #controls li a:hover {
	color:#eeeeee;
	background-image:url(../imagess/controls_line_btm_over.png);
	text-decoration:none;
}

.content-L #controls li a:focus { outline: none; }
.content-L #controls li a span.inner { display:block; }
.content-L #controls li a img { padding-right:5px; }
.content-R {
	text-align:justify;
/*	padding:5px;*/
	padding-right:1px; /* 20px */
	padding-left:0px;
	padding-top:0px;
}

.content-C {
	text-align:justify;
	padding:5px;
	padding-right:20px;
	padding-left:20px;
}
.content-R p { padding-bottom:0px; padding-top: 0px;}

/*________________EXAMPLES PAGE*/
table.hack-ie { margin-top:0px; }
td.hack-ie { padding-top:0px; }

#main-content { }

#main-content table { width:100%; padding:0px; margin:0px; }

#main-fix400 { text-align:justify; width:400px; padding:0px; margin:0px; color:#002060; 
	line-height:115%; font-size:11.0pt; font-family:"Verdana"; }

#main-fixtable40 { width:348px; padding:0px; margin:0px; }
#main-fixtable50 { width:435px; padding:0px; margin:0px; }
#main-fixtable60 { width:522px; padding:0px; margin:0px; }
#main-fixtable70 { width:609px; padding:0px; margin:0px; }
#main-fixtable80 { width:696px; padding:0px; margin:0px; }
#main-fixtable90 { width:783px; padding:0px; margin:0px; }
#main-fixtable95 { width:826px; padding:0px; margin:10px;}
#main-fixtable { width:840px; padding:0px; margin:0px; }

#main-fixtable table, #main-fixtable90 table, #main-fixtable80 table, 
#main-fixtable70 table, #main-fixtable60 table, #main-fixtable50 table, 
#main-fixtable40 table,
#main-fixtable table td, #main-fixtable90 table td, #main-fixtable80 table td, 
#main-fixtable70 table td, #main-fixtable60 table td, #main-fixtable50 table td, 
#main-fixtable40 table td 
{
	padding: 0;
/*	border: solid;
	border-collapse: !important;
	border-spacing: 0;*/
	vertical-align: middle;
}

td.tl, td.tr, td.bl, td.br { width:5px; height:5px; }
td.tl img { width:5px; height:5px; background:url(../imagess/content_top_left_kek.png); }
td.tr img { width:5px; height:5px; background:url(../imagess/content_top_right_kek.png); }
td.bl img { width:5px; height:5px; background:url(../imagess/content_bottom_left_kek.png); }
td.br img { width:5px; height:5px; background:url(../imagess/content_bottom_right_kek.png); }

td.tc div { width:100%; background:#DFDFDF; height:5px; font-size:0pt; }

#main-content #middle {
	background:#DFDFDF;
	padding-left:5px;
	padding-right:5px;
}

#main-content #middle #main {
	background:#FFFFFF;
	padding:10px;
	color:#5e5e5e;
	min-height:100px;
}

#tab20 { margin-left:20px; }

.main .component-title { font-size:30px; padding-bottom:15px; }

#main .component-title img {
	margin-bottom:0px;
	padding-right:5px;
}

#main .version {
	font-size:11px;
	font-style:italic;
	padding-top:20px;
}

#main .example .title {
	font-size:12px;
	color:#b8305e;
	border-bottom:1px #7b7b7b solid;
	padding-bottom:2px;
}

#main .detail .title {
	font-size:12px;
	color:#b8305e;
	padding-bottom:2px;
}

#main .example .show-it, .show-example , #main .example .show-control-example {
	padding-top:20px;
	padding-bottom:20px;
	width:98%;
}

a.docs {
	color:#FFFFFF;
	margin-right:20px;
	margin-top:20px;
}

/*.install-db-form,.send-err-form { width:600px; }

table .install-db-form input.txt,table .send-err-form input.txt,table .send-err-form textarea {
	border:1px #999999 solid;
	padding:3px;
	margin:3px;
	width:30px;
}

table .send-err-form textarea {
	width:460px;
	height:200px;
}

table .install-db-form input.btn,table .send-err-form input.btn,table .send-err-form select {
	padding:3px;
	margin:3px;
}

.install-err {
	font-size:11px;
	font-weight:bold;
	color:#FF0066;
	padding-bottom:20px;
}
*/
li.list-docs {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
}

li.list-docs a { color:#fc276e; }

.control {
	font-size:12px;
	margin-left:0px;
	padding-top:8px;
	padding-bottom:7px;
	color:#000000;
	background-image:url(../imagess/controls_line_btm_over.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.control-2 {
	background: #F0F0F0;
	display: inline-block;
	width: 138px;
	height: 20px;
	color: black;
	font-family:verdana,sans-serif;
	font-size:9px;
	margin-left: 1px;
	padding-top: 0px;
	padding-left:20px;
	
}
.control-1 a {
	background: #ff6900;
	display: inline-block;
	width: 148px;
	height: 22px;
	color: white;
	text-transform: uppercase;
	font-family:verdana,sans-serif;
	font-size:9px;
	font-weight: bold;
	margin-left: 1px;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.control-1 a:hover {
	background-color: #FDB580;
	color:#000000;
}

.red { color:#FF0000; }

ul.highlight-exp li {
	width:220px;
	height:171px;
	float:left;
/*	background-image:url(../imagess/exp_bg.png);*/
	margin-right:20px;
}

ul.highlight-exp li p.name {
	padding-top:25px;
	padding-left:10px;
	color:#FFFFFF;
}

ul.highlight-exp li a { color:#FFFFFF; outline:none; }

ul.highlight-exp li a:hover { text-decoration:none; color:#CCCCCC; }

ul.highlight-exp li p.img { padding-top:10px; padding-left:40px; color:#FFFFFF; }
/*
span.new {
	color:#FFFF7F;
	font-family:Tahoma,Geneva,verdana,arial,sans-serif;
	font-size:11px;
	text-decoration:none;
}
*/
p.MsoNormal	{ mso-style-parent:""; margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:0cm;
	line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif"; }
p.MsoPlainText { margin-bottom:.0001pt; font-size:10.5pt; font-family:Consolas; 
	margin-left:0cm; margin-right:0cm; margin-top:0cm }
p.MsoListParagraphCxSpFirst { margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:36.0pt;
	margin-bottom:.0001pt; line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif"; }
p.MsoListParagraphCxSpMiddle { margin-top:0cm; margin-right:0cm; margin-bottom:0cm; margin-left:0pt;
	margin-bottom:.0001pt; line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif"; }
p.MsoListParagraphCxSpLast { margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt;
	margin-left:36.0pt; line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif"; }
p.MsoListParagraph { margin-top:0cm; margin-right:0cm; margin-bottom:10.0pt; margin-left:36.0pt;
	line-height:115%; font-size:11.0pt; font-family:"Calibri","sans-serif"; }

img.small_logo { width:10px; height:10px; }


div.TabView { font-family: Tahoma; font-size: 12px; padding: 5px; background: #7b7b7b; float: left; }

/* ***** Tabs *************************************************************** */
div.TabView div.Tabs { height: 22px; padding-left: 10px; }
div.TabView div.Tabs a
{
  display: block;
  float: left;
  margin-right: 1px;
  width: 100px;
  text-align: center;
  height: 22px;
  line-height: 21px;
  vertical-align: middle;
  text-decoration: none;
  color: #FFFFFF;
  cursor: pointer;
}

div.TabView div.Tabs a:hover
{
  background: #FFFFFF;
  color: #878787;
  height: 21px;
  margin-top: 1px;
  background: url('../imagess/tab-view.png') no-repeat 0px 0px;
}

div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
  margin-top: 01px;
  height: 21px;
  background:#FFFFFF;
  cursor: default;
  color: #878787;
  background: url('../imagess/tab-view.png') no-repeat 0px 0px;
}

/* ***** Pages ************************************************************** */
div.TabView div.Pages { clear: both; background:#FFFFFF; }
div.TabView div.Pages{ width:100%; overflow:visible; }
div.TabView div.Pages div.Page{ overflow:auto; }
div.TabView div.Pages div.Page div.Pad { padding: 7px 7px; }

.show-example div,
/*.show-example p,*/
.show-example input,
.show-example select,
.show-example td 
{ 
	margin:none;
	padding:none;
	font-family:Arial;
}

.show-example table { border-collapse: separate; }
.show-example ol, .show-example ul { list-style: disc; }

#stepForm label.warning {
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color: #CC3366;
	font-size: 10px;
	border: none;
	border-top: 1px dotted #CC3366;
}
ul#stepForm,ul#stepForm li {
	margin: 0;
	padding: 0;
	list-style: none;
}
input.submitbutton,.nextbutton,.prevbutton {
	width: 100px;
	height: 40px;
	background-color: #272727;
	padding: 2px;
	border: 1px solid #339933;
	cursor: pointer;
	text-align: center;
	color: #FF9300;
	font-size: 15px;
}
input.submitbutton {
	background-color: #006699;
}

.button {
	border: 1px solid #636363;
	padding: 2px 2px;
	background: #D2D6D6;
	border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFD), to(#D2D6D6));
	background: -webkit-linear-gradient(top, #FAFDFD, #D2D6D6);
	background: -moz-linear-gradient(top, #FAFDFD, #D2D6D6);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	}
.button:hover {
	border: 1px solid #ADDCFA;
	background: #ADDCFA;
	background: -webkit-gradient(linear, left top, left bottom, from(#FAFDFD), to(#ADDCFA));
	background: -webkit-linear-gradient(top, #FAFDFD, #ADDCFA);
	background: -moz-linear-gradient(top, #FAFDFD, #ADDCFA);
	}

/*<style type="text/css">*/

.input1{
width: 150px;
border: 1px solid #000000;
padding: 1px;
background: #ffffff;
}
.input2{
width: 150px;
border: 1px solid #ff0000;
padding: 1px;
background: #ffff00;
}

/*</style>*/