@charset "utf-8";
/* CSS Document */
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
*/

/*Global*/
body{
	font-family: 'Open Sans', sans-serif;
	background-image: url(../images/bg_pattern.jpg);
	background-repeat: repeat;
}
h1{}
h2{}
p{}
br{}
hr{}
.clear{clear:both; line-height: 0px;}
.blue{background-color:#36ABDA;}
section article{
	width: 1170px;
	font-family: "Open sans";
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



#carousel{
    max-height: none !important;
}
strong
{
	font-weight:bold !important;	
}

em
{
	font-style:italic !important;	
}

/*Header*/
header{
	background-color: #000;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	
}
#index{height: 600px}
header section{
	display: block;
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logo{
	display: block;
	float: left;
	height: 110px;
	width: 236px;
}
#logo img{
	display: block;
	padding-top: 42px;
	padding-left: 16px;
	width: 220px;
}
header .blue article{
	width: 1170px;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
header .blue h1{
	color: #fff;
	font-size: 34px;
	font-weight: 200;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: "Open sans";
	background-image: url(../images/ikon/ikon-story.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	float: left;
	height: 34px;
}
header .blue h2{
	color: #fff;
	font-size: 24px;
	font-weight: 200;
	font-family: "Open sans";
	padding-left: 15px;
	float: left;
	font-style: italic;
	padding-top: 23px;
}

/*Menu*/
#menu{
	display: block;
	width: 810px;
	margin-top: 15px;
	float: right;
	margin-bottom: 50px;
	margin-left: 2px;
}
#menu ul{display: inline;}
#menu ul li{
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	float: right
}
#menu ul li:hover {
	background: #36ABDA;
	color: #fff;
} 
#menu ul li a{
	font-family: "Open Sans";
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: right;
	height: 12px;
	padding: 14px;
	outline: none;	
}
#menu ul li a:hover{
	background-color: #36ABDA;
}
#menu ul li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 100001
}
#menu ul li ul li { 
  background: #36ABDA; 
  display: block; 
  color: #fff;
}
#menu ul li ul li:hover {}
#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
#menu ul li ul li a{display:block; width:150px;}
#menu ul li ul li a:hover{background-color: #fff; color: #36ABDA}

#btn-holder{
	display: block;
	float: right;
	width: 123px;
	margin-right: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#share{
	display: block;
	width: 123px;
	height: 27px;
	margin-top: 18px;
	margin-bottom: 10px;
}
#share ul{}
#share ul li{}
#share ul li a{
	text-decoration: none;
	display: block;
	height: 26px;
	width: 26px;
	background-image: url(../images/share-sprite.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}
#share ul li a:hover{
	background-image: url(../images/share-sprite-hover.png);
}
#share ul li #twitter{}
#share ul li #fb{background-position: left -29px;}
#share ul li #g{background-position: left -58px;}
#share ul li #tumblr{background-position: left -87px;}

#blue_btns{
	width: 123px;
	float: right;
	margin-bottom: 15px;
}
#blue_btns ul{}
#blue_btns ul li{}
#blue_btns ul li a{
	background-color: #36abda;
	display: block;
	height: 12px;
	width: 40px;
	margin-left: 1px;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	float: right;
	padding-top: 14px;
	padding-bottom: 14px;
}
#blue_btns ul li a:hover{
	color: #36ABDA;
	background-color: #FFFFFF;
}

#research{
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Open Sans";
	color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
}
#research #likebox iframe {
	background-color: #FFF;
}
#research h3, #partnerek article h2{
	font-family: "Open Sans";
	font-size: 34px;
	font-weight: 100;
	display: block;
	width: 640px;
	margin-bottom: 20px;
	background-image: url(../images/ikon/ikon-research.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#research h3 a{
    color: #FFF;
    font-family: "Open Sans";
	font-size: 34px;
	font-weight: 100;
    text-decoration: none;
}

#research h3 a:hover {
    text-decoration: underline;
}

#research #text{
	font-size: 14px;
	line-height: 22px;
	display: block;
	float: left;
	width: 120px;
	padding-left: 50px;
}
#top .blue #research article #accord .accordion dd a{
	text-align:right;
	padding: 5px 30px 5px 0px;
	color: #36abda;
	text-decoration:none;
	background-image:url(../images/ikon/ikon-tovabb-blue.png);
	background-repeat: no-repeat;
	background-position: right center; 	
	margin-right: 20px;
	max-width: 400px;
	margin-left: 550px
}
#top .blue #research article #accord .accordion dd a:hover{text-decoration:underline;}

/*Blog*/
#blog{
	display: block;
	width: 1170px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#republikon, #eupoll {
	min-height: 220px;
	max-height: 220px;
	background-color: #36abda;
	display: block;
	width: 1170px; /*530px volt 2015.09.30.*/
	font-family: "Open sans";
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	float: left;
	padding: 20px;
}
#republikon #date, #eupoll #date{
	color: #36abda;
	background-color: #FFF;
	display: block;
	height: 50px;
	width: 60px;
	margin: 0px 10px 30px 0px;
	text-align: center;
	padding-top: 10px;
	font-size: 14px;
	float: right
}
#blog h2{
	font-family: "Open Sans";
	font-size: 80px;
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
	padding-right: 90px;
	line-height: 28px;
}

#republikon p, #eupoll p{}
#blog article a{
	font-family: "Open Sans";
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-image: none;
	background-position: right center;
	display: block;
	margin-left: 00px;
	padding-right: 30px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 900px;
	margin-right: 20px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#blog article a:hover{
	text-decoration: none;
}
#blog #rebulikon{
	float: left;
}
#blog #eupoll{
	float: right;
}
#blog #title{}
#blog #title h2, #blog #title h3, #calendar h2, #title h2{
	font-family: "Open Sans";
	font-weight:300;
	font-size: 34px;
	color: #36abda;
	display: block;
	float: left;
	width: 500px;
	background-image: url(../images/ikon/ikon-blog.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
    line-height: 34px;
}
#blog #title h2{padding-right:60px}

