body {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    line-height: 1.4;
	background: url("../images/bg.png") repeat; 
}
::-moz-selection {background: #ea6f60;text-shadow: none;}
::selection {background: #ea6f60;text-shadow: none;}

aside, article {margin: 10px auto 40px auto;}

a, .egysoros_poszter p, .logo, .rateit .rateit-hover, .ajanlo section, .server_response, .gif_player, .video_player, .mp3_player, .searchpanel input.gsc-search-button, .juzer_tabla tr, .kekkor, .tipus_valaszto a, .smooth, .poen p img, .dobozcim span:before, .dobozcim span:after, .header-container nav, body, .header-container, .header-container:after  {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;	
}

/*LINKEK*/
.server_response a:hover, .kedvenctorol:hover { color: #ea6f60; /*rózsaszín*/}
article section p a, .p a, .dobozcim a:hover  { color: #333541 /*sötétkék*/; font-weight: bold; }
article section p a:hover, .p a:hover  { /*background: #333541;*/ color: #3f99ac; text-decoration:none;}
.server_response a, .dobozcim a { color: #fff; }
.egysoros_poszter p:hover, .dobozcim a:hover { 	text-decoration:none; text-shadow:1px 1px rgba(255,255,255,0.7); color: #333541/*sötétkék*/; }
/*#rovat_kereses article a:hover { background: none;}
*/
/*HEADER*/
.header-container	{background: url("../images/css_sprite_170310_tiny.png") no-repeat center 138px;/*menü szalag*/}

.header-container:after { 
	content:'';
	background: url("../images/css_sprite_170310_tiny.png") no-repeat center -1550px; /*RAGYOGÁS*/
	z-index: -10;
	display:block;
	width: 100%;
	height: 100%;
	top: 0px;
	position:absolute;
	min-height: 800px;	
}

.header-container, .main-container, .footer-container, .header-container:after  {min-width: 980px;}

.wrapper {width: 980px;	margin: 0px auto;}

header.wrapper {height: 205px;position: relative;}

.logo {
	position:absolute;
	bottom: -35px;
	left: 50%;
	margin: 0px 0px 0px -117px;
	display: block;
	z-index: 150;
	width: 233px;
	height: 240px;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -93px;
	-webkit-transition-delay: 0.3s;	
	transition-delay: 0.3s;	
}
.logo:hover { background-position: -700px -100px; }

.logo span {
	display: block;	
	text-indent:-9999px;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat center -476px;
	height: 52px;
	width: 199px;
	margin: 170px auto 0px auto;
}

nav {position:absolute;bottom:4px;z-index:100;}
nav ul {padding: 0px;margin: 0px;}	

nav ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	list-style-type:none;
}
nav ul li a {	
	display: block; 
	padding: 0px 20px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-image: url("../images/css_sprite_170310_tiny.png");
	height: 47px;	
}
nav ul li.vicc a {		width: 42px;	background-position: center -100px;}
nav ul li.egysoros a {	width: 87px;	background-position: center -147px;}
nav ul li.egyperces a {	width: 96px;	background-position: center -194px;}
nav ul li.kep a {		width: 38px;	background-position: center -241px;}
nav ul li.mp3 a {		width: 48px;	background-position: center -287px;}
nav ul li.video a {		width: 60px;	background-position: center -334px;}
nav ul li.random a, nav ul li.kerdoivek a {	width: 125px;	background-position: center -381px;}

nav ul li.egysoros  a { margin-right: 200px; }
nav ul li a:hover {	-webkit-filter: brightness(120%); }

nav ul li.start	{	
	position: absolute;
	bottom: 65px;
	width: 500px;
	height: 80px;
}
nav ul li.start a	{	
	display:block;
	width: 100%;
	height: 100%;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat 0px -800px; /*nagy KF szöveg*/
}

.main {	margin: 30px auto 0px auto;}

.fejlec_cimke { display:none; }

/*kék szöveg fehér árnyék*/
.footer-container footer .links, .footer-container footer .links a, .footer-container footer .partners strong {
	text-shadow:1px 1px rgba(255,255,255,0.7);
	color: #333541;
}

.egysoros_poszter {
	position:absolute;
	bottom: 50px;
	right: 0px;
	z-index:50;
}
.egysoros_poszter p {
	font-weight: bold;
	font-size: 16px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	width: 200px;
	height: 155px;
	padding: 0px 150px 0px 10px;
	position: relative; color: #fff; 
	text-shadow:1px 1px rgba(0,0,0,0.5);
	background-repeat:no-repeat;
	background-position:right -15px;	
}

p.arc_1 { background-image: url('../images/arcok/arc_01.png'); width: 220px; background-position: right 0px; }
p.arc_2 { background-image: url('../images/arcok/arc_02.png'); }
p.arc_3 { background-image: url('../images/arcok/arc_03.png'); }
p.arc_4 { background-image: url('../images/arcok/arc_04.png'); background-position: right 0px; }
p.arc_5 { background-image: url('../images/arcok/arc_05.png'); width: 230px; padding-right: 140px; }
p.arc_6 { background-image: url('../images/arcok/arc_06.png'); width: 225px; padding-right: 145px; }
p.arc_7 { background-image: url('../images/arcok/arc_07.png'); }
p.arc_9 { background-image: url('../images/arcok/arc_09.png'); background-position: right -10px;}
p.arc_10 { background-image: url('../images/arcok/arc_10.png'); background-position: right 0px; width: 220px; padding-right: 160px; }
p.arc_11 { background-image: url('../images/arcok/arc_11.png'); background-position: right -30px;}
p.arc_12 { background-image: url('../images/arcok/arc_12.png'); background-position: right -5px; padding-right: 160px; }
p.arc_13 { background-image: url('../images/arcok/arc_13.png'); width: 235px; padding-right: 135px; }
p.arc_14 { background-image: url('../images/arcok/arc_14.png'); background-position: right -15px; width: 220px; padding-right: 140px; }
p.arc_16 { background-image: url('../images/arcok/arc_16.png'); }
p.arc_17 { background-image: url('../images/arcok/arc_17.png'); padding-right: 165px; }
p.arc_18 { background-image: url('../images/arcok/arc_18.png'); }
p.arc_19 { background-image: url('../images/arcok/arc_19.png'); }
p.arc_20 { background-image: url('../images/arcok/arc_20.png'); background-position: right 0px; width: 260px; padding-right: 110px; }
p.arc_21 { background-image: url('../images/arcok/arc_21.png'); padding-right: 160px; background-position: right -25px; }
p.arc_23 { background-image: url('../images/arcok/arc_23.png'); width: 230px; padding-right: 140px; }
p.arc_24 { background-image: url('../images/arcok/arc_24.png'); }
p.arc_25 { background-image: url('../images/arcok/arc_25.png'); background-position: right 0px; padding-right: 165px; }
p.arc_26 { background-image: url('../images/arcok/arc_26.png'); }
p.arc_27 { background-image: url('../images/arcok/arc_27.png'); width: 180px; padding-right: 190px; }
p.arc_29 { background-image: url('../images/arcok/arc_29.png'); }
p.arc_30 { background-image: url('../images/arcok/arc_30.png'); width: 200px; padding-right: 180px; }
p.arc_31 { background-image: url('../images/arcok/arc_31.png'); }
p.arc_32 { background-image: url('../images/arcok/arc_32.png'); background-position: right -25px; width: 210px; padding-right: 170px; }
p.arc_33 { background-image: url('../images/arcok/arc_33.png'); background-position: right 0px; width: 175px; padding-right: 195px;}
p.arc_35 { background-image: url('../images/arcok/arc_35.png'); width: 185px; padding-right: 185px; }
p.arc_36 { background-image: url('../images/arcok/arc_36.png'); background-position: right -8px; width: 160px; padding-right: 205px; }
p.arc_37 { background-image: url('../images/arcok/arc_37.png'); width: 200px; padding-right: 175px; }
p.arc_38 { background-image: url('../images/arcok/arc_38.png'); background-position: right -3px; width: 160px; padding-right: 210px; }
p.arc_39 { background-image: url('../images/arcok/arc_39.png'); width: 180px; padding-right: 180px; }
p.arc_41 { background-image: url('../images/arcok/arc_41.png'); background-position: right 0px; width: 180px; padding-right: 195px;}
p.arc_42 { background-image: url('../images/arcok/arc_42.png'); padding-right: 175px;}
p.arc_43 { background-image: url('../images/arcok/arc_43.png'); background-position: right -28px; padding-right: 175px; }
p.arc_44 { background-image: url('../images/arcok/arc_44.png'); background-position: right -31px; width: 240px; padding-right: 135px; }
p.arc_45 { background-image: url('../images/arcok/arc_45.png'); }
p.arc_47 { background-image: url('../images/arcok/arc_47.png'); background-position: right 0px; width: 190px; padding-right: 195px; }
p.arc_48 { background-image: url('../images/arcok/arc_48.png'); background-position: right 0px; width: 210px; padding-right: 170px; }
p.arc_49 { background-image: url('../images/arcok/arc_49.png'); background-position: right -15px; width: 200px; padding-right: 180px; }
p.arc_50 { background-image: url('../images/arcok/arc_50.png'); background-position: right 5px; width: 210px; padding-right: 170px; }
p.arc_51 { background-image: url('../images/arcok/arc_51.png'); background-position: right -5px; width: 210px; padding-right: 170px; }

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.bal {
	float: left;
	width: 550px;
}

.jobb {
	float: right;
	width: 385px;
}

.categories_container {
clear: both;
}

/*POÉN STYLE*/

.poen, .hirdetes, .doboz, aside.searchbox, .ajanlo section, .kf_box, .tipus_valaszto a, .juzer_navigacio, body.responsive-menu .header-container ul, .fejlec_cimke, .navlinks, .viccfaktor_ajanlo  {
	-webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.23);
	-moz-box-shadow:    4px 4px 0px rgba(0, 0, 0, 0.23);
	box-shadow:         4px 4px 0px rgba(0, 0, 0, 0.23);
}

.poen, .hirdetes, .doboz, aside.searchbox, .ajanlo section, .kf_box, .tipus_valaszto a, .juzer_navigacio {
	background: #fff7ea url('../images/poen_bg.png');	
}

.poen, .doboz, .categories {
	font-size: 18px;
	line-height:150%;
	color: #000;
}
.poen {
	padding: 10px 20px 0px 20px;
	position:relative;
}
article.hir {
	padding-bottom: 10px;
}	
	
.doboz {
	padding: 10px 20px;
	background:#FFF;
	position: relative;
	min-height: 70px;
}

#rovat_kereses article { background:#FFF; }

/*SZALAGOK*/
.poen header { margin: 0px 0px 10px 0px; }

.poen header h1, aside h2, aside h3  {
	margin: 0px 0px 0px -20px;
	padding: 0px;
	height: 50px;
}	
	
.red_ribbon, .blue_ribbon {
	color: #FFF;
	text-shadow:1px 1px rgba(0,0,0,0.5);
	font-size: 20px;
	/*line-height: 52px;*/
	padding: 14px 27px 11px 5px;
	text-decoration:none;
	position:inherit;
	float: left;
	white-space: nowrap;
	display: block;
	max-width: 87%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.red_ribbon:first-letter, .blue_ribbon:first-letter {
	text-transform: uppercase;
}	
	
.red_ribbon {	background: url("../images/css_sprite_170310_tiny.png") no-repeat right -900px;}	
.blue_ribbon {	background: url("../images/css_sprite_170310_tiny.png") no-repeat right -700px;}

.red_ribbon:before, .blue_ribbon:before { 
	content:'';
	display:block;
	width: 10px;
	height: 49px;
	top: 10px;
	left: -10px;
	position:absolute;
}

.red_ribbon:before{		background: url("../images/css_sprite_170310_tiny.png") no-repeat left -900px;}
.blue_ribbon:before{	background: url("../images/css_sprite_170310_tiny.png") no-repeat left -700px;}

a.red_ribbon:hover {
	color: #333541;
	text-shadow:1px 1px rgba(255,255,255,0.5);
	padding-left: 15px;
}

a.blue_ribbon:hover {
	color: #ea6f60;
	padding-left: 15px;
}

/*POÉN IKONOK*/
.poen header p { 
	margin: 10px 0px 0px 0px;
}

.poen header p:after { 
	content: '';
	background: url("../images/css_sprite_170310_tiny.png") no-repeat left -1100px;
	height: 9px;
	margin-top: 10px;
	display: block;
}

.poen p img /* vicceskép*/ { 
	width: 500px;
	display: block;
	margin: 0px auto;
	border: 5px solid rgba(0, 0, 0, 0.1);
	-webkit-filter: brightness(1.1) grayscale(0.3) sepia(0.1);
}

.poen .preview_kep img /* fbajanlo kép*/ { 
	width: 40%;
	float: right;
	margin: 0px 0px 10px 10px;
}

.poen p a:hover img /*rgba(234,111,96,0.3)*/ { 
	
}

.poen p img:hover  { 
	-webkit-filter: none;
	border-color: rgba(0, 0, 0, 0.2);
}

.poen header p a, .poen header p span { 
	text-decoration: none;
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
	color: #333541;
	font-weight:bold;
	margin-right: 15px;
	position:relative;
	padding: 4px 2px 4px 24px;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat;
}

.poen header p .kategoria { background-position: -1000px -100px;}
.poen header p .bookmark { background-position: -1000px -200px;}
.poen header p .addthis_button { background-position: -1000px -300px;}

.poen header p a:hover, .poen header p span:hover { 
	text-decoration: underline;
}


.poen footer {
	height: 49px;
	background: none;
	position: relative;	
	width: inherit;	
}

.poen footer .fb_like {
	height: 49px;
	width: 100%;
	float: left;
	overflow: hidden;
	top: 0px;
	position:absolute;
	padding: 0px 0px 0px 0px;
}


.poen footer .rating { 
	background: url("../images/css_sprite_170310_tiny.png") no-repeat right -800px;
	width: 145px;
	height: 49px;
	padding: 15px 15px 0px 0px;
	position: absolute;
	right: -33px;
	top: -15px;
}

.navlinks {
	width: 100%;
	background: #3f99ac;
	margin: 20px 0px;
	padding: 0px;
	}

.navlinks:after {  content: ''; clear: both; display: block; }

.navlinks a {
	text-decoration:none;
	font-weight:bold;
	color: #333541;
	margin: 0px;
	padding: 20px;
	display: block;
	width: 50%;	
	overflow:hidden;
	background-image:url("../images/css_sprite_170310_tiny.png");
	background-repeat:no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.navlinks a span {
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.4);
	}
	
.navlinks a.elozo {
	float: left;
	background-position: left -1130px;
	padding-left: 70px;
	}
	
.navlinks a.kovetkezo {
	float: right;
	text-align: right;
	background-position: right -1130px;
	padding-right: 70px;
	}

.navlinks a:hover {
	background-color: rgba(0,0,0, 0.1);
}

.navlinks a.elozo:hover {
	padding-left: 60px;
	}
	
.navlinks a.kovetkezo:hover {
	padding-right: 60px;
	}	

div.p {	margin: 10px 0px; }

.bal .poen .tenyleg_egysoros_vicc { 
	display: block;
	font-size: 40px;
	text-align: center;
	padding: 40px;
	line-height: 45px;
	border: 2px solid rgba(0,0,0,0.1);
	background: #fff;
	text-transform: uppercase;	
	}
	
.es1 {	/*fehér*/
	color: rgba(51,53,65,0.9);
	text-shadow: 3px 3px rgba(63,153,172,0.5);
	}
	
.es2 {	/**/
	font-weight: bold;
	color: rgba(0,168,255,0.5);
	text-shadow: 4px 4px 0 rgba(255,0,180,0.5);
	}
	
.es3 {	
	font-weight: bold;
	color: rgba(235,82,82,0.6);
	text-shadow: 4px 4px 0 rgba(7,49,58,0.5);
	}	

.server_response {
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	background: #333541;
	border: 1px solid #fff;
	color: #FFF;
	-webkit-box-shadow:0px 0px 0px 2px #333541;
	box-shadow: 0px 0px 0px 2px #333541;
	margin: 10px 0px 0px 0px;
	opacity: 0.8;
	text-align:center;
}

.server_response:hover, .kekkor:hover {	opacity: 1;}

.juzer_tabla .server_response { margin: 0px; opacity: 1; border: 0px;}


.poen footer .server_response, .kekkor {
	position: absolute;
	bottom: 50px;
	right: -5px;
}

.kekkor {	line-height: 28px;font-size: 15px; opacity: 0.8;}

/*LAPOZÓ*/
#lapozo {
	height: 70px;
	font-size: 16px;
	line-height: 30px;		
}

#lapozo b, #lapozo a, .kekkor  {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	text-align:center;
	color: #333541;
	margin: 0px 5px;	
	text-decoration:none;
	font-weight:bold;
	background: #FFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #333541;
	-webkit-box-shadow: 0px 0px 0px 2px #fff, 3px 3px 0px rgba(0, 0, 0, 0.33);
	box-shadow: 0px 0px 0px 2px #fff, 3px 3px 0px rgba(0, 0, 0, 0.33);
}

#lapozo a:hover, #lapozo b, .kekkor {
	background: #333541;
	border: 2px solid #fff;
	color: #FFF;
	-webkit-box-shadow: 0px 0px 0px 2px #333541, 3px 3px 0px rgba(0, 0, 0, 0.33); 
	box-shadow: 0px 0px 0px 2px #333541, 3px 3px 0px rgba(0, 0, 0, 0.33);
}		
/*SIDEBAR*/
aside.kecskefaceek .p{overflow: hidden;}
aside.kecskefaceek .fb_iframe_widget{ margin:-1px;overflow: hidden; }
aside.kecskefaceek .fb-like-box  { margin-bottom: -43px; }
aside.kecskefaceek .fb-activity { margin-bottom: -32px; background:#FFF; }

/*FOOTER*/
.footer-container footer {
	position:relative;
	padding: 80px 0px 0px 0px;
	margin: 5px auto;
	font-size: 14px;	
}

.footer-container footer:before { 
	content:'';
	background: url("../images/css_sprite_170310_tiny.png") no-repeat center -1000px;
	display:block;
	width: 100%;
	height: 61px;
	top: 0px;
	left: 0px;
	position:absolute;
}

.footer-container footer:after { 
	/*content:'<div id="toTop"></div>';*/
}

#toTop {
	/*background: #ffffff;*/
	display:block;
	width: 60px;
	height: 60px;
	bottom: 0px;
	right: 0px;
	position:absolute;	
	}

.footer-container footer .links {
	text-align: center; 
}

.footer-container footer .links a{
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 15px;
}
.footer-container footer .links a:hover{
	text-decoration: underline;
}
.footer-container footer .partners, .footer-container footer .poenbekuldes {
	height: 130px;
	width: 300px;
	margin-top: 30px;	
	text-align: center;
}

.footer-container footer .partners {
	margin-right: 50px;
	float: right;
}

.footer-container footer .partners strong{
	text-transform:uppercase;
	font-weight: bold;	
	margin-top: 20px;
	display: block;
}
.footer-container footer .partners a{
	font-size: 12px;
	color: #fff;
	text-shadow:1px 1px rgba(0,0,0,0.5);
	text-decoration: none;	
}
.footer-container footer .poenbekuldes {
	margin-left: 50px;
	float: left;	
}
.footer-container footer .poenbekuldes span {
	text-decoration:none;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat 0px -200px;
	font-size: 16px;
	font-weight: bold;
	display: block;
	position:relative;	
	width: 220px;
	height: 133px;
	margin: 0px auto;
	opacity: 0.9;
	cursor: pointer;
}

.footer-container footer .poenbekuldes span:hover {
	opacity: 1;
}

.footer-container footer .poenbekuldes em {
	color: #333541;
	position:absolute;
	width: 100px;
	height: 50px;
	top: 20px;
	left: 22px;	
}

.footer-container footer .poenbekuldes strong {
	color: #fff;
	text-shadow:1px 1px rgba(0,0,0,0.5);
	position:absolute;
	width: 100px;
	height: 24px;
	top: 70px;
	right: 13px;
}

.footer-container footer .copyright {
	width: 130px;
	font-family: Arial;
	padding: 120px 0px 0px 0px;
	margin: 20px auto 10px auto;;
	text-align: center;
	font-size: 10px;
	font-weight:bold;
	color: #fff;
	text-shadow:1px 1px rgba(0,0,0,0.3);
	background: url("../images/css_sprite_170310_tiny.png") no-repeat -285px -100px;	
}

#back-top { 	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid #333541;
	-webkit-box-shadow: 0px 0px 0px 3px #fff, 4px 4px 0px rgba(0, 0, 0, 0.33);
	box-shadow: 0px 0px 0px 3px #fff, 4px 4px 0px rgba(0, 0, 0, 0.33);
	position:fixed;
	top: 30px;
	right:30px;
	overflow: hidden;
	background:#FFF;
	}
	
#back-top a { 
	text-indent: -9999px; 
	display:block; 
	width: 54px; 
	height: 54px; 	
	background: url("../images/css_sprite_170310_tiny.png") no-repeat -994px -486px;	
	}	

#back-top a:hover { 
	opacity: 1;
}

