/* Author: <19 2013*/
@-moz-document regexp("http:.*") {  body { z-index:0 !important; } }
::selection { background: #cc3333; color: #efefef;}
::-moz-selection { background: #cc3333; color: #efefef;}
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
img { -ms-interpolation-mode: bicubic; }

body {
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color: powderblue; /* powderblue paleturquoise background-color:#ffede3;#ffede3;#00ac79;#ffdea3; #ffdea3 abcdef #ffe18c;*/
	-webkit-font-smoothing: antialiased;
	font-size:16px;
	font-smooth:always;
	text-rendering: optimizeLegibility;
	font-size:16px !important;
	overflow:   hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	-moz-binding: none;
}

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

}

.static {
	font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', static, Andale Mono, monospace;
	color:#abcdef; /*ffc*/
	font-weight:normal;
       	text-shadow:
	3px 3px 1px 	rgba(255,200,150,0), /**/
	3px -3px 1px 	rgba(255,200,150,0),
	-3px 3px 1px 	rgba(255,200,150,0),
	-3px -3px 1px 	rgba(255,200,150,0)
	;
	/*text-shadow: 3px 3px 1px rgba(160,30,100,0.5);*/
}

.staticnormal {
	font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', static, Andale Mono, monospace;
	color:#124578; /*ffc*/
	font-weight:normal;
	text-shadow: 1px 1px 0px rgba(160,30,100,0.5);
}


.type_sansserif {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica Neue, serif;
}

p {

}

#soup {
	/*background-color:#fa3b05;*/ /* f05a2b 00ac79 */
	background:  url(../gfx/dummy.png) center center no-repeat scroll;
	background-size:cover;
	display: block;
	position:absolute;
	/*position: relative;*/
	top:0px;
	left:0px;
	z-index:-1000;
	width: 100%;
	height: 100%;
	padding:0px;
	margin:0em 0em 0em 0em !important;
	clip:rect(auto, auto, auto, auto)
	overflow:   hidden;
	overflow-x: hidden;
	overflow-y: hidden;
/*             -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.5);*/
/*	   -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.5);*/
/*	-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.5);*/
/*        	box-shadow: 0px 0px 13px rgba(0,0,0,0.5);*/

}
#head {
	display: block;
	position:relative;
	width:auto;
	margin:0px auto;
	max-width:480px;
	z-index:100;
	/*border:1px solid red;*/
	padding:0.5em 0em 0.5em 0em;

}

#headlogo {
	display: block;
	/*max-width:250px;*/
	position:relative;
	margin:0px auto;
/*             -o-box-shadow: 0px 3px 0px rgba(255,255,200,0.5);*/
/*	   -moz-box-shadow: 0px 3px 0px rgba(255,255,200,0.5);*/
/*	-webkit-box-shadow: 0px 3px 0px rgba(255,255,200,0.5);*/
/*        	box-shadow: 0px 3px 0px rgba(255,255,200,0.5);*/
	/*width:100%;*/
}
h1, h2, h3 {font-family: Trebuchet MS, Verdana, Arial, Helvetica Neue, sans-serif; line-height:1.5em;}

h1.content, h2.content, h3.content {
	font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', static, Andale Mono, monospace !important;
	text-transform:uppercase;
	text-align:center;
	color:crimson;
	letter-spacing:.1em;
	line-height:1.5em !important;
	margin-bottom:1em !important;
       	text-shadow:
	-1px -1px 0px #ff6566,
	2px 2px 0px #fff;
}

h1.arc {
	position:absolute;
	top:0px;
	left:0px;
	font-size:1.2em !important;
	line-height:1em;
	letter-spacing:.2em;
	font-weight:normal;
	text-align:center;
	width:250px;
	opacity:0;
	margin:0px;
	padding:0px;
	z-index:9000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
	box-sizing: 		    border-box;
	/*color:#124578;*/
	color:crimson;
	/*color:#efefef;*/
       	text-shadow:
	-1px -1px 0px crimson,
	2px 2px 0px #fff;
	/*border-bottom:1px solid red;*/
}

h1.long {
	/*letter-spacing:0em;*/
}