#title h2 a
{
    font-family: "Open Sans";
	font-weight:300;
	font-size: 34px;
	color: #36abda;
    text-decoration: none;
}

#title h2 a:hover
{
    text-decoration: underline;
}

#blog #title a{
	font-family: "Open Sans";
	font-weight:300;
	font-size: 34px;
	color: #36abda;
	display: block;
	float: left;
	width: 500px;
	background-image: url(../images/ikon/ikon-blog.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	text-align: left;
	margin: 0;
}
#blog #title a:first-child{padding-right: 60px}
#blog .blog-more{
	font-family: "Open Sans";
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images/ikon/ikon-tovabb.png);
	background-position: right center;
	display: block;
	margin-left: 1090px;
	padding-right: 30px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50px;
	margin-right: 20px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 1365px
}

#twitter-line{
	background-image: url(../images/twitter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	margin-bottom: 30px;
	background-attachment: fixed;
	position: relative;
	background-color: #000;
	min-height: 150px
}
#twitter-line article{
	font-family: "Open sans";
	font-size: 14px;
	font-style: italic;
	color: #FFF;
	text-align: right;
	display: block;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 100px;
	padding-bottom: 30px;
	padding-left: 300px;
	background-image: url(../images/twit-line-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 22px;
}

/*Calendar*/
#calendar{
	display: block;
	width: 1170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	height: 500px;
}
#calendar h2{
	display: block;
	float: none;
	background-image: url(../images/ikon/ikon-calendar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-bottom: 40px
}

/*Colleague*/
#colleague{
	display: block;
	margin-top: 45px;
	margin-bottom: 55px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: "Open Sans";
}
#colleague article{display: block; margin: 0 auto;}
#colleague h2{
	font-size: 34px;
	font-weight: 100;
	display: block;
	width: 640px;
	margin-bottom: 40px;
	background-image: url(../images/ikon/ikon-team.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	color: #fff
}
#colleague article article{
	float: left;
	width: 550px;
	min-height: 170px;
	margin-bottom: 40px;
	margin-right: 10px;
	margin-left: 10px;	
}
#colleague article #coll-more{
	display: block;
	max-height: 30px;
	width: 380px;
	padding: 0;
	margin: 0;
	top: 2950px;
	margin: 0px 0px 0px 750px;
	position: absolute
}
#colleague article article figure {
	display: block;
	float: left;
	height: 170px;
	width: 170px;                                                                                        
}
#colleague article article figure img{
	border-radius: 170px;
	display: block;
	height: 150px;
	width: 150px;
}
#colleague article article h3 {
	font-size: 22px;
	font-weight: 200;
	color: #FFF;
	display: block;
	margin-bottom: 10px;
	margin-left: 30px;
}
#colleague article article h3 a{
	font-size: 22px;
	font-weight: 200;
	color: #FFF;
	display: block;
	margin-bottom: 10px;
	margin-left: 30px;
	text-decoration: none;
}
#colleague article article h3 a:hover{text-decoration: underline}
#colleague article article h4 {
	font-size: 18px;
	font-weight: 200;
	color: #004866;
	display: block;
	margin-bottom: 20px;
	margin-left: 30px;	
}
#colleague article article blockquote {
	font-size: 16px;
	font-style: italic;
	color: #FFF;
	display: block;
	margin-bottom: 20px;
	line-height: 22px;
}

/*Galéria*/
#galeria {
	display: block;
	max-width: 1170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Open sans";
}

#title {
	display: block;
	width: 1170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Open sans";
	height: 100px;
}

#title h2 {
	display: block;
	width: 45%;
	float: left;
	margin-bottom: 50px;
	background-image:url(../images/ikon/ikon-galeria.png)
}
#title #more{
	display: block;
	float: right;
	font-size: 14px;
	color: #008dc8;
	text-decoration: none;
	background-image: url(../images/ikon/ikon-tovabb-blue.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	margin-bottom: 50px;
	text-align: right;
	margin-left: 35%;
}
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}

/*Partnerek*/
#partnerek {
	background-attachment: fixed;
	background-image: url(../images/twitter_bg.jpg);
	background-repeat: repeat;
	background-position: center bottom;
	display: block;
	padding-top: 40px;
	padding-bottom: 80px;
	margin-top: 40px;
	margin-bottom: 60px;
}
#partnerek article {
	display: block;
	height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*Footer*/
footer{
	background-color: #36abda;
	display: block;
	width: 100%;
	font-family: "Open Sans";
}
footer section{
	display: block;
	width: 1170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Open Sans";
	padding-bottom: 0px;
}
footer section #adress{
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
/*	background-image: url(../images/footer_logo.png);*/
	background-image: url("http://republikon.hu/media/132521/footer_logo_RI.png?w=75");
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	width: 370px;
	padding-left: 100px;
	margin-top: 15px;
}
footer section #adress a{
	color: #FFF;
	text-decoration: none;
}
footer section #adress a:hover{
	text-decoration: underline;
}
footer section #adress strong{
	display: block;
	float: left;
	width: 60px;
}
footer section #newsletter{
	display: block;
	padding-top: 0px;
}
#newsletter h2 {
	font-family: "Open sans";
	font-size: 18px;
	text-align: right;
	display: block;
	float: left;
	height: 40px;
	width: 117px;
	font-weight: 400;
	color: #FFF;
	padding-top: 15px;
	padding-right: 15px;
	margin-top: 15px;
}

#newsletter p {
	font-family: "Open sans";
	font-size: 14px;
	text-align: right;
	display: block;
	float: left;
	height: 20px;
	width: 400px;
	font-weight: 400;
	color: #FFF;
	padding-top: 3px;
	padding-right: 15px;
	margin-top: 0px;
}
#newsletter form #newsletter-form {
	display: block;
	float: left;
	height: 35px;
	width: 410px;
	margin-top: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Open sans";
	font-size: 14px;
	color: #898989;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#newsletter form #newsletter-btn {
	background-image: url(../images/newsletter-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	padding: 0px;
	float: left;
	height: 35px;
	width: 35px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
footer section #top{
	background-color: #00638c;
	display: block;
	float: right;
	height: 100px;
	width: 100px;
}
#copyright {
	background-color: #00638c;
}

