/*
Theme Name: PMG Apps
Theme URI: http://profartis.com
Description: PMG Apps theme.
Version: 1.0
Author: Profartis Design Kft.
Author URI: http://profartis.com
Tags: 
*/



/*
--------------------------------------
	ÁLTALÁNOS
--------------------------------------
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;	
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear, br {
	clear: both;
}

a {
	color: #ba0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form input {
	border: 1px solid #797979;
	background: #fcfcfc;
	font: 12px Verdana;
	padding: 7px 4px 7px 4px;
}

form input.error {
	background: #fbe1e1;
	border: 1px solid #8b0000;	
}

form select {
	border: 1px solid #797979;
	background: #fcfcfc;
	font: 12px Verdana;
	padding: 7px 2px 7px 2px;
}

form select option {
	padding: 0px 2px;
}

form textarea {
	border: 1px solid #797979;
	background: #fcfcfc;
	font: 12px Verdana;
	padding: 7px 4px 7px 4px;
}

form div.textarea {
	background: #fcfcfc;
	border: 1px solid #797979;	
	overflow: hidden;
}

form div.textarea_error {
	background: #fbe1e1;
	border: 1px solid #8b0000;
}

form div.textarea textarea {
	border: 0;
	overflow: auto;	
	width: 448px;
	height: 57px;
	font: 12px Arial;
	background: transparent;
}

form div.textarea span {
	display: block;
	background: url('images/resizer.png') no-repeat top left;
	float: right;
	width: 7px;
	height: 7px;
	padding: 3px;
	margin-top: 2px;
	cursor: nw-resize;
}

a.button {
	background: url('images/buttons.png') no-repeat;
	text-decoration: none;	
}

a.main-page-button {
	width: 208px;
	height: 36px;
	display: block;	
	margin: 0 auto;
	background-position: 0 -26px;	
}

a.support-button {
	width: 188px;
	height: 36px;
	display: block;	
	margin: 0 0 20px 265px;
	background-position: 0 -170px;	
}

.google-map-info {
	font: 13px "Trebuchet MS", verdana, sans-serif;
	text-align: left;
}

/*
--------------------------------------
	OLDAL FŐ VÁZA
--------------------------------------
*/

body {
	background: #eeeeee url('images/body.png') repeat-x top left;
}

.container {
	width: 941px;
	margin: 0 auto;
}

/*
--------------------------------------
	LEGFELSŐ MENÜ
--------------------------------------
*/

.topmenu {
	overflow: hidden;
}

	.topmenu ul {
		height: 30px;
		overflow: hidden;	
		list-style-type: none;	
	}
	
		.topmenu ul li {
			float: left;
			height: 30px;			
			padding: 0px 20px;			
			background: url('images/topmenu-separator.png') no-repeat top right;								
		}
		
			.topmenu ul li a {
				text-decoration: none;
				font: 11px "Trebuchet MS", verdana, sans-serif;
				color: #f4f4f4;
				padding-top: 7px;
				float: left;
			}
			
			.topmenu ul li a:hover {
				text-decoration: underline;	
			}
			
			.topmenu ul li a.visit {
				background: url('images/down-arrow.png') no-repeat 64px 13px;
				padding-right: 18px;
				display: block;
				height: 30px;
				padding-top: 7px;
			}
		
		.topmenu ul li.last {
			background: none;	
		}
		
		.topmenu ul li.pmgapps {
			padding: 0 26px 0 10px;	
			margin-top: 0px;
			height: 30px;
		}
		
			.topmenu ul li.pmgapps a {
				padding-top: 0px;
			}
			
			.topmenu ul li.pmgapps img {
				float: left;
				margin-top: 12px;
			}
			
.visit-menu {
	list-style-type: none;
	width: 180px;
	background: #ba0000;
	position: absolute;
	padding-top: 7px;
	z-index: 100;
}

	.visit-menu li {		
		text-align: right;
		overflow: hidden;
		padding: 0 1px 2px 1px;
		background: url('images/visitmenu-separator.png') no-repeat bottom left;
	}
	
		.visit-menu li a {
			float: left;
			width: 160px;
			height: 33px;
			padding: 0 18px 3px 0;
			color: #efefef;
			text-decoration: none;
			font: bold 13px "Trebuchet MS", verdana, sans-serif;
			line-height: 33px;
		}
		
		.visit-menu li a:hover {
			color: #ba0000;
			background: #f7dede;	
		}
		
