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

/* -- alapveto kiemelesek --- */
body {
	background-image: url('../img/background_square.png');
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
}

h1 {
	margin-top: 0;
}

.a_lang, .a_lang:hover, .a_lang:active {
	color: #333333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

.a0, .a0:hover, .a0:active {
	color: #333333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

.a1, .a1:hover, .a1:active {
	color: rgb(51,51,51);
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

.a2, .a2:hover, .a2:active {
	color: #333333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}
.a3, .a3:hover, .a3:active {
	color: #333333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
	text-align: center;
}
.a4, .a4:hover, .a4:active {
	color: #333333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}
.a5, .a5:hover, .a5:active {
	color: #333333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}
.a6, .a6:hover, .a6:active {
	color: rgb(153,51,51);
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}
.a7, .a7:hover, .a7:active {
	color: rgb(51,51,51);
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}
.a8, .a8:hover, .a8:active {
	color: rgb(51,51,51);
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

.plate {  /* a html dokumentumban minden class="plate" elemnek a stílusát határozza meg */
	margin-top: 0px;
	padding: 25px;
	width: 850px;
	height: 550px;
	clear: both;
}

#plate00 div.left-block {
	float: left;
	width: 580px;
}

#plate00 div.right-block {
	float: right;
	width: 270px;
	text-align: right;
	color: #FFFFFF;
	margin-bottom: 10px;
	position: relative;
}

#plate7a div.left-block {
	float: left;
	width: 250px;
	height: 350px;
	text-align: left;
	margin-left: 200px;
}

#plate7a div.right-block {
	float: right;
	width: 300px;
	height: 50px;
	text-align: right;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 80px;
}

a,a:visited,a:hover {
	text-decoration: none;
	color: rgb(51,51,51);
}

/* -- Page --- */

#content {
	width: 900px;
	margin: 0px auto;
	height: 600px;
}

#plate00 {
	background-image: url('../img/plate00_bg.jpg');
	position: relative;
}

#plate0a {
	background-image: url('../img/plate0a_bg.jpg');
	text-align: left;
	position: relative;
}

#plate0b {
	background-image: url('../img/textura2_grey3.jpg');
	height: 600px;
	margin-top: 0px;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}

#plate1a {
	background-image: url('../img/business_class.jpg');
	text-align: left;
	position: relative;
}

#plate1b {
	background-image: url('../img/textura3green_v2.jpg');
	height: 1120px;
	margin-top: 0;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}

#plate2a {
	background-image: url('../img/plate2a_bg_v2.jpg');
	text-align: left;
	position: relative;
}

#plate2b {
	background-image: url('../img/textura3_grey.jpg');
	height: 1120px;
	margin-top: 0px;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}

#plate3a {
	background-image: url('../img/plate3a_bg.jpg');
	text-align: left;
	position: relative;
}

#plate3b {
	background-image: url('../img/textura1_grey3.jpg');
	height: 2190px;
	margin-top: 0;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}

#plate4a {
	background-image: url('../img/plate_4a_bg3.jpg');
	text-align: left;
	position: relative;
}

#plate4b {
	background-image: url('../img/textura_yellow4.jpg');
	height: 1170px;
	margin-top: 0;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}


#plate5a {
	background-image: url('../img/plate5a_bg.jpg');
	text-align: left;
	position: relative;
}

#plate5b {
	background-image: url('../img/textura_grey2.jpg');
	height: 850px;
	margin-top: 0;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}

#plate6a {
	background-image: url('../img/plate6a_bg.jpg');
	text-align: left;
	position: relative;
}

#plate6b {
	background-image: url('../img/textura_darkblue2.jpg');
	height: 600px;
	margin-top: 0;
	padding: 35px 45px;
	width: 810px;
	position: relative;
}

#plate7a {
	background-image: url('../img/plate7a_bg.jpg');
	text-align: right;
	position: relative;
}

/* Eredeti stilusok vége */

/* ---------- Plate 00 Styling --------------- */

#plate00_img_logo {
	width: 296px;
	height: 102px;
	background-image: url('../img/plate00_img_logo_small.png');
	background-repeat: no-repeat;
	background-image: url('../img/plate00_img_logo_small.png');
}

#plate00_txt_patpend {
	font-size: 10px;
	color: #FFFFFF;
	left: 24px;
	position: relative;
	top: 0px;
	margin-left: 61px;
}