#copyright section {
	font-family: "Open sans";
	font-size: 12px;
	color: #FFF;
	display: block;
	width: 1170px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*Sztori*/
section #story, section #search{
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
	font-size: 14px;
	line-height: 22px;
	color: #898989;
}
section #story p{
	display: block;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-right: 100px;
	padding-left: 200px;
}
section #story a{}
section #story a:hover{}
section #story strong{
	font-weight: bold;
}

/*Profil*/
section #profil{
	display: block;
	font-family: 'open sans';
	font-size: 14px;
	line-height: 22px;
	color: #898989;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
} 
section #profil article{display: block; float:left; width: 600px;	padding-top: 15px;
	margin-right: 70px;}
section #profil article p{
	display: block;
	margin-bottom: 25px;
}
section #profil figure{
	display: block;
	float: right;
	margin-right: 70px;
	margin-top: 15px;
	margin-bottom: 75px;
}
section #profil figure img{}

section #profil article #contact{
	display: block;
}
section #profil article #contact #phone{
	background-image: url(../images/ikon/ikon-phone-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-right: 45px;
	padding-left: 25px;
}
section #profil article #contact #email{
	background-image: url(../images/ikon/ikon-mail-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-right: 45px;
	padding-left: 25px;
	color: #898989;
	text-decoration: none
}
section #profil article #contact #email:hover{text-decoration: underline}
#profil-info {
	display: block;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #898989;
	border-bottom-color: #898989;
	background-color: #eff5f7;
	padding-top: 45px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

/*Profil info*/
#profil-info article article {
	display: block;
	float: left;
	width: 33%;
	font-family: "Open sans";
}
#profil-info article article h2 {
	font-size: 22px;
	font-weight: 200;
	color: #36abda;
	display: block;
	margin-bottom: 45px;
}
#profil-info article article ul {
}
#profil-info article article ul li  {
	background-image: url(../images/ikon/ikon-profil-li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	padding-left: 40px;
	font-size: 15px;
	line-height: 30px;
	color: #2f383d;
	margin-bottom: 20px;
}
#profil-info article article ul li p {
	font-size: 13px;
	color: #9aa7af;
	display: block;
	padding-right: 5%;
	line-height: 20px;
}
#profil-info article article ul li a {
	color: #2f383d;
	text-decoration: none
}
#profil-info article article ul li a:hover {text-decoration: underline}

/*Kapcsolat*/
#kapcsolat{
	padding-top: 50px;
	padding-bottom: 70px;
	font-family: "Open sans";
	line-height: 22px;
	font-size: 14px;
}
#kapcsolat article p {
	display: block;
}

#kapcsolat iframe {
	display: block;
	float: left;
	width: 900px;
	min-height: 400px;
}
#kapcsolat article {
	color: #FFF;
	background-color: #36abda;
	display: block;
	float: left;
	width: 210px;
	min-height: 370px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#kapcsolat article h2{
	font-size: 22px;
	font-weight: 200;
	color: #fff;
	display: block;
	margin-bottom: 20px;
	padding-top: 30px;
}
#kapcsolat article a{
	color: #FFF;
	text-decoration: none;
}
#kapcsolat article a:hover{
	text-decoration: underline;
}
#kapcsolat #mail, #kapcsolat #phone, #kapcsolat #adress{
	background-image: url(../images/ikon/ikon-mail-white.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 40px;
	margin-bottom: 15px;
}
#kapcsolat #phone{
	background-image: url(../images/ikon/ikon-phone-white.png);
}
#kapcsolat #adress{
	background-image: url(../images/ikon/ikon-adress-white.png);
	background-position: left 10px;
}

/*Blog-holder*/
#blog-holder{width:1170px;margin: 60px auto ; display: block; font-family: 'Open Sans'; }
#blog-holder article{width: 870px; float:right; display: block; }

/*Sidebar*/
#blog-holder aside{width: 230px; float:left; display: block; padding: 20px; background-color: #fff}
#blog-holder aside article{width: 230px; display: block; margin-bottom: 40px}
#blog-holder aside article h2, #blog-holder aside h2{color: #36abda; display: block; font-size: 20px; font-weight: 300;  margin-bottom:15px;}
#search{}
#label{}
#label a{background-color: #e1e4e7; display: block; float: left; color: #697782; font-size: 12px; line-height: 20px; text-align: center; padding: 7px 12px; margin: 0  5px 5px 0; text-decoration: none }
#label a:hover{background-color: #36abda; color: #fff}
#latest-post{}
#latest-post div{display: block; margin-bottom: 10px;}
#latest-post div a{color: #898989; display: block; float: left; text-decoration: none; max-width: 150px; font-size: 13px;margin-top: 15px;}
#latest-post div a:hover{
	text-decoration: underline;
	text-align: left;
}
#latest-post div #date{
	color: #fff;
	background-color: #36abda;
	display: block;
	width: 60px;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 14px;
	float: left;
	margin-right: 20px;
}
#latest-post div #date:hover{
	color: #36abda;
	background-color: #fff;
}
.tweets{
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 22px;
	color: #898989;
	display: block;
	margin-bottom: 30px;
}
.tweets a{color: #36abda; text-decoration:none}
.tweets a:hover{text-decoration:underline}

.tweets .source{
	color: #999;
	font-size: 80%;
	font-style: italic;
	display: block;
}

/*Blog post*/
#blog-holder article article{display: block; margin-bottom: 30px; background-color: #fff}
#blog-holder article article #date{
	color: #fff;
	background-color: #36abda;
	display: block;
	width: 60px;
	margin-left: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 16px;
}
#blog-holder article article img{
	display: block;
	float: left;
	margin-right: 30px;
}
#blog-holder article article h2{color: #3c3c3c; display: block; font-weight: 300; font-size:22px; margin-bottom: 25px;}
#blog-holder article article h2 a {text-decoration: none; color: #3c3c3c; display: block; font-weight: 300; font-size:22px; margin-bottom: 25px;}
#blog-holder article article p{color: #898989; display: block; font-size: 13px; line-height:22px;margin-bottom: 20px;}
#blog-holder article article #read{
	display: block;
	float: right;
	text-align:right;
	padding: 5px 30px 5px 0px;
	color: #36abda;
	text-decoration:none;
	background-image:url(../images/ikon/ikon-tovabb-blue.png);
	background-repeat: no-repeat;
	background-position: right center; 	
	margin-right: 20px;
	max-width: 400px
}
#blog-holder article article #read:hover{}

