/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html {}
/*body {background: transparent url(../images/bg.jpg) repeat; font-size: 14px; color: #666666; font-family: 'Sintony', cursive}*/
body {background-color: #dee8ef;font-size: 14px; color: #666666; font-family: 'Oxygen', sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;margin:0px;}	
p { margin: 0 0 10px; line-height: 18px; font-size: 14px;}
img { display: block; margin-bottom: 10px;}
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
h1 ,h2{text-transform: uppercase;font-weight: normal;font-size: 20px;}
h1,h2,h3,h4,h5{margin: 0px 15px;font-weight: normal;font-family: Oxygen, sans-serif;}	
a {text-decoration: none;color: #931D58;}
a:hover {text-decoration: underline;}
/* Structure */
#wrapper {
	max-width: 920px;
	margin: auto;
	} 
	
h1 {
	clear: both;
	padding-left: 15px;
}
	
header {
	/*border-top: 10px solid #931d58;*/
	background-color: #F5F7F8;
	float: left;
	width: 100%;
	border-bottom: 1px dashed #931D58;
}

header .logo {
    position: absolute;
    top: -7px;
    left: auto;
}
body.index header .logo {
    top: 0px;
}
header .logo img {
	margin-left: 15px;max-width: 120px;max-height: 115px; margin-bottom: 0px;
}
		
/* Nav */
nav {
	clear: right;
	float: right;
	}
	
	nav li {
		display: inline;
		margin-left: 15px;
		}
	
	nav.topMenu {
        position: relative;
		margin: 10px 15px 10px 0px;
	}
	nav.topMenu li a {
		font-size: 13px;
		text-decoration: none;
		text-transform: Capitalize;
		color: #320f32;
	}
	nav.topMenu li a:hover ,
	nav.topMenu li a.active {
		text-decoration: underline;
	}
	header nav.mainMenu {
		margin: 0px 15px 0px 0px;		
		width: 700px;
		float: right;
		text-align: right;
	}
	header nav.mainMenu ul {
	display:table;
	width: 95%;
		float: right;
		
}
	header nav.mainMenu li{
		display: table-cell;

	}
	
	header nav.mainMenu li a.active{
		background-color: #ffffff;
		border: 1px dashed #931D58;
	}
	header nav.mainMenu li a {
		padding: 5px;
		margin: 17px 3px 16px 3px;
		display: inline-block;
		font-size: 15px;
		line-height: 16px;
		color: #931d58;
		text-decoration: none;
		text-transform: uppercase;
		border: 1px dashed transparent;
        white-space: nowrap;
	}
	header nav.mainMenu li a:hover {
		background: #931d58;
		color: #ffffff;
	}

#footer {
	clear: both;
	margin-top: 20px;
	background: #320f32;
	color: #ffffff;
	overflow: hidden;
}
#footer div {
	float: left;
}
#footer .twoCol {
	width:450px;
	}
	#footer .twoCol div {
	width:210px;
	margin: 15px 0 0 15px;
	}
#footer .oneCol{
width:450px;
}
	#footer .oneCol div {
	width:210px;
	margin: 15px 0 15px 15px;
	}

	#footer h5 {
		margin: 5px 0px;
		text-transform: uppercase;
		color: #c4d8e6;
		font-size: 15px;
		font-weight: normal;
	}
	
	#footer ul {
		padding-left: 0px;
	}
	#footer ul li {
		list-style: none;
	}
	#footer ul li.pb20 {
		padding-bottom: 20px;
	}
	#footer ul li a{
		color: #ffffff;
		text-decoration: none;
	}
	#footer ul li a:hover{
		text-decoration: underline;
	}


/* Contents */
.dib{display:inline-block;}
iframe {border:0px none;}
.user-program-lista td {
    padding: 5px 0px;
    border-bottom: 1px dashed #931D58!important;
    text-align: center;
}
.user-program-lista td:first-child {
    text-align: left;
}
.user-program-lista td:last-child a {
    margin-left: 5px;
    padding: 5px 5px;
    background-color: #931D58;
    color: #ffffff;
    float: right;
}
.user-program-lista td:last-child a.other {
    margin-left: 5px;
    padding: 5px 5px;
    background: #320f32;
    color: #ffffff;
    float: right;
}
.user-program-lista tr:hover td {
    background-color: #F5F7F8;
}




