@import url(featured_slide.css);
@import url(references.css);

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
	background:url("../design/bg.gif") 0 0 repeat-x; 
	font:0.8em/1.5 "arial", sans-serif; 
	text-align: center;
	font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	
}

h4 {
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 15px;
}

input, textarea {
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
	margin: 3px;
	font-size: 1.2em;
	padding: 4px 0pt 6px 5px;	
	border: 1px solid rgb(153, 153, 153);
	border-radius: 3px 3px 3px 3px;
	color: rgb(51, 51, 51);
}
input:focus, textarea:focus {
	outline: 0px none;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {
	padding:2px 0 2px 25px; 
	background:url("../design/ul-01.gif") 0 50% no-repeat; 
	font-size:85%;
}

ul.ul-02 {
	margin:15px 0; 
	list-style:none; 
}
ul.ul-02 li {
	padding:2px 0 2px 25px; 
	background:url("../design/ul-01.gif") 0 50% no-repeat; 
	position:relative; 
	color: rgb(255,255,255);
}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {
	width:960px; 
	margin:0 auto; 
	overflow:hidden;
	text-align: left;
}

    #header {position:relative; height:90px; padding:30px 20px 30px 20px;}

        #logo {margin:0;}
    
        #nav {
			position:absolute; 
			top:110px;
			right:0px; 
			margin:0;
		}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {
		position:relative; 
		width:960px; 
		height:45px; 
		background:url("../design/tray.png") 0 0 no-repeat;
		overflow:hidden; 
		font:bold 90%/1 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	}
    #tray ul {
		margin:0 20px; 
		list-style:none;
	}
    #tray li {
		display:inline;		
	}
    #tray li a {
		display:block; 
		float:left; 
		padding:15px 20px 17px 18px;
		background:url("../design/tray-separator.png") 100% 0 no-repeat;
		text-decoration:none;
	}
    #tray li a:hover {
		background:url("../design/tray-hover.png");
	}
    #tray li#tray-active a {
		background:url("../design/tray-active.png");
	}
	#tray li ul {
		background:url("../design/tray.gif") 0 0 no-repeat;
		display:none;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
	}
	#tray li ul li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		padding:0px 10px 0px 15px;
		line-height:45px;
	}
	#tray li:hover ul,
	#tray li.sfhover ul {
		background:url("../design/tray-hover.gif");
		left: auto;
		display: block;
	}

        #search {
			position:absolute; 
			right:20px;
		}
        #search div {position:relative; width:185px;}
        
        #search #search-input {
			position:absolute; 
			top:0; 
			left:0; 
			width:150px; 
			background:url("../design/search-input.png") 0 0 no-repeat; 
			overflow:hidden;
		}
        #search #search-input input {
			width:125px;
			height: 10px;
			margin:11px 11px 11px 12px;
			border:0; 
			font:100%/1 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
			border: 0px;
			box-shadow: none;
			border-radius: 0px;
			font: 1em;
		}
		#search #search-input input:focus {
		
		}
		#search #search-submit input {
			position:absolute; 
			top:7px;
			right:0; 
			border: 0px;
			box-shadow: none;
			border-radius: 0px;
		}

    #footer {clear:both; padding:20px 20px 40px 20px; font-size:85%;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col {
	border: 1px solid rgb(199, 233, 168);
	border-radius:4px 4px 4px 4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	margin: 15px 2px 2px;
	background-color:rgb(253, 243, 213);
	height: 250px;
	display: table;
}

#temporary {
	display: table-cell;
	vertical-align: middle;
	right:0;
	padding-right: 10px;
}

.header {
	font-weight: bold;
	font-size: 120%;
}

    #col-browser {
		position:relative; 
		float:left; 
		width:280px; 
		height:215px;
	}
    #col-browser img {
		position:absolute; 
		top:20px;
		left:10px;
	}

    #col-text {
		padding:0;
		float:right; 
		width:600px; 		
		line-height:1.7;
	}
	
	#col-back {
		padding: 20px 0px;
		text-decoration: none;
	}
	
	#col-back a, #col-back a:visited {		
		text-decoration: none;
		display: line-block;
		padding: 5px 15px;
	}
/*
#cols2-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:960px; height:5px; margin-bottom:15px; 
background:url("../design/cols2-bottom_blue.png") 0 0 no-repeat;
font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../design/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left {float:left; width:595px; padding:20px; padding:20px 20px 0px; margin-bottom: -20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("../design/dot.gif") 0 50% repeat-x; padding-bottom: 20px;}
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {}
        #cols2 #col-right h4 {background:url("../design/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:190px;}
        #cols2 .col-right-text p {margin:0;}
*/
#cols3-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../design/cols3.gif") 0 0 repeat-y;}

/* KÖZÉPSŐ BOXOK INNEN */	