#plate00_txt_lang {
	font-size: 18px;
	color: #CCCCCC;
	position: static;
	margin-right: 85px;
	margin-left: 300px;
	float: right;
}

#plate00_txt_ver {
	font-size: 40px;
	color: #FFFFFF;
	position: relative;
	margin-top: 305px;
}

#plate00_txt_menu0 {
	margin-right: 0px;
	font-size: 20px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

#plate00_txt_menu1 {
	margin-top: 13px;
	margin-right: 0px;
	font-size: 20px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

#plate00_txt_menu2 {
	margin-top: 13px;
	margin-right: 0px;
	font-size: 20px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

#plate00_txt_menu3 {
	margin-top: 13px;
	margin-right: 0px;
	font-size: 20px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

#plate00_txt_menu4 {
	margin-top: 13px;
	margin-right: 0px;
	font-size: 20px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

#plate00_txt_menu5 {
	margin-top: 13px;
	margin-right: 0px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
	font-size: 20px;
}

#plate00_txt_menu6 {
	margin-top: 8px;
	margin-right: 10px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

#plate00_txt_menu7 {
	margin-top: 13px;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
	color: #FF3300;
	font-size: 20px;
}

#plate00_txt_message {
	font-size: 30px;
	font-weight: bold;
	color: rgb(141,198,63);
	margin-top: -5px;
}

#plate00_img_csepel {
	background: url('../img/plate00_img_csepel.png') no-repeat;
	width: 127px;
	height: 56px;
	margin-top: 225px;
	float: right;
}

/* ---------- Plate 0a Styling --------------- */

#plate0a h1 { /* az id="plate0a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: #FFA204;
	margin-top: 460px;
}

#plate0a h2 { /* az id="plate0a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 38px;
	font-weight: bold;
	text-align: right;
	margin-top: 430px;
	color: #FFF;
}


#plate0a_txt_message {
	margin-top: 425px;
	font-size: 24px;
	color: #FFF;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
}

/* ---------- Plate 0b Styling --------------- */

#plate0b h1,#plate0b h2 { /* az id="plate0b" elem leszármazott <h1> és <h2> elemeinek stílusa */
	margin-left: 35px;
	float: left;
	font-size: 50px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

#plate0b h2 {
	font-size: 30px;
	float: none;
}

#plate0b_txt_title2 {
	font-size: 44px;
	font-weight: bold;
	color: #000;
}

#plate0b_txt_text1 {
	font-size: 22px;
	color: #333;
	text-align: justify;
	clear: both;
}

#plate0b_txt_text2 {
	font-size: 18px;
	color: #333;
	text-align: justify
	clear: both;
}

#plate0b_txt_text3 {
	font-size: 18px;
	color: #333;
	text-align: justify
	clear: both;
}

/* ---------- Plate 1a Styling --------------- */
#plate1a h1 { /* az id="plate1a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: rgb(124,179,10);
	margin-right: 10px;
	margin-top: 495px;
}

#plate1a_txt_message {
	margin-top: 440px;
	font-size: 38px;
	color: #333;
	text-shadow: 3px 4px 5px rgba(0, 0, 0, .27);
	text-align: left;
}

/* ---------- Plate 1b Styling --------------- */

#plate1b h1,#plate1b h2 { /* az id="plate1b" elem leszármazott <h1> és <h2> elemeinek stílusa */
	margin-left: 35px;
	float: left;
	font-size: 50px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

#plate1b h2 {
	font-size: 30px;
	float: none;
	color: rgb(51,51,51);
}

#plate1b_txt_title2 {
	font-size: 44px;
	font-weight: bold;
	color: #000;
}

#plate1b_txt_text1 {
	font-size: 18px;
	color: #333;
	text-align: justify;
	clear: both;
}

#plate1b_txt_text2 {
	font-size: 22px;
	color: #333;
	text-align: justify
	clear: both;
	text-align: justify;
}

#plate1b_txt_text3 {
	font-size: 18px;
	color: #333;
	text-align: justify
	clear: both;
}


/* ---------- Plate 2a Styling --------------- */

#plate2a h1 { /* az id="plate2a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: #ec008c;
	margin-top: 470px;
}

#plate2a h2 { /* az id="plate2a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	margin-top: 270px;
	color: #CCC;
	width: 400px;
	margin-left: 65px;
}

#plate2a h3 { /* az id="plate2a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	color: #CCC;
	width: 380px;
}