.colored,
.coLila{
color: #931D58!important;
}
.bbLila {
border-bottom: 1px dashed #931D58!important;
display: block;
margin-bottom: 10px;
}
.shadow {
background-color: #ffffff;
clear: both;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
}
.msgAlertOk {
    text-align: center;
    padding: 2em;
    display: block;
    margin: 2em auto;
    border: 1px dashed #931D58;
    color: #931D58;
    background: #F5F7F8;
    width: 87%;
}
.mainContent.shadow {
min-height: 500px;
overflow: hidden;
}
.topPerforate{
border-top: 1px dashed #931D58;
}
.bottomPerforate{
border-bottom: 1px dashed #931D58;
}
.wrapper1Col {
		width: 100%;
		overflow: hidden;
		background-color: #ffffff;
		
	}
	.wrapper1Col .col {
		margin: 20px 15px 20px 15px;
	}
	.wrapper1Col #helyszinek {
	margin-right: 0px;
	}
	.wrapper1Col .col .item4 {
		float: left;
		width: 210px;
		margin: 0px 15px 15px 0px;
	}
	.bItem {
		position: relative;
		padding: 10px 0px;
		border-top: 1px solid #c4d8e6;
		border-bottom: 1px solid #c4d8e6;
		color: #c4d8e6;
		text-align: center;
	}
	.articleBlock .bItem img,
	.bItem img {
        width: auto!important;
        height: auto!important;
        max-width: 100%;
        max-height: auto;
	}
	.bItem  .title{
		position: absolute;
		top: -17px;
		right: 0px;
		text-decoration: none;
		font-size: 12px;
		color: #c4d8e6;
	}
	.bItem  .title:hover {
		text-decoration: underline;
	}

.wrapper1Col  .item1 {
margin: 15px;
}
.wrapper2Col {
		width: 100%;
		overflow: hidden;
		background-color: #ffffff;
		
	}
	.wrapper2Col .col {
		float: left;
		width: 450px;
	}
	.wrapper2Col .col .item4 {
		float: left;
		width: 210px;
		height: 365px;
		margin: 15px 0px 0px 15px;
	}
	.wrapper2Col .col .item4.userFunkcio {
		height: 230px;
	}
	.wrapper2Col#programok-nyito-zaro .col .item4 {
		height: 160px;
	}
	.wrapper2Col .col .item2 {
		float: left;
		width: 435px;
		margin: 15px;
	}
.wrapper3-1Col {
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
}
	.wrapper3-1Col .colWide {
		float: left;
		width: 675px;
		overflow: hidden;
	}
	.wrapper3-1Col .colWide .item {
		float: left;
		/*width: 675px;*/
		width: 650px;
		margin: 15px;
	}
	.wrapper3-1Col .colWide .item3 {
		float: left;
		width: 210px;
		margin: 15px;
	}
	.wrapper3-1Col .colThin {
		float: left;
		width: 240px;
		overflow: hidden;
	}
	.wrapper3-1Col .colThin .item {
		float: left;
		width: 210px;
		margin: 15px;
	}
	.wrapper3-1Col h1,
	.wrapper3-1Col h2,
	.wrapper3-1Col .sepHeading{
		margin: 0px;
		padding: 0px;
	}
	
	
	/*** Pages element ***/
.msgAlert {
	text-align: center; 
	padding: 5px; 
	background: red; 
	color: white; 
	font-weight: bold;
}

.jsMessage {
	position: fixed;
	top:30px;
	left: 30px;
	width: 100%;
	text-align: center;
}
.jsMessage div.content {
	position: relative;
	padding: 100px 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	background-color: #931D58;
	color: #DEE8EF;
	border: 1px dashed #DEE8EF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	width: 60%;
}
.jsMessage div.content .close {
	float: right;
	cursor: pointer;
}
.jsMessage div.content ul{
	margin-bottom: 40px;
}

