/* 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(../images/) 0 0 repeat-x #fff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 17px;
	color: #939393;
	min-width: 1000px;
}
html, body { height: 100%;}

.egyik {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/8888/megrendelem_off.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	border:none;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.masik {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/8888/megrendelem_on.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	border:none;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.harmadik {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/8888/megrendelem_on.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.egyik_b {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/8888/csakgo_off.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	border:none;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.masik_b {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/8888/csakgo_on.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	border:none;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.harmadik_b {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/8888/csakgo_on.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.egyik_live {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/eloszoveg/csakgo_off.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	border:none;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.masik_live {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/eloszoveg/csakgo_on.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	border:none;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.harmadik_live {
	text-align: center;

	color: #ffffff;
	background-color: #ffffff;
	background-image: url("/eloszoveg/csakgo_on.jpg");
	background-repeat: no-repeat;
	width:200px;
	height:60px;
	
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

p { padding-top: 0px; }

.top { padding-top: 4px; }
.top1 { padding-top: 11px; }
.top2 { padding-top: 26px !important; }
.top3 { padding-top: 7px; }
.top4 { padding-top: 0px; }
.top5 { padding-top: 0px; }

.bot { padding-bottom: 12px; }

.bottom {padding-bottom: 39px;}

.img-bot {padding-bottom: 8px;}

.img-pad {margin-top: -55px;}
.img-padding {padding: 4px 0 0 2px;}

.h-pad {padding: 37px 0 18px;}
.h-bot {padding-bottom: 18px;}
.h-top {padding-top: 38px;}
.h-top1 {padding-top: 34px;}

.forumna { padding-bottom: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; background-color: #ffffff; color:#000000; font: 12px verdana; }


a {	color: #d52d00; outline: none; }
a:hover{ text-decoration: none; }


/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 952px;
	position:relative
}

	/* Header */
	header{
		height: 200px;
	}
	
	/* Content */
	section#content {
		padding-bottom: 39px;
	}			
	/* Footer */
	footer{
		height: 108px;
		background: #f5f5f5;
	}
/* 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: 270px;
	overflow: hidden;
}
.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 28px 0 0; float: left; }
.extra-wrap { overflow: hidden; }
.phone { display: inline-block;	width: 74px; }

/*=============================================================================== text =====*/
h1 {
	padding: 0;
	position: relative;
	float: left;
	background: #1090CF;
	display: block;
	height: 167px;
	width: 282px;
	position:relative;
	z-index:99
}
	h1 a {
		text-indent: -5000px;
		display: block;
		background: url(../images/logo.jpg) 0 0 no-repeat;
		width: 218px;
		height: 100px;
		margin: 34px 0 0 32px;
	}
h2 {
	font-size: 18px;
	line-height: 1.2em;
	color: #1f9fba;
	padding: 25px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 31px;
	line-height: 1.2307em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	word-spacing: -3px;
	letter-spacing: -1px;
	padding: 25px 0 15px 0;
}
	h5 span {
		display: block;
		font-size: 40px;
		line-height: 1.2307em;
		letter-spacing: -1px;
		margin-top: -10px;
	}

.text {
	line-height: 19px;
	text-transform: uppercase;
	font-size: 13px;
}

td.stm {

background-image: url(/dizajnelem/szotan.png);
background-repeat: no-repeat;
background-color: #ffffff;
height:50px;
width:220px;


}

td.stm2 {

background-color: #00b5f4;
height:100px;
width:220px;


}

td.stm3 {

background-image: url(/dizajnelem/alsa.png);
background-repeat: no-repeat;
background-color: #00b5f4;
height:50px;
width:220px;


}


td.stmszo {

background-image: url(/dizajnelem/mini.png);
background-repeat: no-repeat;
background-color: #ffffff;
height:50px;
width:220px;


}

td.stmszo2 {

background-color: #9bba1f;
height:100px;
width:220px;


}

td.stmszo3 {

background-image: url(/dizajnelem/alsaz.png);
background-repeat: no-repeat;
background-color: #00b5f4;
height:50px;
width:220px;


}


td.stmsa {

background-image: url(/dizajnelem/sajat.png);
background-repeat: no-repeat;
background-color: #ffffff;
height:50px;
width:220px;


}

td.stmsa2 {

background-color: #ca3535;
height:100px;
width:220px;


}

td.stmsa3 {

background-image: url(/dizajnelem/alsap.png);
background-repeat: no-repeat;
background-color: #00b5f4;
height:50px;
width:220px;


}

td.go_van {

width:64px; height:64px; background-image: url(/dizajnelem/gobox/go_van_mini.png);
background-repeat: no-repeat; color:#ffffff;

}

