/* ======================================================================================================
 GENERAL TYPOGRAPHY 
=======================================================================================================*/

/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
.lapoz{
width:280px;}  
/* ================= General tags ================= */
/* ================= General class + ================= */
.keret{
margin-top:10px;
 margin-bottom:10px;  
}
.menukeret{
margin-top:10px;
 margin-bottom:10px;  
}
.contactPic {
	display: block;
	float: left;
	width:260px;
	height: 180px;
	overflow:hidden;
	margin: 0 10px 5px 0px;
	padding: 2px;
}
.logo{
width:260px;
}
.separator{  padding-top: 10px;
}
.pseparator{  padding-top: 50px; 
}
.slogen{
padding-top: -50px;}
.behuz10{
padding-left: 10px;
padding-right: 10px;}
.behuz20{
padding-left: 20px;
padding-right: 20px;
display: block;}
.imagegalleria {
float:left;
width:200px;   /*260volt*/
text-align: center;
margin: 0 0px 5px 5px;
padding:5px;
display:block-inline;
}
.header_bg {
	min-height:20px;
	
}

.header_bg .logo {
	float:left;
	margin-bottom:0px;
	margin-top: 0px;
`
}
/* ================= List Styles ================= */
ul {
	list-style:none;
	margin-top:0;
	
}
ol {
	margin-bottom:0;
	margin-top:0;
}
ol, ol li {
	list-style:decimal outside;
}
/* ======================================================================================================
 GENERAL STRUCTURE
=======================================================================================================*/

/* ================= Header and Logo ================= */
.container {
	width:880px;
	margin:0 auto;
	text-align: justify;
}
.header_bg {
	min-height:20px;
}

.header_bg .logo {
	float:left;
	margin-bottom:0px;
	margin-top: 0px;
}

/* ================= Footer ================= */
.footer .col_1_3 {
	width:280px;
	margin:20px 40px 0 0;
}
.footer .col_1_3.last {
	width:280px;
	margin:20px 0 0 0;
}
.footer  li {
	display: inline;
} 

/* ================= Columns ================= */
.content {
	width:620px;
	margin:25px 40px 0 0;
	float:left;
}
.sidebar {
	width:200px;
	margin:10px 0 0 0;
	float:left;
}
.col_1_2 {
	width:430px;
	float:left;
	margin:0 20px 0 0;
}
.col_2_3 {
	width:600px;       /*580*/
	float:left;
	margin:0 20px 0 0;
}
.col_1_3 {        /*colmod*/
	width:260px; 
	float:left;
	text-align: justify;
	margin:0 20px 0 0;
}
.col_1_4 {
	width:220px;
	float:left;
	margin:0 20px 0 0;
}
.col_1_5 {
	width:172px;
	float:left;
	margin:0 20px 0 0;
}
.col_3_4 {
	width:700px;
	float:left;
	margin:0 20px 0 0;
}
.content .col_1_2 {
	width:300px;
}
.content .col_1_3 {
	width:193px;
}
.content .col_2_3 {
	width:270px;
	text-align: justify;
}
.content .col_1_4 {
	width:140px;
}
.content .col_1_5 {
	width:108px;
}
.content .col_3_4 {
	width:460px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {
	margin:0;
}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {
	margin:0;
}
/* ======================================================================================================
 SPECIFIC PAGE STYLES
=======================================================================================================*/

/* ================= Homepage Featured Columns ================= */
.featured_block{
	/*text-align:center;*/
	margin:5px 0 35px 20px;
	width:260px;
	height:320px;
	overflow:hidden;
}
.kepalairas  {
	/*text-align:center;*/
	margin:5px;
	width:180px;
	height:60px;
	overflow:hidden;
}   

.featured_block h3 {
	padding:0;
	margin-bottom:0px;
	margin-top:0px;
	width:260px;
	padding:10px;
}
.featured_block p {
	/*text-align:center;*/
	padding-top:10px;
	margin-top:0;
	width:240px;
}

/* ================= Portfolio ================= */
.portfolio_1_3 {
	padding:0 0 0 40px; 
	margin:0 20px 0 0;
}
.portfolio_1_3 ul {
	width:880px;        
	margin-bottom:0;
}
.portfolio_1_3 ul:after {
	content: "";
	display: block;
	height:0;
	overflow:hidden;
	clear:both;
}
.portfolio_1_3 ul li {
	/*margin:0 20px 20px 0; */
	width:280px;
	float:left;
}
.portfolio_1_3 ul li .image {
	width:260px;
	/*height:215px; */
	padding:2px;
	border:1px solid #cccccc;
	display:block;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.portfolio_1_3 ul li .image .portfolio_image {
	width:220px;
}
.portfolio_1_3 ul li .title {
	border-bottom:1px solid #cccccc;
	text-align:left;
	display:block;
	padding:10px 0 10px 0;
	font-size:1.1em;
}
.portfolio_1_3 ul li .title a {
	font-size:1.1em;
}
.portfolio_1_3 ul li .title a:hover {
	/*color:#d93e39;  */
}
.portfolio_1_3 ul li .description {
	display:block;
	padding:10px 0 50px 0;
	font-size:0.9em;
	line-height:22px;
	color:#4d4d4d;
	width:260px;
	height:30px;
	overflow:hidden;
}
.portfolio_1_3 ul li .clear {
	display:block;
	clear:both;
	padding:5px 0 0 0;
}
/* === Clearfix === */
.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1
}
/* ================= General Widget Style ================= */
.widget {
	margin:0 0 35px 0;
}
.widget.margin_medium {
	margin:0 0 10px 0;
}
.widget.margin_small {
	margin:0 0 15px 0;
}
.widget h2 {
/*	background:url("../images/widget_bg.png") repeat-x 0 12px;  */
	text-align:left;
	margin:0 0 10px 0;
}
.widget h2 span {
	color:#262626;
	/*background:#FFF;*/
	text-align:left;
	padding:0 10px 0 0px;
	font-size:17px;
}
 /* =================  Social ================= */
.contact-links {
	position:relative;
	float: right;
	padding:0;
	margin:0;
	font-size:0.7em;
	width:200px;
	padding-top:15px; padding-right:10px; text-align:right;
}
.contact-links li {
	display:inline;
	height:20px;
}
.social-links {
	position:relative;
	float: right;
	padding:0;
	margin:0;
	font-size:0.6em;
	width:200px;
	/*border:1px solid red;*/
	text-align:right;
	padding-top:5px; 
}
.social-links li {
	display:inline;
	padding-right:20px;
	/*width:280px;  */
	height:20px;
/*	border-bottom:1px solid red; */
}

/* ======================================================================================================
 MEDIA QUERIES
=======================================================================================================*/	

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display: block;
	float: none;
	/*width:100%;*/
}
.main-menu {
	margin:0 0 30px 0;
	float:left; /*ide vissza*/
}
.portfolio_1_3 ul {
	width:768px;
}
.portfolio_1_3 ul li {
	width:236px;
	height:319px;
}
.portfolio_1_3 ul li .image {
	width:224px;
	height:168px;
}
.portfolio_1_3 ul li .image .portfolio_image {
	width:224px;
	height:168px;
}
.portfolio_1_2 {
	padding:0;
}
.portfolio_1_2 ul {
	width:768px;
}
.portfolio_1_2 ul li {
	width:364px;
	height:404px;
}
.portfolio_1_2 ul li .image {
	width:352px;
	height:275px;
}
.portfolio_1_2 ul li .image .portfolio_image {
	width:352px;
	height:275px;
}

	.blog_post .right_side .published { /*display:inline-block; */
}
.content {
	width:488px;
	margin-right:20px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:488px;
}

.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:466px;
}
.content .blog_post .right_side .block_post img {
}
.sidebar {
	width:240px;
}
.sidebar .widget .recent_post .text {
	width:158px;
	
}
.content .pages {
	margin-left:0;
}

/* ================= Container and Columns ??? ================= */
	.container {
	width: 748px;
}
.col_1_2 {
	width: 364px;
}
.col_1_3 {
	width: 236px;
}
.col_2_3 {
	width: 492px;
}
.col_1_4 {
	width: 172px;
}
.col_1_5 {
	width: 133px;
}
.col_3_4 {
	width: 556px;
}
.content .col_1_2 {
	width:239px;
	margin:0 10px 0 0;
}
.content .col_1_3 {
	width:156px;
	margin:0 10px 0 0;
}
.content .col_2_3 {
	width:322px;
	margin:0 10px 0 0;
}
.content .col_1_4 {
	width:114px;
	margin:0 10px 0 0;
}
.content .col_1_5 {
	width:89px;
	margin:0 10px 0 0;
}
.content .col_3_4 {
	width:362px;
	margin:0 10px 0 0;
}
/* ================= Pricing Table ================= */
	.pricing_table .box {
	width: 364px;
}
.pricing_table.columns_2 .box, .pricing_table.columns_2 .item_list {
	width: 248px;
}
.pricing_table.columns_3 .box, .pricing_table.columns_3 .item_list {
	width: 186px;
}
.pricing_table.columns_4 .box, .pricing_table.columns_4 .item_list {
	width: 148px;
}
.pricing_table.columns_5 .box, .pricing_table.columns_5 .item_list {
	width: 122px;
}
/* ================= Contact Page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:220px;
	height:280px;
}
.inputText {
	width:300px;
	height:24px;
}
.inputTextarea {
	width:300px;
	height:150px;
}
/* ================= Footer ================= */
	.footer .col_1_3 {
	width:226px;
	margin:40px 10px 0 10px;
}
.footer .col_1_3.last {
	width:226px;
	margin:40px 10px 0 10px;
}
}
/* ================= Mobile  < 767px ================= */
@media only screen and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display:block;
	float:none;
	/*text-align:center;
	width:100%; */
}
.mobilno{
display:none;}
.header_bg {
	height: auto;
}
.featured_block {
margin:0;}
.main-menu {
	margin:0 0 30px 0;
	float:left;
	width:100%;
}
.main-menu ul {
	position:static !important;
	padding:0 !important;
}
.main-menu li {
	box-shadow:none !important;
	border:0 !important;
	border-top:1px solid #d9d9d9 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
}
.main-menu li.submenu > a {
	cursor:pointer;
}
.main-menu li a {
	padding:0 16px;
	line-height:33px;
}
.main-menu li ul li a {
	padding-left:32px !important;
}
.main-menu li ul li ul li a {
	padding-left:48px !important;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu > a {
	padding-right:10px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul li.submenu > a:hover {
	padding-right:10px;
	background:#f5f5f5 url(../images/arrow_320.png) no-repeat right;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/arrow_320.png) no-repeat right;
}
.main-menu li ul {
	display:none !important;
}
.main-menu li:hover > ul {
	display:block !important;
}
/* ================= Blog Post and Sidebar ================= */

.sidebar {
	margin-top:40px;
	float:none;
}
.content {
	float:none;
	margin-right:0;
	width:260px;
}
.content img {
	height: auto;
	max-width: 100%;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:300px;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:280px;
}
/* ================= Portfolio ================= */

	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
	padding:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:260px;
	margin:0;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 20px 0;
	width:260px;
	margin:0;
	/*height:366px; */
}
.behuz20{
margin-left:0;
padding-left:0;}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:260px;
	height:230px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:240px;
	height:215px;
}
.portfolio_nav {
	float:left;
	margin:10px 0 10px 0;
}

/* ================= Container and Columns ================= */
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:260px;  /*colmod*/
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:260px;        /*colmod*/
}
/* ================= Contact Page ================= */
	.inputText {
	width:285px;
}
.inputTextarea {
	width:285px;
	height:150px;
}
.submit {
	margin:0;
}
/* ================= HomePage ================= */
	.homepage_widgets .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.homepage_widgets .col_1_3.first {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:280px;
	float: none;
	margin:40px auto 0 auto;
}
}

/* ================= Mobile (viszintesen) 480px - 767px ================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* ================= Logo and Main menu ================= */
	.logo {
	display: block;
	float: none;
	width:100%;
}
.main-menu {
	margin:0 0 30px 0;
	float:left;
}
.mobilno{
display:none;}

.content {
	width:420px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:420px;
}
 .imagegalleria {

width:190px;   /*260volt*/

}

.sidebar {
	float:none;
	width:420px;
}
.sidebar .widget .recent_post .text {
	width:338px;
}

.content .pages {
	margin:0;
}

/* ================= Pricing Table ================= */
	.pricing_table .box {
	width:420px !important;
}
/* ================= Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:420px;
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:420px;
	height:435px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:408px;
	height:305px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:408px;
	height:305px;
}

.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float: none;
	margin-right: 0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:420px;
}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:420px;
}

/* ================= Contact page ================= */
	.inputText {
	width:250px;
}
.inputTextarea {
	width:250px;
	height:150px;
}
/* ================= Footer ================= */
	.footer .col_1_3 {
	width:420px;
	margin:40px 0 0 0;
	float: none;
	margin:40px auto 0 auto;
}
.footer .col_1_3.last {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3 {
	width:420px;
	float: none;
	margin:40px auto 0 auto;
}
}
/* ================= Mobile (állo) < 320px ================= */

/* ================= Container and Columns ================= */
@media only screen and (max-width: 317px) {

/*display:none;  */
.sitenav{
font-size: 0.4em;}
.mobilno{
display:none;}
	.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0;
}
.container, .col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	width:260px;   /*colmod*/
}
.featured_block {
margin:0;}
.col_1_3{
margin-left:0;
padding-left:0;}
.content .col_1_2, .content .col_1_3, .content .col_1_4, .content .col_1_5, .content .col_3_4, .content .col_2_3 {
	width:260px;    /*colmod*/
}
.content {
	width:226px;
	margin-right:0;
}
.content .left_side {
	display:none;
}
.content .right_side {
	width:226px;
}
.content .delimiter_vertical {
	display:none;
}
.content .blog_post .right_side .block_post {
	padding:10px 10px 0 10px;
	width:206px;
}
.content .blog_post .right_side .block_post img {
	width:100%;
}
.sidebar {
	width:226px;
	float:none;
}
.sidebar .widget {
	width:226px;
}
.sidebar .widget .recent_post .text {
	width:138px;
}
.content .pages {
	margin:0;
}

/* =================  Pricing Table ================= */
	.pricing_table .box {
	margin:0 0 20px 0;
	width:226px !important;
}
/* =================  Portfolio ================= */
	.portfolio_1_4, .portfolio_1_3, .portfolio_1_2 {
	margin:0;
}
.portfolio_1_4 ul, .portfolio_1_3 ul, .portfolio_1_2 ul {
	width:260px;         /*colmod*/
}
.portfolio_1_4 ul li, .portfolio_1_3 ul li, .portfolio_1_2 ul li {
	margin:0 0 60px 0;
	width:260px;
	height:312px;
}
.portfolio_1_4 ul li .image, .portfolio_1_3 ul li .image, .portfolio_1_2 ul li .image {
	width:260px;
	height:160px;
}
.portfolio_1_4 ul li .image .portfolio_image, .portfolio_1_3 ul li .image .portfolio_image, .portfolio_1_2 ul li .image .portfolio_image {
	width:260px;
	height:160px;
}
/* =================  Social ================= */
.contact-links {
	position:relative;
	float: right;
	padding:0;
	margin:0;
	font-size:0.7em;
	width:280px;
	/*border:1px solid red;*/
	padding-top:15px; padding-right:10px; text-align:right;
}
.contact-links li {
	display:inline;
/*	padding-right:20px;*/
	/*width:280px;  */
	height:20px;
/*	border-bottom:1px solid red; */
}
.social-links {
	position:relative;
	float: right;
	padding:0;
	margin:0;
	font-size:0.6em;
	width:260px;
	/*border:1px solid red;*/
	text-align:right;
	padding-top:5px; 
}
.social-links li {
	display:inline;
	padding-right:20px;
	/*width:280px;  */
	height:20px;
/*	border-bottom:1px solid red; */
}
/* =================  Contact page ================= */
	.contact_map {
	background:none;
	width:226px;
	height:310px;
	padding:0 0 0 0;
	margin:40px 0 20px 0;
}
.map_canvas {
	width:226px;
	height:280px;
}
.inputText {
	width:210px;
}
.inputTextarea {
	width:210px;
	height:70px;
}
.submit {
	margin:0;
}
/* =================  Logo ================= */
	.logo img {
	width:100%
}

.follow_us_box a.twitter {
	float:left;
	font-size:15px;
}
.follow_us_box a.facebook {
	float:left;
	margin-left:5px;
	font-size:15px;
}
img.liquid {
	width:100%;
}
/* =================  Footer ================= */
	.footer .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_1_3.last {
	width:226px;
	margin:40px auto 0 auto;
}
.footer_bottom .col_2_3.last {
	width:226px;
	margin:40px auto 0 auto;
}

}
/* =================  Social ================= */
.contact-links {
	position:relative;
	float: right;
	padding:0;
	margin:0;
	font-size:0.7em;
	width:240px;
	/*border:1px solid red;*/
	padding-top:15px; padding-right:10px; text-align:right;
}
.contact-links li {
	display:inline;
/*	padding-right:20px;*/
	/*width:280px;  */
	height:20px;
/*	border-bottom:1px solid red; */
}
.social-links {
	position:relative;
	float: right;
	padding:0;
	margin:0;
	font-size:0.6em;
	width:260px;
	/*border:1px solid red;*/
	text-align:right;
	padding-top:5px; 
}
.social-links li {
	display:inline;
	padding-right:20px;
	/*width:280px;  */
	height:20px;
/*	border-bottom:1px solid red; */
}
div#messagetop{display:block;position:fixed;bottom:30px;right:30px; z-index:9999999;}
div#messagetop a{width:47px;height:46px; display:block;background:url('totop.png') } 
 .gdpr {
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}