@charset "utf-8";
.sendemail {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #06C;
	font-weight: bold;
}
.basic {
	font-size: medium;
	color: #03C;
	background-color: #FFF;
	margin: 0px;
	border:0;
}
.basic2 {
	font-size: 14px;
	color: #03C;
	background-color: #FFF;
	margin: 0px;
	border:0;
}
.ainigma {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-style: normal;
	color: #06F;
	background-color: #FFC;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
}
.ainigmaa {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-style: normal;
	color: #06F;
	background-color: #FFC;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
}
.ainigma-pico {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #F00;
}
.answer {
	font-size: 24px;
	background-image: url(images/bird_think.gif);
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center;
}
.answer_happy {
	background-image: url(images/bird_happy.gif);
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center;	
}
.answer_tsa {
	color: #03F;
	font-size: 24px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	background-image: url(images/bird.gif);
	text-decoration: blink;
	background-repeat: no-repeat;
	background-position: center;
}
.tsa {
	font-size: 22px;
	color: #00F;
	visibility: unvisible;
	font-weight: bold;
}
.tsatsa {
	position: relative;
	top: -20px;
}
.apaki {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 19px;
	font-style: italic;
	color: #06F;
	font-weight: normal;
}
.apaki_answer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #0CF;
	text-decoration: blink;
	visibility: unvisible;
}
.apaki_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #03F;
	font-weight: normal;
}
.menutsa {
	font-size: 19px;
	color: #06F;
	background-color: #C6EAFD;
	font-family: "Times New Roman", Times, serif;
	border-top-style: dotted;
}
.menutsa2 {
	font-size: 20px;
	color: #06F;
	background-color: #C6EAFD;
	font-family: Verdana, Geneva, sans-serif;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	margin: 6px;
	padding: 10px;
	height: 42px;
}
.menutsa_apalo {
	font-size: 16px;
	color: #03F;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	margin: 3px;
	padding: 2px;
	font-weight: bold;
}
.glossodeths {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-style: normal;
	color: #03C;
	-webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
}
.visitorsonline {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #03C;
}
.tries {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #30C;
	width: 130px;
	font-weight: normal;
}
.score {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #F00;
	border: 2px double #FF0;
	float: right;
}
.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #06F;
	font-weight: normal;
}
#kremasmenos {width: 70%;
    height: auto;}
#div1, #div2 {
	font-size: 16px;
	color: #03F;
	font-family: Verdana, Geneva, sans-serif;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	margin: 16px;
	padding: 3px;
	font-weight: bold;
	display: inline-block;
}
#div2{background-color: #C6EAFD;}
#div1{background-color: #FaF;}
/*menu responsive code*/
body, nav, ul, li, a  {margin: 0; padding: 0;}
/*body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }*/
a {text-decoration: none;}
.container {
    width: 90%;
    max-width: 100%;
    margin: 10px auto;
}
.toggleMenu {
    display:  none;
    background: #c6eafd;
    padding: 15px 25px;
    color: #0000ee;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#c6eafd;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 15px 15px;
    color:#0000ee;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid blue;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #FFFFCC;
    position: relative;
    z-index:100;
    border-top: 1px solid blue;
}
.nav li li li a {
    background:#c6eafd;
    z-index:200;
    border-top: 1px solid blue;
}

@media only screen and (max-width: 768px) {
.apaki {font-size: 16x;}
.apaki_answer {font-size: 13px;visibility: unvisible;}
.apaki_title {font-size: 15px; }
	.active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.menutsa2 {
	font-size: 12px;
	margin:6px;
	padding:6px;	
}
.footer {
	font-size: 13px;
	width:auto;
}
.kremalaword {
	font-size: 34px;
}
.grammata {
		font-size: 32px;
}
#kremasmenos {width: 50%;
    height: auto;}

#adright {display:none;}
.ainigmaa {font-size: 16px;}
.ainigma {font-size: 20px;}
#iimage {max-width:100%;height:auto;}
.basic2 {font-size: 18px;}
#logo {width:75%; height:auto;}
#div1, #div2 {
	font-size: 13px;
}

@media only screen and (max-width: 320px) {
.apaki {font-size: 13x;}
.apaki_answer {font-size: 12px;visibility: unvisible;}
.apaki_title {font-size: 12px; }
	#logo {width:60%; height:auto;}
	.basic2 {font-size: 14px;}
	}}