body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#303030;
    background: #f7f7f7;
	text-rendering: geometricPrecision;
}







@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../font/chunkfive-webfont.eot');
    src: url('../font/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/chunkfive-webfont.woff') format('woff'),
         url('../font/chunkfive-webfont.ttf') format('truetype'),
         url('../font/chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'CantarellRegular';
    src: url('../font/Cantarell-Regular-webfont.eot');
    src: url('../font/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Cantarell-Regular-webfont.woff') format('woff'),
         url('../font/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('../font/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CantarellOblique';
    src: url('../font/Cantarell-Oblique-webfont.eot');
    src: url('../font/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Cantarell-Oblique-webfont.woff') format('woff'),
         url('../font/Cantarell-Oblique-webfont.ttf') format('truetype'),
         url('../font/Cantarell-Oblique-webfont.svg#CantarellOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CantarellBold';
    src: url('../font/Cantarell-Bold-webfont.eot');
    src: url('../font/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Cantarell-Bold-webfont.woff') format('woff'),
         url('../font/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('../font/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CantarellBoldOblique';
    src: url('../font/Cantarell-BoldOblique-webfont.eot');
    src: url('../font/Cantarell-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Cantarell-BoldOblique-webfont.woff') format('woff'),
         url('../font/Cantarell-BoldOblique-webfont.ttf') format('truetype'),
         url('../font/Cantarell-BoldOblique-webfont.svg#CantarellBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}


a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#303030; }
a:hover { color:#000; }


a.button{
	font-family:'CantarellRegular';
	font-size:18px;
	color:#fff;
	background:#303030;
	padding:5px 15px;
	text-decoration:none;
}


::-moz-selection{ background: #111; color:#fff; text-shadow: none; }
::selection { background:#111; color:#fff; text-shadow: none; } 


:focus{
	outline:none;
}

strong{
	font-weight:bold;
}


em{
	font-style:italic;
}

hr{
	border:0px none;
	height:1px;
	border-top:1px dotted #ccc;
	margin-top:24px;
	margin-bottom:48px;
	width:100%;
	float:left;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
	zoom: 1;
}





/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 24px;
	text-rendering: optimizeLegibility;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size: 24px;
}



h2 {
  font-size: 24px; 
}



h3 {
  font-size: 24px; 
}


h4 {
  font-size: 16px; 
  text-transform: none;
}



h5, h6 {
  font-size: 14px; 
  text-transform: none;
}


.tr{
	text-align:right;
}

.tc{
	text-align:center;
}


/*--- PARAGRAPHS ---*/
p {
  margin-bottom: 24px;
}


span.sup{
	position:relative;
	top:-0.5em;
	left:2px;
	font-size:80%;
}

body > p:first-of-type {
  font-size: 1.125em;
    /* 18px → 18 ÷ 16 = 1.125 */

  line-height: 1.333em;
    /* 24px → 24 ÷ 18 = 1.3333(3) */
}





img.left{
	float:left;
	background:#000;
	padding:2px;
	border:1px solid #222;
	margin-right:15px;
}


img.right{
	float:right;
	background:#000;
	padding:2px;
	border:1px solid #222;
	margin-left:15px;
}

img.border{
	background:#000;
	padding:2px;
	border:1px solid #222;
}







#logo{
	position:fixed;
	left:35px;
	top:30px;
	z-index:2000;
}



#logo a{
	width:165px;
	height:30px;
	text-indent:-9999em;
	display:block;
	background:url(../images/logo.png) 0px 0px no-repeat;
}


#logo a:hover{
	background:url(../images/logo.png) 0px 0px no-repeat;
}




#lang{
	padding:5px;
	background:#000;
	position:fixed;
	right:30px;
	top:30px;
	z-index:10000;
	
	font-family: 'CantarellRegular';
	font-size: 15px;
}


#lang a{
	color:#fff;
	text-decoration:none;
}



#menu{
	position:fixed;
	left:0px;
	top:100px;
	z-index:1000;
}

#menu ul{
	float:left;
	width:200px;
}

#menu ul li{
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	display:block;
}

#menu ul li a{
	height:35px;
	line-height:35px;
	padding-left:35px;
	padding-right:15px;
	
	float:left;
	
	font-family: 'CantarellRegular';
	font-size:21.5px;
	text-decoration:none;
	letter-spacing:-1px;

	
	
	color:#303030;
	background:url(../images/menu-bg.png) -600px 0px no-repeat;
	
	
	
	-webkit-transition: color 0.2s ease-in; /*safari and chrome */
   -o-transition: color 0.1s ease-in; /* opera */
	

}

#menu ul li a:hover{
	color:#fff;
	background:url(../images/menu-bg.png) 0px 0px no-repeat;
}