#middle_boxes {
	float: left;
	border: 1px solid rgb(223, 223, 223);
	border-radius:4px 4px 4px 4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	padding:0 1px; 	
	height: 365px;
	width: 305px;
	display: table;
	margin-top: 15px;
	margin-bottom: 15px;	
}
#middle_boxes h3 {
	margin:0; 
	padding:7px 0px 0px 40px; 
	padding:7px 0px 0px 40px; 
	background:url("../design/cols3-title.gif") 10px 40% no-repeat; 
	font-size:120%; 
	height: 38px;
	background-color: rgb(231, 247, 254);
	color: rgb(82, 164, 41);
}
.middle_boxes_first {
	margin-left: 2px;
	margin-right:15px;
}
.middle_boxes_second {
	margin-right:15px;
}
.middle_boxes_last {
	margin-right:0px;	
}
.col-text {padding:20px; border-top:1px solid #DFDFDF;}
.col-text p {margin:0;}
.col-text ul {margin-bottom:0;}	

/* KÖZÉPSŐ BOXOK EDDIG */

/* ALSÓ BOXOK INNEN */

#bottom_left_box {
	float: left;
	border: 1px solid rgb(223, 223, 223);
	border-radius:4px 4px 4px 4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	padding:0 1px; 
	width: 629px;
	margin-left: 2px;
	margin-right: 15px;
}
#bottom_left_box .title{
	padding: 22px 20px 0px;
	border-bottom: 1px solid rgb(223, 223, 223);
	border-style: dotted;
}
#bottom_left_box .title h4{
	display: inline;
	padding-right: 10px;
	color: rgb(3, 156, 238);
}
#bottom_left_box .news{
	padding: 20px;
	background-color: rgb(231, 247, 254);
	height: 220px;
}

#bottom_right_box {
	float: left;
	border: 1px solid rgb(156, 228, 255);
	border-radius:4px 4px 4px 4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	padding: 2px;
	width: 303px;
}
#bottom_right_box .title{
	padding: 20px 20px 0px;
	border-bottom: 1px solid rgb(223, 223, 223);
	border-style: dotted;
}
#bottom_right_box .title h4{
	display: inline;
	padding-right: 10px;
	color: rgb(3, 156, 238);
}
#bottom_right_box .video{
	padding-top: 20px;
	padding-left: 1px;
	background-color: rgb(231, 247, 254);	
}

#bottom_index{
	
}

/* ALSÓ BOXOK EDDIG */

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.ico-comment {padding-left:18px; background:url("../design/ico-comment.gif") 0 50% no-repeat;}
.ico-rss {padding-left:18px; background:url("../design/ico-rss.gif") 0 50% no-repeat;}

.smaller {font-size:85%;}

#list-style-products ul {
	margin:15px 0; 
	list-style:none;
}
#list-style-products ul li {
	padding:2px 0 2px 25px;
	background:url("../design/ul-02.png") 0 50% no-repeat;
}
#list-style-products ul ul {
	margin:5px 25px;
}
#list-style-products ul ul li{
	padding:2px 0 2px 25px;
	background:url("../design/ul-03.png") 0 50% no-repeat;
}
.karrier_hirdetes {
	border-bottom: 1px dotted #000000;
}

.data_required {
	color: red;
}

#contact {
	float: left;
}

td {
	padding-left: 20px;
}

#community_sites {
	position: absolute;
	margin-left: 630px;	
	margin-top: 6px;
}

#div-1 {
 display: table;
 position:relative;
 top:0;
 right:0;
 padding-left: 10px; 
 height: 180px;
 background-color: rgb(231, 247, 254);
 text-align:left !important;
}
#div-1a {
 display: table-cell;
 vertical-align: middle;
 right:0;
 width: 135px; 
 padding-right: 5px;
 padding-left: 10px;
}
#div-1b {
 display: table-cell; 
 vertical-align: middle;
}

input.send_button {
	padding: 5px 10px;
	background-color:#3399CC;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-color:#3399CC;
}

	#login {
		text-decoration: none;
		margin-top: -60px;
	}	
	#login a, #login a:visited {
		text-decoration: none;
		display: line-block;
		line-height: 28px;
		font: bold 90%/1 "tahoma",sans-serif;
	}	
	#login a:hover {
		
	}

/*
	#login {
		text-decoration: none;
		margin-top: -60px;
		position: relative;
	}
	#login ul {
		list-style:none;
	}
	#login li {
		display:inline;		
	}
	#login li a, #login li a:visited {
		display:block; 
		float:left; 
		padding:15px 20px 17px 18px;
		text-decoration:none;
	}
	#login li ul {
		display:none;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
	}*/
a.upgrade { /*upgrade gomb*/
	background-color: rgb(235,220,85);
	border-radius:4px 4px 4px 4px;
	padding: 5px;
}
	