/*
--------------------------------------
	FEJLÉC
--------------------------------------
*/	

.header {
	margin: 0 0 0px 43px;
	overflow: hidden;
	position: relative;
	top: 40px;
}

	.header img {
		float: left;
		margin-top: 15px;
	}
	
	.header ul {
		list-style-type: none;
		float: right;
		margin: 50px 31px 0 0;
		overflow: hidden;
	}
	
		.header ul li {
			float: left;
			margin-right: 10px;	
		}
		
			.header ul li a {
				display: block;
				height: 26px;
				background: url('images/mainmenu.png') no-repeat;
			}
			
			.header ul li a.blog {
				width: 50px;
				background-position: 0 0;			
			}
			
			.header ul li a.blog:hover,
			.header ul li a.blog_active {
				width: 50px;
				background-position: 0 -26px;	
			}
			
			.header ul li a.request {
				width: 123px;
				background-position: -50px 0;			
			}
			
			.header ul li a.request:hover,
			.header ul li a.request_active {
				width: 123px;
				background-position: -50px -26px;	
			}
			
			.header ul li a.gallery {
				width: 69px;
				background-position: -173px 0;			
			}
			
			.header ul li a.gallery:hover,
			.header ul li a.gallery_active {
				width: 69px;
				background-position: -173px -26px;	
			}
			
			.header ul li a.buy {
				width: 100px;
				background-position: -242px 0;			
			}
		
/*
--------------------------------------
	TARTALMI RÉSZ VÁZA
--------------------------------------
*/			

.background-container {
	width: 941px;
	background: url('images/content-bg.png') repeat-y;
}

.inner-container {
	background: url('images/content-bg-inner-top.png') no-repeat;
	padding: 21px 38px 0 40px;
	overflow: hidden;
}

	h3.small-title {
		font: italic 11px Georgia;
		color: #b0b0b0;
		margin-bottom: 5px;
	}
	
	h1.page-title,
	h2.page-title,
	h2.sidebar-title {
		font: 20px Georgia;
		color: #797979;
		padding-left: 23px;
		background: url('images/arrow-title-grey.png') no-repeat 0 9px;
	}
	
	/*	Tényleges tartalom
	--------------------------------------*/	
	
	.realContent {
		width: 580px;
		float: left;
		margin-right: 58px;		
	}
	
	
	/*	Oldalsáv
	--------------------------------------*/	
	.sidebar {
		width: 224px;
		float: left;
	}

.greyText {
	color: #bababa;
	font: 11px "Trebuchet MS", verdana, sans-serif;
}


/*
--------------------------------------
	BEJEGYZÉSEK
--------------------------------------
*/

.post {
	width: 580px;
	margin: 15px 0 20px 0;
	overflow: hidden;
}

.post .side-left {
	width: 90px;
	float: left;
	margin-right: 20px;
	padding: 0px 5px 10px 5px;
	background: #f3f3f3;
	font: italic 11px Georgia;
	text-align: center;
}

	.post .side-left img {
		display: block;
		border: 5px solid #ffffff;
		margin: 10px auto 12px auto;
	}
	
.post .side-right {
	width: 460px;
	float: left;
}
		
	.post .side-right h2 {
		font: 28px Georgia;
		color: #ba0000;
		padding-left: 20px;	
		margin-top: 6px;
		background: url('images/arrow-title-red.png') no-repeat 0 14px;	
	}

	.post .side-right .post-info,
	.post .side-right .post-footer {
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		padding: 7px 0;
		color: #b9b9b9;
		font: 11px Georgia;
		margin: 12px 0 7px 0;
		overflow: hidden;
	}
	
		.post .side-right .post-info span {
			color: #797979;	
		}
	
		.post .side-right .post-info a,
		.post .side-right .post-footer a {
			font-style: italic;	
		}
		
	.post .side-right .post-entry {
		color: #797979;
		font: 13px "Trebuchet MS", verdana, sans-serif;
		line-height: 20px;
		margin-top: 15px;
		overflow: hidden;
	}
	
		.post .side-right .post-entry img {
			border: 1px solid #e4e4e4;
			margin-right: 20px;
			margin-top: 3px;
		}
		
		.post .side-right .post-entry a.read-more {
			float: right;	
			margin-top: 10px;
			font-size: 12px;
			font-style: italic;
		}
		
		.post .side-right .post-entry ul {
			margin-left: 25px;	
		}
		
		.post .side-right .post-entry ul li {
			margin: 6px 0;	
		}
		
		.post .side-right .post-entry h2 {
			font: bold 15px "Trebuchet MS", verdana, sans-serif;
			color: #000000;
			text-transform: uppercase;
			padding: 0px;
			background: none;
			margin: 15px 0;
		}
		
		.post .side-right .post-entry h3 {
			font: bold 13px "Trebuchet MS", verdana, sans-serif;
			color: #ba0000;
		}
	
	.post .side-right .post-footer {
		overflow: hidden;
	}