.letteranim {
	font: Comfortaa, 'Comfortaa', 'Comfortaa Bold', static, Andale Mono, monospace !important;
	display: inline-block;
	position:absolute;
	top:50%;
	left:50%;
	font-size:0em;
	font-weight:normal;
	width:0em;
	height:0em;
	line-height:1em;
	text-align:center;
	padding:0em;
	cursor:pointer;
	letter-spacing:0em;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:   content-box;
	box-sizing: 		   content-box;
		-moz-transform:translate(0px) rotate(0deg);
		-moz-transform-origin: 50% 50%;
		-webkit-transform:rotate(0deg);
		-webkit-transform-origin: 50% 50%;
		-o-transform:translate(0px) rotate(0deg);
		-o-transform-origin:50% 50%;
		-ms-transform:rotate(0deg);
		-ms-transform-origin: 50% 50%;
	transform:translate(0px) rotate(0deg);
	transform-origin: 50%, 50%;
	/*border:1px solid rgba(12,69,120,0.1);*/
	border:1px solid hsla(0, 100%, 100%, 0.5);
	       -o-border-radius:  1.5em;
	     -moz-border-radius:  1.5em;
	  -webkit-border-radius:  1.5em;
	border-radius: 		  1.5em;
	color: crimson;
	/*color: #c82000;*/
	/*color: #7889ab;*/
	/*color: #aed4f9;*/
	/*color:hsl(30, 100%, 50%);*/
	z-index:9999;
       	text-shadow:
	-1px -1px 0px crimson,
	3px 3px 0px #fff;
	/*text-shadow: 0px 10px 30px rgba(255,0,0,0.7), 0px -1px 30px rgba(60,0,0,0.7);*/
	/*text-shadow:0 0 1px  #930,*/
	/*	    0 0 2px  #930,*/
	/*	    0 0 3px  #930,*/
	/*	    0 0 5px  #930,*/
	/*	    0 0 8px  #930,*/
	/*	    0 0 13px #930,*/
	/*	    0 0 21px #930,*/
	/*	    0 0 34px #930;*/
	/*text-shadow: 0px -1px 0px #374683;*/
}

.letteranim:hover{
        -moz-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -o-transform-origin:50% 50%;
        -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    font-weight:normal;
    background-color:powderblue;
	/*border-color:hsla(30, 100%, 50%, 0.5);*/
	border-color:hsla(0, 100%, 100%, 0.5);
	/*background-color:hsla(0, 0%, 94%, 0.5);*/
/*    text-shadow:0 0 1px  red,*/
/*		0 0 2px  red,*/
/*		0 0 3px  #fff,*/
/*		0 0 5px  #ff7700,*/
/*		0 0 8px  #ff7700,*/
/*		0 0 13px #ff7700,*/
/*		0 0 21px #ff7700,*/
/*		0 0 34px #ff7700;*/
/*	     -o-box-shadow:  0px 0px 7px rgba(250,170,0,1);*/
/*	   -moz-box-shadow:  0px 0px 7px rgba(250,170,0,1);*/
/*	-webkit-box-shadow:  0px 0px 7px rgba(250,170,0,1);*/
/*	box-shadow:          0px 0px 7px rgba(250,170,0,1);*/

-webkit-transition: all 500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
   -moz-transition: all 500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
    -ms-transition: all 500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
     -o-transition: all 500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
        transition: all 500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/; /* custom */

/*-webkit-transition-timing-function: cubic-bezier(0.140, 0.150, 0.225, 0.910);
   -moz-transition-timing-function: cubic-bezier(0.140, 0.150, 0.225, 0.910);
    -ms-transition-timing-function: cubic-bezier(0.140, 0.150, 0.225, 0.910);
     -o-transition-timing-function: cubic-bezier(0.140, 0.150, 0.225, 0.910);
        transition-timing-function: cubic-bezier(0.140, 0.150, 0.225, 0.910);*/ /* custom */
}

.letteranim span{
	display:none;
}