td.fow_van {

width:64px; height:64px; background-image: url(/dizajnelem/gobox/focus_van_mini.png);
background-repeat: no-repeat; color:#ffffff;

}

td.irasos_van {

width:64px; height:64px; background-image: url(/dizajnelem/gobox/irasos_van_mini.png);
background-repeat: no-repeat; color:#ffffff;

}

td.stm_van {

width:64px; height:64px; background-image: url(/dizajnelem/gobox/szotanulo_van_mini.png);
background-repeat: no-repeat; color:#ffffff;

}

a.stm:link, a.stm:visited{

font-weight: bold;

color: #00b5f4;

text-decoration: none;

}

a.stm:hover {

text-decoration: underline;

}

a.stmszo:link, a.stmszo:visited{

font-weight: bold;

color: #9bba1f;

text-decoration: none;

}

a.stmszo:hover {

text-decoration: underline;

}


a.stmsa:link, a.stmsa:visited{

font-weight: bold;

color: #ca3535;

text-decoration: none;

}

a.stmsa:hover {

text-decoration: underline;

}


.color {color: #ffa200;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
header nav {
	float: right; 
	width: 642px;
}
	header nav li {
		float: left;
		font-size: 15px;
		line-height: 1.2307em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
		header nav li a {
			display: block;
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			background: #9bba1f;
			font-weight: bold;
		}
	header nav .n1 a {background: #2EA815; padding: 32px 9px 27px 10px;}
	header nav .n2 a {background: #ffa200; padding: 32px 7px 27px 8px;}
	header nav .n3 a {background: #e72122; padding: 32px 7px 27px 8px;}
	header nav .n4 a {background: #1090cf; padding: 32px 9px 27px 10px;}
	header nav .n5 a {background: #2EA815; padding: 32px 10px 27px 9px;}
	header nav .n6 a {background: #ffa200; padding: 32px 8px 27px 8px;}
	
	header nav .n1 .active, header nav .n2 .active, header nav .n3 .active, header nav .n4 .active, header nav .n5 .active, header nav .n6 .active {padding-bottom: 36px !important; padding-top:32px !important;}
	
/* The Nivo Slider styles */
#slider_2{ position: absolute !important; width:670px; height:100px; z-index:88; top:80px; left:290px;}

#slider{ position: absolute !important; width:952px; height:269px; z-index:88; top:112px; left:0}
#page1 #slider{height:412px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}



/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.main-indent {
	padding: 0 0 7px 34px;
}

.indent { padding: 0px 0px 0px 33px }
.indent1 { padding: 0px 0px 0px 0px }
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 17px; }
.col-indent1 { padding-right: 52px; }
.col-indent2 { padding-right: 30px; }
/*=============================================================================== boxes =====*/
.box {
//	background: #6EA8C4;
	background: #9bba1f;
	color: white;
	padding: 0 0px 0px 31px; 
	position: relative;
}

.bg2 {background: #ffa200;}
.bg3 {background: #ca3535;}

.box .indent {padding: 0 34px 36px 2px;}
.box .indent1 {padding: 5px 31px 36px 2px;}
.box .indent1-1 {padding: 0px 31px 36px 2px;}
.box .indent2 {padding: 2px 31px 36px 2px;}

.bg1 .link {color: #92ad26;	background: #fff;}
.bg2 .link {color: #ffa200;	background: #fff;}
.bg3 .link {color: #ca3535;	background: #fff;}
/*=============================================================================== line-hor =====*/

td.otletlada {

width: 313px;

height: 300px;

font-weight: bold;

color: #202020;

background-color: transparent;

background-image: url(/kepek/otletlada.jpg);

background-repeat: no-repeat;

}

/*=============================================================================== lists =====*/
.list {
	padding: 0px 0 0;
	background: url(../images/list-border.gif) 0 0 repeat-x;
	min-height: 0px;
	margin-bottom: -1px;
	position: relative;
}
	.list li {
		font-size: 13px;
		line-height: 18px;
		background: url(../images/list-border.gif) 0 bottom repeat-x;
		padding: 8px 0 6px;
	}
		.list li a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			background: url(../images/list-a-bg.png) 1px 1px no-repeat;
			padding: 7px 0 9px 35px;
			display: inline-block;
		}
			.list li a:hover {
				color: #000;
			}
	.list .long a {padding-bottom: 1px;}
	.list .last {background: none;}
.bg3 .list li a {background: url(../images/bg-2-list-a-bg.gif) 1px 1px no-repeat;}
/*=============================================================================== links =====*/
.link {
	font-size: 18px;
	line-height: 1.2307em;
	color: #808080;
	background: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 16px 0 0px 0;
	display: inline-block;
	padding: 4px 7px 5px 10px;
	text-decoration: none;
	word-spacing: -2px;
	font-weight: bold;
	text-transform: uppercase;
}
	.link:hover {color: #474b53;}

.link_1 {
	text-transform: uppercase;
	color:#ffa200;
	font-size: 13px;
	text-decoration: none;
}
	.link_1:hover {text-decoration: underline;}
/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=============================================================================== nav =====*/

/*=================================================================================================================== footer =====*/
footer {
	font-size: 13px;
	line-height: 18px;
}
/*=============================================================================== nav =====*/
footer nav { 
	padding: 31px 0 0 0;
}
	footer nav li {
		float: left;
		padding-right: 23px
	}
		footer nav li a {
			display: block;
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			color: #aeaeac;
		}
			footer nav li a:hover {
				text-decoration: underline;
			}

footer p {
	width: 100%;
	overflow: hidden;
	padding: 12px 0 0;
	text-transform: uppercase;
	color: #aeaeac;
}
	footer p a {
		color: #42cce8;
		text-decoration: none;
		padding-left: 11px;
	}
		footer p a:hover {text-decoration: underline;}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/

#ContactForm {
	padding-top:16px;
	width: 584px;
}
	#ContactForm label {
		height:64px; 
		display:block;
	}
	#ContactForm .link {
		margin:12px 0px 0px 17px;
	}
	#ContactForm .column1 {
		float:left;
		width:293px;
	}
	#ContactForm .column2 {
		float:left;
		width:291px;
	}
	#ContactForm .input {
		width:261px; 
		border: 1px solid #aeaeac; 
		background: none;
		padding:7px 5px 7px 5px;
		font-size:12px; 
		line-height:14px;
		color:#a4a4a4;
	}
	#ContactForm textarea {
		width:279px;
		height:142px; 
		border: 1px solid #aeaeac; 
		background: none;
		padding:7px 5px 7px 5px;
		overflow:auto;
		font-size:1em;
		color:#a4a4a4;
	}

/*==========================================*/

.stripViewer .panelContainer .panel ul { text-align: left; margin:0; }

.slider-wrap { 
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:0; position: relative; width: 100%; }

/* These 2 lines specify style applied while slider is loading */
.csw { width: 100%; height: 310px; overflow:auto; }
.csw .loading {margin: 20px 0 30px 0; text-align: center}

.stripViewer { 
 position:relative; overflow:hidden; 
 margin:auto; width:550px; padding-left:0px; 
clear:both; 
/*height:310px; */
}

.stripViewer .panelContainer {  
position:relative; left:0; top:0; width:100%; list-style-type:none;
 }

.stripViewer .panelContainer .panel {  
float:left; height: 100%; position:relative; width:1100px;   }

.stripViewer .panelContainer .panel .wrapper { 
padding:0;}

.wrapper {   }

.stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 320px; text-indent: -9000em; }
.stripNavL a, .stripNavR a { display: block; width:40px; height:17px; }
.stripNavL { right: 10px; }
.stripNavR { right: 0; }
 .stripNavL { background: url("../images/lightbox-btn-prev.gif") no-repeat center; }	
.stripNavR { background: url("../images/lightbox-btn-next.gif") no-repeat center; }


td.belso {

font-weight: bold;

color: #202020;

background-color: transparent;

background-image: url(/kepek/hatter.jpg);

background-repeat: repeat-y repeat-x;

}

.menugoBar
{
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.Bar
{
    BORDER-RIGHT: blue 1px outset;
    BORDER-TOP: blue 1px outset;
    FLOAT: left;
    BORDER-LEFT: blue 1px outset;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 1px outset;
    POSITION: relative;
    BACKGROUND-COLOR: deepskyblue;
    TEXT-ALIGN: center
}
.menugo
{
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 150px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: deepskyblue
}
.menugoItem
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid
}
.ItemMouseOver
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: highlight
}
.ItemMouseOut
{
    WIDTH: 100%
}
.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
}
.barOver
{
    BORDER-RIGHT: blue 1px ridge;
    BORDER-TOP: blue 1px ridge;
    FLOAT: left;
    BORDER-LEFT: blue 1px ridge;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 1px ridge;
    POSITION: relative;
    BACKGROUND-COLOR: deepskyblue;
    TEXT-ALIGN: center
}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: transparent;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
right: 100;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #ca3535;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
background: #ffa200;
color: #ffffff;
}

.anylinkmenu a:hover{ /*hover background color*/
background: transparent;
color: #ffffff;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #ca3535;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #ca3535;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


td.belso {

font-weight: bold;

color: #202020;

background-color: transparent;

background-image: url(/kepek/hatter.jpg);

background-repeat: repeat-y repeat-x;

}
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */