/* CSS Document */
body{padding:0;margin:0;background:url(images/bg.gif) 0 0 repeat-x #fff;color:#000}
div, h1, h2, h3, p, form, a, label, input, textarea, img, span{margin:0;padding:0;border:#000 dotted 0px;text-decoration:none}
img{border:none}
ul{margin:0;padding:0;list-style-type:none}

.image{float:left;width:80px;height:80px;margin:0}
.image_oshkole{position:absolute; top:25px; left:205px; float:left; width:70px; height:70px; margin:0}
.image_raspisanie{position:absolute; top:9px; left:260px; float:left; width:65px; height:65px; margin:0}
.image_parents{position:absolute;top:8px;left: 215px;float:left;width:80px;height:80px;margin:0}
.image_documents{position:absolute; top:8px; left:270px; float:left; width:80px; height:80px; margin:0}
.image_ege{position:absolute;top:8px;left: 290px;float:left;width:70px;height:70px;margin:0}
.image_contact{position:relative;float:right;width:90px;height:90px;margin:0}
.egeinfo{position:absolute;top:0px;left: 560px;float:left;width:100px;height:100px;margin:0}
.shedule{position:absolute;top:-10px;left: 560px;float:left;width:100px;height:100px;margin:0}
.alarm{position:absolute;top:-10px;left: 600px;float:left;width:70px;height:70px;margin:0}
.vacancy{position:absolute;top:-10px;left: 590px;float:left;width:90px;height:90px;margin:0}
/*.subnav_img{float:left;width:20px;height:20px;margin:0}*/

/*------------------------------------------------body---------------------*/

/*------------------------------------------------header start---------------------*/
#wrap{width:915px;position:relative;margin:0 auto;}
#header{width: 915px;height: 140px;background: url(images/nav.gif) 0 0 no-repeat}
#header .nav{position:absolute;top:7px;left:9px;font: 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;/*z-index:2*/}

#mainitem_1 .item, #mainitem_2 .item, #mainitem_3 .item, #mainitem_4 .item, #mainitem_5 .item, #mainitem_6 .item{width:222px;height:20px;overflow:hidden;transition:height ease-in-out 400ms;/* css3 transition */-o-transition:height ease-in-out 400ms;-moz-transition:height ease-in-out 400ms;-webkit-transition:height ease-in-out 400ms;border:1px solid #ccc;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin-bottom:-1px;text-transform:uppercase}
#mainitem_1 h3, #mainitem_2 h3, #mainitem_3 h3, #mainitem_4 h3, #mainitem_5 h3, #mainitem_6 h3{display: block;height: 10px;line-height: 10px;background: #fff;padding:5px;color: #1e1e1e;text-decoration:none;font-weight:normal}
#mainitem_1 div:hover{height:95px;background:#fff url(accept.png) no-repeat top left}
#mainitem_2 div:hover{height:165px;background:#fff}
#mainitem_3 div:hover{height:230px;background:#fff}
#mainitem_4 div:hover{height:70px;background:#fff}
#mainitem_5 div:hover{height:74px;background:#fff}
#mainitem_6 div:hover{height:115px;background:#fff}
#mainitem_1 div:hover h3{border-bottom:1px solid #00f;font-weight:bold}
#mainitem_2 div:hover h3{border-bottom:1px solid #0f0;font-weight:bold}
#mainitem_3 div:hover h3{border-bottom:1px solid #f00;font-weight:bold;}
#mainitem_4 div:hover h3{border-bottom:1px solid #f00;font-weight:bold;}
#mainitem_5 div:hover h3{border-bottom:1px solid #f00;font-weight:bold;}
#mainitem_6 div:hover h3{border-bottom:1px solid #f00;font-weight:bold;}

.subnav{width:300px;height:auto;margin:3px 0 0 20px;position:relative}
.subnav ul{width:300px;margin:4px 0 0 0;padding:0}
.subnav li{width:200px;height:25px;border-bottom:0px dotted #999999;font:14px/10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;	text-decoration:none;text-transform:none;background:url(images/accept1.png) no-repeat top left}
.subnav li.nolink{width:135px;display:block;color:#000;font-weight:normal;line-height:18px;text-decoration:none;padding:0 0 0 22px}
.subnav li.twostring{height:32px}

#mainitem_6 .item ul.subnav li a p, #mainitem_3 .item ul.subnav li a p{margin:0;padding:0;text-align:left;font:14px/13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.subnav a{width:230px;display:block;color:#444;font-weight:normal;line-height:18px;text-decoration:none;padding:0 0 0 22px}
.subnav a:hover{color:#ff0000;text-decoration:none}

.subnav1{width:135px;height:auto;margin:-5px 0 0 40px;position:relative}
.subnav1 ul{width:145px;margin:0}
.subnav1 li{width:115px;height:20px;border-bottom:1px dotted #999999;font:14px/10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-decoration:none;text-transform:none;background:url(images/user.png) no-repeat left}
.subnav1 a{width:115px;display:block;color:#000;font-weight:normal;line-height:18px;text-decoration:none;padding:0 0 0 22px}
.subnav1 a:hover{color:#ff0000;text-decoration:none}

#content{margin:0 auto;position:relative;top:20px;/*z-index:1*/}
#content p.vospit, #content p.ssylki{margin:0 0 5px 10px;padding:0;font:14px/10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;color:#f00;text-transform:uppercase;font-weight:bold}
#content p.ssylki{margin:20px 0 5px 10px}
#content p.dvestroki{margin:0;padding:0;text-align:left;font:14px/12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}

.sidelinks{margin:0;float:left;width:238px;height:auto;border-right:0px dotted #999999}
.sidenav{width:178px;height:auto;margin:0px;position:relative}
.sidenav ul{width:200px;         margin:0 0 0 10px;       padding:0}
.sidenav li{width:210px;border-bottom:1px dotted #999999;background:url(images/garrow.gif) no-repeat 0 9px;font:14px/14px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-decoration:none;text-transform:none}
.sidenav a{width:200px;display:block;color:#777;font-weight:normal;line-height:25px;text-decoration:none;padding:0 0 0 13px}
.sidenav a:hover{color:#222;background:url(images/rarrow.gif) no-repeat 0 9px;line-height:25px;text-decoration:none;padding:0 0 0 15px}
ul.links{margin:10px 0 0 10px}
ul.links li{height:30px;border:0}

.main{width:660px;margin:20px 3px 0 3px;position:relative;float:left}
.main p.first{float:left;width:470px;border:0px solid;margin:0 0 0 10px;padding:30px 0;color:#111;font:16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.main p.two{float:left;width:660px;border-top:1px solid #ddd;margin:0 0 0 10px;padding:5px 0 0 0;color:#111;font:16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:justify}
.main ul.two{float:left;width:660px;margin:0 0 0 50px;padding:5px 0 0 0;color:#111;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.main .img{position:relative;float:left;padding:0;margin:0;width:172px;border:0px solid}
.img p{margin:0 auto;padding:5px 0;text-align:center;color:#aaa;font:12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.h1{float:left;border-bottom:1px solid #ddd;width:660px;font:28px/16px "Times New Roman", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;color:#333;font-weight:bold;font-style:italic;text-decoration:none;text-transform:none;text-align:center;padding:10px 5px}
.title_history{float:left;border-bottom:2px solid #acabad;width:660px;font:24px/16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;color:#333;font-weight:100;text-decoration:none;text-transform:none;text-align:left;padding:10px 5px}
.main .director, .main .VR, .main .UVR, .main .pic_left, .main .pic_middle, .main .pic_right{float:left;display:block;position:relative;margin:0;width:170px}
.main .picture{float:left;display:block;position:relative;margin:0;width:216px}
.main .uch_plan{width:423px;float:left;display:block;position:relative}
.main .VR, .main .UVR, .main .pic_middle, .main .pic_right{margin:0 0 15px 60px}
.main .uch_plan{margin:0 0 0 15px}
.main .director p, .main .VR p, .main .UVR p, .main .pic_left p, .main .pic_middle p, .main .pic_right p{margin:2px 0 0 0;color:#111;font:13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:center}
.main p.history{color:#111;font:16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:justify}
.main p.admin{margin:0;padding:0;color:#111;font:13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #999}
.main p.vac{margin:0;padding:0 0 0 4px;color:#111;font:13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;font-weight:100}
.main ul.contact, .main ul.uch_plan{float:left;margin:0;padding:0;color:#111;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.main ul.contact li{padding:0 0 10px 0}
.main ul.uch_plan li, .main ul.kim li{padding:0 0 0 45px;width:400px;height:35px;border-bottom:0px dotted #999999;font:14px/10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-decoration:none;text-transform:none;background:url(images/word1.png) no-repeat top left}
.main ul.kim li {padding:0 0 0 35px;background:url(images/zip.png) no-repeat top left}
.main ul.uch_plan li a, .main ul.kim li a{line-height:25px;color:#555}
.main ul.uch_plan li a:hover, .main ul.kim li a:hover{color:#333;font-weight:bold}
.main p.normal{float:left;width:650px;border:0px solid;margin:0 0 10px 5px;padding:0;color:#111;font:16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:justify}
.main p.normal a{color:#111;font:16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.main p.normal a:hover{color:#c5c5c5;font:16px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.main p.normal a.ege{color:#313131;font:14px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
.main p.normal a.ege:hover{color:#727272;font:14px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-decoration:none}
.main img.normal{margin:0;padding:0 10px 0 0;float:left}
.main ul.normal{float:left;margin:0 0 10px 50px;padding:0;color:#111;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:justify;list-style-type:square}
.main ul.normal_1{float:left;margin:0 0 10px 20px;padding:0;color:#111;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:justify;list-style-type:disc}
.main ul.normal_2{float:left;margin:0 0 10px 57px;padding:0;color:#111;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:justify;list-style-type:decimal}
.main h2.normal{margin:0 0 8px 0;padding:0;font:20px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;text-align:center;color:#890027}

/* start - table */
#bells, #duty, #shedule, #shedule_highschool{position:relative;left:10px;float:left;align:center;margin:0;padding:0}
#shedule{position:relative;float:left;align:center;margin:0;padding:0;overflow:auto;width:655px;height:400px}
#shedule_middleschool{position:relative;float:left;align:center;margin:0;padding:0;overflow:auto;width:685px;height:400px}
#shedule_highschool{position:relative;float:left;align:center;margin:0;padding:0;overflow:auto;width:720px;height:320px}

#bells table{border-collapse:collapse;margin:0 15px 10px 15px;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
#bells table th strong{color:#fff}
#bells table th{background: #0f439b url(images/button-bg.jpg) repeat-x 0 0;height:35px;padding-left:12px;padding-right:12px;color:#fff;text-align:center;border:1px solid #306bc1; 	border-bottom-width: 2px;}
#bells table tr{height:32px;background:#fff}
#bells table td{padding-left:8px;padding-right:8px;border:1px solid #bbbbbb;text-align:center}
/* end - table */

/* start - table */

#duty table{border-collapse:collapse;margin:10px 15px;font:15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
#duty table th{background:#0f439b url(images/bg_duty.jpg) repeat-x 0 0;height:30px;padding-left:12px;padding-right:12px;color:#111;text-align:center;border:1px solid #b5b5b5;border-bottom-width:1px}
#duty table tr{height:30px;background:#fff}
#duty table td{padding-left:8px;padding-right:8px;border:1px solid #bbbbbb;text-align:center}
/* end - table */

span.number{font-weight:bold;color:#ab003c}

/* start - table */
#shedule table, #shedule_highschool table, #shedule_middleschool table{border-collapse:collapse;margin:0;font:14px  "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
#shedule table th, #shedule_highschool table th, #shedule_middleschool th{background:#0f439b url(images/bg_duty.jpg) repeat-x 0 0;height:20px;padding-left:12px;padding-right:12px;color:#111;text-align:center;border:1px solid #b5b5b5;border-bottom-width:1px}
#shedule table tr, #shedule_highschool table tr,#shedule_middleschool tr{height:20px;background:#fff}
#shedule table td, #shedule_highschool table td, #shedule_middleschool td{padding-left:8px;padding-right:8px;border:1px solid #bbbbbb;text-align:center}
#shedule table td.td_border_bottom, #shedule_highschool table td.td_border_bottom, #shedule_middleschool table td.td_border_bottom{border-bottom:1px solid #00a40f}
#shedule span.class_number, #shedule_highschool span.class_number, #shedule_middleschool span.class_number{font:22px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;color:#585858}
/* end - table */

/*----------------------------------------------footer----------------------------------------*/
#footer{clear:both;position:relative;top:50px;height:40px;margin:0 auto;padding:0;background:rgb(250, 250, 250);background:-moz-linear-gradient(bottom, #777777, #fff 1px, #dedede 35px);background:-webkit-gradient(linear, left bottom, left 25, from(black), color-stop(4%, #fff), to(#cccccc));font-family:Arial, Helvetica, sans-serif;color:#444}
#footer p{width:900px;margin:0 auto;padding:10px 0;text-align:center;font:12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif}
#footer a{color:#000;font-weight:normal;text-decoration:underline}
#footer a:hover{color:#990044;text-decoration:none}