/*Events holder*/
#events-holder{width:1170px;margin: 60px auto ; display: block; font-family: 'Open Sans'; }
#events-holder article{min-width: 300px; max-width: 600px; margin: 0 auto; display: block;  }
#events-holder article article{display: block; margin-bottom: 30px; background-color: #fff; padding: 20px}
#events-holder article article #date{
	color: #fff;
	background-color: #36abda;
	display: block;
	width: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 16px;
}
#events-holder article article h2,#events-holder article article a{text-decoration: none; color: #3c3c3c; display: block; font-weight: 300; font-size:22px; margin-bottom: 25px;}
#events-holder article article p{color: #898989; display: block; font-size: 13px; line-height:22px;margin-bottom: 20px;}
#events-holder article article #read:hover{}

/*Single post*/
#blog-holder #post{
	background-color: #fff;
	display: block;
	float: right;
	width: 700px;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 80px;
	padding-left: 70px;
	margin: 0px;
}
#blog-holder #post #date{
	color: #fff;
	background-color: #36abda;
	display: block;
	min-width: 70px;
	max-width: 70px;
	text-align: center;
	padding: 15px 0 15px 0;
	font-size: 18px;
	float: left;
	margin-right: 30px;
}
#blog-holder #post h2{color: #008dc8; font-weight: 300; display: block; margin-bottom: 25px;}
#blog-holder #post #writter{
	display: block;
	float: left;
	background-image: url(../images/ikon/ikon-writter-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #898989;
	font-size:12px;
	margin-bottom: 10px;
}
#blog-holder #post #post_img{
	display: block;
	margin-top: 40px;
	margin-bottom: 35px;
	margin-left: 100px;
	clear: both;
}

#post img
{
    display: block;
	margin-top: 40px;
	margin-bottom: 35px;
	margin-left: auto;
    margin-right: auto;
	clear: both;
}

#blog-holder #post p{
	color: #898989;
	font-size: 14px;
	display: block;
	margin-bottom: 30px;
	margin-left: 100px;
	margin-right: 60px; 
	line-height: 22px;
    
}
#blog-holder #post p a{color: #898989;}
#blog-holder #post p a:hover{text-decoration: none;}
#blog-holder #post #post_label{
	display: block;
	margin-left: 100px;
	margin-right: 60px;
	background-image: url(../images/ikon/ikon-label.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
    
    color: #36abda;
	text-decoration: none;
}
#blog-holder #post #post_label a{
	color: #36abda;
	text-decoration: none;
}
#blog-holder #post blockquote{
	color: #898989;
	font-size: 14px;
	display: block;
	margin-bottom: 30px;
	margin-left: 100px;
	margin-right: 60px;
	font-style: italic;
	font-weight: 800;
	line-height: 22px;
}
#blog-holder #post #galeria-holder{
	display: block;
	margin-left: 20px;
	margin-right: 20px;
    margin-bottom: 30px;
}

#blog-holder #post #galeria-holder a img{
    margin-left: 0px;
}

#blog-holder #post #galeria-holder a{
	display: block;
	width: 300px;
	height: 150px;
	float: left;
	margin-bottom: 30px;
	margin-left: 30px;
}

/*Pagination*/
#blog-holder article #pagination a{
	display: block;
	background-color: #fff;
	color: #36abda;
	border: #dfe5e9 solid 1px;
	height: 8px;
	width: 8px;
	float: left;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	font-size:14px
}
#blog-holder article #pagination a:hover{background-color: #36abda; color: #fff; }
#blog-holder article #pagination #prev{
	background-image: url(../images/paganation_controls.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#blog-holder article #pagination #next{
	background-image: url(../images/paganation_controls.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#blog-holder article #pagination #next:hover{background-image: url(../images/paganation_controls_hover.png);} 
#blog-holder article #pagination #prev:hover{background-image: url(../images/paganation_controls_hover.png);}

section #search #pagination{background-color: transparent;display: block; font-family: 'Open Sans'; font-size: 12px;}
section #search #pagination a{
	display: block;
	background-color: #fff;
	color: #36abda;
	border: #dfe5e9 solid 1px;
	height: 8px;
	width: 6px;
	float: right;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-size:14px
}
section #search #pagination a:hover{background-color: #36abda; color: #fff; }
section #search #pagination #prev{
	background-image: url(../images/paganation_controls.png);
	background-repeat: no-repeat;
	background-position: left center;
}
section #search #pagination #next{
	background-image: url(../images/paganation_controls.png);
	background-repeat: no-repeat;
	background-position: right center;
}
section #search #pagination #next:hover{background-image: url(../images/paganation_controls_hover.png);} 
section #search #pagination #prev:hover{background-image: url(../images/paganation_controls_hover.png);}
/*Search*/

section #search article{
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #898989;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 5%;
}
section #search a,section #search h2{
	font-family: "Open Sans";
	font-size: 22px;
	font-weight: 200;
	color: #008dc8;
	text-decoration: none;
}

section #search h2{margin-bottom: 30px;}

section #search a:hover{text-decoration: underline;}

section #search #pagination{margin-bottom: 30px; float:right;}