#menu ul li a.active, #menu ul li a.active:hover{
	color:#fff;
	background:url(../images/menu-bg.png) 0px 0px no-repeat !important;
}








#site{
	min-width:980px;
}



.item{
	width:100%;
	height:1080px;
	overflow:hidden;
	position:relative;
}


.inner{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

.speed1{
	z-index:100;
}

.speed2{
	z-index:99;
}

.speed3{
	z-index:98;
}


/*
.content{
	width:700px;
	position:relative;
	left:50%;
	margin-left:-250px;
	top:100px;
	z-index:2;
}
*/

.content{
	width:700px;
	position:relative;
	left:280px;
	top:100px;
	z-index:200;
}



.content h2{
	font-family: 'ChunkFiveRegular';
	font-size:90px;
	line-height:0.8em;
	margin-bottom:0px;
}


.content h3{
	font-family:: 'CantarellBoldOblique';
	font-size:24px;
	font-style:italic;
	padding:10px 15px;
	color:#fff;
	background:#111;
	display:inline-block;
}


.content .txt{
	font-family: 'CantarellRegular';
	font-size:15px;
	line-height:1.3em;
}


#nyitolap{
	background:#fff;
	color:#303030 !important;
}


#nyitolap h3{
	color:#f9ffef;
	background:#71b548;
	margin-left:150px;
}


#nyitolap .content .txt{
	margin-left:260px;
}



#nyitolap .inner1{
	background:url(../images/nyitolap/bg1.png) 0px 0px fixed no-repeat;
}


#nyitolap .inner2{
	background:url(../images/nyitolap/bg2.png) 0px 0px fixed no-repeat;
}


#nyitolap .inner3{
	background:url(../images/nyitolap/bg3.png) 0px 0px fixed no-repeat;
}








#szolgaltatasok{
	/* background:#f3e72d; */
	background:url(../images/szolgaltatasok/bg4.png) 0px 0px fixed no-repeat #6dbd3e ;
	color:#fff !important;
	padding-top:30px;
}

#szolgaltatasok .content .col{
	width:300px;
	float:left;
	margin-right:30px;
}

#szolgaltatasok h3{
	color:#71b548;
	background:#f3e82e;
}


#szolgaltatasok h4{
	color:#fff;
	font-size:21px;
	font-family: 'CantarellBold';
	margin-bottom:10px;
}


#szolgaltatasok .inner4{
	background:url(../images/szolgaltatasok/bg1.png) 0px 0px fixed no-repeat;
}


#szolgaltatasok .inner5{
	background:url(../images/szolgaltatasok/bg2.png) 0px 0px fixed no-repeat;
}


#szolgaltatasok .inner6{
	background:url(../images/szolgaltatasok/bg3.png) 0px 0px fixed no-repeat;
}









#rolunk{
	background:#f3e82e;
	color:#303030 !important;
	padding-top:180px;
}


#rolunk h3{
	color:#f9ffef;
	background:#71b548;
}


#rolunk .content .txt{
	width:445px;
}



#rolunk .inner7{
	background:url(../images/rolunk/bg1.png) 0px 0px fixed no-repeat;
}


#rolunk .inner8{
	background:url(../images/rolunk/bg2.png) 0px 0px fixed no-repeat;
}


#rolunk .inner9{
	background:url(../images/rolunk/bg3.png) 0px 0px fixed no-repeat;
}






#kapcsolat{
	/* background:#6cc6d8; */
	background:url(../images/kapcsolat/bg4.png) 0px 0px fixed no-repeat #62c6e2 ;
	color:#303030 !important;
	padding-top:180px;
}


#kapcsolat h3{
	color:#f9fffa;
	background:#903789;
}

#kapcsolat .content{
	width:500px;
	position:relative;
	left:50%;
	margin-left:-150px;
	top:100px;
	z-index:500;
}

#kapcsolat .content .txt{
	width:445px;
}



#kapcsolat .inner10{
	background:url(../images/kapcsolat/bg1.png) -250px 0px fixed no-repeat;
}


#kapcsolat .inner11{
	background:url(../images/kapcsolat/bg2.png) 0px 0px fixed no-repeat;
}


#kapcsolat .inner12{
	background:url(../images/kapcsolat/bg3.png) 0px 0px fixed no-repeat;
}





#copyright{
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	background:none;
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:1000;
	text-align:center;
	font-size:12px;
}


#ipoker{
	width:355px;
	height:50px;
	padding:10px;
	background:#000;
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:10000;
	
	font-family: 'CantarellRegular';
	font-size: 15px;
}

#ipoker a.ipokerlogo{
	float:left;
	margin:0 10px 0 0;
}

#ipoker a{
	color:#fff;
	text-decoration:none;
	float:left;
}

#ipoker a.store{
	color:#fff;
	margin:7px 0 5px 0;
}

#ipoker a.website{
	color:#999;
}