ign="justify">}. main {/ * Стилі блоку з логотипом */
margin-left: 2% ;: 21% ;: 100%;
}. topmenu {/ * Стилі верхнього меню */left: 5px groove rgb (200,200,200); right: 5px ridge rgb (200,200,200); align: bottom;: 50px;: 77%; sizing: border-box; radius: 25px 25px; image: linear-gradient (rgba (255,255,255, .7), rgba (255,255,255, .9), rgba (150,150,150, .5));
}. topmenu p {margin-top: 15px;}
div.topmenu a {/ * Стилі кнопок верхнього меню */size: 14pt; decoration: none;: # 000487; left: 5px;: 15px; image: gradient (45deg, rgba (255,255,255,.0) 30%, rgba (255,255,255, .8), rgba (255,255,255, .0) 70%), gradient (100% 80% at 50% 50%, rgba (255,255,255, .9) 0%, rgba (255,255,255 , .1) 50%, rgba (0,0,0,0) 50%); position: 200% 0, 0 0, 0 0, 0 0; size: 200% 100%, auto, auto, auto; repeat:no-repeat;}. topmenu a: hover {: background-position .5s linear; position: - 200% 0, 0 0, 0 0, 0 0; image: gradient (45deg, rgba (255,255,255, .0) 30 %, rgba (255,255,255, .8), rgba (255,255,255, .0) 70%), gradient (3px 45% at 0% 50%, rgba (0,0,0, .9), transparent), gradient (3px 45% at 100% 50%, rgba (0,0,0, .9), transparent);
}. topmenu a: active {: rgb (0,0,0); color: # 2970a9; image: gradient (45deg, rgba (255,255,255, .0) 30%, rgba (255,255,255,.8), rgba (255,255,255, .0) 70%), gradient (3px 45% at 0% 50%, rgba (0,0,0, .9), transparent), gradient (3px 45% at 100% 50 %, rgba (0,0,0, .9), transparent), gradient (rgba (100,100,100, .2), rgba (255,255,255, .8), rgba (255,255,255, .9));
} {/ * Стилі бічного меню * /: rgba (200,200,200, .35) ;: left; align: top; left: 2% ;: 21%; radius: 15px;: 2px groove # ccc; sizing: border-box; shadow: 2px 2px 10px rgba (0,0,0, .5);
}. leftmenu {right: 0px; align: top;: 100%;
}. leftmenu p {indent: 0px; align: left;
}. Lcaption {radius: 13px 13px 0px 0px;: 50px;: 100%; image: linear-gradient (rgba (255,255,255, .7), rgba (255,255,255, .9), rgba ( 150,150,150, .5));
}. Lcaption p {indent: 0px; top: 15px; align: center; size: 14pt;
}. leftmenu a {/ * Стилі посилань бічного меню */decoration: none;: # FFFFFF; left: 5px; right: 5px;: block;
}. second {margin-left: 20px;}. first {font-weight: bold;}. leftmenu a: hover {: # dddddd;
}
# check {: # dddddd;: rgba (0,0,0, .1); top: 3px ridge white; bottom: 3px groove white; radius: 10px;
}. inf {/ * Стилі блоку з контентом * /: rgba (255,255,255, .93) ;: 73% ;: block;: left; radius: 3px 3px 15px 15px; left: 2% ; bottom: 2%; right: 2%; shadow: 2px 2px 10px rgba (0,0,0, .8);}
figure {/ * Стилі блоку з картинкою */
width: 35% ;: #dddeee; bottom: 5px;:Block ;: right;:15px; bottom: 10px; align: center;:3px ridge #fff; radius: 8px;
}
. lol {width: 25%;}
. lalka {width: 100%; border-radius: 5px;}
. lol2 {width: 25%; float: left;}
. IOI {width: 30%;}
. IOI2 {float: left; width: 30%;}
. figly {float: left}
.fifa{clear:both;},h2,h3,h4{align:center;:15px;}{:15px;size:12pt;align:justify;indent:20px;
}. ankor {align: center; indent: 0; top: 0; bottom: 0; height: 25px;
} {left: 40%; align: right;
} {font-size: 11pt;} {/ * Стилі підвалу * /: block;: both;: 100% ;: 50px; top: - 50px; sizing: border-box; radius: 15px 15px 0px 0px; image: linear-gradient (rgba (255,255,255, .7), rgba (255,255,255, .9), rgba (150,150,150, .5)); top: 1px;
}. footer {align: center; indent: 0;
} {font-family: Verdana;}
# vverh {/ * Стилі кнопки «Вгору сторінки» * /: 25% ;: 100%; size: 16pt;: fixed;: none;: 0% ;: 0 ;: url (../images/2up.png) no-repeat 50% 80%; size: 40% 22% ;: 1s;
}
# vverh: hover {position: 50% 70%; color: rgba (0,0,0, .3);
}. button27 {/ * Стилі кнопок «На слід. сторінку »,« На попер. сторінку »
display: inline-block;: 5px; decoration: none ;: # 000; radius: 5px ;: #dcdcdc linear-gradient (#ffffff, #ccc); shadow: 0 0 0 1px # ddd inset, 0 1px 1px #fff;
}. button27: hover {: #dcdcdc linear-gradient (#fff, #ccc); shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}. button27: active {: #dcdcdc linear-gradient (#ccc, #ddd); shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba (0,0,0 ,. 5) inset, 0 1px 2px #fff;
}. list {align: center;
