.workspace > .content .pagearea.resume > div.bottom ul li .book-img{
	width: 60px;
	height: 80px;
	display: inline-block!important; float: right;}
.books .book-img img{width: 100%; height: auto;}
.bb-item h2.title{display: block!important; background: #636363; padding-left: 10px; padding-right: 10px;}
.workspace > .content .pagearea.resume > div.bottom ul li.books div{display: block;}

*
{
	border: 0;
	font-family: Lato,sans-serif;
	margin: 0;
	moz-transition: background-color .5s linear;
	o-transition: background-color .5s linear;
	padding: 0;
	transition: background-color .5s linear;
	webkit-transition: background-color .5s linear;
}
html,body
{
	overflow: hidden;
}
body
{
	background: url(../images/bg/bg1.png);
}
.right
{
	float: right;
}
.workspace
{
	box-shadow: 0 6px 10px -4px #222;
	height: 700px;
	left: 50%;
	margin: -350px 0 0 -436px;
	moz-box-shadow: 0 6px 10px -4px #222;
	position: absolute;
	top: 50%;
	webkit-box-shadow: 0 6px 10px -4px #222;
	width: 872px;
}
.workspace>.menu
{
	float: left;
	height: 100%;
	width: 70px;
}
.workspace>.content
{
	float: right;
	height: 100%;
	width: 802px;
}
.workspace>.content .pagearea
{
	/*padding: 10px 0 15px 35px;*/
	padding: 30px 0 15px 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.workspace>.content .pagearea>div.top
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	padding-right: 20px;
	width: 100%;
}
.workspace>.content .pagearea>div.top>p
{
	float: left;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.workspace>.content .pagearea>div.top>div.socials
{
	float: right;
}
.workspace>.content .pagearea>div.top>div.socials>div
{
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	height: 35px;
	margin-left: 5px;
	-moz-box-sizing: border-box;
	padding: 6px;
	width: 35px;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon
{
	background: url(../images/social_sprite.png) no-repeat;
	height: 20px;
	width: 20px;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.twitter
{
	background-position: -20px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.gplus
{
	background-position: -40px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.dribbble
{
	background-position: -60px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.rss
{
	background-position: -80px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.vimeo
{
	background-position: -100px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.flickr
{
	background-position: -120px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.picasa
{
	background-position: -140px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.deviantart
{
	background-position: -160px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.github
{
	background-position: -180px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.tumblr
{
	background-position: -200px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.linkedin
{
	background-position: -220px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.pinterest
{
	background-position: -240px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.envato
{
	background-position: -260px 0;
}
.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.nineninedesign
{
	background-position: -280px 0;
}
.workspace>.content .pagearea>div.bottom
{
	height: 650px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.workspace>.content .pagearea>div.bottom ul.filters
{
	list-style: none;
	margin-bottom: 20px;
}
.workspace>.content .pagearea>div.bottom ul.filters>li
{
	background: #999;
	color: #FFF;
	cursor: pointer;
	display: inline;
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	padding: 5px 10px;
	text-transform: uppercase;
}
.workspace>.content .pagearea>div.bottom ul.filters>li.active
{
	background: #636363;
}
.workspace>.content .pagearea>div.bottom ul.gallery
{
	box-sizing: border-box;
	height: auto;
	list-style: none;
	-moz-box-sizing: border-box;
	padding-right: 30px;
	width: 100%;
}
.workspace>.content .pagearea>div.bottom ul.gallery>li
{
	cursor: pointer;
	display: inline;
	width: 48%;
}
.workspace>.content .pagearea>div.bottom ul.gallery>li.gallery-left
{
	padding-right: 4%;
}
.workspace>.content .pagearea>div.bottom ul.gallery>li>a
{
	margin-bottom: 15px;
}
.workspace>.content .pagearea>div.bottom ul.gallery>li>a>img
{
	height: 100%;
	max-height: 161px;
	width: 100%;
}
.workspace>.content .pagearea.profile>div.bottom img.profileImage
{
	height: auto;
	width: 335px;
}
.workspace>.content .pagearea.profile>div.bottom p,.workspace>.content .pagearea.contact>div.bottom p
{
	box-sizing: border-box;
	color: #000A24;
	font-size: 15px;
	line-height: 25px;
	-moz-box-sizing: border-box;
	padding-right: 31px;
}
.workspace>.content .pagearea.profile>div.bottom table
{
	box-sizing: border-box;
	margin-top: 20px;
	-moz-box-sizing: border-box;
	padding-right: 31px;
}
.workspace>.content .pagearea.profile>div.bottom table tr td,
.workspace>.content .pagearea.profile>div.bottom h2
{
	font-weight: normal;
	color: #777;
	font-size: 17px;
	line-height: 35px;
}
.workspace>.content .pagearea.profile>div.bottom table tr td.title
{
	font-weight: 700;
	vertical-align: top;
	width: 100px;
}
.workspace>.content .pagearea.contact>div.bottom p.title
{
	font-weight: 700;
	margin: 15px 0 5px;
	vertical-align: top;
}
.workspace>.content .pagearea.contact>div.bottom table
{
	margin-top: -10px;
}
.workspace>.content .pagearea.contact>div.bottom table tr td input[type=text],.workspace>.content .pagearea.contact>div.bottom table tr td textarea
{
	border-color: #888;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	font-weight: 700;
	margin-top: 15px;
	-moz-box-sizing: border-box;
	padding: 5px;
	width: 331px;
}
.workspace>.content .pagearea.contact>div.bottom table tr td input[type=text]
{
	height: 30px;
}
.workspace>.content .pagearea.contact>div.bottom table tr td textarea
{
	height: 100px;
	resize: none;
}
.workspace>.content .pagearea.contact>div.bottom table tr td div.submit
{
	box-sizing: border-box;
	color: #FFF;
	cursor: pointer;
	font-size: 19px;
	font-weight: 700;
	height: 35px;
	margin-top: 10px;
	-moz-box-sizing: border-box;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	width: 165px;
}
.workspace>.content .pagearea.contact>div.bottom table tr td#mailerror
{
	padding-top: 14px;
}
.workspace>.content .pagearea.resume>div.bottom ul li
{
	box-sizing: border-box;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	width: 336px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li
{
	box-sizing: border-box;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	width: 336px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li
{
	box-sizing: border-box;
	margin-bottom: 15px;
	-moz-box-sizing: border-box;
	width: 336px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div
{
	display: none;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div
{
	display: none;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div
{
	display: none;
}
.workspace>.content .pagearea.resume>div.bottom ul li div ul li
{
	margin-bottom: 0;
	padding: 10px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div ul li
{
	margin-bottom: 0;
	padding: 10px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div ul li h1
{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 3px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div ul li h1
{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 3px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div ul li h2
{
	color: #000;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 3px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div ul li h2
{
	color: #000;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 3px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div ul li h2
{
	color: #000;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 3px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div ul li p
{
	color: #000;
	font-size: 14px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div ul li p
{
	color: #000;
	font-size: 14px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div ul li p
{
	color: #000;
	font-size: 14px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div table tr td
{
	font-size: 15px;
	font-weight: 700;
	line-height: 35px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td
{
	font-size: 15px;
	font-weight: 700;
	line-height: 35px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td
{
	font-size: 15px;
	font-weight: 700;
	line-height: 35px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div table tr td.skill
{
	color: #6C6C6C;
	width: 120px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td.skill
{
	color: #6C6C6C;
	width: 120px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td.skill
{
	color: #6C6C6C;
	width: 120px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div table tr td.level
{
	width: 38px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td.level
{
	width: 38px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td.level
{
	width: 38px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div table tr td.skill-bar
{
	width: 170px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td.skill-bar
{
	width: 170px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td.skill-bar
{
	width: 170px;
}
.workspace>.content .pagearea.resume>div.bottom ul li div table tr td.skill-bar>pre
{
	background-image: url(../images/progress.png);
	height: 22px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td.skill-bar>pre
{
	background-image: url(../images/progress.png);
	height: 22px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td.skill-bar>pre
{
	background-image: url(../images/progress.png);
	height: 22px;
}
.workspace>.content .pagearea.resume>div.bottom ul li h3
{
	background-color: #999;
	box-sizing: border-box;
	color: #FFF;
	/*cursor: pointer;*/
	font-size: 14px;
	font-weight: 700;
	-moz-box-sizing: border-box;
	padding: 4px 10px;
	text-transform: uppercase;
	width: 336px;
}
.workspace>.content .pagearea.mp3>div.bottom ul li h3
{
	background-color: #999;
	box-sizing: border-box;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	-moz-box-sizing: border-box;
	padding: 4px 10px;
	text-transform: uppercase;
	width: 336px;
}
.workspace>.content .pagearea.konyv>div.bottom ul li h3
{
	background-color: #999;
	box-sizing: border-box;
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	-moz-box-sizing: border-box;
	padding: 4px 10px;
	text-transform: uppercase;
	width: 336px;
}
.accordion-plus
{
	background-image: url(../images/plus.png);
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}
.accordion-minus
{
	background-image: url(../images/minus.png);
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}
#page-cover
{
	background: url(../images/cover_bg.jpg);
	background-size: cover;
	box-sizing: border-box;
	height: 100%;
	moz-background-size: cover;
	-moz-box-sizing: border-box;
	width: 100%;
}
#page-cover>div.socials
{
	position: absolute;
	right: 20px;
	top: 20px;
}
#page-cover>div.socials>div
{
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	height: 35px;
	margin-left: 5px;
	-moz-box-sizing: border-box;
	padding: 6px;
	width: 35px;
}
#page-cover>div.socials>div>a>div.icon
{
	height: 23px;
	width: 23px;
}
#page-cover>div.socials>div>a>div.icon.twitter
{
	background-position: -23px 0;
}
#page-cover>div.socials>div>a>div.icon.gplus
{
	background-position: -46px 0;
}
#page-cover>div.socials>div>a>div.icon.dribbble
{
	background-position: -69px 0;
}
#page-cover>div.socials>div>a>div.icon.rss
{
	background-position: -92px 0;
}
#page-cover>div.socials>div>a>div.icon.vimeo
{
	background-position: -115px 0;
}
#page-cover>div.socials>div>a>div.icon.flickr
{
	background-position: -138px 0;
}
#page-cover>div.socials>div>a>div.icon.picasa
{
	background-position: -161px 0;
}
#page-cover>div.socials>div>a>div.icon.deviantart
{
	background-position: -184px 0;
}
#page-cover>div.socials>div>a>div.icon.github
{
	background-position: -207px 0;
}
#page-cover>div.socials>div>a>div.icon.tumblr
{
	background-position: -230px 0;
}
#page-cover>div.socials>div>a>div.icon.linkedin
{
	background-position: -253px 0;
}
#page-cover>div.socials>div>a>div.icon.pinterest
{
	background-position: -276px 0;
}
#page-cover>div.socials>div>a>div.icon.envato
{
	background-position: -299px 0;
}
#page-cover>div.socials>div>a>div.icon.nineninedesign
{
	background-position: -322px 0;
}
#page-cover>div.info
{
	bottom: 20px;
	position: absolute;
	right: 20px;
}
#page-cover>div.info>p.name
{
	font-size: 70px;
}
#page-cover>div.info>p.ocupation
{
	font-size: 30px;
	margin-top: -5px;
	text-align: right;
}
#profile-cover>div.info,#resume-cover>div.info,#mp3-cover>div.info,#konyv-cover>div.info,#portfolio-cover>div.info,#contact-cover>div.info
{
	bottom: 0;
	left: 0;
	position: absolute;
	width: 50%;
}
#profile-cover>div.info>p,#resume-cover>div.info>p,#mp3-cover>div.info>p,#konyv-cover>div.info>p,#portfolio-cover>div.info>p,#contact-cover>div.info>p
{
	font-weight: bolder;
	padding: 27px;
	text-shadow: 1px 1px #000;
}
#profile-cover>div.info>p.name,#resume-cover>div.info>p.name,#mp3-cover>div.info>p.name,#konyv-cover>div.info>p.name,#portfolio-cover>div.info>p.name,#contact-cover>div.info>p.name
{
	font-size: 45px;
}
#profile-cover>div.info>p.ocupation,#resume-cover>div.info>p.ocupation,#mp3-cover>div.info>p.ocupation,#konyv-cover>div.info>p.ocupation,#portfolio-cover>div.info>p.ocupation,#contact-cover>div.info>p.ocupation
{
	font-size: 30px;
	margin-top: -45px;
	text-align: left;
}
#profile-cover
{
	background: url(../images/cover_profile.jpg);
	height: 100%;
	width: 100%;
}
#portfolio-cover
{
	background: url(../images/cover_portfolio.jpg);
	height: 100%;
	width: 100%;
}
#resume-cover
{
	background: url(../images/cover_resume.jpg);
	height: 100%;
	width: 100%;
}
#mp3-cover
{
	background: url(../images/cover_mp3.jpg);
	height: 100%;
	width: 100%;
}
#konyv-cover
{
	background: url(../images/konyv_mp3.jpg);
	height: 100%;
	width: 100%;
}
#contact-cover
{
	background: url(../images/cover_contact.jpg);
	height: 100%;
	width: 100%;
}
.menu>div>ul
{
	list-style-type: none;
	padding: 22px;
	width: 100%;
}
.menu>div>ul>li
{
	height: 35px;
	margin-bottom: 15px;
	width: 25px;
}
.menu-item
{
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: 700;
	height: 35px;
	width: 25px;
}
.menu-item-block
{
	height: 35px;
	overflow: hidden;
	width: 25px;
}
.menu-item-block>.menu-item
{
	float: left;
}
.menu-item-block>p
{
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	font-size: 0;
	font-weight: 700;
	margin-left: 50px;
	-moz-box-sizing: border-box;
	opacity: 0;
	padding-top: 5px;
	text-transform: uppercase;
	webkit-box-sizing: border-box;
}
.menu-item-block:hover>p
{
	font-size: 20px;
	height: 35px;
	moz-transition-delay: .3s;
	opacity: 1;
	o-transition-delay: .3s;
	transition-delay: .3s;
	webkit-transition-delay: .3s;
}
.menu-item-block:hover
{
	moz-transition: width .3s ease-in-out;
	o-transition: width .3s ease-in-out;
	position: absolute;
	transition: width .3s ease-in-out;
	webkit-transition: width .3s ease-in-out;
	z-index: 200;
}
#home>div.menu-item
{
	background-position: 0 4px;
}
#profile>div.menu-item
{
	background-position: 0 -28px;
}
#resume>div.menu-item
{
	background-position: 0 -68px;
}
#portfolio>div.menu-item
{
	background-position: 0 -102px;
}
#contact>div.menu-item
{
	background-position: 0 -132px;
}
#mp3>div.menu-item
{
	background-position: 0 -172px;
}
#konyv>div.menu-item
{
	background-position: 0 -210px;
}
#home:hover
{
	width: 200px;
}
#profile:hover
{
	width: 175px;
}
#resume:hover
{
	width: 175px;
}
#mp3:hover
{
	width: 210px;
}
#konyv:hover
{
	width: 210px;
}
#portfolio:hover
{
	width: 175px;
}
#contact:hover
{
	width: 210px;
}

.menu.color,
.menu-item.color,
.menu-item-block.color,
.color{
background-color: #ff9408;	
}

.info img{margin-bottom: 20px;}
#page-cover > div.info{bottom:0;}

@media only screen and (max-height:760px),(max-width:875px)
{
	.workspace
	{
		height: 631px;
		margin: -315px 0 0 -393px;
		width: 785px;
	}
	.workspace>.content
	{
		width: 715px;
	}
	.workspace>.content .pagearea.profile>div.bottom img.profileImage,.workspace>.content .pagearea.resume>div.bottom ul li h3,.workspace>.content .pagearea.resume>div.bottom ul li,.workspace>.content .pagearea.contact>div.bottom iframe.map,.workspace>.content .pagearea.contact>div.bottom table tr td input[type=text],.workspace>.content .pagearea.contact>div.bottom table tr td textarea
	{
		width: 292px;
	}
	.workspace>.content .pagearea.profile>div.bottom p,.workspace>.content .pagearea.contact>div.bottom p
	{
		font-size: 13px;
	}
	.workspace>.content .pagearea.profile>div.bottom table
	{
		margin-bottom: 10px;
		margin-top: -7px;
	}
	.workspace>.content .pagearea>div.bottom
	{
		height: 540px;
	}
	#profile-cover>div.info>p.name,#resume-cover>div.info>p.name,#mp3-cover>div.info>p.name,#konyv-cover>div.info>p.name,#portfolio-cover>div.info>p.name,#contact-cover>div.info>p.name
	{
		font-size: 65px;
	}
	.workspace>.content .pagearea>div.top>div.socials>div
	{
		height: 25px;
		width: 25px;
	}
	.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon
	{
		background-size: cover;
		height: 16px;
		width: 16px;
	}
	.workspace>.content .pagearea>div.bottom ul.gallery>li>a>img
	{
		max-height: 140px;
	}
	.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.twitter
	{
		background-position: -16px 0;
	}
	.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.gplus
	{
		background-position: -32px 0;
	}
	.workspace>.content .pagearea>div.top>div.socials>div>a>div.icon.dribbble
	{
		background-position: -48px 0;
	}
	.workspace>.content .pagearea>div.top
	{
		padding-right: 26px;
	}
	.workspace>.content .pagearea.resume>div.bottom ul li div table tr td
	{
		font-size: 14px;
	}
	.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td
	{
		font-size: 14px;
	}
	.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td
	{
		font-size: 14px;
	}
}
@media only screen and (max-width:786px),(max-height:630px)
{
	html,body
	{
		height: 100%;
		width: 100%;
	}
	.workspace
	{
		height: 100%;
		left: 0;
		margin: 0 auto;
		max-width: 428px;
		position: relative;
		top: 0;
		width: 100%;
	}
	.workspace>.menu
	{
		float: none;
		height: 45px;
		width: 100%;
	}
	.workspace>.menu>div
	{
		text-align: center;
		width: 100%;
	}
	.workspace>.menu>div>ul
	{
		list-style-type: none;
		margin: 0 auto;
		padding: 5px 0;
		width: 355px;
	}
	.workspace>.menu>div>ul>li
	{
		float: left;
		height: 20px;
		margin: 0 23px;
		margin-bottom: 0;
		width: 25px;
	}
	.workspace>.content
	{
		width: 100%;
	}
	.workspace>.content .pagearea
	{
		padding: 20px 25px;
	}
	.workspace>.content .pagearea>div.bottom
	{
		box-sizing: border-box;
		height: 100%;
		-moz-box-sizing: border-box;
		padding-bottom: 85px!important;
	}
	.workspace>.content .pagearea>div.top,.workspace>.content .pagearea.profile>div.bottom p,.workspace>.content .pagearea.contact>div.bottom p,.workspace>.content .pagearea>div.bottom ul.gallery
	{
		padding-right: 0;
	}
	.workspace>.content .pagearea>div.bottom ul.gallery>li>a>img
	{
		max-height: 181px;
	}
	#home:hover
	{
		width: 35px;
	}
	#profile:hover
	{
		width: 35px;
	}
	#resume:hover
	{
		width: 35px;
	}
	#mp3:hover
	{
		width: 35px;
	}
	#konyv:hover
	{
		width: 35px;
	}
	#portfolio:hover
	{
		width: 35px;
	}
	#contact:hover
	{
		width: 35px;
	}
	.bb-custom-side
	{
		width: 100%!important;
	}
	.coverside
	{
		display: none;
	}
	.workspace>.content .pagearea.profile>div.bottom img.profileImage,.workspace>.content .pagearea.resume>div.bottom ul li h3,.workspace>.content .pagearea.resume>div.bottom ul li,.workspace>.content .pagearea.contact>div.bottom iframe.map,.workspace>.content .pagearea.contact>div.bottom form table tr td input[type=text],.workspace>.content .pagearea.contact>div.bottom form table tr td textarea,.workspace>.content .pagearea.contact>div.bottom form table
	{
		width: 100%;
	}
	.workspace>.content .pagearea.profile>div.bottom img.profileImage,.workspace>.content .pagearea.mp3>div.bottom ul li h3,.workspace>.content .pagearea.mp3>div.bottom ul li,.workspace>.content .pagearea.contact>div.bottom iframe.map,.workspace>.content .pagearea.contact>div.bottom form table tr td input[type=text],.workspace>.content .pagearea.contact>div.bottom form table tr td textarea,.workspace>.content .pagearea.contact>div.bottom form table
	{
		width: 100%;
	}
	.workspace>.content .pagearea.profile>div.bottom img.profileImage,.workspace>.content .pagearea.konyv>div.bottom ul li h3,.workspace>.content .pagearea.konyv>div.bottom ul li,.workspace>.content .pagearea.contact>div.bottom iframe.map,.workspace>.content .pagearea.contact>div.bottom form table tr td input[type=text],.workspace>.content .pagearea.contact>div.bottom form table tr td textarea,.workspace>.content .pagearea.contact>div.bottom form table
	{
		width: 100%;
	}
	.ps-scrollbar-y,.ps-scrollbar-x
	{
		display: none;
	}
	#page-cover>div.info
	{
		bottom: 65px;
		float: right;
		position: absolute;
		right: 15px;
	}
	#page-cover>div.info>p.name
	{
		font-size: 45px;
	}
	#page-cover>div.info>p.ocupation
	{
		font-size: 25px;
		margin-top: -5px;
		text-align: right;
	}
	.workspace>.content .pagearea>div.bottom>table
	{
		width: 100%;
	}
	.menu-item-block,.menu-item
	{
		background-color: transparent!important;
	}
	#bb-bookblock
	{
		z-index: 9999!important;
	}
}
@media only screen and (max-width:370px)
{
	.workspace>.menu>div>ul>li
	{
		margin: 0 20px;
	}
	.workspace>.menu>div>ul
	{
		width: 325px;
	}
}
@media only screen and (max-width:330px)
{
	.workspace>.menu>div>ul>li
	{
		margin: 0 13px;
	}
	.workspace>.menu>div>ul
	{
		width: 255px;
	}
	#page-cover>div.info>p.name
	{
		font-size: 50px;
	}
	#page-cover>div.info>p.ocupation
	{
		font-size: 30px;
		margin-top: -10px;
	}
	.workspace>.content .pagearea.resume>div.bottom ul li div table tr td
	{
		font-size: 12px;
	}
	.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td
	{
		font-size: 12px;
	}
	.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td
	{
		font-size: 12px;
	}
	.workspace>.content .pagearea>div.top>p
	{
		font-size: 16px;
		padding-top: 5px;
	}
}
@media only screen and (max-width:270px)
{
	.workspace>.content .pagearea>div.top>p
	{
		font-size: 14px;
		padding-top: 6px;
	}
	.workspace>.content .pagearea.resume>div.bottom ul li div table tr td
	{
		font-size: 11px;
	}
	.workspace>.content .pagearea.mp3>div.bottom ul li div table tr td
	{
		font-size: 11px;
	}
	.workspace>.content .pagearea.konyv>div.bottom ul li div table tr td
	{
		font-size: 11px;
	}
	.workspace>.content .pagearea>div.bottom ul.filters>li
	{
		padding: 5px 8px;
	}
}
.button
{
	background: -moz-linear-gradient( center top, #ea6e1c 5%, #eeaf41 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ea6e1c), color-stop(1, #eeaf41) );
	background-color: #ea6e1c;
	border: 1px solid #eeb44f;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: inset 0px 1px 0px 0px #fceaca;
	color: #ffffff;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6e1c', endColorstr='#eeaf41');
	font-family: Arial;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	height: 19px;
	line-height: 19px;
	moz-border-radius-bottomleft: 0px;
	moz-border-radius-bottomright: 0px;
	moz-border-radius-topleft: 0px;
	moz-border-radius-topright: 0px;
	moz-box-shadow: inset 0px 1px 0px 0px #fceaca;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-shadow: 1px 1px 0px #ce8e28;
	webkit-border-bottom-left-radius: 0px;
	webkit-border-bottom-right-radius: 0px;
	webkit-border-top-left-radius: 0px;
	webkit-border-top-right-radius: 0px;
	webkit-box-shadow: inset 0px 1px 0px 0px #fceaca;
	width: 100px;
	cursor: pointer;
}
.button:hover
{
	background: -moz-linear-gradient( center top, #eeaf41 5%, #ea6e1c 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ea6e1c) );
	background-color: #eeaf41;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ea6e1c');
}