section #search #pagination a:hover{font-size: 12px;background-color: #36abda; color: #fff;}
section #search #pagination a{
	display: block;
	background-color: #fff;
	color: #36abda;
	border: #dfe5e9 solid 1px;
	height: 8px;
	width: 8px;
	float: left;
	text-decoration: none;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px !important;
	padding-left: 10px;
    font-size: 12px;
	line-height:12px;
    
}
@media (min-width: 1170px) and (max-width: 2560px) { #top .rmm{display:none}}

/* Desktop */
@media (min-width: 960px) and (max-width: 1169px) { 
section article{
	width: 960px;
}

/*Header*/
header{}
header section{width: 960px;}
#index{height: 450px}
#logo{	width: 110px;}
#logo img{width: 110px;}
header .blue article{}
header .blue article{
	width: 960px;}
header .blue h1{
	font-size: 28px;
	height: 30px;
}
header .blue h2{
	font-size: 20px;
	padding-left: 15px;
	padding-top: 23px;
}
#top .rmm{display:none}

/*Menu*/
#menu{width: 660px; margin: 10px;}
#menu ul li a{
	font-size: 12px;
	padding: 10px;
}
#menu ul li ul { top: 25px;}
#menu ul li ul li a{display:block; width:130px;}
#btn-holder{width: 123px;}
#share{	
	margin-top: 10px;
	margin-bottom: 5px;
}
#blue_btns{margin-bottom: 10px;}
#blue_btns ul li a{
	height: 12px;
	width: 35px;
	font-size: 12px;
	padding-top: 11px;
	padding-bottom: 11px;
}
#top .blue #research article #accord .accordion dd a{
	margin-left: 380px
}
/*Blog*/
#blog{
	display: block;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
#blog #title{height: 10px;}
#blog #title a{width: 350px; margin-bottom: 20px}
#blog #title a:first-child{padding-right: 110px}
#republikon, #eupoll {
	width: 420px;
	font-size: 12px;
	line-height: 18px;
	padding: 20px;
	max-height:200px;
}
#republikon #date, #eupoll #date{
	height: 50px;
	width: 60px;
	
	text-align: center;
	padding-top: 10px;
	font-size: 14px;
	margin-top: 0px;
	float: right
}
#blog h2{font-size: 18px;}
#republikon p, #eupoll p{}
#blog article a{
	font-size: 12px;
	margin-left: 10px;
	width: 320px;
	line-height: 18px
}
#blog .blog-more{
	font-size: 12px;
	margin-left: 330px;
	top: 1165px
}
#blog #title h2, #blog #title h3, #calendar h2, #title h2{
	font-size: 25px;
	width: 400px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#blog #title h2{padding-right:60px}
#twitter-line{
	background-image: url(../images/twitter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	margin-bottom: 30px;
	background-attachment: fixed;
	position: relative;
	background-color: #000;
}
#twitter-line article{
	font-size: 14px;
	width: 660px;
	padding-top: 20px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 200px;
	line-height: 18px;
}

/*Calendar*/
#calendar{
	display: block;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#calendar h2{
	display: block;
	float: none;
	background-image: url(../images/ikon/ikon-calendar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	margin-bottom: 40px
}


/*Colleague*/
#colleague{
	display: block;
	margin-top: 45px;
	margin-bottom: 55px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: "Open Sans";
}
#colleague article{display: block; margin: 0 auto;}
#colleague h2{
	font-size: 28px;
	font-weight: 100;
	display: block;
	width: 640px;
	margin-bottom: 40px;
	background-image: url(../images/ikon/ikon-team.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 40px;
}
#colleague article article{
	float: left;
	width: 460px;
	min-height: 170px;
	margin-bottom: 40px;
	margin-right: 10px;
	margin-left: 10px;
	
}
#colleague article #coll-more{
	display: block;
	max-height: 30px;
	width: 380px;
	padding: 0;
	margin: 0;
	top: 2650px;
	margin: 0px 0px 0px 570px;
	position: absolute
}
#colleague article article figure {
	min-height: 170px;
	height: 130px;
	width: 130px;
	margin-right: 10px;                                                                                        
}
#colleague article article figure img{
	border-radius: 170px;
	display: block;
	height: 130px;
	width: 130px;
}
#colleague article article h3 {
	font-size: 18px;
}
#colleague article article h3 a{
	font-size: 18px;
}
#colleague article article h4 {
	font-size: 16px;
}
#colleague article article blockquote {
	font-size: 14px;
}

/*Galéria*/
#galeria {
	width: 960px;
}
#title {
	width: 960px;
	height: 80px;
}
/*Footer*/
footer{}
footer section{
	width: 960px;
}
footer section #adress{
	font-size: 12px;
	line-height: 16px;
	float: left;
	width: 240px;
}
footer section #adress strong{
	display: block;
	float: left;
	width: 50px;
}
footer section #newsletter{
	display: block;
	padding-top: 0px;
}
#newsletter h2 {
	font-size: 16px;
	width: 90px;
}
#newsletter form #newsletter-form {
	width: 340px;
	font-size: 12px;
}
#newsletter form #newsletter-btn {}
footer section #top{}
#copyright section {
	width: 960px;
}

/*Sztori*/
section #story{
	font-size: 12px;
	line-height: 18px;
}
section #story p{
	display: block;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-right: 50px;
	padding-left: 100px;
}

/*Profil*/
section #profil{
	font-size: 12px;
	line-height: 18px;
	padding-top: 35px;
} 
section #profil article{
	width: 400px;	
	margin-right: 35px;
}
section #profil article p{
	display: block;
	margin-bottom: 25px;
}
section #profil figure{
	display: block;
	float: right;
	margin-right: 35px;
	margin-top: 15px;
	margin-bottom: 75px;
}
#profil-info {
	display: block;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #898989;
	border-bottom-color: #898989;
	background-color: #eff5f7;
	padding-top: 45px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

/*Profil info*/
#profil-info article article {
	display: block;
	float: left;
	width: 33%;
	font-family: "Open sans";
}
#profil-info article article h2 {
	font-size: 22px;
	font-weight: 200;
	color: #36abda;
	display: block;
	margin-bottom: 45px;
}
#profil-info article article ul {
}
#profil-info article article ul li  {
	background-image: url(../images/ikon/ikon-profil-li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	padding-left: 40px;
	font-size: 15px;
	line-height: 30px;
	color: #2f383d;
	margin-bottom: 20px;
}
#profil-info article article ul li p {
	font-size: 13px;
	color: #9aa7af;
	display: block;
	padding-right: 5%;
	line-height: 20px;
}
#profil-info article article ul li a {
	color: #2f383d;
	text-decoration: none
}
#profil-info article article ul li a:hover {text-decoration: underline}