/*
--------------------------------------
	HOZZÁSZÓLÁSOK
--------------------------------------
*/

.comment {
	width: 580px;
	margin: 15px 0 20px 0;
	overflow: hidden;
}

.comment .side-left {
	width: 90px;
	float: left;
	margin-right: 20px;
	padding: 0px 5px 10px 5px;
	background: #f3f3f3;
	font: 23px Georgia;
	color: #dddddd;
	text-align: center;
}

	.comment .side-left img {
		display: block;
		border: 5px solid #ffffff;
		margin: 10px auto 12px auto;
	}
	
.comment .side-right {
	width: 460px;
	float: left;
}
	
	.comment .side-right .head {
		overflow: hidden;	
		border-bottom: 1px solid #e4e4e4;
		margin-bottom: 12px;
		padding-bottom: 3px;
	}
	
		.comment .side-right .head h5 {
			font: 16px Georgia;
			color: #797979;	
			float: left;
		}
		
			.comment .side-right .head h5 a {
				text-decoration: none;	
			}
			
			.comment .side-right .head h5 a:hover {
				text-decoration: underline;	
			}
		
		.comment .side-right .head div {
			float: right;	
			font: 12px Georgia;
			color: #b0b0b0;
		}
		
			.comment .side-right .head div span.date {
				border-right: 1px solid #eaeaea;
				padding-right: 10px;
				margin-right: 8px;
			}
			
			.comment .side-right .head div span.reply a {
				font-style: italic;
			}
	
	.comment .side-right .text {
		font: 13px "Trebuchet MS", verdana, sans-serif;
		color: #797979;
	}
	
.post-trackback-url {
	font: italic 12px Georgia;
	color: #908f8f;
	margin: 15px 0 0 120px;
}

.trackback {
	margin: 12px 0 0 120px;
}	

	.trackback a {
		font: 18px Georgia;
		color: #ba0000;
		padding-left: 20px;	
		background: url('images/arrow-title-red.png') no-repeat 0 8px;	
	}
	
	.trackback span {
		display: block;
		color: #b0b0b0;
		font: 12px Georgia;
		padding-left: 20px;
	}

.navigation {
	font: 13px Georgia;
	margin-bottom: 20px;
	overflow: hidden;
}

.navigation .alignleft {
	float: left;
}

.navigation .alignright {
	float: right;
}
	
/*
--------------------------------------
	OLDALSÁV
--------------------------------------
*/	

.sidebar .links  {
	margin-top: 10px;
}
	
	.sidebar .links img {
		margin-right: 9px;
	}
	
.sidebar ul.post-list {
	list-style-type: none;
}

	.sidebar ul.post-list li {
		margin-top: 17px;
		overflow: hidden;
	}
	
		.sidebar ul.post-list li img {
			border: 5px solid #e4e4e4;
			margin-right: 9px;
			float: left;
		}
		
		.sidebar ul.product-list li img {
			border: 0;	
			margin-top: 4px;
		}
		
		.sidebar ul.post-list li span.post-data {
			float: left;
			width: 175px;
		}
		
		.sidebar ul.product-list li span.post-data {
			width: 173px;	
		}
		
			.sidebar ul.post-list li span.post-data span.title {
				display: block;	
				font: 14px Georgia;
				line-height: 21px;			
				color: #797979;
			}
			
			.sidebar ul.post-list li span.post-data span.info {
				font: 11px Georgia;
				color: #b9b9b9;	
				line-height: 18px;
				display: block;
			}
			
				.sidebar ul.post-list li span.post-data span.info span {
					color: #797979;	
				}
				
				.sidebar ul.post-list li span.post-data span.info a {
					font-style: italic;
				}
				
			.sidebar ul.post-list li span.post-data span.text {
				color: #9a9a9a;
				font: 11px Georgia;
				display: block;
				margin-top: 5px;
			}