.alphabetsoup {
	font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', static, Andale Mono, monospace !important;
	display: block;
	position:absolute;
	font-size:4em;
	font-weight:normal;
	font-style:normal;
	width:1em;
	height:1em;
	line-height:1em;
	text-align:center;
	padding:0em;
	/*background-color:rgba(255,255,255,0);*/
	letter-spacing:0em;
		-moz-transform:rotate(0deg);
		-moz-transform-origin: 50% 50%;
		-webkit-transform:rotate(0deg);
		-webkit-transform-origin: 50% 50%;
		-o-transform:translate(0px) rotate(0deg);
		-o-transform-origin:50% 50%;
		-ms-transform:rotate(0deg);
		-ms-transform-origin: 50% 50%;
	transform:rotate(0deg);
	transform-origin: 50% 50%;
	color: white;
	z-index:0;
	opacity:0;
	/*text-shadow: 1px 2px 0px #124578;*/	/*, 0px -1px 1px rgba(60,0,0,0.7)*/
	cursor:crosshair;
	/*text-shadow: 0px -1px 0px #374683;*/
}

#content {
	display: block;
	position: relative;
	/*top:50%;*/
	/*left:50%;*/
	width:0px;
	height:0px;
	line-height:1em;
	margin:0px auto;
	margin-top:100px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
	box-sizing: 		    border-box;

	/*border:1px solid red;*/
	overflow:auto;
	overflow-x: hidden;
	padding:0em;
	background-color:rgba(255,255,255,0.2);
	min-width:800px;
	max-width:100%;
	z-index:1000;
}

.lt-ie8 #content, .lt-ie9 #content {
	display: block;
	position: relative;
	width:800px;
	height:400px;
	min-width:800px;
	max-width:100%;
	/*background-color:#b0e0e6;*/
	/*border:3px solid #ef5f94;*/
}

#cover {
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	width:0px;
	height:0px;
	line-height:1em;
	padding:0px;
	       -o-border-radius:  50%;
	     -moz-border-radius:  50%;
	  -webkit-border-radius:  50%;
	border-radius: 		  50%;
	background:rgba(255,255,255,0) url(../gfx/dummy_logo-color.svg) left top scroll no-repeat;
	background-size: 100% 100%;
	z-index:1990;
}

/*a:link, a:visited {
	color: #00add2;
	text-decoration:	none;
	font-size: inherit;
		-webkit-transition:	color 0.3s ease-in;
		-moz-transition:	color 0.3s ease-in;
		-o-transition:		color 0.3s ease-in;
	transition:			color 0.3s ease-in;
}

a:hover, a:focus, a:active {
	color: #c1009b;
	text-decoration:	none;
	font-weight: inherit;
	font-size: inherit;
	outline:none !important;
		-webkit-transition:	color 0.2s ease-in;
		-moz-transition:	color 0.2s ease-in;
		-o-transition:		color 0.2s ease-in;
	transition:			color 0.2s ease-in;
}*/


.x-letteranim[title]:hover:after {
	content: attr(title);
	padding: 4px 8px;
	color: red;
	position: absolute;
	left: 100%;
	top: 100%;
	height:5em;
	width:5em;
	white-space: wrap;
	z-index: 200px;
		-o-border-radius: 5em;
	      -moz-border-radius: 5em;
	   -webkit-border-radius: 5em;
	border-radius:            5em;
	margin-left:-5em;
	      -moz-box-shadow: 0px 0px 4px #222;
	   -webkit-box-shadow: 0px 0px 4px #222;
	box-shadow:            0px 0px 4px #222;
	display:table-cell;
	vertical-align:middle;
	/*background: #efefef;*/
	/*text-shadow:none !important;*/
	font-family: Confortaa, static, Trebuchet MS, Verdana, Arial, Helvetica Neue, serif;
	font-size:12pt;
	font-weight:normal;
	line-height:5em;
}

p {
	font:12pt/1.5em Trebuchet MS, Verdana, Arial, Helvetica Neue, sans-serif;
	color:#363636;
	margin:7px 0.1em 7px .1em;
	-ms-word-break: break-all;
	word-break: break-word;
	   -moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto
}

a:link,a:visited {
	color: crimson;
	text-decoration: none;
	font-size: inherit;
	font-weight: normal;
	font-style: normal;
}

a:hover, a:focus, a:active{
	font-size: inherit;
	font-weight: normal;
	font-style: normal;
	color: chocholate;
	text-decoration: none;
	outline:none !important;
}

.even, .odd {
	position:relative;
	display:block;
	width:100%;
	padding:2em 0em;
	height:auto;
	min-height:400px;

}

