@charset "utf-8";
* { margin:0; padding:0; }

body { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#666; background-image:url("https://krholmschool2.ru.xsph.ru/images/33233.jpg"); }

h1 {}
h2 { font-size:24px; padding: 0 0 20px 0; }
h3 {}
h4 {}
a { text-decoration:none; color:#6F6DEB; }
a:hover { text-decoration:underline; }
p { margin-bottom: 20px; line-height:140%; }

.work { float:left; width:1000px; background-color:#f9f9f9; margin: 20px 0 20px 0; border-radius:10px; }

.work .razdel { float:left; width:960px; margin: 20px 20px 0 20px; }
.work .razdel:last-child { margin-bottom:20px; }
.work .razdel .moduletable { float:left; width:100%; }

/* Верхнее меню */
.work .razdel .moduletable.topmenu { color: #fff; }
.work .razdel .moduletable.topmenu ul { float:left; width:100%; list-style:none; background-color:#272727; }
.work .razdel .moduletable.topmenu ul li { float:left; }
.work .razdel .moduletable.topmenu ul a { float:left; color:#cccccc; text-decoration:none; padding:5px 15px; }
.work .razdel .moduletable.topmenu ul li:hover>a { color:#cb500e; background-color:#333333; }
.work .razdel .moduletable.topmenu ul li.active>a { color:#ffffff; background-color:#333333; }
.work .razdel .moduletable.topmenu ul li.active:hover>a { color:#cb500e; background-color:#333333; }
.work .razdel .moduletable.topmenu ul li:first-child>a { }

.work .razdel .moduletable.topmenu ul li>ul { position:absolute; z-index:9999; width:200px; margin-top:27px; padding:5px 0 10px 0; display:none; }
.work .razdel .moduletable.topmenu ul li:hover>ul { display:block; }
.work .razdel .moduletable.topmenu ul li>ul a { width:170px; }
.work .razdel .moduletable.topmenu ul li>ul>li>ul { position:absolute; z-index:9999; width:200px; margin: 0 0 0 200px; padding:5px 0 10px 0; background-color:#333; }

.work .razdel .moduletable.topmenu ul li>ul>li.parent>a { background:url(../images/str-men2.png) right center no-repeat; }
.work .razdel .moduletable.topmenu ul li>ul>li.parent:hover>a { background:url(../images/str-men2.png) right center no-repeat #333; }

/* Чтобы последний пункт меню не вылезал за край нашей страницы: */
.work .razdel .moduletable.topmenu>ul>li:last-child { position:relative }
.work .razdel .moduletable.topmenu>ul>li:last-child>ul { right:0; }
.work .razdel .moduletable.topmenu>ul>li:last-child>ul>li>ul { margin: 0 0 0 -200px; }
.work .razdel .moduletable.topmenu>ul>li:last-child>ul>li.parent>a { background:url(../images/str-men1.png) left center no-repeat; }
.work .razdel .moduletable.topmenu>ul>li:last-child>ul>li.parent:hover>a { background:url(../images/str-men1.png) left center no-repeat #333; }

/* Чтобы ПРЕДПОСЛЕДНИЙ и тд. пункт меню не вылезал за край нашей страницы: */
.work .razdel .moduletable.topmenu>ul>li:nth-last-child(2) { position:relative }
.work .razdel .moduletable.topmenu>ul>li:nth-last-child(2)>ul { right:0; }
.work .razdel .moduletable.topmenu>ul>li:nth-last-child(2)>ul>li>ul { margin: 0 0 0 -200px; }
.work .razdel .moduletable.topmenu>ul>li:nth-last-child(2)>ul>li.parent>a { background:url(../images/str-men1.png) left center no-repeat; }
.work .razdel .moduletable.topmenu>ul>li:nth-last-child(2)>ul>li.parent:hover>a { background:url(../images/str-men1.png) left center no-repeat #333; }

/*Навигатор сайта*/
.work .top_puti .puti ul { list-style:none; float:left; width:905px; padding:0 0 0 12px; font-size:12px; }
.work .top_puti .puti ul li{ float:left; }
.work .top_puti .puti ul li a{ padding:2px; }
.work .top_puti .puti ul li span{ padding:2px; }

/* Контент */
.work .razdel .left_pos { float:left; }
.work .razdel .content { float:left; }
.work .razdel .right_pos { float:left; }

/*Подвал*/
.work .bot_pos { background-color:#272727; color:#cccccc; }
.work .bot_pos h3 { margin: 0 0 20px 0; color:#999999; text-transform:uppercase; }
.work .bot_pos ul { list-style:none; }
.work .bot_pos a { color:#cccccc; text-decoration:none; }
.work .bot_pos .moduletable { float:left; width:240px; margin:40px; }
.work .bot_pos .moduletable:last-child { margin: 40 px 0 40px 40px; }

.work .bot_pos .nizmen li { float:left; width:240px; border-bottom:1px #333 solid; }
.work .bot_pos .nizmen li a { float:left; width:220px; padding:5px 10px; }
.work .bot_pos .nizmen li a:hover { background-color: #333; color:#ffffff; }
.work .bot_pos .nizmen li.active a { background-color: #333; color:#ffffff; }

/*Вертикальное выпадающее меню*/
.work .razdel .moduletable.menurt { float:left; width:100%; background-color:#FFFFFF; padding-bottom:20px; }
.work .razdel .moduletable.menurt h3 { text-transform: uppercase; width:140px; margin:20px; font-size:14px; color:#CCC; }
.work .razdel .moduletable.menurt ul { float:left; width:100%; list-style:none; background-color:#FFFFFF; }
.work .razdel .moduletable.menurt ul li { float:left; width:180px; margin:0; }
.work .razdel .moduletable.menurt ul li a { float:left; width:140px; padding: 5px 0; margin:0 20px; text-decoration:none; border-bottom:1px #666 solid; color:#ccc; }
.work .razdel .moduletable.menurt ul li:last-child>a { border-bottom:0px; }
.work .razdel .moduletable.menurt ul li.active>a { color:#fff; }
.work .razdel .moduletable.menurt ul li:hover>a { color:#cb500e; }
.work .razdel .moduletable.menurt ul li a:hover { background-color:#333; }
.work .razdel .moduletable.menurt ul li ul { position:absolute; width:180px; display:none; padding: 5px 0; }
.work .razdel .moduletable.menurt ul li:hover>ul { display:block; }

.work .razdel .left_pos .moduletable.menurt ul li ul { margin-left: 180px; }
.work .razdel .left_pos .moduletable.menurt ul li.parent { background:url(../images/str-men2.png) 166px center no-repeat; }

.work .razdel .right_pos .moduletable.menurt ul li ul { margin-left: -180px; }
.work .razdel .right_pos .moduletable.menurt ul li.parent { background:url(../images/str-men1.png) 5px center no-repeat; }