#plate2a h4 { /* az id="plate2a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 40px;
	font-weight: bold;
	text-align: right;
	margin-top: 10px;
	color: #CCC;
	width: 400px;
}


/* ---------- Plate 2b Styling --------------- */

#plate2b h1 {
	margin-left: 35px;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	text-align: left;
}

#plate2b_txt_text {
	font-size: 22px;
	color: #333;
	text-align: justify;
	clear: both;
}


/* ---------- Plate 3a Styling --------------- */

#plate3a h1 { /* az id="plate3a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: #00aeef;
	margin-top: 470px;
}

#plate3a h2 { /* az id="plate3a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 40px;
	font-weight: bold;
	color: #CCCCCC;
	margin-top: 300px;
	margin-left: 325px;
	text-align: right;
}
#plate3a h3 { /* az id="plate3a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 40px;
	font-weight: bold;
	color: #CCCCCC;
	margin-top: 20px;
	margin-left: 325px;
	text-align: right;
}

/* ---------- Plate 3b Styling --------------- */

#plate3b h1 {
	margin-left: 35px;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
}

#plate3b_img_bag {
	background-image: url("../img/plate3b_img_bag.png");
	position: relative;
	left: 75px;
	top: 21px;
	width: 334px;
	height: 257px;
	z-index: 70;
}

#plate3b_txt_text {
	font-size: 22px;
	color: #333;
	text-align: justify;
	clear: both;
}

/* ---------- Plate 4a Styling --------------- */

#plate4a h1 { /* az id="plate4a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: #FFCC00;
	margin-top: 420px;
	float: left;
}

#plate4a h2 { /* az id="plate4a" elem leszármazott <h2> elemeinek stílusa */
	font-size: 40px;
	font-weight: bold;
	color: #CCCCCC;
	margin-top: 350px;
	margin-left: 290px;
	text-align: right;
}

/* ---------- Plate 4b Styling --------------- */


#plate4b h1 {
	margin-left: 35px;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	text-align: left;
	position: relative;
}

#plate4b_txt_text {
	font-size: 22px;
	color: #333333;
	text-align: justify;
	clear: both;
}

#plate4b_img_bike {
	background-image: url("../img/plate6_img_bike.jpg");
	position: relative;
	left: 0px;
	top: 35px;
	width: 308px;
	height: 259px;
	z-index: 50;
}

/* ---------- Plate 5a Styling --------------- */

#plate5a h1 { /* az id="plate5a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: #999999;
	margin-top: 470px;
}

#plate5a h2 {
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 390px;
	margin-left: 340px;
}


/* ---------- Plate 5b Styling --------------- */
.hidden {
	display: none;
}

#plate5b h1 {
	font-size: 35px;
	font-weight: bold;
	color: #976737;
}

#plate5b h2 {
	margin-left: 35px;
	font-size: 30px;
	font-weight: bold;
	color: #963;
	text-align: left;
	position: relative;
}

#plate5b_txt_title {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	position: relative;
	left: 24px;
	top: 274px;
	text-align: left;
	width: 941px;
	line-height: 80px;
}

#plate5b_txt_text {
	font-size: 18px;
	color: #ffd309;
	position: relative;
	left: 55px;
	top: 35px;
	width: 736px;
}

#plate5b_gallery {
	padding-left: 17px;
	padding-right: 0px;
	padding-bottom: 17px;
	text-align: left;
}

#plate5b_gallery tr td:FIRST-CHILD {
	padding-left: 0;
}

#plate5b_txt_gallery1 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFCC;
	position: absolute;
	left: 230px;
	top: 37px;
	width: 537px;
	height: 151px;
	text-align: left;
	line-height: 24px;
	padding: 0px;
}

#plate5b_txt_gallery2 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FF3399;
	position: absolute;
	left: 230px;
	top: 204px;
	width: 537px;
	height: 151px;
	text-align: left;
	line-height: 24px;
	padding: 0px;
}

#plate5b_txt_gallery3 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #CCCCCC;
	position: absolute;
	left: 231px;
	top: 375px;
	width: 537px;
	height: 145px;
	text-align: left;
	line-height: 24px;
	padding: 0px;
}

#plate5b_txt_gallery4 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #CCFF00;
	position: absolute;
	left: 230px;
	top: 541px;
	width: 537px;
	height: 153px;
	text-align: left;
	line-height: 24px;
	padding: 0px;
}

