body {
	margin-top: 0px;
	background: url(images/headerback.png), #ebebeb;
	background-position: center top, center top; 
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-family: 'Raleway', sans-serif;
	font-size: 13px !important;
	color: #666666;
	margin: auto;
	width: 1200px;
	font-weight: normal;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
}

html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

.adsbygoogle, ins.adsbygoogle {
    max-width: 100% !important;
    overflow: hidden !important;
}

.entry-content {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

h1    {   position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

body p:empty:before {
    content: none;
}


#site{
	width: 1120px;	margin: 0px auto;
}

#header{ z-index: -1; 	
background:URL("images/headermain.png");	
background-position: center top; 	
background-repeat: no-repeat;
background-size:1138px 520px;
height: 520px; 
}

#welcome {
width: 438px; 
height: 220px; 
position: absolute; 
margin-left: auto; 
margin-right: auto; 
margin-left: 86px; 
margin-top: 208px;
letter-spacing: 2px;
line-height: 15px;
}

@media (max-width: 650px) {
    #welcome {
        display: none;
    }
}

hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid #a5a5a5;
}


/*--------------------------- SIDEBAR ------------------------ */
	
#sidebar {
	float: right; width: 340px;		margin-top: 12px;
	margin-left: 0px;  	padding: 0px;	text-align: justify;
}

.border-head {
background: #6f7fa1; padding: 10px;	font-family: 'Raleway', sans-serif;	font-size:18px; color: #ebebeb; letter-spacing: 0px;
	word-spacing: 8px;	text-align:left; text-transform:uppercase;
	
}

.sidebar-module {
	background-color: #ffffff; 
	color: #666666; 	
	font-family: 'Encode Sans';
	font-size: 13px;	text-align: justify;	
	padding: 10px;
	line-height: 21px;
}

.sidebar-footer {    height: 15px!important;    border: 0px!important; background-color: #ebebeb;
}

#sidebar a:link, #sidebar a:visited {
	color: #6f7fa1;
	text-decoration: none;
	text-shadow: none !important;
}

#sidebar a:hover {
	color: #6f7fa1;
	text-shadow: none !important;
}

#sidebar a:link img, #sidebar a:visited img {
    background: #6f7fa1;
    padding: 4px;
    filter: alpha(opacity=90);
    opacity: .9;
}

#sidebar a:hover img {
    background: #b4c2d1;
    padding: 4px;
    filter: alpha(opacity=100);
    opacity: 10;
}

#sidebar b, #sidebar strong {
	color: #6f7fa1;
}

#sidebar i, #sidebar em, #sidebar italic {
	color: #6f7fa1;

}

#sidebar u, #sidebar underline {
    color: #6f7fa1;
    text-decoration: none;

}

/*--------------------------- PROJEKTDOBOZ ------------------------ */
@import 'https://fonts.googleapis.com/css?family=Lato&subset=latin-ext';
.project {
margin: auto;
width:324px;
}
.project .project-links {
margin:5px 0 24px;

}
.project .project-links a, .project .project-links a:visited {
margin-top: -6px;
padding: 6px 0 6px 0;
box-sizing: border-box;
font-family: 'Josefin Slab', serif;
font-size:13px;
font-weight:normal;
color:#ffffff !important;
text-align:center;
text-transform:uppercase;
background:#6f7fa1;
width:320px;
display: inline-block;
}

.project .project-links a:hover {
font-family: 'Josefin Slab', serif;
background:#a0aac0 !important;
color:#ebebeb;
}

img {    max-width:100%!important;    height: auto!important;
}

a:link img {	max-width: 100%!important;	height: auto!important;
}

/*--------------------------- TARTALOM ------------------------ */

#content {
	width: 770px;	float:left;
	font-size: 14px;
	margin-top: 6px;
}

.home-head  { 
	background: #6f7fa1;
	height: 125px;
	overflow:hidden;
	position:relative;
}