#name a{
	font-size: 20px;
	color: #36ABDA;
	text-decoration: none;
}

/*Kapcsolat*/
#kapcsolat{
	line-height: 18px;
	font-size: 12px;
}
#kapcsolat iframe {
	width: 690px;
}
#kapcsolat article {
	width: 225px;
	min-height: 385px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#kapcsolat article h2{
	font-size: 18px;
}
#events-holder{width:900px;margin: 60px auto ; display: block; font-family: 'Open Sans'; }
}

/*Mobil*/
@media (min-width: 480px) and (max-width: 959px) { 
section article{width: 100%;}

/*Header*/
header section{width: 100%;padding-top: 35px;}
#index{
	height: 100px;
	background-position: center center;
}
#logo{	width: 130px; margin: 0;}
#logo img{
	width: 130px;
	padding-top: 10px;
	padding-left: 10px;
}
header .blue article{}
header .blue article{
	width: 100%;}
header .blue h1{
	font-size: 28px;
	height: 30px;
}
header .blue h2{
	font-size: 20px;
	padding-left: 15px;
	padding-top: 23px;
}

/*Menu*/
#menu{
	display:none
}
#menu ul li a{
	font-size: 12px;
	padding: 10px;
}
#menu ul li ul { top: 25px;}
#menu ul li ul li a{display:block; width:130px;}
#btn-holder{width: 123px;}
#share{display:none}
#blue_btns{
	margin-bottom: 10px;
	position: absolute;
	z-index: 100011;
	left: -50px;
	top: 1px;
}
#blue_btns ul li a{
	height: 12px;
	width: 35px;
	font-size: 12px;
	padding-top: 11px;
	padding-bottom: 11px;
}
#research{width:100%;}
#research #likebox{
	display: none;
}
#research #text	{
	display: none;
}


#research dl dd a{
    text-align:right;
    padding: 5px 30px 5px 0px;
    color: #36abda;
    text-decoration:none;
    background-image:url(../images/ikon/ikon-tovabb-blue.png);
    background-repeat: no-repeat;
    background-position: right center;     
    margin-right: 20px;
    max-width: 400px
}


#research article h3{
	font-family: "Open Sans";
	font-size: 24px;
	font-weight: 100;
	display: block;
	width: 70%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 80px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
	left: -80px;
	position: relative
}

/*Blog*/
#blog{
	display: block;
	width: 98%;
	float: none
}
#blog #title{display:none}
#republikon, #eupoll {
	display: block;
	font-family: "Open sans";
	font-size: 12px;
	line-height: 18px;
	width: 90%;
	float: none;
	margin: 0px auto 10px auto;
}
#republikon #date, #eupoll #date{
	color: #36abda;
	background-color: #FFF;
	display: block;
	height: 50px;
	width: 60px;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	font-size: 14px;
	float: right
}
#blog h2{
	font-family: "Open Sans";
	font-size: 22px;
	display: block;
	font-weight: 300;
	margin-bottom: 25px;
	width: 80%
}
#republikon p, #eupoll p{
	display: block;
	width: 60%;
}
#blog article a{
	font-size: 12px;
	margin-left: 1%;
	padding-right: 30px;
	padding-right: 10px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 350px;
	margin-right: 20px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
#blog article a:hover{
	text-decoration: none;
}
#blog #rebulikon{
	float: none;
	display: block
}
#blog #eupoll{
	float: none;
	display: block
}

#blog #title{}
#blog #title h2, #blog #title h3, #calendar h2, #title h2{
	font-family: "Open Sans";
	font-weight:300;
	font-size: 34px;
	color: #36abda;
	display: block;
	float: left;
	width: 500px;
	background-image: url(../images/ikon/ikon-blog.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}
#blog #title h2{padding-right:60px}

#twitter-line{
	background-image: url(../images/twitter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	margin-bottom: 30px;
	background-attachment: fixed;
	position: relative;
	background-color: #000;
}
#twitter-line article{
	font-size: 12px;
	width: 80%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 18px;
	background-image: none;
}

/*Calendar*/
#calendar{
	display: none
}
#calendar h2{
}
/*Colleague*/
#colleague{
	display: block;
	margin-top: 45px;
	margin-bottom: 55px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: "Open Sans";
}
#colleague article{display: block; margin: 0 auto;}
#colleague h2{
	font-size: 24px;
	font-weight: 100;
	display: block;
	width: 90%;
	margin-bottom: 40px;
	background-image: url(../images/ikon/ikon-team.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #fff;
	padding-top: 5px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 40px;
}
#colleague article article{
	float: none;
	width: 90%;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	
}
#colleague article #coll-more{
	display: none
}
#colleague article article figure {
	width: 90%;
	float:none;
	margin: 0 auto 0 auto;
}
#colleague article article figure img{
	border-radius: 90%;
	display: block;
	height: 90%;
	margin: 0 auto 0 auto;
}
#colleague article article h3 {
	font-size: 16px;
	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center
}
#colleague article article h3 a{
	font-size: 16px;
	width: 90%;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center	
}
#colleague article article h4 {
	font-size: 14px;
	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center
}
#colleague article article blockquote {
	font-size: 12px;
	width: 90%;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center
}

/*Galéria*/
#galeria {
	visibility: hidden;
	display: none;
}
#title {
	display:none;
}

/*Footer*/
footer{
	background-color: #36abda;
	width: 100%;
}
footer section{
	width: 100%;
}
footer section #adress{
	font-size: 12px;
	background-image: none;
	display: block;
	width: 90%;
	padding-left: 2%;
	margin-top: 15px;margin-bottom: 15px;
}
footer section #adress a{
	color: #FFF;
	text-decoration: none;
}
footer section #adress a:hover{
	text-decoration: underline;
}
footer section #adress strong{
	display: block;
	float: left;
	width: 60px;
}
footer section #newsletter{display: none;}
#newsletter h2 {display: none;}
#newsletter form #newsletter-form {display: none;}
#newsletter form #newsletter-btn {display: none;}
footer section #top{display: none}
#copyright {display: none}