.priceTable {
	border-spacing: 0px;
    border-collapse: separate;
	width: 100%;
	border: 1px solid  #931d58;
}
.priceTable  tr.head1 th {
	background-color: #931d58;
	color: white;
	text-align: left;
}
.priceTable  tr.head1 th h2 {
	padding: 5px;
	margin-left: 0px;
	color: white;
}
.priceTable  tr.head2 th {
	padding-top: 8px;
	background-color: #6c1749;
	color: white;
	font-weight: bold;
}
.priceTable  tr td {
	padding: 15px 5px;
	background-color: #d3e1ea;
	color: #320f32;
	text-align: center;
}
.priceTable  tr.bottomLine td {
	background-image: url(../images/bottom-line.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.infoPanel {
	padding: 0px 5px 8px;
	margin-top: 15px;
	color: #daf0ff;
	text-align: center;
	background: #320f32;
}
.infoPanel .arrow {
	position: relative;
	top: -10px;
	width: 100%;
	height: 11px;
	background: transparent url(../images/top-arrow-big.png) no-repeat center top;
}

.responseHolder{
	padding: 15px;
	background-color: #931D58;
	color: #ffffff!important;
}	
#response {	
	background-color: #931D58;
	color: #ffffff!important;
}	
#response a {
	color: #ffffff!important;
}	
#response a#lista-torlese {
	text-decoration: underline;
}	
#response a.megsem {
	background: #320f32;
	color: #ffffff !important;
    margin: 0 10px;
    padding: 0 3px;
	border: 1px dotted #ffffff;
}
.responseHolder .closeForm, 
.responseHolder .openForm {
	cursor: pointer;
}
#response ul.miniArrow {
	margin: 5px 10px 10px 30px;
}
#response ul.miniArrow li{
	background-position: 16px -248px;
}
	
.pager {
	position: relative;
	padding: 15px;
	background: #F5F7F8;
	overflow: hidden;
	text-align: center;
}
.pager a {
	color: #931D58;
}
	
.sepHeading {
	margin: 0px 0px 0px 15px;
	padding: 3px 4px 1px;
	background-color: #320f32;
	height: 14px;
	color: #dee8ef;
	line-height: 14px;
	text-align: right;
}	
.sepHeading  a{
	color: #dee8ef;
	font-size: 12px;
}

.articleBlock {

}
h2 {
 color: #320f32;
}

.serviceBlock h3,
.articleBlock h3,
.articleBlock a.h3 {
	margin: 0px;
	font-size: 20px;
	display: table-cell;
	text-align: baseline;
	height: 40px;
	line-height: 20px;
	margin-bottom: 10px;
	color: #931D58 !important;
}
.serviceBlock h3 a,
.articleBlock h3 a,
.articleBlock a.h3  {
	font-size: 20px;
	line-height: 20px;
	color: #931D58 !important;
	display: block;
	height: 42px;
	overflow: hidden;
    text-overflow: ellipsis;
}
.serviceBlock h3 a span,
.articleBlock h3 a span,
.articleBlock a.h3 span{
	font-size: 20px;
	line-height: 20px;
	color: #931D58 !important;
}
.serviceBlock h3 span{
	display: inline-block;
	font-size: 13px;
	color: #ffffff !important;
	background-color: #931D58 !important;
	padding: 3px 5px;
}
.articleBlock h3 span{
	display: block;
	font-size: 13px;
	color: #666666 !important;
}

.articleBlock .imgHolder {
	width: 100%!important;
	display: inline-block;
	position: relative;
	float: left;	
}
.articleBlock img{
	width: 100%!important;
	height: auto;
	margin-bottom: 0px;
}
.articleBlock .imgHolder a {
	padding: 3px;
	position: absolute;
	display: inline-block;
	background-color: #931d58;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}
.articleBlock .imgHolder a.image {
	padding: 0px;
	position: static;	
	width: 100%!important;
	display: inline-block;
}
.articleBlock .imgHolder a:hover {
	background-color: #320F32;
	color: #C4D8E6;
}
.articleBlock .imgHolder a.erdekel {
	bottom: 37px;
	left: 0px;
}
.articleBlock .imgHolder a.irj {
	bottom: 10px;
	left: 0px;
}
.articleBlock p {
	float: left;
}	
.articleBlock p.bottomPerforate {
	float: none;
	margin: 0px;
	padding: 0px;
	border-color: #666666;
}	

.item2.articleBlock  {}

.item2.articleBlock  .imgHolder {
	width: 140px!important;
	float: left;
	margin-right: 7px;
}
.item2.articleBlock  h3 {
	padding-bottom: 0px;
	height: auto;
}

#szolgaltatas .imgHolder img {
	width: 100%;
}
.serviceBlock p a.colored{
	
}

.serviceBlock .servMore{
	border-left: 4px solid black; 
	padding-left: 5px; 
	padding-bottom: 0px; 
	margin-bottom: 5px;
}


#reszletes-kiallitas {}
#reszletes-kiallitas h1 {
	padding: 0px;
	margin: 0px;
}
.gallery {
	margin-bottom: 20px;
}