.home-title , .home-title a, .home-title a:link, .home-title a:hover{
	background: #677696;
	font-size: 17px;
    font-style: bold;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	color:#ebebeb;
	position: absolute;
	display: block;
	width: 770px;
	bottom: 2px;
	line-height: 20px;
	-moz-opacity:.90;
    filter:alpha(opacity=90);
    opacity:.90;
	
}

.home-title a:visited{
	background: #677696;
	color:#ebebeb;	
}

.date {  
	text-align: right;
    background: #677696;
	right: 0px;
	font-size: 14px; 
	color: #ebebeb;
	position:absolute;
	padding-top: 2px;
	display: block;
	width: 140px;
    -moz-opacity:.80;
    filter:alpha(opacity=80);
    opacity:.80;

}

.home-author  {  
	background: #6f7fa1;
	text-align: left;
	font-size: 12px; 
	color: #ebebeb;
	word-spacing: 4px;
	padding: 10px;
}

.home-author a {
	color: #ebebeb !important;
}

.home-author a:hover {
background: #cdd0d6; color: #6f7fa1;
}

.home-module{
	background: #ffffff;
	text-align: left;
	position:relative;
	font-family: 'Encode Sans';
	font-size: 14px;
	color: #575c60;
	width: 750px;
	padding: 10px;
	line-height: 21px;
	overflow: hidden;
	border-collapse: collapse;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}


table {
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  padding: 2px;
}

table tbody {
    display: table;
    width: 100%;
}

ul {
  list-style-position: inside;
  list-style-type: none;
  margin-left: 2px;
  padding: 0;
}

.album-cover {   height: 100%;
        padding: 5px; 
}

.home-footer{  background: #ffffff;
	padding: 20px 0 0 0;
	margin-bottom: 5px !important;
}

.home-footer .fa {
    font-size:14px !important;
    color:#eeeeee !important;
    font-style: normal !important;
}


/*--------------------------- BEJEGYZÉSEK link------------------------ */
a.post-link { 
background: #ebebeb !important;color: #657290 !important;padding: 7px 0 7px 0;
margin: 1px;font-size: 13px;font-weight: normal;line-height: 9px; display: inline-block; position: absolute; 
margin-left: auto; 
border-bottom: 1px solid #ced3dd;
margin-right: auto;
margin-top:10px;
left:0;
right:0;
bottom:0;
width: 745px;
}
a.post-link:hover {
background: #ced3dd !important;color: #657290;text-decoration: none !important;
}

a.post-link:visited {
color: #657290;text-decoration: none !important;
}

.post-link .fa {
    font-size: 14px !important;color: #657290 !important;font-style: normal !important;
}

.text-fade{ margin-bottom:8px; -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 100%);
}

/*--------------------------- OLDALAK link------------------------ */
a.page-link { 
font-family: Arial, Helvetica, sans-serif;color: #657290;border-bottom: 1px solid #ebebeb;
padding: 9px 0 9px 9px; margin: 2px; font-size: 14px; font-style: normal; line-height: 17px; display: inline-block; width: 745px;
}
a.page-link:hover{
background: #ced3dd !important;
font-family: Arial, Helvetica, sans-serif; color: #657290; text-decoration: none !important;
}
.page-link .fa { font-size: 13px !important; color: #657290 !important; font-style: normal !important;
}


a:link, a:visited {
	color: #657290;
	text-decoration: none;
	text-shadow: none;
    -webkit-transition: .3s ease-in; 
    -moz-transition: .3s ease-in; 
    -o-transition: .3s ease-in;
}

a:hover , a:active{
	background: #ced3dd; 
	color: #657290;
}

#content b, #content strong {
	font-weight: bold;
	color: #515960;
	font-size:15px
}

#content i, #content em, #content italic {
	color: #93a0aa;
	font-size:14px

}

#content u, #content underline {
    color: #657290;
    text-decoration: none;
	font-size:14px

}

/*--------------------------- BEJEGYZÉSEK LAPOZÁSA ------------------------ */

.news-pages {
  text-align: center;
}