.odd {background-color:#efefff; z-index:0;
             -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.15);
	   -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.15);
        	box-shadow: 0px 0px 13px rgba(0,0,0,0.15);}
.even {background-color:#ffeedd; z-index:-2000;}


footer {
	display:block;
	position:relative;
	margin:0px auto;
	padding:1em 0 3em 0;
	width:100%;
	text-align:center;
	border-top:1px solid #adeeff;
	background: rgba(18,69,120,0.69);
             -o-box-shadow: 0px -3px 7px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0px -3px 7px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px -3px 7px rgba(0,0,0,0.25);
        	box-shadow: 0px -3px 7px rgba(0,0,0,0.25);
}

.center { text-align:center;}

div.letteranim.selected {
	/*background-color:red;*/
	/*border-color:hsl(30, 100%, 50%);*/
	/*border-color:rgba(12,69,120,0.3);*/
	/*border-color:hsla(10,100%,40%,0.3);*/
	border-color:#ef5f94;
	border-color:rgba(239, 95, 148, 0.7);
	background-color:hsla(0, 0%, 94%, 0.7);
}
.arc.selected {
	z-index:9999;
}
div.letteranim.selected:hover {
	/*border-color:rgba(12,69,120,0.5);*/
	/*border-color:hsla(0,100%,70%,1);*/
	border-color:#ef5f94;
	border-color:rgba(239, 95, 148, 1);
	background-color:hsla(0, 0%, 94%, 1);
}

.workshopimg {
    width:  100%;
    height: auto;
    max-width:  500px;
    max-height: 500px;
    border:1px solid #6789ab;
}

.innerpartnerek {
	display:block;
	position:relative;
	margin:0px auto;
	text-align:center;
}

.partnerimg {
	width:  30%;
	height: auto;
	max-width:  250px;
}

.lt-ie9 .partnerimg {
	width:  auto;
	height: auto;
	max-height:  100px;
	margin:0em 1em;
}

.korabbiversenyekimg {
	width:  30%;
	height: auto;
	max-width:  360px;
	max-height: 300px;
	margin: 3px;
	border:1px solid #6789ab;
}
.korabbiversenyek h4 {
	margin: 7px 0px;
}
.honorimage{
	text-align:center !important;
}

.honorimage a {
	display: inline-block;
	position:relative;
	width:  150px;
	height: 150px;
	max-width:  300px;
	max-height: 300px;
	margin: 3px;
	border:10px solid #ef5f94;
	border:10px solid rgba(239, 95, 148, 0.3);
	outline:none;
	background: red url(../gfx/dummy.png) center center no-repeat scroll;
	background-size:auto auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
	box-sizing: 		    border-box;
	opacity:0.7;
}

.lt-ie9 .honorimage a {
	width:  auto;
	height: auto;	
}

.honorimage a:hover {
	border-color:#ef5f94;
	border-color:rgba(239, 95, 148, 0.7);
	opacity:1;
	-webkit-transition: all 150ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
	   -moz-transition: all 150ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
	    -ms-transition: all 150ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
	     -o-transition: all 150ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
		transition: all 150ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/; /* custom */
}

.c3logo {
	width:  auto;
	height: auto;
	max-height:  125px;
	margin-right:2em;
	float:left;
}

/*ICONBOX*/
.helper {
	display: block;
	position: relative;
	margin: 1em 0px 7px 0px;
	padding: 1em 1em 1em 1em;
	    -moz-border-radius: 7px;
	    -webkit-border-radius: 7px;
	    -o-border-radius: 7px;
	border-radius: 7px;
	background: rgba(255,255,255,0.70);
}

.icobox {
	position:relative;
	display:inline-block;
	float:left;
	width:33%;
	height:120px;
	max-height:120px;
	    -moz-border-radius: 20px;
	    -webkit-border-radius: 20px;
	    -o-border-radius: 20px;
	border-radius: 20px;
}

.icobox img{
	border: 0px solid #124578;
	opacity: 0.8;
}

.icobox img:hover{
	border: 0px solid #ff0000;
	opacity: 1;
	    -webkit-box-shadow: 0px 0px 13px rgba(18,79,120,0.75);
	    -moz-box-shadow: 0px 0px 13px rgba(18,79,120,0.75);
	    -o-box-shadow: 0px 0px 13px rgba(18,79,120,0.75);
	box-shadow: 0px 0px 13px rgba(18,79,120,0.75);
}

.separatorline, .sep {
	display:		block;
	position:		relative;
	height:		auto;
	width:		auto;
	margin:		4px 0px 4px 0px !important;
	padding:		0px 0px 0px 0px;
	border:             1px solid #b2d0d9 !important;
}

.underline  {
    text-decoration:none !important;
    border-bottom:2px solid #696969;
}

.highlite {
    display:		inline;
    position:		relative;
    height:		auto;
    width:		auto;
    padding:		0.2em 0.5em 0.2em 0.5em;
    background:         #ff6566;
    background:         rgba(255,100,100,0.7);
    color:		white;
}

/*h1.selected {background-color:green;}*/

.workshopwrapper p {
    border-bottom:0px solid #6789ab;
    margin:2em auto auto 2em;
}

.circle {
    display:		inline-block;
    position:		relative;
    height:		2em;
    width:		2em;
    padding:		0em;
    background:         rgba(255,255,255,0.5);
    color:		crimson;
    line-height:	2em;
    text-align:		center;
    vertical-align:	middle;
    outline:		1px;
        -webkit-box-shadow: 	inset -2px 0px 0px #789abc;
        -moz-box-shadow: 	inset -2px 0px 0px #789abc;
        -o-box-shadow: 		inset -2px 0px 0px #789abc;
    box-shadow: 		inset -2px 0px 0px #789abc;
        -moz-border-radius: 	1em;
        -webkit-border-radius: 	1em;
        -o-border-radius: 	1em;
    border-radius: 		1em;
    margin:auto auto auto -2.5em;
}

.lt-ie9 .circle {
    height:		1em;
    width:		2em;
    line-height:	0.5em;
    vertical-align:	middle;
    background-color:	#b0e0e6;
    padding:		0.4em 0.2em 0em 0.2em ;
}

ul.index, ul.index li {
    font: 17px/1.231 Trebuchet MS, Verdana, Arial, Helvetica Neue, sans-serif;
    list-style: none !important;
    margin:0em;
}

/* ####################### */
.dev {display:none;visibility:hidden;}
/* Nicolas Gallagher's micro clearfix */
.c:before, .c:after { content:""; display:table; }
.c:after { clear: both;}
.c { zoom: 1; height: auto; }

@media screen and (max-width: 768px) , screen and (max-height: 560px) {

	h1.arc{
		position:absolute;
		font-size:12px !important;
		line-height:10px;
		letter-spacing:2px;
		text-align:center;
		width:10em;
		/*border:1px solid white;*/
			-webkit-box-sizing: border-box;
			-moz-box-sizing:    border-box;
		box-sizing: 		    border-box;
	}
	h1.content {
		font-family: Comfortaa, 'Comfortaa', 'Comfortaa Bold', static, Andale Mono, monospace !important;
		text-transform:uppercase;
		text-align:center;
		color:#124578;
		letter-spacing:.1em;
		line-height:1em;
		margin-bottom:1em;
	}
	.letteranim {
		/*font-size:2em;*/
		padding:1em;
		width:0em;
		height:0em;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-o-transform-origin:50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		background:rgbs;
		background-color:hsla(0, 0%, 94%, 0.5);
			-webkit-box-sizing: padding-box;
			-moz-box-sizing:    padding-box;
		box-sizing: 		    padding-box;
	}
	.letteranim:hover{
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-o-transform-origin:50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		background-color:hsla(0, 0%, 94%, 0.7);
		-webkit-transition: all 1500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
		   -moz-transition: all 1500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
		    -ms-transition: all 1500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
		     -o-transition: all 1500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/;
			transition: all 1500ms /*cubic-bezier(0.740, 0.150, 0.225, 0.910)*/; /* custom */
	}
	.workshopimg {
	    width:  auto;
	    height: auto;
	    min-width:400px;
	    max-width:  80%;
	    /*max-height: 500px;*/
	    border:1px solid #6789ab;
	}
	
	.korabbiversenyekimg {
	    width:  30%;
	    height: auto;
	    max-width:  360px;
	    max-height: 300px;
	    margin: 3px;
	    border:1px solid #6789ab;
	}
	.korabbiversenyek h4 {
	    margin: 7px 0px;
	}
}