/*
--------------------------------------
	VÉLEMÉNYEK
--------------------------------------
*/	

.testimonial {
	overflow: hidden;
	font: 13px "Trebuchet MS", verdana, sans-serif;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 15px;
}

	.testimonial .text {
		color: #797979;		
		margin-top: 12px;
	}
	
	.testimonial span.rating {
		width: 88px;
		height: 23px;
		margin-top: 14px;
		display: block;		
		background: url('images/stars.png') 0 -28px;		
	}
	
		.testimonial span.rating span {
			display: block;	
			height: 23px;
			background: url('images/stars.png') 0 0;
		}
	
	.testimonial span.author {
		display: block;
		text-align: right;
		font-weight: bold;
		color: #1e1e1e;
	}


/*
--------------------------------------
	A CÉGRŐL, A REGISZTRÁCIÓRÓL
--------------------------------------
*/

.about-us,
.about-registration {
	margin-top: 12px;
	font: 13px "Trebuchet MS", verdana, sans-serif;
	color: #797979;
}

	.about-us img,
	.about-registration img {
		border: 1px solid #e4e4e4;
		margin-bottom: 10px;
	}
	
.about-registration ul {
	margin: 0 0 0 20px;
}

	.about-registration ul li {
		margin-top: 22px;
	}

.registration-banner img {
	clear: left;
}

.registration-banner-main img {
	margin-left: 120px;
}

/*
--------------------------------------
	HOZZÁSZÓLÁSOK
--------------------------------------
*/

#respond form {
	margin: 20px 0 0 120px;
	border: 1px solid #e6e6e6;
	background: #f3f3f3;
	padding: 20px 29px;
	overflow: hidden;
}

	#respond form label {
		font: italic 12px Georgia;
		color: #797979;
		width: 190px; 
		float: left;
	}
	
	#respond form p {
		font: 12px "Trebuchet MS", verdana, sans-serif;
		color: #797979;
		margin-bottom: 14px;
	}
	
	#respond form label span {
		font-size: 10px;	
	}
	
	#respond form input {
		width: 180px;	
		float: left;
		margin-bottom: 8px;
	}
	
	#respond form textarea {
		width: 389px;
	}
	
	#respond form .submit {
		width: 148px;
		height: 26px;
		background: url('images/buttons.png') no-repeat 0 0;
		border: 0;
		display: block;
		margin: 10px 0 0 123px;
		cursor: pointer;
	}
	
	#respond form .captchaBox {
		margin-top: 10px;
	}
	
	#respond form .captchaBox .captcha {
		border: 1px solid #797979;
		width: 197px;
		height: 28px;
		float: left;
		background: #f9f9f9;
	}
	
	#respond form .captchaBox input {
		width: 180px;
		margin-left: 10px;
		float: left;
	}


/*
--------------------------------------
	KAPCSOLAT OLDAL
--------------------------------------
*/	

.page-contacts table {
	margin-left: 80px;
}

	.page-contacts table tr td {
		font-weight: bold;
	}

	.page-contacts table tr td:first-child {
		width: 100px;
		color: #b0b0b0;
		font-weight: normal;
	}
	
	
/*
--------------------------------------
	LEVÉLKÜLDŐS ŰRLAPOT
--------------------------------------
*/

.submit-form {
	margin-left: 120px;
}

	.submit-form label {
		font: italic 12px Georgia;
		color: #797979;
		margin: 9px 12px 4px 0;	
		float: left;
	}
	
	.submit-form input {
		margin-bottom: 6px;	
	}
	
	.submit-form div.separator {
		border-top: 1px solid #e4e4e4;
		margin: 7px 0 13px 0; 
	}

.greyBox {
	background: #f3f3f3;
	border: 1px solid #e4e4e4;
	padding: 14px 19px;
	margin-top: 20px;
}

	.greyBox .captchaBox {
		margin: 10px 0;
	}
	
		.greyBox .captchaBox .captcha {
			border: 1px solid #797979;
			width: 202px;
			height: 28px;
			float: left;
		}
		
		.greyBox .captchaBox input {
			width: 186px;
			margin-left: 20px;
		}

	.greyBox p {
		font: italic 12px Georgia;
		color: #797979;
		text-align: center;		
		overflow: hidden;
	}
	
	.greyBox div.copy {
		font: italic 12px Georgia;
		color: #797979;
		margin-left: 50px;
	}
	
		.greyBox div.copy input {
			float: left;	
			margin-right: 5px;				
		}		