#plate5b_txt_gallery5 {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC33;
	position: absolute;
	left: 230px;
	top: 712px;
	width: 537px;
	height: 145px;
	text-align: left;
	line-height: 24px;
	padding: 0px;
}

/* ---------- Plate 6a Styling --------------- */

#plate6a h1 { /* az id="plate5a" elem leszármazott <h1> elemeinek stílusa */
	font-size: 50px;
	font-weight: bold;
	color: rgb(1,37,111);
}

#plate6a h2 {
	font-size: 40px;
	font-weight: bold;
	color: #000000;
	margin-top: 380px;
	margin-left: 370px;
}

/* ---------- Plate 6b Styling --------------- */

#plate6b h1 {
	font-size: 35px;
	font-weight: bold;
	color: #999999;
}

#plate6b h2 {
	margin-left: 35px;
	float: left;
	font-size: 30px;
	font-weight: bold;
	color: #963;
	text-align: left;
	position: relative;
}

#plate6b_txt_title {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	position: relative;
	left: 24px;
	top: 274px;
	text-align: left;
	width: 941px;
	line-height: 80px;
}

#plate6b_txt_text {
	font-size: 18px;
	color: #ffd309;
	position: relative;
	left: 55px;
	top: 35px;
	width: 736px;
}

#plate6b_txt_gallery_title {
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #231f20;
	position: absolute;
	left: 328px;
	top: 228px;
	width: 537px;
	height: 304px;
	text-align: left;
	line-height: 24px;
	padding: 0px;
}
/* ---------- Plate 7a Styling --------------- */

#plate7a_img_spaceframe {
	background-image: url('../img/plate7a_img_spaceframe.png');
	position: relative;
	left: 48px;
	top: 47px;
	width: 618px;
	height: 212px;
	z-index: 5;
}

#plate7a_txt_barnabas {
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255, 255, 255);
	font-weight: normal;
	line-height: 24px;
	position: relative;
	left: 250px;
	top: 70px;
	width: 211px;
	height: 57px;
	z-index: 7;
	text-align: left;
}

#plate7a_txt_mobile_18 {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(255, 255, 255);
	position: relative;
	left: 250px;
	top: 75px;
	width: 431px;
	height: 98px;
	z-index: 6;
	text-align: left;
	line-height: 22px;
}


#plate7a_img_csepel {
	background-image: url('../img/plate7a_img_csepel.png');
	position: relative;
	left: 250px;
	top: 90px;
	width: 158px;
	height: 69px;
	z-index: 9;
}

/* ---------- Plate 9 Styling --------------- */
#plate9_txt_assoon_70 {
	font-size: 70px;
	font-weight: bold;
	color: #fff;
	position: relative;
	left: 0px;
	top: 33px;
}
/* ---------- Plate 10 Styling --------------- */


#plate6_img_csepel_black {
	background-image: url('../img/plate6_img_csepel.png');
	position: relative;
	left: 45px;
	top: 20px;
	width: 161px;
	height: 70px;
	z-index: 52;
}


/* ---------- Maradekok --------------- */


#plate8_txt_accae_31 {
	font-size: 31px;
	color: #fff;
	position: relative;
	left: 55px;
	top: 109px;
	font-weight: normal;
	text-align: left;
	height: 107px;
	line-height: 37px;
	width: 429px;
}

#plate8_txt_g1 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	height: 2px;
	left: 55px;
	top: 372px;
	z-index: 37;
}

#plate8_txt_g2 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 215px;
	top: 372px;
	z-index: 36;
}

#plate8_txt_g3 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 376px;
	top: 372px;
	z-index: 35;
}

#plate8_txt_g4 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 537px;
	top: 372px;
	z-index: 34;
}

#plate8_txt_g5 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 695px;
	top: 372px;
	z-index: 33;
}

#plate8_txt_g6 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 55px;
	top: 556px;
	z-index: 32;
}

#plate8_txt_g7 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 215px;
	top: 556px;
	z-index: 31;
}

#plate8_txt_g8 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 376px;
	top: 556px;
	z-index: 30;
}

#plate8_txt_g9 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 537px;
	top: 556px;
	z-index: 29;
}

#plate8_txt_g10 {
	font-size: 18px;
	font-family: "Verdana";
	color: rgb(255, 255, 255);
	line-height: 24px;
	text-align: left;
	position: relative;
	left: 695px;
	top: 556px;
	z-index: 28;
}

#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #FF0033;
  color: #fff;
}