/* TARTALMI ELEMEK */
.cb {clear:both;line-height: 1px;height: 1px;}

.qrHolder img{
margin-left: -10px;
margin-top: -15px;
}

#szolgaltatasok.wrapper2Col .col .item4{
	height: 280px!important;
}

#gallery li,
#gallery {
	width: 650px;
	height: auto;
	overflow: hidden;
  vertical-align: baseline;
  text-align: center;
}
#gallery {
	height: auto;
}
#gallery .rslides_tabs {
	
}

div.activity {
	overflow: hidden;
	margin-bottom: 8px;
}
a.erdekel,
a.irj {
    background-color: #931D58;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 3px;
	margin-right: 0px;
    text-decoration: none;
    text-transform: uppercase;
}

	#telepulesValaszto .frmSelect {		
		padding: 5px;
		width: 210px; 
		text-indent: 0;
	}
#helyszinek .item4 {
	height: 50px;
	overflow: hidden;
}
#helyszinek .item4.title {
	background-color: #931D58;
	font-family: 'Oxygen', sans-serif;
    font-size: 14px;
}
#helyszinek .item4.title a {
	line-height: 50px;
	font-family: 'Oxygen', sans-serif;
    font-size: 22px;
	padding-left: 15px;
	width: 195px;
	color: #D0E5EC;
}
#helyszinek .item4 a {
    font-size: 14px;
	line-height: 16px;
	color: #931D58;
	text-decoration: none;
}
#helyszinek .item4.active {
	background-color: #F5F7F8;
}
#helyszinek .item4 a:hover {
	text-decoration: underline;
}
#helyszinek .item4 a.title {
	max-height: 30px;
	display: block;
	overflow: hidden;
    font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #666666;
}
#helyek-abc-pager a {
	font-family: 'Oxygen', sans-serif;
	font-size: 22px;
    padding-left: 5px;
    padding-right: 9px;
	color: #931D58;
	display: inline-block;
	border-right: 1px solid #666666;
}

#searchBox {
	padding: 25px;
}
#response input.frmText ,
#searchBox input.frmText {
	font-size: 18px;
	border: 5px solid #c4d8e6 ; 
	padding: 12px 5px; 
	width: 69%; 
	float: left;
	-webkit-border-radius: 7px!important;
	-moz-border-radius: 7px!important;
	border-radius: 7px!important;
	color: #c4d8e6;
	font-family: 'Oxygen', sans-serif;
}
#searchBox input.frmText  {
		font-size: 14px;
		border: 5px solid #c4d8e6;
		color: #c4d8e6;
		background-color: #ffffff;
	}
#response input.btnSubmit,
#searchBox input.btnSubmit {
	width:25%;
	font-size: 18px;
	border: 5px solid #c4d8e6; 
	color: #d0e5ec;
	background-color:#330033;
	font-family: 'Oxygen', sans-serif;
	cursor: pointer; 
	/*padding: 10px 5px;*/
	
	padding: 0px 10px;
	height: 50px;
	
	-webkit-border-radius: 7px!important;
	-moz-border-radius: 7px!important;
	border-radius: 7px!important;
}
.btnSubmit,
#registration_form input.btnSubmit {
	width:100%;
	font-size: 14px;
	border: 1px solid #931D58; 
	color: #d0e5ec;
	background-color: #931D58; 
	font-family: 'Oxygen', sans-serif;
	cursor: pointer; 
	/*padding: 10px 5px;*/
	
	padding: 5px;
	
	/*-webkit-border-radius: 7px!important;
	-moz-border-radius: 7px!important;
	border-radius: 7px!important;*/
	
	
}


.highlighted {
	text-transform: uppercase;
	background: #320f32;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #dee8ef;
}
.highlighted h3,
.highlighted a {
	text-transform: uppercase;
	background: #320f32;
	margin-bottom: 15px;
	font-size: 15px;
	color: #dee8ef;
}
.highlighted h3{
margin-bottom: 0px;
margin-left: 0px;
}

ul.miniArrow {
	padding: 0px;
	margin: 0px 0px 10px;
	list-style: none;
}
	ul.miniArrow  li {
		padding-left: 30px;
		padding-bottom: 10px;
		background: transparent url(../images/sprite.png) 0px -247px no-repeat;
		line-height: 15px;
	}
	ul.miniArrow  li a {
		font-size: 15px;
		color: #320f32;
		text-decoration: none;
	}
	ul.miniArrow  li.colored {
	
		padding-bottom: 0px!important;
		color: #931D58;
		background: transparent url(../images/sprite.png) 0px -488px no-repeat;
	}
	ul.miniArrow  li.colored a {
		color: #931D58;
	}
	ul.miniArrow  li a:hover {
		text-decoration: underline;
	}

