<HTML>
<head>
<Title>"Факел" </Title>

<meta name="description" content="Сайт организации 'Факел'"/>
<meta name="keywords" content="Факел, Донской, кружки"/>

<style>
div.radius {
  border-radius: 20px;
  background: white;
}

#mymenu  {
 width: 190px;
 margin: 0 auto;
}
#mymenu .mydiv {
 width: 190px;/*ширина всего меню*/
 transition: height ease-in-out 500ms;
 -o-transition: height ease-in-out 500ms;
 -moz-transition: height ease-in-out 500ms;
 -webkit-transition: height ease-in-out 500ms;
 border-radius: 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
}
.mydiv h3{height: 45px;
 cursor:pointer;
 margin: 0 0 0 0;
 text-align: center;
 color:Darkslateblue;padding: 12px 0px 0px 0px;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background: yellowgreen;/*цвет наружного меню*/ 
}
#mymenu p {
 text-align: center;
 margin: 0 0 1px 0;
 height: 0px;
 overflow: hidden;
 transition: height ease-in-out 500ms;
 -o-transition: height ease-in-out 500ms;
 -moz-transition: height ease-in-out 500ms;
 -webkit-transition: height ease-in-out 500ms;
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background: Darkseagreen; /*цвет фона внутреннего меню*/
filter: progid:DXImageTransform.Microsoft.gradient
        ( startColorstr='#E1A3370', endColorstr='#E1A337',GradientType=0 );
}

#mymenu p:hover {
 background: #999999;
 cursor:pointer;
}
#mymenu div:hover  > p {
 height: 45px;padding: 12px 0px 0px 0px;
}

* html #mymenu .mydiv  {
 filter: progid:DXImageTransform.Microsoft.gradient
        (startColorstr='#4EAEC1', endColorstr='#055261',GradientType=0 );
 height: 45px;
 overflow: hidden;
 forIE: expression(
  onmouseover = function()  {this.className += ' hover'},
  onmouseout = function() {this.className = this.className.replace('hover', '')}
  );
}
* html #mymenu .mydiv.hover  {
 height: auto;
}
#mymenu p a {
 color:Darkslateblue;
}