/*Sztori*/
section #story{
	font-size: 12px;
	line-height: 18px;
}
section #story p{
	display: block;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-right: 20%;
	padding-left: 10%;
}

/*Profil*/
section #profil{
	display: block;
	font-family: 'open sans';
	font-size: 12px;
	line-height: 18px;
	color: #898989;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
} 
section #profil article{display: block; float:left; width: 100%;	padding-top: 15px;
	margin-right: 70px;}
section #profil article p{
	display: block;
	margin-bottom: 25px;
}
section #profil figure{
	display: block;
	float: right;
	margin-right: 70px;
	margin-top: 15px;
	margin-bottom: 75px;
}
section #profil figure img{}

section #profil article #contact{
	display: block;
}
section #profil article #contact #phone{
	background-image: url(../images/ikon/ikon-phone-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-right: 45px;
	padding-left: 25px;
}
section #profil article #contact #email{
	background-image: url(../images/ikon/ikon-mail-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-right: 45px;
	padding-left: 25px;
	color: #898989;
	text-decoration: none
}
section #profil article #contact #email:hover{text-decoration: underline}
#profil-info {
	display: block;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #898989;
	border-bottom-color: #898989;
	background-color: #eff5f7;
	padding-top: 45px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

/*Profil info*/
#profil-info article article {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
#profil-info article article h2 {
	font-size: 18px;
	font-weight: 200;
	color: #36abda;
	display: block;
	margin-bottom: 10px;
}
#profil-info article article ul {
}
#profil-info article article ul li  {
	background-image: url(../images/ikon/ikon-profil-li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	padding-left: 40px;
	font-size: 13px;
	line-height: 30px;
	color: #2f383d;
	margin-bottom: 20px;
}
#profil-info article article ul li p {
	font-size: 13px;
	color: #9aa7af;
	display: block;
	padding-right: 5%;
	line-height: 20px;
}
#profil-info article article ul li a {
	color: #2f383d;
	text-decoration: none
}
#profil-info article article ul li a:hover {text-decoration: underline}

/*Kapcsolat*/
#kapcsolat{
	padding-top: 50px;
	padding-bottom: 70px;
	font-family: "Open sans";
	line-height: 22px;
	font-size: 12px;
}
#kapcsolat article p {
	display: block;
}

#kapcsolat iframe {
	display: block;
	float: none;
	width: 100%;
	min-height: 300px;
}
#kapcsolat article {
	color: #FFF;
	background-color: #36abda;
	display: block;
	float: none;
	width: 96%;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
}
#kapcsolat article h2{
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 10px;
}
#kapcsolat #mail, #kapcsolat #phone, #kapcsolat #adress{
	padding-left: 30px;
	margin-bottom: 15px;
}
#top #partnerek{display:none}
}

/*Mobil*/
@media (min-width: 200px) and (max-width: 479px) { 
section article{width: 100%;}

/*Header*/
header section{width: 100%;padding-top: 35px;}
#index{
	height: 100px;
	background-position: center center;
}
#logo{	width: 130px; margin: 0;}
#logo img{
	width: 130px;
	padding-top: 10px;
	padding-left: 10px;
}
header .blue article{}
header .blue article{
	width: 100%;}
header .blue h1{
	font-size: 28px;
	height: 44px; /*30px*/
	overflow:hidden;
}
header .blue h2{
	font-size: 20px;
	padding-left: 15px;
	padding-top: 23px;
}

/*Menu*/
#menu{
	display:none
}
#menu ul li a{
	font-size: 12px;
	padding: 10px;
}
#menu ul li ul { top: 25px;}
#menu ul li ul li a{display:block; width:130px;}
#btn-holder{width: 123px;}
#share{display:none}
#blue_btns{
	margin-bottom: 10px;
	position: absolute;
	z-index: 100011;
	left: -50px;
	top: 1px;
}
#blue_btns ul li a{
	height: 12px;
	width: 35px;
	font-size: 12px;
	padding-top: 11px;
	padding-bottom: 11px;
}
#research{width:100%;}
#research #likebox{
	display: none;
	background-color: #FFF;
}
#research #text	{
	display: none;
}
#research article h3{
	font-family: "Open Sans";
	font-size: 24px;
	font-weight: 100;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 80px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
	left: -80px;
	position: relative;
	background-image:none
}

/*Blog*/
#blog{
	display: block;
	width: 98%;
	float: none
}
#blog #title{display:none}
#republikon, #eupoll {
	display: block;
	font-family: "Open sans";
	font-size: 12px;
	line-height: 18px;
	width: 90%;
	float: none;
	margin: 0px auto 10px auto;
}
#republikon #date, #eupoll #date{
	color: #36abda;
	background-color: #FFF;
	display: block;
	height: 50px;
	width: 60px;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	font-size: 14px;
}
#blog h2{
	font-family: "Open Sans";
	font-size: 22px;
	display: block;
	font-weight: 300;
	margin-bottom: 25px;
	width: 80%;
	background-image: none
}
#republikon p, #eupoll p{
	display: block;
	width: 90%;
}
#blog article a{
	font-size: 12px;
	margin-left: 1%;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: 1%;
	text-align: left;
	margin-top: 0px;
	background-image: none;
	margin-bottom: 0px;
	width:auto !important;
}
#blog article a:hover{
	text-decoration: underline;
}
#blog #rebulikon{
	float: none;
	display: block
}
#blog #eupoll{
	float: none;
	display: block
}
#blog a.blog-more
{
	margin-left:0 !important;
	position:static !important;
}
#eupoll,#republikon
{
	max-height:none !important;	
}
#blog #title{}
#blog #title h2, #blog #title h3, #calendar h2, #title h2{
	font-family: "Open Sans";
	font-weight:300;
	font-size: 34px;
	color: #36abda;
	display: block;
	float: left;
	width: 500px;
	background-image: url(../images/ikon/ikon-blog.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}
#blog #title h2{padding-right:60px}