ul.arrow {
	padding: 0px;
	margin: 0px 0px 15px;
	list-style: none;
}
	ul.arrow  li {
		padding-left: 30px;
		padding-bottom: 17px;
		padding-top: 4px;
		background: transparent url(../images/sprite.png) 0px 1px no-repeat;
		line-height: 17px;
	}
	ul.arrow  li a{
		font-size: 15px;
		color: #320f32;
		text-decoration: none;
	}
	ul.arrow  li a:hover {
		text-decoration: underline;
	}
	ul.arrow  li.colored {
		padding-left: 7px;
		color: #931D58;
		background: none;
	}
	.colored {
		color: #931D58 !important;
		padding-bottom: 0px!important;
	}
	
	
	
    
	/* BigNews */			
#bigNews {
	position: relative;
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#bigNews img {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		}
	.featuredText {
		background-color: #DEE8EF;
		opacity: 0.85;
		width: 70%;
		position: absolute ;
		bottom: 20px;
		left: 20px;
		padding: 5px;
	}
.frmTextarea,
.frmSelect,
.frmText {
	margin-bottom: 10px;
	font-size: 14px;
	padding: 5px 0;
    text-indent: 5px; 
	width: 100%; 
	color: #320f32;
	font-family: 'Oxygen', sans-serif;
	border: 1px solid #666666;
	background-color: #F5F7F8;
}
::-webkit-input-placeholder {
   color: #666666;
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: #666666; 
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #666666;  
   font-style: italic;
}

:-ms-input-placeholder {  
   color: #666666; 
   font-style: italic;
} 
.frmSelect {
	padding-right: 10px;
}


.map-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.map-container iframe,  
.map-container object, 
.map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

table.contact {
	width: 100%;
}



	.wrapper2Col#programok-nyito-zaro .imgHolder .image {
	display: none;
	}
	.wrapper2Col#programok-nyito-zaro h3 a,
	.wrapper2Col#programok-nyito-zaro h3 {
	height: auto
	}
	.wrapper2Col#programok-nyito-zaro .imgHolder a {
	position: static;
	}
    
    
@media screen and (min-width: 930px) {
	body:after {
		content: "min930px";
		display: none;
	}
    
    .topMenuList {display:block!important;}
}


	
/**********Media Queries***********/
@media screen and (min-width: 930px) {
		.hide-lg {
        display: none!important;
    }
    .topMenuList {display:block!important;}
    #szolgaltatasok.wrapper2Col .col .item4{
        height: 210px!important;
    }
}

/* galaxy s2 - landscape */
@media screen and (max-width: 930px) and (min-width: 700px) {
	body:after {
		content: "min700px";
		display: none;
	}
	.hide-md {
        display: none!important;
    }
	body {
	/*background-color: red;*/
	}
    .topMenuList {display:block!important;}
	header nav.mainMenu {	
		width: 500px;
		float:right;
	}
	header nav.mainMenu ul li a{	
		padding:5px;
	}
	#wrapper {
	padding: 0px 10px;
	width: 660px;
	}
	#searchBox input.frmText,
	#searchBox input.btnSubmit {
		font-size: 14px;
	}
	
	.wrapper1Col .col .item4 {
	width: 200px;
	}
	.wrapper2Col .col{
	width: 660px;
	}
	#szolgaltatas.wrapper2Col .col {
	width: 330px;
	}
	.wrapper2Col .col .item2 {
	width: 660px;
	}
	.wrapper2Col .col .item4 {
	width: 300px;
	height: 400px;
	}
	.wrapper2Col#programok-nyito-zaro .col .item4 {
	height: 160px;
	}
	
	.wrapper2Col .col .item2 h3 {
	padding-bottom: 10px;
	}
	.wrapper3-1Col .colWide {
	width: 420px;
	}
	#gallery li,
	#gallery {
		width: 400px;
		overflow: hidden;
	}
	.highlighted {
	margin-bottom: 10px;
	}
	ul.miniArrow {
	margin-bottom: 0px;
	}
	ul.arrow li {
	padding-bottom: 10px;
	}
	.wrapper3-1Col .colWide .item {
	width: 400px;
	}
	.featuredText {
	position: static;
	width: 100%;
	padding: 20px 0px;
	background: transparent;
	}
	#footer .twoCol {
	clear: left;
	width:100%;
	}
	#footer .twoCol div {
	width:44%;
	}
	#footer .oneCol{
	width:100%;
	}
	#footer .oneCol div {
	width:44%;
	}
	#friss .articleBlock h3,
	#friss .articleBlock a.h3 {
	padding-bottom: 0px;
	}
	#friss .articleBlock p {
	float: none;
	}
    
    .sepHeading{margin-right: 15px;}
    #szolgaltatasok.wrapper2Col .col .item4{
        height: 280px!important;
    }
}

