.toph {width:100%;height:100px;background: white;}
.logo {width:326px;height:100px;background: transparent url(/images/logo.png) no-repeat;}
.topg {width:100%;height:30px;background: orange url(/images/gr.jpg) repeat-x;padding:0px; text-align: center; font-weight: bold;}

.space {width:10px;background: white url(/images/space.png) repeat-y;padding:0px;}
.site_name h1 {color:white;display:inline;font-family:Monotype Corsiva;}
.site_name {text-align:center;}
.clock {width:150px;height:100px;text-align:right;background: #669966 url(/images/bgclock.jpg) no-repeat;}
h2 {display:inline;}
.kolonka {width:250px;padding:10px;}
.content {padding:10px;background: silver;}
.material {padding:10px 30px 10px 10px;background: white url(/images/ugolok.png) no-repeat;background-position:100% 0%;margin-bottom:10px;}
.datam {color:goldenrod;font-size:80%;font-weight:bold;}
.head {height:30px;background: #669966;color:white;font-size: 150%; text-align:center;font-family:Monotype Corsiva;padding:5px;}
.bottom {height:30px;background: #669966;color:white;font-size: 120%;text-align:center;font-family:Monotype Corsiva;padding:5px;}

a:visited {color:darkblue;}
a:link {color:blue;}
a:hover {color:red;}
a:active {color:blue;}

a.linkactive:visited {color:black;font-weight:bold;text-decoration:none;}
a.linkactive:link {color:black;font-weight:bold;text-decoration:none;}
a.linkactive:hover {color:black;font-weight:bold;text-decoration:underline;}
a.linkactive:active {color:black;font-weight:bold;text-decoration:none;}

a.linkpassive:visited {color:darkblue;}
a.linkpassive:link {color:blue;}
a.linkpassive:hover {color:red;}
a.linkpassive:active {color:blue;}
.topg a {color:#006600; text-decoration: none;}
.topg a:hover {color:#003300; text-decoration: none;}

#content {padding: 10px;}
#counter {padding: 2px; text-align: center;}