</style>
<style type="text/css">
    body {background: #cfcfcf;}
    .mes {margin:0 auto; width:400px; padding-top: 20px;}
</style>

<script type="text/javascript">
function change_color(bg,fg)
{
document.bgColor=bg;
document.fgColor=fg;
}


function showhide(obj){
    if(obj == 'none') return 'inline';
    else return 'none';
}


function Font(element,step)
{
    step = parseInt(step,10);
    var el = document.getElementById(element);
    var curFont = parseInt(el.style.fontSize,10);
    el.style.fontSize = (curFont+step) + 'px';
}
</script>


</head>

<Body>
<table  border="0" width="100%" height="100%" background="fon-11.jpg">


<tr>
<td> </td>
<td width="1000">
 
<div class="radius">

<table border="0" width="100%" height="100%" background="fon_65.jpg">


<tr>
<td height="320" colspan="3"> 


<table border="0" width="100%" height="100%" background="*.png">


<tr>
 <td width="810" valign="bottom" align="right" colspan="3">
<img src="banner6.png"  height="100%" width="100%"  style="border-radius: 6px;
 padding: 3px; box-shadow:0px 1px 5px #000">
 </td>
  </table>


</td>
</tr>


<tr> 
<! ГЛАВНОЕ МЕНЮ САЙТА >

<td width="210" valign="top"> <div  id="mymenu">
   

<div class="mydiv">
 <h3> <font size="3">Главная</font> </h3>
  
<p><a href = "index.htm">Новости</a></p>
 
 <p><a href = "karta.html">Карта сайта</a></p>

    </div>
  
  
<div class="mydiv">
  <h3> <font size="2">Сведения об  образовательной организации</font></h3>
 
 <p><a href = "common.html">Общие сведения</a></p>
  
<p><a href = "struct.html">Структура и органы управления</a></p>
 
 
<p><a href = "document.html">Документы</a></p>
 
 <p><a href = "education.html">Образование</a></p>
 
 
<p><a href = "edustandsrts.html">Образовательные <br>стандарты</a></p>
 
 <p><a href = "employees.html">Руководство и педагогический состав</a></p>
 
 <p><a href = "objects.html"><font size="2">Материально-техническое обеспечение и оснащенность</font></a></p>
 
 <p><a href = "grants.html">Материальная поддержка</a></p>
 
 <p><a href = "paid_edu.html">Платные образовательные услуги</a></p>
 
 <p><a href = "budget.html">Финансово-хозяйственная деятельность</a></p>
 
 <p><a href = "vacant.html">Вакантные места для приема</a></p>

    </div>
 

<div class="mydiv">
 <h3> <font size="3">Коллективы и их расписание</font> </h3>
 
   <p><a href = "raspisanie.html">Расписание</a></p>

 
<p><a href = "malyshok.html">"Малышок"</a></p>

 
<p><a href = "hochu_znat.html">Хочу все знать </a></p>

 
<p><a href = "sudarushki.html">Клуб "Сударушки "</a></p>

 
<p><a href = "samodelkino.html">"Самоделкино"</a></p>

 
 <p><a href = "istoki_kultury.html">Лектории "Истоки нашей культуры"</a></p>

 
<p><a href = "vmeste_pesney.html">"Вместе с песней "</a></p>

 
<p><a href = "pesni_detstva.html">"Песни нашего детства"</a></p>

 
 <p><a href = "kolokolchik.html">"Музыкальный колокольчик"</a></p>

 
<p><a href = "moy_kray.html">"Мой край - моя гордость"</a></p>


<p><a href = "kraeved.html">"Юнный краевед"</a></p>

 
 <p><a href = "shahmaty.html">Шахматный Клуб "Белая Ладья"</a></p>

 
</div>


<div class="mydiv">
 <h3> <font size="3">Независимая оценка</font> </h3>
   
 <p><a href = "ocenka.html">Независимая оценка</a></p>

 
   </div>

<div class="mydiv">
 <h3> <font size="3">Доступная среда </font> </h3>
   
 <p><a href = "dostup_sreda.html">Доступная среда </a></p>

 
   </div>


<div class="mydiv">
 <h3> <font size="3">Персональные данные </font> </h3>
   
 <p><a href = "pdn.html">Персональные данные </a></p>

 
   </div>


<div class="mydiv">
 <h3> <font size="3">Электронная приемная</font> </h3>
  
  <p><a href = "elektronnaya-priemnaya.html">Электронная приемная</a></p>

 
   </div>


<div class="mydiv">
 <h3> <font size="3">Анонимная приемная</font> </h3>
    
<p><a href = "anonimnaya-priemnaya.html">Анонимная приемная</a></p>

 
   </div>


<div class="mydiv">
 <h3>  <font size="3">Предписания</font> </h3>
 
 
<p><a href = "predpisanie.html">Предписания</a></p>
 

<div class="mydiv">
 <h3> <font size="3">Сайты педагогов</font> </h3>
  

<p><a href = "berezina.html">Березина Н.В.</a></p>
  

<p><a href = "almazova.html">Алмазова Т.Д.</a></p>
 
 
<p><a href = "belevskaya.html">Белевская О.В.</a></p>

  
 <p><a href = "stepanova.html">Степанова Г.Н.</a></p>
 
</div>
 

 <div class="mydiv">
 <h3>  <font size="3">Музей</font> </h3>
 
 
<p><a href = "museum.html">Положение о музее</a></p>

  <p><a href = "putevoditel.html">Путеводитель</a></p>

 
    </div>
   

 <div class="mydiv">
 <h3> <font size="3">Фотографии</font> </h3>
   
 <p><a href = "main_photos.html">Вот так и живем</a></p>

 
   </div>

 
</font>
</div>
</td>

<td width="600" height="500" rowspan="2" valign="top" align="center" > 
<div class="radius">
<h3 align="center"> <br> Анонимная приемная </h3> 
<table > <tr> <td width="550">
<h4 align="center">Уважаемые пользователи!</h4>
<font size="4">
В данном разделе можно отправить сообщения в анонимном режиме о лицах, возможно причастных к распространению радикальной идеологии или подвергшихся ее влиянию.<br><br>
<div class="mes">
   
    <form action="mail4.php" method="post">
        
      
        <p><textarea name="message" cols="1" rows="10" style="width:80%" placeholder="*Введите ваше сообщение" required></textarea></p>
        <input type="submit" name="send" value="Отправить">
    </form>
    

</div>
</font>
	

</td> 
</tr>
</table>

</div>
 </td>


<td valign="top">  
<br><br>
<table border="0" width="70%" align="center"> 

<tr> <td >
<!КНОПКА ДЛЯ ОТКРЫТИЯ ВЕРСИИ ДЛЯ СЛАБОВИДЯЩИХ>
<a href="nonimnaya-priemnaya.html">

 <img src="dlya-slabovidyashih.jpg"  height="110" width="120">  </a>

<br><br>
<script type="text/javascript" language="javascript" src="http://баннер.сетевичок.рф/index.php?option=com_adagency&controller=adagencyAds&task=remote_ad&tmpl=component&format=raw&zid=87"></script>


</td> 
</tr>
<tr> <td align="center">
<br><br>
<a href="telefon.html">
<img src="goryachay_liniya.jpg" width="150" > <br>Телефон "горячей линии"</a>
</td> 
</tr>

<tr> <td align="center">
<br><br>
<a href="http://персональныеданные.дети/o_proekte/">
<img src="banner.jpg" width="120" > Портал <br>«Персональныеданные.<br>дети»</a>
</td> 
</tr>
<tr> <td align="center"><br><br>
<a href="http://персональныеданные.дети/multimedia/videorolik_o_zawite_detskih_personalnyh_dannyh1/">
<img src="videorolik.jpg" width="120" > 
Видеоролик «Береги свои персональные данные»
 </a>
</td> 
</tr>

</table>   
</td>
</tr>

 
<tr>
<td> </td> 
<td> </td>
</tr>

<tr>  <td height="50" colspan="3"> </td>
</tr>

</table> </div>
</td>
<td> </td>   
</tr>
</table>
 <script>     
(function(d, t, p) {         
var j = d.createElement(t); j.async = true; j.type = "text/javascript";         
j.src = ("https:" == p ? "https:" : "http:") + "//stat.sputnik.ru/cnt.js";        
var s = d.getElementsByTagName(t)[0];  s.parentNode.insertBefore(j,s); }) 
(document, "script", document.location.protocol); 
</script>
</body>
</html>