@media screen and (max-width: 700px) and (min-width: 480px) {
	body:after {
		content: "min480px";
		display: none;
	}
    .sepHeading{margin-right: 15px;}
    header nav.mainMenu li a {margin-left: 0px;}
	.hide-sm {
        display: none!important;
    }
	body {
	/*background-color: yellow;*/
	}
	#wrapper {
	padding: 0px 10px;
	width: 440px;
	}
    
    
	header nav.mainMenu li.home {
	display: none;
	}
	header nav.mainMenu {	
		width: 410px;
		margin-left:20px;
		float:left;
	}
	header nav.mainMenu li a{
	font-size: 14px;
		margin-top:22px;
	}
    nav.topMenu {
        margin-right: 0px!important;
    }
    .topMenuList {
        display: none;
        width: auto;
        position: absolute;
        right: 0px;
        top: 30px;
        background: #330033;
    }
    .topMenuList li {
        display: block;
        width: 240px;
        padding: 0px;
        margin: 0px;
    }
    .topMenuList li a{
        display: block;
        padding: 12px;
        font-size: 15px!important;
        color: #ffffff!important;
        border-bottom: 1px dashed #ffffff;
    }
    .topMenuList li:last-child a{
        border-bottom: 0px dashed #ffffff;
    }
    .topMenuList li a:hover{
        color: #dee8ef!important;
    }
	#bigNews {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	#searchBox input.frmText,
	#searchBox input.btnSubmit {
		font-size: 11px;
	}
	#searchBox input.btnSubmit {
		padding: 0px;
	}
    .customSelectInner {
    max-width: 120px; 
    margin-right: 10px;
    }
	.wrapper1Col .col .item4 {
	width: 195px;
	font-size: 12px;
	}
	.wrapper2Col .col{
	width: 440px;
	}
	.wrapper2Col .col .item2 {
	width: 410px;
	}
	.wrapper2Col .col .item4 {
	width: 195px;
	}
    .wrapper2Col .col .item4.userFunkcio.onlytext h3 {
		display: none;
	}
	.wrapper2Col .col .item2 a.irj span,
	.wrapper2Col .col .item2 a.erdekel span {
	display: none;
	}
	.wrapper2Col#programok-nyito-zaro .col .item4.event {
	height: 160px;
	}
	.wrapper3-1Col .colThin,
	.wrapper3-1Col .colWide {
	width: 440px;
	}
	#gallery li,
	#gallery {
		width: 410px;
		overflow: hidden;
	}
	.wrapper3-1Col .colThin .item {
	width: 410px;
	}
	ul.miniArrow li.colored {
	padding-bottom: 15px!important;
	}
	.highlighted {
	margin-bottom: 10px;
	}
	ul.miniArrow {
	margin-bottom: 0px;
	}
	ul.arrow li {
	padding-bottom: 10px;
	}
	.wrapper3-1Col .colWide .item {
	width: 410px;
	}
	.featuredText {
	position: static;
	width: 100%;
	padding: 20px 0px;
	background: transparent;
	}
	
	#footer .twoCol {
	clear: left;
	width:100%;
	}
	#footer .twoCol div {
	width:44%;
	}
	#footer .oneCol{
	width:100%;
	}
	#footer .oneCol div {
	width:44%;
	}
    
    .searchSelects a {
		margin-right: 10px;
	}
	.searchSelects, .searchSelects a, .searchSelects a span {
		font-size: 12px;
	}
    
    #szolgaltatasok.wrapper2Col .col .item4{
        height: 210px!important;
    }
}
@media screen and (max-width: 480px) {
	body:after {
		content: "min150px";
		display: none;
	}
	.hide-xs {
        display: none!important;
    }
	body {
	/*background-color: gray;*/
	}
	#wrapper {
	padding: 0px 10px;
	
	}
	header .logo img {
	width: 56%;
    height: 56%;
	}
	nav.topMenu {
        margin-right: 0px!important;
    }
	.topMenuList {
        display: none;
        width: auto;
        position: absolute;
        right: 0px;
        top: 30px;
        background: #330033;
    }
    .topMenuList li {
        display: block;
        width: 240px;
        padding: 0px;
        margin: 0px;
    }
    .topMenuList li a{
        display: block;
        padding: 12px;
        font-size: 15px!important;
        color: #ffffff!important;
        border-bottom: 1px dashed #ffffff;
    }
    .topMenuList li:last-child a{
        border-bottom: 0px dashed #ffffff;
    }
    .topMenuList li a:hover{
        color: #dee8ef!important;
    }
    header {border-bottom: 0px none;}
	header nav.mainMenu {	
		width: 100%;
		margin-left:0px;
		margin-right:0px;
		float:right;
	}
	header nav.mainMenu ul {
	width: 100%;
	}
	header nav.mainMenu li{
        float: left;
		display: block;
		margin: 0px;
		width: 50%;
	}
	header nav.mainMenu li a{
        border-top: 1px none transparent;
        border-left: 1px none transparent;
		font-size: 14px;
		margin:0px;
		width: 100%;
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
		border-bottom: 1px dashed #931D58;
        box-sizing: border-box;
	}
	
	header nav.mainMenu li a.active{		
        border-top: 1px none transparent;
        border-left: 1px none transparent;
        border-right: 1px none transparent;
        padding-top: 10px;
        padding-bottom: 10px;
	}
    header nav.mainMenu li a.odd.active,
	header nav.mainMenu li a.odd{	
        width: 100%;	
		border-right: 1px dashed #931D58;
        padding-top: 10px;
        padding-bottom: 10px;
	}
    #searchBox {padding: 10px 0px 15px;}
    #response input.frmText, #searchBox input.frmText,
    #response input.btnSubmit, #searchBox input.btnSubmit    {
        width: 48%;
        box-sizing: border-box;
        font-size: 12px;
    }
    
   
    .customSelectInner {
    max-width: 75px; 
    margin-right: 10px;
    }
    
	#bigNews {
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 100%;
	}	
	.wrapper1Col .col .item4 {
	width: auto;
	float: none;
	}
	#helyszinek .item4 a.title {
	width: 100%;
	max-height: 20px;
	
	}
	.wrapper2Col .col{
	width: 100%;
	}
	.wrapper2Col .col,
	.wrapper3-1Col .colThin,
	.wrapper3-1Col .colWide {
	width: 100%;
	}
	#gallery li,
	#gallery {
		width:100%;
		overflow: hidden;
	}
	.wrapper2Col .col .item2 ,
	.wrapper2Col .col .item2 .imgHolder,
	.wrapper2Col .col .item4,
	.wrapper3-1Col .colThin .item {
	width: auto;
	float: none;
	}
	.wrapper2Col .col .item4 {
	margin: 15px 15px 0px 15px;
	height: auto;
	}
    .wrapper2Col .col .item4.userFunkcio {
    height: auto;
    }
    .wrapper2Col .col .item4.userFunkcio.onlytext h3 {
    display: none;
    }
	#programok-nyito-zaro.wrapper2Col .col .item4 {
		height: auto;
	}
	.serviceBlock h3, .articleBlock h3,
	.serviceBlock h3 a, .articleBlock h3 a,
	.articleBlock a.h3 {
	height: auto;
	}
	.articleBlock p,
	.articleBlock .imgHolder {
	float: none;
	}
	ul.miniArrow li.colored {
	padding-bottom: 15px!important;
	}
	.highlighted {
	margin-bottom: 10px;
	}
	ul.miniArrow {
	margin-bottom: 0px;
	}
	ul.arrow li {
	padding-bottom: 10px;
	}
	.wrapper3-1Col .colWide .item {
	width: 90%;
	}
	.featuredText {
	position: static;
	width: 100%;
	padding: 20px 0px;
	background: transparent;
	}
	.articleBlock .imgHolder a {
        padding: 10px;
    }

    .articleBlock .imgHolder a.erdekel {
        bottom: 57px;
    }
    .articleBlock .imgHolder a.irj {
        bottom: 15px;
    }
	#searchBox {
        height: 120px;
    }
	.searchSelects a {
		margin-right: 10px;
        width: 100%;
	}
	.searchSelects, .searchSelects a, .searchSelects a span , .searchSelects span , .searchSelects span span {
		font-size: 12px;
        width: 100%!important;
        padding: 2px;
        display: block!important;
	}
    
    #footer .oneCol,
    #footer .twoCol {width: 100%}
    
    #footer li {
        padding: 7px 0px;
    }
    
    ul.miniArrow li {
    line-height: 12px;
    }
    ul.miniArrow li a {
    display: block;
    }
    ul.miniArrow li a:last-child {
    display: block;
    margin-bottom: 5px;
    }
    
    .sepHeading {margin-right: 15px;}
    
    #szolgaltatasok.wrapper2Col .col .item4{
        height: auto!important;
    }
    
    .searchSelects select { width: 100%!important}
    
}