#twitter-line{
	background-image: url(../images/twitter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	margin-bottom: 30px;
	background-attachment: fixed;
	position: relative;
	background-color: #000;
}
#twitter-line article{
	font-size: 12px;
	width: 80%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 18px;
	background-image: none;
}

/*Calendar*/
#calendar{
	display: none
}
#calendar h2{
}
/*Colleague*/
#colleague{
	display: block;
	margin-top: 45px;
	margin-bottom: 55px;
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: "Open Sans";
}
#colleague article{display: block; margin: 0 auto;}
#colleague h2{
	font-size: 24px;
	font-weight: 100;
	display: block;
	width: 90%;
	margin-bottom: 40px;
	background-image:none;
	color: #fff;
	padding-top: 5px;
	padding-right: 3%;
	padding-bottom: 5px;
	padding-left: 1%;
}
#colleague article article{
	float: none;
	width: 90%;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	
}
#colleague article #coll-more{
	display: none
}
#colleague article article figure {
	width: 90%;
	float:none;
	margin: 0 auto 0 auto;
}
#colleague article article figure img{
	border-radius: 90%;
	display: block;
	height: 90%;
	margin: 0 auto 0 auto;
}
#colleague article article h3 {
	font-size: 16px;
	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center
}
#colleague article article h3 a{
	font-size: 16px;
	width: 90%;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center	
}
#colleague article article h4 {
	font-size: 14px;
	width: 90%;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center
}
#colleague article article blockquote {
	font-size: 12px;
	width: 90%;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;	
	text-align: center
}

/*Galéria*/
#galeria {
	visibility: hidden;
	display: none;
}
#title {
	display:none;
}

/*Footer*/
footer{
	background-color: #36abda;
	width: 100%;
}
footer section{
	width: 100%;
}
footer section #adress{
	font-size: 12px;
	background-image: none;
	display: block;
	width: 90%;
	padding-left: 2%;
	margin-top: 15px;margin-bottom: 15px;
}
footer section #adress a{
	color: #FFF;
	text-decoration: none;
}
footer section #adress a:hover{
	text-decoration: underline;
}
footer section #adress strong{
	display: block;
	float: left;
	width: 60px;
}
footer section #newsletter{display: none;}
#newsletter h2 {display: none;}
#newsletter form #newsletter-form {display: none;}
#newsletter form #newsletter-btn {display: none;}
footer section #top{display: none}
#copyright {display: none}

/*Sztori*/
section #story{
	font-size: 12px;
	line-height: 18px;
}
section #story p{
	display: block;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-right: 20%;
	padding-left: 10%;
}

/*Profil*/
section #profil{
	display: block;
	font-family: 'open sans';
	font-size: 12px;
	line-height: 18px;
	color: #898989;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
} 
section #profil article{display: block; float:left; width: 100%;	padding-top: 15px;
	margin-right: 70px;}
section #profil article p{
	display: block;
	margin-bottom: 25px;
}
section #profil figure{
	display: block;
	float: right;
	margin-right: 70px;
	margin-top: 15px;
	margin-bottom: 75px;
}
section #profil figure img{}

section #profil article #contact{
	display: block;
}
section #profil article #contact #phone{
	background-image: url(../images/ikon/ikon-phone-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-right: 45px;
	padding-left: 25px;
}
section #profil article #contact #email{
	background-image: url(../images/ikon/ikon-mail-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: left;
	margin-right: 45px;
	padding-left: 25px;
	color: #898989;
	text-decoration: none
}
section #profil article #contact #email:hover{text-decoration: underline}
#profil-info {
	display: block;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #898989;
	border-bottom-color: #898989;
	background-color: #eff5f7;
	padding-top: 45px;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

/*Profil info*/
#profil-info article article {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
#profil-info article article h2 {
	font-size: 18px;
	font-weight: 200;
	color: #36abda;
	display: block;
	margin-bottom: 10px;
}
#profil-info article article ul {
}
#profil-info article article ul li  {
	background-image: url(../images/ikon/ikon-profil-li.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	padding-left: 40px;
	font-size: 13px;
	line-height: 30px;
	color: #2f383d;
	margin-bottom: 20px;

}
#profil-info article article ul li p {
	font-size: 13px;
	color: #9aa7af;
	display: block;
	padding-right: 5%;
	line-height: 20px;
}
#profil-info article article ul li a {
	color: #2f383d;
	text-decoration: none
}
#profil-info article article ul li a:hover {text-decoration: underline}

/*Esemenyek*/
#events-holder
{
	width:auto !important;
	margin:10px !important;	
}
#events-holder article article
{
	padding:20px 0 !important;	
}

/*Sajto*/

#blog-holder
{
	width:auto !important;	
}
#blog-holder aside
{
	display:none !important;	
}

#blog-holder article
{
	width:auto !important;
	padding:10px;	
}
#blog-holder article article #date
{
	margin-left:0 !important;
}
#blog-holder article article a img
{
	max-width:100%;
	height:auto !important;
	float:none !important;
}
#blog-holder #post p
{
	margin-left:0 !important;
	margin-right:0 !important;
}
#blog-holder #post
{
	float:none !important;
	padding:20px !important;
}
#blog-holder #post img
{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/*Kapcsolat*/
#kapcsolat{
	padding-top: 50px;
	padding-bottom: 70px;
	font-family: "Open sans";
	line-height: 22px;
	font-size: 12px;
}
#kapcsolat article p {
	display: block;
}

#kapcsolat iframe {
	display: block;
	float: none;
	width: 100%;
	min-height: 300px;
}
#kapcsolat article {
	color: #FFF;
	background-color: #36abda;
	display: block;
	float: none;
	width: 96%;
	padding-right: 2%;
	padding-bottom: 10px;
	padding-left: 2%;
}
#kapcsolat article h2{
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 10px;
}
#kapcsolat #mail, #kapcsolat #phone, #kapcsolat #adress{
	padding-left: 30px;
	margin-bottom: 15px;
}
#top #partnerek{display:none}
}


/**2015-12-08*/
.currentPage
{
	font-weight:bold!important;	
	background-color: #36abda!important; 
	color: #fff!important; 
}
















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */