<Html>
<head>
<style>

div.radius {
  border-radius: 20px;
  background: white;
}
.ghost-button {
  display: inline-block;
  width: 500px;
  padding: 8px;
  color: #fff;
  border: 4px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button:hover,
.ghost-button:active {
  background-color: #fff;
  color: #000;
}
.ghost-button1 {
  display: inline-block;
  width: 500px;
  padding: 8px;
  color: #336600;
  border: 4px solid #336600;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button1:hover,
.ghost-button1:active {
  background-color: #fff;
  color: #000;
}
.ghost-button2 {
  display: inline-block;
  width: 200px;
  padding: 8px;
  color: #336600;
  border: 4px solid #336600;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button2:hover,
.ghost-button2:active {
  background-color: #fff;
  color: #000;
}

.ghost-button3 {
  display: inline-block;
  width: 500px;
  padding: 8px;
  color: DimGrey;
  border: 4px solid DimGrey;
  text-align: center;
  outline: none;
  text-decoration: none;
}
.ghost-button3:hover,
.ghost-button3:active {
  background-color: DimGrey;
  color: #fff;
}
.border {
    border: 5px solid white;
   }
.boxShadow2 {
  width: 200;
  max-width: 550px;
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;
}
.boxShadow3 {
  width: 300;
  max-width: 550px;
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .3),
   -23px 0 20px -23px rgba(0, 0, 0, .8),
   23px 0 20px -23px rgba(0, 0, 0, .8),
   0 0 40px rgba(0, 0, 0, .1) inset;}

.polaroid {
 position: relative;
 width: 150px;
}
 
.polaroid img {
 border: 10px solid #fff;
 border-bottom: 45px solid #fff;
 -webkit-box-shadow: 3px 3px 3px #777;
 -moz-box-shadow: 3px 3px 3px #777;
 box-shadow: 3px 3px 3px #777;
}
 
.polaroid p {
 position: absolute;
 text-align: center;
 width: 100%;
 bottom: 0px;
 font: 400 16px/1 'Arial', cursive;
 color: #888;
}
/*меню фиксированное*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
.menu-main {
  list-style: none;
  margin: 0px 0 0px;
  padding:10px 0 5px;
  text-align: center;
background:white;
/*background-image:url(44451.jpg);
opacity: 0.8;*/
/*
position: fixed;  Фиксированное положение */ 
}
.menu-main li {display: inline-block;}
.menu-main li:after {
  content: "|";
  color: white;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'Ubuntu Condensed', sans-serif;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 20px;
  margin: 0 35px 0 35px;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
 color: white;
}
.menu-main a, .menu-main a:visited {color: #9d999d;}
.menu-main a.current, .menu-main a:hover{color:  #feb386;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 8px;
  top: auto;
  right: 100%;
  bottom: -0px;
  left: 100%;
  background: #feb386;
  transition: .8s;
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 0px 0 0px; 
  margin: 0 0px;
}
}

</style>


</head>

<body>
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" background="fon_ped1.jpg">
<tr> <td>
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr> 
<td  height="50" valign="top"> <a href="http://site2.fakel23424.tmweb.ru" >
<img src="fakel.png" width="180" height="70"></a>
</td>
<td align="right" height="50" >
<Font face="Garamond" size="5" color="gray" > Персональный сайт
педагога <br></Font>
<Font face="Garamond" size="6" color="gray" >
<b>Березиной Надежды Васильевны</b><br> </Font>
<br><br><br>
</td> </tr>
</table >
</td> </tr>

<tr> 
<td align="center" height="500" background="888.jpg">
<ul class="menu-main">
  <li><a href="berezina.html" class="current">
 <b>Главная</b> </a></li></font>
<li><a href="berezina.html" >Потрфолио</a></li>
  <li><a href="berezina.html">Родителям на заметку</a></li>

  <li><a href="berezina.html">Обратная связь</a></li>

<li><a href="berezina.html">Контакты</a></li>
</ul>

<table border="0" width="100%" height="100%" cellpadding="0"> 
<tr>
<td align="center" colspan="2" height="3" bgcolor="dimgray">
</td> </tr>
<tr>
<td align="" valign="top"colspan="2" height="334" background="deti1.png">
<br><br><br><br>
       



<tr>
<td align="center" colspan="2" valign="top">
<br>

<br><br>
<Font face="Garamond" size="10" >
//Сайт в стадии разработки//<br>
</font></td> </tr>
</table>

</td> </tr>




<tr> 
<td align="center" height="500" background="background-smeshariki.png">

<table border="0" width="900" height="100%"><tr> 
<td align="center">
<table border="0" width="90%" height="100%">
<tr>
<td align="center"  colspan="4">
<Font face="Garamond" size="20" color="dimgray">
<b>
Контакты:
</b></Font>
</td> </tr>
<tr>
<td align="center"  colspan="4"  >

<Font face="Garamond" size="6" color="dimgray">
Муниципальное бюджетное образовательное учреждение дополнительного образования «Детский (подростковый) центр «Факел»<br>
Адрес:<br>
Россия, 301770   Тульская область, город Донской, микрорайон Новоугольный, улица Индустриальная, дом 4.<br>
Телефон:<br>
(848746) 4-22-52 <br>
Часы работы:<br>
ПН    ВТ    СР    ЧТ    ПТ  CБ<br>
Сегодня с 9:00 до 17:00<br></Font>
<Font face="Garamond" size="20" color="dimgray">
</Font></td> </tr>
<tr>

</td> </tr>
</table>
</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>