.tl{text-align: left!important;}
.tr{text-align: right!important;}
.tc{text-align: center!important;}
.tu{text-decoration: underline!important;}
.p15{padding: 15px!important}
.pb10{padding-bottom: 10px!important}
.pb15{padding-bottom: 15px!important}
.pt15{padding-top: 15px!important;}
.ml15{margin-left: 15px!important;}
.mr15{margin-right: 15px!important;}
.mt15{margin-top: 15px!important;}
.mt40{margin-top: 40px!important;}
.pl0{padding-left: 0px!important;}
.ml0{margin-left: 0px!important;}
.mb3{margin-bottom: 3px!important;}
.mb5{margin-bottom: 5px!important;}
.mb20{margin-bottom: 20px!important;}
.pr10{padding-right: 10px!important;}
.pr{position:relative;}.t2{top:2px;}
.pr15{padding-right: 15px!important;}
.pl15{padding-left: 15px!important;}
.pr20{padding-right: 20px!important;}
.m0a{margin: 0px auto!important;}
.wp40{width: 40%;}
.wp50{width: 50%;}
.wp60{width: 60%;}
.wp75{width: 75%;}
.wp90{width: 90%;}
.wp99{width: 99%;}
.wp100{width: 100%;}
.fn{float:none!important;}
.fr{float:right!important;}
.fl{float:left!important;}
.oh{overflow: hidden!important;}
.py5{padding-top: 5px!important;padding-bottom: 5px!important;}
.dib{display:inline-block!important;}
.pb0{padding-bottom: 0px!important}
.pb2{padding-bottom: 2px!important}
.vm{vertical-align:middle!important}
.vt{vertical-align:top!important}
.vb{vertical-align:bottom!important}
.pt0 {padding-top: 0px!important}
.pt15 {padding-top: 15px!important}
.pt20 {padding-top: 20px!important}
.pt25 {padding-top: 25px!important}
.pt30 {padding-top: 30px!important}
.pt32 {padding-top: 32px!important}
.pt35 {padding-top: 35px!important}
.mt0 {margin-top: 0px!important}
.mb0 {margin-bottom: 0px!important}
.mb15 {margin-bottom: 15px!important}
.pb0 {padding-bottom: 0px!important}
.pb5 {padding-bottom: 5px!important}
.fs10{font-size:10px!important}
.lh14{line-height:14px;!important}

#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}


.miniTopMenu {
float: right;
display: block;
padding: 5px;
background: #931D58;
color: #ffffff;
cursor: pointer;
}
.miniTopMenu.opened {
        background: #330033;
}
.br3{border-radius:3px;}


/* animated background */
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
	opacity: 1;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
	color: rgba(169,3,41, 0.8);
}

.cb-slideshow li span {
-webkit-filter: grayscale(90%); /* Safari 6.0 - 9.0 */
  filter: grayscale(90%);
  background-color: #dee8ef;
}
  
.cb-slideshow li:nth-child(1) span { 
background-image: url(http://img.kiallitasajanlo.hu/upload/orig/article/16258/deak17_kiallitas_A_HID_220190116205942.jpg);
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(http://img.kiallitasajanlo.hu/upload/640x480/article/16258/020190208113059.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(http://img.kiallitasajanlo.hu/upload/640x480/article/16258/420190208113103.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) span {
    background-image: url(http://img.kiallitasajanlo.hu/upload/640x480/article/16258/220190208113100.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(http://img.kiallitasajanlo.hu/upload/640x480/article/16258/320190208113102.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(http://img.kiallitasajanlo.hu/upload/640x480/article/16258/420190208113103.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    transform: scale(1.1);
	}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}