body { /* globalni nastaveni stranky, obrazku a odkazu */
	color: #ccc;
	background: url("su-jin/w.png") 0px 0px repeat-x #000;
}

/* odkazy */

a, a:visited {color: #0cf}
a:active, a:hover {color: #3c0;text-decoration: none}
.silver a, .silver a:visited, a.silver, a.silver:visited {
  color: #999;
  border-bottom: 1px dotted #444;
}
.silver a:hover, a.silver:active, a.silver:hover {
  color: #3c0;
  text-decoration: none;
}
h1 a, h1 a:visited, #end_info h1 a, #end_info h1 a:visited {color: #eee;text-decoration: none; border:none!important}
h1 a:active, h1 a:hover, #end_info h1 a:active, #end_info h1 a:hover, #body h2 a:hover {color: #666}
.win {padding-right: 14px; background: url("su-jin/ext_win.gif") 100% 60% no-repeat}
.ext, .list a span, .list a:visited span {padding-right: 8px; background: url("su-jin/ext.bmp") 100% 60% no-repeat}
.down a, .down a:visited {padding-right: 8px; background: url("su-jin/down.bmp") 100% 60% no-repeat}

/* layout stranek */

#nav h1 {
  color: #ddd;
}

.cite {
  color: #888;
}

/* hlavicka */

#head_home, #head_home a { /* logo webu */
  background: url("su-jin/home.png");
}
#head_home a:hover {background: url("su-jin/home.png") no-repeat;}

/* hlavni menu */

#head_menu {
  background: url("su-jin/menu.png");
}
#head_menu a, #head_menu a:visited, #head_menu a:hover { /* hlavicka - menu */
  color: #aaa;
}

a.hm1:hover, a.hm1act {background: url("su-jin/menu.png") 0000px 190px; color: #0cf!important}
a.hm2:hover, a.hm2act {background: url("su-jin/menu.png") -090px 190px; color: #0cf!important}
a.hm3:hover, a.hm3act {background: url("su-jin/menu.png") -180px 190px; color: #3c0!important}
a.hm4:hover, a.hm4act {background: url("su-jin/menu.png") -270px 190px; color: #0cf!important}
a.hm5:hover, a.hm5act {background: url("su-jin/menu.png") -360px 190px; color: #fff!important}
a.hm6:hover, a.hm6act {background: url("su-jin/menu.png") -450px 190px; color: #3c0!important}

/* paticka */

#end { /* global */
	background: url("su-jin/w_end.png") repeat-x #111;
}
#end h1 {color: #333}
#end h2, #end h3 {color: #fff}
#end h3 {padding: 2px 0px 2px 0px;color: #888}

#end_ico { /* navigacni ikony */
  background: url("su-jin/end_ico.png") no-repeat;
}
a.ico1, a.ico1:visited {height: 40px;background: url("su-jin/end_ico.png") 0px 0px no-repeat;}
a.ico2, a.ico2:visited {height: 30px;background: url("su-jin/end_ico.png") 0px -40px no-repeat;}
a.ico3, a.ico3:visited {height: 50px;background: url("su-jin/end_ico.png") 0px -70px no-repeat;}
a.ico1:hover {background: url("su-jin/end_ico.png") -60px 0px no-repeat;}
a.ico2:hover {background: url("su-jin/end_ico.png") -60px -40px no-repeat;}
a.ico3:hover {background: url("su-jin/end_ico.png") -60px -70px no-repeat;}

#end_info a, #end_info a:visited, #end_design a, #end_design a:visited {
  color: #bbb;
  border-bottom: 1px dotted #777;
}
#end_info a:active, #end_info a:hover, #end_design a:active, #end_design a:hover {
  color: #3c0;
  border-bottom: 1px solid #777;  
}
#end_logo, #end_logo a { /* logo webu (male) */
	background: url("su-jin/logo_small.png") bottom;
}

.block:hover, .block.hover, .block2:hover, .block2.hover, .block3:hover, .block3.hover {color: #fff}

/* opticke predely */

.l1 {background: url("su-jin/l1.png") no-repeat center;height: 32px;}
.l2 {background: url("su-jin/l2.png") no-repeat center;height: 32px;}
.l3 {background: url("su-jin/l3.png") no-repeat center;height: 32px;}
.l4 {background: url("su-jin/l4.png") no-repeat center;height: 32px;}

/* seznamy */

li, ol li ul li {
  background: url("su-jin/li.bmp") 0px 5px no-repeat;
}

.big li, .bigin li, .big {
  background: url("su-jin/lib.bmp") 0px 13px no-repeat;
  color: #444;
}
.big {background: none}
.big a, .big a:visited, .bigin a, .bigin a:visited {
  color: #444;
}
.big a:hover, .bigin a:hover {color: #777}

.list a, .list a:visited {
  color: #fff;
  background: url("su-jin/list.bmp") no-repeat 3px 7px #000;
}
.list a:hover, .list a.imp, .list a.imp:visited {
  background-color: #111;
  color: #3c0;
}

/* nadpisy, odstavce, zvyrazneni */

#body h2, #body h2 a, #body h2 a:visited {
  color: #ddd;
}
#body h3, #body h3 a, #body h3 a:visited {
  color: #3c0;
}
#body h2 a:hover {color: #aaa}
#body h3 a:hover {color: #3c0}
#body h4 {color: #0cf}

em {color: #3c0}
cite {color: #888}
strong {color: #eee}
acronym {border-bottom: 1px dotted #888}

/* obrazky */

#body img { /* 150x100 */
  background: url("su-jin/i1.png") center center no-repeat;
}
#body img.i0, #body .i0 img { 
  background: none!important;
}
#body img.i2, #body .i2 img { /* 150x150 */
  background: url("su-jin/i2.png") center center no-repeat;
}
#body img.i3, #body .i3 img { /* 400x80 */
  background: url("su-jin/i3.png") center center no-repeat;
}
  
#body img.i4, #body .i4 img { /* 180x360 */
  background: url("su-jin/i4.png") center center no-repeat;
}
#body img.i5, #body .i5 img { /* 180x180 */
  background: url("su-jin/i5.png") center center no-repeat;
}
#body img.i6, #body .i6 img { /* 360x180 */
  background: url("su-jin/i6.png") center center no-repeat;
}
/* formulare */

.form {
  border: 1px dotted #888;
  border-bottom: 5px solid #111;
  color: #aaa;
  background: url("su-jin/li.bmp") 8px 8px no-repeat #000;
}
.form:hover {
  border-bottom: 5px solid #1a1a1a;
  background-color: #050505;
  color: #ddd;
}

.send {
  color: #666;
  background: #080808;
  border: 2px solid #555;
  border-right-color: #999;
  border-bottom-color: #999;
}
.send:hover {
  border-left-color: #aaa;
  border-top-color: #aaa;
  border-right-color: #555;
  border-bottom-color: #555;
  color: #aaa;
}

/* doplnky */

.video {
  background: url("su-jin/v1.png") center no-repeat;
}

/*  sekce galerie */

.grid {
  background: url("su-jin/grid.png");
}

/* sekce zapisky */

.topic, .topic2 {background: url("su-jin/topic.png") 239px 0px no-repeat}
.topic2 {background-position: 479px 0px}

/* sekce autor */

.line {
  background: url("su-jin/horiz.bmp") repeat-x bottom;
}

a.avi, a.avi:visited {

  background: url("su-jin/avi.jpg") no-repeat;
}
a.avi:hover {background: url("su-jin/avi.jpg") -110px 0px no-repeat;}