.pagination { 
clear: both; background: transparent;	margin: 20px; height: 40px; padding: 20px
}
.pagination span, .pagination a {
font-family: Arial; background: #ffffff; color: #6f7fa1; font-size: 12px; font-weight: bold; text-decoration: none;	padding: 6px 10px;	margin: 0 4px;
}
.pagination a:hover {
font-family: Arial;	font-size: 12px; font-weight: bold;	border-color: none;	background: #ffffff; color: #6f7fa1; text-decoration: none !important;
}
.pagination .current {
font-family: Arial;	font-size: 12px; font-weight: bold;	font-weight: normal; background: #b4c2d1; color: #ffffff;
}

select {
	padding: 10px; width: 390px; background: #ffffff; border: 0px; color: #627D59; font-size: 14px; font-weight: normal; letter-spacing: 0px;
}


#footer{ clear: both; height: 20px;	width: 100vw;
    margin-left: calc(-50vw + 50%); color: #4d3232; font-size: 16px; background: #ffffff; padding-top: 30px;  bottom: 5px;
}


div#qTip {
    background-color: #e9e4ec;    padding: 3px;    border: 0px dotted #ffffff;    display: none;    color: #a09393;
	font-family: trebuchet ms;    font-size: 11px;    text-align: center;    width: 200px;    position: absolute;    z-index: 1000;
    -moz-opacity:.80;    filter:alpha(opacity=80);    opacity:.80;
}

/* -------------------------------- görgetősáv ---------------------------------*/

::-webkit-scrollbar {
width: 15px; 
}
::-webkit-scrollbar-track { 
background-color: #ffffff;
}
::-webkit-scrollbar-thumb { 
background-color: #6f7fa1;
border: solid 3px #ffffff;
}


/* -------------------------------- KOMMENTEK ---------------------------------*/

* {
	margin: 0;
}

.comments-module{ 
font-family: 'Encode Sans';  background: #ffffff; text-align: justify; color: #666666; width: 618x; padding: 10px; line-height: 15px;
}

.comments-area {
	margin-bottom: 20px; background: #ffffff; padding: 15px;
}
.comments-title { 
	height: 22px; font-size: 15px; color: #666666; border-bottom: 1px solid #666666; font-weight: normal !important; text-align: center;
	text-transform: uppercase;	overflow: hidden;
}.comments-area ol {	list-style: none;
}
.comments-area ol {	padding: 0;
}
.comments-area .children {	padding-left: 20px;
}
.comments-area .fn {	color: #666666;
}
.comment-author .avatar {position: relative;float:left;}
.comment-author .fn { 	margin-left: 10px;	font-size: 16px;	font-style: normal;
}
.commentmetadata { 	margin-bottom: 10px; margin-left: 10px;	border-bottom: 1px solid #ad9d95;
}
.comment-meta a { 	color: #666666;	font-size: 13px;
}
.comment-body { 	padding: 5px; 	margin-bottom: 50px; 	background: #ffffff;
}
.comment-body p { 	font-family: Arial;	margin-left: 15px; color: #666666;	text-align: justify;
}
.reply { 	text-align: right;
}
.comment-reply-link { 	padding: 5px; background-color: #6f7fa1; box-shadow: 0 0 1px #adadad; font-size: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
a.comment-reply-link {	color: #ffffff;	text-decoration: none;
}
a.comment-reply-link:hover {	background: #bdc4b9; color: #ffffff; box-shadow: 0 0 1px #bdc4b9;
}
.comments-area a.url {	color: #6f7fa1;	text-decoration: underline;
}
.bypostauthor {
	
}
input#author,input#email,input#url,textarea#comment {     
width: 100%;	max-width: 96%;	padding: 10px;	border: 1px solid #c5c5c5;
}
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment { 
	text-align: left;	padding: 10px 0;}
.comment-form-author:before,.comment-form-email:before,.comment-form-url:before,.comment-form-comment:before {
	font-family: FontAwesome;	color: #5f3737;
}
.comment-form-author:before {	content: "\f007  ";
}
.comment-form-email:before {	content: "\f003  ";
}
.comment-form-url:before {	content: "\f0c1  ";
}
.comment-form-comment:before {	content: "\f040  ";
}
.comment-respond input[type="submit"] {	padding: 10px; color: #6f7fa1; font-weight: bold; text-transform: uppercase;
	border: none; background: transparent; 	-webkit-transition: all 0.4s; transition: all 0.4s;
}
.comment-respond input[type="submit"]:hover {	background: #6f7fa1; color: #ffffff;
}