/*BREADCRUMB*/
.breadcrumb {	margin: 0px 0px 10px 0px; padding: 0px;	display: block;	height: 20px; overflow: hidden;}
.breadcrumb li {
	float:left;
	display: block; 
	font-size: 12px;
	font-weight:bold;
	color: #333541;	
}
.breadcrumb li a {
	color: #fff;
	text-shadow:1px 1px rgba(0,0,0,0.5);
	text-decoration: underline;	
	background: url("../images/css_sprite_170310_tiny.png") no-repeat right -397px;	
	padding: 2px 20px 2px 0px;
	display: block;
	margin-right: 5px;
}

.breadcrumb li strong {
	padding: 2px 0px;
	display: block;
}	
	
.breadcrumb li a:hover {
	text-decoration: none;	
}	
	
/*HIRDETÉSEK*/
.ad1 { background: #333541; /*sötétkék rgba(51,53,65,0.5) */}
.ad2 { background: #ea6f60; /*rózsaszín rgba(234,111,96,0.5) */}
.ad3 { background: #3f99ac; /*világoskék rgba(63,153,172,0.5) */}
.ad4 { background: #ffffff; /*fehér*/}
.hirdetes { text-align: center; }
#hirdetes_3000 {padding: 10px 10px; /*ne lógjon rá a logó!*/}
#hirdetes_3990 {text-align: left; }
#hirdetes_9000 {text-align: center; clear: both; /*lábléc miatt*/}

/*CSILLAGOK*/
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
	margin: 0px 0px 0px 5px;
	float:right;
}

.rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -400px;
    height: 24px;
    outline: none;
}
.rateit .rateit-range * {display:block;}
/* for IE 6 */
* html .rateit, * html .rateit .rateit-range {display: inline;}
/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range {display: inline;}
.rateit .rateit-hover, .rateit .rateit-selected {position: absolute;left: 0px;}

.rateit .rateit-hover{ background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -448px;}
.rateit .rateit-selected{ background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -424px;}
.rateit .rateit-preset{ background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -424px;}

.rateit button.rateit-reset {
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border:none;
    padding: 0;
    background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -400px;
    width: 24px;
    height: 24px;	
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus{ background: url("../images/css_sprite_170310_tiny.png") no-repeat -700px -448px;}

/*KATEGÓRIA LINKEK*/
aside.categories {line-height: 100%;}
aside.categories ul {
	margin: 0px;
	padding: 0px;
}	
aside.categories ul li {
	display: block;
	float: left;
	list-style-type:none;	
}	
aside.categories ul a, .kekgomb {
	display: block;
	height: 42px;
	line-height: 36px;
	background: url("../images/css_sprite_170310_tiny.png") no-repeat right -607px;
	position:relative;
	padding: 2px 28px 2px 4px;
	text-decoration:none;
	color: #fff;
	font-size:14px;
	/*text-transform:uppercase;*/
	/*font-weight:bold;*/
	text-shadow:1px 1px rgba(0,0,0,0.5);	
	margin: 0px 10px 5px 10px;
}
aside.categories ul a:hover, .kekgomb:hover {
	color: #ea6f60;
	margin-left: 15px;
	margin-right: 5px;
}
aside.categories ul a:before, .kekgomb:before { 
	content:'';
	background: url("../images/css_sprite_170310_tiny.png") no-repeat left -607px;
	display:block;
	width: 10px;
	height: 42px;
	top: 0px;
	left: -10px;
	position:absolute;	
}
aside.searchbox {
	height: 27px;
	padding: 3px 3px 3px 3px;
	font-style:italic;
	background: #ffffff;
	position: relative;
}
aside.searchbox input.gsc-input {
	border: 0px;
	/*margin-right: 100px;*/
	width: 305px;
	height: 24px;
	font-size: 18px;
	font-weight: bold;
}	
aside.searchbox input.gsc-search-button {
	background: url("../images/css_sprite_170310_tiny.png"), url("../images/css_sprite_170310_tiny.png");
	background-position: -293px -288px, -200px -100px;
	background-repeat: no-repeat,no-repeat;
	width: 55px;
	height: 62px;
	display: block;
	text-indent:-9999px;
	border: 0px;
	position:absolute;
	top: -10px;
	right: 5px;
}
.gsc-clear-button {	opacity: 0.5;display: none;}
.gsc-clear-button:hover {opacity: 1.0;}

/*SIDEBAR AJÁNLÓ*/	
.ajanlo { padding: 0px 0px; line-height: 150%;}
.ajanlo section { padding: 10px 0px 10px 0px; margin: 0px 0px 20px 0px; position:relative;}
.ajanlo section.kepes {	background-repeat:no-repeat; background-position: center; background-size: 390px; min-height: 150px;z-index: 0; }
.ajanlo p{padding: 10px 20px 20px 20px;margin: 0px; max-height:100px; overflow: hidden; }
.ajanlo section.kepes p{ display:none;}
.ajanlo h2, .ajanlo h3{	margin-left: 0px;}	
.ajanlo section.kepes h3{	float: left;}	
.ajanlo .blue_ribbon { }
.ajanlo .blue_ribbon:before { /*top: 8px;*/} /*hajtás*/
.ajanlo .blue_ribbon:after {	content:'';display:block; width: 100%; height: 100%; position:absolute; top:0px; left:0px; }
.ajanlo section.kepes .blue_ribbon:after {z-index: -1; background:	rgba(0,0,0,0.5);}
.ajanlo section.kepes:hover { background-position: top center; }
.ajanlo section.kepes:hover .blue_ribbon:after {background:	rgba(0,0,0,0.1);}

.dobozcim {font-size: 16px;color: #fff;text-shadow:1px 1px rgba(0,0,0,0.5);text-align: center;text-transform:uppercase;line-height: 100%;margin: 0px 0px 15px 0px;padding: 0px;height: 61px; line-height: 61px;background: url("../images/css_sprite_170310_tiny.png") no-repeat center -1000px; /*csíkok*/}
.dobozcim span { position: relative;background: url("../images/bg.png");padding: 0px 23px;}
.dobozcim a { display:block; text-decoration:none;  }

.dobozcim span:before, .dobozcim span:after { 
	content:'';
	background: url("../images/css_sprite_170310_tiny.png") no-repeat -559px -1019px; /*csillagok*/	
	display:block;
	width: 23px;
	height: 23px;
	top: 0px;
	position:absolute;
}

.dobozcim span:before{ left: 0px;}
.dobozcim span:after { right: 0px;}

.dobozcim:hover span:before{ transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg); }
.dobozcim:hover span:after { transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

/*Videó player*/
.video_player, .mp3_player, .gif_player {
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
	width: 100%;
	cursor:pointer;
	position: relative;
	margin: 0px;
	opacity: 0.8;
	-webkit-box-shadow: inset 0px 0px 0px 5px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 0px 0px 5px rgba(0, 0, 0, 0.6);	
}
.video_player {	height:200px;}
.gif_player {	min-height:200px;}
.mp3_player {	height:120px; background: url("../images/retro_cassettes.png") no-repeat center;}
.video_player:hover, .mp3_player:hover, .video_player span:hover, .mp3_player span:hover, .gif_player:hover, .gif_player span:hover {opacity: 1;}	
.mp3_player:hover {	background-position: center -315px;}		

.video_player span, .mp3_player span, .gif_player span {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0px 0px -40px;
	background: #000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #fff;
	color: #FFF;	
	-webkit-box-shadow: 0px 0px 0px 2px #000, 3px 3px 0px rgba(0, 0, 0, 0.33);
	box-shadow: 0px 0px 0px 2px #000, 3px 3px 0px rgba(0, 0, 0, 0.33);
	opacity: 0.6;
	text-align:center;
	line-height: 80px;
	font-size: 22px;
	font-weight: bold;
	text-shadow:1px 1px rgba(0,0,0,0.5);
}	

/*HEADER PANELEK*/
header .loginpanel, header .juzerpanel, header .fbpanel, header .searchpanel  { position:absolute; top: -55px; padding: 5px; background:#FFF; z-index:200; max-height:22px; height: 22px; }
header .loginpanel, header .juzerpanel { left: 160px; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }
header .juzerpanel { max-height:inherit; height: inherit; }
header .fbpanel { width: 140px; left: 0px; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
header .searchpanel { width: 200px; right: 0px; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
header:hover .loginpanel, header:hover .juzerpanel, header:hover .fbpanel, header:hover .searchpanel, header .panel_active  { top: 0px; }
/*.panel_active { background:#0F6; }*/

header #belepo, header .juzermenu, header .fbmenu, header .searchmenu { position:relative; padding: 0px 55px 0px 0px; }
header #belepo input { background: url('../images/poen_bg.png'); border: 1px solid #c5c5c5; width: 80px; margin: 0px 3px 0px 0px; padding: 0px 2px; }
header #belepo button, header .juzerpanel span {
	background: url("../images/css_sprite_170310_tiny.png"), url("../images/css_sprite_170310_tiny.png");
	background-position: -293px -337px, -100px -100px;
}

header #belepo button { 
	background: url("../images/css_sprite_170310_tiny.png"), url("../images/css_sprite_170310_tiny.png");
	background-position: -293px -486px, -100px -100px;
	}

header .searchpanel input.gsc-input {
	border: 0px;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
}

header .searchpanel input.gsc-search-button {
	background: url("../images/css_sprite_170310_tiny.png"), url("../images/css_sprite_170310_tiny.png");
	background-position: -293px -287px, -100px -100px;
}

.gsc-clear-button {	display: none;}

header .fbpanel a {
	background: url("../images/css_sprite_170310_tiny.png"), url("../images/css_sprite_170310_tiny.png");
	background-position: -293px -387px, -100px -400px;
}

header .fbpanel .fb-like {
margin: 0px 5px 0px 5px;
}

header #belepo button, header .juzerpanel span, header .fbpanel a, header .searchpanel input.gsc-search-button {
	width: 45px;
	min-width:inherit !important;
	height: 62px;
	display: block;
	text-indent:-9999px;
	border: 0px;
	position:absolute;
	top: -15px;
	right: 5px;
	z-index: 300;
	background-repeat: no-repeat,no-repeat;	
}

header #belepo button:hover, header .juzerpanel span:hover, header .fbpanel a:hover, header .searchpanel input.gsc-search-button:hover {
	top: -10px;
}

header .juzerpanel span {
	top: -10px;
	right: 10px;
}
header .juzerpanel {
	min-width: 170px;
	padding: 0px;
	height: 32px;	
}	
header .dropdownmenu {
	top: -300px;
	left: 0px;
	position:absolute; 
	z-index: 298;
	background:#FFF;
}	
header .juzerpanel h2 {
	font-size: 16px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	z-index: 300;
}
header .juzerpanel ul  {
	list-style-type:none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;	
}	
header .juzerpanel li  {
	list-style-type:none;
	border-top: 1px solid #c5c5c5;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}
header .juzerpanel li  a {
	display:block;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration:none;
	color: #333541;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
}	
	
header .juzerpanel li  a:hover {
	color: #fff;
	background: #333541;
}		
	
header .juzerpanel:hover .dropdownmenu { top: 32px; }
.juzer_tabla { width: 100%;}

/*Júzer oldalak*/
.juzer_navigacio {  background: #333541; margin: 0px 0px 10px 0px; }
.juzer_navigacio ul {  padding: 0px; }
.juzer_navigacio ul:after {  content: ''; clear: both; display: block; }
.juzer_navigacio li { list-style:none; float:left; margin: 0px; border-left: 1px solid rgba(0,0,0,0.2); }
.juzer_navigacio li a { display: block; text-align: center; color: #fff; text-decoration:none; padding: 5px 5px; }

.juzer_tabla td { font-size: 14px; padding: 2px 5px; vertical-align:top; border-bottom: 1px solid  rgba(51,53,65,0.2);}
.juzer_tabla td a {color: rgba(51,53,65,1); text-decoration:none; display:block;}
.juzer_tabla td.f, .juzer_tabla td.i { text-align: right; white-space:nowrap;}
.juzer_tabla tr:hover { background:#333541;}
.juzer_tabla tr:hover td { color: #fff; }
.juzer_tabla tr:hover td a, .juzer_navigacio li a:hover { color: #ea6f60; }

.nagyform label { display:block; margin: 0px; cursor:pointer; }
.nagyform input[type="text"], .nagyform select#kategoria, .nagyform textarea { width:  490px; }
.nagyform textarea { height: 200px; }
.nagyform select { min-width: 100px; }
.bal #belepo input, .nagyform input, .nagyform select { max-width: 90%; font-size: 16px; background:#FFF; padding: 4px 8px; border: 1px solid  rgba(51,53,65,0.4); }
.nagyform label span { color: #666; }
.kekgomb {border: 0px; text-transform: uppercase; font-weight: bold; }
.bal #belepo input { width: 490px; margin: 0px 0px 3px 0px;}
.kedvenctorol { cursor:pointer; font-weight:bold; padding: 5px 10px; }

/*Poénbeküldés*/
#poenbekuld_container { width: 550px; margin: 10px auto; } 
.tipus_valaszto { width: 100%; height: 140px; margin: 100px auto 0px auto; } 
.tipus_valaszto a { width: 160px; display: block; float: left;margin: 3px 10px; text-align:center; background: rgba(51,53,65,0.8); color: #fff; font-size: 18px; text-decoration:none; font-weight:normal; padding: 40px 0px; text-shadow:1px 1px rgba(0,0,0,0.7);  } 
.tipus_valaszto a:hover { background: rgba(51,53,65,1); }
.tipus_valaszto b { color: #ea6f60; font-size: 22px; font-weight: bold; } 


/*forgó körök*/
#lapozo b:hover span, #lapozo a:hover span, .kekkor:hover span, #back-top:hover a {;
	transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);
	-webkit-transition: -webkit-transform 0.5s ease-in;
	-webkit-transition: -webkit-transform 0.5s ease-in;
    -moz-transition: -webkit-transform 0.5s ease-in;
    -o-transition: -webkit-transform 0.5s ease-in;
    transition: -webkit-transform 0.5s ease-in;	
	}


/*

RESZPONZÍV CSS

*/
@media only screen and (min-width: 1px) and (max-width: 720px) {
	
	@-webkit-viewport { width: device-width; }
	@-moz-viewport { width: device-width; }
	@-ms-viewport { width: device-width; }
	@-o-viewport { width: device-width; }
	@viewport { width: device-width; }
	
	body { min-width:300px; }
	
	/*VÁZ*/
	.wrapper, .bal , .jobb, aside.categories ul li { width:100%;  max-width: 720px; }
	.header-container:after, .header-container, .main-container, .footer-container  {min-width: inherit;}
	.main-container, .footer-container  { padding-left: 10px; padding-right: 10px; overflow: hidden;  }
	.breadcrumb { height: auto; margin-top: 20px; }
	.media_kep, .poen .preview_kep { margin-left: -20px !important; margin-right: -20px !important; }
	.poen p img { width:100% !important; border:0px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-top: 2px solid rgba(0, 0, 0, 0.1); -webkit-filter: none; }
	.poen .preview_kep img { margin: 0px 0px 10px 0px !important; width:100% !important; float: inherit;  }
	aside.categories ul li a { text-align: center; }
	
	.dobozcim {overflow: hidden;}
	.footer-container footer .partners, .footer-container footer .poenbekuldes  { width: 100%; margin: 20px 0px; }
	.footer-container footer .partners { height: 80px; }
	.footer-container footer .links {line-height: 200%; }
	.footer-container footer .copyright {margin-top: 150px; clear: both;}
	.header-container nav, header .fbpanel, header .loginpanel, header .juzerpanel, header .searchpanel, header .egysoros_poszter{ display: none; }
	.fb-activity { display: none !important; }
	#lapozo b, #lapozo a, .kekkor { margin: 10px 5px; }
	
	/*LENYÍLÓ FŐMENÜ 340 pixel*/
	body.responsive-menu .header-container { margin: 340px 0px 0px 0px; /*0+340*/	}
	body.responsive-menu .header-container:after { background-position-y:-1210px; /*1550-340*/ }
	body.responsive-menu .header-container nav { width: inherit; display: inherit; position:absolute; top: -340px; /*0-340*/ }
	body.responsive-menu .header-container ul { margin: 0px; padding: 0px; background:#333541;}
	body.responsive-menu .header-container ul li { margin: 0px 0px 0px 0px; width: 100%; height: inherit; float: none; position:inherit; background:none; border-bottom: 1px solid rgba(0,0,0,0.2); }
	body.responsive-menu .header-container ul li a { width: 100%; height: inherit; padding: 5px 0px; display: block; text-align: center; background:none; color: #fff !important; text-indent:inherit; text-transform:uppercase; text-decoration:none; font-weight:bold; text-shadow:1px 1px rgba(0,0,0,0.5); }
	body.responsive-menu .header-container ul li a:hover { background-color:rgba(255,255,255,0.1) !important; color: #ea6f60 !important; }

	/*NAVIGÁCIÓS GOMBOK*/
	header.wrapper { margin: 70px 0px 0px 0px; /*top:60*/ }
	.header-container:after { background-position-y:-1480px; /*1550-70*/ }		
	
	.fejlec_cimke { display:block; width: 56px; height: 56px; position:absolute; top: -60px; background:#333541 url("../images/css_sprite_170310_tiny.png"); text-indent:-99999px; z-index: 9999; cursor:pointer; } 
	.fejlec_cimke:hover {background-color:#ea6f60;}
	#navigacio_cimke { right: 10px; background-position: -287px -437px;  }
	#cimkek_cimke { right: 71px; background-position: -287px -537px; }
	#kereses_cimke { right: 132px; background-position: -287px -285px; }
	#belep_cimke { right: 193px; background-position: -287px -487px; }
	#profil_cimke { right: 193px; background-position: -287px -336px; }
	#fb_cimke { right: 254px; background-position: -288px -388px; }
	
	.juzer_navigacio li { float:none; border-bottom: 1px solid rgba(0,0,0,0.2); }
	.hirdetes { padding: 0px; } /*300 + 2x10 container padding = 320*/
	#back-top a { bottom: inherit; top: 10px; right: 10px;	}
	#back-top { opacity: 0.5;	}
	
}

@media only screen and (min-width: 1px) and (max-width: 480px) {
	.poen { padding-left: 10px; padding-right: 10px; }
	/*.poen p img, .poen .preview_kep img { width:100% !important; margin-left: -3px; border-width:3px; }*/
	.media_kep, .poen .preview_kep { margin-left: -10px !important; margin-right: -10px !important; } /*.poen padding korrekcio*/
	.bal .poen .tenyleg_egysoros_vicc { /*margin: 15px -10px;*/ font-size: 30px; padding: 30px; line-height: 35px;	}
	.poen footer .rating { right: -23px;} /*.poen padding korrekcio*/
	.poen .red_ribbon, .poen .blue_ribbon { margin: 0px 0px 0px 10px;} /*.poen padding korrekcio*/
}


#cookie-bar {background: rgba(0,0,0,0.50); height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%; z-index: 99999;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {    background: #328FA5; color: #000;}
#cookie-bar .cb-enable:hover {color: #FFF;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.viccfaktor_ajanlo { background: #333541; padding:7px;     margin: 0px auto 20px auto;}
.viccfaktor_ajanlo a { display:block; text-decoration: none; text-align:center; padding: 7px; color: rgba(255,255,255,1.00); background: rgba(234,111,96,0.5); text-shadow:1px 1px rgba(0,0,0,0.7);     border-radius: 10px; }
.viccfaktor_ajanlo a:hover { background: rgba(234,111,96,0.8);  }


.kedoiv-poszter { 
	width: 100%;
	height: 200px;
	display: block;
	margin: 0 auto;
	border: 0px solid rgba(0, 0, 0, 0.1);
	box-shadow:  inset 0px 0px 0px 5px rgba(0, 0, 0, 0.4);
	-webkit-filter: brightness(1.1) grayscale(0.3) sepia(0.1);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display: table;
	text-align:center;
}

.kedoiv-poszter:hover  { 
	-webkit-filter: none;
	border-color: rgba(0, 0, 0, 0.2);
}

.kedoiv-poszter-canvas {
    width: 100%;
    height: 270px;
    /*background: rgba(248,210,88,0.2);*/
    display: table-cell;
    vertical-align: middle;
}

.kedoiv-poszter strong{
    margin: 40px 10px 40px 10px;
    display: inline-block;
    padding: 20px 20px;
    font-size: 20px;
    text-transform: uppercase;
    background: rgba(0,0,0, 0.6);/*kék */;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;	
	text-shadow:2px 2px rgba(0,0,0,0.5);
}

.kedoiv-poszter:hover  strong { 
 	 background: rgba(0,0,0, 0.8);
	 font-size: 22px !important;
}

.ajanlo-box a {
    width: 100%;
    display: block;
    height: 0;
    margin: 20px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-bottom: 0;
    background-color: #f6f6f6;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 0;
    padding: 0 0 56.25% 0;
    position: relative;
}

.ajanlo-box a span {
    display: block;
    width: 100%;
    padding: 60px 15px 15px 15px;
    position: absolute;
    bottom: 0;
    font-size: 1.2em;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    overflow: hidden;
    background: linear-gradient(transparent, black);
    text-shadow: 1px 1px #000;
    color: #fff;
}
	