#product-1 {
	display: table;
}
#product-1a {
	display: table-cell; 
	padding-left: 23px;	
}
#product-1b {
	display: table-cell;
	padding-left: 20px;
	margin-top: -30px; 
}

#forras, #forras a {
	position:relative;
	text-decoration: bold;
	font-size: 85%;
	margin-left: 5px;
}

/*BEJELENTKEZÉS*/
#login_page {
	position: relative;
	width: 454px;
}

#login_page input[type="text"], input[type="password"] {
	margin-bottom: 15px;
	width: 99%;
	float: left;
	margin-right: 10px;
}

#lostPasswordLink {
	float: right;
}

#registration_text {
	position: absolute;
	text-align: right;
	top: 220px;
	padding: 15px 20px 15px 20px;
	margin-left: 685px;
}

#adatvedelem {
	padding-top: 20px;
	font-size: 0.8em;
}

#registration_error {
	color: rgb(223, 62, 33);
	float: left;
}

#cimke {
	
}

#beviteli_terulet {
	position: absolute;
}

#beviteli_terulet input[type="text"], input[type="password"] {
	font-size: 1.2em;
	padding: 4px 0pt 6px 5px;
	border: 1px solid rgb(153, 153, 153);
	color: rgb(51, 51, 51);
	margin-bottom: 15px;
	width: 99%;
	float: left;
	margin-right: 10px;
}
#beviteli_terulet input[type="text"]:focus, input[type="password"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	border-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
/*BEJELENTKEZÉS EDDIG*/

/*HÍREK ALSÓ RÉSZ*/
#news-left {
	float:left; 
	width:275px; 
	padding:20px; 
	padding:20px 20px 0px; 
	margin-bottom: -20px;
}

#recent_news {
	background:url("../design/cols2_blue.png") 0 0 repeat-y;
}

#hirek {
	font-size: 85%;
}

#iframe_video {
	margin-left: 655px;
	padding-top: 10px;	
}
/*HÍREK ALSÓ RÉSZ EDDIG*/

/*GOMB*/
input.send_button2 {
	padding: 0px 12px;
	background-color:#3399CC;
	border: 1px solid rgb(64, 129, 175);
	border-radius:4px 4px 4px 4px;	
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	cursor: pointer;
	background: url("/design/form_button_bg.png") repeat-x scroll left top transparent;
	font:bold 90%/1 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color: white;
	height: 30px;.
}
input.send_button2:hover {
	color: rgb(255, 255, 255);
	background: url("/design/form_button_bg_hover.png") repeat-x scroll left top transparent;
}
input.upgrade_button {
	padding: 0px 12px;
	background-color: rgb(235,220,85);
	border: 1px solid rgb(235,220,85);
	border-radius:4px 4px 4px 4px;	
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	cursor: pointer;
	/*background: url("/design/form_button_bg.png") repeat-x scroll left top transparent;*/
	font:bold 90%/1 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	color: black;
	height: 30px;.
}
input.upgrade_button:hover {
	border: 1px solid rgb(204,178,48);
	/*background: url("/design/form_button_bg_hover.png") repeat-x scroll left top transparent;*/
}
/*GOMB EDDIG*/

#flags {
	float: right;
	margin-top: -30px;
}

/* --------------------------ALOLDALAK STÍLUSAI--------------------------- */
#col-parent {
	border: 1px solid rgb(205, 205, 205);
	border-radius:4px 4px 4px 4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;
	margin: 15px 2px 2px;
}
#product-1-subsite {
	display: table;
	padding: 20px 20px 0px 15px;
}
#product-1a-subsite {
	display: table-cell; 
	padding-left: 23px;	
}
#product-1b-subsite {
	display: table-cell;
	padding-left: 20px;
	margin-top: -30px; 
}
#small_menu{
	margin-left: -20px; 
	position:relative; 
	padding:0px 0px 3px 10px; 
	border: 1px solid rgb(205, 205, 205);
	border-radius:4px 4px 4px 4px;
	box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px;
	width:150px;
}
/*KAPCSOLAT*/
#col-parent.kapcsolat {
	padding:20px 0px;
}
#col-parent.kapcsolat input[type="text"], textarea {	
	color: rgb(51, 51, 51);	
}/*
#col-parent.kapcsolat input[type="text"]:focus, textarea:focus {
	outline: 0px none;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}*/
/*KAPCSOLAT EDDIG*/
/* --------------------------ALOLDALAK STÍLUSAI EDDIG--------------------------- */

/* --------------------------FŐOLDALAKHOZ KIEGÉSZÍTÉS--------------------------- */
#col-parent.fooldal {
	padding: 20px 25px;
}
/* --------------------------FŐOLDALAKHOZ KIEGÉSZÍTÉS EDDIG--------------------------- */

#row_top {
	border-top: 3px solid rgb(205,205,205);
	margin-bottom: 30px;
}