.list {text-align: justify;     background: #ffffff;    color: #a09393;    padding: 5px;border-bottom: 1px dotted #e9e4ec;
}

/* ---------------------[MENU]-----------------------*/
.headermenu {  
width:1100px;
text-transform:uppercase;
letter-spacing:2px; 
height: 46px; 
position: absolute; 
margin-left: auto; 
margin-right: auto; 
margin-left: 45px; 
margin-top: -38px;
}
.headermenu a {
font-family: 'Raleway', sans-serif;
	color: #ebebeb;  
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	text-decoration: none;
	padding-bottom:12px;
	padding-top:12px;
	padding-left:6px;
	padding-right:6px;
    -webkit-transition: .5s ease-in; 
    -moz-transition: .5s ease-in; 
    -o-transition: .5s ease-in; 
}

.headermenu a:hover {
background: #a0aac0;
	padding-bottom:12px;
	padding-top:12px;
	padding-left:6px;
	padding-right:6px;
	color: #ebebeb; 
	text-decoration: none;
}

/* ---------------------[responsisve navigation]-----------------------*/

@media screen and (max-width: 650px) {
.headermenu {	background-color: #5d6b88; max-width: 100%; height: 65px; float: left; display: block; margin-left: 0px; margin-top: -65px;  text-align: justify;}

.headermenu a , .headermenu a:hover {
	font-size: 17px; display: block; float: left; margin-left: 1px; text-align: justify; padding-bottom:5px; padding-top:6px; padding-left:5px;
	padding-right:5px;
}

a.headerlink {display: block; max-width: 100%; height:167px;}

.welcome , .welcomemessagestar , .welcomemessage {display: none;}

body{	font-size: 12.5px;	max-width: 100%;	margin: 0px;
}

#headerm, #header{	background: url("images/mobilheader1.png"); background-color: #ebebeb;	background-position: center top; 	background-repeat: no-repeat;
max-width: 100%;height:250px;
}
#site {	font-size: 12.5px;	width: 100%; margin-top: 0px;
}
#content {	float:center;    width: 100% !important;	margin:0px!important; margin-top: 0px;
}
.home-head  { padding: 0px; text-align: center; height:85px;
}
.home-title , .home-title a, .home-title a:link, .home-title  a:visited { width: 100%; text-align: left;font-size: 12.5px;letter-spacing: 1px; bottom: 0px;
}
.home-title a:hover {	color: #200c1d!important;
}
.home-module {font-size: 13px; max-width: 100%; padding: 2px;  margin: 0px; line-height: 19px; height: auto; padding-bottom: 5px;
}
.home-author {font-size: 12px; max-width: 100%; padding: 2px;  margin: 0px; height: auto; word-spacing: 2px;
} 
.home-footer{ font-size: 12px; max-width: 100%; padding: 2px;  height: auto; margin-bottom: 4px !important;
}


#content b, #content strong { font-size:13px; line-height: 19px;
}
#content i, #content em, #content italic { font-size:12px; line-height: 19px;
}
#content u, #content underline { font-size:12px; line-height: 19px;
}
a.page-link { font-size: 15px; max-width: 100%; line-height: 9px; padding: 8px 0 8px 0;
}
a.post-link {font-size: 12.5px; max-width: 100%; height: auto; margin-top: 8px; margin-bottom:5px; line-height: 6px; padding: 5px 0 5px 0;
}
.date {  font-size: 10px; width: 90px;
}
	
#sidebar {	
        display: none;
}

.album-cover {  width:50%!important;   height: auto!important;
}

#footer {	font-size: 12px;	display: auto; bottom:0;
}
video, iframe, object, embed {	max-width: 100%;	height: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

}