#form-contact .submit {
	width: 168px;
	height: 36px;
	border: 0;
	background: url('images/buttons.png') no-repeat 0 -62px;
	margin: 20px 0 18px 153px;
	cursor: pointer;
}

#form-request .submit {
	width: 208px;
	height: 36px;
	border: 0;
	background: url('images/buttons.png') no-repeat 0 -98px;
	margin: 20px 0 18px 143px;
	cursor: pointer;
}

#form-signup .submit {
	width: 208px;
	height: 36px;
	border: 0;
	background: url('images/buttons.png') no-repeat 0 -134px;
	margin: 20px 0 18px 133px;
	cursor: pointer;
}

#form-career .submit {
	width: 228px;
	height: 36px;
	border: 0;
	background: url('images/buttons.png') no-repeat 0 -206px;
	margin: 20px 0 18px 123px;
	cursor: pointer;
}

ul.devtopics {
	list-style-type: none;
	font: 12px Georgia;
	color: #4a4a4a;
	margin-left: 40px;
	overflow: hidden;
}

	ul.devtopics li {
		margin-top: 15px;
		overflow: hidden;
	}
		
		ul.devtopics li input {
			float: left;	
			margin-right: 8px;	
			margin-top: 2px;		
		}
		
		ul.devtopics li span {
			float: left;
			display: block;
			width: 390px;
			padding-top: 2px;
		}
		
		ul.devtopics li span span {
			color: #797979;
			padding-top: 3px;
		}

/*
--------------------------------------
	GALÉRIA
--------------------------------------
*/	

.gallery-item .side-right .post-entry {
	width: 520px;
	font: 12px Georgia;
	color: #9a9a9a;
	float: left;
	margin-top: 0px;
}

	.gallery-item .post-entry table {
		width: 535px;
		margin-left: -16px;
		margin-top: 0px;
	}
	
	.gallery-item .post-entry table tr { 
		margin-bottom: 10px;
		float: left;
	}
	
	.gallery-item .post-entry table td {
		width: 160px;
		overflow: hidden;
		float: left;
		margin-left: 17px;
	}
	
	.gallery-item .side-right .post-entry img {
		margin: 0px;	
		padding: 0px;
		float: left;
		margin-top: 16px;
	}

	.gallery-item .post-entry table td strong {
		color: #797979;
	}

/*
--------------------------------------
	TWITTER
--------------------------------------
*/

p.twitter-message {
	font: 11px Verdana;
	color: #797979;
	margin-bottom: 15px;
	margin-top: 10px;
}

	p.twitter-message span.text {
		display: block;
		margin-bottom: 2px;
	}
	
	p.twitter-message span.date {
		font-size: 10px;	
	}
	
.twitter-bird {
	position: absolute;
	margin: -75px 0 0 140px;
}

/*
--------------------------------------
	LÁBLÉC
--------------------------------------
*/	

.footer {
	height: 140px;
	margin-top: 20px;
	padding-top: 20px;
	background: #797979;
	color: #f4f4f4;
	font: 11px "Trebuchet MS", verdana, sans-serif;
}

.footer .inner {
	width: 922px;
	margin: 0 auto;	
}

	.footer .inner span {
		padding: 0 15px;
		color: #a1a1a1;
	}
	
	.footer .inner a {
		color: #f4f4f4;
		text-decoration: none;
	}

	.footer .inner a:hover {
		text-decoration: underline;
	}

.footer .inner .right {
	text-align: right;
	margin-right: 30px;	
}

/*
--------------------------------------
	REVIEW STARS
--------------------------------------
*/	

	span.stars {
		width: 86px;
		height: 18px;
		display: block;	
		margin: 0 auto 3px auto;	
		background: url('images/review_stars.png') 0 -18px;		
	}
	
		span.stars span {
			display: block;	
			width: 0px;
			height: 18px;
			background: url('images/review_stars.png') 0 0;
		}
		
	span.rating-5 span { width: 86px; }
	span.rating-4 span { width: 68px; }
	span.rating-3 span { width: 51px; }
	span.rating-2 span { width: 34px; }
	span.rating-1 span { width: 17px; }