/* ----------------------------------------------------------------------------------------------------------
HTML position: relative; right; bottom; position: absolute;
---------------------------------------------------------------------------------------------------------- */

body {background: #fafafa url(../design/button_grey-ri.jpg) right top repeat-y; color:#000000;}

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; }
b2 {font-size:160%; color: #333333; font-family: "Lucida Calligraphy","Times New Roman";}
b3 {font-size:140%; color: #333333; font-family: "Lucida Calligraphy","Times New Roman";}

.low, .low a {color:#7F7F7F;}
.low a:hover {color:#000;}

.ugol {display:block; width:100px; height:100px; background:url(./pic/fold-r.png) no-repeat;background-position:center;text-align:center;position: absolute;right: 32%;bottom:30%;}
.ugol a{display:inline-block;padding-top:20px;}
.ugol:hover {background: url(./pic/fold-r1.png) right bottom no-repeat;}
.ugol:active {background: url(./pic/fold-r2.png) right bottom no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Layout right: 21em;bottom:26em;
---------------------------------------------------------------------------------------------------------- */

#logo {color:#666666; text-align:center;}

#logo  a:{color:#666666;}
#logo a:hover { color: #000000;}
#logo a:visited  {color:#3333FF;}   
#slogan {color:#7F7F7F;margin-left:8em;}
#header{background:url(pic/kn4-1.png) left no-repeat;margin-left:10px;}

#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;}

#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;}

#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;//border:none;}
#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 a{border:none;}
*+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) ;}
.tooltip {opacity:0.6;float:right;}
.tooltip:hover {opacity:1;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#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;}

.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;}

/* ----------------------------------------------------------------------------------------------------------
Others zzzzzzzzzzz
---------------------------------------------------------------------------------------------------------- */

.hx-style01 span {background: #f3f3f3; color:#666666;}

a.ico-more {background:#F5F5F5; color:#5F5F5F;}
a:hover.ico-more {background:#00B200; color:#FFF;}

@media screen and (max-width: 560px) {
#slogan {color:#000000;margin-left:.2em;}
}
@media screen and (max-width: 800px) {
.ugol {position: relative;right: 2%;bottom:29%;margin-left:15px;}
.ugol a{display:inline-block;border:none;}
}
@media screen and (max-width: 640px) {
b2 {font-size:130%;}
b3 {font-size:120%;}
}