body{background:url(../design/button_grey-ri.jpg) right top repeat-y;color:#000;}
a{border-bottom:1px solid #DFDFDF;color:#3333FF;}
a:hover{border-bottom:none;color:#333333;text-decoration:underline;}
a:active{color:#FF0000;}
fieldset{border:1px solid #DFDFDF;}
legend{background:#FFF;color:#00B200;}
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }
.low, .low a{color:#7F7F7F;}
.low a:hover{color:#000}
h1 .n{background:url(../design/7png.png) no-repeat 0 50%;padding-left:20px;background-position:bottom;}
#logo{text-align:left;font-family:"DS Greece","Cassandra","University","Lucida Calligraphy","Times New Roman",verdana, arial, serif;position:relative;}

#logo{font-weight:normal;text-align:left;margin-left:5.5em;font-style:italic;color:#FF0000}
span#logo a{font-size:1.2em;color:#666666;margin-left:5em\0/;padding-left:9em\0/;}
#logo{font-size:1.5em\0/;color:#666666;margin-left:.5em\0/;padding-left:.9em\0/;}
span#logo a:hover{color:#3333FF;}

#logo a:{color:#999999;text-align:left;font-size:3em;}
#logo a:active{color:#FF0000;}

#slogan{color:#000000;margin-left:5.5em;}
#slogan a{color:#333333;}
#slogan a:hover{color:#3333FF;}
#slogan a:active{color:#FF0000;}

#metki {position:relative;text-align:left;}
#search{background:#EFEFEF;}
#search #search-input{border:1px solid #AFAFAF;}
#search #search-input:focus{border:1px solid #5F5F5F;}
#search #search-submit{border:1px solid #00B200;background:#00B200;color:#FFF;}
#header{background:url(../pic/kn3-2.png) left no-repeat;margin-left:5px;text-align:left;}
#nav{border:1px solid #CCC;}
#nav ul li#nav-active a{background:#7F7F7F;color:#FFF;}
#nav li a:visited{color:#3333FF;}
#footer{border-top:1px solid #DFDFDF;color:#5F5F5F;}
#footer a{color:#3333FF;}
#footer a:hover{color:#000;text-decoration:underline;}
#topstory-title{border-bottom:1px solid #3F3F3F;background:#9F9F9F;}
#topstory-title h2 a{border-bottom:1px solid #5F5F5F;color:#FFF;}
#topstory-title h2 a:hover{border-bottom:1px solid #FFF;}
#topstory-title p.date{color:#000;}
#topstory-title p.date a{border-bottom:1px solid #5F5F5F;color:#000;}
#topstory-title p.date a:hover{border-bottom:1px solid #FFF;color:#FFF;}
#topstory-perex{background:#000;color:#AFAFAF;}
#topstory-perex a{border-bottom:1px solid #5F5F5F;color:#FFF;}
#topstory-perex a:hover{border-bottom:1px solid #FFF;color:#FFF;}

#zvz a{display: inline-block; width:32px; height:35px;float:left;margin-left:10px;background:url(../pic/zvz2.png) no-repeat;text-decoration:none;opacity:0.8;//height:25px;}
#zvz a:hover{display: inline-block; width:32px;height:35px;//height:35px;float:left;margin-left:10px;background:url(../pic/zvz2-1.png) no-repeat;text-decoration:none; opacity:1;//height:25px;}
*+html #nav #zvz :hover{text-decoration:none;color:#000000;background:url(../pic/zvz2-1.png) no-repeat;border:none;//height:25px;}
#zvz a:active{background:url(../pic/zvz2.png) no-repeat;text-decoration:none;//height:25px;}
*+html #nav #zvz :active{background:url(../pic/zvz2.png) no-repeat;text-decoration:none;}

*+html #vverh img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70, Style=1, StartY=20px, FinishY=10px ) ;}
*+html #vverh img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90) ;}

.col30 h4 a{color:#3333FF;}
.col30 h4 a:hover{color:#000;}
.col30 p.date{color:#7F7F7F;}
.col30 p.date a{color:#7F7F7F;}
.col30 p.date a:hover{color:#000;}
.hx-style01 span{}
a.ico-more{background:#F5F5F5;color:#5F5F5F;}
a:hover.ico-more{background:#00B200;color:#FFF;}
/* 	background: //filter: alpha(opacity=80);*/
.tooltip {
	position: relative;
	cursor: help;
	display: inline-block;
	text-decoration: none;
	color: #3333FF;
	outline: none;
	text-indent: 0;
	padding: 0 3px;
}
.tooltip:hover:before {
	content: attr(data-title);
	white-space: pre-line;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 9999;
	width: auto;
	margin-left: -127px;
	padding: 5px;
	border: 2px solid #ccc;
	opacity: .9;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover:after {
	content: "";
	position: absolute;
	z-index: 10000;
	bottom: 24px;
	left: 50%;
	margin-left: -8px;
	border-top: 8px solid #ddd;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 0;
}
.column2 {  -webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2;
box-shadow: -0.4em 0.4em 5px #CCCCCC; border-radius: 7px; background: #f3f3f3;
filter:progid:DXImageTransform.Microsoft.dropShadow(color=#E5E5E5, offx=-7, offy=7 ) ;
-moz-box-shadow:-0.4em 0.4em 5px #CCCCCC; 
-webkit-box-shadow: -0.4em 0.4em 5px #CCCCCC;
margin:45px; }
ul .column2{padding-left:45px; }
/* Yellow */
.yellow-tooltip:hover:before {
	border-color: #e1ca82;
	background-color: #ffeaa6;
}
.yellow-tooltip:hover:after {
	border-top-color: #ffeaa6;
}
@media screen and (max-width: 560px) {
#logo{margin-left:.3em;}
#slogan {margin-left:.2em;}
}